/*

search.css

This stylesheet is meant to be the default style for the searchforms and should be included on all sites using the jsp-files listed below.

This stylesheet affects the following files:
custsearch.jsp
custflightsearch.jsp

To customize appearance on a specific site, use the code at the end of this document.

*/

/* this should be integrated within the css-structure below */
#performingSearch {
	position:absolute;
	visibility:hidden;
	margin-top: -90px;
	margin-left: 20px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
	z-index: 100;
	width:250px;
	height: 50px;
	text-align:center;
}




/* ---------- colors begin ---------- */
.searchForm .section1 th, .searchForm .section2 th {
	background-color:#999999;
	color:#FFFFFF;
}

.searchForm .section1 td, .searchForm .section2 td {
	background-color:#EDEDED;
	color:#000000;
}

.searchForm .section3 td, .searchForm .section3 th {
	background-color:#F7F7F7;
	color:#000000;
}

.searchForm .textfield, .searchForm select {
	border-color:#999999;
}

.searchForm .searchButton {
	background-color:#999999;
	color:#ffffff;
	border-color:#333333;
	filter:progid:DXImageTransform.Microsoft.Gradient
		(GradientType=0,StartColorStr='#B3B3B3',EndColorStr='#808080');
}
/* ---------- colors end ---------- */


/* ---------- fonts begin ---------- */
.searchForm .searchButton {
}

.searchForm, .searchForm td, .searchForm th {
}

.searchForm input, .searchForm select {
}
/* ---------- fonts end ---------- */


/* ---------- corners begin ---------- */
.searchForm .topRight {
/*
	background-image: url(http://www.comers.se/comers/pages/img/ctr.gif);
	background-repeat: no-repeat;
	background-position: right top;
*/
}
.searchForm .topLeft {
/*
	background-image: url(http://www.comers.se/comers/pages/img/ctl.gif);
	background-repeat: no-repeat;
	background-position: left top;
*/
}
.searchForm .bottomRight {
/*
	background-image: url(http://www.comers.se/comers/pages/img/cbr.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
*/
}
.searchForm .bottomLeft {
/*
	background-image: url(http://www.comers.se/comers/pages/img/cbl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
*/
}
/* ---------- corners end ---------- */



/* -- don't touch things below if you don't know what you are doing -- */
.searchForm table  {
	border-collapse: collapse; border-spacing: 0;
	width:100%;
}

.searchForm table.paxData  {
	width:50%;
}

.searchForm td, .searchForm th, .searchForm table.section3 table td, .searchForm table.section3 table th {
	padding:0px;
}

.searchForm table table td, .searchForm table table th {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:4px;
	white-space:nowrap;
}

.searchForm table.section3 table table.paxData td, .searchForm table.section3 table table.paxData th,
.searchForm table.section3 table table.productTypeData td, .searchForm table.section3 table table.productTypeData th {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:10px;
}
.searchForm .paxData table table, .searchForm .productTypeData table table {
	margin-right:10px;
}

.searchForm th {
	text-align:left;
}

.searchForm td.rightFill, .searchForm th.rightFill {
	width:99%;
	padding:0px;
}
.searchForm input, .searchForm select {
	height:auto;
}
.searchForm .textfield, .searchForm select {
	border-width:1px;
	border-style:solid;
}

.searchForm .paxData td, .searchForm .paxData th, .searchForm .productTypeData td, .searchForm .productTypeData th {
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	padding-bottom:1px;
}

.searchForm .buttons {
	text-align:right;
	vertical-align:bottom;
	padding-right:10px !important;
	padding-top:10px !important;
}
.searchForm .searchButton {
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px;
	padding-top:1px;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	-moz-border-radius: 3px; /* rounded corners only works in firefox */
	border-radius: 3px; /* rounded corners only works in firefox */
}



div#searchform{
	width: 400px;
	background-color: #fff;
	padding: 5px;
	float: left;
}

div#searchform label{
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#searchform select{
	float: left;
	margin: 3px 0 5px 0;
	padding: 0;
}

div#searchform div#divDeparture label#labelDeparture{
	float:left;
	clear: right;
}

div#searchform div#divDeparture select#departure{
	float:left;
	clear: both;
}

div#searchform div#divDeparture{
	float: left;
	width: 200px;
}

div#searchform input[submit]{
	clear: both;
}

div#searchform div#divDestination{
	float: left;
}

div#searchform div#divDestination label#labelDestination{
	float: left;
	clear: right;
}

div#searchform div#divDestination select#destination{
	float: left;
	clear: both;
}

div#searchform div#divDepartureDate{
	width: 200px;
	float: left;
}

div#searchform div#divDepartureDate label#labelDepartureDate{
	clear: right;
	float: left;
	width: 200px;
}

div#searchform div#divDepartureDate select#departureday{
	float: left;
	clear: left;
}

div#searchform div#divDepartureDate select#departuremonth{
	float: left;
}

div#searchform div#divReturndate{
	width: 200px;
	float: left;
}

div#searchform div#divReturndate label#labelReturndate{
	float: left;
	width: 190px;
}

div#searchform div#divReturndate select#returnday{
	float: left;
	clear: left;
}

div#searchform div#divReturndate select#returnmonth{
	float: left;
}

div#searchform div#divReturnTrip {
	float: left;
	clear: both;
	width: 400px;
	margin: 5px 0 5px 0;
}

div#searchform div#divReturnTrip input {
	float: left;
	margin-left: 10px;
}

div#searchform div#divReturnTrip label {
	margin-left: 5px;
	margin-top: 4px;
}

div#searchform label#labelPaxes {
	width: 400px;
}

div#searchform div#divPaxes{
	float: left;
	width: 200px;
}