﻿#dialog{ z-index:9999; position: absolute; top: 50%; left: 50%; width: 300px; height: 150px; margin: -101px 0 0 -101px; border: 2px solid #003359; background-color: #f0f0f0;}
.dialogOff{display: none;}
.dialogOn{ display: block; background-color: Teal;}
#dialog .buttons{list-style-type: none;}
#dialog .buttons .right{float: right;}
#dialog .buttons li a{display: block; width: 50px; color: #60351D; background:url(../images/BTN_lightbrown.gif) no-repeat; height:36px; padding: 2px; margin: 3px; text-align: center; text-decoration: none;}
#mask{position: absolute; z-index:9000; background-color: #bbb; }

#divContainer{width: 100%; font-family: Arial; }
#divViewPort{width: 100%; margin: 10px auto; overflow-x: hidden;}
#divSlidingContents { width: 100000px; }

#divSlidingContents .sectHeader {display: block; font-weight: bold;}
#divSlidingContents .sectContent { margin: 20px; }

.showLoaderIndicator{float: right; margin-right: 2px; margin-bottom: 5px;}
.hideLoaderIndicator{display: none;}
thead th {background:none !important;}

#systemMsg{padding: 2px; color: #CC0000; font-weight: bold; font-size: 1.25em;}
#successMsg{padding: 2px; color: #00CC00; font-weight: bold;}

#centeredDiv{}
#leftColumn{float: left; width: 47%; padding-top: 10px; }
#rightColumn{float: right; width: 47%; padding-top: 10px; }

