/*------------ Reset Browser Defaults ------------------*/
* { outline-style: none; -webkit-text-size-adjust: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset { margin:0; padding:0; }
input { margin: 0; }
a img,:link img,:visited img { border: none; }
ol,ul{list-style:none;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}
pre,code{font:115% monospace; font-size:100%;}
cite,code,th,address,footer{font-style:normal;font-weight:normal;}
body { font-size:62.5%; }
input, textarea {-webkit-border-radius: 0;}
a{cursor:pointer;}
textarea, input[type="text"], input[type="email"], input[type="password"] {
-webkit-appearance:none;padding:none;margin:none;
}

/*-------------------------------------------------------*/
html{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	overflow:hidden;
	}

body{
	width:248px;
	height:298px;
	padding:25px;
	border:solid 1px #CCCCCB;
	background:#fff;
	position:absolute;
	overflow:hidden;
	background-color:#2D4C60

	}


#logo{
	margin-bottom:15px;
	}

.slideBoxSelecter{
	height:33px;
	width:170px;
	border:solid 1px #CCCCCB;
	float:left;

	}

.selecterBar{
	width:85px;
	margin-left:0px;
	height:33px;
	background:#A81E22;
	margin-bottom: -33px;
	transition: all .5s ease;
	}

.sliderContainer{
	width:85px;
	height:33px;
	float:left;
	cursor:pointer;
	}

.sliderContainer img{
	float:left;	
	}

.sliderLabel{
	font-size:13px;
	margin-top: 8px;
	color:#fff !important;
	font-weight: bold;
	}

.radioButtonChoiceBox{
	height:17.5px;
	line-height: 17.5px;
	}

.radioButtonChoiceBox input{
	margin-left:11px;
	margin-right:5px;
	margin-top:2px;
	float:left;
	}

.radioButtonLabel{
	font-size:9px;
	color:#fff;
	}

.hideonload{
	display:none;
	}

.clear{
	clear:both;	
	}

#mainContentContain{
	width:600px;
	height:221px;
	position:absolute;
	top:128px;
	left:-2px;
	transition: all .5s ease;
	}

#hotelCollectData, #flightCollectData{
	width:250px;
	margin-left:26px;
	margin-top:5px;
	float:left;
	color:#fff;
	}

input[type="text"]{
	height:30px;
	border:solid 1px #CCCCCB;
	font-size: 12px;

	}

.inputLabel{
	font-size: 12px;
	margin-bottom: 5px;
	margin-top:10px;
	}

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

.calicon{
	position:absolute;
	top: 33px;
	left: 2px;
	cursor:pointer;
	}

.button{
	width: 249px;
	height: 45px;
	background: #fff;
	color: #2D4C60;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
	margin-top: 18px;
	cursor:pointer;
	transition: all .5s ease;
	}


.button:hover{
	background:#f5f5f5;
	}

.typeaheadBox{
	position:relative;
	}

.typeAheadList{
	position:absolute;
	width:100%;
	height:auto;
	z-index:100;
	background:#fff;
	border:solid 1px #CCCCCB;
	overflow-x: auto;
	}

.typeAheadList li{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	background:#fff;
	}

.typeAheadList li:hover{
	background:#E6E7E8;
	cursor:pointer;
	}

.activeli{
	background:#E6E7E8 !important;
	}


.typeAheadList li img{
	margin-top: -9px;
	margin-bottom: -8px;
	margin-right: 5px;
	margin-left: -7px;
		}

.clickOff{
	position:fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index: -1;
	}


.hoverslider1:hover{
		background:#FFF7AE;
		}













.ui-datepicker {  
    width: 177px;  
    height: auto;   
    font: 9pt Arial, sans-serif;
    z-index:1001 !important;
    top:25px !important;
    left:60px !important;
	} 

.ui-datepicker a {  
    text-decoration: none;  
	} 

.ui-datepicker table {  
    width: 100%;
    background:#E6E7E8; 
	}  

.ui-datepicker-header {  
    background: #2D4C60; 
    color: #fff;  
    font-weight: bold;
    line-height: 30px;  
    width: 177px;
	}	 

