/********************   css/global.defaults.css   ********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica;
	color: #333;
	font-size: 0.8em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img{
	border: none;
}
a, a:visited, a:active {
	color:#333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.jsHide a:hover {
	text-decoration: none;
}
p{
	margin: 5px auto;
}
/********************   css/global.layout.css   ********************/

body{
	background: #fff url(http://www.themethotel.gr/templates/main/images/body-background.jpg) top left no-repeat;
	*width: 99%;  /* fix for IE */
}
#bodyBackground{
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 50%;
	height: 706px;
	background: #fff url(http://www.themethotel.gr/templates/main/images/body-background.jpg) top right no-repeat;
	
}
h1{
	width: 970px;
	height: 20px;
	margin: 0 auto;
	line-height: 20px;
}
#container{
	width: 970px;
	height: 610px;
	border: solid 6px #fff;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
}
#header {
	width: 970px;
	height: 92px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/header-background.png) top left repeat-x;
	position: relative;
	top:0;
	left:0;
	z-index: 10;
}
	a#logoLink{
		margin: 18px 0 0 35px;
		float: left;
		display: block;
		width: 159px;
		height: 51px;
	}
	#top-navigation {
		position: absolute;
		right: 100px;
		bottom: 10px;
	}
	#top-navigation ul li{
		float: left;
		margin: 0 14px;
	}
	#weather, #weather2{
		position: absolute;
		top: 10px;
		right: 80px;
		*right: 100px;
		width: 198px;
		height: 55px;
		overflow: hidden;
	}
	#weather img{
		float: left;
		width: 100px;
		height: 72px;
	}

	#weather2 #digital-clock {
		position: absolute;
		left: 100px;
		top: 10px;
		color: #fff;
		font-size:0.9em;
	}
	#weather .temp{
		position: absolute;
		left: 100px;
		top: 30px;
	}		
	#weather span.hidden {
		display: none;
	}
	
	a#chandrisLogo{
		display: block;
		width:  80px;
		height: 53px;
		position: absolute;
		top: 40px;
		right: 10px;
	}
	
	.chandrisimg{
		_behavior: url('/iepngfix.htc');
	}
	
#menu{
	width: 970px;
	height: 26px;
	line-height: 25px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;	background: transparent url(http://www.themethotel.gr/templates/main/images/menu-background.png) top left repeat-x;
	position: absolute;
	top:92px;
	left:0;
	z-index: 10;
}
	#main-navigation{
		float: left;
		margin-left: 25px;
	}
	#main-navigation ul li{
		float: left;
		margin: 0 10px;
	}
	#language-navigation{
		float: right;
		margin: 7px 20px 0 0;
		line-height: 35px;
	}
	#language-navigation ul li{
		float: left;
		margin: 0 5px;
		line-height: 26px;
	}
	#language-navigation ul li.item1 a, #language-navigation ul li.item2 a, #language-navigation ul li.item3 a{
		display: block;
		width: 16px;
		height: 11px;
		overflow: hidden;
		background: transparent url(http://www.themethotel.gr/templates/main/images/flags.gif) 0 0 no-repeat;
	}
	#language-navigation ul li.item1 a{
		background-position: 0 -11px;
	}
	#language-navigation ul li.active.item1 a{
		background-position: 0 0;
	}
	#language-navigation ul li.item2 a{
		background-position: -16px -11px;
	}
	#language-navigation ul li.active.item2 a{
		background-position: -16px 0;
	}
	#language-navigation ul li.item3 a{
		background-position: -32px -11px;
	}
	#language-navigation ul li.active.item3 a{
		background-position: -32px 0;
	}	

