@import './hb-poll.css'; /* CSS Document */ body {margin:0px;background:#fff;font:11px Arial, Helvetica, sans-serif;color:#777777;} a {text-decoration:none;outline:0;-moz-outline:0;color:#777777;} a:hover {text-decoration:underline;} #container {margin:auto;padding:0px;width:952px;} #clear {clear:both;} #border {border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;padding:0px 0px 0px 0px;margin:0px;} #header, #landheader {background:#fff;padding-top:14px;} #header img, #landheader img {float:left;border:none;} #header small, #landheader small {float:left;text-align:center;cursor:pointer;height:30px;line-height:21px;font:bold 18px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#3366CC;padding:15px 10px 10px 10px;border:2px dotted #ccc;width:200px;background:#fff;} #header a, #landheader a {color:#ccc;} #header em, #landheader em {padding:15px 10px 10px 10px;height:30px;display:block;font:normal 14px Arial, Tahoma, Serif;width:450px;text-align:center;color:#3366CC;line-height:21px;border:2px dotted #ccc;float:right;} #header strong {padding-top:7px;font:normal 14px Arial, Tahoma, Serif;width:500px;text-align:center;color:#3366CC;line-height:21px;width:450px;float:right;} #top {border-bottom:5px solid #feae00;height:19px;} #top .globalNav {float:right;color:#777777;} #top .globalNav a {color:#777777;font-size:11px;} #top .globalNav span.divider {padding:0 5px 0 5px;} #top .globalNav p {margin:0;padding:0;} #top .sectionNav a {float:left;height:19px;} #top .sectionNav a#myHome {background: url(/images/interface/for-my-home.jpg) no-repeat top left;width:107px;} #top .sectionNav a#myHome.active {background: url(/images/interface/for-my-home-active.jpg) no-repeat top left;width:107px;} #top .sectionNav a#myBusiness {background: url(/images/interface/for-my-business.jpg) no-repeat top left;width:127px;} #top .sectionNav a#myBusiness.active {background: url(/images/interface/for-my-business-active.jpg) no-repeat top left;width:127px;} #banner {width:952px;height:107px;position:relative;clear:both;} #banner h1 {margin:0;padding:0;} #banner .replace a {position:absolute;top:19px;left:66px;width:66px;height:76px;text-indent:-999em;} #icons {float:right;padding-top:12px;} #icons img {float:left;margin-left:15px;border:none;} #frmSearch {margin:0px;float:right;width:213px;background:bottom left url(../images/img_navSep.jpg) no-repeat;padding:5px 15px 4px 15px;} #keywords {padding:2px 2px 1px 2px;font: 11px Arial, Tahoma, Serif;width:150px;margin-top:0px !important;margin-top:-1px;margin-right:1px;border-top:1px solid #D5D5D5;border-bottom:1px solid #A7A7A7;border-left:1px solid #D5D5D5;border-right:1px solid #A7A7A7;} #btnsearch {font: 10px Tahoma, Arial, Serif;background:#FFF top left url(../images/img_searchback.gif) repeat-x;width:55px;text-transform:uppercase;border-top:1px solid #D5D5D5;border-bottom:1px solid #A7A7A7;height:19px;border-left:1px solid #D5D5D5;border-right:1px solid #A7A7A7;cursor:pointer;} #footer {line-height:18px;text-align:center;padding:25px 30px 25px 30px;margin-bottom:10px;} #footer a {text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer p {margin:0px;} #footer small {font:normal 14px Arial, Tahoma, Serif;padding:10px;display:block;} #copyright {text-align:center;color:#BBB;margin-bottom:10px;} /* Common Nav */ #navigation {background: top left url(/images/interface/navBack.jpg) no-repeat;clear:both;clear: both; z-index: 999; height: 26px; position:relative !important;} #nav {float:left;padding:0px;margin:0px;} #nav ul {width:222px;padding:0px;position:absolute;left:-999em;margin:0px 0px 0px -3px;} #nav li {float: left;padding:0px;cursor:pointer;list-style-type:none;} #nav a {text-decoration:none;display:block;} #nav ul li {width:214px;display:block;margin:0 0 0 4px;} #nav ul li a {display:block;} #nav ul ul {width:150px;} #nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left:auto;} /* Unique Nav */ #nav {font:bold 11px Arial, Helvetica, sans-serif;} #nav a {padding:0;color:#666;} #nav li#fir a {background:none;} #nav li#fir a#active {color:#3366CC;background:#fff;} #nav a:hover {color:#fff;} #nav a#active {color:#3366CC;background:#fff;} #nav #active-nav {background:none;} #nav li#fir ul {} #nav ul {font:12px Arial, Helvetica, Serif;text-transform:none;font-weight:normal;background: url(/images/interface/dropdown_bg.png) bottom center no-repeat;padding-bottom:7px;} #nav ul li {border-bottom:none;} #nav ul li a {color:#2e829d;background:none;padding: 7px 20px 5px 20px;border-bottom:1px solid white;} #nav ul li.last a {border-bottom: none;} #nav ul ul {background:#eee;margin:-23px 0px 0px 151px;} #nav li:hover, #nav li.sfhover {background:none;color:#fff;} #nav li li:hover, #nav li li.sfhover {color:#fff;border-bottom:none;background:#5A888F url(/images/interface/dropdown_rdquo_active.gif) no-repeat 9px 12px;} #active-nav {background: #ddd;} #nav .home {width:92px;height:26px;background: url(/images/interface/nav1off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .home:hover {width:92px;height:26px;background: url(/images/interface/nav1on.gif) no-repeat top left;} #nav #active-nav .home {width:92px;height:26px;background: url(/images/interface/nav1on.gif) no-repeat top left;} #nav .smartrate-details {width:128px;height:26px;background: url(/images/interface/nav2off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .smartrate-details:hover {width:128px;height:26px;background: url(/images/interface/nav2on.gif) no-repeat top left;} #nav #active-nav .smartrate-details {width:128px;height:26px;background: url(/images/interface/nav2on.gif) no-repeat top left;} #nav .join {width:128px;height:26px;background: url(/images/interface/nav3off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .join:hover {width:128px;height:26px;background: url(/images/interface/nav3on.gif) no-repeat top left;} #nav #active-nav .join {width:128px;height:26px;background: url(/images/interface/nav3on.gif) no-repeat top left;} #nav .video-tips {width:128px;height:26px;background: url(/images/interface/nav4off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .video-tips:hover {width:128px;height:26px;background: url(/images/interface/nav4on.gif) no-repeat top left;} #nav #active-nav .video-tips {width:128px;height:26px;background: url(/images/interface/nav4on.gif) no-repeat top left;} #nav .save-money {width:119px;height:26px;background: url(/images/interface/nav5off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .save-money:hover {width:119px;height:26px;background: url(/images/interface/nav5on.gif) no-repeat top left;} #nav #active-nav .save-money {width:119px;height:26px;background: url(/images/interface/nav5on.gif) no-repeat top left;} #nav .help-the-environment {width:193px;height:26px;background: url(/images/interface/nav6off.gif) no-repeat top left;text-indent:-999em;padding-right:2px;} #nav .help-the-environment:hover {width:193px;height:26px;background: url(/images/interface/nav6on.gif) no-repeat top left;} #nav #active-nav .help-the-environment {width:193px;height:26px;background: url(/images/interface/nav6on.gif) no-repeat top left;} #nav .member-center {width:151px;height:26px;background: url(/images/interface/nav7off.gif) no-repeat top left;text-indent:-999em;} #nav .member-center:hover {width:151px;height:26px;background: url(/images/interface/nav7on.gif) no-repeat top left;} #nav #active-nav .member-center {width:151px;height:26px;background: url(/images/interface/nav7on.gif) no-repeat top left;} /* Homepage */ #homemain {background:#fff; z-index:-5;} #hometag h1 {font-size:20px;font-weight:normal;color:#0089c4; padding:16px 0 21px 0;margin:0; height:18px;} #hometag h1 span.hi {color:#ffa100;} #hometag p {margin:0;padding:0;} #homemain-container {width:100%;} #lft {width:758px;} #lft #tb {height:345px;} #lft #buckets {height:120px;padding:12px 0 0 0;} #lft #buckets #one, #lft #buckets #two, #lft #buckets #three {width:241px;height:120px;float:left;} #lft #buckets #msg {float:right;width:106px; height:110px; padding:10px 0 0 0;position:relative; background:url(../images/bg-bkt-msg.jpg) repeat-y right top; padding-right:5px; padding-left:13px; } #lft #buckets #msg h6 {font-size:16px;font-weight:normal;color:#777777;padding:0;margin:0; padding-bottom:8px;} #lft #buckets #msg p {padding:0;margin:0;} #lft #buckets #msg a {position:absolute;right:8px;bottom:9px;color:#00a3dc;padding:0 0 0 15px;background: url(/images/interface/homeArrow.gif) no-repeat top left;} #lft #buckets #one {background:#daf2fd url(/media/images/home/hbButterflies.jpg) no-repeat top left;margin-right:19px;} #lft #buckets #two {background:#daf2fd url(/media/images/home/hbKids.jpg) no-repeat top left;margin-right:15px;} #lft #buckets #three {background:#daf2fd url(/media/images/home/hbCouple.jpg) no-repeat top left;} #lft #buckets #three #msg {width:115px;background:#caecf3 url(../images/bg-bkt-msg.jpg) left top;} #lft #tb #tabs .ui-widget-content ul {padding:0 0 10px 225px;} #lft #tb #tabs .ui-widget-content ul li {margin-bottom: 4px;} #rht {float:right;width:179px;} /* Home Tab Styles */ .clearfloat {clear:both;} #lft #tb #tabs {background:url(../images/bg-home-tab.jpg) repeat-x left top; overflow:hidden;} #lft #tb #tabs .theater {float:left; margin-right:20px; } #lft #tb #tabs h1 {color:#00a3dc; font-size:20px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px; font-weight:normal; line-height:24px;} #lft #tb #tabs p {color:#777777; font-size:12px; margin:0px; padding:0px; padding-bottom:15px; line-height:16px; } #lft #tb #tabs ul {padding:0px; margin:0px;} #lft #tb #tabs ul li {margin:0; color:#777;} #lft #tb #tabs ul.tips {} /* Right */ #lft #tb #tabs #tabs-right {width:212px; height:315px; padding-top:30px; background:url(../images/bg-home-tablink.jpg) repeat-x left top;} #lft #tb #tabs #tabs-right ul li { margin-bottom:10px;} /* Plan Details Tab Styles */ #content #tabs ul {margin:0px;} #content #tabs li {margin:0px; padding:0px;} #content #tabs a {width:139px;} #content #tabs .steps {width:20px; height:18px; padding:0px; text-align:center; padding-top:2px; margin-right:7px; background:#0089c4; color:#fff; float:left; line-height:16px;} #content #tabs #tabs-1 {background:#abe1fa; width:476px;} #content #tabs #tabs-2 {background:#efe9d5; width:476px;} #content #tabs #tabs-3 {background:#cbddd6; width:476px;} /* Right Column Buckets */ /*#alert {background:#ffac00;color:#000;text-align:center;padding:3px 0 3px 0;font-weight:bold;margin-bottom:3px;}*/ #joinNow, #memberCenter, #pastSmartDay {background:#ededed;padding:15px;margin-bottom:12px;font-size:10px;} #joinNow h2, #memberCenter h2, #pastSmartDay h2 {color:#323232;padding:0 0 16px 0;margin:0;font-size:13px;} #joinNow p, #memberCenter p, #pastSmartDay p {margin:0;padding:0;} #joinNow ul, #memberCenter ul, #pastSmartDay ul {padding:0 0 0 12px;} #joinNow li, #memberCenter li, #pastSmartDay li {margin:0 0 5px 0;} #joinNow a, #memberCenter a, #pastSmartDay a {color:#00a3dc;font-size:11px;width:95%;margin-top:15px;display:block;background: url(/images/interface/rightBucketArrows.gif) no-repeat top right;} #joinNow a {background:none;margin-top:10px;text-align:center;} /* SmartDay Alert Module Styles */ .today {float:left;width:66px; text-align:center; padding-top:5px; margin-bottom:8px; padding-left:4px; color:#000;} .tomorrow {float:left;width:66px; margin-left:8px; text-align:center; padding-top:5px; margin-bottom:8px; padding-left:4px; color:#000;} .alert-off { background:url(../images/alert-off.jpg) no-repeat left top; width:67px; height:82px; text-align:center; color:#fff; padding-right:3px;} .alert-on { background:url(../images/alert-on.jpg) no-repeat left top; width:67px; height:82px; text-align:center; color:#fff; padding-right:3px;} #alert-area {padding-left:11px;} #alert { background:#fff7ea; font-size:11px; width:100%; margin-bottom:12px;} .caption-off { width:149px; background:url(../images/bg-alert.jpg) repeat-x left top; height:14px; padding-top:1px; padding-left:15px; padding-right:15px; color:#000;text-align: center;} .caption-off a {color:#1c69a5; text-decoration:none;} .caption-off a:hover { text-decoration:underline;} .caption-off .caption {font-weight:bold;} .caption-off .what {float:right; font-size:10px;display:none;} .caption-on { width:100%; background:url(../images/bg-alert-on.jpg) no-repeat top; height:14px; text-align:center; padding-top:1px; font-weight:bold; color:#000;} #main {background:#fff url(/images/interface/subBottom.gif) repeat-x top left;padding-top:7px; z-index:-5;} #main small {color:#999999;display:block;width:495px;padding-right:31px;font-size:11px;padding-bottom:10px;padding-left:2px;display:none;} #main small a {color:#999999;text-decoration:none;} #main small a:hover {color:#000;text-decoration:underline;} #access {color:#828282; z-index: -10;float:right;width:40px;} #access a {color:#828282;text-decoration:none;float:left;padding:0 0 0 17px;} #access a:hover {color:#828282;text-decoration:underline;} #access ul {margin:0px;padding:0px;position:relative;} #access ul li {list-style-type:none;display:inline;padding-right:5px;} #access ul li a {padding:5px 0px 5px 20px;} #access a#pri {background:left url(/images/interface/printit.gif) no-repeat;width:14px;height:13px;display:inline-block;} #access a#ema {background:left url(../images/ico_email.gif) no-repeat;width:16px;height:16px;display:inline-block;} #access ul li a#lgi {background:left url(../images/ico_login.gif) no-repeat;} #access ul li a#lgo {background:left url(../images/ico_logout.gif) no-repeat;} #over1 {float:left;} #over1 h4 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:3px;margin-bottom:10px;} #over1 h4 a {color:#333;text-decoration:none;} #over1 p {margin:10px 0px 10px 0px;} div.overclr {clear:both;position:relative;margin-top:0px;height:20px;} div.overnew {float:left;width:47%;margin-right:3%;margin-bottom:20px;} #content {font-size:12px;} #content #left, #content #center, #content #right {float:left;} #contentfull {width:735px;line-height:18px;color:#333;font-size:12px;} #left {background:#abadac;} #left img {margin:0px;} #left a {color:#3366CC;} #left #active-nav {background:none;} #left #active-nav a {background:#e2e2e2 url(/images/interface/leftnav_rdquon.gif) no-repeat 6px 9px;color:#000;} #left h2 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:3px;display:none;} #left ul {width:178px;margin:0px 0px 0px 0px;padding:0 0 10px 0;line-height:14px;} #left ul.nonav {width:178px;margin:0px 0px 0px 0px;padding:0 0 10px 0;line-height:14px;} #left ul.nonav li {background:#86c1c9;height:200px;} #left ul li {list-style-type:none;border-bottom:1px solid #fff;} #left ul li#msel a {color:#fff;} #left ul li#msel ul li a {color:#000;} #left ul li a {color:#fff;text-decoration:none;display:block;padding:5px 5px 5px 18px;background:#86c1c9;font-size:11px;} #left ul li a:hover {color:#fff;text-decoration:underline;background:#86c1c9 url(/images/interface/leftnav_rdquo.gif) no-repeat 6px 10px;} #left ul li#msel a:hover {color:#3366CC;} #left ul ul {padding:8px 0px 0px 0px;background:none;margin:0px;} #left ul ul li {} #left ul ul li a {padding:0px 5px 0px 0px;color:#3366CC;} #left ul ul li a:hover {color:#000;background:none;} #left img {border:none;} #center {width:543px;padding:15px 30px 0 22px;line-height:18px;} #center a{color:#00a3dc;text-decoration:underline;font-size:12px;} #center a:hover{text-decoration:none;} #center strong {color:#000;} #center h1 {font:24px Arial, Helvetica, sans-serif;color:#00a3dc;padding:0 0 14px 0;margin:0 0 0 0;background: url(/images/interface/h1border.gif) repeat-x bottom left;} #center h2 {font:bold 16px Arial, Helvetica, sans-serif;color:#323232;} #center h3{font:bold 14px Arial, Helvetica, sans-serif;color:#3366CC;} #center h4 {font:bold 13px Arial, Helvetica, sans-serif;color:#000;} #center h5 {font:bold 12px Arial, Helvetica, sans-serif;color:#3366CC;} #center h6 {font:bold 12px Arial, Helvetica, sans-serif;color:#000;} #center ul {margin-left:16px;padding:0px;} #center ul li {margin-bottom:5px;} #center #hblistmod ul li {list-style-type: none;} #center #disclaimer {font-size:10px;} #center #disclaimer strong {color:#000} #center #disclaimer p strong {color:#777777;} #center #thmImage {float:right;padding:0 0 0 15px;} #center #box {clear:left;background:#cbddd6;padding:15px;} #center #box h3 {font-size:16px;color:#777777;padding:0;margin:0;} #cContainers {width:178px;} #right {width:178px;font-size:11px;padding-top:5px;} #right img {margin:0px;} #right img {border:none;} #usable {padding-top:20px;height:31px;} #cContainers {clear:both;} #menu {width:177px;height:130px;background:#3366CC top left url(../images/img_internalMenuBack.gif) no-repeat;margin:0px;margin-bottom:25px;padding:10px 15px 10px 15px;} #menu img {border:none;margin-top:3px;} #clearmain {clear:both;} #homeleft {width:47%;float:left;margin-top:10px;} #homeright {width:47%;float:right;margin-top:10px;} #homeright h3, #homeleft h3 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:3px;} #homeright ul, #homeleft ui {width:207px;margin:0px 0px 25px 0px;padding:0px;padding-bottom:2px;line-height:14px;} #homeright ul li, #homeleft ul li {list-style-type:none;background:top left url(../images/img_navIcon.gif) no-repeat;margin-bottom:7px;padding-left:16px;} #homeright ul li a, #homeleft ul li a {color:#000;text-decoration:none;display:block;padding:0px 5px 3px 0px;} #homeright ul li a:hover, #homeleft ul li a:hover {color:#3366CC;} #homeright ul ul, #homeleft ul ul {padding:4px 0px 8px 0px;background:none;margin:0px;} #homeright ul ul li, #homeleft ul ul li {background:none;} #homeright ul ul li a, #homeleft ul ul li a {padding:1px 5px 0px 5px;color:#3366CC;} #homeright ul ul li a:hover, #homeleft ul ul li a:hover {color:#000;background:none;} #landheader {height:60px;} #landbanner img {float:left;margin-bottom:15px;} #halfbanner {border:2px dotted #ccc;width:415px;height:160px;} #fullbanner {border:2px dotted #ccc;width:735px;height:160px;} /* SmartDay This Year List Styles */ #center .pastSmartDays {background:none; padding:0px; padding-left:1px;} #center .pastSmartDays strong {color:#757575;} #center .smartDate {clear:left;float:left;width:117px; padding-left:13px; padding-top:2px; padding-bottom:1px;} #center .smartStatus {float:left;width:390px; padding-top:2px; padding-bottom:1px;} #center .even {background:#ffc766;} #center .odd {background:#ffe3b3;} /* Join Summer Pricing Plan Style */ #center #referenceIDCheck {width:324px; color:#fff;clear:left;} #center #referenceIDCheck .module {background:#85c0c8;} #center #referenceIDCheck form {width:324px; margin:0px; padding:0px;} #center #referenceIDCheck table {width:324px; margin:0px; padding:12px;} #center #referenceIDCheck #refSummary {display:none;} #center #referenceIDCheck strong {color:#fff;} #center #referenceIDCheck .modSplit {color:#000;font-weight:bold;padding:5px;} #center #referenceIDCheck #instr {color:#777777;padding:0 0 5px 0;} #center #referenceIDCheck hr {border:none; border-top:1px solid #ddd; height:1px;} #center #referenceIDCheck form .submit {background:transparent url(/images/check-eligibility.jpg) no-repeat scroll left top;border:medium none;display:block;height:20px;margin-bottom:2px;margin-top:2px;text-indent:-999em;width:164px;} #center #refCheck .cmxform .submit {background:transparent url(/media/images/lp/submit.gif) no-repeat scroll left top;border:medium none;display:block;height:20px;margin-bottom:2px;margin-top:2px;text-indent:-999em;width:104px;} /* Signup Progress Indicator */ #progress {padding:0 0 20px 0;float:left;} #progress #stepOne, #progress #stepTwo, #progress #stepThree {float:left;padding:2px 30px 0 30px;font-size:16px;color:#bbbbbb;height:18px;vertical-align: middle} #progress #stepOne {background: url(/images/1off.gif) no-repeat top left;} #progress #stepTwo {background: url(/images/2off.gif) no-repeat top left;} #progress #stepThree {background: url(/images/3off.gif) no-repeat top left;} #progress #stepOne.on {background: url(/images/1on.gif) no-repeat top left;color:#000;} #progress #stepTwo.on{background: url(/images/2on.gif) no-repeat top left;color:#000;} #progress #stepThree.on {background: url(/images/3on.gif) no-repeat top left;color:#000;} /* Additional Tips Styles */ #center #hbcatmod h3 {color:#777;} /* Accordion Styles */ #accordion {padding-top:0;} #accordion a {font-size: 14px; color:#323232; text-decoration:none;} #accordion .odd {background:#d4eff9;} #accordion .even {background:#e5e6ce;} #accordion h3.odd {background:#d4eff9;} .cmxform table tbody em.error {color:#FF0000;}