/*---------------------
		This CSS is intended to be the general design style sheet for Comers.
		The stylesheet is used by Comers both in administration common site and customer local sites.

		It is possible to overide this comersstandard css to localize customer sites.

		For administration sites comersstandard is override by newadmincomers.css

     colors used by standard comers

     #000000  = Standard text color (Black)

     #f20e0e  = Standard error (Red)

     Overlib
     #F5F5F5  = Overlib background
     #CCCCCC  = Overlib border

     Buttons
     #FFFFFF  = Standard text of buttons (used to override jquery css)
     #6E6E6E  = Standard background color of buttons (Only used if background image dont fill button)

     Row colors
     #EBEBEB  = Even rows
     #F5F5F5  = Odd rows

     Custsearchresult Product colors
     #B2C7D7  = Header border for header result
     background image     background: url(../sysimgs/headerBg2.png);

     #8FB9D0  = Separator between products (Light blue)

     Ajax bookingschedule

----------------------*/





/*---------------------
		General Font styles
-------------------------*/
body, div, th, td, input, textarea, a, h1, h2, h3, h4, h5, h6, p, blockquote, form, ul, li, ol, dl, fieldset,
    address, select, button, .overlibFontClass {
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
	 line-height: 1.3em;
    color: #000000;
    padding: 0;
    margin: 0;
}

label {
    font-weight: bold;
    margin-right: 0.3em;
}

ul {
    list-style: none;
}


select, input {
    margin: .1em .3em .3em 0;
    width: auto;
/*-- padding removed. Gives us problems on local sites --*/
	 /*padding: .1em;*/
	padding-left: .1em; /*--- Padding left works on all browser and make that the text doesn't start on the edge of the select ---*/
/*--*/
}

input {
	padding-top: 0.1em;
}

img {
    border: none;
}

.clearfix {
    clear: both;
}

a {
    text-decoration: none;
    font-weight: bold;
	
}

.comers a {
	float:right;
	font-size:8px;
	color: #999999;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}



/*--------------- General Error and highlights messages begins--------------------*/
.adminErrortext {
    color: #f20e0e;
    font-weight: 800;
}


.cs9HighlightMessage {
    padding: 1em;
	 margin: 1em 0;
}

/* error and status messages */
.adminStatustext, .adminStatustext td, .adminErrortext, .adminErrortext td, .adminalertmsg, div.adminerrormsg, .cs9PackageStatus {
    font-size:1em;
    font-weight: bold;
    margin:5px 0;
	 color: #FF0000;
}


.adminStatustext, .adminStatustext td, .adminalertmsg

/* .adminErrortext, .adminErrortext td, .adminalertmsg */{
	 color: #006600;
}

/* error and statusmessages end */

/*---------------- General Error messages ends-----------------*/

/*---------------- General Popup Body style begin -------------*/

body#popup {
	background: none;
}

/*---------------- General Popup Body style end -------------*/


/*-- here you find all bold classes --*/
.cs9SortingAlternativ .cs9StandardText, .cs9PagesCustSearchResult .cs9StandardText, .cs9PagingCustSearchResult .cs9StandardText, .cs9Name, .cs9PriceOverview,
.cs9FlightPackageName, td.cs9TotalPrice, span.cs9TotalPrice, .cs9SideCart .cs9SidecartPrice, .overlibFontClass, .cs9rootName  {
    font-weight: bold;
}
/*-- end bold classes --*/

/*----------------------------------------------------------------------
                            jQuery style adjustments
----------------------------------------------------------------------*/

/*-------------------Fix for Jquery tab0 Product specification starts-------------------*/
.ui-tabs .ui-tabs-panel {
	padding: 0.3em 0.1em 0 0.1em; /* this align the tables on the tabs view */
}



/*-- Padding right and left for the text on the info tabs. ---*/
/* */
.ui-tabs .ui-tabs-panel .cs9Descr, .ui-tabs .ui-tabs-panel .suppliercontactinfo {
	padding:5px;
	width:80%;
	border:none;
}
/**/

.ui-tabs-nav li {
    margin-bottom: -0.2em;
/*    line-height: 14px;  */
/*	line-height:1em;        */
}

.ui-tabs .ui-tabs-nav li a {
    border-bottom: 1px #e6e6e6 solid;
}

li.ui-tabs-selected {
    padding-bottom: 0;
}

.ui-tabs .ui-tabs-panel img {
    width: 18em;
}