#content {
	width: 420px;
	height: 409px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/content-background.png) top left repeat;
	position: absolute;
	top:120px;
	left:0;
	z-index: 10;
	overflow: hidden;
}
	#innerContent{
		margin: 30px 30px 10px 30px;
		position:relative;
		height: 370px;
	}
	#content h2 {
		margin-bottom:20px;
	}
	.contentImageBox{
		width: 305px;
		margin: 20px auto 0 auto;
	}
	.contentImageBox img {
		width: 100px;
		height: 67px;
		margin-right: 1px;
		float: left;
		_display: inline;
	}
	#content ul{
		list-style: disc;
		padding-left: 20px;
	}
	
	#content ul.pdfList {
		list-style: none;
		margin: 0;
		position: absolute;
		bottom: 5px;
		_bottom: 35px;
		left: 30px;
	}
	a.pdfLink {
		padding-left: 30px;
		height: 26px;
		background: transparent url(http://www.themethotel.gr/templates/main/images/pdf.gif) left center no-repeat;
		display: block;
	}
#mainVisual{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 970px;
	height: 530px;
}
	#mainVisualSlides{
		width: 970px;
		height: 530px;
		background-color: #000000;
	}
	.gallerylayer {
		background-color: #000000;
	}
#contentFooter{
	width: 970px;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: solid 1px #1F2129;
	z-index:10;
}
#bookingBox{
	width: 242px;
	height: 80px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/booking-background.jpg) top left no-repeat;
	float: left;
	_display: inline;
	padding: 0;
	overflow: hidden;
	position: relative;
}
	#bookingMask {
		margin: 10px 10px 0 40px;
		*margin-left: 30px;
	}
		#bookingMask input, #bookingMask select{
			background-color: #ccc;
		}
		#bookingMask .date {
			width: 200px;
			margin-bottom: 3px;
		}
		#date-in{
			width: 80px;
		}
		.datepicker{
			position: absolute;
			top: 13px;
			right: 7px;
			*right: 10px;
			display: inline;
		}
		.calendar{
			z-index: 100;
		}
		#use-calendar{
			cursor: pointer;
		}
		#bookingMask  .choose{
			width: 53px;
			float: left;
		}
		#bookingMask  .choose input{
			display: block;
		}
		#bookingMask button{
			float: left;
			display: block;
			_display: inline;
			width: 26px;
			height: 18px;
			margin: 16px 0 0 5px;
			background: transparent url(http://www.themethotel.gr/templates/main/images/go-button.gif) top left no-repeat;
			border: none;
			cursor: pointer;
		}
#specialOffer{
	width: 484px;
	height: 80px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/offers-background.jpg) top left no-repeat;
	float: left;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	overflow: hidden;
	position: relative;
	_display: inline;
	padding: 0;
}
	#cycleOffer{
		width: 460px;
		height: 80px;
		margin-left: 24px;
	}
	.offer {
		width: 450px;
		height: 75px;
		margin: 0 40px 0 10px;
		position: relative;
	}
	.offer h4{
		padding-top: 15px;
	}
	.offer a.offerMore{
		position: absolute;
		top: 50px;
		right: 10px;
		display: block;
		width: 26px;
		height: 18px;
		background: transparent url(http://www.themethotel.gr/templates/main/images/go-button.gif) top left no-repeat;
	}

	#offersNav{
		position: absolute;
		top: 5px;
		right: 5px;
	}
	#offersNav a {
		background-color:#31323e;
		color:#31323e;
		display:block;
		float:left;
		height:0;
		margin:1px;
		overflow:hidden;
		padding-left:6px;
		padding-top:6px;
		width:0;
	}
	#offersNav a.activeSlide{
		background-color: #fff;
	}

#page_about #content h2{
	margin-bottom: 40px;
}

#content .logo_chandris{
	position:absolute;
	top:0px;
	right:23px;
	_behavior: url('/iepngfix.htc');
}	
	
