@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color:#363636;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#c2c2c2;
	}
	
.wrap	{
	width:900px;
	height:100%;
	margin:20px auto;
	}
	
.clearBoth	{
	clear:both;
	}
	
.login
{
	width:900px;
	height:100%;
	margin:20px auto;
	border: solid 5px red;
}
	
/* ======================== HEADER ========================================================================================================================*/		
.head	{
	width:900px;
	float:left;
	}

.head-t	{
	width:900px;
	height:24px;
	background-image:url(Images/up.gif);
	float:left;
	}
	
.head-m	{
	width:900px;
	background-image:url(Images/bgnHead.jpg);
	background-repeat:repeat-x;
	background-color:#4b5566;
	padding-bottom: 20px;
	float:left;
	}

.head-m-OV	{
	width:900px;
	height:216px;
	background-image:url(Images/bgnHead.jpg);
	background-repeat:repeat-x;
	background-color:#4b5566;
	float:left;
	}	
	
.logo	{
	width:240px;
	height:53px;
	float:left;
	padding:100px 0 0 20px;
	}
	
.headImageHome	{
	width:623px;
	float:left;
	padding-bottom:20px;
	}
	
.head-b	{
	width:900px;
	background-color:#4b5566;
	float:left;

	}
.title	{
	float:left;
	background-color:#92969e;
	width:238px;
	height:25px;
	padding:4px 0 0 20px;
	font-size:18px;
	color:#333;
	}


/* ======================== END OF HEADER ========================================================================================================================*/		

/* ======================== NAVIGATION ========================================================================================================================*/			
	
.nav ul	{
	list-style-type:none;
	}
.nav li	{
	display:inline;
	float:left;
	text-decoration:none;
	color:white;
	font-weight:bold;	}
.nav li:hover{
	background-image:url(Images/nav/hover.gif);
	background-repeat:repeat-x;
	text-decoration: none;
	cursor: pointer;
}	
.navselected{
	background-image:url(Images/nav/hover.gif);
	background-repeat:repeat-x;
	text-decoration: none;
	cursor: default;
}	

.nav a	{
	float:left;
	text-decoration:none;
	color:white;
	font-weight:bold;
	padding:6px 12px;
	}
.nav a:hover{
	background-image:url(Images/nav/hover.gif);
	background-repeat:repeat-x;
	text-decoration: none;
}	
	