.ui-widget-content {
    padding-left: .2em;
	 padding-right: .2em;
	padding-top:.2em;
	padding-bottom:.2em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; border-bottom-width: 0; }

/*----------------Fix for Jquery tab0 Product specification ends-----------------------*/

/* ----------  The class used by datepicker calendar. Make the cursor into pointer  ---*/
.ui-datepicker-trigger {
    cursor: pointer;
}

/*---------------------------------------------------------------------------------------
								jQuery adjustments End
---------------------------------------------------------------------------------------*/

.cs9MoreInfoLink {
   float: left;
/*
	width: auto;
*/
	margin-right: 5em;

}

.cs9MapLink {
    /*float: right; <-- This causes that the text override the .cs9ProductDescription */
/*
    width: auto;
*/
}

.cs9DestResort {
    font-weight: bold;

}

/*---------------------
	Selects styles
----------------------*/

#cs9PaxesUp, #cs9PaxesDown {
    float: left;
    width: auto;
}

#paxeschild, #paxesinfant, .cs9WeekPeriod, .cs9Property, #cs9SearchAlternatives {
    float: left;
    width: auto;
}

/*--------------End---------------*/


/*----------------Searchform style Starts-------------------------------*/
#cs9SearchForm {

}
/*--------------
	Divs containing the selects and select box on the cs9DepartureDestination div
----------------*/

#cs9Departure, #cs9Destination, #cs9SingelReturn, #cs9DepatureSelectDestination, #cs9ArrivalSelectResort,
    #cs9ArrivalSelectDestination {
    height: auto;
    float: left;
}

#cs9SingelReturn input {
    margin-top: 0;
    margin-bottom: 0;
}

#cs9SingelReturn {
    clear: left;
    margin: 4px 0 4px 0;
}

#cs9SelectReturn {
    float: left;
    margin-right: 10px;
}


/*----------------------------------
    Divs containing  Avreseland, Avreseort, Land, Resmål and extraInfo  divs
-----------------------------------*/
#cs9DepatureSelectCountry, #cs9ArrivalSelectCountry {
    float: left;
}

/*----------------------------------
	Calender's icons
-----------------------------------*/
#cs9DepartureCalendar img, #cs9ArrivalCalendar img {
    float: none;
    width: auto;
    margin-right: 5px;
    margin-top: 2px;
}

/*--------------
	Margin-top for each element
----------------*/
#cs9BigCalendar {
/*    margin-top: 5px;    Changed so bigcalendar could align with other objects in searchform */
    margin-right: 5px;
    margin-bottom: 5px;
}

/*----------------------------------
	Divs containing  the big calender
-----------------------------------*/
#cs9DepartureCalendar, #cs9ArrivalCalendar {
    width: auto;
    height: auto;
    float: left;
    margin-left: 0;
}

/*--------------
	"Vecka"-div container
----------------*/

.cs9Week {
    float: left;
    width: auto;
}

/*-----------------------------
	Container for top search fields, calender, extra properties and result list
------------------------------*/

#cs9DepartureDestination, #cs9SearchAlternatives, #cs9Calendar, .cs9ProductContainer, .cs9ProdListSearchField {
    padding: 0px 0px 0px 0px;
}

/*----------------------------
    Div for paxfields also Hidden div propertie search
------------------------------*/

#cs9ExtraInformation, #paxage {
    float: left;
    width: 100%;
}

#paxage div {
    margin-bottom: 4px;
}

.cs9RequestCapacity, .cs9Flexibility, .cs9Sorting, .cs9PackageCapacity {
    width: auto;
    height: auto;
    float: left;
    margin-right: 5px;
}

#paxage input {
    float: none;
    margin: 0 0 0 5px;
}

#cs9DivProperties input {
    margin: 5px 5px 0 5px;
}

/*----------------------------------
    Container div for properties
-----------------------------------*/

#cs9SearchAlternatives {
    width: 96%;
}

/*--------------End---------------*/

/*----------------------------------
    Hide div with properties icons
-----------------------------------*/

#cs9DivProperties {
    margin: 1em 0 1em 0;
    vertical-align: middle;
    display: none;
}

.cs9Property {
    width: 200px;
}

/*--------------Searchform style End---------------*/

/*--------------Searchresult style Starts-------------------------------*/
.cs9SearchResult {
	/* This margin bottom make that the select tags on the searchform2.jsp get margin-bottom 1em on IE when using calendarlist.jsp.
	Also .cs9SeachResult doesn't need margin-bottom at all*/
	 margin-bottom: 1em;
}

