*{ margin: 0; padding: 0; }
img{ border: none; }

.Hidden{ display: none; }

body{
text-align: center;
font-family: Arial, Helvetica;
padding-bottom: 50px;
}

.SelectedTab{
cursor: hand;
background-position: 0 -150px !important;
}

/**----LOGIN-SCREEN----**/
#WrapperLogin{
width: 409px;
height: 267px;
margin: 0 auto;
text-align: left;
}

#LoginBox{
width: 378px;
height: 186px;
padding: 81px 0 0 31px;
margin-top: 100px;
color: #a4a8ab;
font-size: 11px;
background: url(../Images/bg_Login.png) no-repeat left top;
}

#LoginBoxLeft{
width: 257px;
height: 135px;
float: left;
}

.ChkLoginCookie{
width: 14px;
height: 14px;
border: 0.5 solid #8e8f8f;
}

#LoginBoxLeft a{
text-decoration: none;
color: #a4a8ab;
font-size: 11px;
}

#LoginBoxRight{
width: 100px;
height: 71px;
padding-top: 64px;
float: left;
}

.LoginUserField, .LoginPassField{
width: 241px;
height: 23px;
border: 1px solid #003055;   
padding: 2px 0 0 4px; 
line-height: 20px;
}

#LoginSupport{
width: 410px;
height: 185px;
background: url(../Images/bg_LoginSupp.png) no-repeat left top;
}

.LoginPassField{
margin-top: 33px;
margin-bottom: 10px;
}

#IncorrectUser{
width: 433px;
height: 44px;
padding-left: 70px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

#ForceQuestion{
width: 595px;
height: 48px;
text-align: left;
padding: 308px 0 0 5px;
margin: 15px auto 0 auto;
background: url(../Images/bg_Force.png) no-repeat left top;
}

.LaterBtn{
width: 140px;
height: 28px;
display: block;
float: left;
margin-right: 195px;
}
/**----END-LOGIN-SCREEN----**/



/**----MASTER-PAGE----**/
#Wrapper{
width: 1000px;
height: auto !important;
min-height: 780px;
height: 780px;
margin: 45px auto 0 auto;
text-align: left;
}

#Header{
width: 1000px;
height: 35px;
padding-top: 86px;
background: url(../Images/bg_Header.png) no-repeat left top;
}

#Content{
width: 994px;
height: auto !important;
min-height: 780px;
height: 780px;
padding: 0 3px 0 3px;
background: url(../Images/bg_Content.png) repeat-y left top;
}

#Footer{
width: 975px;
height: 23px;
padding: 8px 0px 0px 25px;
font-size: 11px;
color: #ffffff;
background: url(../Images/bg_Footer.png) no-repeat left top;
}

#Footer span{
font-size: 11px;
color: #ffffff;
display: block;
float: left;
}

#Footer a{
font-size: 11px;
color: #ffffff;

text-decoration: none;
}

#LeftContent{
width: 224px;
height: auto !important;
min-height: 755px;
height: 755px;
padding: 24px 0 0 10px;
background: #eff3f7;
float: left;
}
/**----END----**/



/**----GENERIC-ELEMENTS----**/
#MainContent{
width: 747px;
height: auto !important;
min-height: 476px;
height: 476px;
padding: 24px 0 0 13px;
float: left;
}

#MainContentReports{
width: 980px;
height: auto !important;
min-height: 600px;
height: 600px;
padding: 24px 0 0 13px;
}

.ContentBox{
width: 735px; 
height: auto !important;
min-height: 200px;
height: 200px;
margin-bottom: 18px;
}

.ContentBoxTop{
width: 718px; 
height: 32px;
padding: 0 0 0 17px;
background: url(../Images/bg_BoxHeader.png) no-repeat left top;
}

.ContentBoxTopLeft{
width: 400px; 
height: 25px;
float: left;
}

.ContentBoxTopRight{
width: 303px; 
height: 25px;
text-align: right;
padding: 7px 15px 0px 0px;
float: left;
}

.ContentBoxTop span{
color: #ffffff;
font-size: 13px;
font-weight: bold;
padding-top: 8px;
float: left;
}

.ContentBoxMiddle, .PhotoContentBoxMiddle{
width: 724px; 
height: auto !important;
min-height: 200px;
height: 200px;
padding: 12px 0 12px 11px;
background: #eff3f7;
}

.PhotoContentBoxMiddle{
background-color: #f6f8fa;
}

.ContentBoxBottom{
width: 735px; 
height: 12px;
background: url(../Images/bg_BoxBottom.png) no-repeat left top;
}

.PhotoContentBoxBottom{
width: 735px; 
height: 12px;
background: url(../Images/bg_PhotoBoxBottom.png) no-repeat left top;
}

.Clear{ clear: both; }

#AlertBox{
width: 663px; 
height: 43px;
margin: 30px 0 0 2px;
color: #333333;
font-size: 12px;
padding: 15px 0 0 70px;
background: url(../Images/bg_Alert.png) no-repeat left top;
}
/**----END----**/



/**----HOME-PAGE----**/
#HomeFeaturedProduct{
width: 738px;
height: 194px;
margin: 1px 0 15px 0;
}

#HomePerformanceChart{
width: 703px;
height: 232px;
padding: 10px 0 0 8px;
background: url(../Images/bg_HomeChart.png) no-repeat left top;
}

.HomePerfLbl{
width: 55px;
height: 23px;
display: block;
float: left;
color: #f9ef9c;
text-align: right;
}
/**----END----**/



/**----VIEW-SURVEY-PAGE----**/
#SurveyOverviewLeft{
width: 460px;
height: auto !important;
min-height: 234px;
height: 234px;
float: left;
background: url(../Images/bg_SurveyOverview.png) no-repeat left top;
}

#SurveyOverviewRight{
width: 250px;
height: 226px;
padding-top: 5px;
float: left;
}

#SurveyOverviewColLeft{
width: 182px;
height: 195px;
padding-top: 6px;
padding-left: 23px;
float: left;
}

#SurveyOverviewColRight{
width: 220px;
height: 195px;
padding-top: 6px;
padding-left: 35px;
float: left;
}

#SurveyOverviewRRN{
width: 434px;
height: 28px;
margin-left: 8px;
clear: left;
background: url(../Images/bgRRN.png) no-repeat left top;
}

#SAPResults{
width: 435px;
height: 63px;
margin-left: 8px;
clear: left;
background: url(../Images/bgSAP.png) no-repeat left top;
}

#SurveyPhotoLarge{
width: 237px;
height: 221px;
margin-left: 2px;
padding: 1px 0 0 1px;
background: url(../Images/bg_LargeSurveyPhoto.png) no-repeat left top;
}

