/*
======================================================================================================
======================================================================================================
GENERAL
======================================================================================================
======================================================================================================
*/
.IE8Fix
{
   z-index: 100;
}


body
{
	color:#333333;
	background-color:white;
	margin:0px;
	padding:0px;
	font:11px verdana;
}
.textbold
{
	font:11px verdana;
	color:#333333;
	font-weight: bold;
}	
.textwhite
{
	font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
}
.subheading
{
	font-family: Verdana;
	font-size: 14px;
	color: #333333;
}
.title1
{
	font-family: Verdana;
	font-size: 19px;
	color: #000000;
}



.warning
{
	min-width: 400px;
	border: solid 1px red;
	background-color: #ffcccc;
	padding: 5px 5px 5px 5px;
}


.notice
{
	min-width: 400px;
	border: solid 1px blue;
	background-color: #ffcccc;
	padding: 5px 5px 5px 5px;
}

.whiterow
{
	background-color: #FFFFFF;
}
.alternaterow
{
	background-color: #FFFF80; 
}


/*
======================================================================================================
======================================================================================================
NAVIGATION AND LINKS 
======================================================================================================
======================================================================================================
*/
.link:link
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.link:visited
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.link:hover
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;    
}
.link:active
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.whitelink:link
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
.whitelink:visited
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
.whitelink:hover
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: underline;    
}
.whitelink:active
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
a.location
{
    font: verdana;
    font-size: 11px;
    color: black;
}
a.location:link
{
}
a.location:visited
{
}
a.location:hover
{
    text-decoration: underline;
}


a.footerlink
{
    font: verdana;
    font-size: 11px;
    color: black;
    text-decoration: none;
}
a.footerlink:link
{
}
a.footerlink:visited
{
}
a.footerlink:hover
{
    text-decoration: underline;
}



