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

Base stylesheet for widget

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

/* Redesign for Booking Engine */
	
	#widgetOverlay th {
		font-weight:normal;
		font-size: 14px !important;
	}
	
	#widgetOverlay input, select, textarea {
		background:#FFFFFF none repeat scroll 0 0;
		border:1px solid #858585;
		color:#000000;
		font-size: 14px !important;
	}
	#widgetOverlay {
		font-family: arial, 'helvetica neue', helvetica, sans-serif;
		line-height: 1.15em;
		font-weight: normal;
		display: none; /* Display: block on JS init */
		color:#fff;
		background: none;
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		width: 100%;
		height: 100%;
		width: 700px;
		height: 200px;

	}
	#widgetOverlay h2 {
		display: none;
	}
	#widgetOverlay a {
		color:#c5c4c3;
		text-decoration: underline;
		margin: 0px;
		padding: 0px;
		background: none;
	}
	#widgetOverlay a:hover	{
		color:#fff;
		text-decoration: underline;
	}

	#widgetOverlay .empty {
		color: #535353;
	}
	#widgetOverlay .error {
		display: block;
		font-size: 93%;
		font-weight: bold;
		color: #fff;
		height: 25px;
		background: url(widget-error.gif) no-repeat 0 0;
		padding: 1px 4px;
		text-transform: none;
		position: absolute;
		white-space: nowrap;
		left: 100px;
		top: -6px;
		z-index: 20000;
		}
	#widgetOverlay ul {
		padding:0;
		margin:0;
		font-size:90%;
		}
	#widgetOverlay ul ul {
		margin: 0;
		padding: 0;
		}
	#widgetOverlay ul li {
		/* float: left; */
		clear: both;
		list-style-type: none;
		position: relative;
		width: 100%;
		margin:0 0 5px;
		}
	#widgetOverlay ul li.moreOptions h3 {
		text-transform: none;
		padding-bottom: 6px;
	}
	#widgetOverlay ul li.moreOptions a {
		padding-left: 11px;
		background: url(images/bullet.gif) no-repeat left center;
	}
	#widgetOverlay ul li.closed{
		display: none;
		}
	#widgetOverlay label {
		display: block;
		margin: 0 0 3px 0 !important;
		float: none !important;
		font-weight: normal !important;
		font-size: 14px !important;
		width: auto !important;
	}
	#widgetOverlay input {
		float: none !important;
	}
	
	#widgetOverlay h3 {
		font-weight: normal;
		line-height:1em;
		font-size: 14px;
		margin: 0px;
		padding: 2px 0px 0px 0px;
	}
	
	#widgetOverlay div {
		display:block;
		margin:0;
		padding:0;
		position:relative;
	}
	
	#widgetOverlay #widgetOverlay-h {
		width: 180px;
	}

	#widgetOverlay ul li label
	{
		font-size: 90%;
		float:left;
		width:115px;
		text-align:left;
		margin:0;
		color:#fff;
		}
	#widgetOverlay ul li span.units {
		margin-left: 0.5em;
		}
	#widgetOverlay ul li label.dateType{
		clear:none;
		width:38px;
		font-size:90%;
		text-transform:none;
		}
	#widgetOverlay ul li label.calendar{
		float: left;
		margin-left: 5px;
		text-indent:-3000px;
		background-image:url("images/icn_calendar.gif");
		background-position:0 0;
		background-repeat:no-repeat;
		width:17px;
		height:17px;
		cursor: pointer;
		}
	#widgetOverlay ul li .note{
		text-transform: none;
		display: block;
		font-size: 80%;
		}
	#widgetOverlay ul li input{
		clear:left;
		float:left;	
		width:120px;
		font-size:100%;
		margin:0;
		}
	#widgetOverlay ul li input.checkbox{
		clear:none;
		float:left;		
		padding:0;
		margin:6px 2px 0 0;
		width:15px;	
		background: none;
		border: none;
		}
	#widgetOverlay ul li label.flex {
		width: 98px;
		margin: 5px 0 0 2px;
	}
	#widgetOverlay ul li.typeFlex {
		background: url(dots.gif) repeat-x left bottom;
		overflow: auto;
		padding-bottom: 10px;
	}
	
	#widgetOverlay ul li a.availability { 
		display: block;
		height: 18px;
		width: 121px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
	}
	#widgetOverlay ul li a.availability:hover {
	}
	#widgetOverlay ul li span.btnOuterWrapper {
		position: relative;
		background-color: none;
		background: url("sprites8bit.png") right 0px !important;
		margin: 0px;
		padding: 0px;
		margin: 0px 5px 0px 0px;
		height: 20px;
		overflow: visible;
		width: 123px;
	}
	
	
	#widgetOverlay ul li input.first{ clear:left; }
	#widgetOverlay ul li select.h,
	#widgetOverlay ul li select#widgetOverlaypartners{
		width:120px;
		text-transform:none;
		font-size:100%;
		}
	#widgetOverlay ul li label.h{	
		margin-bottom: 20px;
		float: none;
	}
	#widgetOverlay ul li select.open {
		/* widens the hotels list on mouseover since IE can't separate the select box width from its options widths */
		*width: 475px !important;
		}
	#widgetOverlay ul li select.open option{
		/* takes away the awkward "highlight only the option text, not the whole line" behaviour in firefox (since the
			select box has a forced width) */
		width: 100%;
		}
	#widgetOverlay ul li select#widgetOverlaynumRooms{
		float:left;
		clear:none;
		}
	#widgetOverlay ul li select {
		position: relative;
	}
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm, 
	#widgetOverlay ul li#widgetOverlay-gm {
		width:100%; 
		background: url(dots.gif) repeat-x left bottom; 
		padding-bottom:5px;
	}
	#widgetOverlay ul li#widgetOverlay-gm label{
		float:left;
		margin:0;
		padding:0;
		width:auto;	
		}
	#widgetOverlay ul li#widgetOverlay-gm label.numRooms {
	
		}
	#widgetOverlay ul li#widgetOverlay-gm select{
		margin-left:2px;
		font-size:100%;
		}
	#widgetOverlay ul li#widgetOverlay-gm table#widgetOverlayrooms,
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms {
		clear:both;
		margin-top:10px;
		font-size:80%;
		color:#fff;
		width:auto;
	}	
	#widgetOverlay ul li#widgetOverlay-gm table#widgetOverlayrooms thead th, 
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms thead th {
		background: transparent;
		text-align: left;
		}
	#widgetOverlay ul li#widgetOverlay-gm table#widgetOverlayrooms tr th.room, 
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms tr th.room { 
		white-space:nowrap; 
		text-align: left;
		}
	#widgetOverlay ul li#widgetOverlay-gm table#widgetOverlayrooms select.kids,
	#widgetOverlay ul li#widgetOverlay-gm table#widgetOverlayrooms select.adults, 
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms select.kids,
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms select.adults { 
		width:40px;		
		}

	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms td,  
	#widgetOverlay ul li#availabilityRequestBookingWidget-gm table#availabilityRequestBookingWidget-rooms tbody th { 
		border: none;
		}
	
	#widgetOverlay ul li ul{
		font-size:100%;
		}
	#widgetOverlay ul li ul li{
		/* float: left; */
		clear:both;
		width:100%;
		}
	#widgetOverlay li.moreOptions,
	#widgetOverlay li.moreOptions div,
	#widgetOverlay li.moreOptions div ul,
	#widgetOverlay li.moreOptions div ul li,
	#widgetOverlay li.moreOptions div ul li label,
	#widgetOverlay li.moreOptions div ul li select,
	#widgetOverlay li.moreOptions div ul li input {
		zoom: 1; /* hasLayout IE6 fix for disappearing promo box on post-back bug */
	}
	#widgetOverlay li.moreOptions .closed {
		display: none;
		}
	
	#widgetOverlay li.moreOptions .open {
		display: block;
		float:left;
		}
	
	#widgetOverlay div.widget ul li.moreOptions ul {
		padding-bottom:3px;
		background: none;
		float: none;
		}
	#widgetOverlay ul li.moreOptions ul li {
		clear: both;
		}

	#widgetOverlay .moreOptions {
		width: 220px !important;
		position: absolute !important;
		top: 10px;
		left: 440px;
		height: 150px;
		padding: 0px 0px 0px 30px;
		background: url(sprites8bit.png) -900px -46px no-repeat !important;
	}

	#widgetOverlay table {
		font-size: 0.9em;
	}
	
	#widgetOverlay span.btnOuterWrapper {
		position: relative;
		display: block;
		padding: 0;
	}
	#widgetOverlay span.btnOuterWrapper .shadow {
		position: absolute;
		top: 2px;
		left: 2px;
		opacity: .2;
		filter:alpha(opacity=20);
		background: #000;
		width: 100%;
		height: 100%;
		zoom: 1;
	}
	#widgetOverlay span.btnOuterWrapper a {
		text-decoration: none;
	}


	#widgetOverlay span.btnOuterWrapper input.btnInnerWrapper {
		padding-top: 0;
		margin: 0;
		height: 18px;
	}
	#widgetOverlay span.btnOuterWrapper .btnInnerWrapper {
		cursor: pointer;
		padding: 1px 2em 3px 2em;
		height: 13px;
		border: none;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		white-space: nowrap;
		float: none;
		display: block;
		background-color: none;
		background: url("sprites8bit.png") 0px 0px !important;
		margin: 0px 5px 0px 0px;
		height: 14px;
		overflow: visible;
	}



	#widgetOverlay #widgetOverlay-booking-widget {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#widgetOverlay .mainLoewsBookingWidget-chooseHotel {
		width: 220px !important;
		position: absolute !important;
		top: 10px;
		left: 20px;
		z-index: 1000;
	}
	#widgetOverlay .mainLoewsBookingWidget-checkIn {
		width: 220px !important;
		position: absolute !important;
		top: 60px;
		left: 20px;
		z-index: 1000;
	}
	#widgetOverlay .mainLoewsBookingWidget-checkOut {
		width: 220px !important;
		position: absolute !important;
		top: 110px;
		left: 20px;
		z-index: 1000;
	}
	#widgetOverlay .mainLoewsBookingWidget-submit {
		width: auto !important;
		position: absolute !important;
		bottom: 10px;
		right: 10px;
	}
	#widgetOverlay #widgetOverlay-rooms {
		margin-top: 10px;
	}
	#widgetOverlay #widgetOverlay-gm {
		width: 220px !important;
		position: absolute !important;
		top: 10px;
		left: 220px;
		height: 150px;
		padding: 0px 0px 0px 30px;
		background: url(sprites8bit.png) -900px -46px no-repeat !important;
	}



	/* //Redesign for Booking Engine */
	
	#mainLoewsBookingWidgetCalendar{
		z-index:30000; font-size: 12px;
	}
	#mainLoewsBookingWidgetCalendar table{
		border:solid 1px #888;
	}
	#mainLoewsBookingWidgetCalendar .groupcal{
		float:left;
	}
	
	#mainLoewsBookingWidgetCalendar .close-icon {
		height: 12px;
		position: absolute;
		right: 5px;
		top: 5px;
		z-index: 1;
		cursor: pointer;
	}
	
	#mainLoewsBookingWidgetCalendar iframe{
		position:absolute;
		border:none;
		margin:0;
		padding:0;
		z-index:0;
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		}
	
	#mainLoewsBookingWidgetCalendar iframe.fixedsize{
		width:50em;
		height:50em;
		top:-1px;
		left:-1px;
	}
	
	#mainLoewsBookingWidgetCalendar tr th.calhead{
		padding:2px;
		background-color:#818b94;
		color:#fff;
		text-transform:uppercase;	
	}
	#mainLoewsBookingWidgetCalendar tr.calweekdayrow{
		border-left:solid 2px #fff;
		border-right:solid 2px #fff;
	}
	#mainLoewsBookingWidgetCalendar tr.calweekdayrow th.calweekdaycell{
		background-color:#000;
		color:#fff;
		border-right:solid 2px #fff;
		border-left:solid 2px #fff;
	}
	
	/*
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	Version 0.11.3
	*/
	
	#mainLoewsBookingWidgetCalendar .yui-cal2upwrapper {*height:1%;} /* IE */
	#mainLoewsBookingWidgetCalendar .yui-cal2upwrapper:after {content:'.';clear:both;display:block;visibility:hidden;height:0;} /* others */
	
	#mainLoewsBookingWidgetCalendar {
		/* float:left; */
		padding:2px;
		background-color: #908a7a;
		border:1px solid #fff;
	}
	
	#mainLoewsBookingWidgetCalendar .title {
		font:100% sans-serif;
		color:#000;
		font-weight:bold;
		margin-bottom:5px;
		height:auto;
		position:relative;
	}
	
	#mainLoewsBookingWidgetCalendar .title .close-icon {
		position:absolute;
		right:0;
		top:0;
		border:none;
	}
	
	#mainLoewsBookingWidgetCalendar .cal2up {
		float:left;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calnavleft {
		position: absolute;
		background-repeat:no-repeat;
		background-position: 0 0;
		cursor:pointer;
		top:1px;
		width:13px;
		height:13px;   
		left:2px;
		font-size: 0;
		line-height: 0;
		background-image:url("images/cal-left-arrow.gif");
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calnavright {
		position: absolute;
		background-repeat:no-repeat;
		background-position: 0 0;
		cursor:pointer;
		top:1px;
		width:13px;
		height:13px;  
		right:2px;
		font-size: 0;
		line-height: 0;
		background-image:url("images/cal-right-arrow.gif");
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calnavleft:hover{
		background-position: 0px -24px;
		background-image:url("images/cal-left-arrow.gif");
		}
	#mainLoewsBookingWidgetCalendar .yui-calendar .calnavright:hover {
		background-position: 0px -24px;
		background-image:url("images/cal-right-arrow.gif");
		}
	
/* Calendar element styles */
	
	#mainLoewsBookingWidgetCalendar .yui-calendar {
		font:90% sans-serif;
		text-align:center;
		border-spacing:0;
		color: #000;
		border-collapse:separate;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td {
		line-height: 0;
		}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcell {
		line-height: 1.1em;
		padding:.1em .2em;
		border:1px solid #bbb;
		/*background-color:#FFF;*/
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcell a {
		color:#000;
		text-decoration:none;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcell.today {
		border:1px solid #888;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcell.oom {
		visibility: hidden;
		cursor:default;
		color:#555;
		/*background-color:#EEE;*/
		/*border:1px solid #E0E0E0;*/
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.selected {
		color:#000;
		background-color:#fff;
		/*border:1px solid #FF9900;*/
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.restricted {
		text-decoration:line-through;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.previous {
		color:#888;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.highlight1 { background-color:#CCFF99; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.highlight2 { background-color:#99CCFF; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.highlight3 { background-color:#FFCCCC; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.highlight4 { background-color:#CCFF99; }
	
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calhead {
		/*border:1px solid #E0E0E0;*/
		vertical-align:middle;
		/*background-color:#FFF;*/
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calheader {
		position:relative;
		width:100%;
		padding:1px;
		text-align:center;
	}
	
	#mainLoewsBookingWidgetCalendar #calendarContainer .calfooter {
		position: relative;
		width: 100%;
		text-align: left;
		color: #f00;
		font-size: 80%;
		line-height: 1em;
		padding-top: 3px;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calheader img {
		border:none;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calweekdaycell {
		color:#fff;
		font-weight:normal;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calfoot {
		/* background-color:#EEE; */
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calrowhead, #mainLoewsBookingWidgetCalendar .yui-calendar .calrowfoot {
		color:#666;
		font-size:9px;
		font-style:italic;
		font-weight:normal;
		width:15px;
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar .calrowhead {
		border-right-width:2px;
	}
	
	/*Specific changes for calendar running under fonts/reset */
	#mainLoewsBookingWidgetCalendar .yui-calendar a:hover {background:inherit;}
	#mainLoewsBookingWidgetCalendar p#clear {clear:left; padding-top:10px;}
	
	/* Color modifications */
	
	#mainLoewsBookingWidgetCalendar {
		background-color:#fff;
	}
	#mainLoewsBookingWidgetCalendar .yui-calendar .calweekdaycell { font-weight:bold; color:#000; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcell { border-color:#fff; background-color:#fff; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.previous { background-color:#fff; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.today { background-color:#fff; }
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.selected{ background-color:#000; }
	#mainLoewsBookingWidgetCalendar .yui-calendar td.selected a{ color:#fff; }
	
	/* these come after .yui-calendar td.calcell because they are as specific
	   as it and therefore need to come later in the document to be considered
	   as being "more specific". This provision is due to the fact that IE6 can't
	   handle multiple class names: i.e.: td.calcell.calcellhover */
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcellhover {
		cursor:pointer;
		color:#fff;
		background-color:#000;
		/*border:1px solid #FF9900;*/
	}
	
	#mainLoewsBookingWidgetCalendar .yui-calendar td.calcellhover a {
		color:#fff;
	}


	


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

Theme specific stylesheet for widget

--------------------------------------------------------------------------------
*/
	
/*
	ShadowBox Styles override
*/
	#sb-title {
		background: url(sprites8bit.png) right -20px no-repeat;
	}
	
	#sb-title-inner {
		background: url(sprites8bit.png) 0px -20px no-repeat !important;
		padding: 4px 0px 0px 10px !important;
		margin: 0px 10px 0px 0px !important;
	}
	#sb-loading,
	#sb-body {
		color: #fff;
		border: 2px solid #b4d2ec !important;
		background: #99c2e4 url(sprites8bit.png) 0px -46px no-repeat !important;
		overflow: visible !important;
	}
	#sb-content {
		font-size: 1.1em;
		position: relative;
		overflow: visible !important;
	}
	
	#sb-nav {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#sb-info {
		height:20px !important;
		position:absolute !important;
		right:5px !important;
		top:3px !important;
		width:100% !important;
	}
	
	#sb-container {
		z-index: 10000;
	}

/*
	YUI CALENDAR STYLES
*/
	html body #mainLoewsBookingWidgetCalendar {
		z-index: 20000;
		padding: 0px;
		border: none;
		background: #5787b1;
	}
	
	html body #mainLoewsBookingWidgetCalendar .title {
		padding: 5px 3px 0px 3px;
		color: #fff;
		font-size: 1.1em;
	}

	html body #mainLoewsBookingWidgetCalendar .yui-calcontainer {
		border: none !important;
		background: #99c2e4 url(sprites8bit.png) 0px -46px no-repeat !important;
		margin: 0px 5px 5px 5px;
		padding: 0px;
	}
	html body #mainLoewsBookingWidgetCalendar table {
		border: none;
	}
	html body #mainLoewsBookingWidgetCalendar tr th.calhead {
		background: #99c2e4 url(sprites8bit.png) -6px -20px no-repeat;
		height: 26px;
		_height: 21px !important;
	}
	html body #mainLoewsBookingWidgetCalendar .calcell {
		background: none !important;
		border: none !important;
		color: #497194 !important;
	}
	
	html body #mainLoewsBookingWidgetCalendar .selectable {
		background: none !important;
		border: none !important;
		font-weight: bold !important;
	}
	html body #mainLoewsBookingWidgetCalendar .selectable a {
		color: #fff !important;
	}
	html body #mainLoewsBookingWidgetCalendar .selected {
		background: #fff !important;
	}
	html body #mainLoewsBookingWidgetCalendar .selected a {
		color: #497194 !important;
	}
	html body #mainLoewsBookingWidgetCalendar .calcellhover {
		background: #fff !important;
	}
	html body #mainLoewsBookingWidgetCalendar .calcellhover a {
		color: #497194 !important;
	}
	
	html body #mainLoewsBookingWidgetCalendar table{
		border: none !important;
	}
	html body #mainLoewsBookingWidgetCalendar .calweekdayrow {
		border: none !important;
	}
	html body #mainLoewsBookingWidgetCalendar .calweekdayrow th {
		border: none !important;
		padding: 0px 3px !important;
		background: #497194 !important;
	}