.formContainer {
 width: 538px;
 margin: 0px auto;
}

.welcomeMsg {
background: #ffffff;
font: bold 9.5pt verdana, arial, sans-serif;
color: #000;
text-align: center;
}

.welcomeName {
font-variant: small-caps;
font-size: 14pt;
color: #000080;
}

.staticMsg {
background: #ffffff;
font: bold 9.5pt verdana, arial, sans-serif;
color: #000;
text-align: center;
}

.subscriptionMenu {
background: #f8f8f8;
padding: 5px;
border: 1px solid #ccc;
text-align: center;
margin-top: 10px;
line-height: 20px;
}

.subscriptionMenu a {
color: #000080;
text-decoration: none;
}

.subscriptionMenu a:hover {
color: #ff0000;
text-decoration: none;
}

.selSubscriptions {
background: #ffffff;
font: bold 9.5pt verdana, arial, sans-serif;
color: #000;
margin-top: 10px;
}

.selSubscriptionsContent {
background: #f8f8f8;
padding: 5px;
border: 1px solid #ccc;
text-align: center;
}

.selSubscriptionsContent a {
font-weight: bold;
color: #000080;
border-bottom: 1px dashed #000080;
text-decoration: none;
}

.selSubscriptionsContent a:hover {
font-weight: bold;
color: #800000;
border-bottom: 1px dashed #800000;
text-decoration: none;
}

.subscriptionLink {
padding-top: 7px;
}

.subscriptionLegend {
padding-top: 3px;
text-align: center;
}

.subscriptionText {
color: #000;
font-weight: bold;
padding-bottom: 3px;
}

.subscriptionYes {
background: url('/information/travel_advisory/on.gif') no-repeat left top;
width: 16px;
height: 16px;
float: right;
}

.subscriptionNo {
background: url('/information/travel_advisory/remove.gif') no-repeat left top;
width: 16px;
height: 16px;
}

.ctf {
background: #ffffff;
font: bold 9.5pt verdana, arial, sans-serif;
color: #000;
margin-top: 10px;
}

.ctfContent {
background: #f8f8f8;
padding: 5px;
border: 1px solid #ccc;
text-align: center;
line-height: 20px;
}

.ctfContent a {
font-weight: bold;
color: #008000;
border-bottom: 1px dashed #008000;
text-decoration: none;
}

.ctfContent a:hover {
font-weight: bold;
color: #800000;
border-bottom: 1px dashed #800000;
text-decoration: none;
}

.ctfLink {
padding-bottom: 5px;
}

.deldotAdmin {
background: #ffffff;
font: bold 9.5pt verdana, arial, sans-serif;
color: #000;
margin-top: 10px;
}

.deldotAdminContent {
background: #f8f8f8;
padding: 5px;
border: 1px solid #ccc;
text-align: center;
line-height: 20px;
}

.deldotAdminContent a {
font-weight: bold;
color: #008000;
border-bottom: 1px dashed #008000;
text-decoration: none;
}

.deldotAdminContent a:hover {
font-weight: bold;
color: #800000;
border-bottom: 1px dashed #800000;
text-decoration: none;
}

.deldotAdminLink {
padding-bottom: 5px;
}


/******MyDelDOT Login Page*********/
.loginBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.username {
width:228px;
background: #ffe;
}

.password {
width:228px;
background: #ffe;
}

.myDeldotLoginContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 20px;
width: 560px;
height: 360px;
overflow: hidden;
padding: 5px;
}

.myDeldotLoginLinks1 {
position: absolute;
top: 45px;
left: 10px;
width: 200px;
height: 65px;
}

.myDeldotLoginLinks2 {
position: absolute;
top: 45px;
left: 210px;
width: 380px;
height: 65px;
}

.myDeldotLoginLinks3 {
position: absolute;
top: 115px;
left: 90px;
height: 65px;
}

.myDeldotLoginLinks4 {
position: absolute;
top: 133px;
width: 560px;
text-align: center;
}

.myDeldotLoginBoxContainer {
width: 400px;
position: relative;
top: 100px;
height: 170px;
background: #f8f8f8;
border: 1px solid #ccc;
margin: 0px auto;

}

.myDeldotLoginBox {
position: absolute;
top: 20px;
left: 75px;
width: 232px;
margin: 0px auto;
background: #f8f8f8;
padding: 10px;
}

.editButtonsLogin {
width: 100%;
text-align: center;
}


