/**
 * sv.ares.css is used to define the styles for the ares widget.
 */

.ares-widget {
	width: 300px;
	margin: 0;
	padding: 42px 5px 7px;
	height: 208px;
	position: relative;
}

.ares-widget.listing-layout {
	float: left;
	margin: 0 -20px 0 0;
}

ul.ares-tabs {
	display: block;
	margin: 0;
	width: 300px;
	position: absolute;
	padding: 0;
	top: 0;
	left: 7px;
}

ul.ares-tabs li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 1px;
	width: 98px;
	height: 50px;
	overflow: hidden;
	float: left;
	background: transparent url(../images/ares-tabs.png) scroll no-repeat -98px 0;
}

ul.ares-tabs li.clear {
	clear: both;
	background: none;
	height: 0;
	width: 0;
	float: none;
}

ul.ares-tabs li.current {
	background-position: 0 0;
}

ul.ares-tabs li a {
	display: block;
	width: 98px;
	height: 50px;
	overflow: hidden;
}

ul.ares-tabs li a span.img-replace {
	display: block;
	width: 98px;
	height: 50px;
	background: transparent url(../images/ares-tab-icons.png) scroll no-repeat 0 0;
	cursor: pointer;
}

ul.ares-tabs li.flights a span.img-replace {
	background-position: 0 -50px;
}

ul.ares-tabs li.cars a span.img-replace {
	background-position: 0 -100px;
}

.ares-tab-content {
	background: transparent url(../images/ares-tab-content-bg.png) scroll no-repeat center bottom;
	height: 200px;
	width: 304px;
	clear: both;
	overflow: hidden;
	padding: 12px 0 0;
	margin: 0 auto;
}

.ares-tab-content-box {
	display: none;
}

.ares-tab-content-box.current {
	display: block;
}

.ares-tab-content-box .ares-dates span.input {
	display: block;
	width: 279px;
	height: 54px;
	margin: 0 13px 6px 12px;
	background: transparent url(../images/ares-date-bg.gif) scroll no-repeat 0 0;
	position: relative;
}

.ares-tab-content-box .ares-dates span.input label {
	display:none;
	position:absolute;
	color: #B4B4B4;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	left: 18px;
	top: 18px;
}

.ares-tab-content-box .ares-dates span.input input {
	border: 0 none;
	background: transparent;
	width: 189px;
	height: 18px;
	padding: 18px 72px 18px 18px;
	color: #B4B4B4;
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
}

.ares-tab-content-box .ares-drops {
	margin: 6px 13px 0 12px;
}

.ares-tab-content-box .ares-drops span.input {
	display: block;
	float: left;
	width: 52px;
	text-align: center;
	color: #1E4682;
	line-height: 18px;
}

.ares-tab-content-box .ares-submit {
	position: absolute;
	bottom: 15px;
	right: 13px;
}