
/*-------

This is the layout for Flysmaland webpage.
This layout is based on the main_all.css

Classes and uses:

 h1 = Title, change this color to the layout color 
 #container = Change the container background for the specific company
 #header = Change the background of the header
 #footer = Change the border top color.
 .headerBox = Change the left top background of the boxes
 .headerBox h2  = Change the right top background of the boxes
 .menuBox = Change the left menu's background
 .menuBox h2 = Change the left menu's background

--------*/

/*--- Container background width colored borders for specific company ---*/

#container {
   background: url(../images/flysmaland_container_bg.png) repeat-y;  
}

/*--- End specific container ---*/

/* Title color */

h1 {
	color: #178c9D;
}

/* background image on the header */

#header {
	background: url(../images/flysmalandtop.png) no-repeat;
}

#footer {
	background: url(../images/flysmaland_container_bottom.png) no-repeat right bottom;
}

/* use orange border top */
#footer #cs9StandardFooter {
   border-top: 1px #178c9D solid;
}


/*----
	 Style for the header of the boxes start.
	  The header background should be replaced with the background used in the
	   orange version of Sverigeflyg
-----*/

/* -- start headerbox -- */
/* -- use orange background with white text  -- */
.headerBox, .headerBox h2 {
	background: url(../images/boxtopleftdarkgreen.png) no-repeat  left top;
}

.headerBox h2 {
	background: url(../images/boxtoprightdarkgreen.png) no-repeat  right top;
}

/* -- end -- */
/* -- class for header box end -- */

/* here changes the menu's background  */

.menuBox {
	background: url(../images/leftmenudarkgreen.png) no-repeat  left top;
}

.menuBox .listLevel1 {
	background: url(../images/rightmenudarkgreen.png) no-repeat right top;
}

/*---- Confirm page begin -------*/

#bookCartConf h3 {
	background: url(../images/confirmheaderdarkgreen.png) repeat-x;
}

div.travellerInformation, div.buttons, div.bookingSummary, div.customerInformation,
.cs9StandardBookCartConf div.cs9CustBookingContainer,
.cs9StandardBookCartConf div.cs9CustBookingRowContainer,
#bookCartConf .bookingSummary .bookingSummary th.cs9Middle,
#bookCartConf .bookingSummary .bookingSummary td.cs9Middle {
	background-color:#F7F7F7;
	border: 1px solid #118b9a;
}

#bookCartConf .buttons td .showConf {
   background: #118b9a;
}

#bookCartConf .customerInformation td, #bookCartConf .customerInformation th,
#bookCartConf .bookingSummary .bookingSummary td, #bookCartConf .bookingSummary .bookingSummary th,
#bookCartConf .travellerInformation td, #bookCartConf .travellerInformation th {
   background-color: #ededed;
	border: 1px solid #118b9a;
}

/*----- Confirm page end -----*/

/*-------- Agent login information begin ----*/

.curuserpos table tr td{
	color: #178c9D;
}


/*-------- Agent login information end ----*/
/*searchtabs*/
.searchTab span.selected{
	background: transparent url(../images/boxtopleftdarkgreen.png) top left no-repeat;
}
.searchTab span.selected a{
	background: transparent url(../images/boxtoprightdarkgreen.png) top right no-repeat; padding: 0 1em;
}
/*searchTopBox*/
.searchTopBox{ background: #118b9a url(../images/searchtopboxdarkgreen_bg.png) top right no-repeat; }
.searchBox{ background: #118b9a url(../images/searchboxdarkgreen_bg.png) bottom left no-repeat;}
/*greenbox*/
.greenBox{
	background: #118b9a url(../images/greenboxdarkgreen_bg.png) bottom left no-repeat;
}
.greenBoxNoGradient{ background: #118b9a; }