#SurveyStatus{
width: 244px;
height: 36px;
padding: 0;
background: url(../Images/bg_SurveyStatus.png) no-repeat left top;
}

.SurveyIDLbl{
display: block;
width: 172px;
height: 37px;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 3px;
text-align: right;
}

.SurveyAddLbl{
display: block;
width: 180px;
font-weight: bold;
font-size: 14px;
color: #003055;
}

.SurveyTypeLbl{
display: block;
width: 192px;
height: 30px;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 5px;
text-align: right;
text-transform: uppercase;
}

.SurveyTypeRatingLbl, .SurveyTypeRatingLbl2{
display: block;
width: 192px;
height: 30px;
float: left;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 7px;
text-align: right;
text-transform: uppercase;
}

.SurveyTypeRatingLbl2{
width: 235px;
}

.SurveyRRNLbl, .PackRRNLbl{
display: block;
width: 334px;
height: 31px;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 4px;
text-align: right;
text-transform: uppercase;
text-decoration: none;
float: left;
}

.PackRRNLbl{width: 430px;}

.SurveyRRNLbl{padding: 6px 10px 0px 0px}


#RRNPanel{
display: block;
width: 85px;
height: 22px;
padding-top: 8px;
clear: left;
float: left;
text-align: right;
}

.EditRRN{
font-weight: bold;
font-size: 10px;
color: #003055;
text-transform: uppercase;
text-decoration: none;
display: block;
}

.SurveyStatusLbl{
display: block;
width: 230px;
height: 23px;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 12px;
text-align: right;
text-transform: uppercase;
}

.SiteNotesBtn{
margin-top: 8px;
}

.FPBtn{
margin-top: 8px;
margin-left: 39px;
}

.SurveyOverviewDate{
width: 294px;
height: 15px;
padding-top: 2px;
padding-right: 9px;
text-align: right !important;
background: url(../Images/bg_SurveyDate.png) no-repeat right top;
}

.SurveyDateLbl{
display: block;
float: none !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: bold;
font-family: Verdana;
color: #ffffff !important;
padding-top: 0px !important;
}

.SurveyTypeBox{
width: 190px;
height: 29px;
margin: 0 0 5px 12px;
}

.SurveyTypeBox a{
width: 182px;
height: 23px;
padding: 6px 0 0 8px;
display: block;
color: #ffffff;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
font-style: italic;
background: url(../Images/bg_TypeSort.png) no-repeat left top;
}

.SurveyTypeBox a:hover{
background: url(../Images/bg_TypeSortOver.png) no-repeat left top;
}

.PerformanceBox{
width: 180px;
height: 23px;
margin: 0 0 5px 12px;
padding: 6px 0 0 10px;
background: url(../Images/bg_PerfBox.png) no-repeat left top;
}

.PerformanceBox p{
width: 110px;
height: 23px;
display: block;
float: left;
color: #ffffff;
font-size: 11px;
font-style: italic;
}

.BoxTopPhotoHrLeft{
width: 113px;
height: 25px;
display: block;
float: left;
}

.BoxTopPhotoHrRight{
width: 110px;
height: 19px;
padding-top: 6px;
display: block;
float: left;
}

.SiteNotesLbl{
width: 180px;
height: 50px;
display: block;
font-size: 13px;
color: #002440;
font-weight: bold;
font-style: italic;
padding: 5px 0 0 8px;
}

#CustomerLink{
width: 715px;
height: 25px;
padding: 25px 0 0 20px;
margin-top: 15px;
background: url(../Images/bg_CustLink.png) no-repeat left top;
}

.CustomerLinkTxt{
text-decoration: none;
font-size: 12px;
color: #002440;
}
/**----END----**/


/**----DICTATION-PAGE----**/
#DictationOverviewLeft{
width: 460px;
height: 195px;
float: left;
background: url(../Images/bg_DictationOverview.png) no-repeat left top;
}


/**----VIEW-MARKETING-PACK-PAGE----**/
#PackOverviewLeft{
width: 460px;
height: 195px;
float: left;
background: url(../Images/bg_PackOverview.png) no-repeat left top;
}

#PackOverviewRight{
width: 250px;
height: 195px;
padding-top: 5px;
float: left;
}

#PackOverviewColLeft{
width: 182px;
height: 158px;
padding-top: 6px;
padding-left: 23px;
float: left;
}

#PackOverviewColRight{
width: 220px;
height: 158px;
padding-top: 6px;
padding-left: 35px;
float: left;
}

#PackPhotoLarge{
width: 237px;
height: 187px;
margin-left: 2px;
padding: 1px 0 0 1px;
background: url(../Images/bg_PackPhotoL.png) no-repeat left top;
}

.PackTypeLbl, .PackTypeLbl2{
display: block;
width: 140px;
height: 30px;
font-weight: bold;
font-size: 14px;
color: #003055;
padding-top: 3px;
padding-left: 50px;
margin-bottom: 18px;
text-align: right;
text-transform: uppercase;
}

.PackTypeLbl2{margin-bottom: 0px;}

.PackMultiPage{
width: 735px;
height: auto !important;
min-height: 458px;
height: 458px;
padding-top: 30px;
background: #eff3f7 url(../Images/bg_PackPage2.png) no-repeat left top;
}

.PackMultiPageBottom{
width: 735px;
height: 12px;
clear: both;
background: url(../Images/bg_PackPageBottom.png) no-repeat left top;
}

#DictationGrid{
width: 700px;
height: 385px;
padding-left: 20px;
}

#Codec{
width: 686px;
height: 52px;
margin-left: 27px;
background: url(../Images/bg_Codec.png) no-repeat left top;
}

#Codec span{
display: block;
width: 600px;
height: 40px;
padding: 10px 0 0 20px;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #00192c;
}


/**----EDIT-PACK-PHOTO-WINDOW----**/
#EditPackPhotoWrap{
width: 1000px;
height: 600px;
padding-top: 21px;
text-align: center;
margin: 0 auto;
}
    
#EditPackPhoto{
width: 1000px;
height: 600px;
}

#EditPackPhotoBottom{
width: 800px;
height: 70px;
padding-top: 10px;
margin: 0 auto;
}

#EditPackPhotoBottomLeft{
width: 410px;
height: 60px;
float: left;
text-align: left;
padding-top: 20px;
}

#EditPackPhotoBottomRight{
width: 390px;
height: 80px;
float: left;
}

.PackBtnRotate, PackBtnBin{
width: 23px;
height: 22px;
margin-left: 210px;
display: inline-block; 
}
    
.PackBtnBin{
margin-left: 10px;
margin-right: 25px;
}

.PackImageDeleteCancel{
width: 202px;
height: 22px;
display: inline-block; 
}