/*----------------------------------
	Search, Request and book buttonbuttons
-----------------------------------*/
.fg-button {
	padding:0.3em;
}

a.fg-button, .cs9Book a.fg-button, .cs9Choice a.fg-button, .cs9ScheduleBook a.fg-button {
	 border:1px solid #5CA52D;
	 padding: .1em .5em;
	 cursor: pointer;
    background: #66cc33 url( ../sysimgs/bookHover.png) 50% 50% repeat-x;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 color:#FFF;
	 font-weight:bold;
	 text-decoration:none;
/* fix for ie 6/7 */
	 position:relative;
/* fix for ie 6/7 */
}

a:hover.fg-button, a:hover.button.fg-button {
	background: #66cc33 url( ../sysimgs/book.png) 50% 50% repeat-x;
  	border:1px solid #5CA52D;
}

/*----------------Searchresult style End ---------------*/

/*--------------- Custsearchresult style begins ------------------------*/

.cs9ExtraInformation  {
    background: transparent no-repeat;
/*    border: 1px #ddd solid;   */
/* we take this border away to get a nice resultview */	
	 padding: 0.2em;
}

/*-----  Sorting tool not available at this moment.
.cs9SortingAlternativ {
margin-bottom: 10px;
}
.cs9SortingArea, .cs9SortingPrice {
width: 155px;
float: left;
margin-right: 5px;
}

.cs9SortingArea select, .cs9SortingPrice select {
width: 155px;
}
---*/

/* -- Donīt know what this class do
.cs9PagesNumber {
    float: left;
    width: 33%;
}
-- */

.cs9ProductContainer {
	width: auto;
   margin: 1em 0;
/*-- this border is a fix to make IE6 and IE7 not jump when hover buttons and tabs in custsearchresult --*/
	 border:1px solid #FFF;
/*-- End fix --*/
}

/*
.cs9AllOnMap {
    text-align: right;
    padding-right: 5px;
}
*/
	/*
	since we want a straight right column,
   we put the padding in here
   and then we give the cs9ImagePro a negative margin
   */
.cs9ProductInformationArea {
   /*margin-bottom: 5px; <----  Moved to .cs9MoreInformation */
	padding-left: 160px;
}

.cs9ImagePro {
   /*
    This is the magic one,
    the only one with a set width,
    which makes it possible to use the padding from .cs9ProductInformationArea,
    so we pull this one its whole width left of the .cs9ProductInformationArea,
    by using negative margin and position relative.
    */
	width: 150px;
	position: relative;
	float: left;
	margin-left: -160px;
}
/*** IE6 FIX ***/
	/*
	Since IE6 does not handle position relative very well,
   we have to make a special fix here,
   so it's a good thing that it's the one browser that understands
   the selector starting with a star.
   no other browser will interpret this code.
   */
* html .cs9ImagePro {
	left: 160px;
}

.cs9ImageContainer {
   margin-bottom: 0;
}

.cs9ImageContainer img {
   width: 150px;
	float:none;
}

.cs9ProductDescription {
	margin-bottom: 5px;
}

/**** What does this class???? ****/

.cs9Floatleft {
	float:left;
}

.cs9Header {
}

/**
.test {
    border: 1px red solid;
    float: left;

}
**/
/* Here we define the style of cs9Name and other cs9-classes */
.cs9Name, .cs9Name a, .cs9FlightPriceOverview, .cs9FlightPackageName {
	font-size:1.1em;
}

.cs9Supplier {
    text-align:right;
    float:right;
	 margin-right:10px;
}

.cs9Supplier img  {
    width: 80px;
    padding:0 0 2em 2em;
}

.cs9Rating {
	padding:0.1em 0;
}

.cs9Rating img {
    margin-right: 2px;
}

.cs9Descr {

}

.cs9ProductSpecification {
	border-bottom: 1px #ddd solid;
	margin-top: 0;
	margin-bottom: 0.2em;
	/*padding-top:5px;*/
}

.cs9MoreInformation {
	 margin-top: 0.5em;     
}


/*--- Specific for the bottom on the tabs view -----*/
.cs9MoreInformation .cs9ProductSpecification {
   border-bottom: 1px #ddd solid;
   /*padding-top: 5px; */
}
/*--- end ----*/

