﻿/* Common Text */
.strong
{
	font-weight: bold;
}
.highlight
{
	color: #ba1400;
}
.strongHighlight
{
	color: #ba1400;
	font-weight: bold;
}
.superScript
{
	font-size: 8px;
	vertical-align: super;
}
.note
{
	font-weight: normal;
	font-size: 10px;
	color: #29667a;
	font-family: Verdana;
}
.error
{
	font-weight: normal;
	font-size: 10px;
	color: #ff0000;
	font-family: Verdana;
}
.emptyData
{
	text-align: center;
	padding-top: 30px;
}
.subTitle
{
	font-weight: bold;
	font-size: 18px;
	color: #29667a;
	font-family: verdana;
}

/* Unique Text */
#pageTitle
{
	font-weight: bold;
	font-size: 25px;
	color: #29667a;
	font-family: verdana;
}
#searchCriteria
{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5d9611;
	text-align: center;
	padding-bottom: 20px;
}
#systemMessage
{
	width: 75%;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-top: 100px;
}

/* Form */
.form
{
}

.form .heading
{
	position: relative;
	top: 3px;
	vertical-align: top;
	padding-right: 10px;
}
.form .right
{
	text-align: right;
}
.form .strong
{
	font-weight: bold;
}
.form .field
{
	vertical-align: top;
}

/* Summary */
.summary
{
}

.summary .heading
{
	vertical-align: top;
	font-weight: bold;
	padding-right: 10px;
}
.summary .value
{
	vertical-align: top;
}
.summary .right
{
	text-align: right;
}

/* Panel */
.panel
{
	background-image: url('_Common/Panel_body.jpg');
	background-repeat: repeat-y;
}
.panel .header
{
	background-position: center top;
	background-image: url('_Common/Panel_head.jpg');
	background-repeat: no-repeat;
}
.panel .footer
{
	background-position: center bottom;
	background-image: url('_Common/Panel_foot.jpg');
	background-repeat: no-repeat;
	padding: 12px;
}
.panel .heading
{
	font-weight: bold;
	padding-bottom: 10px;
	color: #FFFFFF;
}

/* Simple Table */
.simpleTable
{
	border: #916E00 1px solid;
	background-color: #FFFFCC;
}
.simpleTable .heading
{
	font-weight: bold;
	color: #000000;
	background-color: #FFC100;
	border: #916E00 1px solid;
}
.simpleTable .cell
{
	border: #916E00 1px solid;
}
.simpleTable .center
{
	text-align: center;
}
.simpleTable .right
{
	text-align: right;
}

/* Section */
.section
{
	padding-top: 30px;
	text-align: justify;
}
.section .sectionHeading
{
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana;
	color: #E8B400;
	padding-bottom: 10px;
}
.section .sectionHeading a
{
	color: #E8B400;
}

/* Date Picker */
.datePicker
{
	display: inline;
}
.datePicker .picker
{
	padding-right: 3px; display: inline; position: relative; top: -1px;
}
.datePicker .icon
{
	display: inline; position: relative; top: 3px;
}

/* Calendar */
.calendar
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
}
.calendar .title
{
	font-weight: bold;
	background-color: #D7D7E5;
}
.calendar .month
{
	background-color: #F6F6F6;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.calendar .nextPrev
{
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}
.calendar .dayHeader
{
	width: 25px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	font-weight: bold;
	background-color: #FFFFFF;
}
.calendar .day
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}
.calendar .dayHover
{
	width: 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	border-width: 1px;
	border-color: #F6F6F6;
	border-style: solid;
}
.calendar .otherMonthDay
{
	color: #999999;
}
.calendar .outOfRangeDay
{
	visibility: hidden;
}
.calendar .selectedDay
{
	border: 1px solid #003366;
	width: 25px;
	background-color: #99CCFF;
	color: #000000;
	font-weight: bold;
}

/* Pager */
.pager
{
}
.pager .itemsCount
{
	float: left;
	color: #000000;
	padding-top: 5px;
}
.pager .pageList
{
	text-align: right;
}
.pager .heading
{
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma;
	color: #000000;
	padding-right: 10px;
}
.pager .numericButton
{
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	padding-left: 5px;
	padding-right: 5px;
}
.pager .currentPageLabel
{
	font-size: 17px;
	font-weight: bold;
	font-family: Tahoma;
	color: #000000;
	padding-left: 7px;
	padding-right: 7px;
}

/* Price List */
.priceList
{
}
.priceList .heading
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}
.priceList .row
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 3px;	text-align: left;
	background-color: #F5F5F5;
}
.priceList .alternateRow
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.priceList .right
{
	text-align: right;
}
.priceList .center
{
	text-align: center;
}
.priceList .vLine
{
	width: 1px;
	background-color: #29667a;
}
.priceList .hLine
{
	height: 1px;
	background-color: #5699D6;
}

/* Booking */
.booking
{
}

.booking .title
{
	padding-top: 10px;
	text-transform: uppercase;
	font-family: Verdana;
	color: #CC3300;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.booking .name
{
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #5d9611;
}
.booking .roomType
{
	padding-top: 5px;
	font-size: 14px;
	text-align: center;
	color: #5d9611;
}
.booking .pageNote
{
	padding-top: 20px;
}
.booking .stepHeading
{
	color: #29667a;
	padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
}
.booking .stepContent
{
	padding-top: 10px;
	padding-bottom: 20px;
}

/* Langs Box */
.langsBox
{
	padding-top: 2px;
	width: 203px;
	height: 38px;
}
.langsBox .panel a
{
	float: right;
	text-align: center;
	padding-left: 10px;
	font-size: 10px;
	color: #404040;
	text-decoration: none;
}

/* Search Box */
.searchBox
{
	width: 202px;
	height: 195px;
	background-image: url(   '_Common/Search_bg.jpg' );
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 3px;
}
