/* Lightbox start */
#modalOverlay {
  background-color:#000;
}
#modalContainer {
  height:400px;
  width:520px;
  left:50%;
  top:5%;
  margin-left:-260px;
}
.lightbox {  display:none; position:absolute; top:0px; left:0px; text-align:left; width:520px; }

.lightboxTop,.lightboxBottom { position:relative; left:0px; width:100%;}
.lightboxTop .filler{ font-size:0px; width:496px; margin:0px 12px; height: 10px; border-top:2px solid #E5E3CC ;background-color: #363636; }
.lightboxBottom .filler {font-size:0px; width:496px; margin:0px 12px; border-bottom:2px solid #ccc; height: 10px;}
.lightboxBottom .filler .innerFiller { font-size:0px; border-bottom:3px solid #363636; height:7px; background-color:#E5E3CC; }
.lightboxMiddle{border-left:2px solid #E5E3CC; border-right:2px solid #E5E3CC; background-color:#E5E3CC;}
.lightboxInnerMiddle{border-left:3px solid #363636; border-right:3px solid #363636;}
.lightboxHeader{background-color: #363636; height:58px;}
.lightboxContent{display:none;}
.lightboxLogo{width:95px; height:57px; left:5px; background-image:url('images/survey_logo.gif'); float:left; position:relative; top:-4px;}
.lightbox h2 {  margin:0px; padding-top:10px; color:#E5E3CC; }
.lightbox h2 span{color:#CF7220; }
.lightbox h3{margin:0px;padding:4px 8px 8px 8px;}
.lightbox h3 span{font-size:13px; font-weight:normal;}
.lightboxTop tt, .lightboxBottom tt{height:12px; width:12px; background-image:url('images/survey_corners.gif'); z-index:3003;}
.lightboxTop tt.topRight { background-image:url('images/survey_close.gif'); top:0px; right:0px; height:25px; width:25px;}
.lightboxTop tt.topLeft {left:0px; top:0px;}
.lightboxBottom tt.bottomLeft{left:0px; bottom:0px; background-position:0px -12px; }
.lightboxBottom tt.bottomRight{right:0px; bottom:0px; background-position:-12px -12px; }
.lightbox .choices { padding:0px 8px; height:70px; color:#48361E; padding-top:15px;}
.lightbox .choices div {float:left; width:33%; }
.lightbox .choices label{ font-weight:bold; font-size:16px; color:#4A361D; display:inline; padding:0px; margin:0px;}
.lightbox .choices input{ float:left; margin:2px 10px 20px 10px;}
.lightbox .choices label span{display:block; font-size:12px; font-weight:normal;}
.lightbox  .orangeButton{visibility:hidden;}
.lightbox form{margin:0px;}
/* Lightbox End  */
.lightbox h4 .button{background-color:#CF7220;}
.login{margin:0px auto; left:50%; width:450px; margin-left:-225px;}
.login .lightboxBottom .filler, #login .lightboxTop .filler{width:426px;}
.login input.textfield , .sign-up input.textfield { margin:4px 8px; }
.login .orangeBox, .sign-up .orangeBox{float:none; margin-left:8px; margin-top:6px; width:80px;}
.sign-up {margin:0px auto; left:50%; width:420px; margin-left:-200px;}
.sign-up .lightboxBottom .filler, .sign-up .lightboxTop .filler{width:396px;}
.changeEmail .orangeButton, #changePassForm .orangeButton{ width:150px; float:none; margin-left:8px; }
#changePassForm button{width:150px;}
#trip-builder .orangeButton{float:right; margin-right:15px; }
.orangeButton  h3{padding-top:8px; color:#4A361D;}
.orangeButton {cursor:pointer;}
a.orangeBox:hover{text-decoration:none;}

.displayLightbox .lightbox{display:block; position:static; margin:0px auto;}
.displayLightbox .lightboxContent {display:block;}
.displayLightbox .orangeButton{visibility:visible;}
.displayLightbox .lightboxTop tt, .displayLightbox .lightboxBottom tt{z-index:100;}
.displayLightbox .lightboxTop tt.topRight {background-image:url('images/survey_corners.gif'); height:12px; width:12px; background-position:-12px 0px; }