/*--  This is the table inside the tab "Boka", doesn't need margin-top  --*/
.cs9MoreInformation  .cs9ProductSpecification {
	margin-top: 0;
}

.cs9ProductContainer .cs9ProductSpecification, table.cs9ProductSpecification {
    border: none;
}

.cs9ProductSpecification th, .cs9ProductSpecification td {
    text-align: left;

}

.cs9ProductSpecification th, .cs9BookTable th {
    line-height: 1em;
    padding: .3em 0 .3em .5em;
/*
	 background: url(../sysimgs/headerBg2.png) repeat-x;
*/
	 background-color: #F5F5F5;
	 border-top: 1px solid #DDDDDD;
	 border-bottom: 1px solid #DDDDDD;
}

.cs9MoreInfoLinks {
   margin-top: 5px;
	float: left;
	width: 100%;
}

.cs9ProductSpecification table {
   width: 100%;
   border-collapse: collapse;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin:0.1em 0 0 0;
}

#custAdditions table {
	border: none;
}

.cs9SearchParameters {
    margin-top: 0;
    margin-bottom: .5em;
	 padding:0.3em;
	 border:1px solid #DDDDDD;
}


/*------ Style for the elements inside the .cs9SearchParameters. Used on inccustbookingschedule.jsp ----*/

.cs9SearchText{
	padding-top: 0.4em;
	float: left;
}

.cs9Legend {
	float: left;
	margin-left: 10px;
}




.oddRow td.cs9Right, .oddRow td.cs9Left,
.evenRow td.cs9Right, .evenRow td.cs9Left,
.cs9SpecificationHeader th.cs9Left, .cs9SpecificationHeader th.cs9Right{
	width:1px;
	padding:0px;
	margin:0px;
}

th.cs9Right {
	 border-right: 1px solid #DDDDDD;
}

th.cs9Left {
	border-left: 1px solid #DDDDDD;
}

td.cs9Right {
    border-right: 1px solid #DDDDDD;
}

td.cs9Left {
    border-left: 1px solid #DDDDDD;
}

.oddRow td {
	border-bottom: 1px solid #DDDDDD;
  /*border:none;      */
}

/* cs9booktable was used for googlemaps. Not used anymore */
.oddRow td, .evenRow td{
   padding-left: .4em;
   background: #F5F5F5;
	height:2.4em;
}

/*-- Next month link ---*/
.oddRow td.cs9NextMonth  {
	padding-right: .4em;
}

.evenRow td {
   background: #EBEBEB;
   border-bottom:1px #ddd solid;
}

.evenRow td.cs9Left {
    border-left: 1px solid #DDDDDD;
}

.evenRow td.cs9Right  {
   border-right: 1px solid #DDDDDD;
}

.cs9ProductSeparator, .cs9PackageSeparator {
	margin: .9em 0;
  /* margin-top: 1em; */
	margin-bottom: 0;
/*-- new color from bookcartconf --*/
	 border-bottom: 1px dashed #DDDDDD;
}

.cs9PackageSeparator {
	margin:0.9em 0;
}

/*-----------------Table's Information Alignment Starts------------------------*/

/*---- Left aligned----*/

th.cs9FromDate, th.cs9ProductType, th.cs9Description, td.cs9FromDate, td.cs9ProductType, td.cs9Description, td.cs9TotalPrice,
    td.cs9DescriptionCongress, th.cs9DescriptionCongress, td.cs9FromDateCongress, th.cs9FromDateCongress, th.cs9DescriptionFlightPackage, td.cs9DescriptionFlightPackage,
	 td.cs9PrevMonth {
    text-align: left;
}

th.cs9FromDate, td.cs9FromDate {
/*--    width: 70px;  --*/
}

th.cs9Description, td.cs9Description {
/*--    width: 360px;  --*/
}

/*---- Right aligned----*/
th.cs9Available, th.cs9Price, th.cs9ExtraNight, th.cs9ExtraBedDiscount, th.cs9ExtraBedAdd, th.cs9VacantBed, th.cs9TotalPrice, th.cs9CartPrice,
    td.cs9Available, td.cs9Price, td.cs9ExtraNight, td.cs9ExtraBedDiscount, td.cs9ExtraBedAdd, td.cs9VacantBed, td.cs9TotalPrice, td.cs9CartPrice,
	 td.cs9NextMonth
    {
    text-align: right;
}


/*-----Center aligned ---------*/
th.cs9Size, td.cs9Size {
    text-align: center;
}


