body 
{
    font-size:smaller;
    font-family:Arial, Helvetica, Sans Serif;
    background-color:#F4F9FD;
    color:#3A5467;
    margin-top:3px;
    letter-spacing:0.07ex;
	word-spacing:0.08ex;
	line-height:2.7ex;
}
.Pager
{
	font-size:larger;
	padding: 2px;
	margin-left: 6px;
	margin-right: 6px;
	text-decoration:none;
	font-weight:bolder;
	text-decoration:underline;
}

.Pager A
{
	color: #022c46;
	display:inline-block;
	font-weight:normal;
	border:1px solid #cccccc;
	padding:6px;
	background-color:#ffffff;
	text-decoration:none;
	vertical-align:middle;
	
}
.Pager A:hover
{
	color: #000000;
	background-color:#EFEFEF;
	display:inline-block;
	font-weight:normal;
	border:1px solid #cccccc;
	padding:6px;
	text-decoration:none;
}
input
{
	color:#3A5467;
	background-color:White;
	border: solid 1px #3A5467;
}
.Critical
{
	background-color:#ff5555;
	text-transform:uppercase;
	color:White;
}
hr 
{
	border:dotted 1px #3A5467;
}

a 
{
        color:#3A5467;
}

.SmallerText 
{
    font-size:smaller;
}
.SmallerTextBold
{
    font-size:smaller;
    font-weight:bolder;
}
.Footer 
{
    text-align:center;
    font-family:Verdana;
    font-size:11px;
	padding:3px;
	color:#3A5467;
	padding-top:5px;
	padding-bottom:5px;
}
.Details 
{
    text-align:justify;
}
.Categories td
{
    font-size:10px;
    margin:1px;
    background-color:white;
    padding:3px;
    border:0px;
    border-bottom:1px;
    border-style:dotted;
    border-color:#D0DFE9;
    width:200px;
    white-space:nowrap;
}
.Categories .Seperator 
{
    width:4px;
    border:0px;
    background-color:White;
}
.InfoPanel2 
{
	width:100%;
	height:160px;
	vertical-align:top;
	overflow:auto;
}

.InfoPanel2 th
{
    background-color:#E4E9ED;
    width:100%;
    height:40px;
}
.InfoPanel2 th a 
{
	text-decoration:none;
}
.InfoPanel2 th a:hover
{
	text-decoration:underline;
}
.InfoPanel2 td
{
	font-size:smaller;
    background-color:white;
    width:100%;
    height:100%;
}
.InfoPanel 
{
    background-color:#E4E9ED;
    width:100%;
    font-size:11px;
}
.InfoPanel td 
{
    padding:3px;
}
	
