/*
 * Norlandia - booking stylesheet
 * Christian Johansen (christian@ixd.no) 12/07-06
 * www.ixd.no
 */

/* Standardregler */
@import "htmlundo.css";

a, a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
}

label, input, select, #extraInfo { font-size: 0.9em; }

/* Generic buttons */
.button {
	float: left;
	height: 34px;
	border: none;
	padding: 0 0 0 5px;
	margin: 0;
	white-space: nowrap;
	background: url(../images/buttons/green_big_left.gif) top left no-repeat;
}

.button a, .button input {
	float: left;
	height: 34px;
	padding: 0 30px 5px 25px;
	border: none;
	background: url(../images/buttons/green_big_right.gif) top right no-repeat;
	font-weight: bold;
}

.button, .button a, .button input {
	color: #fff;
	cursor: pointer;
}

.datePicker {
	float: left;
	padding-top: 14px;
	height: 0;
	overflow: hidden;
	width: 14px;
	margin: 2px 0 0 3px;
	text-indent: -1000em;
	background: url(../images/calendar.gif) top left no-repeat;
	cursor: pointer;
}

#booking {
	width: 190px;
	background: url(../images/boxTop.gif) top left no-repeat #e3dcbd;
}

h1 {
	padding: 10px 10px 12px;
	margin: 0;
	color: #340b04;
	font-size: 1.1em;
	font-weight: bold;
}

.hotelPage h1 {
	padding-bottom: 16px;
	background: url(../images/hotelTop.gif) bottom left no-repeat;
}

#content {
	padding: 0;
	background: url(../images/boxbg.gif) top left repeat-y;
}

#mainContent {
	width: 166px;
	float: left;
	padding: 12px 12px 10px;
	margin-right: 0px;
	min-height: 155px;
	background: url(../images/bottom.gif) bottom left no-repeat;
}

.hotelPage #mainContent { min-height: 135px; }

label, select, .text {
	float: left;	
	margin: 0;
}

label { clear: left; }
.dateSelection, .locationSelect { margin: 0 0 8px; }
.dateSelection label { margin-right: 8px; }

.dateSelection .date {
	margin-right: 2px;
	width: 38px;
}

.dateSelection label {
	width: 24px;
	line-height: 1.8em;
	vertical-align: middle;
}

.locationSelect label { width: 32px; }
.dateSelection .monthYear { width: 75px; }
.numericChoice label { width: 109px; }
.numericChoice label, .locationSelect label { line-height: 1.5em; }
.numericChoice select { width: 38px; }
.numericChoice label, .numericChoice select { margin: 0 0 8px; }
.locationSelect select { width: 115px; }
#extraInfo ul { margin: 0; }
#specialOffer .text { width: 144px; }

#extraInfo li {
	margin: 0 0 0.1em;
	list-style: none;
}

#extraInfo li a {
	padding-left: 8px;
	background: url(../images/arrows.gif) 0 5px no-repeat;
	color: #000;
}

#extraInfo {
	padding: 10px;
	background: url(../images/footer.gif) bottom left no-repeat;
}

#specialOffer {
	display: none;
	margin: 0 0 8px;
}

#specialOffer label, .reservation label {
	margin: 0 0 3px;
	display: block;
}

.reservation { margin: 0 0 12px 5px; }
#roomDetailsChange { display: none; }

#roomDetails {
	padding: 0 0 5px;
	margin: 0 0 12px;
	background: url(../images/linebottom.gif) bottom left no-repeat #f8f6eb;
	color: #4c4c4c;
}

#roomDetails p, #roomDetails fieldset {
	padding: 4px 10px 0;
	margin: 0;
	background: url(../images/linetop.gif) top left no-repeat;
}

#roomDetails p {
	font-size: 0.8em;
	font-weight: bold;
}

#roomDetails label, #roomDetails select { float: left; }

#roomDetails select {
	width: 25%;
	position: relative;
}

#roomDetails label {
	width: 70%;
	margin-right: 3%;
	clear: left;
}

#roomDetails a, #roomDetails a:link, #roomDetails a:visited { color: #083ff4; }
#roomDetails fieldset { padding: 10px 10px 0; }

#countries {
	background: url(../images/innerTop.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 0 5px 2px;
}

#countries li {
	list-style: none;
	float: left;
	padding: 0;
	background: url(../images/flip_left.gif) top left no-repeat;
}

#countries li a {
	background: url(../images/flip_right.gif) top right no-repeat;
	float: left;
	padding: 6px 5px;
}

#countries li.active { background: url(../images/flip_active_left.gif) top left no-repeat; }
#countries li.active a { background: url(../images/flip_active_right.gif) top right no-repeat; }

#countries li a, #countries li a:link, #countries li a:visited {
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
}

#countries li a:hover, #countries li a:active { text-decoration: underline; }