/* Common tags                 */
/*-----------------------------*/		

body 
{
    font-family: Arial, Verdana;
    font-size:small;
    color:#000000;
    margin: 0;
    padding: 0;
	margin-right: 30;
	text-align: left;
 }

A:link      { color: #265CC0; text-decoration:none; }
A:visited 	{ color: #265CC0; text-decoration:none; }
A:active 	{ color: #265CC0;  cursor:hand; text-decoration:none; }
A:hover 	{ color: #4D9FE1; cursor:hand; text-decoration:underline; }
		
A.bodyLink:link     { color: #265CC0; text-decoration:none; font-weight:bold; }
A.bodyLink:visited 	{ color: #265CC0; text-decoration:none; font-weight:bold; }
A.bodyLink:active 	{ color: #265CC0;  cursor:hand; text-decoration:underline; font-weight:bold; }
A.bodyLink:hover 	{ color: #4D9FE1;  cursor:hand; text-decoration:underline; font-weight:bold; }
		
A.topLink:link      { color: #163A6E; text-decoration:none; font-weight: normal; }
A.topLink:visited 	{ color: #163A6E; text-decoration:none; font-weight: normal; }
A.topLink:active 	{ color: #163A6E;  cursor:hand; text-decoration:underline; font-weight: normal; }
A.topLink:hover 	{ color: #4D9FE1;  cursor:hand; text-decoration:underline; font-weight: normal; }

p
{
	line-height: 1.4em;
}

.title
{
    font-family: Arial, Verdana;
    font-size: large;
    font-weight: bold;
    color:#5d6b51;
 }

hr {
	border: 0;
	border-top: 2px solid #5d6b51;
	height: 2px;
}

img
{
	border-width: 0;
}

.menutextindent
{
    font-size: x-small;
}

.menutextindent
{
    font-size: x-small;
}


/* Headings                    */
/*-----------------------------*/
h1
{
    font-family: Arial Black, Verdana;
    font-size: 1.0em;
    font-weight: bold;
    color: white;
    background-color: #333399;
}

h2
{
	font-family: Arial Black, Verdana;
	font-size: medium;
	margin-top: 30;
	color: #0F9143;
	margin-bottom: -15;
}
	
h3
{
	font-family: Arial Black, Verdana;
	font-size: small;
	margin-bottom: -15;
	color: #0F9143;
	padding-left: 15;
}

h1, h2, h3, h4
{
	margin: 0;
	font-family: Arial Black, Verdana;
}

/* Tables                      */
/*-----------------------------*/	
table
{
	font-size: 1em;
}

table.header
{
    background-color: #333399;
}

td.logo
{
	text-align: left;
	width: 184px;
}

td.title 
	{
		text-align: center;
		font-family: Arial, Verdana;
		font-size: x-large;
		font-weight: bolder;
		color: white;
	}

td.headerbar 
{
	background-image: url(Images/bar.jpg);
	text-align: right;
	height: 24px;
	Font-Size:x-small;
}

td.headerbarleft
{
    background-image: url(Images/bar.jpg);
    text-align: left;
    height: 24px;
    color: #0000CC;
    font-size: x-small;
}


td.menu
{
    background-color: #333399;
    width: 184px;
    height: 500px;
    vertical-align: top;
}

td.footer
{
	margin-left: 30;
	font-family: Arial, Verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #5d6b51;
	text-align: right;
}

ul.timeslots 
{
	width: 12em;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: #333;
}
		
.timeslots li
{
    list-style-image:none ;
   	list-style-position:inside;
	list-style-type:none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.timeslots li a
{
	/*background-color: #009;*/
	/*border: 1px solid #000;*/
	/*color: #fff;*/
	display: block;
	margin: 1px;
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
	width: 100%;
}

.timeslots li a
{
    width: auto;
}
.timeslots li a:hover
{
	/*background-color: #2586d7;*/
	/*color: #fff;*/
}

.timeslots .unavail
{
    /*background-color:Red;*/
}
.timeslots .unavail a
{
    /*background-color:Red;*/
}		
.timeslots .unavail a:hover
{
    /*background-color:Red;*/
}

.timeslots .avail
{
    /*background-color:Yellow;
    color:#1c64d1;*/
}
.timeslots .avail a
{
    /*background-color:Yellow;
    color:#1c64d1;*/
}		
.timeslots .avail a:hover
{
    /*background-color:Yellow;
    color:#1c64d1;*/
}	

.timeslots .selected
{
    /*background-color:Green;*/
}
.timeslots .selected a
{
    /*background-color:Green;*/
    font-weight: bold;
    text-decoration: underline;
}		
.timeslots .selected a:hover
{
    /*background-color:Green;*/
}						


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../../images/black_arrow.png);
	font-size:12px;
	height:60px;
	width:170px;
	padding:25px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:40px;
	padding-right:10px;
	color:#fff;	
}

.tooltipcal {
	display:none;
	background:transparent url(../../images/white.png);
	font-size:12px;
	height:60px;
	width:160px;
	padding:25px;
	color:#000;	
}

/* Calendar Stylesheet 
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" BorderColor="#006600"
BorderStyle="Dotted" BorderWidth="1px" />
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
<WeekendDayStyle BackColor="#508fc4" ForeColor="White" />
<TodayDayStyle BorderStyle="Dotted" BorderWidth="1px" BorderColor="#0000CC" />

*/
.NormalDay
{
    color: #999;
}
.NormalDay a
{
    text-decoration: underline;
    color: #00F;
    font-weight: bold;
}
.OtherMonthDay
{
    color: #999 !important;
}
.OtherMonthDay a
{
    text-decoration: underline;
    color: #999 !important;
    font-weight: bold;
}
.SelectedDay 
{
    background-color: Green !important;
    font-weight: bold;
    color: #CCFF99;
    border: 1px solid black;
}
.Selector 
{
    background-color:#99CCCC;
    color:#336666;
}
.TodayDay
{
    border-color:#0000CC;
    border-style:dotted;
    border-width:1px;
}
.NoToursAvail
{
    background-color: darkblue;
    color:Yellow;
    border-style:solid;
    border-width:1px;
    border-color: yellow;  
}
.ToursBooked
{
    background-color:LightYellow;
    color: darkblue;
    border-style:dashed;
    border-width:1px;
    border-bottom-color: darkblue;
}
.Holiday
{
    background-color:lightsalmon;
    color:darkblue;
    border-style:solid;
    border-width:1px;
    border-color: darkblue;
    
}
.SpecialDayBlocked
{
    background-color: red;
    color:white;
    border-style:solid;
    border-width:1px;
    border-color: darkblue;
}

.red 
{
    color:Red;
    font-weight:bold;
}

.blue 
{
    color:Blue;
    font-weight:bold;
}


/* AutoComplete item */
.AutoCompleteExtender_CompletionList
{
background-color : window;
color : windowtext;
font-size: small;
background-color:Gray;
padding: 1px;
margin : 0px !important;
overflow:auto;


/*creates border with
autocomplete_completionListElement
background-color*/
}

/*AutoComplete flyout */
.AutoCompleteExtender_CompletionListItem
{
text-align : left;
background-color:White;
}

/* AutoComplete highlighted item */
.AutoCompleteExtender_HighlightedItem
{
background-color: Silver;
color: windowtext;
font-weight:bold;
font-size: small;
}


.AutoCompleteExtender_CompletionList li
{  
list-style-image:none ;
list-style-type:none;
    margin : 0px !important;
    padding: 2px;
}



.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}


/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

.reservationStep
{
    border: 1px solid #214182;
    padding: 2px;
}
.reservationStep h3
{
    color: White;
    font-size: 10pt;
    background-color: #214182;
    margin-bottom: 5px;
    padding: 5px;
}
.reservationStep .stepButtons
{
    padding: 8px;
    text-align: center;
}

.Error
{
    color: Red;
}