/*
======================================================================================================
======================================================================================================
FORM COMPONENTS
======================================================================================================
======================================================================================================
*/
.dropdown
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}
.dropdown-disabled
{
	border: solid 1px #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	background-color: #CCCCCC;
	color: #666666;
	
}
.dropdown-noedit
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #FFFF99;
	color: #FFCC33;
}
.button
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.buttonrollover
{
    cursor: pointer; 
	border: solid 1px #ff9900;
	background-color: #FFCC66;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.button-disabled
{
	border: solid 1px #CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textbox
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.textbox-disabled
{
	border: solid 1px #CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	height: 15px;
}
.textbox-noedit
{
	border: solid 1px #FFCC33;
	background-color: #FFFF99;
	font-family: Verdana;
	font-size: 11px;
	color: #FFCC33;
	height: 15px;
}
.Calendarstyle .ajax__calendar_container
{
	border:1px solid black;
	background-color: #ffff99;
}
.Calendarstyle .ajax__calendar_hover
{
	background-color: #FFCC33;
}
.Calendarstyle .ajax__calendar_today
{
	border:1px solid black;
}
.Calendarstyle .ajax__calendar_active
{
	font-weight:bold;
	border: solid 1px black;
}
.ajax__calendar_other
{
	color:#FFCC33;
}

.error
{
	font-family: Verdana;
	font-size: 11px;
	color: #ff0000;
}
.formerror
{
	width: 15px;
	height: 15PX;
	text-align: center;
	border: solid 0px red;
	
	display: block;
	
}

.formerrordouble
{
	width: 20px;
	height: 20PX;
	text-align: center;
	border: solid 0px red;
	
	display: block;
	
}



/*
======================================================================================================
======================================================================================================
LAYOUT AND CONTENT DIVS
======================================================================================================
======================================================================================================
*/
.header
{
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	height: 75px;
	min-width:120px;
	margin:0px 0px 0px 0px;
	background-color:black;
	padding:5px;
	border: solid 0px red;
}

.contact
{
	position:absolute; 
	width:auto;
	min-width:100px;
	right: 40px;
	top: 10px;
	margin:0px 0px 0px 0px;
	background-color: #000000;
	padding:3px;
	font-size: 11px;
	font-weight: bold;
	color: #ffcc33;
}
.logout
{
	position:absolute; 
	width:auto;
	right: 0px;
	bottom: 0px;
	margin:0px 10px 0px 0px;
	padding:5px;
	float: right;
	
}
.navigation
{
	/* position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 0px 0px 0px;
	background-color:black;
	padding:0px;
}
.location
{
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:700px;
	margin:0px 0px 0px 0px;
	background-color: #333333;
	padding:5px;
	border-top: solid 1px #FFCC33;
	border-bottom: solid 1px #FFCC33;
}
.footer
{
	/* position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:800px;
	margin:0px 0px 0px 0px;
	background-color: #FFFFFF;
	padding:5px;
	border: solid 0px red;
}
.subheader
{
	width: auto;
	min-width:700px;
	border-top: solid 1px #333333;
	
	background-color: #FFCC66;
	/*background-image: url(../images/curvedcorners/center-fade.gif);*/
	text-align: left;
	vertical-align: middle;
	padding: 5px 0px 0px 10px;
	height: 30px;
	/* border: solid 1px red; */
}

.presetreportcontainer
{	
	min-width: 800px;
	text-align: center;
	background-color: #FFCC66;
	border: solid 0px green;
	height: 31px;
}
.underline
{
	width: 550px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: center;
	background-color: #FFCC66;
	padding-right: auto;
	padding-left: auto;
	
}

.searchcontainer
{
	width: auto;
	min-width: 900px;
	border-top: solid 0px #333333;
	
	background-color: #FFCC66;
	
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 0px 10px;
	border: solid 0px green; 
}



.keycontainer
{
	width: auto;
	height: auto;
	min-width: 800px;
	padding: 3px 0px 0px 10px;
	border: solid 0px red;
}

.generalcontent
{
	width: auto;
	height: auto;
	min-width:900px;
	background-color: #FFFFFF;
	/*background-image: url(../images/curvedcorners/center-fade.gif);*/
	text-align: center;
	vertical-align: middle;
	padding: 20px 20px 20px 20px;
	
	border: solid 0px red;
}

.errorsummary
{
	width: auto;
	padding:5px 5px;
	text-align: center;
	border: solid 0px red;
	min-height: 20px;
	
}

.reportsearcherror
{
	text-align: left;
	float: right;
	width: 600px;
	border: solid 0px green;
}



.alternaterows
{
	width: auto;
	border-top: solid 0px #333333;
	
	background-color: #cccccc;
	
	vertical-align: middle;
	border: solid 0px green; 
}

.alternaterow
{
	background-color: #FFFF80; 
}



/*
======================================================================================================
======================================================================================================
Booking gridview row colours
======================================================================================================
======================================================================================================
*/
.bookingsgridviewheader
{
	border: solid 1px #333333; 
	background-color:#FFCC66; 
}

.clientdeparturebooking
{
	background-color: #ff9999;
}

.clientarrivalbooking
{
	background-color: #99ff99;
}

.clientcompletedbooking
{
	background-color: #cccccc;
}
.clientcancelledbooking
{
	background-color: #993333;
}


/*
======================================================================================================
======================================================================================================
Live Daily Schedule styles
======================================================================================================
======================================================================================================
*/

/*Styles for each scheduled type*/

.unscheduled
{
  background-color: #ffff33;
  /*border-style: solid;
  border-width: 2px;
  border-color: Yellow;*/
}

.scheduled
{
  background-color: #ff9933;
  /*border-style: solid;
  border-width: 2px;
  border-color: Yellow;*/
}

.intransit
{
  background-color: #ff9933;
  /*border-style: solid;
  border-width: 2px;
  border-color: Orange;*/
}

.delayed
{
  background-color: #ff3333;
  /*border-style: solid;
  border-width: 2px;
  border-color: Maroon;*/
}

.completed
{
  background-color: #cccccc;
  /*border-style: solid;
  border-width: 2px;
  border-color: Green;*/
}

.cancelled
{
  background-color: #cccccc;
  /*border-style: solid;
  border-width: 2px;
  border-color: Gray;*/
}	
	
.noShow
{
  background-color: #ff3333;
  /*border-style: solid;
  border-width: 2px;
  border-color: Red;*/
}