/***************  styles/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */
/* 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 */

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}
/***************  styles/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

html {
	background-color: #1B1819;
}

body {
	background: #ffffff url(http://mediaone.devsite-1.com/templates/main/images/body-bg.jpg) repeat-x;
	overflow-x: hidden;
}

body.loggedIn {
	background-position: 0 71px;
}

div#holder {
	position: relative;
	width: 930px;	
	margin: 0 auto;
}

/* START EASY CLEARING */
div#holder:after, /* ALL standards-compliant browsers need this, but I don't know why since the last non-AP child of this div is in-flow! */
div#time-weather:after,
div#languages ul:after { 
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */


/* START OFFSCREEN */
div#cta-menu h2,
div#offers h2,
div#time-weather h2,
div#evangelism h2,
div#address h2,
div#legal h2,
div#credits h2,
div#affiliate h2  {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */


h1 {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 15px;
	margin: 0;
}

h2 {
	margin-top: 0;
}


div#branding {
	width: 930px;	
	height: 92px;
	padding-bottom: 38px;
}

div#branding img#logo {
	display: block;
	width: 236px;
	height: 52px;
	padding-top: 25px;
}

div#languages {
	position: absolute;
	right: 0; top: 150px;
	z-index: 2;
}

div#languages ul {
	float: right;
	padding: 0;
	list-style: none;
	zoom: 1;
}

div#languages li {
	float: left;
	padding-top: 5px;
	min-height: 18px; _height: 18px;
	background: url(http://mediaone.devsite-1.com/templates/main/images/weather_bg.png) no-repeat center center;
	_background-image: url(http://mediaone.devsite-1.com/templates/main/images/weather_bg.gif);
}
div#languages li.first
{	
	background-position: left center;
	padding-left: 5px;
}
div#languages li.last
{	
	background-position: right center;
	padding-right: 5px;
}

div#languages li a {
	padding: 0 5px 0 6px;
	border-left: 1px solid #ffffff;
}
div#languages li.first a {
	border-left: 0 none;
}

div#main-content {
	margin-top: 387px;
	float: right; _display: inline;
	_margin-left: -3px;
	padding-left: 26px;
	width: 544px;
	padding-right: 0;
	padding-bottom: 24px;
	position: relative;
}


div#main-content h2 {
	margin-top: 8px;
}

/* MAIN VISUAL */

div#main-visual {
	position: absolute;
	left: 0;
	top: 134px;
	width: 930px;
	height: 378px;
	z-index: 1;
}

div#main-visual .wrapper { /* Use wrapper due to problems with styling box model of OBJECT in various browsers */
	margin: 0 -235px;
	width: 1400px; height: 370px;
	border-top: 4px solid #CC0027;
	border-bottom: 4px solid #CC0027;
	position: relative;
	z-index: 0;
}

div#main-visual #slideshow {
	position: relative; /* show overflow in IE6/7 */
	width: 1400px;
	height: 370px;
}

div#main-visual #slideshow .slide {
	position: absolute;
	top: 0; left: 0;
	width: 1400px;
	height: 370px;
}

div#main-visual #slideshow .slide img {
	display: block;
	width: 1400px;
	height: 370px;
}

div#main-visual .toolbox-link
{
	left: 550px;
}


div#main-visual .hip-funky-trendy
{
	position: absolute;
	top: 50px; left: 0;
	width: 200px; height: 200px;
	z-index: 1;
}

/* MAIN MENU */

div#main-menu {
	position: absolute;
	left: 0; top: 92px;
	width: 930px;
	min-height: 38px; _height: 38px;
	background: black url(http://mediaone.devsite-1.com/templates/main/images/main-menu-bg.jpg) no-repeat;
	z-index: 1;
}

div#cta-menu {
	position: absolute;
	right: 0;
	top: 50px;
}

div#newsletter-signup {
	position: absolute;
	right: 0; top: 68px;
	width: 200px; height: 25px;
	text-align: right;
}

div#availability-checker {
	margin-top: 389px;
	background-color: #1B1819;
	position: relative;
	float: left; _display: inline;
	padding-left: 6px;
	width: 346px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

div#availability-checker h2 {
	margin-top: 0;
}

div#availability-checker p.best-rate-guaranteed {
	position: absolute;
	right: 8px;
	top: 6px;
	margin-bottom: 0;
}


div.widget_bestPrices {
	background-color: #CC0027;
	float: left; _display: inline;
	clear: left;
	padding-left: 12px;
	width: 110px;
	padding-right: 12px;
	padding-top: 14px;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

div#offers {
	position: relative;
	float: left; _display: inline;
	margin-left: 6px;
	width: 220px;
	margin-bottom: 24px;
}

