/*Defaults*/
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; font-family: Arial, Verdana;}
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.8em; margin: .75em 0 }
h3              { font-size: 1.8em; margin: .2em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
p				{ text-indent: 0}
h5              { font-size: 1em; margin: .5em 0; }
h6              { font-size: .9em; margin: .5em 0; }
h1, h2, h3,
h4, h5, h6		{ }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bold; }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block}
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 0px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px solid #666666; height: 1px; width: 100%;} 
ol, ul, dir,
menu, dd        { margin-left: 20px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
/*center        { text-align: center }*/
a, :link, :visited { text-decoration: underline; outline: none;}
:hover ,:active	{ text-decoration : none;}
img				{ border: none;}
a:focus			{outline:none;}
form		{margin: 0; padding: 0px; height: 100%;}
html { min-height: 100%; padding: 0px; overflow: scroll;}


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}


html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern 
                   browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }

img
{
    border: none;
    margin: 0px;
	padding: 0px;
}

a img 
{
	text-decoration: none;
	outline: none;
}

h1
{
	font-size: 1.8em;
	margin: 0 0 10px 0;
}


h2
{
	font-size: 1.4em;
}

h3
{
 	
 	font-size: 1.2em;
}

h4
{
 	font-size: 1.2em;
 	font-weight: normal;
}


h5
{
	font-weight: bold;
}

#pageTitle
{
	position: relative;
	overflow: hidden;
}

#pageTitle h1
{
	float: left;
}

#supplier
{
	font-weight: bold;
	font-size: 14px;
	float: right;
	position: relative; top: 5px;
}



input[type="text"], input[type="password"], select
{
	text-align: left;
	BORDER: #333 1px solid;
	margin: 0px 2px;
	background: #fff;
}

input[disabled]
{
	text-align: left;
	background: #cccccc;
	margin: 0px 2px;
}

td
{
	padding: 2px 5px;
}



/*layout */
body
{
	font-size: 12px;
	color: #333;
	background-color: #eee;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}


div#wrapper
{
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color: #fff;
}

div#header
{
	background-color: #333;
	color: #FFF;
	width: 960px;
}

div#logo {
	padding: 10px 0 0 30px;
}

div#title
{
	color: #FFF;
	text-align: center;
	font-size: 20px;
	padding: 10px 0px 5px;
}


div#main
{
	width: 960px;
	text-align: left;
}

div#menu
{
	width: 900px;
	padding: 5px 30px;
	height: 20px;
	background-color: #333;
	color: #FFF;
}

.menuitem
{
	margin: 0px 30px 0px  0px;
	font-size: 13px;
}

.menuitem a
{
	text-decoration: none;
	color: #FFF;
}

.currentSupplier
{
	float:  right;
}


div#content
{
	position: relative;
	width: 900px;
	min-height:400px;	
	margin: 10px 30px;
}



div#footer
{
	background-color: #333;
	color: #FFF;
	width: 900px;
	padding: 10px 30px;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}


#copyright
{
	text-align: center;
}

#copyright a
{
	color: #cf1141;
	text-decoration: underline;
}


.iButton
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background-color: #cccccc;
	border: none;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 20px;
	margin: 3px 0;
}

input.iButton[disabled]
{
	color: #777777;
	font-size: 12px;
	font-weight: bold;
	background-color: #eeeeee;
	border: none;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 20px;
	margin: 3px 0;
}

.linkButton
{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	background-color: #cccccc;
	border: none;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 7px;
	margin: 2px;
}

.errormessage
{
	color: red;
	font-style: italic;
	font-size: 13px;
}

.errorField
{
	color: red;
	border-color:red;
}

/* Controls */

#Date #Date_calendar, #StartDate #StartDate_calendar, #EndDate #EndDate_calendar, #ValidForSaleFrom #ValidForSaleFrom_calendar, #ddValidForSaleTo #ddValidForSaleTo_calendar{
    display: inline;
    margin-left: 7px;
    margin-top: 2px;
    position: absolute;
    z-index: 1;
}