td.cs9Book, th.cs9Book, div.cs9ScheduleBook, td.cs9Choice, th.cs9Choice {
   margin-right: 5px;
   text-align: center;
	width: 100px;
}

td.cs9Book {
	/* center horizontally the book button  */
	line-height: 0;
}

td.cs9Choice, th.cs9Choice {
	width:25px;
}

/*-----------------Table's Information Alignment Ends------------------------*/

/*td.cs9TotalPrice, span.cs9TotalPrice {
    color: red;
}                                              */


/*------ Book Tab Style begin ---*/

.tabBook {
    background:#7cb1ff url(../sysimgs/ui-bg_glass_50_99c2ff_1x4002.png) 50% 50% repeat-x;
    /*background:url(../sysimgs/ui-bg_glass_80_7ebeed_1x400.png) 50% 50% repeat-x;*/
    border: 1px solid #2694E8;
}

/*------ Book Tab Style end -----*/

/*--------------- Custsearchresult style ends ------------------------*/

/* This class is only used in inccongressresult.jsp */

.cs9FlightPackageName {
    font-size: 1.1em;
}

/*-- class to declare style for inccongressresult package price --*/
.cs9PriceOverview {
	 font-size: 1.1em;
	 text-align:right;
	 color:red;
	 padding:.3em 0 0.5em 0.5em;
}

div.cs9Choice {
	 	 text-align:right;
}

/*-----------End------------*/
/*--------------------prodlist style begins ----------------------*/
/*-------------- Prodlist2 Paging begin-----------------*/

.cs9ProdListSearchField {
    float: left;
    width: auto;
}

.cs9Paging {

}

table.paging {
    margin: 0 auto;
}

.current {
    color: red;
    font-weight: bold;
}

/*--------------Paging end-----------------*/

div.back {
    float: left;
    width: 100%;
    clear: both;
}

.cs9PropertyContainer {
   margin-top: 3px;
   line-height: 1em;
}


/*---
	This are the properties icons and text beneath the product image.

---*/

.cs9PropertyContainer li {
  	float: left;
	margin: 2px;
	line-height: 1em;
	white-space: nowrap;
}

.cs9PropertyContainer li img {
	display: block;  
}



/*----------------------------------
	div containing the selects for area, beds, freetext and price level/week
-----------------------------------*/
/*

*/
/*--------------------prodlist2 style ends-------------------------*/


/*---------------------------------------
    StandardProductInfo style start.

    all we do here is to first layout the header image
    the header image should float to the right and have a maxwidth of 50%
    which we set on the image container div
    then we specify that the image should be contained in that div
    since IE6 does not support max-width we use expressions for that.
    expressions are not evaluated by any other browser
------------------------------------------- */
.cs9StandardProductDescription{

}

.cs9StandardHeaderImage {
	float: right;
	margin-left: 10px;
}

.cs9StandardHeaderImage img {

}

/*-------------------- StandardProductInfo style end ------------------*/


/*-------------------Search animation begins-------------------*/
.cs9SearchProgress {
	text-align: center;
}
.cs9SearchProgressImage {
	margin-top: 30px;
	margin-bottom: 25px;
}
.cs9SearchProgressMessage {
	font-weight: bold;
}
#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;
    padding: 10px;
}
/*----------------Search animation ends-----------------------*/

/*---------------Google maps starts ----------------------------------------------- */

body#cs9MultiMap {
    background: #fff;
    padding: 2px;
}

.cs9MultiMapImage {
    width: 20em;
}

div.googleMaps, div.googleMaps .cs9ProductContainer {
    /*width: 280px;*/
    text-align: left;
    padding:0;
	 margin:0;

}

div.gmapSize {
   /* width: 690px;*/
    height: 450px;
    overflow: hidden;

}

div#map {
   /* width: 600px;*/
    height: 300px;
    overflow: hidden;

}
/*
.gmapLegend {
    margin-top: 10px;
    text-align: left;
}

.cs9BookTable {
    margin: 2px 0;
}

.cs9BookTable table {
/*    border: 0px #D9D9D9 solid;     
    border-collapse: collapse;
    width: 100%;   */
}

/*---------------Google maps ends -----------------------------------------------*/

/*-- Overlib standard start --*/

div.overDiv {
}

.overlibBgClass {
    background-color: #FFFFFF;
    border: 3px solid #dddddd;
}

.overlibFgClass {
	/* border: 3px red solid;*/

}