/* This is the transparent box */
.TransparentBox 
{
    text-align:right;
    float:right;
	width:auto;
	filter:alpha(opacity=40);
	background-color:Black;
	margin-right:5px;
	opacity: 0.7;
	-moz-opacity:0.7;
	padding:0px;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.TransparentBox .Content 
{
    cursor:default;
    margin:0px;
    white-space:nowrap;
    font-family:Verdana;
    font-size:11px;
	padding:3px;
	color:White;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	color:White;
	}
.TransparentBox .Content a
{
    text-decoration:none;
	color:White;
}
	.TransparentBox .Content a:hover
{
    text-decoration:underline;
	color:White;
}

/*home pages*/

.BackPanelHomePage
{
    background-image:url("images/main/homepage/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BackPanelHomePage .SeperatorBar
{
    background-image:url("images/main/homepage/banner.png");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}

/*inner pages*/

.RoomSearchResults
{
    background-image:url("images/main/innerpage1/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BackPanelInnerPage1
{
    background-image:url("images/main/innerpage1/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BackPanelInnerPage1 .SeperatorBar
{
    background-image:url("images/main/innerpage1/banner.gif");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}

.BackPanelInnerPage2
{
    background-image:url("images/main/innerpage2/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.SeperatorBar
{
    background-image:url("images/main/innerpage2/banner.gif");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BackPanelAccomMain
{
    background-image:url("images/main/AccomMain/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BackPanelSpaMain
{
    background-image:url("images/main/SpaMain/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.PublisherMain
{
    background-image:url("images/main/PublisherMain/TopBorder.jpg");
    background-repeat:repeat-x;
    background-color:White;
    background-position:right top;
}
.PublisherMain .RightTopBorder
{
    background-image:url("images/main/PublisherMain/RightTopBorder.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.GeneralFull
{
    background-image:url("images/main/GeneralFull/mainpic.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.GeneralFull .Seperator
{
    background-image:url("images/main/GeneralFull/seperator.jpg");
    background-repeat:no-repeat;
    background-color:White;
    background-position:right top;
}
.BasicPanel 
{
    padding:3px;
    background-color:#eeeeee;
    border: solid 1px #bbbbbb;
    margin:0px;
}
.SimplePagesPanel 
{
    background-image:url("images/misc/notepad.jpg");
    background-repeat:repeat;
    position:absolute;
    margin-left:420px;
    margin-top:-90px;
    display:block;
    width:160px;
    border:solid 1px #aaaaaa;
    background-color:White;
    padding:10px;
}
.CategoriesPanel
{
    background-color:White;
    border-style:dotted;
    border-width:1px;
}
.CategoriesPanel .Hover
{
   color:White;
    background-color:Black;
}
.ImageDropDown 
{
    position:absolute;
    background-color:White;
    border-style:dotted;
    border-width:1px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135);
}
.mvPanel .Content
{
    padding:8px;
    background-color:#eeeeee;
    border: solid 1px #bbbbbb;
    
}
.mvPanel .Footer
{
    padding:8px;
    background-color:#eeeeee;
    border: solid 1px #bbbbbb;
}
.mvPanel .Menu
{
    padding:0px;
    margin:0px;
    background-color:#dddddd;
    border: solid 1px #bbbbbb;
    border-bottom:0px;
    text-decoration:none;
    color:Black;
    padding-bottom:2px;
    padding-top:2px;
}
.mvPanel .Menu a
{
    padding:4px;
}
.mvPanel .Menu:hover 
{
    text-decoration:none;
    background-color:#eeeeee;
}
.mvPanel .MenuSelected
{
    background-color:#eeeeee;
}
.DetailsPanel
{
   border-style:solid;
   border-width:thin;
   border-color:#aaffaa;
   width:100%;
   
}
.SepBar 
{
	font-weight:bold;
	background-color:#D0DFE9;
	height:20px;
	margin:1px;
	text-align:left;
	padding:4px;
}

.SimpleTable 
{
    border: solid 1px #D0DFE9;
    margin:0px;
}
.SimpleTable TABLE
{

}
.SimpleTable TH 
{
    background-color:#D0DFE9;
    height: 38px;
}
.SimpleTable TD 
{
    background-color:#eeeeee;
}

.DetailsPanel .Title
{
    width:inherit;
    overflow:auto;
    background-color:#aaffaa;
    vertical-align:bottom;
    padding:3px;
        
}
.DetailsPanel .TitleLeft
{
    text-align:left;
    font-size:larger;
    font-weight:bolder;
    

}

a.ToolTip
{
    vertical-align:middle;
    cursor: help;
    position:relative; /*this is the key*/
    z-index:24; 
    margin-left:3px;
    margin-right:3px;
    padding:3px;
    border:dotted 1px black;
    color:#000;
    text-decoration:none}
a.ToolTip:hover{z-index:25; background-color:#ff0;max-width:300px;}

a.ToolTip .ToolTipSpan{display: none}

a.ToolTip:hover .ToolTipSpan{ /*the span will display just on :hover state*/
    white-space:normal;
    background-color:#ffff80;
    border:dotted 1px black;
    text-decoration:none;
    color:InfoText;
    display:block;
    position:absolute;
    top: 24px; 
	left: 10px; 
	padding: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135);}
	
.LightBackground 
{
     background-color: #eeeeee
}
.RoomPricesTable table
{  
    background-color: black;
    text-align: center;
    vertical-align: middle;
    
} 
.RoomPricesTable Td
{
    font-family:Arial, Helvetica, Sans Serif;
    font-size: 11px;
     height:11px;
     text-align:center;
     vertical-align:middle;
     padding:2px;
}
.RoomPricesTable .priceCellHeader
{
    width:37px;
    font-weight:bold;
}
.RoomPricesTable .priceCell 
{
    width:37px;
    background-color: #eeeeee;
}
.RoomPricesTable .priceCellNA 
{
    width:37px;
     color:red;
     background-color: #eeeeee;
}
.RoomPricesTable .weekCell
{
    width:37px;
     color:gray;
     background-color: #eeeeee;
}
.RoomPricesTable .nameCellHeader 
{
    font-weight:bold;
    width:150px;
}
.RoomPricesTable .nameCell 
{
    width:150px;
    background-color: #eeeeee;
    margin-bottom: 3px;
}

.RoomPricesTable .totalCellHeader 
{
    font-weight:bold;
    width:80px;
}
.RoomPricesTable .totalCell 
{
    width:80px;
    background-color: #eeeeee;
}
.RoomPricesTable .col3CellHeader 
{
    font-weight:bold;
    width:60px;
}
.RoomPricesTable .col3Cell 
{
    width:60px;
    background-color: #aaaaaa;
}
.RoomPricesTable .originalPrice 
{
    text-decoration:line-through;
}
.RoomPricesTable .newPrice 
{
    color:Red;
}
.RoomPricesTable .discountPercent 
{
    color:Red;
}

/* General Content Styles
----------------------------------------------- */

h1 
{
    margin-top:7px;
    margin-bottom:7px;
	padding: 0;
	font: 18px arial, verdana, sans-serif;
	color: #3A5467;
	line-height: 18px;
}
h2 
{
    margin-top:7px;
    margin-bottom:7px;
	padding: 0;
	font: 16px arial, verdana, sans-serif;
	color: #3A5467;
	font-weight:bold;
	line-height: 16px;
}
h3 
{
    margin-top:7px;
    margin-bottom:7px;
	padding: 0;
	font: 14px arial, verdana, sans-serif;
	color: #3A5467;
	font-weight:bold;
	line-height: 14px;
}
h4 
{
    margin-top:7px;
    margin-bottom:7px;
	padding: 0;
	font: 12px arial, verdana, sans-serif;
	color: #3A5467;
	font-weight:bold;
	line-height: 12px;
}

p.small {
	font-size: 11px;
	line-height: 15px;
}

#content li {
	padding-top: 3px;
	padding-bottom: 3px;
}

em {
	font-style: normal;
	
	background: #ff0;
}

.hidden {
	display: none;
}

p.info {
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background: #e2e2e2;
}

span.small {
	font-size: 11px;
}



/* Link Styles
----------------------------------------------- */

a {
	text-decoration: underline;
}

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




/* Message Styles
----------------------------------------------- */

#msg-error {
	margin: 0 0 15px;
	padding: 5px 10px;
	
	color: #fff;
	
	background: #B60C0C;
}

#msg-success {
	margin: 0 0 15px;
	padding: 5px 10px;
	
	color: #fff;
	
	background: #9CB60C;
}

#msg-alert {
	margin: 0 0 15px;
	padding: 5px 10px;
	
	color: #fff;
	
	background: #FF9C06;
}



/* Image Styles
----------------------------------------------- */

#content img {
	padding: 3px;
	border: 1px solid #e2e2e2;
}

#content img.none {
	padding: 0;
	border: 0;
}

img.r {
	float: left;
	margin: 2px 0px 5px 15px;
}

img.l, #news img.l {
	float: left;
	margin: 2px 15px 5px 0px;
}

#news img.l {
	margin: 2px 8px 0 0;
}



/* Form Styles
----------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

input.check {
	margin: 0;
	padding: 0;
}

#content div.form {
	position: relative;
	
	margin: 0;
	padding: 5px 10px;
	
	/*border: 1px solid #C0DDF2;*/
	
	color: #245B9C;
	
	background: #EBF4FF; /*#e7f1f8;*/
}


div#optin input {
	margin-top: 5px;
	width: 150px;
	
	border: 1px solid #FF9C06;
}

div#optin input.button {
	padding: 2px 0;
	font: 11px arial, verdana, sans-serif;
	color: #fff;
	background-color: #245B9C;
}


/* Order Summary Styles
----------------------------------------------- */

div.order {
	position: relative;
	
	margin: 0;
	padding: 10px;
	
	border: 1px solid #C0DDF2;
	
	color: #245B9C;
	
	/*background: #e7f1f8;*/
}

div.order th, div.order td {
	padding: 3px 5px;
	
	font-weight: normal;
}

div.order th {
	color: #fff;
	
	background: #245B9C;
}

div.order tr.alt {
	background: #e7f1f8;
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("/media/modal/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #78ABDE;
	color: #fff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
	color: #fff;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
/* BEGIN ComponentArt Date Picker & Popup Calendar */
.calendar_button { border:none; cursor:pointer; }

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 11px;
  font-family: arial, verdana, sans-serif;
  padding: 2px;
  cursor: pointer;
}

.calendar td { font-size:11px; }

.title { font-weight:bold; background-color:#D7D7E5; }

.day
{
	width:25px;
	cursor:pointer;
	text-align:center;
	border-width:1px;
	border-color:#F6F6F6;
	border-style:solid;
}

.dayhover
{
	width:25px;
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
	border-width:1px;
	border-color:#F6F6F6;
	border-style:solid;
}

.dayheader
{
	width:25px;
	text-align:center;
	border-width:1px;
	border-color:white;
	border-style:solid;
	font-weight:bold;
	background-color:#FFFFFF;
}

.othermonthday { color:#999999; }

.outofrangeday { visibility:hidden; }

.selectedday
{
	width:25px;
	background-color:#FBE694;
	color:#000000;
	border-width:1px;
	border-color:#BB5503 !important;
	border-style:solid;
	font-weight:bold;
}

.calendar
{
	border-style:solid;
	border-width:1px;
	border-color:Black;
	border-collapse:collapse;
	background-color:#FFFFFF;
	cursor:default;
}

.month
{
	background-color:#F6F6F6;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:0px;
}

.nextprev
{
	cursor:pointer;
	height:25px;
	vertical-align:center;
	padding:0px 5px 0px 5px;
}

.selector
{
	width:14px;
	cursor:pointer;
	text-align:left;
	vertical-align:center;
	background-color:#FFFFFF;
}
/* END ComponentArt Date Picker & Popup Calendar */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/panels/contentbox.gif) no-repeat bottom right; 
} 
.cssbox { 
    width: 100% !important; /* intended total box width - padding-right(next) */
    width: 100%; /* IE Win = width - padding */
    padding-right: 0px; /* the gap on the right edge of the image (not content padding) */
    margin: 1px auto; /* use to position the box */ 
    margin-left:-6px;
    margin-top:-4px;
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: 0px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
    text-decoration:none;
    color:Black;

} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 18px 0 0px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */
} 
.cssbox_body .SmallText { 
    font-size:smaller;
} 

.sidepanel { 
    width: 162px !important; /* intended total box width - padding-right(next) */
    width: 162px; /* IE Win = width - padding */
} 
.sidepanel .head-normal { 
    background: transparent url(images/main/sidepanel/heading-normal.gif) no-repeat; 
    padding:0px;
    padding-left:10px;
    padding-top:6px;
    padding-bottom:5px;
    margin-bottom:-10px;
    vertical-align:bottom;
    height:22px;
} 
.sidepanel .head-curved { 
    background: transparent url(images/main/sidepanel/heading-curved.gif) no-repeat; 
    padding:0px;
    padding-left:10px;
    padding-top:6px;
    padding-bottom:5px;
    margin-bottom:-10px;
    vertical-align:bottom;
    height:22px;
} 
.sidepanel .body 
{
    padding:5px 5px 6px 8px;
    background: transparent url(images/main/sidepanel/body.gif);
    background-repeat:repeat-y;
    color:Gray;
    font-family:Verdana;
    font-size:smaller;
} 
/* Page Structure Styles
----------------------------------------------- */


#footer div.right {
	position: absolute;
	top: 5px;
	right: 30px;
	
	margin: 0;
	padding: 0;
	
	text-align: right;
}

.nav {
	top: 110px !important; /* IE keep this Frank */
	top: 111px;
	right: 30px; 
	
	margin: 0;
	padding: 0;
	
	font-size: 11px;
	line-height: 11px;
}

#column {
	top: -240px;
	right: -400px;
	
	margin: 0;
	padding: 0;
	width: 185px;
	
	font-size: 11px;
	line-height: 11px;
}

.subnav {
	
	padding: 0;
	width: auto;
}

/* Top Navigation Styles
----------------------------------------------- */

.nav ul {
	margin: 0;
	padding-bottom: 7px !important; /* IE  */
	padding-bottom: 8px;
	
	white-space: nowrap;
	
	list-style-type: none;
}

.nav ul li {
	display: inline-block;
}

.nav li a {
	margin: 0;
	padding: 0 5px 8px;
	
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.nav a {
	color: #fff;
	text-decoration: none;
}




/* Sub-Navigation Styles
----------------------------------------------- */

.subnav a 
{
    white-space:nowrap;
	margin: 0;
	padding: 6px 0 7px 9px !important;
	width:100%;
	display: block;
	font-size:11px;
	border-bottom: 1px solid #EBF4FF;
}

.subnav a {
	color: #353535;
	text-decoration: none;
}

.subnav a:hover {
	background: #EBF4FF;
	color: #353535;
	text-decoration:none;
}

.subnav a.current, .subnav li a.current:hover {
	border: 0;
	color: #fff;
}
	

/* Modal Styles */

.CommonModalMask
{
	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #333333;
}

.CommonModal
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	border-right-width: 3px;
	border-right-color: #888888;
	border-bottom-width: 3px;
	border-bottom-color: #888888;
	background-color: #eeeeee;
}

.CommonModalTitle
{
	font-family: Tahoma, Arial, Helvetica;
	height: 18px;
	font-size: 16px;
	padding: 5px;
	padding-bottom: 7px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #cccccc;
	background-color: #e2eecd;
	color: #698d73;
	font-weight: bold;
	cursor: move;
	overflow: hidden;
}

.CommonModalClose
{
	width: 33px;
	height: 12px;
	background-image: url(images/common/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}

.CommonModalContent
{
	background-color: #ffffff;
}

.CommonModalFooter
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #cccccc;
	background-color: #eeeeee;
	padding: 2px;
}

.CommonModalResize
{
	width: 14px;
	height: 14px;
	background-image: url(images/common/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	float: right;
	cursor: se-resize;
}
/*
ContentParts
*/

.CommonContentPartBorderOff
{
	padding: 1px;
}

.CommonContentPartBorderOn
{
	border-style: dashed;
	border-width: 1px;
	border-color: #82abd1;
	background-color: #efefef;
}

.CommonInlineEditOn
{
	background-color: #efefef;
}

.CommonInlineEditOff
{
	padding: 0px;
}

/*
Copyright
*/
.Copyright
{
	margin-top: 10px;
	font-family: Tahoma, Arial, Helvetica;
	margin-left: 13px;
	margin-right: 13px;
	font-size: 11px;
	text-align: right;
}