/*** ACTIVE CEP **/

.activeCEP {width: 369px;}
.activeCEP, .activeCEP table, .activeCEP input, .activeCEP textarea, .activeCEP select, .activeCEP form .activeCEP td /*,.cepBody, .cepBody td, .cepBody input, .cepBody select*/{color:#000000; font-size: 12px;}
.activeCEP input[type="radio"] {padding: 0; margin: 0;}
.activeCEP input[type="checkbox"] {padding: 0; margin: 0; }
.activeCEP select {height: 20px; width: 100%; margin-bottom: 1px;}
.activeCEP input[type="text"], .activeCEP input[type="password"] {}
.activeCEP .radioButtonList { border-spacing: 0;}
.activeCEP .radioButtonList td {padding: 1px 0;}
.activeCEP .radioButtonList td input[type="radio"]{vertical-align: middle; display: block; margin-bottom: 5px;  float: left;  !important; margin: 0 5px 0 0px !important; *margin-top: -3px !important;}/* {vertical-align: middle;padding: 1px 0 !important;float:left; margin: 0 5px 0 0 !important;}*/
.activeCEP .radioButtonList td label {margin-right:10px;vertical-align: middle;}
.activeCEP .calendarDropdown {width: 95px;}
.activeCEP .clear {clear: both; height: 0px; padding: 0; margin: 0;}

/** Predictive Search **/
.activeCEP .predictiveSearchBox {width: 270px; border: solid 1px #969696; margin-left: 5px; margin-bottom: 1px; padding: 3px !important;}
.activeCEP .predictiveSearchText a{ cursor: pointer; }
.watermark {width: 270px; border: solid 1px #969696; margin-left: 5px; margin-bottom: 1px; padding: 3px !important; color: #999999 !important; }
.psCompletionList {margin: 0; padding: 0; /* display: table !important; width: auto !important; overflow: visible !important; min-width: 275px !important;*/ max-height: 80px; overflow-x: hidden; overflow-y: auto; border: solid 1px #969696; width: auto !important ; min-width: 275px !important;}
.psListItem { cursor: pointer; list-style-type:none; white-space: nowrap; margin: 0; padding: 3px; background-color: #FFFFFF; color:#000000;}
.psSelectedItem { cursor: pointer; list-style-type:none; white-space: nowrap; margin: 0; padding: 3px; background-color: #FBEED0; color:#000000;}

/** City Selector Dropdown **/
.activeCEP .citySelector{ position: absolute; margin-top: -50px; z-index: 9999; margin-left:29px;}
.activeCEP .citySelectorTop {overflow: hidden; width: 257px; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Header.png"); background-repeat: no-repeat;}
.activeCEP .citySelectorTop .citySelectorBodyHeading {display: block; float: left; color: #FFFFFF; font-weight: bold; font-size: 13px; margin-left: 12px; line-height: 27px;}
.activeCEP .citySelectorTop .closeCitySelectorLeft {display: block; float: right; width: 11px; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Closebutton_Left.png"); background-repeat: no-repeat; background-position: right 2px;}
.activeCEP .citySelectorTop a {cursor: pointer;}
.activeCEP .citySelectorTop a .closeCitySelector {display: block; padding-right: 27px; color: #FFFFFF; font-size: 11px; text-align: right; float: right; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Closebutton.png"); background-repeat: no-repeat; background-position: right 2px; line-height: 27px;  margin-right:5px;}
.activeCEP .citySelectorTop a:hover .closeCitySelector {background-position: right -28px; text-decoration:none;}
.activeCEP .citySelectorBody {width: 257px; padding: 10px 0 7px 0; background-image: url("/images/CEP/CEP_Active_Body.png"); background-image: url("/images/CEP/CEP_CitySelector_Body.png"); background-repeat: repeat-y;}
.activeCEP .citySelectorBody .citySelectorBodyContent {padding: 5px 0 10px 10px; margin: 0 0 0 10px;}
.activeCEP .citySelectorBody .citySelectorBodyContent .fromCityContainer {}
.activeCEP .citySelectorBody .citySelectorBodyContent .toCityContainer {}
.activeCEP .citySelectorBottom {overflow: hidden; width: 257px; height: 7px; background-image: url("/images/CEP/CEP_CitySelector_Bottom.png"); background-repeat: no-repeat;}


/** MISC **/
.activeCEP div.C_notificationDialog .SIPWarningMessageContainer{background-color: #FBE4DB; border: solid 2px #E47B4D; padding: 4px;  margin: 0 8px 4px 8px;}
.activeCEP div.CEPIntroImage{width: 62px;min-height: 60px;float: left;padding: 0;margin: 0px 6px 0px 0px;}
.activeCEP div.CEPIntroText {padding: 5px 12px 0 12px;}

.activeCEP div.cepHeader {overflow: hidden; height:30px; background-image: url("/images/CEP/CEP_Active_Header.png"); background-repeat: no-repeat;}
.activeCEP div.cepHeader .cepName {float: left; color: #FFFFFF; margin-left: 10px; line-height: 29px; font-size: 15px;}
.activeCEP div.cepHeader span.arrow {float:right; height: 7px; width: 9px; margin-top: 11px; margin-right: 17px; background-image: url("/images/CEP/CEP_Arrow_Active.gif"); background-repeat: no-repeat;}

.activeCEP div.cepBody {background-image: url("/images/CEP/CEP_Active_Body.png"); padding-top: 5px; background-repeat: repeat-y;}
.activeCEP div.cepBody .cepHeading{font-weight: normal;}

.activeCEP div.cepBody div.subLevelCEP {padding: 0 16px 5px 0; height: 16px;}
.activeCEP div.cepBody div.subLevelCEP a span.heading {display: block; padding-right: 10px; text-align: right; font-size: 13px; background-image: url("/images/CEP/CEP_Sublevel_Arrow.png"); background-position: right 0; background-repeat: no-repeat; }
.activeCEP div.cepBody div.subLevelCEP a:hover span.heading {display: block; text-decoration: underline; background-position: right -16px;} 

.activeCEP div.cepBody div.errorDialogue { display: none; background-color: #FBE4DB; border: solid 2px #E47B4D; padding: 4px;  margin: 0 8px 4px 8px;}
.activeCEP div.cepBody div.errorDialogue ul { padding: 0; margin: 0;}
.activeCEP div.cepBody div.errorDialogue ul li.heading { font-weight: bold; }
.activeCEP div.cepBody div.errorDialogue ul li { list-style: none; font-size: 12px;}

.activeCEP div.cepBody div.cepMessagebox { width: 357px; padding: 0 0 4px 6px;}
.activeCEP div.cepBody div.cepMessagebox div.cepMessageboxTop {overflow: hidden; height: 7px; background-image: url("/images/CEP/CEP_Messagebox_Top.gif"); background-repeat: no-repeat;}
.activeCEP div.cepBody div.cepMessagebox div.cepMessageboxBody {overflow: hidden; background-image: url("/images/CEP/CEP_Messagebox_Body.gif"); background-repeat: repeat-y; padding: 2px 10px 0 10px;}
.activeCEP div.cepBody div.cepMessagebox div.cepMessageboxBottom {overflow: hidden; height: 9px; background-image: url("/images/CEP/CEP_Messagebox_Bottom.gif"); background-repeat: no-repeat;}

.activeCEP div.cepBody div.cepRouteMessage { display: none; width: 342px; padding: 5px 0 0 0; margin-left: -6px;}
.activeCEP div.cepBody div.cepRouteMessage div.cepRouteMessageTop {overflow: hidden; height: 3px; background-image: url("/images/CEP/CEP_Routemsg_Top.gif"); background-repeat: no-repeat;}
.activeCEP div.cepBody div.cepRouteMessage div.cepRouteMessageBody {overflow: hidden; padding: 3px 6px; background-image: url("/images/CEP/CEP_Routemsg_Body.gif"); background-repeat: repeat-y;}
.activeCEP div.cepBody div.cepRouteMessage div.cepRouteMessageBottom {overflow: hidden; height: 3px; background-image: url("/images/CEP/CEP_Routemsg_bottom.gif"); background-repeat: no-repeat;}

.activeCEP div.cepBody div.cepAreaFull {width: 353px; padding: 1px 0 0 0; margin-left: 8px;}
.activeCEP div.cepBody div.cepAreaFull div { overflow: hidden; }
.activeCEP div.cepBody div.cepAreaFull div.cepAreaFullTop { height: 2px; background-image: url("/images/CEP/CEP_Area_Full_Top.gif"); background-repeat: no-repeat;}
.activeCEP div.cepBody div.cepAreaFull div.cepAreaFullBody { background-image: url("/images/CEP/CEP_Area_Full_Body.gif"); background-repeat: repeat-y; padding: 6px 12px;}
.activeCEP div.cepBody div.cepAreaFull div.cepAreaFullBottom { height: 2px; background-image: url("/images/CEP/CEP_Area_Full_Bottom.gif"); background-repeat: no-repeat;}

.activeCEP div.cepBody div.cepAreaHalfContainer {width: 354px; margin-left: 7px;}
.activeCEP div.cepBody div.cepAreaHalfContainer div { overflow: hidden; }
.activeCEP div.cepBody div.cepAreaHalf {width: 177px; padding: 1px 0 0 0; float:left;}
.activeCEP div.cepBody div.cepAreaHalf div.cepAreaHalfTop { margin-left: 1px;height: 2px; background-image: url("/images/CEP/CEP_Area_Half_Top.gif"); background-repeat: no-repeat;}
.activeCEP div.cepBody div.cepAreaHalf div.cepAreaHalfBody { margin-left: 1px; background-image: url("/images/CEP/CEP_Area_Half_Body.gif"); background-repeat: repeat-y; padding: 6px 12px;}
.activeCEP div.cepBody div.cepAreaHalf div.cepAreaHalfBottom { margin-left: 1px; height: 2px; background-image: url("/images/CEP/CEP_Area_Half_Bottom.gif"); background-repeat: no-repeat;}

table.cepAreaTable, table.cepAreaFullTable {border: 0; border-spacing: 0; padding: 0; margin: 0; border-collapse: collapse;}
table.cepAreaFullTable {width: 100%;}
table.cepAreaTable td, table.cepAreaFullTable td {margin: 0; padding: 0; font-size : 12px; vertical-align: middle;}
table.cepAreaTable td.rightMarginSmall, table.cepAreaFullTable td.rightMarginSmall {padding-right: 5px;}
table.cepAreaTable td.rightMarginBig, table.cepAreaFullTable td.rightMarginBig {padding-right: 10px;}
table.cepAreaTable td.alignRight, table.cepAreaFullTable td.alignRight {text-align: right;}

.activeCEP div.cepBody div.buttonContainer {width: 354px; margin: 6px 0 0 7px; padding: 5px 0; border-top: solid 1px #BFBFB4}
.activeCEP div.cepBottom {overflow: hidden; height: 6px; background-image: url("/images/CEP/CEP_Active_Bottom.png"); background-repeat: no-repeat;}

/*** COLLAPSED CEP **/

.collapsedCEP {width: 369px;}
.collapsedCEP a span.heading{ display: block; cursor: pointer; height: 29px; color: #1E269F; padding-left: 10px; line-height: 29px; font-size: 13px; background-image: url("/images/CEP/CEP_Collapsed_Header.png"); background-repeat: no-repeat;}
.FirstCEP a span.heading{ padding: 2px 0 0 10px; background-image: url("/images/CEP/CEP_Collapsed_Header_First.png"); background-repeat: no-repeat;}
.collapsedCEP a:hover span.heading{ color: #E75214; text-decoration: underline; background-position: -369px;}

/*** CEP LOGIN ***/

.activeCEP div.CEPLogin div.LoginButtondiv {padding-top: 15px;}
.activeCEP div.CEPLogin div.C_form {width: 353px; padding: 10px 5px; margin-left: 8px;}
.activeCEP div.CEPLogin .inputElement input {width: 110px !important;}
.activeCEP div.CEPLogin #LoginLinkElement {padding-top:8px;margin-bottom: 8px !important;}
.activeCEP div.CEPLogin #LoginLinkElement a {line-height: 16px;display:inline;}
.activeCEP div.CEPLogin #LoginLinkElement .BackButton {padding-top: 10px;}

/*** MINI SEARCH ***/
/* CEP displayed in Amadeus iframe */

.miniSearch {width: 638px; height: 150px; overflow:hidden;  background-image: url("/images/CEP/Minisearch_Background.png"); background-repeat: no-repeat; }
.miniSearch .predicitveSearchContainer {width: 411px; height: 64px; float: left; padding-top: 6px; padding-bottom:0px; padding-left: 10px; padding-right: 5px;}
.miniSearch .miniCalendarContainer {width: 212px; height: 64px; float: left; padding: 6px 0px 0px 0px;}
.miniSearch .genericContainer {width: 202px; height: 69px; padding-left: 0px; padding-top: 0px; float: left;}
.miniSearch .passengerTypeContainer {width: 194px; height: 69px; float: left; padding: 0px 3px 0px 15px}
.miniSearch, .miniSearch table, .miniSearch input, .miniSearch textarea, .miniSearch select, .miniSearch form .miniSearch td{color:#000000; font-size: 12px;}
.miniSearch input[type="radio"] {padding: 0; margin: 0;}
.miniSearch input[type="checkbox"] {padding: 0 3px 0px 0px; margin: 0 3px 0px 0px; }
.miniSearch select {height: 20px; width: 100%; margin-bottom: 1px;}
.miniSearch .passengerTypeHelpButton {display: none;}
.miniSearch .radioButtonList {margin-top: 0px;}
.miniSearch .radioButtonList td {padding: 0px;}
.miniSearch .radioButtonList td input[type="radio"] {vertical-align: middle; display: block; margin-bottom: 5px;  float: left;  !important; margin: 0 5px 0 10px !important; *margin-top: -3px !important;}
.miniSearch .radioButtonList td input[type="checkbox"] {display: block; margin-bottom: 5px; margin-right:5px;  float: left;  !important; margin: 0 5px 0 10px !important;}
.miniSearch .radioButtonList td label { display: block; white-space:nowrap; overflow:hidden; vertical-align: middle;}
.miniSearch .predictiveSearchBox {width: 270px; border: solid 1px #969696; margin-left: 5px; margin-bottom: 1px; padding: 3px !important;}
.miniSearch .predictiveSearchText a{ cursor: pointer; }
.miniSearch .calendarDropdown {width: 95px;}

.miniSearch div.cepHeader { display: none; overflow: hidden; height:30px;}
.miniSearch div.cepHeader .cepName {float: left; color: #FFFFFF; margin-left: 10px; line-height: 29px; font-size: 15px;}
.miniSearch div.cepHeader span.arrow {float:right; height: 7px; width: 9px; margin-top: 11px; margin-right: 17px;}

.miniSearch div.cepBody { padding-top: 5px; background-repeat: repeat-y;}
.miniSearch div.cepBody .cepHeading{font-weight: normal;}

.miniSearch div.cepBody div.buttonContainer {width: 354px; margin: 6px 0 0 7px; padding: 5px 0; border-top: solid 1px #BFBFB4}
.miniSearch div.cepBottom {overflow: hidden; height: 6px;}

.miniSearch .miniSearchBtn { float: right; margin-right: 20px;} 
.miniSearch .miniSearchBtn a {font-size: 15px; line-height: 28px; font-weight: bold; color: #FFFFFF;}
.miniSearch .miniSearchBtn a span.miniSearchBtnLeft {display: block; float: left; height: 30px; width: 11px; background-image: url("/images/CEP/Minisearch_Btn_Left.png")} 
.miniSearch .miniSearchBtn a:hover span.miniSearchBtnLeft {background-position: 11px;}
.miniSearch .miniSearchBtn a span.miniSearchBtnBody {display: block; float: left; height: 30px; background-image: url("/images/CEP/Minisearch_Btn_Body.png")}
.miniSearch .miniSearchBtn a:hover span.miniSearchBtnBody {background-position: 200px;}
.miniSearch .miniSearchBtn a span.miniSearchBtnRight {display: block; float: left; height: 30px; width: 11px; background-image: url("/images/CEP/Minisearch_Btn_Right.png")} 
.miniSearch .miniSearchBtn a:hover span.miniSearchBtnRight {background-position: 11px;}

.hbaButton { float: right; margin-right: 20px;} 
.hbaButton a {font-size: 15px; line-height: 28px; font-weight: bold; color: #FFFFFF;}
.hbaButton a span.miniSearchBtnLeft {display: block; float: left; height: 30px; width: 11px; background-image: url("/images/CEP/HBA_Bluebutton_Left.png")} 
.hbaButton a:hover span.miniSearchBtnLeft {background-position: 11px;}
.hbaButton a span.miniSearchBtnBody {display: block; float: left; height: 30px; background-image: url("/images/CEP/HBA_Bluebutton_Body.png")}
.hbaButton a:hover span.miniSearchBtnBody {background-position: 200px;}
.hbaButton a span.miniSearchBtnRight {display: block; float: left; height: 30px; width: 11px; background-image: url("/images/CEP/HBA_ Bluebutton_Right.png")} 
.hbaButton a:hover span.miniSearchBtnRight {background-position: 11px;}


/** City Selector Dropdown **/
.miniSearch .citySelector{ position: absolute; margin-top: -60px; z-index: 9999; }
.miniSearch .citySelectorTop {overflow: hidden; width: 493px; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Header_Wide.png"); background-repeat: no-repeat;}
.miniSearch .citySelectorTop .citySelectorBodyHeading {display: block; float: left; color: #FFFFFF; font-weight: bold; font-size: 13px; margin-left: 12px; line-height: 27px;}
.miniSearch .citySelectorTop .closeCitySelectorLeft {display: block; float: right; width: 11px; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Closebutton_Left.png"); background-repeat: no-repeat; background-position: right 2px;}
.miniSearch .citySelectorTop a {cursor: pointer;}
.miniSearch .citySelectorTop a .closeCitySelector {display: block; padding-right: 27px; color: #FFFFFF; font-size: 11px; text-align: right; float: right; height: 27px; background-image: url("/images/CEP/CEP_CitySelector_Closebutton.png"); background-repeat: no-repeat; background-position: right 2px; line-height: 27px;  margin-right:5px;}
.miniSearch .citySelectorTop a:hover .closeCitySelector {background-position: right -28px; text-decoration:none;}
.miniSearch .citySelectorBody {width: 493px; padding: 10px 0 7px 0; background-image: url("/images/CEP/CEP_Active_Body.png"); background-image: url("/images/CEP/CEP_CitySelector_Body_Wide.png"); background-repeat: repeat-y;}
.miniSearch .citySelectorBody .citySelectorBodyContent {padding: 5px 10px 10px 10px; margin: 0 0 0 10px;}
.minisearch .citySelectorBody .citySelectorBodyContent .fromCityContainer { background-color: Red;}
.minisearch .citySelectorBody .citySelectorBodyContent .toCityContainer { }
.miniSearch .citySelectorBottom {overflow: hidden; width: 493px; height: 7px; background-image: url("/images/CEP/CEP_CitySelector_Bottom_Wide.png"); background-repeat: no-repeat;}
.miniSearch div.cepBody div.cepAreaHalf { padding-left:7px !important; *padding-top:0px !important; }


/** Pop up Calendar **/
.SASCalendarContainer {display: block; position: absolute; margin-top: -10px; margin-left: -350px; z-index: 9999; height: 150px; padding-left: 20px;}
.return{margin-top: -10px; margin-left: -350px; width: 330px; height: 150px; padding-left: 20px; background-image: url('/images/CEP/Calendar/Cal_Bg.png')}
.oneway {margin-top: -10px; margin-left: -200px; z-index: 9999; width: 190px; height: 150px; padding-left: 20px; background-repeat:no-repeat; background-image: url('/images/CEP/Calendar/Cal_OneWay_Bg.png')}
.SASCalendarContainer .sasCalendar {float: left; font-family: Arial; font-size: 11px; border-collapse: collapse;}
.SASCalendarContainer .title {color: #FFFFFF; text-transform: capitalize; font-size: 12px;}
.SASCalendarContainer .day {padding-right: 1px; padding-top: 1px;}
.SASCalendarContainer .day a {padding: 0 2px; background-color: #FFFFFF; border: solid 1px #CCCCCC; display: block; text-decoration: none;}
.SASCalendarContainer .day a:hover {border: solid 1px #d3480f !important;  color: #d3480f !important; }
.SASCalendarContainer a.selectedDay {background-color: #e75113; border-color: #d3480f; color: #FFFFFF;}
.SASCalendarContainer a:hover.selectedDay  {color: #FFFFFF !important;}
.SASCalendarContainer .otherMonthDay {padding-right: 1px; padding-top: 1px;}
.SASCalendarContainer span.blockedDay {padding: 0 2px; background-color: #e0e0d7; border: solid 1px #CCCCCC; display: block; color: #999999; text-decoration: none;}
.SASCalendarContainer .otherMonthDay a {display: none;}
.SASCalendarContainer .otherMonthDay span {display: none;}


.SASCalendarContainer .dayHeader { text-transform: uppercase; font-weight: normal; color:#FFFFFF; padding-bottom: 2px; }
.SASCalendarContainer .prevnext {}
.SASCalendarContainer .prevnext a div.nextMonth {width: 20px; height: 22px; cursor: pointer; background-image: url('/images/CEP/Calendar/Cal_Next.png'); background-position: 0 0;}
.SASCalendarContainer .prevnext a:hover div.nextMonth {width: 20px; height: 22px; background-position: 0 22px;}
.SASCalendarContainer .prevnext a div.prevMonth {width: 20px; height: 22px; cursor: pointer; background-image: url('/images/CEP/Calendar/Cal_Prev.png'); background-position: 0 0;}
.SASCalendarContainer .prevnext a:hover div.prevMonth {width: 20px; height: 22px; background-position: 0 22px;}
.SASCalendarContainer .closeCal {float: left; margin-left: 8px; margin-top: 1px;}
.SASCalendarContainer a .close {cursor: pointer; width: 20px; height: 21px; background-image: url('/images/CEP/Calendar/Cal_Close.png'); background-position: 0 0;}
.SASCalendarContainer a:hover .close {background-position: -20px 0;}

.buttonAsTextBox 
{
    display: block; width: 120px;
    height: 21px; line-height: 21px; text-indent: 3px; border: solid 1px #969696;
    text-decoration: none; background-color: #FFFFFF; color: #000000; cursor: text; 
    font-family: Arial, Sans-Serif; font-size: 12px; text-transform: capitalize; 
}
a.buttonAsTextBox{text-decoration:none; color:Black;}
.grayedOut
{
     background-color: Gray;
}
a.grayedOut{text-decoration:none; color:Black;}