body {font:.8em/140% Verdana, Arial, Helvetica, sans-serif; padding:0px; color:#333333; background-color:#f0f0f0;}
h1 {font:1.5em/140% Arial, Helvetica, sans-serif;  margin-top:0px;}
h2 {font:1.1em Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:6px 0 6px 0;}
h3 {font:1em/130% Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:6px 0 6px 0;}
a:link, a:visited {color:#333333; text-decoration:underline;}

a:hover {color:#CC0000;}

#mainWrapper {width:960px; background-color:#ffffff; margin-left:auto; margin-right:auto; border:1px solid #999999;}
#bannerWrapper {text-align:right; background-color:#FFFFFF;}
#mainColumn {padding:5px 0px 0px 10px; width:940px; background-color:#ffffff;}
#leftColumn {float:left; background-color:#FFFFFF; width:205px; padding-right:5px; padding-left:5px;}
#rightColumn {float:right; padding-right:8px; padding-top:5px; width:725px; background-color:#ffffff;}
#footer {clear:both; width:960px; margin-left:-10px;}
#twoColfooter {clear:both; width:960px;}
#legalText {display:none; border-top:1px solid gray; font-size:9px; width:7.4in;}
#legalLinks {width:960px; text-align:right; margin:0px auto 0px auto; background-color:#f0f0f0; padding:10px 0px;}
#legalLinks a {padding:0px 10px;}
#legalLinks a {color:#333333; text-decoration:underline; cursor:pointer; padding:0px 10px;}
#legalLinks .ctl:hover {color:#CC0000;}
.previewBox {font:1em/140% Verdana,Arial, Helvetica, sans-serif; width:750px; padding:6px; border:1px solid #666666; background-color:#fafafa;font-weight:normal;text-align:center; margin-left:auto; margin-right:auto; margin-bottom:6px; margin-top:3px; }
.toolBox {width:200px; margin:4px; height:88px; float:left; border:1px solid #eaeaea; padding:4px;  padding-top:10px; vertical-align:middle;}
a.headlineLink { line-height:200%;}
.pageIcon {float:right; margin:0px 0px 20px 20px;}

/* Upper Nav Bar */
#upperNavWrapper {text-align:right; height:25px; font-size:11px;}
#upperNavWrapper a:link, #upperNavWrapper a:visited, #upperNavWrapper a:hover {text-decoration:none;}
#upperNavBar {width:962px; height:25px; margin:0 auto; margin-left:1px; margin-left:auto; margin-right:auto; border:0px;text-align:right;}
#fontSelector {font-size:9px; margin:2px 2px; float:left;}

.surveyQuestions li {margin-bottom:20px;}

/* ===== BEGIN Articles ===== */
.sideBarBox {padding:2px; background-color:#FAFAFA; border:1px solid #EAE9E4; margin-bottom:2px;}
.sideBarBox div {border:1px solid #eaeaea; padding:3px; background-color:#125E7A; color:#FFFFFF; text-align:center; font-size:12px;}
.sideBarBox ul {margin-top:2px; margin-left:0px; padding-left:20px;}
.sideBarBox li {list-style-type:square; margin-bottom:6px;}

.acctMgrBox {background-color:#FAFAFA; text-align:center; padding:4px; border:1px solid #EAE9E4; margin-bottom:2px;}
.acctMgrBox div {text-align:center;}

.newsletterAdWrapper table, .newsletterAdWrapper div  {margin:8px 0px;}
.customAd table, .customAd div {margin:0px; line-height:120%;}
#Ad, .Ad, .customAd {margin:8px 0px; line-height:120%;}
.leftColumnBox {padding:2px; background-color:#FFFFFF; border:1px solid #EAE9E4; margin:0px; width:196px;}
.leftColumnBoxHeader {padding:4px; background-color:#125E7A; color:#FFFFFF; margin:0px;}

.relatedContent {padding:2px; background-color:#FAFAFA; border:1px solid #EAE9E4; margin-right:8px;}
.relatedContent dt {border:1px solid #eaeaea; padding:3px; background-color:#125E7A; color:#FFFFFF; text-align:center; font-size:12px;}
.relatedContent dd {margin:0px 0px 4px 2px; padding:1px; border-bottom:1px solid #f0f0f0;}

#articleWrapper {clear:both;}
#articleWrapper img {margin:10px;}
#articleWrapper h2 {font:1.1em Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:6px 0 -10px 0;}
#articleWrapper h3 {font:1em/130% Verdana,Arial,Helvetica,sans-serif; font-style:italic; font-weight:bold; margin:6px 0 -10px 0;}
#articleWrapper table {border-collapse:collapse; border:1px solid #333333;}
#articleWrapper th {font:1em/130% Verdana,Arial,Helvetica,sans-serif; padding:4px; font-weight:bold; text-align:center; background-color:#333333; color:White;}
#articleWrapper td {font:1em/130% Verdana,Arial,Helvetica,sans-serif; border:1px solid #333333; vertical-align:top; padding:4px;}
#articleWrapper table.articlePhoto {float:left; text-align:center; margin:20px 25px 10px 0px; border:0px;}
#articleWrapper table.articlePhotoRt {float:right; text-align:center; margin:0 20px 5px 0px; border:0px;}
#articleWrapper table.articlePhotoLg {text-align:center; margin:20px 0 5px 0; border:0px;margin-left:auto;margin-right:auto;}
#articleWrapper .articlePhoto td, #articleWrapper .articlePhotoRt td, #articleWrapper .articlePhotoLg td {border:0px;}
.articlePhoto img, .articlePhotoRt img, .articlePhotoLg img {margin:0px 0px 6px 0px;}
.articlePhoto caption, .articlePhotoRt caption, .articlePhotoLg caption {font:.8em/110% Verdana,Arial,Helvetica,sans-serif; color:#666666; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:4px 0;}
.articleLogoAd {width:200px; padding:4px 4px 8px 4px; margin:0px 10px; border:1px solid #aaaaaa; text-align:center; float:right;}
#keyPoints {border:1px solid #999999; background-color:#F0F0F0; padding:8px;}
#keyPoints ul {margin:0; padding-left:2em;}
/* === END Articles ==== */

#pageTools {font-size:14px; text-align:right; margin-bottom:7px; float:right; overflow:hidden; border:none;}
#pageTools a, #pageTools a:visited {text-decoration:none;}
/*#pageTools img {margin-right:4px;}*/

#fontSelectorWrapper {float:left;}
#pageFunctionsWrapper {float:right; vertical-align:middle; font-size:10px;}
#pageFunctionsWrapper img {vertical-align:middle; margin-right:4px;}

.fontSelector {border:1px solid #666666; color:#666666; background-color:#f0f0f0; font-family:Verdana, Arial, Helvetica, sans-serif; height:20px; width:18px;}
.errorMessage {color:#FF0000;}
.msg {color:#FF0000; font-weight:bold;}
input.mapButton {color:#333; font-family:Arial,helvetica,sans-serif; font-size:85%; font-weight:bold; background-color:#fed; border:1px solid; border-top-color:#666; border-left-color:#666; 
border-right-color:#333; border-bottom-color:#333; padding:0px; padding-left:2px; padding-right:1px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
hr.grey {height:1px; color:#f0f0f0;}
.coloredForm {border:1px solid #eaeaea; background-color:#fafafa; width:100%; margin:15px 0px; padding:10px 0px;}
.coloredForm label {width:135px; text-align:right; padding-right:20px;}
h3.reverse {background-color:#f0f0f0; padding:3px; margin-bottom:0px;}
div.treeView td {vertical-align:top;}
/* Rating */
.ratingStar {font-size:0pt; width:13px; height:12px; margin:0px; padding:0px; cursor:pointer; display:block; background-repeat:no-repeat;}
.filledRatingStar {background-image:url(/Images/FilledStar.png);}
.emptyRatingStar {background-image:url(/Images/EmptyStar.png);}
.savedRatingStar {background-image:url(/Images/SavedStar.png);}
.assessmentWizardSideBar {width:200px; vertical-align:top;}
.assessmentWizardSideBarButton {background-color:#f0f0f0; padding-left:12px; padding-bottom:6px;}
.assessmentWizardSideBarButton a, .assessmentWizardSideBarButton a:visited {text-decoration:none;}
.assessmentWizardStep {padding:15px; padding-top:0px; /*width:570px;*/}
.businessSegmentChangePopup {background-color:#f0f0f0; padding:15px; width:350px; border:1px solid #eaeaea;}
.modalPopup {background-color:#fafafa; padding:15px; text-align:right;}
.modalPopup div {margin:2px 0px;}

.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.noDecoration, .noDecoration:visited {text-decoration:none;}

.ratingCtl {margin-top:40px; clear:both; border-top:2px solid #333333; padding:10px 0px;font-size:.9em;}
.legal {width:944px; padding:8px; text-align:right; margin:0px auto;}

/* Main Nav Bar (These styles are replicated in IQ for the NavBar Editor. Changes here must also be replicated there. */
#lowerNavBar {text-align:right; background-color:#333333; color:#FFFFFF;}
#navShell {height:24px;}
#navItemContainer {float:right;}
.navItem {float:left; padding:4px 10px 4px 10px;}
.navItem a:link, .navItem a:visited {font:bold 12px /normal arial, helvetica, sans-serif; color:white; text-decoration:none; padding:2px;}
.navItem a:hover {color:#CC0000;}
.navItem img {border:none;margin-right:8px;}
/* End Main Nav Bar */

/* forms */
.formLabel {display:block; float:left; width:100px; padding:0; margin:5px 8px 0;	text-align:right;}
.formClear {clear:left;}

/* BEGIN Ask An Expert */
.ctl {margin:5px 0px; overflow:auto;}
.ctl p {font-weight:bold;}
.ctl label {font-weight:bold; float:left; width:135px; text-align:right; padding-right:20px;}
.ctl span {font-style:italic; font-weight:500; margin-left:10px;}

.smCtl label{float:left; width:35px; text-align:left; margin-right:10px; padding-top:2px;}

.indentCtl {margin:15px 25px;}
.indentCtl label {font-weight:bold;}
.indentCtl span {font-style:italic; font-weight:500; margin-left:10px;}
.indentCtl td {padding-right:30px;}

.checkBlock {width:255px; margin-bottom:20px; float:left; margin-left:65px}
.checkBlock label {font-weight:bold;}
.checkBlock div{margin:10px 0px;}
.checkBlock dl {margin:10px 0px;}
.checkBlock dd {margin-left:18px; display:none;}
.checkBlock dd label {font-weight:400;}
.checkBlock input {margin-bottom:0px;}

.wideCtl {margin:15px 55px; overflow:auto;}
.wideCtl label {font-weight:bold; padding-left:10px;}
.wideCtl div {margin:5px 20px;}
.wideCtl input {margin-bottom:0px;}
/* END Ask An Expert */

.hvac dd {margin-left:0px;}
.ctlBlock {clear:both; width:938px; padding-bottom:40px;}
.ctlBlock p {color:#000000; font-weight:bold; padding:3px; text-align:center;}
.hvacCtl {width:312px; float:left;font-size:11px;}
.hvacCtl div {margin-bottom:5px; }
.hvacCtl label{float:left; width:125px; text-align:right; margin-right:5px;}

.popUpCtl {text-decoration:underline; cursor:pointer; color:Teal; border-bottom:1px solid Teal; padding-bottom:2px;}

.section {clear:both; border:1px solid #eaeaea; padding:5px; margin-bottom:15px;}
.sectionImg {float:left; width:200px; margin-right:10px;}
.sectionContent {float:right; width:480px;}
.sectionContent h2{font:bold 1em sans-serif;}
.sectionContent dd{margin-left:0px;}

.dozer {clear:both; display:block; height:1px; overflow:hidden; margin:0px; padding:0px; font-size:1px;}

.outerRegBox {margin:25px auto 93px auto; width:650px; border:1px solid #999999; padding:25px;}
.loginBox {margin-left:auto; margin-right:auto; margin-top:25px; width:650px; border:1px dashed #999999; padding:25px; background-color:#FAFAFA;}

#OptOutAllGroupsBox {margin-top:10px; background-color:white; z-index:10; position:relative;}
#grpOpts b {font-size:12px;}

#OtherGroupsBox {font-size:11px; margin:-10px 0px 20px 0px; padding:17px 5px 5px 0px; overflow:auto;}
#OtherGroupsBox div {clear:both;}
#OtherGroupsBox button {float:left; margin-left:45px;}
#OtherGroupsBox label {display:block; width:690px; float:right;}

#uxConfirmBox {width:500px; margin:40px auto;}
#grpOpts button {width:95px;}
#grpOpts {width:850px;}
.prefFldset {border:none;}
.prefFldset legend, .prefFldset h2 {font-size:18px; margin:10px 0px;}

#grpOpts div {font-size:12px;white-space:nowrap;}
#updateCtl {margin:20px 0px 30px 156px;}

/* ~~~~~~ HTML CONTROLS ~~~~~~~ */
.errMsg {color:red; font-size:12px; display:none;}
.boldMsg {color:red; font-weight:bold; display:none;}
.linkCtl {color:rgb(20,119,167); text-decoration:underline; cursor:pointer;}
.chBoxCtl {margin-top:5px;}
.inputCtl, .chBoxCtl, .selectCtl {overflow:auto; margin-bottom:2px;}
.chBoxCtl label {float:right; padding-top:2px; text-align:left;}
.inputCtl label {float:left; text-align:right; margin-right:10px; padding-top:3px;}
.selectCtl label {float:left; text-align:right; margin-right:10px; padding-top:3px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a img { border-width: 0; }

/* ========= Poster Style ========*/
.posterContainer{width:940px; clear:both;}
.posterLeft{width:458px; float:left; border:1px solid black; margin:5px;}
.posterRight{width:458px; float:right; border:1px solid black; margin:5px;}
.posterCell{cursor:pointer; padding:5px; text-align:center; height:280px; background-color:#EEEEEE;  color:#333333;}
.posterArticleCell{padding:5px; text-align:left; height:280px; background-color:#CCCCCC; color:#333333;}
.posterArticleEntry{margin-top:15px; text-decoration:underline;}
.posterTitle{font-weight:bold;}
.posterPreview{}
.posterDimensions{font-style:italic;}
#uxPosterPrompt{margin:5px; color:#333333; text-align:center; width:100%;}