#bestRate{
	width: 242px;
	height: 80px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/bestrate-background.jpg) top left no-repeat;
	float: left;
	_display: inline;
	padding: 0;
	overflow: hidden;
}	
	.bestRateBox{
		width: 200px;
		height: 66px;
		margin-left: 42px;
		margin-top: 10px;
		position: relative;
	}
		
	.bestRateBox span.perPerson{
		display: block;
		float: right;
		height: 30px;
		margin: 4px 50px 0 0;
		_display: inline;
		*margin-top: -30px;
	}
	.bestRateBox span.bestPriceGuaranteed {
		display: block;
	}
	.bestRateBox a#bestPriceLink{
		position: absolute;
		top: 40px;
		right: 10px;
		display: block;
		width: 26px;
		height: 18px;
		background: transparent url(http://www.themethotel.gr/templates/main/images/go-button.gif) top left no-repeat;
	}


#contentShadow{
	position: absolute;
	bottom: -12px;
	left: -6px;
	z-index: 1;
	width: 982px;
	height: 6px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/container-shadow.png) top left repeat-x;
}


#footer{
	background-color: #fff;
	margin-top: 70px;
	position: relative;
}
	#footerCopyright{
		display: block;
		width: 950px;
		margin: 10px auto 0 auto;
	}
	#footerMenu{
		width: 970px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#footerMenu ul li{
		float: left;
		margin: 0 10px;
	}

	#addthisLink{
		position: absolute;
		top: 10px;
		right: 50%;
		margin-right: -485px;
	}
	
	
	
#page_contact #innerContent{
	margin: 30px;
}

#page_home #innerContent{
	margin: 30px;
}
#page_home #content{
	left: 520px;
	top: 180px;
	width: 405px;
	height: 240px;
	background-image: url(http://www.themethotel.gr/templates/main/images/home-content-bg.png);
}
	
#page_location #mainVisual{
	top: 120px;
	left: 420px;
	width: 550px;
	height: 410px;
}

#page_gallery #content{
	width: 970px;
}
#page_gallery #innerContent{
	margin: 0;
}

#page_contact #content{
	overflow-x:hidden;
	overflow-y:scroll;
}


#roomsTitleList, #restaurantsTitleList {
	position: absolute;
	bottom: 0px;
	left: 0px;
	_bottom: 10px;
	_left: 0;
}


	
	
#logoLink img, #weather img, {
	_behavior: url(iepngfix_foreground.htc);
}

/*
#chandrisLogo, #header, #content{
	_behavior: url(iepngfix_background.htc);
}
*/

.roomContent{
	position: relative;
	height: 170px;
	overflow: auto;
}
.jsHide .roomContent{
	overflow: hidden;
}


h3.itemPreviewViewLink a, #newsTitleList h3 a.itemPreviewTitleLink{
	font-size:0.9em;
	*font-size: 0.7em;
	line-height: 1.2em;
}

#mod_pukkaRooms .roomContent.scrollable {
	background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar.png) top right no-repeat;
	_background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar.gif) top right no-repeat;
	width: 170px;
	padding-right:35px;
}


.mainContentHolder {
	height: 340px;
	overflow: auto;
	position: relative;
}
.mainContentHolder.scrollable {
	background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar-large.png) top right no-repeat;
	_background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar-large.gif) top right no-repeat;
	width: 360px;
	padding-right: 35px;
}
.jsHide .mainContentHolder{
	overflow: hidden;
}

#page_accommodation .mainContentHolder, #page_dining .mainContentHolder, #page_news .mainContentHolder  {
	height: auto;
}

.diningContentHolder {
	height: 200px;
	overflow: auto;
	position: relative;
}
.diningContentHolder.scrollable {
	background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar-medium.png) top right no-repeat;
	_background: transparent url(http://www.themethotel.gr/templates/main/images/scrollbar-medium.gif) top right no-repeat;
	width: 340px;
	padding-right: 45px;
}
.jsHide .diningContentHolder{
	overflow: hidden;
}

#page_meetings .intro, #page_weddings .intro{
	margin-bottom: 20px;
}
#page_meetings .mainContent li {
	margin: 10px 0;
}