.nav	{
	float:left;
	width:620px;
	background-image:url(Images/nav/bgnNav.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#FFF;
	height:40px;
	font-size:12px;
	}
.nav img{
	padding:0px;
	margin: -5px -1px;
	}

/*	
.navPadding a {
	color:#FFF;	
	text-decoration:none;
}

.navPadding a:hover {
	color:#603913;
	text-decoration:none;
	}

.navPadding a:visited {
	color:#603913;
	text-decoration:none;
	}	
*/
.navPadding	{
	float:left;
	padding:5px 7px 0 7px;
	}
	
/* ======================== END OF NAVIGATION ========================================================================================================================*/		

/* ======================== CONTENT ========================================================================================================================*/		

.content-body	{
	float:left;
	width:860px;
	background-color:#4b5566;
	padding: 20px;
	}

.content-l	{
	width:240px;
	float:left;
	}	
	
.content-r	{
	width:615px;
	float:left;
	padding:0 0 0 7px;
	line-height:25px;	
	}	

.content-r-OV	{
	width:622px;
	float:left;
	line-height:25px;	
	padding-left: 3px;
	}
	
.content-r-1	{
	width:590px;
	background-color:#838992;
	padding: 20px;
	}
	
.content-r-contact	{
	width:540px;
	background-image:url(headContent1.gif);
	background-repeat:repeat-x;
	background-color:#838992;
	padding:40px;
	}	

.content-r-2	{
	width:590px;
	background-image:url(headContent2.gif);
	background-repeat:repeat-x;
	background-color:#8b7548;
	padding:20px 15px;
	}
.imageContet-OV	{
	width:200px; 
	height:287px; 
	float:left;
	}
	
.content-OV-1	{
	width:380px; 
	float:left; 
	padding-left:10px;
	}

.content-OV-1a	{
	width:380px; 
	float:left; 
	padding-Right:10px;
	}	

.content-OV-2	{
	padding:10px 0;
	}
	
/* ======================== END OF CONTENT ========================================================================================================================*/		

/* ======================== FOOTER ========================================================================================================================*/		
	
.footer	{
	width:630px;
	height:28px;
	background-image:url(Images/footer.gif);
	background-repeat: no-repeat;
	margin-bottom:20px;
	padding-left:270px;
	font-size:10px;
	}	
	
.footer a {
	color:#c2c2c2;	
	text-decoration:none;
}

.footer a:hover {
	color:#c79f50;
	text-decoration:none;
	}
	
/* ======================== END OF FOOTER ========================================================================================================================*/		

/*======================================= Grid View Style =================================*/
/* ==== General GridView style ==== */
.GridView {	
}

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

.GridView th 
{
	padding:5px;
	text-align:left;
	background-color:#8b7548;
	font-weight: bold;
	color: #FFF;
	/*border-top:solid 7px #a58ebc;
	border-bottom:solid 3px #a58ebc;*/
}

.GridRowStyle td {
	padding:5px;
	background-color:#838992;
	border-bottom:solid 1px #d7d7d7;
	vertical-align: top;
}

.GridAltStyle td {
	padding:5px;
	border-bottom:solid 1px #d7d7d7;
	vertical-align: top;
}

/* ==== GridView no style ==== */
.GridViewNone {	
}

.GridViewNone a {
	text-decoration:none;
}

.GridViewNone th {	
	/*text-align:right;*/
}

.GridRowStyleNone td {
	padding-left:2px;
}

.GridAltStyleNone td {
	padding-left:2px;
}

/* ===================================================================================== */

/* ================================= Control Style ==================================================== */		
img, div, a, input, td,{ behavior: url(iepngfix.htc) }			

.div_view
{
	padding:15px;
	background-color:#838992;
	background-image:url(Images/header/headContent1.gif);
	background-repeat:repeat-x;
	vertical-align: top;
}

.div_view_white
{
	padding:15px;
	background-image:url(Images/header/headContent2.gif);
	background-repeat:repeat-x;
	background-color:#8b7548;
	vertical-align: top;
}	

.button
{
	font-size:11px; 
	color:#FFF; 
	font-weight:bold; 
	border:solid 0px; 
	width:144px; 
	height: 27px; 
	background-image:url(Images/Icon/btnSubmit.gif)
}

.button:hover
{
	cursor: pointer;
}

.btnSmall
{
	font-size:11px; 
	color:#FFF; 
	font-weight:bold; 
	border:solid 0px; 
	width:88px; 
	height: 20px; 
	background-image:url(Images/Icon/btnSubmit.gif)
}

.btnSmall:hover
{
	cursor: pointer;
}

.lb_i
{
	background-color: #fff;
	border: solid 1px #363636;
}

.lb_c
{
	background-color: #92969f;
	border: solid 1px #acacac;
}

a:link, a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover
{
	color: #FFF;
	text-decoration: underline;
}

.breadcrumb
{
	background-color: #92969f;
	height: 27px;
	color: #464646;
	padding: 5px;
}

.MyMap
{
	width: 400px; 
	height: 400px; 
	border: solid 2px #8b7548;
	float: left;
}

/* ============================== Site Map Page ======================================================= */

.sitemap	{
	width:622px;
	float:left;
	line-height:25px;	
	padding-left: 3px;
	}
	
.sitemap a 
{
	text-decoration: none;
}	
.sitemap span:hover
{
	text-decoration: underline;
}	

.sitemap span
{
	
}

/* ===================================================================================== */

/* mootols*/


.pane-sliders .panel {
	PADDING:10px;
}
.jpane-toggler {
	BACKGROUND: #e4ae43; 
	COLOR: #7d5d1d;
	cursor:pointer;
	padding:5px 10px;
	margin-top:3px;
	border-bottom:solid 3px #4b5566;		
}

.jpane-toggler-down {
	BACKGROUND: #7d5d1d; 
	COLOR: #fff;
	cursor:pointer;	
	padding:5px 10px;
	margin-top:3px;	
}

/* ===============================================================================================*/
/* ===================================== Calendar ================================================== */

.Calendar
{
	color:#4b5566;
	width: 100%;
	table-layout: fixed;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Calendar th
{
	background-image:url(Images/head.gif);
	background-repeat:repeat-x;
	width:12px;
	height:34px;
	text-align:center;
	font-weight:bold;
	padding: 0 10px;
	white-space: nowrap;
	border:solid 1px #a3a8b1;
	border-bottom:solid 2px #edeeef;
	border-top: none;
	border-left: none;
}
	
.Calendar td
{
	width:12px;
	height:40px;
	text-align: center;
	padding: 0 10px;
	white-space: nowrap;	
	border: solid 1px #edeeef;
	border-bottom: solid 2px #edeeef;
}

.Calendar th.CalEntityName 
{
	width:100px;
	white-space: nowrap;
	text-align: left;
	padding-left: 10px;
}

.Calendar td.CalEntityName 
{
	width:100px;
	white-space: nowrap;
	text-align: left;
	padding-left: 10px;
	font-weight:bold;
}

.Calendar tr.CalGridAltStyle 
{
	background-image:url(Images/nav/orange-2.gif);
	background-repeat:repeat-x;
}

.Calendar tr.CalGridRowStyle
{
	background-image:url(Images/nav/gray-2.gif);
	background-repeat:repeat-x;
}

.Calendar tr.CalGridAltStyle td.alt
{
	background-image:url(Images/nav/orange-2.gif);
	background-repeat:repeat-x;
}

.Calendar tr.CalGridAltStyle td.col
{
	background-image:url(Images/nav/orange-1.gif);
	background-repeat:repeat-x;
}

.Calendar tr.CalGridRowStyle td.col
{
	background-image:url(Images/nav/gray-1.gif);
	background-repeat:repeat-x;
}

.Calendar tr.CalGridRowStyle td.alt
{
	background-image:url(Images/nav/gray-2.gif);
	background-repeat:repeat-x;
}

.r_reserve
{
	background-image:url(Images/Icon/blue.png);
	
	/*
	background-image:url(Images/nav/gray-1.gif);
	*/
	background-repeat:repeat-x;
}

.r_reserve:hover
{
	cursor: pointer;
}

.r_confirm
{
	background-image:url(Images/Icon/orange.png);
	background-repeat:repeat-x;
}

.r_confirm:hover
{
	cursor: pointer;
}

.r_checkout
{
	background-image:url(Images/Icon/imgCheckOut.png);	
	background-repeat:repeat-x;
}

.r_checkout:hover
{
	cursor: pointer;
}

.r_checkin
{
	background-image:url(../Images/Icon/imgCheckOut.png);	
	background-repeat:repeat-x;
}

.r_checkin:hover
{
	cursor: pointer;
}

.r_cancel
{
	background-image:url(Images/Icon/red.png);
	background-repeat:repeat-x;
}

.r_cancel:hover
{
	cursor: pointer;
}

.r_definite
{
	background-image:url(Images/Icon/brown.png);
	background-repeat:repeat-x;
}

.r_definite:hover
{
	cursor: pointer;
}

.r_foc
{
	background-image:url(Images/Icon/green.png);
	background-repeat:repeat-x;
}

.r_foc:hover
{
	cursor: pointer;
}

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#f0f6fb;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;	
}

.modalPopupCalendar {
	background-color:#f0f6fb;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px 0px 20px 0px;	
	color: #000;
}

.PopCalendar {
	background-color:#f3f5f6;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;	
}


.popupTbl
{
	background-color: #f3f5f6;	
	padding: 10px;
	border: dashed 1px black;
}

.iconHotspot
{	
	float: left; 
	width: 255px; 
	margin-left: -20px;
	}
	
.iconSpecialPackages
{	
	margin-left: -10px; 
	cursor: pointer;
	}