/*body{

	background-color:black;													/*Background color, should be the same as your website.*/
	/*scrollbar-base-color: #6F8C8F;											
	scrollbar-track-color: #506B6E;
	scrollbar-face-color: #6F8C8F;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #506B6E;
	scrollbar-darkshadow-color: #506B6E;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	margin-top: inherit;													/*Inherit, so that it stay the same as the element it is.*/
	/*margin-bottom: inherit;
	margin-left: 30px;														/*'Change this 2 values if you want to move your bookingEngine*/
	/*margin-right: inherit;
	color: #FFFFFF;															/*Color of the default table*/
	/*font-size: 13px;														/*Font size*/
	/*font-family: arial, verdana,  sans-serif;								/*Font type*/

/*}*/

.booktitle 	{ 																	/*Style of the part title*/
 color: white;															/*Color*/
 font-size: 12px;															/*Size*/
 font-family: sans, sans-serif; 									/*Type*/
 font-weight: bold;															/*Decoration (Bold/Italic/Underline...)*/
 }
 

/*VERTICAL BOOKING ENGINE*/



.bookLogo {																	/*Logo of the booking engine*/
  /*text-shadow: 0 0 0.2em #FFCC00, 0 0 0.2em #D2691E, 0 0 0.2em #FFCC00;		/*Shadow, comment this part if you dont any*/
  font-size: 20px;															/*Size of the font*/
  /*text-decoration: blink;													/*Text appears and deasapears, comment it if you dont like*/
  margin-left:10px;															/*Change thos 2 values to move the title*/
  margin-top:-5px;
}


#little_vertical {															/*vertical displaying*/
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	border:none;														/*border. None for no border, Xpx solid for a border*/
	padding:0px;															/*distance between the border and the content*/
}


.direction_vertical{
	position:relative;
	left:50px;
}

.directionchoice_vertical{
	position:relative;
	left:50px;
}

.date_vertical{
	position:relative;
	left:50px;
}

.time_vertical{
	position:relative;
	left:50px;
}

.passengers_vertical{
	position:relative;
	left:50px;
}

.submit_vertical{
	position:relative;
	left:50px;
}


/*HORIZONTAL BOOKING ENGINE*/

.bookLogo {																	/*Logo of the booking engine*/
  /*text-shadow: 0 0 0.2em #FFCC00, 0 0 0.2em #D2691E, 0 0 0.2em #FFCC00;		/*Shadow, comment this part if you dont any*/
  font-size: 20px;															/*Size of the font*/
  /*text-decoration: blink;													/*Text appears and deasapears, comment it if you dont like*/
  margin-left:180px;															/*Change thos 2 values to move the title*/
  margin-top:15px;
}



#little_horizontal {															/*vertical displaying*/
	position:relative;
	top:0px;
	left:50px;
	height:300px;
	width:540px;
	padding:0;															/*distance between the border and the content*/
	background:url(../../images/bookingEngine.gif) no-repeat;
}

#little_horizontal .smallinput{
 	font-size:11px;
 	width:200px;
        margin-top:6px;
}

#little_horizontal .verysmallinput{
 	font-size:11px;
 	width:80px;
}

.direction_horizontal{
	position:relative;
	left:40px;
	top:40px;
	width:100%;
}

.directionchoice_horizontal{
	position:relative;
	left:40px;
	top:40px;
}

.date_horizontal{
	position:relative;
	left:40px;
	top:40px;
}

.time_horizontal{
	position:relative;
	left:270px;
	top:15px;
}

.passengers_horizontal{
	position:relative;
	left:40px;
	top:20px;
}

.baby_horizontal{
	position:relative;
	left:43px;
	top:10px;
}

.submit_horizontal{
	position:relative;
	left:270px;
	top:-16px;
}

.button_horizontal{
clear:both;
width:120px;
height:25px;
text-align:center;
line-height:10px;
color:#000000;
font-size:11px;
}
