﻿/* 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: 11px;
	color: #ff0000;
	font-family: Verdana;
	color:#fff;
}
.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 { width:100% }
.form .heading { position: relative; top: 3px; vertical-align: top;	padding-right: 10px; width:22%;	padding-top:7px; }
.form .headingrow { position: relative; top: 3px; vertical-align: top; padding-right: 10px; width: 20%; padding-top: 7px }
.form .right { text-align: right; }
.form .strong {	font-weight: bold;	font-size:12px;	font-family:Verdana }
.form .field { vertical-align: top; }
.form input[type="text"] { width:91%; border:1px solid #b5c2cb;color:#333333;padding:3px; resize: none; font-size:12px; }
.form input[type="checkbox"] { margin: 3px 5px 0 0 }
.form textarea { width:97%; border:1px solid #b5c2cb;color:#333333;padding:5px;height:120px; resize: none; font-size:12px }
.form select { width:95%; border:1px solid #b5c2cb;color:#333333;padding:3px; resize: none; font-size:12px; }
input.fbbtn { padding:3px 13px; color:#fff; background-color:#5793be; border: 1px solid #4987b3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:12px; font-weight:bold; cursor:pointer; }
input.fbbtn:hover {background-color:#3d7dac;}

.eventr { font-size:12px; background-color:#EAF5FD; padding:5px 0 }
.oddtr { font-size:12px; background-color: #D6EEFF; padding:5px 0 }

.ulform { width:100%; margin: 5px 0 10px 0 }
.ulform li.heading { font-weight:bold; font-size:12px; font-family:Verdana; line-height:25px; padding: 0 10px; background-color: #5AA2D8; border: 1px solid #4699d7; color:White}
.ulform li { border-bottom: 1px solid #4699d7; border-left:1px solid #4699d7; border-right:1px solid #4699d7 }
/* 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;
}

/* Section */
.section
{
	text-align: justify;
}

/* 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 .bookingname { font-size: 12px; font-weight: lighter;	color: #3370A4; margin: 0 0 20px 0; text-align:center}
.booking .bookingname h2 { font-weight: bold; font-family: verdana; color: #3370A4; font-size: 15px; margin:0 0 5px 0; padding:0 }
.booking .bookingname h3 { font-size: 13px;display: inline-block ;margin:0; padding:0; color:#5D9611} 
.booking .bookingname h4 { color: #BA1400; display: inline-block; margin:0; padding:0 }

.booking .bookinghotelname { font-size: 12px; font-weight: lighter;	color: #3370A4; margin: 0 0 20px 0; text-align:center; }
.booking .bookinghotelname h2 { font-weight: bold; font-family: verdana; color: #3370A4; font-size: 15px; margin:0 0 5px 0; padding:0 ;display: inline}
.booking .bookinghotelname h3 { font-size: 13px;display: inline-block ;margin:0; padding:0; color:#5D9611} 
.booking .bookinghotelname h4 { color: #BA1400; margin: 5px 0 0 0 ; padding:0 }

.booking .pageNote
{
	padding:0px;
	margin: 0 0 10px 0;
}
.booking .stepHeading
{
	color: #29667a;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}
.booking .stepContent
{
	padding-top: 10px;
}

/* 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;
}