.EditPackPhotoBtns{
width: 571px;
height: 35px;
padding: 30px 0 0 0;
text-align: left;
}
    


/**----EDIT-PHOTO-WINDOW----**/
#EditPhotoWrap{
width: 571px;
height: 430px;
padding-top: 21px;
text-align: center;
margin: 0 auto;   
}
    
#EditPhoto{
width: 571px;
height: 385px;
padding-top: 20px;
background: url(../Images/bg_EditPhoto.png) no-repeat left top;    
}
    
#EditPhotoPic{
width: 571px;
height: 320px;
}
    
.EditPhotoBtns{
width: 550px;
height: 35px;
padding: 30px 0 0 0;
text-align: left;
}
    
.EditPhotoDesc{
width: 500px;
height: 40px;
padding-top: 5px;
margin: 0 auto;
display: block;
text-transform: uppercase;
font-size: 10px;
color: #001221; 
}
    
.ImageDeleteCancel{
width: 202px;
height: 22px;
margin-right: 182px;
display: inline-block; 
}
    
.BtnRotate, BtnBin{
width: 23px;
height: 22px;
margin-left: 185px;
display: inline-block; 
}
    
.BtnBin{
margin-left: 10px;
margin-right: 25px;
}

.Center{
text-align: center;
}
/**----END----**/


/**----UPLOAD-PHOTO-WINDOW----**/
#UploadPhotoWrap{
width: 571px;
height: 324px;
padding-top: 21px;
text-align: left;
margin: 0 auto;   
}
    
#UploadPhoto{
width: 571px;
height: 345px; /** 345px**/
background: url(../Images/bg_UploadPhoto.png) no-repeat left top;
}

#UploadMsg{
width: 541px;
height: 37px;
padding: 45px 0 0 30px;
color: #f40017;
font-size: 12px;
font-weight: bold;
}
    
#UploadBrowse{
width: 544px;
height: 180px; /** 70**/
padding-left: 27px; 
display: block;
}

#UploadBrowseLeft{
width: 230px;
height: auto;
float: left;
}

#UploadBrowseRight{
width: 310px;
height: auto;
float: left;
}
    
#UploadDesc{
width: 544px;
height: 50px;
padding-left: 27px; 
}
    
.UploadTxtDesc{
Border-top: 1px solid #abadb3;
Border-right: 1px solid #dbdfe6;
Border-bottom: 1px solid #e3e9ef;
Border-left: 1px solid #e2e3ea;    
}
    
.ImageConfirmAdd{
width: 202px;
height: 22px;
margin-right: 182px;
display: inline-block; 
}
    
.UploadPhotoBtns{
width: 571px;
height: 35px;
padding: 30px 0 0 0;
text-align: left;
}
    
.UploadPhotoDesc{
width: 500px;
height: 40px;
padding-top: 5px;
margin: 0 auto;
display: block;
text-transform: uppercase;
font-size: 10px;
color: #001221; 
}
    
.ImageDeleteCancel{
width: 202px;
height: 22px;
margin-right: 182px;
display: inline-block; 
}
    
.BtnRotate, BtnBin{
width: 23px;
height: 22px;
margin-left: 185px;
display: inline-block; 
}
    
.BtnBin{
margin-left: 10px;
margin-right: 25px;
}

#UploadRTF{
width: 571px;
height: 142px;
padding-top: 83px;
margin: 16px 0 0 32px;
text-align: left;
background: url(../Images/bg_RTFUpload.png) no-repeat left top;    
}

#UploadRTFBtn{
width: 571px;
height: 40px;
padding-top: 90px;

}

.RTFUploadLbl{
width: 450px;
height: 22px;
display: block;
float: left;
font-size: 13px;
color: #002440;
font-weight: bold;
font-style: italic;
padding: 0 0 0 8px;
}

.RTFUploadBtn{
width: 88px;
height: 22px;
display: block;
float: left;
background: red;
}

/**----END----**/


/**----FORGOT-PASSWORD-WINDOW----**/
#ForgotPasswordWrap{
width: 388px;
height: 180px;
padding: 75px 0 0 22px;
margin: 12px 0 0 23px;
text-align: left;
background: url(../Images/bg_ForgotPass.png) no-repeat left top; 
}

#ForgotPassFields{
width: 370px;
height: 50px;
margin: 12px 0 0 0; 
}

.ForgotPassTxt{
width: 275px;
height: 20px;
border: 1px solid #abc1df;
padding: 3px 0 0 5px;
margin: 0;
float: left;
color: #002846;
}

.ForgotPassBtn{
width: 68px;
height: 25px;
float: left;
margin-left: 16px;
}

.PassVal{
width: 200px;
height: 40px;
font-size: 11px;
display: block;
padding-top: 10px;
}

/**----SURVEY-SUPPORT-WINDOW----**/
#SurveySupportWrap{
width: 571px;
height: 324px;
padding-top: 21px;
text-align: left;
margin: 0 auto;   
}
    
#SurveySupport{
width: 571px;
height: 125px;
padding-top: 220px;
background: url(../Images/bg_SupportReq.png) no-repeat left top;    
}
    
#SupportCallBackText{
width: 240px;
height: 35px;
padding: 3px 0 0 90px;
display: block;
float: left;
}
    
#SupportCallBackBtn{
width: 130px;
height: 35px;
display: block;
padding: 2px 0 0 70px;
float: left;
}
    
.CallBackTxt{
width: 280px;
height: 19px;
color: #004d8a;
font-size: 15px;
font-weight: bold;
background-color: #f0f5f8;
display: inline-block;
}
    
#SupportSpacer{
width: 571px;
height: 140px;
display: block;
clear: both;
}
    
#SupportBottom{
width: 571px;
height: 22px;
display: block;
clear: left;
}
    
#PanelConfirm{
width: 470px;
height: 22px;
float: left;
}
    
#SupportExitBtn{
width: 100px;
height: 22px;
float: left;
}


/**----SURVEY-PHOTO-LIST---**/
#SurveyPhotoList{
width: 705px;
height: 386px;
margin: 10px 0 0 0;
padding: 0 0 0 5px;
overflow: auto;
}

#SurveyPhotoBox{
width: 140px;
height: 185px;
margin: 0 0 16px 15px;
padding: 0 0 0 15px;
background: url(../Images/bg_PackPhotoBox.png) no-repeat left top;
float: left;
}

.SketchPhotoBox{
width: 140px;
height: 185px;
margin: 0 0 16px 15px;
padding: 0 0 0 15px;
background: url(../Images/bg_PackPhotoBox.png) no-repeat left top;
float: left;
}