div#time-weather {
	position: absolute;
	left: 4px; top: 150px;
	z-index: 1;
}


div#legal,
div#address,
div#credits {
	padding-bottom: 10px;
}

div#legal {
	_position: relative;
	clear: both;
	margin-left: 0;
	width: 250px;
	padding-top: 10px;
	height: 24px;
	margin-bottom: -44px;
}


div#address,
div#credits {
	margin-top: 10px;
}

div#address {
	position: absolute;
	left: 250px;
	width: 416px;
}

div#address p {
	margin-bottom: 0;
}
div#address dl.telephone {
	margin-top: 0;
}
div#address dl.telephone dt,
div#address dl.telephone dd {
	float: left; display: inline;
}
* html div#address dl.telephone dt.email,
* html div#address dl.telephone dd.email {
	float: none;
}
*+html div#address dl.telephone dt.email,
*+html div#address dl.telephone dd.email {
	float: none;
}
div#address dl.telephone dt.email {
	clear: left;
}
div#address dl.telephone dd {
	margin: 0 1em 0 0;
}
div#address dl.telephone dd.email {
	margin-right: 0;
}


div#credits {
	position: absolute;
	left: 666px;
	width: 250px;
}

div#affiliates {
	position: absolute;
	left: 786px;
	width: 135px;
	margin-top: 30px;
	padding-bottom: 20px;
}


div#credits p {
	margin-top: 0;
}

/* ----- END LAYOUT COMMON TO ALL PAGES ----- */

div#map
{
	border: 2px solid #CC0027;
}

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/global.menus.css  ***************/

#main-menu ul
{
	padding: 9px 0 0 0;
	list-style: none;
	margin: 0;
}

#main-menu ul:after
{
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#main-menu ul li
{
	float: left;
	padding-left: 13px;
	background: url(http://mediaone.devsite-1.com/templates/main/images/menu-item-dot.jpg) no-repeat left center;
	margin-left: 7px;
}

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

#main-menu ul li a
{
	color: #ffffff;
}

#main-menu ul li a:hover,
#main-menu ul li.active a {
	color: #950A2B;
	text-decoration: none;
}

/* ---------------------------------START CTA MENU -------------------------------------*/

div#cta-menu ul {
	list-style-type: none;
}

div#cta-menu ul li {
	float: left; _display: inline;
	margin: 0;
	border-right-width: 1px;
	border-right-style: solid;
	list-style: none;
	white-space: nowrap;
}
div#cta-menu ul li.last {
	border-right: 0;
}

div#cta-menu ul li a {
	display: block;
	margin: 0 7px;
	padding: 0px 0px 0 0px;
	padding-bottom: 0px;
	line-height: 1em;
	text-decoration: none;
}
div#cta-menu ul li.item1 a {
	margin-left: 0;
}
div#cta-menu ul li.last a {
	margin-right: 0;
}
div#cta-menu ul li.highlight a {
	padding-bottom: 0px;
	border-bottom: 0px solid #000;
}
div#cta-menu ul li a:hover,
div#cta-menu ul li a.active-on {
}

/* ---------------------------------END CTA MENU -------------------------------------*/
/***************  styles/global.text.css  ***************/
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 82%;
}

div#holder {
	color: #1B1819;
}

h1 {
	color: #B02640;
	font-family: Arial, sans-serif;
	font-size: 0.77em;
}

h2, h3, h4, h5, h6 {
	color: #B02640;
	text-transform: uppercase;
}

img.png {
	_behavior: url(/png_behavior.htc); /* PNG fix for IE<=6 */
}

a {
	color: #CC0027;
	text-decoration: none;
}
a:hover {
	color: #EF2C54;
}

div#languages {
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
}

div#languages ul li a {
	color: #ffffff;
}
div#languages ul li a:hover,
div#languages ul li.active a {
	color: #FFC2D6;
}
div#languages ul li a:active {
	color: #FFC2D6;
}

/* MAIN CONTENT */

#main-content
{
	font-family: Calibri, Arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.6;
	color: #1B1819;
}

#main-content h2
{
	font-family: "ITC Avant Guard Gothic BT", "Arial Narrow", Arial, sans-serif;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

#main-content h3
{
	font-family: "ITC Avant Guard Gothic BT", "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 0.8em;
}

#main-content h2, #main-content h2 a,
#main-content h3, #main-content h3 a,
#main-content h4, #main-content h4 a
{
	color: #B02640;
}

#main-content p,
#main-content ul,
#main-content .intro
{
	margin-bottom: 0.8em;
}

#main-content a
{
	color: #B02640;
}

/* MAIN MENU */

div#main-menu {
	font-family: "Arial Narrow", "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
}

