/* main styles */
@charset "utf-8";
body{margin:0; padding:0; font-family:arial;}
#wrapper{width:100%; min-height: 100%;}
#container{width:100%;}
.clear{clear:both;}
a img{border:0;}
a {outline: none;}
a:hover{color:#AF7D06;}
:focus {-moz-outline-style: none;}
h1{color:#444444; font-size:40px;}
h2{font-size:18px; color:#444444;}
h3{color:#00488c; font-weight:bold; font-size:24px;}
html, body {height: 100%;}
#wrapper hr{color:#DDD; border:1px solid #DDD;}

/*header*/
#utilitynav{width:100%; background-color:#ffb400;}
#utilitynav #utilitynav-container{padding:10px 0; width:960px; margin:0 auto;}
#utilitynav #utilitynav-container a{float:right; margin-left:10px; text-align:center; background-image:url(/resources/images/utility-button.gif); width:68px; height:19px; padding:1px 0 0; text-decoration:none; color:#af7d06; display:block; background-repeat:no-repeat; font-size:13px;}
#utilitynav #utilitynav-container a:hover{color:#093d7f;}
#header{width:960px; margin:0 auto;height:135px;}
#header #logo{float:left; width:70px;height:105px; padding:20px 0 0;}
#header #navigation{float:right; width:800px; text-align:right;height:75px; padding-top:60px;}
#header #navigation a{color:#AAA; margin-left:60px; text-decoration:none; font-size:20px;}
#header #navigation a:hover{color:#093d7f;}

/*homepage CTA*/
#cta-wrapper{width:100%; background-color:#093d7f; height:510px; background-image:url(/resources/images/ctabg.jpg); background-repeat:no-repeat; background-position:center;}
#cta-container{width:960px; margin:0 auto;}
#cta-container #cta-text{float:left; width:550px; padding:40px 0 0;}
#cta-container #cta-signup{float:right; width:360px;}
.cta-white{color:#FFF; font-size:34px; font-weight:bold;}
.cta-white-small{color:#FFF; font-size:20px; font-weight:bold; line-height:34px;}
.cta-yellow{color:#ffb400; font-size:34px; font-weight:bold;}
#cta-container a.yellowbutton{width:179px; height:47px; background-image:url(/resources/images/howitworks.png); background-repeat:no-repeat; display:block; color:#093d7f; font-weight:bold; text-align:center; font-size:20px; padding:18px 0 0; text-decoration:none;}
#cta-container a.yellowbutton:hover{background-position:0 -65px;}

/*home signup*/
#cta-container #cta-signup #signup-top{width:334px; height:45px; background-image:url(/resources/images/signup-top.png); background-repeat:no-repeat; float:right; margin-top:50px; font-weight:bold; font-size:24px; color:#00488c; padding:10px 0 0 20px;}
#cta-container #cta-signup #signup-mid{width:334px; background-image:url(/resources/images/signup-mid.png); background-repeat:repeat-y; float:right; padding:15px 0 0 20px; color:#8c8d8d; font-size:16px;}
#cta-container #cta-signup #signup-bot{width:354px; height:16px; background-image:url(/resources/images/signup-bot.png); background-repeat:no-repeat; float:right;}
#cta-container #cta-signup #signup-mid input.textinput{width:220px; font-size:14px; border:2px solid #bebebe; padding:7px; background-image:url(/resources/images/inputbg1.gif); background-position:top left; margin-bottom:10px;}
#cta-container #cta-signup #signup-mid input.bluesubmit{border:0; width:179px; height:63px; background-image:url(/resources/images/continue.png); display:block; cursor:pointer; background-repeat:none; color:#FFF; text-align:center; font-weight:bold;font-size:20px; margin-left:-8px; padding:0 0 5px; font-family:arial;background-color: #FFFFFF;}
#cta-container #cta-signup #signup-mid input.bluesubmit:hover{background-position:0 -63px;}
/*actual signup*/
#signup-container{width:960px; margin:0 auto 200px auto;}
#signup-container #signup{color: #8C8D8D; font-size: 16px;padding:20px; border:7px solid #DDD; }
#signup-container #signup table{float:left; width:430px; margin-left:10px;}
#signup-container #signup h2.step1{font-size:15px; display:block; width:360px; padding-left:30px; padding-top:3px; height:23px; background-image:url(/resources/images/step1.gif); background-repeat:no-repeat; background-position:left top;}
#signup-container #signup h2.step2{font-size:15px; display:block; width:360px; padding-left:30px; padding-top:3px; height:23px; background-image:url(/resources/images/step2.gif); background-repeat:no-repeat; background-position:left top;}
#signup-container #signup input.textinput{width:280px; font-size:14px; border:2px solid #bebebe; padding: 3px 5px; background-image:url(/resources/images/inputbg1.gif); background-position:top left;}
#signup-container #signup h2{margin-top:0;}
#signup-container #signup .data{float:left;width:255px; height:65px;}
#signup-container #signup .validate{float:left; width: 250px; color:red; font-weight:bold; font-size:13px; padding:10px 10px 10px 30px; border:2px solid #e89c9c; background-color:#f6e7e7; color:#dc6d6d; margin-bottom:10px; background-image:url(/resources/images/warning.png); background-repeat:no-repeat; background-position:left center;}
#signup-container #signup .info{float:left; width: 250px; color:#7AE4FF; font-weight:bold; font-size:13px; padding:10px 10px 10px 30px; border:2px solid #e89c9c; background-color:#7AE4FF; color:#000000; margin-bottom:10px; background-image:url(/resources/images/check.png); background-repeat:no-repeat; background-position:left center;}
#signup-container #signup .required{color:red; font-weight:bold;}
#signup-container #signup  select.select-menu{font-size:14px; border:2px solid #bebebe; padding:7px; background-image:url(/resources/images/inputbg1.gif); background-position:top left; margin-bottom:10px;}
#signup-container #signup input.bluesubmit{border:0; width:179px; height:63px; background-image:url(/resources/images/continue.png); display:block; cursor:pointer; background-repeat:none; color:#FFF; text-align:center; font-weight:bold;font-size:20px; margin-left:-8px; padding:0 0 5px; font-family:arial;background-color: #FFFFFF;}

/*login*/
#login-container{width:400px; margin:0 auto 200px auto;}
#login-container #login{color: #8C8D8D; font-size: 16px;padding:20px; border:7px solid #DDD;}
/*dropshadow*/
#login-container #login input.textinput{width:280px; font-size:14px; border:2px solid #bebebe; padding:7px; background-image:url(/resources/images/inputbg1.gif); background-position:top left; margin-bottom:10px;}
#login-container #login h2{margin-top:0;}
#login-container #login .data{float:left;width:255px; height:65px;}
#login-container #login .validate{float:left; width: 300px; color:red; font-weight:bold; font-size:13px; padding:10px 10px 10px 30px; border:2px solid #e89c9c; background-color:#f6e7e7; color:#dc6d6d; margin-bottom:10px; background-image:url(/resources/images/warning.png); background-repeat:no-repeat; background-position:left center;}
#login-container #login .required{color:red; font-weight:bold;}
#login-container #login  select.select-menu{font-size:14px; border:2px solid #bebebe; padding:7px; background-image:url(/resources/images/inputbg1.gif); background-position:top left; margin-bottom:10px;}
#login-container #login input.bluesubmit{border:0; width:179px; height:63px; background-image:url(/resources/images/continue.png); display:block; cursor:pointer; background-repeat:none; color:#FFF; text-align:center; font-weight:bold;font-size:20px; margin-left:-8px; padding:0 0 5px; font-family:arial;background-color: #FFFFFF;}
#login-container #login .login{float:left; width:150px;}
#login-container #login .forgot{float:right; width:150px; text-align:right; padding:14px 0 0 0; line-height:18px;}
#login-container #login .forgot a{font-size:13px;}

/*confirm*/
#confirm-container{width:500px; margin:0 auto 200px auto;}
#confirm-container #confirm{color: #8C8D8D; font-size: 16px;padding:20px; border:7px solid #DDD;}
/*dropshadow*/
#confirm-container #confirm .data-title{width:150px; text-align:right; vertical-align:top; font-weight:bold; float:left; font-size:14px; color:#444; padding:5px; background-color:#E5E5E5; margin-top:3px;}
#confirm-container #confirm .data{width:270px; vertical-align:top; float:left; font-size:14px; padding:5px; background-color:#FFF; margin-top:3px;}
#confirm-container #confirm input.bluesubmit{border:0; width:179px; height:63px; background-image:url(/resources/images/continue.png); display:block; cursor:pointer; background-repeat:none; color:#FFF; text-align:center; font-weight:bold;font-size:20px; margin-left:-8px; padding:0 0 5px; font-family:arial;background-color: #FFFFFF;}
#confirm-container #confirm .confirm-return{float:left; width:150px;margin: 23px 0 0;}
#confirm-container #confirm .confirm-return a{font-size:14px;}
#confirm-container #confirm .confirm-continue{float:right; width:179px;}

/*terms*/
#terms-container{width:800px; margin:0 auto 200px auto;}
#terms-container #terms{color: #8C8D8D; font-size: 11px;padding:20px; border:7px solid #DDD;}

/*3 column*/
#three-column{margin:0 auto; width:960px;}
#three-column #col1{width:295px; float:left; margin:40px 35px 0 0;}
#three-column #col2{width:295px; float:left; margin:40px 35px 0 0;}
#three-column #col3{width:295px; float:left; margin:40px 0 0;}
#three-column h2{color:#00488c; font-weight:bold; margin:0; padding:0; font-size:20px; border-bottom:1px solid #cccccc;}
#three-column .left{float:left; width:50px; margin:10px 0 0;}
#three-column .right a{color:#00488c; font-weight:bold; font-size:13px;}
#three-column .right a:hover{color:#0083ff;}
#three-column .right{float:right; width:235px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#three-column .right2 a{color:#00488c; font-weight:bold; font-size:13px;}
#three-column .right2 a:hover{color:#0083ff;}
#three-column .right2{float:left; width:235px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#three-column a{color:#FFF; font-size:12px;}
#three-column a:hover{color:#0083ff;}


/*Current Prices*/
#three-column #col1 h2{background-image:none; background-color:#00488c; color:#FFF; display:block; padding:8px; font-size:13px;}
#three-column .rf-ac-itm-hdr{background-image:none; background-color:#dfdfdf; border-bottom:1px solid #c6c6c6; padding:5px; font-size:12px;}

/*2 column*/
/* #two-column{margin:0 auto; width:960px;}
#news{width:922px; background-color:#FFF; margin:20px 0; padding:15px; color:#4387c5; font-size:13px; border:4px solid #e0ecf9; border-radius:8px;}
*/
#two-column{margin:0 auto; width:960px;}
#two-column #col1{width:432px; float:left; margin:40px 35px 0 0; border:4px solid #00488c; border-radius:8px;}
#two-column #col2{width:432px; float:left; margin:40px 35px 0 0; border:4px solid #00488c; border-radius:8px;}
#two-column h2{color:#ffb400; background-color:#00488c; font-weight:bold; margin:0; padding:0; font-size:20px; border-bottom:1px solid #cccccc;}
#two-column .left{float:left; width:50px; margin:10px 0 0;}
#two-column .right a{color:#00488c; font-weight:bold; font-size:13px;}
#two-column .right a:hover{color:#0083ff;}
#two-column .right{float:left; width:442px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#two-column .right2 a{color:#00488c; font-weight:bold; font-size:13px;}
#two-column .right2 a:hover{color:#0083ff;}
#two-column .right2{float:left; width:340px; margin:0px 0px 0; font-size:13px; color:#676767; line-height:18px;}
#two-column a{color:#FFF; font-size:12px;}
#two-column a:hover{color:#0083ff;}

/*1 column*/
#one-column{margin:0 auto; width:960px;}
#one-column #col1{width:884px; float:left; margin:40px 35px 0 0; ; border:4px solid #00488c; border-radius:8px;}
#one-column h2{color:#ffffff; background-color:#00488c; font-weight:bold; margin:0; padding:0; font-size:20px; border-bottom:1px solid #cccccc;}
#one-column .left{float:left; width:50px; margin:10px 0 0;}
#one-column .right a{color:#00488c; font-weight:bold; font-size:13px;}
#one-column .right a:hover{color:#0083ff;}
#one-column .right{float:left; width:442px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#one-column .right2 a{color:#00488c; font-weight:bold; font-size:13px;}
#one-column .right2 a:hover{color:#0083ff;}
#one-column .right2{float:left; width:884px; margin:10px 10px 0; font-size:13px; color:#676767; line-height:18px;}
#one-column a{color:#FFF; font-size:12px;}
#one-column a:hover{color:#0083ff;}


/*2 column graph on right*/
#two-column-graph{margin:0 auto; width:1100px;}
#two-column-graph #col1{width:295px;  float:left; margin:40px 35px 0 0; }
#two-column-graph #col2{width:700px; float:left; margin:40px 35px 0 0; border:4px solid #e0ecf9; border-radius:8px;}
#two-column-graph h2{color:#00488c; font-weight:bold; margin:0; padding:0; font-size:20px; border-bottom:1px solid #cccccc;}
#two-column-graph .left{float:left; width:50px; margin:10px 0 0;}
#two-column-graph .right a{color:#00488c; font-weight:bold; font-size:13px;}
#two-column-graph .right a:hover{color:#0083ff;}
#two-column-graph .right{float:right; width:235px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#two-column-graph .right2 a{color:#00488c; font-weight:bold; font-size:13px;}
#two-column-graph .right2 a:hover{color:#0083ff;}
#two-column-graph .right2{float:left; width:235px; margin:10px 0 0; font-size:13px; color:#676767; line-height:18px;}
#two-column-graph a{color:#FFF; font-size:12px;}
#two-column-graph a:hover{color:#0083ff;}

/*Current Prices*/
#two-column-graph #col1 h2{background-image:none; background-color:#00488c; color:#FFF; display:block; padding:8px; font-size:13px;}
#two-column-graph .rf-ac-itm-hdr{background-image:none; background-color:#dfdfdf; border-bottom:1px solid #c6c6c6; padding:5px; font-size:12px;}




/*Current Prices*/
#three-column #col1 h2{background-image:none; background-color:#00488c; color:#FFF; display:block; padding:8px; font-size:13px;}
#three-column .rf-ac-itm-hdr{background-image:none; background-color:#dfdfdf; border-bottom:1px solid #c6c6c6; padding:5px; font-size:12px;}


/*footer*/
#footer-container{width:100%; background-color:#ececec; background-image:url(/resources/images/footerfade.png); background-position:center top; height:120px; background-repeat:no-repeat; margin:60px 0 0; border-bottom:1px solid #DDD;}
#footer{width:960px; margin:0 auto; text-align:center; color:#cccccc; padding:15px 0 0;}
#footer a{color:#989797; text-decoration:none;font-size: 16px;}
#footer a:hover{color:#444;}
#footer-copy{color:#989797;}

/*sub page public*/
#subpage-container{margin: 0 auto; width: 960px;}
#subpage-container #left-column-subpage{float:left; width:635px; font-size:16px; color:#444444; line-height:30px;}
#subpage-container #right-column-subpage{float:right; width:295px;}
#subpage-container #right-column-subpage .current-prices-subpage{width:295px; margin-top:85px; background-color:#EEE;}
#subpage-container #right-column-subpage .contact-sidebar h2{background-color: #00488C; background-image: none; color: #FFFFFF; display: block; font-size: 13px; padding: 8px; margin:0;}
#subpage-container #right-column-subpage .contact-sidebar{border:1px solid #bcbcbc; vertical-align:top; margin-top:30px;}
#subpage-container #right-column-subpage .contact-sidebar .pretext{padding:10px; color:#00488c; font-size:12px; font-weight:bold;}
#subpage-container #right-column-subpage .contact-sidebar .pretext-label{padding:4px; color:#00488c; font-size:12px; font-weight:bold;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-left-title{padding:10px; font-size:12px; font-weight:bold;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-form input, #subpage-container #right-column-subpage .contact-sidebar .sidebar-form textarea{border:1px solid #AAA; padding:5px; color:#444; width:230px; margin:4px 0;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-form input.sidebar-submit{background-image:none; padding:5px 20px; font-weight:bold; color:#FFF; font-size:14px; text-align:center; background-color:#060; width:100px; border:0; cursor:pointer;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-form input.sidebar-submit:hover{background-color:#2c7f2c;background-image:none;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-form .validate{float:left; width: 200px; color:red; font-weight:bold; font-size:13px; padding:10px 10px 10px 30px; border:2px solid #e89c9c; background-color:#f6e7e7; color:#dc6d6d; margin-bottom:10px; background-image:url(/resources/images/warning.png); background-repeat:no-repeat; background-position:left center;}
#subpage-container #right-column-subpage .contact-sidebar .sidebar-form .info{float:left; width: 200px; color:#7AE4FF; font-weight:bold; font-size:13px; padding:10px 10px 10px 30px; border:2px solid #e89c9c; background-color:#7AE4FF; color:#000000; margin-bottom:10px; background-image:url(/resources/images/check.png); background-repeat:no-repeat; background-position:left center;}
#subpage-container #left-column-subpage .demo-table .demo-title{font-size:14px; color:#bd7d06; font-weight:bold; display:block; margin-bottom:5px;}
#subpage-container #left-column-subpage .demo-table .demo-col1{width:193px; vertical-align:top; font-size:12px; color:#444; line-height:20px; padding-bottom:20px; padding-top:0;}
#subpage-container #left-column-subpage .demo-table .demo-col2{width:193px; vertical-align:top; font-size:12px; color:#444; line-height:20px; padding-bottom:20px; padding-top:0;}
#subpage-container #left-column-subpage .demo-table .demo-col3{width:193px; vertical-align:top; font-size:12px; color:#444; line-height:20px; padding-bottom:20px; padding-top:0;}
#subpage-container #left-column-subpage .demo-table a img{margin-bottom:7px;}
#subpage-container #left-column-subpage .demo-table .demo-col1 a{font-weight:bold;}
#subpage-container #left-column-subpage .demo-table .demo-col2 a{font-weight:bold;}
#subpage-container #left-column-subpage .demo-table .demo-col3 a{font-weight:bold;}
#subpage-container #right-column-subpage .current-prices-subpage h2{background-image:none; background-color:#00488c; color:#FFF; display:block; padding:8px; font-size:13px; margin:0;}
#subpage-container #right-column-subpage .current-prices-subpage .rf-ac-itm-hdr{background-image:none; background-color:#dfdfdf; border-bottom:1px solid #c6c6c6; padding:5px; font-size:12px;}
#subpage-container #right-column-subpage .current-prices-subpage a{color:#FFF; font-size:12px;}
#subpage-container #right-column-subpage .current-prices-subpage a:hover{color:#0083ff;}
/* #subpage-container #left-column-subpage .templateDiv .faq-question{font-size:14px; color:#bd7d06; font-weight:bold; display:block; margin-bottom:5px;} */
#subpage-container #left-column-subpage .templateDiv .rf-ac-itm-hdr{line-height:15px; background-image:none; background-color:#dfdfdf; border-bottom:1px solid #c6c6c6; padding:1px; font-size:12px;}
#subpage-container #left-column-subpage .templateDiv .rf-ac-itm-cnt{line-height:15px;}


#subpage-container #left-column-subpage .demo-table-2 .demo-title{font-size:14px; color:#bd7d06; font-weight:bold; display:block; margin-bottom:5px;}
#subpage-container #left-column-subpage .demo-table-2 .demo-col1{width:300px; vertical-align:top; font-size:12px; color:#444; line-height:20px; padding-bottom:20px; padding-top:0;}
#subpage-container #left-column-subpage .demo-table-2 .demo-col2{width:300px; vertical-align:top; font-size:12px; color:#444; line-height:20px; padding-bottom:20px; padding-top:0;}
#subpage-container #left-column-subpage .demo-table-2 a img{margin-bottom:7px; display:block;}
#subpage-container #left-column-subpage .demo-table-2 .demo-col1 a{font-weight:bold;}
#subpage-container #left-column-subpage .demo-table-2 .demo-col2 a{font-weight:bold;}

.market-values{float:left; margin:10px 0; border-radius:8px; background-image:url('/resources/images/cont-bg2.jpg'); background-repeat:repeat-x; background-position:top;}
.market-values .right-column{float:right; width:700px;}
.market-values .right-column .title-box{background-color:#FFF; float:center;  border-top-right-radius:8px; height:40px;}
.market-values .right-column .title-box .left-title{float:center; font-size:20px; font-weight:bold; color:#0e5496; padding:8px 0 0 8px;}
.market-values .right-column .title-box .left-title .blue{color:##0e5496;}
.market-values .right-column .title-box .left-title .yellow{color:#ee9d01;}
.market-values .right-column .title-box .right-title{font-weight:bold; float:right; width:300px; color:#0e5496; font-size:12px; padding:3px 15px 0; text-align:right;}
.market-values .right-column .title-box .right-title a{font-weight:bold; color:#e79801; text-decoration:underline; font-size:12px;}
.market-values .right-column .chart-box{background:url('/resources/images/shadow1.png'); background-position:top center; background-repeat:no-repeat;background-color: #AFCFEC;}
.market-values .left-column .login{background-color:#206EB8; padding:8px; color:#FFF; font-size:12px; line-height:18px; border-bottom-left-radius:8px; margin:1px;}

/* added by Paul */
.market-values .right-column .title-box .right-title a:hover{color:#0083ff;}

#news{margin:20px 0; padding:15px; color:#4387c5; font-size:13px;}
#news a{font-weight:bold; color:#ee9d01;}
/* added by Paul */
#news a:hover{color: #0083ff;}
#news .news-title{color:#0e5496; font-weight:bold; font-size:13px;}