.centeredTable{ margin-left: 10%;}
.required{}
.greenMode{background-color: #f0ede5; padding: 1px 1px; color: Black; border: solid 1px #008000;}
.redMode{background-color: #f0ede5; padding: 1px 1px; color: Black; border: solid 2px red}

#staticSteps {height:52px;}
#staticSteps li {height:52px; background:url("../images/tabs/wizardtab_878.jpg") no-repeat scroll 0 0 transparent; color:#A1A1A1; display:block; font-family:arial; font-size:10px; font-weight:bold; line-height:12px; margin:0; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; list-style-type: none; display: inline; float: left; width: 292px;}
 
 /* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
 
 /* LEFT*/
 #staticSteps li.LAII {background-position:-1px -0px;}
 #staticSteps li.LIAI {background-position:-1px -52px;}
 #staticSteps li.LIIA {background-position:-1px -104px;}
 
  /* MIDDLE*/
 #staticSteps li.MAII {background-position:-293px -104px;}
 #staticSteps li.MIAI {background-position:-293px -0px;}
 #staticSteps li.MIIA {background-position:-293px -52px;}
 
  /*RIGHT*/
 #staticSteps li.RAII {background-position:-585px -104px;}
 #staticSteps li.RIAI {background-position:-585px -52px;}
 #staticSteps li.RIIA {background-position:-585px 0;}

.navigation{ list-style-type: none; padding: 0.5em 0; border-top: 1px solid #666;}
.navigation .left { float: left; }
.navigation .right {float: right;}
.navigation li a { display: block; width: 125px; color: #60351D; background:url(../images/BTN_lightbrown.gif) no-repeat; height:36px; padding: 2px; margin: 3px; text-align: center; text-decoration: none;}
.navigation li a:hover { color: #482715;}

.section{ width: 878px; padding: 5px; float: left;}
.sectionHeader{ display: block;  color: black; font-weight: bold; font-size: 14px; text-align: left;}         

.hover-wrap{display: inline;}
.hover-wrap label.hover{position: absolute; top: -0.3em; left: 0.3em; color: #666; font-size:smaller;}

fieldset{border-style: solid; border-color: blue; margin: 0px !important; display:block; padding: 0px; font-size: 100%; font-weight: normal;}
fieldset legend{color: Black; font-weight:bold; font-size:110%; top: 0px; margin: 0px !important;}
fieldset label{display: block; width: 95px; text-align: right; float:left; padding-right: 5px;}

fieldset .password {width: 75px; margin: 2px 0;}
lable span.required{color: Red;}

#secNotification{margin-left: 15%;}
#listViolations{list-style-type: none; padding: 0; margin: 0; padding-bottom: 1em; }
#listViolations li{background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 1.2em;}

#passwordTable{}
#pwdRequirements{font-weight: bold; font-size: 0.1em; color: black; }
label{white-space: nowrap;}
#divPwdRequirements { width: 280px; }
#divPwdRequirements img{padding: 3px 0 3px 0; vertical-align:middle; }
#divPwdRequirements .legendDesc{padding:0; font-size: 1em; margin-top: -3px; color: Gray; white-space: nowrap; }



#secQuestions{margin-left: 15%;}
.secQandA{margin-bottom: 1.5em;}
.secQandA label{display: block; width: 65px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
.secQandA .ddl{width: 450px; margin-bottom: 5px;}
.secQandA .ansText{width: 150px; }
.secQandA .minAnswerLength{width: 100%; font-size: smaller; color: gray;}

.contactUpdate{ width: 330px; }
.contactUpdate input{color: Black; padding: 0.1em;}
.contactUpdate label{display: block; width: 130px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
.contactUpdate .inlineLabel{display: inline; width: 20px; float: none;}
.contactUpdate .text{width: 150px; margin-bottom: 5px; padding: 0.1em}
.contactUpdate .readOnly{width: 150px; text-align: left; }
.contactUpdate .narrow1 {width: 80px; margin-right: 0px; padding: 0.1em}
.contactUpdate .small {width: 30px;}
.contactUpdate .dropList{width: 160px; margin-bottom: 5px;}
.contactUpdate a{ font-size: smaller; color: Gray;}
.contactUpdate .smallNote{font-size: smaller; color: Gray;}
.contactUpdate .checkBoxLabel{padding-left: 3px; white-space: nowrap;}
.contactUpdate img{padding: 3px 0 3px 3px; vertical-align:middle;}
.contactUpdate #divLanguage {width: 330px; white-space: nowrap; margin-top: 5px;}
.contactUpdate .checkBoxLabel {vertical-align:top;}
.contactUpdate .checkBoxDiv {margin-top: 5px;}
.contactUpdate .divSubscriptions {width: 330px;}

#divStmntHelp {position: absolute; width: 150px; height: auto; background-color: Gray; border: solid 1px black; padding: 0.5em;}
.footNote{display:block; text-align: center; margin: 2px 0;}

#divInterest{width: 700px; border: solid 0px Gray; padding: 5px 5px 5px 5px;}
#divInterest .headerSection{width: 100%; background-color: #60351d; padding: 2px 0px 2px 2px; margin-bottom: 3px;}
#divInterest .headerSection img{padding: 3px 3px 3px 3px; vertical-align:middle; }
#divInterest .bodySection{margin-bottom: 1em;}
#divInterest td{width: 33.3%;}
#divInterest .headerLabel{color: white;}
#divInterest .headerLink{float: right;}
#divInterest .headerLink .lnkSelectAll{color: white; font-weight: bold; margin-right: 5px;}
#divInterest td label{margin-left: 0.3em;}
#interestList .innerList{ list-style: none;}

div#divTravelPrefs{margin: 10px 30px;}
div#divTravelPrefs #tabTravelPrefs td{padding: 5px 5px; vertical-align: middle;}

#fldsetQandA #secQandAList{margin-left: 0; padding-left: 0; list-style: none;}
#fldsetQandA #secQandAList li{margin-bottom: 8px;}
.setData{width: 360px;}
.setData .linkArea a{text-align: right; float: right;}
.setData label{display: block; width: 100px; text-align: left; float:left; padding-right: 5px; margin: 2px 0;  font-size: 11px; font-family: Verdana;}
.setData .readOnly{width: 210px; text-align: left; float:left; margin: 2px 0; font-size: 12px; }
.setData .inline{width: 200px;}
/* .setData a{float: right; margin: 0.1em 0 0.3em 0.1em; } */
.setData a{float: right; text-decoration: none; }
.setData .smallNote{font-size: smaller; color: Gray;}

#fldsetAcctLocator {margin-left: 33%; width: 350px;}
#fldsetAcctLocator #locatorMode {width: 340px;}
.locatorCriteria{width: 255px;  margin: 20px 10%; }
.locatorCriteria .narrow2{float: left; width: 120px; margin-right: 0px; margin-bottom: 5px; }
.locatorCriteria img{padding: 3px 0 3px 3px; vertical-align:middle;}

.locatorCriteria2{width: 255px;  margin: 20px 10%; }
.locatorCriteria2 .clearRightText{float: left; clear: right; width: 120px; margin-right: 10px; margin-bottom: 5px;}
.locatorCriteria2 .narrow2{width: 120px; margin-right: 0px; margin-bottom: 5px; }
.locatorCriteria2 img{padding: 3px 0 3px 3px; vertical-align:middle;}

#fldsetUsernameSummary{margin-left: 33%; width: 350px;}
#userData{width: 350px;}
#userData label{display: block; width: 135px; text-align: right; float:left; padding-right: 5px; margin: 2px 0;}
#fldsetUsernameSummary .readOnlyFloatLeft{width: 180px; text-align: left; float:left; margin: 2px 0; font-size: 12px; }

#fldsetSecQuestions{margin-left: 25%; width: 500px;}
#securityQuestions .secQPrompt{ border: solid 1px Gray;}
#securityQuestions #tableQuestions .leftCell{ width: 100px; text-align: right; font-weight: bold;}
#securityQuestions #tableQuestions .rightCell label{text-align: left; width:350px;}
#securityQuestions #tableQuestions input{width: 350px;}

#fldsetUnameInfo {margin-left: 30%; width: 50%;}
#fldsetUnameInfo #usernameInfo label{width: 100%; font-weight: bold; margin-bottom: 0.5em; margin-right: 50px; float: left; text-align: left;}
#fldsetUnameInfo #optionsAvail{display: block; margin-top: 25px; margin-left: 70px;}

#fldsetUsername{width: 420px; margin-left: 25%;}
#fldsetUsername label{ font-weight: bold;}
#fldsetUsername input{color: Black; padding: 0.1em; width: 250px;}
#usernameUpdate{width: 400px;}


#fldsetNotification{width: 420px; margin-left: 25%;}
#fldsetNotification .emailID{ font-weight: bold;}

#interestList li{ width: auto; margin: 0; padding: 0;}
#interestList li a{float: left; text-decoration: none;}