/* CTA MENU */

div#cta-menu {
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: lowercase;
}
div#cta-menu ul li {
	border-right-color: white;
	font-size: 0.85em;
}
div#cta-menu ul li a {
	color: white;
}
div#cta-menu ul li a:hover,
div#cta-menu ul li.active a {
	color: #B02640;
}

div#availability-checker {
	font-size: 0.85em;
}


div.widget_bestPrices {
	color: white;
}

div.widget_bestPrices a.booking-link {
	color: white;
}
div.widget_bestPrices a.booking-link:hover {
	color: #CC0027;
}


div#offers {
	font-size: 0.8em;
}

div#offers h3 {
	margin-top: 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	color: #1B1819;
}

div#offers p {
	margin-top: 0;
}

div#offers p.booking-link {
	margin: -1em 0 0;
	text-align: right;
	text-transform: capitalize;
}

div#offers a.booking-link {
	color: #B02640;
}
div#offers a.booking-link:hover {
	color: #EF2C54;
}


div#time-weather {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}

div#time-weather a,
div#time-weather a:visited {
	color: white;
}

div#time-weather .time {
	text-transform: uppercase;
}


div#evangelism,
div#address,
div#legal,
div#credits {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 0.77em;
}

div#evangelism p,
div#address p,
div#legal p,
div#credits p {
	margin-top: 0;
}


div#address {
	line-height: 1.4;
}

div#address p {
	line-height: 1.7;
}

div#address .name,
div#address dl.telephone dt {
	color: #CC0027;
	margin-right: 0.5em;
}

div#address a {
	color: white;
}
div#address a:hover {
	color: white;
	text-decoration: underline;
}


div#credits {
	color: #aaa;
}

div#credits a {
	color: #aaa;
	text-decoration: none;
}
div#credits a:hover {
	color: #aaa;
	text-decoration: underline;
}

div#map
{
	font-size: 0.8em;
	line-height: 1.2;
}


div#map .balloon-content
{
	color: #000000;
}

div#map .marker-content h3,
div#map .marker-content p
{
	margin: 0;
}
/***************  styles/widget.best-prices.css  ***************/
/* =============== ihotelier bestPrices ============== */

div.widget_bestPrices p.from-price {
	margin: 0;
	text-align: center;
}
/* START EASY CLEARING */
div.widget_bestPrices p.from-price:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */
div.widget_bestPrices p.from-price .rooms-available-from {
	display: block;
	font-size: 1.05em;
	font-variant: small-caps;
	text-transform: capitalize;
	margin-bottom: 7px;
}
div.widget_bestPrices p.from-price .price {
	display: block;
	color: #000000;
}
div.widget_bestPrices p.from-price .currency-symbol {
	font-size: 1.5em;
	vertical-align: top;
	position: relative;
	top: 0.2em;
}
div.widget_bestPrices p.from-price .lowest-rate {
	font-size: 2.3em;
}
div.widget_bestPrices p.from-price .qualifier {
	display: block;
	text-transform: none;
	font-size: 1.1em;
}
div.widget_bestPrices p.from-price a {
	background: transparent url(http://mediaone.devsite-1.com/templates/main/images/book_now_bg.png) no-repeat;
	_background-image: url(http://mediaone.devsite-1.com/templates/main/images/book_now_bg.gif);
	display: block;
	margin: 60px auto 0;
	padding-top: 5px;
	width: 90px;
	min-height: 22px; _height: 22px;

	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}

div.widget_bestPrices p.best-rate-guaranteed {
	position: absolute;
	bottom: 43px;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.7em;
	letter-spacing: 0.1em;
}
/***************  styles/widget.timeWeather.css  ***************/
/* =============== templateHelpers digitalClock, templateHelpers weather ============== */

div#time-weather p {
	float: left;
	padding: 5px 10px 0 10px;
	min-height: 18px; _height: 18px;
	margin: 0;
	background: url(http://mediaone.devsite-1.com/templates/main/images/weather_bg.png) no-repeat;
	_background-image: url(http://mediaone.devsite-1.com/templates/main/images/weather_bg.gif);
}
div#time-weather p.time
{
	background-position: left center;
}
div#time-weather p.weather
{
	background-position: right center;
	padding-left: 2px;
}

div#time-weather .label {
	margin-right: 0.3em;
	color: #FFC2D6;
}


div#time-weather .label:after
{
	content: ':';
}/***************  styles/widget.slideshow.css  ***************/

/* SLIDESHOW */

#slideshow {
	position: relative;
	width: 1400px; height: 370px;
}

#slideshow .slide {
	position: absolute;
	top: 0; left: 0;
	width: 1400px; height: 370px;
}