/******MyDelDOT Edit User Info Page*********/

.editContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 500px;
height: 505px;
overflow: hidden;
padding: 5px;
}

.editBox {
position: absolute;
top: 0px;
left: 0px;
width: 480px; 
background: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
}

.editWelcomeMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #000;
padding-bottom: 10px;
}

.editName {
font-variant: small-caps;
font-size: 14pt;
}

.editFirstName {
width:225px;
background: #ffe;
}

.editLastName {
width:225px;
background: #ffe;
}

.editOldPassword {
width:225px;
background: #ffe;
}

.editNewPassword {
width:225px;
background: #ffe;
}

.editConfirmPassword {
width:225px;
background: #ffe;
}

.editEmailAddress {
width:225px;
background: #ffe;
}

.editInputContainer {
width: 100%;
position: relative;
}

.editInput {
width: 225px;
text-align: right;
margin: 0px auto;
}

.editButtonsContainer {
width: 370px;
text-align: center;
margin: 0px auto;
}

.editUpdateBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.editResetBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.editCancelBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.editEndMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #000;
padding-bottom: 10px;
}

/******MyDelDOT Add/Edit/Change Page*********/

.editChangeContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 600px;
/* height: 850px;*/
overflow: hidden;
padding: 5px;
}

.editChangeBox {
position: relative;
top: 0px;
width: 100%;
border: 1px solid #ccc;
}

.subscriptionTitle {
color: #000;
background: #ccc;
font-weight: bold;
text-align: center;
padding: 3px;
}

.subscriptionInstruction {
text-align: center;
padding: 3px;
}

.subscriptionSubTitle {
text-align: center;
color: #800000;
background: #ffe;
font-weight: bold;
padding: 2px;
border-bottom: 1px solid #ccc;
}

.subscriptionSubTitle span{
font-weight: normal;
color: #000;
}

.subscriptionRowContainer {
background: #f8f8f8;
border-bottom: 1px solid #ccc;
position: relative;
width: 100%;
height: 20px; 
}

.subscriptionRow1Box1 {
position: absolute;
top: 0px;
left: 0px;
border-right: 1px solid #ccc;
width: 15%;
height: 20px; 
text-align: center;
}

.subscriptionRow1Box2 {
position: absolute;
top: 0px;
left: 15%;
border-right: 1px solid #ccc;
width: 5%;
height: 20px; 
text-align: center;
}

.subscriptionRow1Box3 {
position: absolute;
top: 0px;
left: 20%;
border-right: 1px solid #ccc;
width: 65%;
height: 20px; 
padding-left: 5px;
}

.subscriptionRow1Box4 {
position: absolute;
top: 0px;
left: 85%;
width: 15%;
height: 20px; 
text-align: center;
}

.subscriptionInfo {
text-align: center;
padding: 10px;
}

.subscriptionInfoAdobe {
padding: 10px;
font-style: italic;
}

.subscriptionInfoAdobe span {
font-weight: bold;
}

.subscriptionInfoAdobe a {
color: #0285f1;
border-bottom: 1px dashed #0285f1;
text-decoration: none;
}

.subscriptionInfoAdobe a:hover {
color: #800000;
border-bottom: 1px solid #800000;
text-decoration: none;
}

.changeButtonsContainer {
width: 370px;
text-align: center;
padding-top: 5px;
margin: 0px auto;
}

.changeSaveBtn {
font-weight: bold;
}

.changeBackToMainBtn {
font-weight: bold;
}


/******MyDelDOT Feedback Page*********/

.feedbackContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 600px;
height: 450px;
overflow: hidden;
padding: 5px;
margin: 0px auto;
}

.feedbackBox {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.welcomeFeedbackMsg {
background: #ffffff;
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
padding: 5px;
}

.feedbackInputContainer {
position: relative;
top: 0px;
width: 480px;
height: 300px;
margin: 0px auto;
border: 1px solid #ccc;
background: #e5e5e5;
}

.feedbackTitle {
color: #000;
width: 100%;
background: #ccc;
font-weight: bold;
text-align: center;
padding: 3px 0px;
}

.feedbackInputBox {
position: absolute;
left: 0px;
width: 100%;
top: 22px;
text-align: center;
padding: 10px 0px 0px 0px;
margin: 0px;
}

.feedbackButtonsContainer {
width: 100%;
text-align: center;
margin: 0px auto;
padding: 0px;
}

.feedbackSelect {
width: 305px;
background: #ffe;
}

.feedbackComments {
width: 400px;
background: #ffe;
}

#area-wrap {
padding-bottom: 25px;
}