.overlibFontClass {
	padding: 5px;
}

/*-- Overlib standard end --*/

/*------------ CALENDARS START -------------*/

/*--------------			New classes for inccustbookingschedule 	--------------*/
/*	still to be reviewed and finalized*/

.cs9SpecificationTitle .cs9WeekDayHeader {
    text-align: center;
}

/* classes used in incbookingschedule */
.cs9PriceRow, .cs9ScheduleBook {
	float:left;
	padding: 3px 0 0 0;
}

.cs9PriceRow {
	line-height: 2em; /* center horizontally the price row on the inccustbookingschedule*/
	padding-left: 25px; /* Padding from the left on the grey row */
}
/* end */

.cs9Price {
   color: #ff0000;
   font-size: 1.4em;
   padding-right: 1em;
	font-weight: bold;
}

.cs9AjaxBookRow td {
    text-align: center;
    padding: 1px;
}

.cs9Available, .cs9MySelection, .cs9CheckinNotAvailable, .cs9NotAvailable, .cs9Reserved,
.cs9AvailableLegend, .cs9MySelectionLegend, .cs9ReservedLegend {
    border: 1px #999 solid;
    width: 25px;
}

.cs9Available, .cs9AvailableLegend {
/*-- Green bg --*/
    background: #4eb305 url( ../sysimgs/ui-bg_highlight-soft_50_4eb305_1x100.png ) 50% 50% repeat-x;
    cursor: pointer;
}

.cs9AvailableHover {
    background: #4eb305 url( ../sysimgs/ui-bg_highlight-soft_50_4eb305_1x100Hover.png ) 50% 50% repeat-x;
    cursor: pointer;
}

.cs9MySelection, .cs9MySelectionLegend {
/*-- Blue bg --*/
    background: #99c2ff url( ../sysimgs/ui-bg_glass_50_99c2ff_1x400.png ) 50% 50% repeat-x;
    cursor: pointer;
/* - changed here because pointer didnīt show that is possible to book when selected.
	  problem if it is to near booked period, has to be fixed. - */
}

.cs9CheckinNotAvailable {
/*-- Light green bg --*/
   background: #ced6c8 url( ../sysimgs/ui-bg_highlight-soft_50_4eb305_1x100NotAvailable.png) 50% 50% repeat-x;
	cursor: default;
}

.cs9NotAvailable {
/*-- Red bg --*/
    background: #e6e6e6 url( ../sysimgs/fullBooked.png ) 50% 50% repeat-x;
    cursor: default;
}

.cs9Reserved, .cs9ReservedLegend {
/*-- Light red bg --*/
    background: #e7eef3 url( ../sysimgs/fullBooked.png ) 50% 50% repeat-x;
    /*background: #e7eef3 url( ../sysimgs/ui-bg_highlight-hard_65_fee4bd_1x100.png ) 50% 50% repeat-x; */
    cursor: default;
}

.sunday {
/* sunday specific style go here. */
    color: red;
}

.today {
/* today specific style go here */
    color: gray;
}

.last {
/* special style for last td */
}

.s0 {

}

.s16 {

}

.s10 {
}

/*--------------			End of new classes for inccustbookingschedule	----------*/

/*------------- BookedCalendarlist.jsp style (Based on jQuery calendar) Begin ----------------

-------------------------------------------------------------------------------------------*/

#ui-datepicker-div {
    z-index: 100;
}

div.bccalendercontainer .ui-datepicker td {
	text-align: right;
    padding: 0.2em 0.4em 0 0.2em;
    /*padding:0.3em 0.5em 0.3em 0.2em;*/
	color:#000;
}

div.bccalendercontainer .ui-datepicker td span {
	padding: .1em 0 .1em 0;
	text-align:center;
}
/*
div.bccalendercontainer .ui-datepicker th {
	font-weight:normal;
}
*/

.ui-widget-content .Available {
   background: url( ../sysimgs/ui-bg_highlight-soft_50_4eb305_1x100.png ) 50% 50% repeat-x;  /*-- Green bg --*/
}

.ui-widget-content .NotCapacity {
/*-- Gray bg  default jquery style --*/
/*   background: url( ../sysimgs/ui-bg_highlight-soft_86c757_1x100.png) 50% 50% repeat-x;      */
}

.ui-widget-content .NotAvailable {
/*-- Red bg --*/
   background: url( ../sysimgs/fullBooked.png ) 50% 50% repeat-x;
}

