/* Start of CMSMS style sheet 'form.css' */
/* Start of CMSMS style sheet 'searchforms-simple' */

/* Added clear + error message style in Forms css */
.clear {clear:both;}

.error_message {
background-color: #FFA8A8;
border: 1px solid #E53232;
margin-bottom: 5px;
}

/* Form width */

#flights-form {
 width:670px;}
 
/* Preolader */ 

.image-loader {
position: absolute;
top: -3000px;
left: -3000px;
display: hidden;
}
.image-loader .img1 {
background:transparent url(http://gofly.ca/uploads/images/design/city-field1-focus.png);}
.image-loader .img2 {
background:transparent url(http://gofly.ca/uploads/images/design/city-field2-focus.png);}
.image-loader .img3 {
background:transparent url(http://gofly.ca/uploads/images/design/city-field1.png);}
.image-loader .img4 {
background:transparent url(http://gofly.ca/uploads/images/design/city-field2.png);}

/* Flight Type */

div.flightType {
 width: 100%;
 margin: 10px 0;
 line-height: 20px;
 }

.flightType label {
 font-size: 12px;
 color: #828282;
 line-height: 20px;
 width: 210px;
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 20px;
}
 

/* Date select */

div.date, div.date2 {
 width:324px;
 float:left;
 margin-right:5px;
 position:relative;
 }
.hoteldest {
width: 648px !important;
}

.hoteldest input {
background:transparent url('uploads/images/design/destination-field-bg.png') no-repeat !important;
outline-style:none;
}
.hoteldest input:focus {
background:transparent url('uploads/images/design/destination-field-bg-hover.png') no-repeat !important;
}

.date input, .date2 input{
background:transparent url('uploads/images/design/calendar-field.png') no-repeat;
}
.date input:focus, .date2 input:focus  {
background:transparent url('uploads/images/design/calendar-field-focus.png') no-repeat;
border: none !important;
}


/* City - Airport Departure start */

.txtDepCity1 input, .txtArrCity1 input, .date input, .date2 input, #destination {
border: none;
font-size:20px;
color: #116099;
font-weight: bold;
width:259px;
height:25px;
padding: 10px 50px 10px 15px;
vertical-align: middle;
text-align:left;
margin-top: 0px;
margin-bottom: 5px;
margin-left:-5px;
overflow:hidden;
background-position: bottom right;
position: relative;
z-index: 200;
outline-style:none;
}

#destination {
width: 360px;
height: 45px;
background:transparent url(uploads/images/design/destination-field-bg.png) no-repeat scroll 0 0;
}


#destination:focus {
background:transparent url('uploads/images/design/destination-field-bg-hover.png') no-repeat !important;
}

#destination option {
font-size: 14px !important;
}

div.txtDepCity1, div.txtArrCity1 {
 width:324px;
 float:left;
 margin-right:5px;
 position:relative;
 display: inline;

 }

.txtDepCity1 label, .txtArrCity1 label, .date label, .date2 label {
	font-size: 12px;
	color: #828282;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	width:324px;
	display:block;
}



.txtDepCity1 input{
background:transparent url('uploads/images/design/city-field1.png') no-repeat;
}
.txtDepCity1 input:focus {
background:transparent url('uploads/images/design/city-field1-focus.png') no-repeat;
border: none !important;
}

/* Departure end */

/* City - Airport start Return */

.txtArrCity1 input{
	background:transparent url('uploads/images/design/city-field2.png') no-repeat;
position: relative; 
z-index: 200;
}
.txtArrCity1 input:focus {
background:transparent url('uploads/images/design/city-field2-focus.png') no-repeat;
border: none !important;
}

/* end Return */ 

/* Select Adults + Children */

div.paxSelect {
 float: left;
 margin-top: 5px;}
 
  .paxSelect label {
	font-size: 12px;
	line-height: 32px;
	color: #828282;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	 }
	
  .paxSelect select {
  	background-color:#FFFFFF;
  	float:left;
	border:1px solid #7f9db9;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin: 5px 10px 5px 4px;
	}	
input#age55 {	
position: relative; top:6px;
}
/* Lines */	

hr.top {
	background:#eee none repeat  0 0;
	border:none;
	clear:both;
	color:#eee; 
	height:1px;
	width:100%;
	
}

hr.bottom {
	background:#DDDDDD none repeat  0 0;
	border:none;
	clear:both;
	color:#DDDDDD; 
	height:0.1em;
	margin:.45em 0 .25em 0;
	width:100%;
	
}

/* Submit Button */

#formSubmitButton input {
        font-family: MS Shell Dlg;
	font-size: 20px;
	text-align: center;
	color:#000;
	width:auto;
	padding: 0 5px 0 7px;
	margin:0;
}

/* End of 'searchforms-simple' */


/* No need ? */

/*

.formInputText, .formInputDate {
	font-size: 14px;
	background-color: #FFF;
	color: #666;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #E8E8E8;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	outline-style:none !important;
	outline-width:0 !important;
}

#txtDate1_Month_ID, #txtDate1_Day_ID, #txtDate1_Year_ID,#txtDate2_Month_ID, #txtDate2_Day_ID, #txtDate2_Year_ID {
	background-color:#FFFFFF;
	border:1px solid #7f9db9;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:5px;
	padding:0px;
}

#txtDate2_Year_ID, #txtDate1_Year_ID {
width: 40px !important;
margin-right: 3px !important;
padding: 1px !important;
}

#flights-form {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
#flights-form .formInputSelect {
	width: 210px;
	margin-left: 0px;
	margin-right: 10px;
} 
.w30 {
	width: 30px !important;
	margin-right: 5px !important;
}
.w40 {
	width: 40px !important;
	margin-right: 5px !important;
	padding: 3px;
	border: 1px solid #7f9db9 !important;
}
.w50 {
	width: 50px !important;
	margin-right: 5px !important;
}
.w60 {
	width: 60px !important;
	margin-right: 5px !important;
}
.w120 {
	width: 120px !important;
	margin-right: 5px !important;
}

.formInputSelect {
	background-color:#FFFFFF;
	border:1px solid #7f9db9;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:5px;
	padding:2px 2px 2px 0;
}
.formInputCheckBox {
	margin-left: 10px;
	font-size: 14px;
	padding: 3px;
}

.formLabel {
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
span.label {
	font-size: 12px;
	color: #828282;
	text-transform: uppercase;
}
.form-line-intern {
border-top-color:#EEEEEE;
border-top-style:solid;
border-top-width:1px;
margin-bottom:10px;
padding-top:5px;
}

*/


/* No need?  end */
.ui-datepicker {
z-index: 202;
width:200px !important;
font-family: Arial,sans-serif !important;
font-size: 15px !important;
}
.ui-datepicker th {
color:#484848 !important;
}
hr.bottom {
height: 1px !important;
}
/* End of 'form.css' */