/* ======================================================================

CSS File -- Created with SAPIEN Technologies PrimalScript 3.1

NAME: 

AUTHOR: Roobin , Travelize
DATE  : 2007-03-16

COMMENT: Now why oh why double extensions, eh well just to get primalscript to show it as css.
		also note that response.contenttype need to be set(not for IE but for Mozilla)

====================================================================== */

/*Color management wont show if you view source but when you edit file
  Note that asp-comments doesnt display here but they do work. 
*/


body {
	font-family: Verdana, Arial, sans-serif;
}

/*############### Info diplay Wrapper #################*/

.infoDisplayWrapper{
	width:564px;
	background-color:#FFF;
	border: 1px solid #21467B;
	text-align:left;
}

/*############### Main Search Reult Wrapper #################*/

.searchResultWrapper{
	width:564px;
	background-color:#FFF;
	border: 1px solid #21467B;
}

.resultsSubheader{
	width:564px;
	background-color:#21467B;
	color:#FFF;
	text-align:left;

}

#flightToggler{
	padding: 2px;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
}

#hotelToggler{
	padding: 2px;
	font-weight:bold;
}

/*##################### GENERAL ######################*/
.smallCaps {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-transform:Uppercase; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.noAllotment{
	font-color:red;
}


/*############### Search Engine ###################*/
.calendarDiv select{
	/*margin-right:12px;*/
	/*mellanrum mellan calender object*/
}

.calendarDiv{
	position:relative;
	margin-left:8px;
}

.topSearchFieldset{
	position: relative;
	/*background-color:#FFDF8B;*/
	background-color:#CECECE;
}
.topSearchlegend{
	position:absolute;
	top:-.5em;
	left:.5em;
}
.flightSelect{
	/*
	position:relative;
	margin-left:8px;
	*/
	width:170px;
	font-size:8.5pt;
}
.typeTable{
	margin-left:8px;
	width:170px;
	align:center;
}
.txtChildrenAge{
	width:50px;
}
.tighParagraphs{ 
	/*
	position:relative;
	*/
	margin-bottom:2px;
	
	text-align:center;
	padding:2px;
}
.subm
{
	margin-left:8px;
}



/*############## Flight diplay ####################*/
.topFieldset
{
	display: block;
	border: 1px solid #000;
	margin:3px 3px 3px 3px;
	width:500px;	
	/*width: 24em;
	padding-bottom: 1em;*/
}

.topLegend 
{
	background: #21467B ;
	color: #FFF ;
	border: 1px solid #000;
	padding: 2px 6px;
	font-weight:bold;	
}
.fieldsetOut
{
	margin-left:5px;
	margin-right:5px;
}
.fieldsetIn
{
	margin-left:5px;
	margin-right:5px;
}	
.fieldsetOut legend{
	background: #FFF;
}
.fieldsetIn legend{
	background: #FFF;
}
#divInfoLabel{
	margin-left:5px;
    text-transform: capitalize;
    font-weight:bold;

}
#divInfoText{
	margin-right:1em;
}

/*############## Hotel diplay ####################*/

.hotelwrap{
	position: relative;
	margin: 0 auto;
	/*width:100%;*/
	width:550px;
	background:#DCE6E9;
	border: 1px solid #21467B;
	text-align:Left;
}
.hotelwrap table{
	align:center;
}

.hotelnameSpan{
	font-weight: bold;
	font-size:10pt;
	color:#000
}

.hotelHr{
	color: #21467B;
	background-color: #21467B;
	height: 1px;
}

.hotelHr2{
	color: #21467B;
	background-color: #21467B;
	height: 0.1pt;
	border: thin;
}

.hotelDescription{
	float:right;
	width:350px;
	/*width:180px;*/
	font-size:7pt;
	background:transparent;
}

.hotelInfo{
	position:relative;
	left:5px;
	width:180;
}

.hotelImages{
	position:relative;
	clear:both;
}

.openLink{
	text-decoration:none;
	color:#000;
	font-size:8pt;
	font-weight:bold;
}

.roomInfo{
	color:#000;
	font-size:9pt;
	font-weight:bold
}

.roomAvailability{
	font-size:7pt;
	font-weight:normal;
}

.hotelButton{
	/*Euroticket button
	width: 117px;
 	height: 22px;
 	padding: 22px 0 0;
 	margin: 0;
 	border: 0;
 	color:#000;
 	background: transparent url(http://www.euroticket.no/clientfiles/images/ord_button.gif) no-repeat center top;
 	overflow: hidden;
 	cursor: pointer;
 	cursor: hand;*/
}

/*##################Car Styles#####################*/
.carcontainer{
	margin-left:4px;
	margin-right:4px;
	background-color:#FFF;
	padding:10px;
}

.carimage{
	background-color:#FFF;
	width:114px;
	border:1px solid black;
	float:left;
}
.carquickinfo{
	float:right;
	font-size:7pt;
	background-color:#FFF;
}
.carhead{
	font-size:9pt;
}
.carprice{
	font-size:13pt;
	font-weight:bold;
	text-align:right;
}
.clear{
	clear:both;
}
.carselect{
	margin-right:5px;
}
.carextrainfo{
}
.carextras{
	font-size:6.5pt;
}

/*############# tabs style  ###########################*/
    #tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 5px;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
	/*
    #tabs a{
        float:left;
        background:#A3BBE6 url(tabs_left.gif) no-repeat left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
    }
	*/
	.tablinks{
        float:left;
        background:#DCE6E9 url(images/tabs_left.gif) no-repeat left top;
		color:#000;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
    }	
	}
    .tabHeaderText{
        float:left;
        display:block;
        background: transparent url(images/tabs_right.gif) no-repeat right top;
        padding:4px 9px 2px 6px;
    }
    .tabHeaderText{float:none;}
    .tablinks:hover{background-color: #CCC;color: white;}
    .tablinks:hover span{background-color: #CCC;}
    #tabHeaderActive span, #tabHeaderActive a { background-color: #999999; color:#fff;}
    .tabContent {
        clear:both;
        border: 1px solid #21467B;
        padding-top:2px;
        background-color:#FFF;
    }