#page_contact p.intro{
	margin: 0;
}


.gallerydesc{
	position:absolute;
	text-align: right;
	top:126px;
	right:20px;
	color: #666;
	width: 95%;
}

#rss-logo {
	position: absolute;
	top: 64px;
	right: 200px;
}

#TA_selfserveprop90{
	margin: -30px 0 0 50px;
}

/********************   css/global.module.css   ********************/


.itemPreviewTitle a, .itemTitle{
	color: #333;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.itemImage {
	float: left;
	margin: 0 5px 5px 0;
}

.itemPreviewLink {
	*font-size: 1em;
	*line-height: 1.2em;
}




/* ================ FLEXFORMS =============== */

.basicForm {
	display: table; zoom: 1; /* Force block formatting context; in IE<=7, use hasLayout to achieve a non--'width soft shrink-wrapped' but otherwise similar effect to display:table */
/* control font-size in ems from outside this stylesheet; aim for 11px */
}

.basicForm,
.basicFormFieldBlock {
	width: 383px; /* narrow enough to force CAPTCHA-image to wrap down */
}

.basicFormFieldBlock {
	position: relative; zoom: 1;
	margin-bottom: 4px;
}

.basicForm .basicFormFieldBlock:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.requiredFieldMark {
	color: #ff0000;
}

.requiredFieldEmphasis {
	color: #ff0000;
}

.basicForm label,
.basicForm .noteLabel {
	margin-right: 8px;
}

.basicForm label.blockLabel,
.basicForm .noteLabel {
	display: block;
	float: left; _display: inline;
	width: 120px;
	text-align: right;
	line-height: 1.3em;
}

.basicForm label.textareaLabel {
	float: left; _display: inline;
	width: 120px;
	margin-top: 6px;
	text-align: right;
}       

.basicForm .stdLabel {
	float: left; _display: inline;
	margin-top: 6px;
	text-align: left;
}

.basicForm .stdFormBlock {
	margin-left: 128px;
}

.basicForm .checkboxlistItem {
	float: left; _display: inline;
	width: 33%;
	margin-top: 0px !important;
}

.basicForm .checkboxlistItem input {
	float: left; _display: inline;
}

.basicForm .checkboxlistItem span { /* the label text */
	display: inline;
	font-size: 0.9em;
	line-height: 100%;
	font-family: "Arial Narrow", Arial, Verdana;
	text-transform: uppercase;
}



#content p.radiobuttonListItem {
	margin: 5px 0;	
	color: #000;
}


.basicForm .smallTextarea {
	overflow: auto;
	width: 251px;
	height: 36px;
	font-size: 0.95em;
}

.basicForm .textarea {
	float: left; _display: inline;
	overflow: auto; /* Suppress IE's scrollbars */
	margin: 0;
	border: 1px solid gray;
	padding: 1px 0px 0px 2px;
	width: 160px;
	height: 50px;
	font-size: 0.95em;
	font-family: Arial;
}

.basicForm .checkbox {
	float: left; _display: inline;
	margin-top: 2px;
}

.basicForm .input,
.basicForm .select {
	float: left; _display: inline;
	margin: 0px;
	border: 1px solid gray;
	padding: 0;
	width: 160px;
	font-size: 0.95em;
}
.basicForm .input {
	padding-left: 2px;
	height: 1.3em; /* Cross-browser height is 1.23em, but (only) Fx3b5 needs 1.3em */
	padding-bottom: 2px;
}
.basicForm .select {
	padding-left: 1px;
	width: 164px; /* strange cross-browser width discrepancy except in IE8 beta 1 */
	padding-bottom: 1px;
	/* height on <select> /includes/ padding in a strange, cross-browser way */
	height: 1.67em;  /* Cross-browser height is 1.58em, but (only) Fx3b5 needs 1.67em */
} *:first-child+html .basicForm .select { /* A Bad Hack targeting current browser IE7 */
	height: 1.7em;
}
/* START hack for Opera 8 */
@media all and (min-width: 0px) {
	/* ADD styles for Opera 8 */
	.basicForm .input {
		height: 1.65em;
	}
	.basicForm .select {
		width: 158px;
	}
	/* UNDO styles for other browsers (including Op9) supporting both the
	   CSS3 'and' syntax and the CSS3 [attribute^="value"] syntax; IE7
	   supports the latter so presumably future IEs will support both */
	.basicForm .input[class^='input'] {
		height: 1.3em;
	}
	.basicForm .select[class^='select'] {
		width: 164px;
	}
} /* END Opera hack */