.SurveyPhotoDesc{
width: 102px;
height: 25px;
display: block;
font-size: 10px;
color: #00233e;
font-weight: bold;
padding: 8px 0 0 0; 
margin-bottom: 10px;
overflow: hidden;
}

#SurveyPhotoBtns, #SketchPhotoBtns{
width: 124px;
height: 22px;
margin-top: 9px;
display: block;
}

.PhotoChkBox{
width: 18px;
height: 18px;
float: left;
padding: 4px 0px 0px 4px;
margin-right: 27px;
background: url(../Images/btn_Chk.png) no-repeat left top;
}

.PhotoChkBox Input{
width: 13px;
height: 13px;
padding: 0px;
margin: 0px;
}

.DeleteSelected{
width: 171px;
height: 20px;
float: left;
margin: 30px 0px 0px 520px;
}
/**----END----**/


/**----PACK-PHOTO-LIST---**/
#PackPhotoList{
width: 712px;
height: 386px;
margin: 10px 0 0 0;
padding: 0 0 0 5px;
overflow: auto;
}

#PackPhotoBox{
width: 140px;
height: 185px;
margin: 0 0 16px 15px;
padding: 0 0 0 15px;
background: url(../Images/bg_PackPhotoBox.png) no-repeat left top;
float: left;
}

.PackPhotoDesc{
width: 102px;
height: 25px;
display: block;
font-size: 10px;
color: #00233e;
font-weight: bold;
padding: 8px 0 0 0; 
margin-bottom: 10px;
overflow: hidden;
}

#PackPhotoBtns{
width: 124px;
height: 22px;
margin-top: 9px;
display: block;
}

.PackCombo{
display: block;
float: left;
margin-right: 40px;
}

#UpdateButton{
width: 645px;
height: 25px;
margin: 25px 0 0 40px;
text-align: right;
display: block;
}

.UpdatePhotoMsg{
font-size: 11px;
font-weight: bold;
color: #202b33;
text-transform: uppercase;
padding: 0 15px 18px 0;
}
/**----END----**/



/**----SURVEYOR-QUESTIONS----**/
#RegionsCovered{
width: 704px;
height: 108px;
padding: 8px 0 0 0;
margin: 0 0 0 6px;
background: url(../Images/bg_Regions.png) no-repeat left top;
}

#RegionsCovered span{
width: 704px;
height: 48px;
display: block;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #002440;
}

.RegionsTxt{
width: 335px;
height: 20px;
border: 1px solid #abc1df;
padding: 3px 0 0 10px;
margin-left: 30px;
float: left;
color: #7b8d9b;
font-size: 12px;
font-style: italic;
}

.RegionsBtn{
width: 111px;
height: 21px;
float: left;
margin-left: 24px;
margin-top: 2px;
}

#TypeOfWork{
width: 704px;
height: 488px;
padding: 0 0 0 0;
margin: 0 0 0 6px;
background: url(../Images/bg_TypeRow.png) no-repeat left top;
}

#TypeOfWorkTop{
width: 704px;
height: 350px;
padding-top: 10px;
}

#TypeOfWorkBottom{
width: 704px;
height: 114px;
padding-top: 14px;
}

#TypeOfWork span{
width: 704px;
height: 30px;
display: block;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #002440;
}

.TypeOfWorkRow{
width: 700px;
height: 35px;
display: block;
margin: 0 0 10px 0;
clear: both;
}

.TypeOfWorkRowChk{
width: 30px;
height: 27px;
display: block;
float: left;
padding: 7px 0 0 20px;
}

.CourseChk, .CameraChk, .CameraCourseChk{
width: 30px;
height: 27px;
display: block;
float: left;
padding: 6px 0 0 20px;
margin-left: 603px;
}

.CameraChk{
margin-left: 385px;
}

.CameraCourseChk{
margin-left: 168px;
}

.TypeOfWorkRowChk, .CourseChk input{
width: 14px;
height: 14px;
border: 0.5 solid #8e8f8f;
vertical-align: top;
}

.TypeOfWorkRowChk input{
width: 14px;
height: 14px;
border: 0.5 solid #8e8f8f;
vertical-align: top;
}

.TypeWorkTxt{
width: 373px;
height: 20px;
border: 1px solid #abc1df;
padding: 3px 0 0 10px;
margin: 2px 0 0 266px;
color: #7b8d9b;
font-size: 12px;
font-style: italic;
}

#WorkSubmitButton{
width: 164px;
height: 36px;
padding: 34px 0 0 540px;
}
/**----END----**/



/**----REGIONS-WINDOW----**/
#RegionsGrid{
width: 509px;
height: 500px;
text-align: left;
padding: 10px 0 0 12px;
margin: 25px auto 0 auto;
background: url(../Images/bg_RegionsGrid.png) no-repeat left top;
}

#RegionsCoveredBtn{
width: 470px;
height: 50px;
display: block;
margin: 0 auto;
text-align: right;
}
/**----END----**/


/**----DEVICE-CENTER-PAGE----**/
#DeviceInfoLeft{
width: 110px;
height: 188px;
padding: 17px 0 0 140px;
margin: 0 0 0 8px;
float: left;
background: url(../Images/bg_DeviceInfoLeft.png) no-repeat left top;
}

#DeviceInfoManuals{
width: 250px;
height: 205px;
margin: 0 0 0 18px;
float: left;
}


.ActiveSyncLinks{
width: 250px;
height: 38px !important;
display: block;
margin: 0px 0px 4px 0px;
}

#DeviceInfoPhoto{
width: 160px;
height: 197px;
padding-top: 8px;
margin: 0 0 0 18px;
text-align: center;
float: left;
background: url(../Images/bg_DevicePhoto.png) no-repeat left top;
}

.DeviceInfoLbl, .DeviceInfoLblRed{
width: 100px;
height: 30px;
display: block;
margin-bottom: 8px;
color: #003055;
font-size: 13px;
font-weight: bold;
}

.DeviceInfoLblRed{
color: #c30000;
}

#ActiveAccountsLeft{
width: 300px;
height: 290px;
margin: 14px 0 0 7px;
float: left;
text-align: right;
}

#ActiveAccountsLeftGrid{
width: 295px;
height: 233px;
padding-left: 5px;
text-align: left;
}

#ActiveAccountsRight{
width: 350px;
height: 290px;
float: left;
margin: 5px 0 0 24px;
}

#ActiveAccountsRight span{
color: #003055;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

#ActiveAccountsSep{
width: 2px;
height: 290px;
float: left;
margin: 0 0 0 22px;
background: url(../Images/Sep_Accreds.png) no-repeat left top;
}

.AccredAccountBox{
width: 295px;
height: 25px;
margin: 0 0 0 4px;
padding: 3px 0 0 0;
color: #003055;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
display: block;
background: url(../Images/bg_AccredBar.png) no-repeat left top;
}