div.bccalendercontainer .ui-widget-content .bcgrey {
/*-- Red bg --*/
  color:#999;
}

/*----------------------------------------------------------------------------------------

------------- BookedCalendarlist.jsp style (Based on jQuery calendar) End ----------------*/

/*--------- Calendar Legend begin---------*/

.cs9AvailableLegend, .cs9ReservedLegend, .cs9MySelectionLegend {
    width: auto;
    float: left;
    padding: 0 2px;
    margin: 3px 3px 3px 0;
    cursor: default;
}

/*-------  Calendar LEgend end----*/

/*------------ CALENDARS END -------------*/

/*-------- Minicart Begin -------------  */

.minicart button.fg-button {
    padding: 0;
    margin: 0px;
    margin-left: 40px;
}

.cs9Cartlink {
    padding: 5px 0;
}

.cs9BookRow td.cs9Price {
      font-size: 0.8em;
}

.cs9searchFormSearchButton {
    margin-bottom: 5px;
}

/*-------- minicart in header ----*/
/* -- position the minicart with this div */

.minicart {
    background: #FFFFFF;
    border: 1px solid #dddddd;
	 padding:0em .3em;
	 position:relative;
}

.minicart a, .amount, .minicart span {
	font-size:1em;
	line-height:1.1em;
}

span.cartlink, span.amount, span.delete {
   margin-bottom: 3px;
}

span.delete {
	color: red;
}

/*-------- Minicart End-------------*/

/*-------- Sidecart Start ---------*/
/* PH Changed side cart because it better to use margin in menu in main_all.css */
/*        Not used
.cs9SideCart {
}
	 margin: 0px;
*/

.cs9SideCart h2 {
	font-size:1.1em;
}


.cs9DescriptionSideCart{
	float:left;
    /*width:60%;*/
}

.cs9SideCart .cs9SidecartPrice {
    text-align:right;
	/*float:right;     */
	margin-right:1em;
}

/*------- Sidecart End -----------*/

/*-------- Mailform begin ---------*/

#mailform label, #mailform input, #mailform select, #mailform textarea {
	float: left;
	margin:0px 0px 10px 0px;
	display:block;
}

#mailform label {
	width:100px;
	text-align:left;
	padding:0px 5px 0px 5px;
}

#mailform br {
	clear:left;
}

#mailform #meddelande {
	width:300px;
}

#mailform input.submit {
	margin-right:20px;
}

/*-------- Mailform end --------*/
/*----POUP  BEGIN ---------*/

body#popup #container {
    width: auto;
    padding: 0 10px;
    border: none;
}

body#popup #wrapper {
    width: auto;
}

body#popup #area1 {
	padding: 10px;
    padding-top: 0;
}

body#popup #area2, body#popup #area3 {
	width:auto;
	padding: 0;
    margin-top: 20px;
}

body#popup #area2 img {
    width:20em;
}

body#popup #area3 {
	width:250px;
    float:left;
}

body#popup #area4 {
	width:225px;
	float:left;
    padding: 0;
    margin-top: 10px;
    margin-left: 25px;
}

#cs9PopupProductInfo {

}


/*----POUP  END ---------*/

.cs9ProductTop , .cs9ProductBottom {
	border:none;
}

.cs9ProductContainerPackage{
	border:1px solid #DDDDDD;
	padding:0.3em 0.3em 0.1em 0.3em;
	margin-top:0.3em; /*-- Distance between products--*/
}

.cs9PackageContainer {
  	border:1px solid #DDDDDD;
	padding:0.3em;
	margin:0px;
}


.cs9specificationPackageTitle, .cs9ProductSpecificationHeader {
	padding:0.1em 0.3em;
	font-weight:normal;
	color:#FFF;
	background-color:#909185;
	border:1px solid #909185;
/*	border:1px solid #999999; */
}

.cs9PackageHeader {
   margin:0.4em 0 0.1em 0;
	font-size:1.2em;
	padding:0 0 0 0.4em;
}

.cs9PackagePriceHeader {
	font-size:1.2em;
}

/*-------- searchFilterForm begin ---------*/

.cs9searchFilterFormOptions {
	margin-bottom: 10px;
}

.cs9searchFilterFormOptions ul li ul {
	text-indent: 15px;
}

/*-------- searchFilterForm end ---------*/


/*-------- CHARTER SEARCHFLOW BEGIN ---------*/