.basicForm .captcha-container,
.basicForm .note {
	display: block;
	float: left; _display: inline;
	width: 164px;
}

.basicForm .captcha-container {
	text-align: left;
}

.basicForm .captcha-image {
	display: inline;
	_margin-left: -3px; /* IE<=6 3-pixel jog bug */
}

.basicForm .captcha-container a {
	display: block;
	width: 160px;
}

#captcha-followup {
	clear: left;
}

.basicForm .basicFormSubmit {
	float: left; _display: inline;
	margin-left: 128px;
	margin-top: 15px;
	font-size: 0.95em;
	cursor: pointer;
}  

.basicForm .noteLabel {
	font-weight: bold;
}


/*------------------------GALLERY---------------------*/





#galleryContainer .gallerylayer, #galleryContainer .gallerylayer img{
	width: 970px;
	height: 410px;
}
.scrollableArea img {
	border: 1px solid #000;
	width: 192px;
	height: 98px;
}

#galleryContainer {
	position: absolute;
	top: 0;
	left:0;
	width: 970px;
	height: 410px;
	overflow: hidden;
	z-index: 100;
}

#galleryNavigation {
	position: absolute; 
	top: 0;
	left: 0;
	width: 970px;
	height: 150px;
	z-index: 250;
	display: none;
}
.jsHide #galleryNavigation {
	display: block;
}
#galleryThumbsContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 970px;
	background: transparent url(http://www.themethotel.gr/templates/main/images/overlay_bg.png) top left repeat;
	_background: transparent url(http://www.themethotel.gr/templates/main/images/overlay_bg.gif) top left repeat;
}

#tumbsNavBox {
	height: 100px;
	width: 970px;
	margin-top: 24px;
	position: relative;
}

.scrollingHotSpotLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100px;
	z-index: 252;
}
.scrollingHotSpotRight{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100px;
	z-index: 252;
}
.scrollWrapper{
	position: relative;
	width: auto;
	height: 100px;
	overflow: hidden;
}
.scrollableArea{
	position: relative;
	height: 100px;
	width: auto;
	background-color: #000;
}
.scrollableArea img {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

.clearFloat {
	clear: both;
}

#galleryPrevNav, #galleryNextNav{
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
	z-index: 260;
	background: transparent url(http://www.themethotel.gr/templates/main/images/gallery_btns.png) 0 0 no-repeat;
	background: transparent url(http://www.themethotel.gr/templates/main/images/gallery_btns.gif) 0 0 no-repeat;
}
#galleryPrevNav{
	left: 0;
}
#galleryNextNav{
	right: 0;
	background-position: -40px 0;
}
#galleryImgBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 970px;
	height: 410px;
	z-index: 200;
}

#galleryContainer .gallerydesctext{
	height: 20px;
	line-height: 20px;
	z-index: 201;
	text-align: right;
	background: transparent url(http://www.themethotel.gr/templates/main/images/overlay_bg.png) top left repeat;
	_background: transparent url(http://www.themethotel.gr/templates/main/images/overlay_bg.gif) top left repeat;
}


#page_reviews .mainContentHolder{
	height:auto;
}


/********************   css/global.text.css   ********************/