.ui-datepicker-title {  
    text-align: center;  
	}  

.ui-datepicker-prev, .ui-datepicker-next {  
    display: inline-block;  
    width: 30px;  
    height: 30px;  
    text-align: center;  
    cursor: pointer;  
    background-image: url('arrow.png');  
    background-repeat: no-repeat;  
    line-height: 600%;  
    overflow: hidden;  
	} 

.ui-datepicker-prev:hover, .ui-datepicker-next:hover{  
    background-image: url('arrowhover.png');   
	}


.ui-datepicker-prev {  
    float: left;  
    background-position: center -30px;  
	}  

.ui-datepicker-next {  
    float: right;  
    background-position: center 0px;  
	}  

.ui-datepicker thead {  
    background-color: #f7f7f7;  
    background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));  
    background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );  
    border-bottom: 1px solid #bbb;  
	} 

.ui-datepicker th {  
    text-transform: uppercase;  
    font-size: 6pt;  
    padding: 5px 0;  
    color: #666666;  
    text-shadow: 1px 0px 0px #fff;
    background:#E6E7E8;
    filter: dropshadow(color=#fff, offx=1, offy=0);  
	}  

.ui-datepicker tbody td {  
    padding: 0;  
	} 

.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
	}

.ui-datepicker tbody tr {  
    border-bottom: 1px solid #bbb;  
	}  

.ui-datepicker tbody tr:last-child {  
    border-bottom: 0px;  
	}  	 

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;  
    font-weight: bold;  
    text-align: center;  
    width: 23px;  
    height: 23px;  
    line-height: 23px;  
    color: #666666;
    font-size:10px;
	}  

.ui-datepicker-calendar .ui-state-default {  
    background: #fff;   
	}  

.ui-datepicker-unselectable .ui-state-default {  
    background: #f4f4f4;  
    color: #b4b3b3;  
	}  

.ui-datepicker-calendar .ui-state-hover {  
    background: #2D4C60;
    color:#fff;
	}  

.ui-datepicker-calendar .ui-state-active {  
    background: #2D4C60;   
    color: #e0e0e0;    
    position: relative;   
	} 

.ui-datepicker-calendar td:first-child .ui-state-active {  
    width: 30px;  
    margin-left: 0;  
}  
.ui-datepicker-calendar td:last-child .ui-state-active {  
    width: 30px;  
    margin-right: 0;  
} 


.ui-datepicker-calendar tr:last-child .ui-state-active {  
    height: 30px;  
    margin-bottom: 0;  
}  



/* Eagle animation */
#eagle{
background: url("eagle.gif");
background-repeat: no-repeat;
background-size: 100px;
position: absolute;
z-index: -100;
width: 350px;
height: 350px;
top:0px;
-webkit-animation: mymove 10s infinite; /* Chrome, Safari, Opera */
    animation: mymove 10s infinite;
}

@-webkit-keyframes mymove {
    from{
    	margin-left:0px;
    }
    to{
    	margin-left:400px;
    }
}

@keyframes mymove {
    from{
    	margin-left:0px;
    }
    to{
    	margin-left:400px;
    }
}



#eagle2{
background: url("eagle.gif");
background-repeat: no-repeat;
background-size: 110px;
position: absolute;
z-index: -100;
width: 350px;
height: 300px;
   -webkit-animation: mymove2 10s infinite;
   -moz-animation: mymove2 10s infinite;
   -o-animation: mymove2 10s infinite;
    animation: mymove2 10s infinite;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
top: 70px;
right:0px;

}

@keyframes mymove2 {
  0%   { opacity:0; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes  mymove2{
  0%   { opacity:0; }
  50%  { opacity:0;}
  100% { opacity:1; }
}
@-moz-keyframes  mymove2{
  0%   { opacity:0; }
  50%  { opacity:0;}
  100% { opacity:1; }
}
@-webkit-keyframes mymove2{
  0%   { opacity:0; }
  50%  { opacity:0; }
  100% { opacity:1; }
}