body{ overflow:hidden; margin:20px 0 0; font:12px/16px Arial,Helvetica,sans-serif; color:#666666; }

div{float: left;}

h1, h2, h3, h4, h5 { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:5px 0; }
h1{ font-size: 23px; }
h2{ font-size: 16px; font-weight:normal; color:#57a2cb; }
h3{ font-size: 14px; padding-top:10px; text-align:center; color: #2B7AB4; }
h4{ font-size: 21px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; }
h5{ font-size: 13px; color: #2b7ab4; padding: 25px 0; }

p{ padding-top:5px; }

ul{ padding:0 0 0 15px; margin:0; }
ul li{ list-style:none; padding-left: 10px; }

#wrapper { float:none; width:800px; margin:0 auto; }
#header, #container, .banner, #footer, #formarea, #sidebarbot, #content, .duration, .grid, .contactDetails{ width: 100%; }

#container{ background:url(../images/main-bg.jpg) no-repeat top center; border:1px solid #CCCCCC; }

#header{ margin: 0; }
.logo{ float:left; }
.tagline{ padding: 33px 0 0 160px; float:left; font-size:20px; color: #004a71; text-align:center; }

.redtext{ color: #891A2D; }
.bluetext{ color: #005A8B; }
.yellowtext{ font-size:16px; font-weight:bolder; color: #fffc00; }

.indentText{ padding-left:10px; } 

#sidebar{ width: 290px; padding:15px 30px 0; }

.content{  }

#sidebarbot{ width:320px; padding-left:30px; }

#footer{ padding:15px 0 7px; background:url(../images/footer-bg.jpg) no-repeat top center; color:#ffffff; font-size:11px; width:800px; }

a{ text-decoration: none; color: #005A8B; }

.textInput{
	border: 1px solid #317ca8;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	color: #fffc00;
	background: #194f7a;
	padding: 3px 5px;
	font-size:14px;
}

.one_half, .one_third, .two_third, .one_fourth , .three_fourth, .four_fifth { float:left; margin-right:1%; position:relative; }
.one_half { width: 49%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; }
.one_fourth { width:27.2%;  padding-left:2%;}
.three_fourth { width:67%; padding-top:5px; }
.one_fifth { width:19.6%; font-size:11px; line-height:20px; }
.four_fifth { width:79.4%; }

.grid{ background:url(../images/grid.png); text-align:center; padding-bottom: 2px; }

.colorLegend{ padding-top:48px; }

p.result{ text-align:center; font-size:36px; font-weight:normal; line-height:22px; padding:0; margin: 10px 0; }
p.result span{ font-size:12px; }
p.result span.dc{ font-size:36px; }

.duration{ padding:20px 0 5px; position:relative; }
.duration ul, .duration ul li{ margin:0; padding:0; }
.duration ul li{ float:left; width:165px; list-style:none; padding-left:10px;}
.duration ul li:last-child{ width:40px; }

.meter{ clear:both; float:left; }

.tooltips{
	background-color: #fff;
	border: 1px solid #359de9;
	padding:5px;
	width: 150px;
}

.withTruesky, .withoutTruesky{ 
	position:absolute;
	top:-15px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px 8px;
	color: #fff;
	font-size:11px;
}
.withTruesky{ background: #359de9; left:22px; }
.withoutTruesky{ background: #fb0700; left:22px; }
.withTrueSkyArrow, .withoutTrueSkyArrow{ position: absolute; height:5px; width:8px; top:26px; right:12px; background:url(../images/arrow.png) no-repeat;}

.withTrueSkyArrow{ background-position: 0 0;}
.withoutTrueSkyArrow{ background-position: -8px 0;}

.contactDetails { background:url(../images/contactpage_background.jpg) no-repeat bottom left; }

legend{ font-size:12px; width:80px; float:left; }

.contactText{ padding: 65px 0 0 20px; }

.contactText ul{padding:10px 0 0 40px;}
.contactText ul li{ font-size:16px; list-style:none; line-height:40px; }

.contactForm{ 
	border: 5px solid #fff; 
	-webkit-box-shadow:  1px 1px 10px 1px #999999;
	-moz-box-shadow:  1px 1px 10px 1px #999999;     
	box-shadow:  1px 1px 10px 1px #999999;
	background:#ebf4fd;
	-moz-box-radius:20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
	padding:20px 20px;
	line-height:18px;
	margin:55px 0;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */		
	
.last { margin-right: 0px !important; clear:right; }
.clear { clear:both; }

td{ height:35px;}

.txtCenter{ text-align:center; }

input[type="text"], button, textarea{
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
}

input[type="text"], textarea {
	border: 1px solid #359de9;
	margin-bottom:5px;
	padding-left: 5px;
}

button {
	background: #359de9;
	font-size: 22px;
	color: #fff;
	border: none;
	margin-top:10px;
	padding:15px 20px;
}

#backtocalc {
	background: #359de9;
	font-size: 16px;
	color: #fff;
	border: none;
	margin-top:10px;
	padding:15px 20px;
}

.middle_text {
	position:absolute;
	left: 144px;
	top: 85px;
}

.middle_text p.result{ text-align:center; font-size:36px; font-weight:normal; line-height:12px; padding:0; margin: 10px 0; }
.middle_text p.result span{ font-size:12px; }

#WithTrueSkySavingsText{
	background:url(../images/flyout.png) no-repeat top left;
	padding:5px 5px 5px 3px;
	display:none;
	position:absolute;
	width:151px;
	height:84px;
	left:-70px;
	top:70px;
	text-align:left;
}

#imgGraphWithTrueSkyBlocker {
	position:absolute;
	width:64px;
	height:255px;
	left: 42px;
	background:url(../images/grid2.png);
}
#imgGraphWithTrueSky {
	position:absolute;
	width:64px;
	height:250px;
	left: 42px;

}

#imgGraphWithoutTrueSkyBlocker {
	position:absolute;
	width:64px;
	height:255px;
	left: 195px;
	background:url(../images/grid2.png);
}
#imgGraphWithoutTrueSky {
	position:absolute;
	width:64px;
	height:250px;
	left: 195px;
	
}

.chevron{
	margin-bottom: -10px;
}
.chv {
    font-size:0;
    height:0;
    line-height:0;
    border-style: solid;
    border-color: transparent;
    border-right-color: transparent;
    border-width: 32px 18px 32px 0;
    float: left;
    margin-top: 0;
}
.chv_top {
    border-color: white transparent;
    border-width: 0 32px 13px 32px;
}
.chv_body {
    height:0px;
    width:64px;
    background-color:transparent;
    margin-top: 0;
    min-height:3px;
}
.chv_spacer {
    border-color: white transparent;
    border-width: 0 32px 12px 32px;
    margin-top: -12px;
}

/* create */
.chv_blue_t{
	border-color: rgb(153,0,204) transparent;
}
.chv_blue_b{
	background-color: rgb(153,0,204);
}
/* input */
.chv_orange_t{
	border-color: rgb(25,194,255) transparent;
}
.chv_orange_b{
	background-color: rgb(25,194,255);
}
/* review */
.chv_gray_t{
	border-color: rgb(254,254,0) transparent;
}
.chv_gray_b{
	background-color: rgb(254,254,0);
}
/* merge */
.chv_yellow_t{
	border-color: rgb(255,102,0) transparent;
}
.chv_yellow_b{
	background-color: rgb(255,102,0);
}
/* modify */
.chv_blue2_t{
	border-color: rgb(255,0,0) transparent;
}
.chv_blue2_b{
	background-color: rgb(255,0,0);
}
/* present */
.chv_green_t{
	border-color: rgb(20,83,176) transparent;
}
.chv_green_b{
	background-color: rgb(20,83,176);
}
/* finalize */
.chv_blue3_t{
	border-color: rgb(242,136,219) transparent;
}
.chv_blue3_b{
	background-color: rgb(242,136,219);
}
/* anylize */
.chv_yellow2_t{
	border-color: rgb(120,195,71) transparent;
}
.chv_yellow2_b{
	background-color: rgb(120,195,71);
}


#NOPIITPP, #DFCTF, #AOTDBEPI, #AWPPIPM{
	height: 28px;
}