body{
	color: #333;
}

h1{
	text-align: right;
	color: #b1b1b1;
	font-size: 0.7em;
}

#top-navigation {
	text-transform: uppercase;
	font-size: 0.9em;
	color: #b4b6c5;
}
#weather{
	color: #fff;
	font-size: 0.9em;
}
#main-navigation{
	text-transform: uppercase;
	font-size: 0.9em;
	color: #b4b6c5;
}
#main-navigation ul li a, #top-navigation ul li a, #language-navigation ul li a {
	color: #b4b6c5;
}
#main-navigation ul li.active a, #top-navigation ul li.active a, #language-navigation ul li.active a {
	color: #fff;
}


#content h2 {
	font-size:1.3em;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica;
	letter-spacing: 0.1em;
	font-weight: normal;
}
a.pdfLink {
	line-height: 26px;
	color: #333;
}
#contentFooter{
	color: #fff;
}

	#bookingMask label{
		text-transform: uppercase;
		font-size: 0.8em;
	}
	
	.offer h4{
		font-size: 1.7em;
		color: #fff;
		font-weight: normal
	}
	.offer p{
		color: #999;
	}

	
	

	.bestRateBox span.price_unit, .bestRateBox span.price, .bestRateBox.price_small {
		line-height: 30px;
		font-size: 2.7em;
		font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica;
	}
	.bestRateBox span.price_unit{
		font-family: Verdana;
		font-size: 1.6em;
	}
	.bestRateBox span.price_small {
		font-size: 1.2em;
		font-weight: bold;
	}
	.bestRateBox span.perPerson{
		text-transform: uppercase;
		line-height: 13px;
		font-size: 0.7em;
		color: #a3a3a3;
	}
	.bestRateBox span.bestPriceGuaranteed {
		font-size: 0.65em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #999;
		letter-spacing: 0.08em;
		*letter-spacing: 0.01em;
	}

#footerCopyright{
	font-size: 0.9em;
	color: #A3A089;
}
#footerMenu ul li a{
	color: #78765F;
	text-transform: uppercase;
	font-size: 0.85em;
}
#footerMenu ul li.active a{
	text-decoration: underline;
}

#footerMenu ul li.active a:hover{
	color: #005daa;
}

#bookingMask button, #language-navigation ul li a, .offer a.offerMore, .bestRateBox a#bestPriceLink{
	text-indent: -9999px;
}

  

#page_home #content h2{
	color: #fff;
}
#page_home #content p{
	color:#aaa;
}



#page_home #content a{
	color: #FFF;
}

#page_home #content a:hover{
	color: #005daa;
}
#page_home ul li{
	color: #aaa;
}

#page_location #content a{
	color: #005daa;
}

/********************   libs/jscalendar/calendar.css   ********************/

/* The main calendar widget.  DIV containing a table. */

div.calendar {
	position: relative;
	border: 1px solid black;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
}

.calendar table {
	color: #000;
	background-color: #bfbdba;
	border: 9px solid #bfbdba;
	cursor: default;
}

/* All cells */
.calendar table td {
	text-align: center;
}

/* ====== HEADER -- contains operational and navigation buttons, and day names ====== */

/*  "?", "X" buttons (also affects "<<", "<", ">", ">>" buttons)  */
.button {
	color: #666;
	background-color: #2f2f2f;
}

