body{line-height: 18px; font-size: 14px; font-family: Helvetica, Arial, Verdana, sans-serif;}

p{margin-bottom: 15px;}

a{color: #06C;}
a:hover{}

h1{}
h2{}

/*misc stuff*/
.aCenter{text-align: center;}
.aLeft{text-align: left;}
.aRight{text-align: right;}
.clearB{clear: both;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.pointer{cursor: pointer;}
.firstCaps{text-transform: capitalize;}

/*layout*/
#container960{width: 960px; margin: 0px auto 0px auto; position: relative;}


/*footer*/
#footerContainer{ padding-top: 5px; width: 960px; margin: 30px auto 0px auto; border-top: 1px solid #746458;}
#footerTop{width: 956px; height: 16px; margin: 0px auto 0px auto; }
#footerMiddle{width: 896px; padding: 0px 30px 0px 30px; margin: 0px auto 0px auto; }
#footerBottom{width: 956px; height: 16px; margin: 0px auto 0px auto; }
#footerDiv{width: 956px;  margin: 0px auto 0px auto; line-height: 30px; font-size: 16px;}
#footerCopy{width: 250px; float: right; display: inline; text-align: right;}

/*popup*/
#dashPopup{width: 920px; position: absolute; top: 120px; left: 50%; margin-left: -460px; display: none;}
.dashPopupTop{width: 920px; height: 16px; background: url('../IMG/LAYOUT2/pop-over-top.gif') top left no-repeat;}
.dashPopupMiddle{width: 870px; padding: 15px 25px 0px 25px; background: url('../IMG/LAYOUT2/pop-over-middle.gif') repeat-y;}
.dashPopupBottom{width: 920px; height: 16px; background: url('../IMG/LAYOUT2/pop-over-bottom.gif') top left no-repeat;}
.popupClose{float: right; display: inline; text-align: right; margin: -2px 24px 0px 0px;}

/*forms*/
.inputBox{width: 250px; height: 18px; padding: 2px; background: #fff; border: 1px solid #514943; color: #514943; font-size: 14px; }
.submitBox{width: 150px; height: 24px;  background: #CFB030; border: 1px solid #514943; color: #FFF; font-size: 14px; text-align: center; cursor: pointer; }


/*floats*/
.fLeft{float: left; display: inline;} .fRight{float: right; display: inline;}

/*widths*/
.w250{width: 250px;}
.w25{width: 25px;}
.w45{width: 45px;}
.w150{width: 150px;}
.w155{width: 155px;}
.w105{width: 105px;}

/*margins*/
.center{margin: 0px auto 0px auto;}
.mb10{margin-bottom: 10px;}
.mb5{margin-bottom: 5px;}
.mb0{margin-bottom: 0px;}
.mb20{margin-bottom: 20px;}
.mt15{margin-top: 15px;}
.mA0{margin: 0px;}
.mt25{margin-top: 25px;}
,mr5{margin-right: 5px;}

/*paddings*/
.pL30{padding-left: 30px;}
.pL13{padding-left: 13px;}
.pT10{padding-top: 10px;}

/*font-sizes*/
.t9{font-size: 9px;} .t10{font-size: 10px;} .t11{font-size: 11px;} .t12{font-size: 12px;} .t13{font-size: 13px;} .t14{font-size: 14px;} .t16{font-size: 16px;} .t18{font-size: 18px;} .t20{font-size: 20px;} .t24{font-size: 24px;} .t26{font-size: 26px;} .t30{font-size: 30px;} .t36{font-size: 36px;}

/*line heights*/
.lh11{line-height: 11px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}

/*letter spacing*/
.ls1{letter-spacing: 1px;}

/*colors*/
.lGrey{color: #666;}
.dGrey{color: #333;}
.white{color: #FFF;}
.black{color: #000;}
.red{color: red;}

.yellow{color: #CFB030;}
.lGranite{color: #746458;}
.granite{color: #514943;}
.siteBlue{color: #06C;}

.tsFuture{color: #243E87;}
.tsPast{color: #903B2A;}
.tsPresent{color: #3D693E;}

.listCheckBox{float: left; display: inline; width: 25px; height: 25px;  background: url('../IMG/MAPS/check-and-x.gif') top left no-repeat; cursor: pointer;}



/*survey pages*/
#surveyProgressContainer{width: 760px; margin: 0px auto 0px auto; height: 55px; margin-bottom: 34px;}
.surveyProgressButton{float: left; display: inline; width: 44px; height: 44px; margin: 10px 11px 0px 0px; overflow: auto;}
#spb1blue{background: url('../IMG/GPS/button-1-blue.gif') top left no-repeat;}
#spb1white{background: url('../IMG/GPS/button-1-white.gif') top left no-repeat;}
#spb2blue{background: url('../IMG/GPS/button-2-blue.gif') top left no-repeat;}
#spb2white{background: url('../IMG/GPS/button-2-white.gif') top left no-repeat;}
#spb3blue{background: url('../IMG/GPS/button-3-blue.gif') top left no-repeat;}
#spb3white{background: url('../IMG/GPS/button-3-white.gif') top left no-repeat;}
#spb4blue{background: url('../IMG/GPS/button-4-blue.gif') top left no-repeat;}
#spb4white{background: url('../IMG/GPS/button-4-white.gif') top left no-repeat;}
#surveyProgessTxtBox{float: left; display: inline; padding-left: 10px; padding-top: 8px; padding-bottom: 0px; margin-bottom: 0px; width: 560px; height: 44px; margin-top: 10px; line-height:22px;}
#surveyProgessDescription{ font-weight: bold; padding-top: 15px;}
#surveyProgessTiming{margin-left: 15px; line-height: 15px; }
#surveyProgressTxtBoxFinish{float: left; display: inline; width: 580px; height: 69px; background: url('../IMG/GPS/finish-box.gif') top left no-repeat; overflow: auto;}
#surveyProgressTxtBoxFinishContent{width: 520px; height: 44px; margin: 10px 0px 0px 10px; line-height: 15px;}
#surveyTextSpacer {height: 40px; }


/*sharing layouts*/
#shareRight10Top{text-align: right; padding-top: 10px;}

/*polls*/
.poll_button a:hover { background-position: bottom left; text-decoration:none; border:none; overflow: hidden; display: inline;}
.poll_button a{height: 34px; width: 4px; float: left; background: url('../IMG/POLLS/button.gif') top left no-repeat; position:relative; border: none; overflow: hidden; display: inline;}
.poll_button_on a{height: 34px; width: 4px; float: left; background: url('../IMG/POLLS/button.gif') bottom left no-repeat; position: relative; border: none; overflow: hidden; display: inline;}

.poll_button_left{height: 34px; width: 2px; float: left; background: url('../IMG/POLLS/buttonLeft.gif') top right no-repeat; position: relative; border:none;}
.poll_button_right{ height: 34px; width: 2px; float: left; background: url('../IMG/POLLS/buttonRight.gif') top left no-repeat; position: relative; display: inline; overflow: hidden;}

#pollContainer{text-align: center;}

#pollStatement{text-align: center; margin: 0px 0px 0px 0px; position: relative; }
#pollStatementTxt{font-family:'Times New Roman', Times, serif; font-size:19px; letter-spacing: 1px; line-height: 24px;}

#pollBarContainer{width: 580px; height: 34px;  margin: 25px auto 0px auto; position: relative; }
#pollBarLeftTxt{float:left; position:relative; width: 80px; padding-right:8px; text-align:right; line-height:34px; height:34px; font-size: 12px; color: #666;}
#pollBarRightTxt{float:left; width: 80px; padding-left:4px; text-align:left; line-height: 34px; height:34px; font-size: 12px; color: #666;}
#pollBarCenterTxt{width:580px; padding-top: 0px; margin:0px auto 60px auto; position:relative; text-align:center; line-height: 14px; font-size: 12px; color: #666;}


#pollBar{float:left; position:relative; width:408px; height:34px;}
#pollImage{ width: 550px; height: 330px; margin: 53px auto 38px auto; text-align: center; }

/*Status Bar Formatting*/
#waveHolder611{width: 611px; margin: 0px auto 0px auto; text-align: center;}
#statusBoxHolder{width: 740px; margin: 20px auto 0px auto; text-align: center;}
.yellowBox{width: 10px; height:10px; border:1px solid #928475; background: #cfb132; float:left; margin-right: 8px; font-size: 1px; line-height: 0px; margin-bottom: 10px;}
.emptyBox{width: 10px; height:10px; border:1px solid #999; background: #FFF; float:left; margin-right: 8px; font-size: 1px; line-height: 0px;}
.completeTxt{line-height: 30px; color: #666; font-size: 12px;}

/*forms*/
.form30{height: 30px; margin-bottom: 5px; width: 100%;}
.formLeft{float: left; width: 150px; height: 30px; line-height: 30px; padding-right: 10px; text-align:right;}
.formRight{float: left; height: 30px; line-height: 30px; }
.input300-28{width: 302px; height: 23px; border: 0px; padding: 0px; padding-top: 5px; background: url('../IMG/FORMS/input-300-28.gif') top left no-repeat; font-size: 18px; padding-left: 10px; letter-spacing: 1px; color: #036; }
.input500-28{width: 502px; height: 23px; border: 0px; padding: 0px; padding-top: 5px; background: url('../IMG/FORMS/input-500-28.gif') top left no-repeat; font-size: 18px; padding-left: 10px; letter-spacing: 1px; color: #036; }
.errorSpan{font-size: 16px; color: #003399; background: url('../IMG/FORMS/error-arrow.gif') top left no-repeat; padding-left: 50px; display: none; }

#adminContent{width: 940px; padding: 10px; margin: 0px auto 0px auto; border-left: 1px solid #069; border-right: 1px solid #069; min-height: 730px; height:auto !important; height:730px; overflow: auto; }
#adminTopNav{width: 940px; background: #F2F2F2; height: 24px; line-height: 24px; color: #261B47; text-align:center; font-size: 14px; border-bottom: 1px solid #069;}
#adminBottomNav{width: 940px; background: #CCC; height: 20px; line-height: 20px; color: #261B47; text-align:center; font-size: 12px;}

.adminFormName{float: left; width: 200px; height: 30px; line-height: 30px; padding-right: 10px; text-align:right;}
.adminFormField{float: left; height: 30px; line-height: 30px; width: 400px;}
.adminInput{border: 1px solid #261B47; padding: 2px;}

#mainContentContainer{width: 960px; margin: 15px auto 0px auto; }
#main920{width: 960px; padding: 0px; }

#surveyContentContainer{width: 780px; padding: 10px; margin: 0px auto 0px auto; overflow: auto;}
#survey760{width: 760px; padding: 10px; min-height:550px; height:auto !important; height:550px;}

#left650B{width: 648px; float: left; display: inline; margin-right: 20px; border: 1px solid #069;}
#left650{width: 650px; float: left; display: inline; margin-right: 20px; }
#left240{width: 228px; float: left; display: inline;  border: 1px solid #069; padding: 10px; line-height: 20px;}

.pLR6{padding: 0px 6px 0px 6px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}