#slideshow .slide img {
	display: block;
	width: 1400px; height: 370px;
}/***************  styles/inc.bookingMask.css  ***************/

/* ------------------------- START BOOKING MASK AND NEWSLETTER ------------------------- */

div#availability-checker form {
	position: relative;
	zoom: 1;
	margin: 0;
}
/* START EASY CLEARING */
div#availability-checker form:after,
div#availability-checker div.date:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */

div#availability-checker h2 {
	font-size: 1.2em;
	margin-bottom: 0.6em;
	color: white;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
}

div#availability-checker label {
	display: block;
	margin: 0 0 4px;
}
div#availability-checker label,
div#availability-checker img.datepicker {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #ffffff;
}
div#availability-checker input,
div#availability-checker select {
	background-color: #CC0027;
	display: block;
	border: 1px solid gray;
	font-size: 0.9em;
	color: white;
}
div#availability-checker input[type~="hidden"] {
	display: none;
}
div#availability-checker div.date,
div#availability-checker div.choose {
	float: left; _display: inline;
	margin-right: 5px;
}
div#availability-checker div.date label#date-format-helper {
	text-transform: lowercase;
}
div#availability-checker div.date input {
	float: left; _display: inline;
	padding-left: 0.5em;
	margin-right: 5px;
} div#availability-checker div.date input {
	width: 9em;
	_width: 98px; /* px-width for IE6 to prevent expanding and hence float-drop */
}
.rtl div#availability-checker div.date input {
	padding-left: 0;
	padding-right: 0.5em;
}
div#availability-checker img.datepicker {
	display: inline;
	margin: -5px 0 0;
	border: 0 none;
	width: 21px;
	height: 24px;
	cursor: pointer;
}
div#availability-checker div.choose.children {
	margin-right: 0; _margin-right: -12px; /* IE<=6 3-pixel jog bug */
}
div#availability-checker div.choose select {
	padding: 1px;
	width: 4.1em; /* WARNING! Allowing for Safari's need for wide select boxes: for font-size which evaluates to 9px, use 4.4em;  for 11px, 4.1em;  for 12px, 4em */
}
div#availability-checker .go {
	background: transparent;
	overflow: visible;
	position: relative;
	float: right; _display: inline;
	top: 4px;
	margin: 0.2em 0 0 5px;
	border: solid #CC0027;
	border-width: 2px 0;
	padding: 2px 4px;
	min-height: 1.7em; _height: 1.7em;
	cursor: pointer;
	color: white;
	font-family: Arial, sans-serif;	
	font-variant: small-caps;
	font-size: 1.2em;
}
div#availability-checker .go:hover {
	color: #CC0027;
}
div.calendar {
	z-index: 10;
}

div#availability-checker p.best-rate-guaranteed {
	font-family: Arial, sans-serif;
	color: #CC0027;
	font-size: 0.75em;
	margin-top: 0.3em;
	text-transform: uppercase;
}

/* -------------------------- END BOOKING MASK AND NEWSLETTER -------------------------- */
/***************  styles/calendar.css  ***************/
/* The main calendar widget.  DIV containing a table. */

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

.calendar table {
	color: #CC0027;
	background-color: #fff;
	border: 9px solid #CC0027;
	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: #CC0027;
}

/* Current "month, year"; pressing it will take you to the current date */
.calendar thead .title {
	color: #fff;
	background-color: #CC0027;
	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-color: #1B1819;
}

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

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

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

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

/* Weekend day name */
.calendar thead .weekend {
	color: #1B1819;
}

/*  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: 1px solid #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: #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: #000;
	color: #fff;
}

/* 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: #1B1819;
	font-weight: bold;
}

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

/* Hovered cells showing weekend dates */
.calendar tbody td.weekend:hover {
	color: #1B1819;
	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;
}

.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: #CC0027;
	color: white;
}

.calendar .combo .active {
	background-color: #737373;
	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;
}/***************  styles/widget.emailBox.css  ***************/

form.email-box input {
	display: inline;
	font-size: 0.75em;
	font-family: Arial, sans-serif;
	color: #808080;
	background: #000000;
	border: 1px solid #282828;
	padding: 0 2px;
}

form.email-box input:focus {
	color: #ffffff;
	border-color: #a0a0a0;
}

form.email-box button {
	display: inline;
	font-size: 0.75em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	background: #352F31;
	border: 0 none;
}