/* --- departuretab.jsp  start ----- */
/*-----
	Div containing the departuretab.jsp.  -----*/
.departureTabStart {
	float: left;
	margin: 0 0 10px 0;
}
/*---- Div container end ----*/

.departureTabStart li {
	float: left;
}

/*----- Before and next tabs ----*/

.departureTabBefore, .departureTabNext {
	/*background: url(../images/beforenext.png) no-repeat;*/
	margin-top: 29px;
	padding: 10px 0 0 0;
}

.departureTabBefore {
	margin-right: 5px;
}

.departureTabNext {
	margin-left: 5px;
}

/*---- Before and next tags end ------*/

/*----- Big gray tab ----*/
.departureTab, .selectedDepartureTab {
	/*background: url(../images/departuretabwhiteleft.png) no-repeat;*/
	height: 72px;
	width: 145px;
	text-align: center;
	padding:15px 0 0 0;
}


/*----- Big green tab -----*/
.selectedDepartureTab {
	/*background: url(../images/departuretableft.png) no-repeat;*/
	z-index: 100;  /*---- z-index in order to put the green tab over the bottom backgound   -----*/
}

/*---- Font style for the two big tabs  -----*/

.selectedDepartureTab a, .departureTab a {
	line-height: 1.2em;
	display: block;
}


.selectedDepartureTab a span, .departureTab a span {
	font-size: 0.9em;
	line-height: 1.8em;
}
/*------ Font style end -----*/

/* --- departuretab.jsp  end ----- */

/* ----- Product's properties start ----- */

.transparentBoxLeft, .transparentBoxRight {
	float: left;
	width: 200px;
	margin: 10px 0;
}

.transparentBoxRight {
	margin-left: 10px;
}

.cs9PropertiesTable {
	width: 99%;
}

/*------ Product's properties end ----*/

.cs9LowPrice {
	float: right;
	text-align: right;
	margin-top: 5px;
}

/*------ matrix start ------*/

#matrixResultResults table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0.2em;
}

/*-- This is specific for the inputs on the matrix middle div ".matrixResultResults" ---*/

#matrixResultResults input {
   margin: 0 0.4em 0.3em 0;
   padding: 0.1em;
   width: auto;
	vertical-align:middle;
}


/*------ matrix end --------*/


/* --- customerdetailform  begin --- */

.customerDetail th{
	text-align:left;
}

.customerDetail td input {
	width: 200px;
}

.specialProductOptions select {
	 width: 210px;
 }

td.gender input{
	width: 25px;
}

td.birth input {
	width: 30px;
}

td.address input {
	width: 70px;
}

td.newsletters input {
	width: 13px;
}

/* --- customerdetailform  end --- */

/*---- right column start ----*/

.youSearchedParams table, .productPartResultParams table {
	text-align: left;
	width: 100%;
}

.youSearchedParams table.cs9Passengers, .productPartResultParams table.cs9Passengers{
	text-align: center;
	border-top: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	margin-bottom: 10px;
}

.productPartResultResults table {
	width: 100%;
}

.detailedSideCartFlightInfo {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px 0;
	margin:5px 0;
}

/*------  Popup price specification begin ------*/

.custPriceTable {
	width: 100%;
	border-collapse: collapse;
}

/* Popup dialogs have #DDDDDD as default but we want slightly darker to be clearly visible on white */
.ui-dialog {
		border: 1px solid #BBBBBB;
}

.custPriceTable td {
	border-top: 1px solid #00A4C2;
}

.custPriceTable td {
	padding: .2em;
}

.packageHeader td {
	font-weight: bold;
}

.totalRow {
	background-color: #DBF0F3;

}

.totalRow td {
	border-top: 1px solid #00A4C2;
	border-bottom: 1px solid #00A4C2;
	font-size: 1.1em;
	font-weight: bold;
}

/*------  Popup price specification End ------*/

/*---- right column end ----*/


.buttonBoxStandard, .buttonBack, .buttonSpace {
	float: left;
	margin-right: 10px;
}


/*-------- CHARTER SEARCHFLOW END ----------*/

/*--- Calender Package ----   */

.cs9DateHeader {
	margin-top: 0.5em;
}


.cs9toggleLink {
	margin-top: 5px;
}

/* this section is moved here from bookcartconf css */
.cs9ProductSpecification th {
	background:url("../sysimgs/headerBg2.png") repeat-x scroll 0 0 transparent;
	line-height:1em;
	padding:3px 0 3px 5px;
}