html { background:url(../images/bg.jpg) top center repeat-x #d1d1d1;}
body { background-color:#005284; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0; }
h2 { color:#0074d4; font-size:18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight:bold;}
h3 {font-size:14px; font-weight:bold; margin-bottom: 8px;}

.banner-ctn {width: 946px; height: 311px; background: url(../images/banner_noflash.jpg) no-repeat; }
.banner-ctn a.visitgng {font-size: 13px; float: right; color: #0098FE; background: url(../images/visitgng_arrow.gif) no-repeat left 8px; padding: 4px 10px 0 16px; margin-top: 24px;}


#signup_placeholder { width: 946px; padding: 0px; margin-bottom: 0px; float:left; }

#logo a.visit {font-size: 13px; float: right; color: #8ec6dd; background: url(../images/arrow.gif) no-repeat left 8px; 
	padding: 4px 5px 0 16px; margin-top: 22px; text-decoration: none;}

p { padding: 0; }
#logo { background: url(../images/logo.jpg) no-repeat left; height:54px; width: 934px; 
	margin: 0 auto;}
#wrapper { margin: 4px auto; width:961px; padding:0px; border: 1px #fff solid; clear: both;}
#banner { height: 260px; background: #000116 url(../images/banner_8-2011.jpg) no-repeat top right; }
.contest #banner {background: #000116 url(../images/contest_banner.jpg) no-repeat top right; }


#offer { float: right; background: url(../images/giftcard.jpg) no-repeat right 30px; }
.content { clear: both; width: 961px; border-top: none; padding: 0; background: #fff; }

.questions .content { clear: both; width: 926px; border-top: none; padding: 0; background: #fff; padding: 25px 0 25px 35px;}
.plans { width: 914px; padding: 8px 0 20px 20px; background: #fff url(../images/bottom-gradient.gif) repeat-x left 330px; }

#rec-front .content { width: 894px; padding: 8px 0 20px 40px; background: #fff; }
#learnmore .content { width: 914px; padding: 35px 0 130px 20px;}
#bluebox {
	float:right;
	background-color:#DDEEFF;
	margin:35px 20px 10px;
	padding:20px 0px 20px 20px;
}
#learnmore #bluebox {
	background-color:#CDE6FF;
	padding:10px 10px 10px 11px;
	border: 1px solid #3266CC;
	margin: 0;
	width: 280px;
}

.ltbluebox { width: 202px;
	float: left;
	padding: 12px 2px 6px 12px;
	margin: 0px 0px 16px 0px;
	background-color:#cde6ff;
	border:1px solid #666666;	
	
}
.box { width: 230px; float: left; margin: 0; }


#footer { clear:both; font: 11px Arial, Helvetica, sans-serif; color:#fff; width: 934px; margin: 0 auto; }
#footer img { float:right; margin:5px 20px; }


#footnotes { clear:both; font: 11px Arial, Helvetica, sans-serif; color:#666; padding-top: 20px;}
#footnotes2 { clear:both; font: 11px Arial, Helvetica, sans-serif; color:#666; padding-top: 20px;}
#rec-front #footnotes { padding-top: 10px; width: 450px}


#endlinks { color:#FFFFFF; }

#tableholder { width: 600px;}

#priceplatable {border: 1px solid #666666; border-width: 1px 1px 0 0; }
#priceplatable td {border: 1px solid #666666; border-width: 0 0 1px 1px; font-size:11px; padding: 2px 2px 2px 4px;}

td.price { padding-left: 34px;}

#rates{ font-family:Verdana, Arial, Helvetica, sans-serif;}
#rates td{ font-size:11px;}
#rates td.smallishhead{ color:#000000; font-weight:bold;}
#rates smallish{ font-size:9px;}
#rates .ui-dialog .ui-dialog-titlebar, .ui-dialog-titlebar{ display: none; }

#visitlink {position:relative;width:150px;float:left;color:white;margin:0px;padding:0px;top:55px;left:780px;}

#tblrates {border-color: #2f4066; border-width: 0 0 2px 2px; border-style: solid; padding:0; margin-left:0px; margin-top:20px; font-size:9pt;}
#tblrates td{ border-color: #2f4066; border-width: 2px 2px 0 0; border-style: solid; padding:3px;}
#tblrates .rowheader{ background-color:#d4d4d4; text-align:center;}
#tblrates .values{font-weight:bold;}

#signup { float: right; width: 424px; }
	#links{margin:0 auto; padding:15px 0 15px 0; width:353px; float:right;}
	#links p{text-align:left;}
	#links p.links{ color:#1a7cd4; font-weight:bold;}
	#links span{ font-size:13px; padding-top:10px; font-weight:bold;}
	#gascard { float:right; height: 118px; width:405px; background: url(../images/giftcard.jpg) no-repeat top right;}
	#signup_form { clear:both; border:solid 2px #0066cc; background-color:#CDE6FF; padding: 4px; width:307px; }
	#signup_form p{ text-align:center; }
#vio { float:right; height: 118px; width:385px; background: url(../images/vio_billcredit.gif) no-repeat right 25px ;}
#legal-2 p {font-size: 10px; }


#questions {background: url(../images/q_bg.gif) top left repeat-y; }

#wrap-2 { background: url(../images/q-content-bg.gif) repeat-y scroll 0 0 transparent; margin: 0;}
#wrap-2 .q_top {height: 12px; background: transparent url(../images/q_top.gif) no-repeat scroll 1px 0;} 
#wrap-2 .q_bot {height: 31px; background: url(../images/q_bottom.gif) 1px bottom no-repeat; }  




#lyrics h1 { color:#0079C2; font: bold 26px Verdana, Geneva, Helvetica, sans-serif; }
#lyrics p { color: #333; font: 12px/19px Verdana, Geneva, Helvetica, sans-serif} 
#lyrics h2 { color:#0079C2; font: bold 26px Verdana, Geneva, Helvetica, sans-serif; padding-top: 0;}
#lyrics fieldset legend { font-size: 17px; font-weight: bold; }
#lyrics fieldset {
	padding-left: 0;
	clear: left;
	border: none;

}
#lyrics label { clear: left; display: block; margin: 10px;}
#lyrics h3 { padding: 0 20px 20px 0; color: #111; font: bold 21px/40px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;} 
#lyrics h3 span { color: #666; border-bottom: 3px solid #666; width: 360px; height: 26px;  }
	

.didyouknow p {  padding: 10px 10px 6px 21px; }

.didyouknow-wrap {float: right; width: 226px; height: 190px; padding: 45px 0 0 21px; background: url(../images/mic-a-box.png) no-repeat 1px 45px;}

#lyrics .didyouknow-wrap h2 {font-size: 23px; margin-top: 0; padding: 11px 10px 6px 0; }
.didyouknow-wrap input { border:1px solid #333333;
	font-size: 16px;
	font-weight: bold;
	padding: 2px;
	width: 196px;
	color: #555;
}
.didyouknow-wrap p {  padding: 0px 10px 6px 21px; }
.gasguy {background: url(../images/didyouknow_gg.gif) no-repeat bottom left; height: 145px; }

#inside-footer { background: transparent url(../images/q_bottom.gif) no-repeat 1px bottom; height: 30px; padding: 10px 80px 15px 0; clear: both; } 
#inside-footer a { float: right; clear: both; }


#cycle-wrap { height: 290px; width: 900px;}
#next {display: none; border: none;}
.cycle-element { display: none; height: 150px; background: url(../images/q-content-bg.gif) repeat-y scroll 0 0; width: 902px;}


.left { float: left; width: 600px; margin:0 10px 0 0; padding:0 20px 20px; }

#entry { float: left; width: 400px; margin-top: 30px; }

#signup {width: 400px; float: right; margin-top: 30px; }
#lyrics #entry  label { width: 100px; float:left; text-align: right; padding-right: 6px; font-weight: bold; margin: 0;}
#lyrics #entry input { width: 220px; border: 1px solid #333; line-height: 18px; background-color: #d3f9ff;}
#lyrics #entry div { display: block; clear:left; padding: 3px 0; margin-bottom: 5px;}
#lyrics #entry fieldset { margin: 0; border: none;}
#lyrics #entry #state { width: 80px;}
#lyrics #entry #zip { width: 77px; }
#lyrics #entry #btn-submit {margin-left: 80px; font-weight: bold; width: 224px; height: 32px; background: url(../images/btn_submit-your-entry.gif) no-repeat 0px 2px; color: white; border: none; font-size: 18px;}
#lyrics #entry #guess { width:90px; font-size: 14px; font-weight: bold;}
#lyrics #entry #emailoptin { width: auto; float: left;}
#lyrics #entry .optin label { clear:none; float:none; text-align:left; width:261px; }
#lyrics #entry .optin { margin: 0px 60px 0px 100px;}
#lyrics #entry label.error {clear: both; margin-top: 0px; margin-left:110px; width:240px; text-align: left; background: yellow;}
#lyrics #entry fieldset  { border:medium none; margin:0; }

#footer { font: 9px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; clear: both; width: 926px; margin: 0 auto; }
#footer a { color:#fff; text-decoration: none;}
#legalfooter { font: 9px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; clear: both; width: 920px; margin: 8px auto 0;}
#legalfooter p{ margin: 0 10px 10px;}

#f_logo_wrap { height: 114px; margin: 10px auto; width: 961px; background: url(../images/f_logos_bg_tile.png) repeat-x 1px 0px; clear: left;}
.divider-bar { height: 19px; border: 1px solid white; border-width: 1px 0; background: #0079c2; }

h2 { color:#0079c2; font-size:18px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }
h3 { color: #333; font-size:12px; font-weight:bold; }
.thanks #info p { margin: 10px 0;}
.front #info a { color: #0000cc; font-weight: bold;}
.front #info a:visited { color: #3366CC; font-weight: bold;}

#landbody { font: 12px/19px Verdana, Arial, Helvetica, sans-serif; color: #4a4a4a; background: url(../images/sidebar_bg_tile.gif) repeat-y 478px top;}
.terms #landbody { background-image: none;}
	
#landbody a { color: #3233ff; text-decoration: none; font-weight: bold;}

#info { float:left; padding: 25px; width:428px;  }
.terms #info { float: none; padding-left:46px; width:859px; }
.terms #info p { margin: 6px 0 11px;}

#sec-col { width: 483px; padding: 0; float: left;}
#sec-col a span { display: none;}

#wrap-3 { background: url(../images/ChooseONGtoday.png) no-repeat top right; width: 300px; padding: 109px 0 0 56px;}
#landbody #wrap-3 p { font-size: 11px; line-height: 16px;}

.thanks #wrap-3 { background: url(../images/ChooseONGtoday.png) no-repeat 55px 27px; width: auto; padding: 131px 25px 0 56px;}
.thanks #landbody #wrap-3 p { font-size: 12px; line-height: 19px;}

#p2 { padding: 0 0 0 25px}
#p2 .add-info { list-style: none; margin: 0; padding: 0 0 8px 14px;}
#p2 .add-info li { background: url(../images/p2_arrow.gif) no-repeat scroll 0 4px transparent; margin: 2px 0 0; padding:0 0 0 15px;  }
#p3 .add-info { list-style: none; margin: 0; padding: 0 0 8px 14px;}
#p3 .add-info li { background: url(../images/p2_arrow.gif) no-repeat scroll 0 4px transparent; margin: 2px 0 0; padding:0 0 0 15px;  }
#p3 { border-top: 1px solid #fff; padding: 44px 37px 0 195px; background: #dcdcfe url(../images/p3_hsith-logo.png) no-repeat 27px 26px; }
#p4 { border-top: 1px solid #fff; padding: 9px 37px 0 195px; background: #dcdcfe url(../images/highschool.gif) no-repeat 27px 26px; }

#flash-wrap {width: 325px; height: 217px; padding: 20px 0 0 30px;  }
#flash-wrap * { border: 1px solid #fff; }
.contest #flash-wrap { display: none; }

.popup { display: none; position:absolute; z-index:8; margin-top:60px; width:340px; background: #ffffcc; border:1px solid #000; padding: 12px 15px; }
.popup .close-link { float: right; padding: 0;}
.popup h2 { font-size: 17px; padding: 0; margin: 0;}
.popup p { font-size:11px;}
.popup table { width: 335px; margin: 14px 0 0 8px; }
.popup table td { padding: 2px; vertical-align: top;	font-size: 10px; line-height: 15px; }

#deo, #vedo { width: 560px; background: #fff; border: 3px solid #005284;}
.signup_form { text-align: center; }
.social * { border: 0;}

#at_email { z-index: 9; display: none; background: #eaeaea; border: 4px solid #005284; position:absolute; text-align:left; width: 268px; font-size: 10px; padding: 0 0 19px 19px;}
label { font-weight: bold; clear: left; display: block; padding: 10px 0 1px 0;}
#at_email input { border: #888 1px solid; font-size: 10px; width: 247px;}
#at_email input.atbtn {background: #005284; width: 60px; color: white; font-weight: bold; height: 20px; margin-right: 13px;}
#at_email textarea {width: 247px; height: 100px;  border: #888 1px solid;}

.at_close { height: 19px; padding: 8px 8px 0 0; }
#at_email .at_close a { color: #555; }

.pods h2 {color:#ffffff;font-size:14px;text-transform:none;padding:0px 0px 0px 26px;}
.pods .rate { font-family: Arial, Helvetica, sans-serif; font-weight:bold;font-size: 32px; text-align: center; padding: 28px 0px 2px 0px; color: #1A5783;margin:0px; }
.pods .promocode { font: bold 13px trebuchet, sans-serif; text-align: center; padding: 0px 0 4px; color: #1A5783;}
.header {color:#ffffff;font-size:13px;text-transform:none;padding:10px 0px 0px 0px; text-align:center;}
#box{ margin-top: 4px; background-color:#FFFFFF; border:solid 6px #61b4de; min-height:100px;text-align:center;float:left;width:400px; }
#box p{ font-size:12px; line-height:18px; margin:0 auto; padding:10px 16px; }
#box span{ margin:0 auto; color:#FF0000; font-size:9pt; font-weight:bold; padding:14px 16px;}
#login {padding-left: 72px; margin: 10px 0;}
div.clear{clear:both;height:1px;margin-top:-1px;}
h1 { color:#0079c2; font-size:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-top: 0px;}