#area-wrap span {
/*color: #000;*/
font-weight: bold;
}

#comments-wrap span {
/*color: #000;*/
font-weight: bold;
}

.feedbackSubmitBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.feedbackCancelBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

/******MyDelDOT Password Recovery Page*********/
.recoveryBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.recoveryButtonsContainer {
width: 350px;
text-align: center;
margin: 0px auto;
}

.recoveryWelcomeMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #000;
padding-bottom: 10px;
}

.recoveryUsername {
width:175px;
background: #ffe;
}

.recoveryEmail {
width:175px;
background: #ffe;
}

.myDeldotRecoveryContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 400px;
height: 350px;
overflow: hidden;
padding: 5px;
}

.myDeldotRecoveryBox {
position: absolute;
top: 0px;
left: 0px;
width: 380px; 
background: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
}

.myDeldotRecoveryInputContainer {
width: 100%;
position: relative;
}

.myDeldotRecoveryInput {
width: 150px;
text-align: right;
margin: 0px auto;
}

.errorMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #800000;
padding-bottom: 5px;
}

/******MyDelDOT Create a User Info Page*********/

.createContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 500px;
height: 600px;
overflow: hidden;
padding: 5px;
}

.createBox {
position: absolute;
top: 0px;
left: 0px;
width: 480px; 
background: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
}

.createWelcomeMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #000;
padding-bottom: 10px;
}

.createUserName {
width:225px;
background: #ffe;
}

.createFirstName {
width:225px;
background: #ffe;
}

.createLastName {
width:225px;
background: #ffe;
}

.createPassword {
width:225px;
background: #ffe;
}

.createVerifyPassword {
width:225px;
background: #ffe;
}

.createEmailAddress {
width:225px;
background: #ffe;
}

.createInputContainer {
width: 100%;
position: relative;
}

.createInput {
width: 150px;
text-align: right;
margin: 0px auto;
}

.createButtonsContainer {
width: 370px;
text-align: center;
margin: 0px auto;
}

.createUpdateBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.createResetBtn {
font-weight: bold;
background: #ddd;
margin-top: 5px;
}

.createEndMsg {
font: normal 9.5pt verdana, arial, sans-serif;
text-align: center;
color: #000;
margin-top: 10px;
padding-bottom: 5px;
}/******MyDelDOT Activate Account Page*********/
.activeFormContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 400px;
height: 135px;
overflow: hidden;
padding: 0px;
background: #f8f8f8;
border: 1px solid #ccc;
}

.activeFormTitle {
background: #e5e5e5;
padding: 5px;
font-weight: bold;
}

.activeFormInstruction {
padding: 5px;
font-size: 12px;
}

.activeInputBox {
position: absolute;
top: 90px;
left: 120px;
width: 232px;
background: #f8f8f8;
padding: 10px;
}

.activepassword {
background: #ffe;
}

.activeButtonsContainer {
width: 400px;
text-align: center;
margin: 0px auto;
padding-top: 5px;
}

.activateBtn {
font-weight: bold;
color: #000;
}

.activeReset {
font-weight: bold;
color: #000;
}

/******MyDelDOT Activate New Account Page*********/
.activeNewContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 375px;
height: 100px;
overflow: hidden;
padding: 0px;
background: #f8f8f8;
border: 1px solid #ccc;
}

.activeNewTitle {
background: #e5e5e5;
padding: 5px;
font-weight: bold;
}

.activeNewMsg {
padding: 5px;
text-align: center;
font-size: 12px;
}

/******MyDelDOT Password Sent Page*********/
.pswdContainer {
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;
width: 400px;
height: 160px;
overflow: hidden;
padding: 0px;
background: #f8f8f8;
border: 1px solid #ccc;
}

.pswdTitle {
background: #e5e5e5;
padding: 5px;
font-weight: bold;
}

.pswdMsg {
padding: 5px;
font-size: 12px;
text-align: center;
line-height: 40px;
}

.pswdMsg a {
text-decoration: none;
border-bottom: 1px dashed #000080;
}

.pswdMsg a:hover {
text-decoration: none;
border-bottom: 1px solid #ff0000;
}




.slider {
color: #999;
}