@media screen {
	.quickbook {
		position: absolute;
		top: 108px;
		right: 23px;

		width: 250px;
		z-index: 10000;
	}
	.quickbook.fixed {
		position: fixed;
		top: 38px;
		left: 0;
		right: 0;
		width: 100%;
	}
	body.ps-active #page .quickbook {
		position: fixed;
		top: 62px;
		right: 23px;
		display: block;
		z-index: 100000;
	}

	.quickbookheader {
		margin-bottom: .5em;
		font-size: 130%;
		text-transform: uppercase;
		text-align: center;
		padding: .5em .8em .5em;
	}
	.quickbookheader span {
		display: block;
		font-size: 80%;
		text-transform: none;
	}
	.quickbook.fixed .quickbookheader {
		display: none;
	}

	.quickbookcontent {
		font-size: 90%;
		vertical-align: middle;
		padding: 0 .8em .5em;
	}
	
	.quickbook.fixed .quickbookcontent {
		width: 990px;
		margin: 0 auto;
	}

	.quickbook .ym-gbox {
		padding: 0;
	}

	.quickbook label {
		padding: 0.5em 0 0 0;
	}

	.quickbook .hotel select, .quickbook .location select {
		width: 100%;
	}

	.quickbook .date select, .quickbook .date img {
		display: inline;
	}
	.quickbook .date select, .quickbook .nights select, .quickbook .rooms select {
		width: 4em;
		margin: 0;
	}
	.quickbook .date #ci_ym {
		width: 8em;
	}
	#datepicker {
		width: 8em;
		margin-right: 5px;
	}
	#datepicker[type="text"] {
		background: #FFF url( "/includes/img/clndr.gif" ) no-repeat right center;
		border-width: 1px;
		padding: 2px;
	}
	.quickbook .date img {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}

	.quickbook .nights, .quickbook .rooms, #datepicker {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	.quickbook .book {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-top: .5em;
	}

	.ym-button {
		display: inline-block;
		*display: inline;
		zoom: 1;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #333;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}
	.ym-button:hover, .ym-button:focus {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	.quickbook .ui-datepicker-trigger {
		margin-bottom: 3px;
	}

	.quickbook.fixed .quickbookcontent {
		padding: .5em .8em;
	}
	.quickbook.fixed .ym-form > div {
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding-left: 4em;
	}
	.quickbook.fixed .ym-form > div:first-child {
		padding-left: 1em;
	}
	.quickbook.fixed .ym-form label {
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding: 0 1em 0 0;
	}
	.quickbook.fixed .ym-form select, .quickbook.fixed .ym-form input {
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: auto;
		max-width: 15em;
	}
	
	.ym-form .ym-error label {
		color:#800;
		font-weight:normal;
	}

	.ym-form .ym-error input,
	.ym-form .ym-error select,
	.ym-form .ym-error textarea {
		border: 1px #800 solid;
	}

	.ym-form .ym-error input:hover,
	.ym-form .ym-error input:focus,
	.ym-form .ym-error select:hover,
	.ym-form .ym-error select:focus,
	.ym-form .ym-error textarea:hover,
	.ym-form .ym-error textarea:focus {
		border: 1px #800 solid !important;
	}

	.ym-form .ym-error .ym-message, .ym-form .ym-error option[value="*"] {
		color:#800;
		font-weight: bold;
		margin-top: 0;
	}
}

@media screen and ( max-width: 990px ) {
	.quickbook {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
	}
	.quickbook.fixed {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
	}

	.quickbookcontent {
		text-align: center;
	}

	.quickbook .ym-form > div {
		width: 20%;
		min-width: 200px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		zoom: 1;
		*display: inline;
		text-align: left;
	}

	.quickbook .ym-form > div.nights, .quickbook .ym-form > div.rooms {
		width: 8%;
		min-width: 50px;
	}

	.quickbook .ym-form > div.ym-fbox-button {
		margin-top: 24px;
		min-width: 0;
	}
}