/*
outline:
     1.0 generic elements, reset
     2.0 wrappers
     3.0 branding
     4.0 content area
     5.0 sidebar
     6.0 forms
     7.0 footer
     8.0 miscellaneous
*/


/* -------------------------- * 1.0 Generic element styles * -------------------------- */


html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, td, tbody, textarea, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    font-size: 100.01%;
    padding: 0;
    vertical-align: baseline;
}

address { font-style:normal; }
a { outline:none; }
a img { border:0; }
img { display:block; }
hr { display:none; }
table { border-collapse:collapse; }
ul{ list-style:none; }
fieldset { border:0; }

*.alt { position:absolute; left:-9999px; top:-9999px; }

/* -------------------------- * 2.0 Wrapper styles * ------------------------------- */

body { 
    background:#fff;
    font:62.5% Arial, sans-serif;
    padding:1em 0 0;
}

div#outer-wrapper {
    margin: 0 auto;
}

div#wrapper {
    width: 100%;
}

/* -------------------------- * 3.0 Branding * ---------------------------------------- */

div#header {
    height: 150px;
    overflow: hidden;
}

div#branding {
    float:left;
}

div#masthead {
    float:left;
}

/* -------------------------- * 4.0 Content area styles * -------------------------- */

div#content-wrapper {
    width:100%;
}

    div#make-a-reservation {
    }

    div#steps ul {
	width:852px;
    }

    div#steps ul li {
	display:-moz-inline-box; /* For older Gecko versions used in Firefox 2 and below. Firefox 3 supports inline-block natively. */
	display:inline-block;
    }

    div#content {
	background:#fff;
    }

	div#content-inner {
	}

	div#calendar {
	}


/* -------------------------- * 6.0 Form styles * -------------------------- */

form { margin:0 20px 20px 20px; }

fieldset {
    position:relative;
}

legend { 
    padding:0 0.25em .5em 0.25em;
    font-size:1.1em;
    color:#60492A;
}

legend span {
    position:absolute;
    top:0;
    left:1em;
}

div.fieldset {
    padding:2.2em 0 0;
}

