/**********************************************
/*             CSS MICROSITE                  *
/**********************************************

/**************** GENERAL HTML ****************/

.input {
	background-color:#FFFFFF;
	font-family: Tahoma, Arial;
	font-size:11px;
	color: #114467;
}

.textarea {
	background-color:#FFFFFF;
	height:60;
	font-family: Tahoma, Arial;
	font-size:10px;		
	border-color:#000000;
	border: 1px solid black;	
}

.select {
	font-family: Tahoma, Arial;
	font-size:11px;
	border-color:#114467;
	background-color: #FFFFFF;
}

body {
	/* 
	 This can be removed, ie it is not really needed, since the
	 "mandatory" Travelocity body tag within each document could take over.
	 It does style the scrollbars in IE though, and it does give the document as
	 such a default font other than Times etc for all browsers.
*/
	color: #197996;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	scrollbar-base-color: #55ACFF; /* -30 */
	scrollbar-highlight-color: #D4EAFF; /* +30 */
	scrollbar-3dlight-color: #55ACFF; /* -30 */
	scrollbar-face-color: #99CCFF; /* +-0 . This is the starting point. The other values
	are the relative luminocity values that comes from TopStyle 3 Pro */
	scrollbar-shadow-color: #55ACFF;  /* -30 */
	scrollbar-darkshadow-color: #55ACFF; /* -30 */
	scrollbar-track-color: #FFFFFF;  /* +50 or same as the page background color */
	scrollbar-arrow-color: #FFFFFF;  /* +60 or whatever you choose */
}
form {
	margin: 0px;
	padding: 0px;
}


a { 
	color : #114467;
	font-weight: bold;
}

.inputRadio {
	background-color:#EEF3F9;
	height:16;
	font-family:arial;
	font-size:10px;		
	border-color:#EEF3F9;
	border: 0px solid black;
}

/**************** BOX ****************/

td.boxTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EC006C;
	padding-bottom: 5px;
}

td.boxContent {
	background-color: #FFFFFF;
	border-style: none;
	font-size: 11px;
}

/**************** BUTTON ****************/

td.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:hand;
	text-transform: uppercase;
}
.orangelink {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	clear: both;
	color: #EC006C;
	font-size: 10px;
    font-weight: bold;
	cursor:hand;
}
.red {
	color: #EC006C;
}


td.button_quick_navigation {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

a.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:hand;
	text-decoration: none;
}

/***** RESPONSE HOTEL AND VOL + HOTEL ******/

table.response {
	font-size: 11px;
	border: 1px solid #bbbbbb;
}
.response a {
	font-size: 11px;
}
.response .texteBold {
	font-size: 11px;
	color: #5E5935;
}


td.responseHeader {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #827D4A;
	background-color:#EAE9D7;
}
.vol_aller {
	background-color:#DDDFE1;
}

td.responseTotalPrice {
	font-family : Tahoma, arial, verdana;
	font-size : 11px;
	font-weight: bold;
	color: #EC006C;
}

table.responseButtonBorderBooking {
	background-color:white;
}

table.responseButtonContentBooking {
	background-color:#EC006C;
}

table.responseButtonBorderChange {
	background-color:white;
}

table.responseButtonContentChange {
	background-color:#1F95B8;
}

td.responseBody {
	font-family : Tahoma, arial, verdana ;
	font-size : 11px;
	color: #114467;
	background-color:#FFFFFF;
}

/*************** VOL + HOTEL ***************/

.packageTexteInformation {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #1F95B8;
}

/**************** HOTEL ******************/

.hotelPriceClickableResponse {
	font-family : Tahoma, arial, verdana ;
	font-size : 10px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:hand;
}

.hotelPriceClickableSummary {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1F95B8;	
	cursor: hand;
}

.hotelTexteEnDemande {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #AAAAAA;	
}

.hotelDescription {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #114467;
}

/**************** THALASSO ****************/

.thalassoTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EC006C;		
}

.thalassoSubTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5E5935;	
}

/**************** GENERAL FONT STYLE ****************/

.title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #114467;	
}

.pathTitleStart {
	font-family : Tahoma, arial, verdana;
	font-size : 11px;
	font-weight: bold;
	color: #5E5935;
}

.pathTitleEnd {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	color: #114467;
}

.info {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #114467;
}

.warning {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #EC006C;
}

.texte {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;

	color: #114467;
}
.texteBold {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #114467;
}

.texteBoldWithColor {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
	color: #EC006C;
}

/**************** table ****************/

td.underline {
	border-bottom: 1px solid #ffffff;
}

td.dataheader {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#1F95B8;
}

tr.data {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #114467;
	background-color:white;
	border-bottom: 1px solid #1E5AAA;
	text-align: center;	
}

tr.data_alt {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #114467;
	background-color:#EAE9D7;
	border-bottom: 1px solid #1E5AAA;
	text-align: center;	
}

tr.data_pb {
	font-family : Tahoma, arial, verdana ;
	font-size : 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#EC006C;
	border-bottom: 1px solid #1E5AAA;
	text-align: center;	
}

/************* TOOL TIP TEXT ***************/

.toolTip{
	position:absolute;
	top:0;
	left:0;
	background:#FEFEED;
	border-color:#114467;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	visibility:hidden
}

.toolTipTD {
	background:#FEFEED;
	color:#114467; 
	font-family:Tahoma; 
	font-size:11px
}
h1 {
	font-size: 16px;
}
.boxContent .texteBold {

	font-size: 11px;
	color: #5E5935;
}
.boxContent a {

	font-size: 11px;
}
