@charset "UTF-8";

#ODmessages a:link {font-family: Tahoma, Verdana, Arial, sans-serif; color: #00968f; font-weight: bold; font-size: 100%; text-decoration: underline;}
#ODmessages a:visited {font-family: Tahoma, Verdana, Arial, sans-serif; color: #00968f; font-weight: bold; font-size: 100%; text-decoration: underline;}
#ODmessages a:active {font-family: Tahoma, Verdana, Arial, sans-serif; color: #00968f; font-weight: bold; font-size: 100%; text-decoration: underline;}
#ODmessages a:hover {font-family: Tahoma, Verdana, Arial, sans-serif; color: #00968f; font-weight: bold; font-size: 100%; text-decoration: none;}

  /* ////////////////////////////////////// */
 /*        Booking Widget Container        */
/* ////////////////////////////////////// */

#widgetContainer_Vertical {
	position: relative;
	text-align: left;
	padding: 15px;
	width: 310px;
	font-size: 0.85em;
	left: 0;
	top: 0px;
	border: solid 1px #00285e;
	background-color: #e8f2fc;
	float: right;
	margin-top: 20px;
        z-index:9999;
}
  /* ////////////////////////////////////// */
 /*   Booking Engine Container Formatting  */
/* ////////////////////////////////////// */

.dottedRightBorder {  /* IE Hack (since IE doesn't recognize "dotted" borders) */
	border-right: none;
	background: url(../images/rule_dottedVert.png) right;
	background-repeat: no-repeat;
}
/*   Origin & Destination Fields  */

#tripSelect {
	position: relative;
	margin-left: -5px;
	margin-bottom: 10px;
}

#originDestination {
	position: relative;
	margin-bottom: 10px;
}
.textFields_originDestination {
	border: 1px solid #00285e;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 220px;
}

#ODmessages {
	position: relative;
	color: #00968f;
	margin-bottom: 20px;
}

/*   Departing & Returning Date Fields  */

#departReturnDates {
	position: relative;
        margin-bottom:10px;
}
.textFields_departReturnDates {
	border: 1px solid #00285e;
	margin-top: 3px;
	margin-right: 4px;
	width: 40px;
}

#departDates {
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#returnDates {
	position: relative;
	float: left;
	margin-bottom: 15px;
}

/*   Guest Selection  */

#guestSelection {
        margin-bottom:10px;
}

#adults {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 10px;
}

#children{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 10px;
}

#infants {
	position: relative;
	margin-left: 0px;
	float: left;
	margin-bottom: 10px;
}


#groups {
	position: relative;
	margin-bottom: 15px;
	clear: both;
	border-top: 1px solid #9fcbed; 
	padding-top: 5px;
}
.listMenus_Guests {
	border: 1px solid #00285e;
	margin-top: 3px;
	width: 77px;
}

div#guestSelection select#adults {width:86px;}
div#guestSelection select#children {width:86px;}
div#guestSelection select#infants {width:86px;}

/* UMs, Special Needs, Promo Codes & Optional O/D Messages */

#promocode {
	position: relative;
	margin-bottom: 15px;
}

#enterPromo { 
	background-color: #ffffff;
	font-weight: bold;
	padding: 10px; 
	border: 2px solid #00285e; 
	position: absolute; 
	width: auto; 
	right: 15px; 
	visibility: hidden;
	z-index: 9999;
}
.hidestuff {
	display: block;
	margin-top: 2px;
	clear: both;
}

#enterPromo p {
	margin: 0 5px 10px 0;
}

.couponCode {
	position: relative;
	float: left;
}

.req_promoCode {
	color: #00968f;
	font-size: 85%;
}

/* To be displayed only when a promo code has been entered*/
#promoMessage {
	position: relative;
	color: #00968f;
	font-weight: bold;
	margin-bottom: 15px;
/*	border: 1px solid #00FF00; */
}

#umSpecialNeeds_vertWidget {
	position: relative;
	margin-bottom: 15px;
}

/* Flight Type */

#flightTypeContainer_vertWidget {
	position: relative;
        clear: both;
	width: auto;
        margin-bottom: 15px;
/*	border: 1px solid #FF0000; */
        display: none;
}

.listMenus_flightType {
	border: 1px solid #00285e;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 193px;
}


/*   Button Formatting  */

#getFlights {
	position: relative;
	margin-right: 15px;
	margin-bottom: 0;
	text-align: right;
}

.buttonGetFlights {
-moz-border-radius:5px 5px 5px 5px;
background:url("https://staging.westjet.com/images/bg-btn-yellow.png") repeat-x scroll 0 0 #ffcc33;
border:1px solid #fdda73;
color:#333333;
display:block;
font:bold 14px Helvetica,Arial,Sans-serif;
outline:medium none;
padding:8px 10px;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #fdda73;
cursor: pointer;
width: 100px;
}

.buttonGetFlights_FR {
-moz-border-radius:5px 5px 5px 5px;
background:url("https://staging.westjet.com/images/bg-btn-yellow.png") repeat-x scroll 0 0 #ffcc33;
border:1px solid #fdda73;
color:#333333;
display:block;
font:bold 14px Helvetica,Arial,Sans-serif;
outline:medium none;
padding:8px 10px;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #fdda73;
cursor: pointer;
width: 140px;
}