#Date img , #StartDate img , #EndDate img, #ValidForSaleFrom img , #ddValidForSaleTo img 
{
	position: relative ; top: 5px;
}

/*General*/

#searchPanel
{
	margin-bottom: 20px;
}

.resultsList td
{
	vertical-align: middle;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin: 0px;
	padding: 2px;
}

.resultsList th
{
	background-color: #ccc;
	text-align: center;
	margin: 0px;
	padding: 3px 5px;
	border: none;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}


.resultsList td.multiRowCol, .resultsList th.multiRowCol
{
	border-bottom: none;
}

.resultsList tr
{
	margin: 0px;
	padding: 0px;
} 
.resultsList
{
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 98%;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}



.header
{
	font-size: 14px;
}



/*Inventory*/
/*#content #pagecontent .specialConditions {
    visibility: hidden;
}*/

#rateSetHeader
{
	width: 900px;
	padding: 5px 0px 5px;
	height: 20px;
	background-color: #eeeeee;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#inventorySearch td
{
	vertical-align: baseline;
}

#navigationButtons
{
	text-align: right;
}

#navigationButtonsHeader, #navigationButtonsFooter
{
	text-align: right;
}

#inventoryResults, #inventoryEditResults
{
	text-align: center;
	width: 100%;
}

#inventoryResults td.full
{
	background-color: #fb878b;
}

#inventoryResults td.available
{
	background-color: #96d890;
}

#inventoryResults td.request
{
	background-color: #f9f69b;
}

#inventoryResults td.inventoryDisplayOnly, .inventoryDisplayOnly
{
	color: #888;
}

#inventoryResults td .header
{
	font-size: 13px;
}

#inventoryResults td .subHeader
{
	text-align:left;
}

#inventoryResults td .allocationName
{
	text-transform: uppercase;
}

#inventoryResults td a
{
	color: #000;
}

#inventoryEditResults input[type="text"]
{
	width: 40px;
	text-align: right;
	border-color: #fff;
}

#inventoryResults td.sectionHeader
{
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

#inventoryResults tr.trRates td, #inventoryEditResults tr.trRates td
{
	background-color: #DCF1F7;
}

#inventoryEditResults tr.trRates input[type="text"]
{
	background-color: #DCF1F7;
	border-color: #DCF1F7;
}


/* Edit Rates and Inventory*/
#inventoryEditResults tr.trInventory td
{
		background-color: #edf7dc;
}


#inventoryEditResults tr.trInventory input[type="text"]
{
		text-align: center;
		background-color: #edf7dc;
		border-color: #edf7dc;
}

#inventoryEditResults td.sectionHeader
{
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}


/* Edit Inventory*/

#Inventory
{
	width:100%;
}

.actionButtons
{
	text-align: right;
}

.columnRequest
{
	text-align: center;
}


/* Bulk inventory*/

#bulkInventory
{
	width: 100%;
}

#bulkInventory td
{
	line-height: 22px;
	vertical-align: top;
}

.bulkInventoryTitle
{
	font-weight: bold;
}

.bulkInventorySubTitle
{
	text-align: right;
}

.tblSpecialConditions
{
	width: 100%;
	background-color: #DCF1F7;
	margin-bottom : 10px;
}

.tblSpecialConditions td
{
	line-height: 22px;
	vertical-align: top;
}

#productNoteBox 
{
    font-weight: bold;
}

#tblInventory {
    width: 100%;
    background-color: #edf7dc;
    margin-bottom: 10px;
}

#tblInventory td
{
	line-height: 22px;
	vertical-align: top;
}


/*Tourplan Bookings */

#button
{
	text-align: right;
}

#bookingResults
{
	width: 100%;
}


/*edit booking*/

#editBooking td
{
	line-height: 22px;
}


input[type="text"].numberNotInGrid
{
	width: 5em;
	text-align: right;
}

.bookingReverted
{
	color: red;
}

.inventoryAppliesTo
{
	color: Red;
	font-style: italic;
	font-weight: bold;
}

.inventoryAppliesToList
{
	color: Red;
	font-style: italic;
}

#main #logo img {
	width: 300px;
}