/* Current "month, year"; pressing it will take you to the current date */
.calendar thead .title {
	color: white;
	background-color: black;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/*  Navigation row: "<<", "<", "Today", ">", ">>"  */
.calendar thead .headrow .button {
	color: white;
	padding-bottom: 2px;
}

/*  Navigation buttons: "<<", "<", ">", ">>"  */
.calendar .nav {
	background: white url(/menuarrow.gif) no-repeat scroll right bottom;
	background-color: inherit;
}

/*  Hover effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .hilite {
	background-color: #1f1f1f;
}

/*  onclick effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .active {
	background-color: black;
}

/* Row <TR> containing the day names */
.calendar thead .daynames {
	background-color: white;
	border: 1px solid #999;
}

/* Cells <TD> containing the day names */
.calendar thead .name {
	color: black;
	border-bottom: 0px solid black;
	padding: 5px;
	text-align: center;
}

/* Weekend day name */
.calendar thead .weekend {
	color: gray;
}

/*  Hover effect for the cells <TD> containing the day names  */
.calendar thead .daynames .hilite {
	background-color: transparent;
}

/*  onclick effect for the cells <TD> containing the day names  */
.calendar thead .daynames .active {
	background-color: transparent;
}


/* ====== BODY -- contains the dates of the month ====== */

/* Cells <TD> containing dates */
.calendar tbody .day {
	text-align: center;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
}

.calendar tbody .day.othermonth {
	color: #bbb;
	font-size: 70%;
}

.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
	background-color: #c1cd23;
}

.calendar table .wn {
	visibility: hidden;
	color: #fcae1d;
	background: transparent none;
}

.calendar tbody td {
	margin: 0;
	padding: 0;
	width: 2em;
	height: 1.5em;
}

.calendar tbody .rowhilite td {
}

.calendar tbody .rowhilite td.wn {
	background-color: #efe;
}

/* Hovered cells <TD> */
.calendar tbody td.hilite {
	background-color: #ffe;
}

/* Active (pressed) cells <TD> */
.calendar tbody td.active {
	background-color: #ddc;
}

/* Cell showing chosen date */
.calendar tbody td.selected {
	color: #fff;
	background-color: black;
	font-weight: bold;
}

/* Cells showing weekend dates */
.calendar tbody td.weekend {
	background-color: #C5DAEB;
}

/* Hovered cells showing weekend dates */
.calendar tbody td.weekend:hover {
	color: black;
	background-color: white;
}

/* Cell showing today's date */
.calendar tbody td.today {
	font-weight: bold;
}

.calendar tbody .disabled {
	color: #999;
}

/* Empty cells (the best is to hide them) */
.calendar tbody .emptycell {
	visibility: hidden;
}

/* Empty row (some months need less than 6 rows) */
.calendar tbody .emptyrow {
	display: none;
	background-color: #ffe;
}


/* ====== FOOTER -- status bar ====== */

/* The <TR> in footer (only one right now) */
.calendar tfoot .footrow {
}

/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {
	color: white;
	background: white url(/bar.gif) no-repeat scroll;
	border: 1px solid black;
	height: 21px;
	/* Zero the text: */
	line-height: 0;
	text-indent: -999em;
	font-size: 0px;
}
/* IE<=7 fails to zero the text completely, making this TD too big */
* html .calendar tfoot .ttip {
	height: 18px;
}
*:first-child+html .calendar tfoot .ttip {
	height: 18px;
}


.calendar tfoot .hilite {
	padding: 1px;
}

.calendar tfoot .active {
	padding: 2px 0px 0px 2px;
}


/* ====== COMBO BOXES -- menus that display months/years for direct selection ====== */

.calendar .combo {
	display: none;
	color: black;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #655;
	width: 4em;
	cursor: default;
	font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	padding: 1px;
	text-align: center;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .hilite {
	background-color: #fc8;
}

.calendar .combo .active {
	background-color: #fee;
	border-top: 1px solid #a64;
	border-bottom: 1px solid #a64;
	font-weight: bold;
}

.calendar td.time {
	background-color: #fed;
	border-top: 1px solid white;
	padding: 1px 0px;
	text-align: center;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	background-color: white;
	border: 1px solid #988;
	padding: 0px 3px 0px 4px;
	font-weight: bold;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	color: white;
	background-color: #866;
	border-color: black;
}

.calendar td.time span.active {
	background-color: black;
	border-color: #f00;
}