/* Stylesheet for the Clifton hotel by Ilya Titov. */

body { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:.98em;
		color:#000000;
		padding:0px;
		margin:0px;
		background-image:url(elements/mainBG.jpg);
		background-repeat:repeat-x;
		line-height:1.2em;
		}
input {
		border:0px solid white;
		}
td input {border:1px solid #ddd;}
li {padding-top:.4em;}
li small {color:#666666;}
img {
		behavior: url("/pngbehavior.htc");
		border: 0px;
		text-decoration:none;
		}
strong {font-size:.9em;}
#topRight dfn {color:#396ccb !important;}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* safari & opera */
                body:first-of-type #crop {position:relative; top:1px;} /* safari only display */
} 
h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:1.6em;
		padding:0px;
		margin:0px;
		line-height:1em;
		}
h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:1.4em;
		padding:0px;
		margin:0px;
		line-height:.9em;
		}
h3 {
		font-family:Arial, Helvetica, sans-serif;

		font-weight:bold;
		font-size:1em;
		padding:0px;
		margin:.3em 0 .4em 0em;
		}
a:link {
		text-decoration:underline; 
		color:#101090;
		}
a:visited {
		text-decoration:underline; 
		color:#101090;
		}
a:active {
		text-decoration:underline; 
		color:#101090;
		}
a:hover { 
		text-decoration:underline; 
		color:#4040c0;
		}
#bestWesternLink {
		position:absolute;
		right:50%;
		margin-right:-500px;
		top:6px;
		text-align:right;
		font-size:.7em;
		padding-right:13px;
		}
#pathToPage {
		position:absolute;
		left:50%;
		margin-left:-500px;
		top:6px;
		text-align:left;
		font-size:.7em;
		padding-left:13px;
		}
#mainContainer {
		width:1000px;
		margin-left:-500px;
		position:relative;
		left:50%;
		background-color:#FFFFFF;		
		margin-top:40px;
		}
#containerRoundedTop {
		width:1000px;
		margin-left:-500px;
		position:absolute;
		left:50%;
		top:27px;
		}
#header {
		width:1000px;
		height:148px;
		/*border:1px solid black;*/
		}
#header #bar {
		position:absolute;
		top:115px;
		height:33px;
		width:1000px;
		background-image:url(elements/headerBG.jpg);
		background-position:left;
		background-repeat:repeat-y;
		background-color:#002a73;
		text-align:right;
		border-bottom:1px solid white;
		}
#tabs {
		height:27px;
		position:relative; 
		top:-27px;
		padding-right:13px;
		}
.tab {
		float:right;
		padding-left:3px;
		}
.tabLeft {
		background-image:url(elements/tabLeft.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:29px;
		float:left;
		display:inline;
		}
.tabMid {
		background-color:#689ce9;
		height:21px;
		border-top:1px solid #b2cdf4;
		border-bottom:1px solid white;
		float:left;
		display:inline;
		padding:4px 6px 0px 6px;
		text-align:center;
		font-size:.8em;
		color:#FFFFFF;
		}
.tabRight {
		background-image:url(elements/tabRight.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:29px;
		float:left;
		display:inline;
		}
.tabActive {
		float:right;
		padding-left:3px;
		}
.tabLeftActive {
		background-image:url(elements/tabLeftNavy.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:26px;
		border-bottom:1px solid #002a73;
		float:left;
		display:inline;
		}
.tabMidActive {
		background-color:#002a73;
		height:22px;
		border-bottom:1px solid #002a73;
		float:left;
		display:inline;
		padding:4px 6px 0px 6px;
		text-align:center;
		font-size:.8em;
		color:#FFFFFF;
		}
.tabRightActive {
		background-image:url(elements/tabRightNavy.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:26px;
		border-bottom:1px solid #002a73;
		float:left;
		display:inline;
		}
.tabHover {
		float:right;
		padding-left:3px;
		}
.tabRight {
		background-image:url(elements/tabRight.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:29px;
		float:left;
		display:inline;
		}
.tabActive {
		float:right;
		padding-left:3px;
		}
.tabHover .tabLeft {
		background-image:url(elements/tabLeftGold.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:26px;
		border-bottom:1px solid #ffffff;
		float:left;
		display:inline;
		}
.tabHover .tabMid {
		background-color:#dcd428;
		height:21px;
		border-top:1px solid #dcd428;
		border-bottom:1px solid #ffffff;
		float:left;
		display:inline;
		padding:4px 6px 0px 6px;
		text-align:center;
		font-size:.8em;
		color:#FFFFFF;
		}
.tabHover .tabRight {
		background-image:url(elements/tabRightGold.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:11px;
		height:26px;
		border-bottom:1px solid #ffffff;
		float:left;
		display:inline;
		}
#topRight dfn {
		font-family:"Century Gothic";
		font-size:1.1em;
		font-style:normal;
		}
#topRight {
		position:absolute;
		right:50%;
		margin-right:-500px;
		top:10px;
		text-align:right;
		padding-right:13px;
		}
#title {
		 padding-left:26px;
		 padding-top:13px;
		}
#container {
		width:1000px;
		}
#cLeft {
		float:left;
		width:229px;
		border-right:1px solid #ffffff;
		display:inline;
		} 	
#menu {
		background-color:#113a88;
		background-image:url(elements/menuBG.gif);
		background-repeat:repeat-x;
		background-position:top;
		width:203px;
		color:#FFFFFF;
		padding-left:26px;
		border-bottom:1px solid white;
		}
.BlockContent {
		padding-left:2.5em;
		padding-right:26px;
		}
.BlockContent .boxPic {right:-11px;}
#menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
		font-size:.8em;
		color:#FFFFFF;
		line-height:2em;
		}