.AccredAccountLabel{
width: 248px;
height: 19px;
padding: 2px 0 0 14px;
display: block;
float: left;
}

.AccredAccountImage{
width: 21px;
height: 21px;
display: block;
float: left;
}

#AddAccredAccount{
width: 315px;
height: 210px;
padding: 90px 0 0 35px;
margin-top: 0;
background: url(../Images/bg_AddAccount.png) no-repeat left top;
}

.AddAccountTxt{
width: 259px;
height: 23px;
margin-top: 12px;
border: 1px solid #cccecf;
}

.AddAccountDdl{
width: 262px;
height: 23px;
border: 1px solid #cccecf;
}

.AddAccredField{
width: 310px;
height: 30px;
margin-bottom: 10px;
}

.AddAccredFieldBtn{
width: 310px;
height: 40px;
padding-top: 60px;
}

.AddAccredFieldBtnLeft{
width: 200px;
height: 40px;
float: left;
}

.AddAccredFieldBtnRight{
width: 100px;
height: 40px;
float: left;
}

.AddAccredField span{
width: 100px;
height: 21px;
font-style: normal !important;
font-size: 11px !important;
display: inline-block;
}

.ActivateBtn{
width: 88px;
height: 22px;
margin: 64px 0 0 190px;
display: block;
}
/**----END----**/



/**----MY-ACCOUNT-PAGE----**/
#UserDetails{
width: 685px;
height: 225px;
padding: 0;
margin: 4px 0 0 13px;
background: url(../Images/bg_Details.png) no-repeat left top;
}

.UserDetailsLeft, .UserDetailsRight{
width: 330px;
height: 172px;
padding: 0;
margin: 0 12px 0 0;
text-align: right;
float: left;
}

.UserDetailsRight{
width: 325px;
padding-left: 5px;
}

.UserDetailsLbl, .UserAddLbl, .UserDetailsRightLbl{
width: 200px;
height: 27px;
display: block;
font-weight: bold;
font-size: 12px;
padding: 6px 0 0 0;
margin: 0 0 0 120px;
text-transform: uppercase;
color: #002846;
}

.UserAddLbl{
height: 13px;
margin: 0 0 0 120px;
}

.UserDetailsRightLbl{
height: 28px;
margin: 0 0 0 120px;
}

.UserDetailsRightEmailLbl{
height: 27px;
display: block;
font-weight: bold;
font-size: 11px;
padding: 6px 0 0 0;
margin: 0 0 0 80px;
text-transform: uppercase;
color: #002846;
}

.UserDetailsAvailable{
width: 95px;
height: 62px;
display: block;
margin-top: 28px;
padding: 0 0 0 240px;
}

.DetailsBtn{
width: 89px;
height: 24px;
display: block;
margin-top: 50px;
margin-bottom: 4px;
}

#EditDetailsWrap{
width: 593px;
height: 408px;
padding: 58px 0 0 30px;
margin: 14px auto 0 auto;
text-align: left;
background: url(../Images/bg_EditDetails.png) no-repeat left top;
}

.EditDetailsLeft, .EditDetailsRight{
width: 265px;
height: 280px;
padding: 0;
margin: 0;
float: left;
}

.EditDetailsRight{
width: 290px;
margin-left: 25px;
}

.EditDetailsField, .EditAddField{
width: 238px;
height: 40px;
margin-bottom: 10px;
display: block;
}

.EditDetailsField, .EditAddField span{
display: block;
font-size: 10px;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
color: #1f496a;
}

.EditAddField{
height: 118px;
}

.EditDetailsTxt, .AddDetailsTxt{
width: 230px;
height: 20px;
border: 1px solid #abc1df;
padding: 3px 0 0 5px;
margin: 0;
color: #002846;
}

.AddDetailsTxt{
margin-bottom: 2px;
}

.EditDetailsBtns{
width: 182px;
height: 25px;
margin: 30px 0 0 90px;
}
/**----END----**/


/**----INVOICES-PAGE----**/
#InvoicesGrid{
width: 693px;
height: 440px;
padding: 5px 0 0 7px;
}

.InvoicesMultiPage{
width: 717px;
height: 344px;
padding: 26px 0 0 18px;
background: url(../Images/bg_InvMulti.png) no-repeat left top;
}

#ViewInvoiceGrid{
width: 693px;
padding: 5px 0 0 7px;
}

#InvoiceExport{
width: 150px;
height: 20px;
padding: 10px 0 0 580px;
}

/**----NEWS-PAGE----**/
.NewsBox{
width: 680px;
height: 160px;
padding: 0 0 0 20px;
margin: 0 0 20px 6px;
background: url(../Images/bg_News.png) no-repeat left top;
}

.NewsBoxLeft{
width: 502px;
height: 146px;
float: left;
}

.NewsBoxRight{
width: 148px;
height: 146px;
float: left;
}

.NewsBox H1{
width: 700px;
height: 16px;
padding: 14px 0 0 0;
display: block;
color: #003055;
font-size: 16px;
font-weight: bold;
}

.NewsBox span{
width: 465px;
height: 76px;
display: block;
margin: 18px 0 0 0;
color: #1a354a;
font-size: 12px;
font-weight: bold;
}

.NewsBox a{
width: 138px;
height: 17px;
display: block;
margin: 0 0 0 8px;
background: url(../Images/btn_News.png) no-repeat left top;
}

.NewsBoxLink2{
width: 167px !important;
height: 17px;
display: block;
margin: 0 0 0 8px;
background: url(../Images/btn_News2.png) no-repeat left top !important;
}

.NewsDate{
width: 294px;
height: 15px;
padding-top: 2px;
padding-right: 9px;
background: url(../Images/bg_NewsDate.png) no-repeat right top;
}

.NewsSep{
width: 695px;
height: 41px;
margin: 6px 0 0 25px;
display: block;
background: url(../Images/bg_NewsSep.png) no-repeat right top;
}


/**----TABBED-MENU----**/
#Menu{
float: left;
width: 100%;
}
      
#Menu ul{
margin: 0;
padding: 0px 10px 0px 26px;
list-style: none;
}
      
#Menu li{
float: left;
display: inline;
background: url(../Images/bg_MenuRight.png) no-repeat right top;
margin: 0 0 0 11px;
padding: 0;
}
      
#Menu a{
width: .1em;
height: 21px;
float: left;
display: block;
position: relative;
left: -9px;
margin-right: -9px;
background: url(../Images/bg_MenuLeft.png) no-repeat left top;
padding: 6px 20px 0px 20px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}
      
#Menu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
#Menu a {float:none;}
/* End IE5-Mac hack */
    
