@media screen {
	.quickbook {
		position: absolute;
		top: 60px;
		right: 25px;

		width: 230px;
		z-index: 10000;
	}
	.quickbook.fixed {
		position: fixed;
		top: 42px;
		left: auto;
		right: auto;
		width: 990px;
	}

	.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 .ym-gbox {
		padding: 0;
	}

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

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

	.quickbook .date select, .quickbook .date img {
		display: inline;
	}
	.quickbook .date select, .quickbook .nights select {
		width: 4em;
		margin: 0;
	}
	.quickbook .date #ci_ym {
		width: 8em;
	}
	.quickbook .date img {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}

	.quickbook .nights {
		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 .ym-form > div {
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding-left: 4em;
		line-height: 2em;
		min-height: 2em;
	}
	.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;
	}
}

@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 {
		width: 8%;
		min-width: 50px;
	}

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