form input.required, form select.required { 
    background-image: url(/global/images/icon-required.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

form.standard .textfield, form.standard select {
    float:left;
    display:inline;
    font-size:1.2em;
    min-width:70px;
    padding:2px 3px 2px 7px;
}

form.standard select option {
    font-size:1.1em;
}

label { cursor:pointer; font-size:1.2em; color:#60492A; }
label.validation-error { background-color: #FF6; }
option { padding:0 3px; }
input, select, form textarea, button { font:1.1em Arial, Helvetica, sans-serif; }
div.buttons input {
    font-size:1.2em;
}
input.readonly { background-color: #eee !important; }
/*
input.textfield:focus, textarea:focus, input.focus, textarea.focus { 
    background:#f8f4ed;
}
*/
.textfield { 
    width:150px;
    border:1px solid #999;
    padding:2px 1px 2px 3px;
}
textarea.textfield { width:225px; height:75px; }
input.tiny { width:20px; }
input.small { width:70px; }
input.medium { width:100px; }
input.large { width:175px; }
div.field { clear:both; margin-bottom:0.3em; overflow:hidden; min-height:0; }
span.required, label.required { font-weight:bold; }
div.field label { display:block; float:left; width:137px; padding:0.1em 0.5em 0.2em 0.5em; text-align:right; font-size:1.2em; }


div.field label.no-float { display:inline; float:none; padding-right:0; padding-left: 0; }
div.buttons { padding-left:157px; }
ul.checkboxgroup { list-style:none; float:left; padding-top:5px; margin:0 0 1em 1em !important; }
ul.checkboxgroup li {  display:block; clear:left; overflow:hidden; float:left; }
ul.checkboxgroup li label { font-size:1.1em; }

html>body ul.checkboxgroup li { line-height:1.4; }
ul.checkboxgroup input { float:left; display:inline; margin:0 2px 0 0;}
div.field ul.checkboxgroup li label { float:left; display:inline; text-align:left; margin:0px 0 0 0; padding:0; width:auto;}
ul.column { float:left; width:40%; margin-right:12px; }
a.icon-cal img, img.validation-error { margin-left:3px; vertical-align:top; display:inline; }
form noscript { font-size:1.2em; font-style:italic; color:#888; }
input.room_needs { width:25px; border:1px solid #999; padding:2px 3px; }
input.meeting_needs { width:80px; border:1px solid #999; padding:2px 3px; }
table.rfp-details { width:450px; border-collapse:collapse; }
table.rfp-details th, table.rfp-details td { padding:1px; color:#60492A; }
table.rfp-details th.meeting-day { width:75px; }
table.rfp-details input.textfield{ width:40px; }
table#block-requirements { width:320px; }
table#meeting-requirements { width:320px; }

div#content form ul { font-size: 1em; margin:0 0 8px; padding:0; }
div#content form table { margin: 0; } 
div#content form table input,
div#content form table select { font-size: 1em; }
div#content p img { display:inline; }

div#content form img.ui-datepicker-trigger { vertical-align:top; display:inline; }

select#country {
    width:240px;
}


/* -------------------------- * 7.0 Footer styles * -------------------------- */

div#footer {
    padding:1em 0 0;
}

    ul#nav-utility {
	clear:both;
	overflow:hidden;
	position:relative;
    }

    ul#nav-utility li {
	line-height:1.6em;
	margin:0 9px;
	float:left;
	padding:9px 0;
	vertical-align:top;
    }

    ul#nav-utility li a {
	text-decoration:none;
    }

    ul#nav-utility li a:hover {
	text-decoration:underline;
    }

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-trigger { margin-left: 3px; vertical-align: top; }

#ui-datepicker-div, .ui-datepicker-inline {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #fff;
	font-size: 1.1em;
	border: 3px solid #d3d3d3;
	width: 15.5em;
	padding: 3px 4px;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #fff;
}
.ui-datepicker-inline { float: left; display: block; }

.ui-datepicker-control { font-size: 0.9em; margin: 0 4px 3px 0; background-color: #E5E5E5; border: 1px solid #D3D3D3; height: 15px; position: relative; width: 100%; }
.ui-datepicker-control div { top: 0; padding: 1px 2px; width: 45%; position: absolute; cursor: pointer; color: #555555; }
.ui-datepicker-clear { left: 0; text-align: left; }
.ui-datepicker-close { right: 0; text-align: right; }

.ui-datepicker-current {
	display: none;
}
.ui-datepicker-links { height: 18px; width: 100%; position: relative; }
.ui-datepicker-next, .ui-datepicker-prev { top: 0; position: absolute; text-indent: -999999px; width: 14px; background: #e6e6e6; cursor: pointer; }
.ui-datepicker-prev { left: 0; }
.ui-datepicker-next { right: 0; }
.ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #dadada; }
.ui-datepicker-next a, .ui-datepicker-prev a,
.ui-datepicker-next label, .ui-datepicker-prev label {
	height: 16px;
	display: block;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	background: url(/images/calendar/arrow-dark-left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a, .ui-datepicker-next label { background: url(/images/calendar/arrow-dark-right.gif) 50% 50% no-repeat; }
.ui-datepicker-prev a:hover { background: url(/images/calendar/arrow-light-left.gif) 50% 50% no-repeat; }
.ui-datepicker-next a:hover { background: url(/images/calendar/arrow-light-right.gif) 50% 50% no-repeat; }

.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: 23px;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.2em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada;
}
table.ui-datepicker td a:active {
	border: 1px solid #FFB9B9;
	color: #222222;
	background: #dadada;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
	/*border-bottom: 1px solid #d3d3d3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}

table.ui-datepicker .ui-datepicker-unselectable { color: #ccc; padding: .1em .3em .1em 0; border: 1px solid #ffffff; }
table.ui-datepicker .ui-datepicker-current-day a { border: 1px solid #FFB9B9; }

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


form#form-search div.contains-calendar {
    position:static !important;
}

form#form-condo div.contains-calendar label {
    padding:0;
    text-align:left;
    width:60px;
}

form#form-condo div.contains-calendar input {
    border:2px solid #D9D9D9;
    padding:0 2px;
    width:90px;
}

form#form-condo div.contains-calendar img.ui-datepicker-trigger {
    clear:both;
    display:block;
    left:97px;
    position:relative;
    top:-23px;
    width:24px;
}