#Menu a:hover{
color: #ffffff;
}
      
#Home #Menu-Home, 
#Surveys #Menu-Surveys,
#Diary #Menu-Diary, 
#DeviceCenter #Menu-DeviceCenter,
#Support #Menu-Support,
#LogOff #Menu-LogOff{
background-position: 100% -150px;
}
      
#Home #Menu-Home a, 
#Surveys #Menu-Surveys a,
#Diary #Menu-Diary a, 
#DeviceCenter #Menu-DeviceCenter a,
#Support #Menu-Support a,
#LogOff #Menu-LogOff a{
background-position: 0 -150px;
padding-bottom: 6px;
color: #ffffff;
} 
      
/* not for IE5.x or IE6 */
#Menu li:hover, 
#Menu li:hover a{
background-position: 100% -150px;
color: #ffffff;
}
      
#Menu li:hover a{
background-position: 0 -150px;
}
/**----END----**/



/**----NEW-TABBED-DROPDOWN-MENU----**/
.slidetabsmenu{
float:left;
width:100%;
font-size: 12px;
font-family: Arial;
color: #ffffff;
line-height:normal;
cursor: hand;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding: 0px 10px 0px 26px;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(../Images/slide-left.gif) no-repeat left top;
margin:0;
height: 27px;
margin-right: 2px;
padding:0px 0px 0px 9px;
text-decoration:none;
}

.slidetabsmenu a span {
height: 21px;
float:left;
display:block;
background:url(../Images/slide-right.gif) no-repeat right top;
padding:6px 20px 0px 11px;
font-weight:bold;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: #ffffff;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position:absolute;
top: 0;
border: 1px solid #002746; /*THEME CHANGE HERE*/
border-width: 0 1px;
line-height:26px;
z-index:100;
background-color: #002746;
width: 120px;
font-size: 12px;
font-family: Arial;
visibility: hidden;
}


.dropmenudiv_c a{
width: auto;
display: block;
border: 0 solid #002746; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 0px 2px 0px 20px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #003965;
}


/**----LEFT-CONTENT----**/
.LeftContentBox, .LeftContentBoxPV{
width: 213px;
height: auto !important;
min-height: 50px;
height: 50px;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
color: #ffffff;
}

.LeftContentBoxPV{
display: none;
}

.LeftContentBoxTop{
width: 198px;
height: 24px;
background: url(../Images/bg_LeftContentBoxHead.png) no-repeat left top;
padding: 8px 0 0 15px;
}

.LeftContentBoxMiddle{
width: 213px;
height: auto !important;
min-height: 50px;
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
background: url(../Images/bg_LeftContentBox.png) repeat-y left top;
}

.LeftContentBoxBottom{
width: 213px;
height: 11px;
background: url(../Images/bg_LeftContentBoxBottom.png) no-repeat left top;
}

.NewsItem{
width: 173px;
height: 68px;
padding: 6px 8px 0px 10px;
margin: 0 0 0 11px;
background: url(../Images/bg_NewsItem.png) no-repeat left top;
}

.NewsItem span{
color: #f9ef9c;
font-size: 11px;
text-decoration: underline;
}

.NewsItem a{
color: #f9ef9c;
font-size: 11px;
text-decoration: underline;
}

.NewsItem p{
font-style: italic;
padding-top: 1px;
}

.NewsSpacer{
width: 213px;
height: 8px;
display: block;
}

.InstructionInfoBox{
width: 180px;
height: 33px;
padding: 6px 0 0 11px;
margin: 0 0 5px 11px;
background: url(../Images/bg_InstructionInfo.png) no-repeat left top;
}

.InstructionExpandingInfoBox{
width: 190px;
height: auto !important;
min-height: 33px;
height: 33px;
padding: 0 0 0 0;
margin: 0 0 5px 11px;
}

.InstructionExpandingInfoBoxTop{
width: 190px;
height: 7px;
background: url(../Images/bg_ExpInfoBoxTop.png) no-repeat left top;
}

.InstructionExpandingInfoBoxMiddle{
width: 179px;
height: auto !important;
min-height: 26px;
height: 26px;
background-color: #0f4d7d;
padding: 0 0 0 11px;
}

.InstructionExpandingInfoBoxBottom{
width: 190px;
height: 7px;
background: url(../Images/bg_ExpInfoBoxBot.png) no-repeat left top;
}

.InstructionInfoBox span{
width: 180px;
height: 11px;
display: block;
color: #f9ef9c;
font-size: 9px;
}

.InstructionExpandingInfoBoxMiddle span{
width: 180px;
display: block;
color: #f9ef9c;
font-size: 9px;
}

.LeftInstructionInfoLbl{
width: 180px;
display: block;
color: #ffffff !important;
font-size: 12px !important;
text-transform: uppercase;
}



.SurveyTypeExpandingBox{
width: 190px;
height: auto !important;
min-height: 29px;
height: 29px;
padding: 0 0 0 0;
margin: 0 0 5px 12px;
}

.SurveyTypeExpandingBoxTop{
width: 190px;
height: 7px;
background: url(../Images/bg_ExpInfoBoxTop.png) no-repeat left top;
}

.SurveyTypeExpandingBoxMiddle{
width: 190px;
height: auto !important;
min-height: 15px;
height: 15px;
background-color: #0f4d7d;
}

.SurveyTypeExpandingBoxBottom{
width: 190px;
height: 7px;
background: url(../Images/bg_ExpInfoBoxBot.png) no-repeat left top;
}

.SurveyTypeExpandingBox a{
width: 157px;
height: auto !important;
min-height: 15px;
height: 15px;
padding: 0 15px 0 8px;
display: block;
color: #ffffff;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
font-style: italic;
background: url(../Images/bg_TypeSort2.png) no-repeat left top;
}

.SurveyTypeExpandingBox a:hover{
background: url(../Images/bg_TypeSortOver2.png) no-repeat left top;
}
/**----END----**/


/**----COMPANY-REPORTS-PAGE----**/
#CompanyFilter{
width: 712px;
height: 109px;
background: url(../Images/bg_Filter.png) no-repeat left top;
}

.CompanyFilterRow{
width: 690px;
height: 50px;
padding: 4px 0 0 22px;
margin-bottom: 9px;
}

.FilterRowCol{
width: 168px;
height: 48px;
float: left;
}

.FilterRowCol1{
width: 168px;
height: 48px;
float: left;
}

.FilterRowColSpacer{
width: 38px;
height: 48px;
float: left;
}

.FilterRowCol, .FilterRowColSearch p{
width: 198px;
height: 13px;
font-size: 10px;
color: #002541;
text-transform: uppercase;
display: block;
}

