﻿.FormText
{
	font-size:8pt
}

.Heading
{
	text-align:right;
	font-size:8pt;
	font-weight:bold
}
.TableCenter
{
	text-align:center;
	font-weight:bold;
	font-size:8pt;
	text-decoration: underline	
}
.TableCenterItem
{
	text-align:center;
	font-size:8pt
}
.TablePlain
{
	font-weight:bold;
	font-size:8pt;
	text-decoration: underline
}
.TablePayment
{
	text-align:right;
	font-weight:bold;
	font-size:8pt;
	text-decoration: underline	
}
.Payment
{	
	font-size:8pt;
	text-align:right
}
.PaymentTop
{
	font-size:8pt;
	text-align:right;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:Black
}
.PaymentBottom
{
	font-size:8pt;
	text-align:right;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:Black
}
.PaymentTotal
{
	font-size:8pt;
	text-align:right;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:Black;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:Black
}
.tabHeaderPicked
{
	font-size:8pt;
	BORDER-RIGHT: black thin solid; 
	BORDER-TOP: black thin solid; 
	BORDER-LEFT: black thin solid; 
	BACKGROUND-COLOR: #00cc99;
	text-align:center;
	font-weight:bold;
	color:White
}
.tabLeftSide
{
	font-size:8pt;
	BORDER-LEFT: black thin solid
}
.tabRightSide
{
	font-size:8pt;
	BORDER-RIGHT: black thin solid
}
.tabBottom
{
	font-size:8pt;
	BORDER-BOTTOM: black thin solid
}
.BookingLeftMargin
{
	border-left: 1px dotted #CCC
}
.BookingRightMargin
{
	border-right: 1px dotted #CCC
}
.BookingBottomMargin
{
	border-bottom: 1px dotted #CCC
}
.BookingTopMargin
{
	border-top: 1px dotted #CCC
}
.BookingMargin
{
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC
}
.TreeNode 
{ 
	padding: 0 5 0 5
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3
}

.modalPopup 
{
	background-color:White;
	padding:3px
}

.TripFullBackground
{
	background-color:Silver;
	color:white
}

.HeadingStep
{	
	font-weight:bold;
	font-size:12pt;
	padding-top: 5px
}
.TitleBackground
{
	font-weight:bold;
	background-color: #EEE
}

.TitleAvailable
{
    background-color: #FFFF80;
}

.TitleAvailable1
{
    background-color: #FFFF80;
}

.TitleAvailable2
{
    background-color: #BFC6FF;
}

.TitleAvailable3
{
    background-color: #BFFCFF;
}

.TitleAvailable4
{
    background-color: #FFA8A8;
}

/* begin css tabs */

ul#TabMenu 
{ /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #0072B7; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#TabMenu li 
{ /* do not change */
	display: inline;
}

ul#TabMenu li.TabSelected
{ /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

ul#TabMenu li.TabSelected a
{ /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#TabMenu li a 
{ /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #0072B7; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #EEE; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 4px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#TabMenu a:hover 
{ /* settings for hover effect */
	background: #fff; /* set desired hover color */
}

/* end css tabs */

.AvailabilityGreen
{
    color:Green
}

.AvailabilityRed
{
    color:Red
}

.AvailabilityBlue
{
    color:Blue
}

.AvailabilityGreenDate
{
    color:White;
    background-color:Green
}

.AvailabilityRedDate
{
    color:White;
    background-color:Red
}
.AvailabilityFull
{
    FONT-WEIGHT: bold;
    text-align:center;
    COLOR: red
   
}
.AvailabilityPartial
{
    FONT-WEIGHT: bold;
    text-align:center;
    COLOR: blue
}
.AvailabilityFree
{
    FONT-WEIGHT: bold;
    text-align:center;
    COLOR: Green
}
.AvailabilityNoDeparture
{
    BACKGROUND-COLOR: silver
}

.table-header
{
    position: relative;
    top: -1px
}

.table-body
{
    overflow: auto;     
    width: 99%
}

.grid-div
{
    overflow: auto; 
    width: 100%
}

.ajax__tab_plain_new .ajax__tab_outer {background: lightgrey; text-align: left; vertical-align: middle; border-top:1px solid black; border-left:1px solid black; border-right:1px solid black; border-bottom:0px;}
.ajax__tab_plain_new .ajax__tab_inner {text-align: left; vertical-align: middle;}
.ajax__tab_plain_new .ajax__tab_tab {padding:4px; }
.ajax__tab_plain_new .ajax__tab_body {text-align: left; vertical-align: middle; border:1px solid black;}
.ajax__tab_plain_new .ajax__tab_header {padding-left:10px; padding-right:10px; text-align: left; vertical-align: middle;}
.ajax__tab_plain_new .ajax__tab_active .ajax__tab_outer {background: white;}