/***************  styles/global.defaults.css  ***************/
/* override browser defaults */

body, h1, h2, h3, h4, h5, h6, p, form, td, button, input, select {margin: 0; padding: 0}

h1, h2, h3, h4, h5, h6 {font-size: 1em}

ul {margin: 0; padding-left: 1.4em; clear: left}

a {text-decoration: none}
a:hover {text-decoration: underline}

a img {border: none}

button {overflow: visible; padding: 0 6px} /* fixed IE's magical, persistent padding problem and aligns it with other browsers */

.hidden {display: none}

.on_top {z-index: 1}

.jsslideshow {position: absolute; top: 0; left: 0} /* If you're using the javascript slideshow *//***************  styles/global.layout.css  ***************/
/* ===== LAYOUT FOR ALL TEMPLATES ===== */

body
{
	background: #1F2023 url(http://www.hotelescenter.es/templates/main/images/body-bg.jpg) repeat-x;
}

#holder
{
	width: 960px;
	margin: 2em auto 0;
	position: relative;
	
	background-color: #ffffff;
}

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

h1#doc-header
{
	position: absolute;
	top: -2em; left: 6px;
}

#branding
{
	width: 960px; height: 110px;
}

#language-navigation
{
	position: absolute;
	top: -2em; right: 0;
}

#main-content
{
	margin-top: 357px;
	width: 430px; min-height: 400px; _height: 400px;
	float: left; _display: inline;
	padding: 25px 25px 25px 25px;
	position: relative;
	z-index: 1;
}
#main-content:after
{
	content: '.';
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}
#main-content.wide
{
	width: 651px;
}