.FilterRowCol1, .FilterRowColSearch1 p{
width: 170px;
height: 13px;
font-size: 10px;
color: #002541;
text-transform: uppercase;
display: block;
}

.cboLink{
color: #818a93;
font-size: 9px;
}

.CompanyFilterDDL{
width: 130px;
height: 22px;
color: #919090;
}

.CompanyFilterDTP{
width: 90px;
float: left;
margin-right: 9px;
}

.FilterAddTxt{
width: 186px;
height: 19px;
color: #919090;
padding: 1px 0 0 2px;
border: 1px solid #abc1df;
}

.FilterRowColSearch{
width: 285px;
height: 48px;
float: left;
}

.FilterRowColBtns{
width: 660px;
height: 30px;
clear: left;
text-align: right;
padding-top: 5px;
}

.FilterRowColBtns2{
width: 160px;
height: 30px;
float: left;
padding-top: 15px;
}

.CompanyCriteriaBox{
width: 180px;
height: 43px;
padding: 6px 0 0 11px;
margin: 0 0 5px 11px;
background: url(../Images/bg_Criteria.png) no-repeat left top;
}

.CompanyCriteriaBox span{
width: 180px;
height: 12px;
display: block;
color: #f9ef9c;
font-size: 9px;
}

.CriteriaDdl{
margin-top: 5px;
margin-left: 2px;
display: block;
}

.CriteriaUpdate{
width: 180px;
height: 13px;
text-align: right;
margin-left: 5px;
padding: 6px 0 0 11px;
}

.CompanyReportHeaders{
width: 712px;
height: 12px;
margin-bottom: 4px;
background: url(../Images/bg_ReportHRS.png) no-repeat left top;
}

#SelectQCSurveyors{
width: 668px;
height: 74px;
margin: 15px 0 0 23px;
background: url(../Images/bg_Select.png) no-repeat left top;
}

#SelectGridTmp{
width: 735px;
height: 465px;
margin: 0;
background: url(../Images/bg_SelectGridTmp.png) no-repeat left top;
}
/**----END----**/


/**----EDIT-EVOLVE-SURVEY----**/
.EditSurveyID{
width: 288px;
height: 15px;
padding-top: 2px;
padding-right: 15px;
background: url(../Images/bg_SurveyId.png) no-repeat right top;
}

#EditEvolve{
width: 677px;
height: 940px;
padding: 20px 0 0 23px;
}

.EditEvolveBox{
width: 700px;
height: 42px;
background: url(../Images/bg_EditQ.png) no-repeat left top;
}

.EditOtherEvolveBox{
width: 700px;
height: 132px;
background: url(../Images/bg_EditOtherQ.png) no-repeat left top;
}

.EditOtherEvolveBoxRight{
width: 250px;
height: 120px;
padding-top: 7px;
float: left;
text-align: right;
}

.EditOtherEvolveBoxLeft{
width: 368px;
height: 120px;
padding: 10px 0 0 20px;
float: left;
}

.EditEvolveBoxLeft{
width: 440px;
height: 32px;
padding: 10px 0 0 20px;
float: left;
}

.txtotherfeatures{
margin-top: 14px;
border: 1px solid #abc1de;
}

.EditEvolveBoxLeft, .EditOtherEvolveBoxLeft span{
color: #003055;
font-size: 12px;
font-weight: bold;
}

.EditEvolveBoxRight{
width: 200px;
height: 35px;
padding-top: 7px;
float: left;
}


.EditEvolveBtnsWrap{
width: 700px;
height: 50px;
padding-top: 25px;
}

.EditEvolveBtnsLeft{
width: 350px;
height: 50px;
float: left;
}

.EditEvolveBtnsRight{
width: 300px;
height: 50px;
float: left;
text-align: right;
}

/**----END----**/



/**----WINDOWS-VARIUOS-STYLES----**/
#ConfirmDeletePnl{
width: 206px;
height: 38px;
margin: 25px auto 0 auto;
padding: 15px 0 0 320px;
background: url(../Images/bg_ConfirmDel.png) no-repeat left top;
}

#EditAccredAccount{
width: 537px;
height: 327px;
margin: 25px auto 0 auto;
padding: 18px 0 0 34px;
text-align: left;
background: url(../Images/bg_EditSava.png) no-repeat left top;
}

#EditAccredLogo{
width: 200px;
height: 82px;
display: block;
text-align: right;
margin: 0 0 0 303px;
}

.EditAccredField{
width: 520px;
height: 32px;
margin-bottom: 30px;
}

.EditAccredLbl{
width: 430px;
height: 24px;
padding-top: 8px;
color: #002f54;
font-size: 13px;
font-weight: bold;
display: block;
float: left;
}

.TxtEditBtn{
width: 24px;
height: 32px;
display: block;
float: left;
}

.EditAccredTxt{
width: 380px;
height: 22px;
display: block;
float: left;
padding: 3px 0 0 5px;
margin-top: 4px;
}

.AccredExitBtn{
width: 88px;
height: 22px;
display: block;
float: left;
margin: 20px 0 0 430px;
}

.SaveAccredBtn{
width: 54px;
height: 22px;
display: block;
float: left;
margin: 4px 0 0 46px;
}
/**----END----**/


#ReportsDate{
width: 940px;
height: 60px;
padding: 20px 0px 0px 25px;
background: url(../Images/bg_ReportFilter.png) no-repeat left top;
margin-bottom: 25px;
}

#ReportsDate p{
font-size: 10px;
color: #002541;
text-transform: uppercase;
}

.ReportsDateCol{
width: 170px;
height: 60px;
float: left;
}

#ReportsDateLeft{
width: 465px;
height: 60px;
float: left;
}

#ReportsDateRight{
width: 400px;
height: 45px;
padding-top: 15px;
padding-left: 50px;
font-size: 13px;
font-weight: bold;
float: left;
}

.ReportSearchBtn{
margin-top: 13px;
}

.ApproveBtn{
width: 160px;
height: 26px;
}

.AdminApproveBtn{
width: 200px;
height: 26px;
}

.ElectricalApproved{
width: 603px;
height: 102px;
margin: 0 auto;
}

.ElectricalPanel{
width: 735px;
height: 201px;
padding-top: 100px;
background: url(../Images/bg_ApprovePanel.png) no-repeat left top;
}

.GasPanel{
width: 735px;
height: 201px;
padding-top: 100px;
background: url(../Images/bg_GasPanel.png) no-repeat left top;
}

.ApprovedBtns, .GasApprovedBtns{
width: 575px;
height: 61px;
padding-top: 40px;
padding-left: 27px;
margin: 0 auto;
background: url(../Images/bg_Approve.png) no-repeat left top;
}