#tabs a:link, #tabs a:visited, #tabs a:active, #tabs a:hover{
		font-size:1em;
		color:#FFFFFF;
		}
#quickBookTable td {
		padding: 0 .3em .7em 0;
		line-height:1.3em;
		}
.bookTable td {
		padding: 0 1em .7em 0;
		width:170px;
		line-height:1em;
		}
#photographs {
		background-color:#e5e5e5;
		width:203px;
		color:#000000;
		padding-left:26px;
		border-bottom:1px solid white;
		}
#photographs .heading {color:#808080;}
#activeMenuLink {
		margin-left:-1.4em;
		margin-top:.2em;
		font-size:.8em;
		font-weight:bold;
		}
#activeMenuLink a:link, #activeMenuLink a:visited, #activeMenuLink a:active, #activeMenuLink a:hover {
		font-size:1em;
		font-weight:bold;
		}
.childMenuLink {margin-left:1em;}
.heading {
		position:relative; 
		left:-13px; 
		padding-bottom:7px;		
		}
#cMid {
		border-right:1px solid white;
		width:539px;
		display:inline;
		float:left;
		color:#000000;
		overflow:hidden;
		} 	
#HomeCMid {
		width:770px;
		display:inline;
		float:left;
		color:#000000;
		} 				
#cRight {
		float:right;
		width:230px;
		display:inline;
		} 	
#special {
		background-color:#fbf4df;
		/*background-image:url(elements/offersBG.gif);*/
		background-repeat:repeat-x;
		background-position:top;
		width:204px;
		color:#000000;
		padding-left:26px;
		}
#footer {
		width:1000px;
		background-color:#e5e5e5;
		background-image:url(elements/roundedBottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding:0px 0px 13px 0px;
		margin-bottom:26px;
		}
#copy {
		font-size:.9em;
		padding:0px 0px 0px 15px;
		}
.boxPic {float:right; position:relative; right:15px; top:-25px;}
#floatingPic {position:absolute; top:-2000px; background-color:#ccc; z-index:3; left:50%; border:10px solid white;}
#fill {position:absolute; width:120%; height:1px; margin-left:-20%; top:-2000px; z-index:2;}
.galleryPics {width:450px;}
.galleryPics td {vertical-align:top; padding-bottom:10px;}
/* DATEPICKER */
/* creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(cal.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}




/*                            */
.jCalendar th { background-color:#CC3366!important;}
.jCalendar {border:1px solid white!important;}
.dp-popup h2, .dp-popup, .dp-nav-prev, .dp-nav-next {color:#000!important; background-color:#88113q!important; font-family:Arial, Helvetica, sans-serif;}
.current-month {background-color:#FFcccc; font-family:Arial, Helvetica, sans-serif;}
.today {background-color:#aa0000!important;}
.dp-calendar table, .bgiframe, .dp-calendar, .jCalendar, .dp-popup-inline {background-color:#668a88!important;}
.turn-me-into-datepicker table, .dp-popup-inline {background-color:#fff!important;}