#illustrations
{
	position: absolute;
	top: 139px; left: 0;
	width: 960px; height: 328px;
	padding-bottom: 40px;
	margin-bottom: -40px;
	background: url(http://www.hotelescenter.es/templates/main/images/illustrations-bg.gif) repeat-x left bottom;
	z-index: 0;
}

#main-navigation
{
	position: absolute;
	left: 0; top: 110px;
	width: 960px; height: 28px;
	background: url(http://www.hotelescenter.es/templates/main/images/main-nav-bg.gif) repeat-x;
	border-bottom: 1px solid #7B6B40;
}

#reservation-form
{
	position: absolute;
	right: 10px; top: 191px;
	width: 233px; height: 132px;
}

#related
{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 25px;
}

/* ===== ELEMENTS ===== */

#branding img.logo-group
{
	display: block;
	margin: 0 auto;
	padding-top: 16px;
}
#branding.hotel-logo-large img.logo-group
{
	position: absolute;
	left: 16px; top: 10px;
	padding: 0;
}
#branding img.logo-hotel
{
	display: block;
	margin: 0 auto;
	padding-top: 4px;
}

#illustrations #slideshow .slide
{
	position: relative;
	z-index: 1;
}

#illustrations #slideshow .slide h3
{
	position: absolute;
	bottom: 30px; left: 30px;
	width: 230px; height: 56px;
	padding: 10px 0 0 20px;
	overflow: hidden;
	z-index: 1;
	background: url(http://www.hotelescenter.es/templates/main/images/illustrations-title-bg.png) no-repeat;
	_background: url(http://www.hotelescenter.es/templates/main/images/illustrations-title-bg.gif) no-repeat;
}

#illustrations #slideshow .slide h3 .line1,
#illustrations #slideshow .slide h3 .line2
{
	display: block;
}

#illustrations #slideshow .slide img
{
	width: 960px; height: 328px;
}

#illustrations .left,
#illustrations .right
{
	float: left;
}

/* ===== MAIN NAVIGATION ===== */

#main-navigation ul
{
	padding-left: 0px;
	list-style: none;
}

#main-navigation li.level1
{
	float: left;
	margin: 8px 0;
	padding: 0 14px;
	line-height: 1.1;
	border-left: 1px solid #695B36;
	position: relative;
}

#main-navigation li.item1
{
	border-left: none;
}

#main-navigation li.level1 a
{
	display: block;
	cursor: pointer;
}

#main-navigation li.level1 a:hover, #main-navigation li.active a
{
}

/* DROP DOWN SUBMENUS */

#main-navigation li ul.menuLevel2
{
	display: none;
	position: absolute;
	top: 1.1em; left: 0;
	width: 16em;
	padding-top: 9px;
}

#main-navigation li.has-submenu:hover ul.menuLevel2,
#main-navigation li.has-submenu.hover ul.menuLevel2
{
	display: block;
}

#main-navigation li ul.menuLevel2 li
{
	background-color: #433B24;
	width: 14em;
	padding: 7px 14px;
	border-bottom: 1px solid #7B6B40;
	_display: inline;
	zoom: 1;
}
/* IE7 hack */
*:first-child+html #main-navigation li ul.menuLevel2 li
{
	display: inline;
}
/* end IE7 hack */

#main-navigation li ul.menuLevel2 li a
{
	display: block;
}

#main-navigation li ul.menuLevel2 li.last
{
	margin-bottom: 0;
}

/* EXTRA MENU */

#main-navigation li.extra
{
	border-left: none;
	position: absolute;
	right: 10px; top: -28px;
	width: 400px;
	margin: 0; padding: 0;
}

#main-navigation li.extra a
{
	display: none;
}
#main-navigation li.extra ul li a
{
	display: block;
	color: #AB985B;
}

#main-navigation li.extra ul
{
	float: right;
	position: static;
	display: block;
	background-color: transparent;
	width: auto;
	padding: 0;
}

#main-navigation li.extra ul li
{
	float: left;
	margin: 10px 0;
	width: auto;
	padding: 0 10px;
	line-height: 1.1;
	border-left: 1px solid #AB985B;
	border-bottom: 0 none;
	background-color: transparent;
}

#main-navigation li.extra ul li.item1
{
	border-left: none;
}

/* ===== LANGUAGE NAVIGATION ===== */

#language-navigation h3
{
	display: inline;
}

#language-navigation ul
{
	padding-left: 0;
	list-style: none;
	display: inline;
	margin-right: 6px;
}

#language-navigation ul li
{
	display: inline;
	margin: 0 2px;
}

#language-navigation ul li.active
{
}

#language-navigation ul li a
{
	padding: 0 2px;
}

/* ===== ADDITIONALS ===== */

#share-this
{
	background: #ffffff;
	width: 910px;
	padding: 25px;
	clear: both;
	zoom: 1;
}
#share-this:after
{
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#share-this a
{
	float: right;
	padding-left: 5px;
	margin-right: 5px;
	border: 1px solid #c0c0c0;
	color: #AF9B64;
	text-decoration: none;
}

#share-this a:hover
{
	background: #e0e0e0;
	color: #666666;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#share-this a .label
{
	vertical-align: middle;
}

#share-this a img
{
	width: 28px; height: 28px;
	padding: 2px;
	vertical-align: middle;
	_behavior: url(/iepngfix_foreground.htc);
}

#repeat-navigation
{
	width: 940px;
	padding: 10px 10px 0px 10px;
	background: #404040 url(http://www.hotelescenter.es/templates/main/images/repeat-nav-bg.gif) repeat-x center top;
	text-align: center;
}

#repeat-navigation ul
{
	padding: 0;
	list-style: none;
	display: inline;
}

#repeat-navigation ul li,
#repeat-navigation .widgetOutput.footerQuicklinks .item
{
	display: inline; zoom: 1;
	margin-left: 0.6em;
	padding-left: 0.8em;
	background: url(http://www.hotelescenter.es/templates/main/images/repeat-nav-separator.gif) no-repeat left center ;
}

#repeat-navigation ul li.item1
{
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}

#repeat-navigation li.has-submenu ul.menuLevel2,
#repeat-navigation li.cities
{
	display: none;
}
#repeat-navigation li.extra ul.menuLevel2
{
	display: inline;
}

#repeat-navigation ul li.extra a
{
	display: none;
}
#repeat-navigation ul li.extra li a
{
	display: inline;
}

#repeat-navigation a
{
	white-space: nowrap;
}

#repeat-navigation img.grupo-noga
{
	display: block;
	margin: 12px auto 0;
}

#repeat-navigation ul.affiliation-links
{
	display: block;
	padding-top: 2px;
}

#repeat-navigation ul.affiliation-links li a
{
	color: #999999;
}

#repeat-navigation ul.affiliation-links li
{
	background-image: url(http://www.hotelescenter.es/templates/main/images/repeat-nav-separator-b.gif);
}


#repeat-navigation ul.affiliation-links li.item1
{
	background-image: none;
}

/* ===== RELATED ===== */

#related p.address
{
	float: left;
	padding: 8px 12px;
}

#travelclick-link
{
	float: right;
	padding: 8px 12px;
}

#related .affiliation-links
{
	clear: both;
	padding: 20px 0;
	text-align: center;
}

#related .affiliation-links a
{
	margin: 0 15px;
}/***************  styles/global.text.css  ***************/
/* TEXT STYLES */

body
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 68%;
}

h1, h2, h3, h4, h5, h6
{

	font-weight: normal;
}

h1#doc-header
{
	color: #B7A472;
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
}

/* ===== MAIN NAVIGATION ===== */

#main-navigation
{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #E1D9C6;
	text-transform: uppercase;
}

#main-navigation li.level1 a
{
	color: #E1D9C6;
	text-decoration: none;
}

#main-navigation li.level1 a:hover,
#main-navigation li.active a
{
	color: #ffffff;
}

#main-navigation li.extra ul
{
	font-size: 0.9em;
}

#main-navigation li.extra li a:hover,
#main-navigation li.extra li.active a
{
	color: #4a4128;
}

/* ===== LANGUAGE NAVIGATION ===== */

#language-navigation
{
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #AF9B64;
	font-size: 0.9em;
}

#language-navigation ul li
{
	text-transform: uppercase;
}

#language-navigation a
{
	text-decoration: none;
	color: #AF9B64;
}


#language-navigation ul li.active a,
#language-navigation ul li a:hover
{
	background: #AF9B64;
	color: #ffffff;
}
/* ILLUSTRATIONS */

#illustrations #slideshow .slide h3
{
	font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 1.7em;
	color: #ffffff;
}
#illustrations #slideshow .slide h3 .line2
{
	font-size: 0.9em;
}

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

#main-content
{
	line-height: 1.35;
	color: #666666;
	font-size: 1em;
}

#main-content h2, #main-content h2 a,
#main-content h3, #main-content h3 a,
#main-content h4, #main-content h4 a
{
	color: #666666;
	text-decoration: none;
}

#main-content h2 a:hover,
#main-content h3 a:hover,
#main-content h4 a:hover
{
	color: #AF9B64;
	text-decoration: none;
}

#main-content h2
{
	font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 1.7em;
	color: #AF9B64;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#main-content h3
{
	font-size: 1.3em;
	font-weight: bold;
}
#main-content h4
{
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}

#main-content p.intro
{
	font-size: 1.1em;
	margin-bottom: 20px;
}

#main-content p
{
	text-align: justify;
	margin-bottom: 12px;
}

#main-content a
{
	color: #AF9B64;
	text-decoration: underline;
}

#main-content a:hover
{
	text-decoration: none;
}

#main-content ul
{
	margin-bottom: 12px;
}
/* ===== RESERVATION FORM ===== */

#reservation-form 
{
}

/* ===== ADDITIONALS ===== */

#share-this
{
	
}

#repeat-navigation
{
	color: #AF9B64;
	text-transform: uppercase;
	font-size: 0.85em;
}

#repeat-navigation a
{
	color: #AF9B64;
}

#repeat-navigation .active a,
#repeat-navigation a:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* ====== RELATED ===== */

#related
{
	color: #666666;
	font-size: 0.9em;
}

#travelclick-link a
{
	color: #666666;
}/***************  styles/global.module.css  ***************/

ul.taskMenu
{
	padding: 0;
	list-style: none;
	zoom: 1;
}

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

ul.taskMenu li
{
	float: left;
	padding-left: 10px;
	border-left: 1px solid #B02640;
	margin-left: 10px;
}

ul.taskMenu li.first
{
	padding-left: 0;
	border-left: 0 none;
	margin-left: 0;
}

ul.taskMenu li a:hover,
ul.taskMenu li.currentTask a
{
	color: #606060 !important;
}/***************  styles/module.flexForms.css  ***************/
/* ================ 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: 6px;
}

.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;
	font-weight: normal; /* Problem: This should be unnecessary, but when logging in it is set to bold in admin.css */
}

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

.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 {
	position: absolute;
	bottom: 0;
	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;
}

.basicForm .radiobuttonListItem {
	position: relative;
	float: left; _display: inline;
	width: 50px;
	text-align: center;
	margin: 0 !important;
}

.basicForm .radiobuttonListItem span { /* the label text */

}

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

.basicForm .textarea {
	float: left; _display: inline;
	overflow: auto;
	margin: 0;
	border: 1px solid gray;
	padding: 1px 0px 0px 2px;
	width: 251px;
	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: 25px;
	font-size: 0.95em;
	cursor: pointer;
}  

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

form.miceRequest
{
	padding-right: 220px;
	background: url(http://www.hotelescenter.es/templates/main/images/mice-logo.jpg) no-repeat top right;
}

form.weddingRequest
{
	padding-right: 220px;
	/*background: urlx(../images/ebrochures/all_hotels_weddings.jpg) no-repeat top right;*/
}
/***************  styles/comp.reservationForm.css  ***************/
/* ... BOOKING FORM ... */

form.reservation
{
	background: url(http://www.hotelescenter.es/templates/main/images/booking-bg.png) no-repeat;
	width: 214px; height: 132px;
	padding-left: 19px;
	_behavior: url(/iepngfix_background.htc);
}

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

/* ----------------- */

form.reservation h3
{
	padding-top: 6px;
	text-align: center;
	padding-right: 27px;
	margin-bottom: 7px;
	_position: relative;
}

form.reservation label /* SELECT LABELS, NIGHTS ETC. */
{
	display: block;
	padding-bottom: 2px;
	line-height: 1;
	_position: relative;	
}

/* ----------------- */

form.reservation .date
{
	float: left;
	width: 114px;
	margin-bottom: 6px;
}

form.reservation .date input#date-visual
{
	width: 70px;
	padding: 2px;
	border: 1px solid #c0c0c0;
	vertical-align: middle;
	margin-right: 1px;
	_position: relative;
}

form.reservation img#calendar-icon
{
	cursor: pointer;
	vertical-align: middle;
	margin: -5px 0;
	background: url(http://www.hotelescenter.es/templates/main/images/calendar-icon.png) no-repeat; /* We use the image as background images instead so it's easy to flip to hover state */
	padding: 17px 26px 0 0;
	width: 0; height: 0;
	
	_background: url(http://www.hotelescenter.es/templates/main/images/calendar-icon.gif) no-repeat;
	_position: relative;
}

form.reservation img#calendar-icon:hover
{
	background-position: 0 -17px;
}

/* ----------------- */

form.reservation .selectBlock
{
	float: left;
	margin: 0 9px 6px 0;
}

form.reservation .nights
{
	clear: left;
}

form.reservation .selectBlock select
{
	padding: 1px;
	border: 1px solid #c0c0c0;
}

form.reservation .nights select,
form.reservation .adults select,
form.reservation .children select
{
	width: 37px; 
	margin-right: 8px;
}

form.reservation .hotel select
{
	width: 82px;
}

/* ----------------- */

form.reservation button.submit
{
	float: left;
	cursor: pointer;
	margin-top: 11px;
	margin-left: 3px;
	width: 31px; height: 21px;
	padding-bottom: 2px;
	border: none; 
	background: url(http://www.hotelescenter.es/templates/main/images/booking-submit.png) no-repeat;
	_background: url(http://www.hotelescenter.es/templates/main/images/booking-submit.gif) no-repeat;
	_position: relative;
}

form.reservation button.submit:hover
{
	background-position: 0 -21px;
}

/* TEXT */

form.reservation
{
	font-size: 1em;
	font-family: Arial, sans-serif;
}

form.reservation h3 /* CHECK AVAILABILITY */
{
	font-size: 1.3em;
	letter-spacing: 0.05em;
	color: #A4997F;
	text-transform: uppercase;
}

form.reservation label /* SELECT LABELS, NIGHTS ETC. */
{
	font-family: "Franklin Gothic", "Arial Narrow", Arial, helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	color: #808080;
}

form.reservation .children label .lang_en
{
	letter-spacing: -0.07em;
}

form.reservation input,
form.reservation select
{
	font-size: 0.8em;
	font-family: Arial, helvetica, sans-serif;
	color: #522C1B;
	text-transform: uppercase;
}

form.reservation button.submit
{
	font-family: "Franklin Gothic", "Arial Narrow", Arial, helvetica, sans-serif;
	font-size: 1em;
	color: #D1C6A7;
	text-transform: uppercase;
	text-align: center;
}

form.reservation p.call-for-reservation
{
	clear: both;
	color: #ffff00;
	font-size: 1.2em;
}/***************  styles/calendar.css  ***************/
/* The main calendar widget.  DIV containing a table. */

div.calendar {
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	border: 1px solid #000;
	z-index: 10;
}

.calendar table {
	color: #4b4b4b;
	background-color: #747e7e;
	border: 9px solid #b7bcbc;
	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: #fff;
	background-color: #97712f;
}

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

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

/*  Navigation buttons: "<<", "<", ">", ">>"  */
.calendar .nav {
	
	background-color: #97712f;
}

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

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

/* Row <TR> containing the day names */
.calendar thead .daynames {
	border: 0 solid #999;
}

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

/* Weekend day name */
.calendar thead .weekend {
	color: #4b4b4b;
}

/*  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 none #fff;
	border-right: 1px none #8a8a8a;
	border-bottom: 1px none #8a8a8a;
	border-left-width: 1px;
	border-left-color: #fff;
}

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

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

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

.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: #b6bcbc;
}

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

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

/* Cells showing weekend dates */
.calendar tbody td.weekend {
	color: #fff;
	background-color: #a0a3a3;
	border-color: #1b5175;
}

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

/* 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;
}


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

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

/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {
	color: white;
	/* 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 {
}
*:first-child+html .calendar tfoot .ttip {
}


.calendar tfoot .hilite {
}

.calendar tfoot .active {
}


/* ====== 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 #000;
	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: gray;
	color: #fff;
}

.calendar .combo .active {
	background-color: #97712f;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	color: #fff;
	
}

.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;
	
}