.GasApprovedBtns{
background: url(../Images/bg_AdminApprove.png) no-repeat left top;
}

.ApprovedBtnsLeft{
width: 340px;
height: 60px;
padding-right: 30px;
float: left;
color: #003055;
font-size: 12px;
font-style: italic;
font-weight: bold;
}

.ApprovedBtnsRight{
width: 180px;
height: 60px;
float: left;
}


#SketchAndSend{
width: 664px;
height: 174px;
padding: 27px 0 0 22px;
margin-left: 14px;
background: url(../Images/bg_SandS.png) no-repeat left top;
}

.CreateSurveyBtn{
width: 120px;
height: 24px;
margin: 10px 0 0 25px;
}

#PlansReady{
width: 444px;
height: 42px;
padding: 60px 0 0 160px;
margin: 15px 0 0 65px;
background: url(../Images/bg_PlansReady.png) no-repeat left top;
}

#PlansReady a{
text-decoration: underline;
font-weight: bold;
font-size: 13px;
}

#EditRRNWindow{
width: 565px;
height: 93px;
margin: 8px 0 0 9px;
text-align: left;
background: url(../Images/bg_EditRRN.png) no-repeat left top;
}

#EditRRNTop{
width: 505px;
height: 33px;
padding: 13px 0 0 55px;
}

#EditRRNTop span{
font-size: 12px;
font-weight: bold;
}

#EditRRNBottom{
width: 565px;
height: 47px;
}

#EditRRNBottomLeft{
width: 280px;
height: 47px;
padding-left: 55px;
float: left;
}

#EditRRNBottomRight{
width: 195px;
height: 47px;
padding-left: 35px;
float: left;
}

#SaveSiteNoteToDisk{
font:12px Verdana;
text-align:center;
margin:20px 0 5px 0;
}

#SaveSiteNoteToDisk .fileinfo{
text-align:center;
margin:20px 0 5px 0;
}

#SaveSiteNoteToDisk .filepath{
text-align:center;
margin:10px auto 5px 10px;
color:Green;
font-weight:bold;
font-size:11px;
float:left;
}

#SaveSiteNoteToDisk .btncopy{
text-align:center;
margin:15px auto 0 10px;
font:11px Verdana;
clear:both;
float:left;
color:Blue;
cursor:pointer;
text-decoration:underline;
}

#SaveSiteNoteToDisk .btnsave{
text-align:center;
margin:30px 0 25px 0;
font:11px Verdana;
clear:both;
}

#SaveSiteNoteToDisk .error{
text-align:center;
margin:30px 0 25px 0;
font:11px Verdana;
font-weight:bold;
color:Red;
clear:both;
}

#UpdateGasWindow{
width: 530px;
height: 250px;
padding: 15px 0px 0px 20px;
text-align: left;
}



/**----PHOTOVOLTAIC-PAGE----**/
.PV{
width: 630px;
height: 380px;
margin: 0px 0px 0px 55px;
padding: 20px 0px 0px 0px;
}

.CurrentSAP, .UpdatedSAP{
width: 57px;
height: 40px;
padding-left: 243px;
float: left;
background: url(../Images/bgCurrentSAP.png) no-repeat left top;
}

.UpdatedSAP{
float: right;
background: url(../Images/bgUpdatedSAP.png) no-repeat left top;
}

.CurrentSAPlbl, .UpdatedSAPlbl, .CurrentSAPlbl2, .UpdatedSAPlbl2{
font-size: 16px;
font-weight: bold;
float: left;
color: #003055;
margin: 11px 5px 0px 0px;
}

.UpdatedSAPlbl, .UpdatedSAPlbl2{
color: #358025;
}

.PVQs{
width: 620px;
height: auto !important;
min-height: 213px;
height: 213px;
padding: 9px 0px 0px 10px;
float: left;
background: #fcfcfc url(../Images/bgPVQuestions2.png) no-repeat left top;
}

.PVQsBottom{
width: 630px;
height: 9px;
clear: left;
background: url(../Images/bgPVQuestionsBottom.png) no-repeat left top;
}

.PVTitle, .PVTitleActive{
width: 82px;
height: 17px;
padding: 4px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-top: 32px;
display: inline-block;
text-decoration: none;
text-align: center;
background: url(../Images/btn_PV2.png) no-repeat left top;
}

.PVTitleActive{
background: url(../Images/btn_PV1.png) no-repeat left top;
}

.SpaceIT{
width: 13px;
height: 21px;
float: left;
}

.PVTitleRec{
font-size: 11px;
font-weight: bold;
color: #778b9b;
margin-top: 32px;
margin-bottom: 5px;
display: inline-block;
}

.PVQRow{
width: 610px;
height: 35px;
margin-bottom: 6px;
background: url(../Images/bgPVRow.png) no-repeat left top;
}

.PVQsLbl{
width: 430px;
height: 25px;
padding: 10px 0px 0px 15px;
display: block;
font-size: 12px;
font-weight: bold;
float: left;
color: #002440;
}

.PVChk{
margin: 10px 25px 0px 0px;
padding-left: 0px !important;
float: right;
}

.PVRecChk{
margin: 7px 25px 0px 0px;
padding-left: 0px !important;
float: right;
}

.PVTxt{
margin: 6px 25px 0px 0px;
border: 1px solid #abc1df;
float: right;
}

.PVDDL{
margin: 7px 25px 0px 0px;
float: right;
}

.PVSubmitBtn{
float: right;
margin: 15px 15px 0px 0px;
}

.PVBackBtn{
float: left;
margin: 15px 5px 20px 400px;
}

.PVRecalcBtn{
float: left;
margin: 15px 0px 20px 0px;
}




.jquery-checkbox {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img { vertical-align: middle; width: 60px; height: 20px; }
.jquery-checkbox img { background: url(../Images/checkbox.png) left top no-repeat; }

.jquery-checkbox img{ background-position: 0px 0px; }
.jquery-checkbox-hover img{ background-position: 0px 0px; }
.jquery-checkbox-checked img{ background-position: 0px -40px; }
.jquery-checkbox-checked .jquery-checkbox-hover img {	background-position: 0px -40px; }

.jquery-checkbox-disabled img{ background-position: 0px -80px; }
.jquery-checkbox-checked .jquery-checkbox-disabled img{ background-position: 0px -100px; }


.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(../Images/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{ background-position: 0px 0px; }
.jquery-safari-checkbox-hover img{ background-position: -16px 0px; }
.jquery-safari-checkbox-checked img{ background-position: 0px -16px; }
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img { background-position: -16px -16px; }

.jquery-safari-checkbox-disabled img{ background-position: 0px -32px; }
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{ background-position: 0px -48px; }