/* --------------------------------------------------------------------------------
* 	Web Application:	YHA Australia Web Site
*	Contents:
*	Author:				Robert - Red Square <www.redsquare.com>
*	Date Created:		26th October, 2006
*	Legal Notice:		The code contained within this page is the Intellectual property
						of Red Square Productions Pty Ltd and licensed to YHA Australia Inc for
						use only within the specified Web Application.
						This notice cannot be removed or altered. 
* -------------------------------------------------------------------------------- */ 


/* --------------------------------------------------------------------------------
 * HTML
 * -------------------------------------------------------------------------------- */ 
body {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #9966ff;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited{
	color: #6600cc;
}

a:hover,a:active {
	color: #ffcc00!important;
}

ul,li,ol {
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------------------------
 * Layout
 * -------------------------------------------------------------------------------- */ 
#wrap {
	position: relative;
	width: 741px;
	margin: 0 auto;
	padding-bottom: 30px;
}

/*
#header {
	height: 88px;
	/*margin-bottom: 20px;*/
}
*/

#content {
	width: 741px;
	clear: both;
	margin-bottom: 12px;
}

#content-bg {
	background: url(../../images/sections/hostels/bg_content.gif) repeat-y 0 0
}

#content-bg-bottom {
	clear: both;
	height: 17px;
	background: url(../../images/sections/hostels/bg_content_bottom.gif) repeat-y 0 0
}

/*
#footer {
	clear: both;
	margin: 25px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #000;
	background: #4c33e5; 
}
*/


/* --------------------------------------------------------------------------------
 * Header
 * -------------------------------------------------------------------------------- */ 
/*
#header h1 {
	width: 264px;
	height: 44px;
	text-indent: -9999px;
	background: url(../../images/global/hd_yha_australia.gif) no-repeat;
	float: left;
}

#header h2 {
	width: 405px;
	height: 23px;
	margin-top: 21px;
	text-indent: -9999px;
	background: url(../../images/sections/homepage/hd_tagline.gif) no-repeat;
	float: left;
}

#global-logo {
	width: 80px;
	float: left;
}

#lang-nav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 8px;
}
*/

/* --------------------------------------------------------------------------------
 * Page nav
 * -------------------------------------------------------------------------------- */ 
/*
ul#global-nav {
	width: 661px;
	height: 21px;
	float:left;
	display: block;
	list-style-type: none;
}

ul#global-nav li {
	float: left;
	display: block; 
}

ul#global-nav li a,ul#global-nav li a {
	text-decoration: none;
	cursor: pointer; 
	display: block;
	height: 21px;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


ul#global-nav li#menu-home a			{ width: 60px; background-image: url(../../images/global/bt_aust_home.gif); }
ul#global-nav li#menu-australia a		{ width: 180px; background-image: url(../../images/global/bt_aust_hostels.gif); }
ul#global-nav li#menu-membership a		{ width: 127px; background-image: url(../../images/global/bt_yha_membership.gif); }
ul#global-nav li#menu-overseas a		{ width: 171px; background-image: url(../../images/global/bt_os_travel.gif); }
ul#global-nav li#menu-info a			{ width: 122px; background-image: url(../../images/global/bt_yha_info2.gif); border-right: 1px solid #000; }

#global-nav a:hover, .global-nav-current a {
	background-position: 0 -21px!important;
}

#header .breadcrumbs {
	float: left;
	width: 600px;
	font-size: 10px!important;
	padding-top: 3px;
}
*/

#hostel-header {
	width: 740px;
	background: url(../../images/sections/hostels/bg_hostel_header.jpg) no-repeat;
	border-bottom: 1px solid #cccbff
}

#hostel-header h1 {
	padding: 8px 0 5px 18px;
}

#hostel-sidebar {
	float: left;
	position: relative;
	width: 188px;
	padding-left: 1px;
	background: url(../../images/sections/hostels/gr_hostels2.gif) 1px 100% no-repeat;
	padding-bottom: 100px;
}

/* Form */
#hostel-sidebar label {
	float: left;
	width: 170px;
	font-size: 11px;
	padding-top: 5px;
	margin-left: 10px;
}

#hostel-sidebar label.nights {
	width: 80px;
	padding-top: 8px;
	margin-left: 40px;
}

#hostel-sidebar select#arrival_month_year {
	margin-left: 10px;
}

#hostel-sidebar select#departure_date {
	width: 155px;
	margin-left: 10px;
}

#hostel-sidebar select#nights {
	margin: 5px 0 10px 0;
}


/* Text search */
.textsearch {
	padding: 15px 0 15px 10px;
}

.textsearch h3 {
	height: 25px;
	text-indent: -9999px;
	background: url(../../images/sections/hostels/hd_search_hostel.gif) no-repeat;
}


/* Hostel Viewed Also */
.hostelViewedAlso-photo {
	padding-top: 9px;
	text-align: center; 
}

.hostelViewedAlso-cation {
	width:135px;
	margin: 7px 0 0 12px;
	text-align:left;
}

.hostelViewedAlso-cation a, .hostelViewedAlso-cation a:visited {
	color: #6600cc!important
}

.hostelViewedAlso-cation a:hover {
	color: #ffcc00!important
}
	

/* --------------------------------------------------------------------------------
 * Hostel content
 * -------------------------------------------------------------------------------- */ 
#hostel-content {
	float: left;
	width: 520px;
	margin-left: 15px;
	color: #5911A2;
}

#hostel-intro {
	width: 520px;
	margin-top: 15px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccccff;
	background: #ccb0ff url(../../images/sections/hostels/details/bg_detailsnav.gif) repeat-y top right;
}

#hostel-info-nav {
	width: 182px;
	float: right;
}

#hostel-quote {
	width: 300px; 
	margin: 10px 0 15px 15px; 
}

#hostel-photo {
	width: 300px;
	margin: 0 0 15px 15px;
	text-align: center;
}

#hostel-ratings {
	display: block;
	height: 21px;
	width: 520px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccccff;
	background: #ccccff;
}

#hostel-ratings p {
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
}

.yha-star {
	width: 90px;
	padding: 0 10px;
	color: #fff;
	background: #8019e6;
}

.yha-star a, .yha-star a:visited {
	color: #fff;
}

.aaa-star {
	width: 198px;
	padding-left: 5px;
	margin-right: 5px!important;
	color: #000066;
	_padding-top: 5px;
	border-right: 1px solid #ad84ff;
}

.customer-rating {
	color: #811be6;
	_padding-top: 5px;
}

#hostel-info {
	width: 520px;
	padding-top: 15px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccccff;
	background: #ccb0ff;
}

#hostel-info p {
	margin: 0;
	padding: 0 15px 5px 15px;
}

.hostel-awards {
	float: right;
	padding: 0 25px 0 10px;
	_padding-right: 10px;
	text-align: right;
}

.sml	{ width: 100px; }
.med	{ width: 150px; }
.large	{ width: 200px; }

#hostel-jp-link {
	width: 522px;
	background: no-repeat 100% 0
}

.hostel-getphotos {
	float: left;
	width: 163px;
	height: 129px;
	margin-top: 15px;
	text-align: center;
	background: url(../../images/sections/hostels/bg_image_box2.gif) no-repeat 0 0;
}

.hostel-getphotos p,.hostel-getphotos-caption p {
	margin: 0;
	padding: 5px 0 0 0;
}

.two {
	margin-left: 15px;
	margin-right: 15px;
}

.hostel-getphotos-caption {
	width: 163px;
	float: left;
}

.buttonLink-morepxt {
	text-align: right;
	margin: 15px 0 0 0;
}

#hostel-detals p {
	margin: 0;
	padding: 0 0 10px 0;	
}

.vrml-tour {
	float: right;
	width: 150px;
	text-align: right;
	padding-bottom: 15px;
}

.room-types {
	width: 521px;
	color: #000;
	margin-top: 5px;
	background: url(../../images/sections/hostels/bg_room_types.gif) no-repeat 0 0;
}

.room-type-bottom {
	height: 19px;
	background: url(../../images/sections/hostels/bg_room_type_bottom.gif) no-repeat 0 0;
}

.room-types h4 {
	margin: 0;
	padding: 18px 0 13px 18px;;
}

.room-types h4 {
	margin: 0;
	padding: 18px 0 13px 18px;
}

.room-types h5 {
	height: 74px;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999em;
	background: url(../../images/sections/hostels/gr_members_save.gif) no-repeat 1px 0;
}

.room-types p {
	margin: 0;
	padding: 0 18px;
}

.room-text h6, .room-text p {
	font-size: 12px;
	margin: 0;
	padding: 0 18px 8px 18px;
	color: #5911a2;
}

table.roomCharges {
	margin: 0 18px 18px 18px;
}

table.roomCharges td {
	padding-right: 10px;
	vertical-align: top;
}

/*no wrap*/
table.roomCharges td.nw {
	white-space: nowrap;
}

.hostel-peakPeriods {
	border: 1px solid #006ad5;
	background: #aad5ff;
	margin-bottom: 15px;
}

.hostel-peakPeriods p {
	font-size: 11px;
	color: #000066;
	padding: 10px;
	margin: 0;
}

.hostel-peakPeriods p.peak-header {
	width: 140px;
	margin: 0;
	padding: 10px;
	font-size: 11px;
	color: #fff;
	background: #006ad5;
}


table td.wrapInfo
{
	padding-left: 14px; 
	padding-bottom: 6px;
	background: url(../../images/sections/hostels/ic_arrow_date.gif) no-repeat 1px 1px;
	color: #7B41D5;
}

/* --------------------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------------------- */ 
.footer {
	width: 741px;
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------
 * Hostel subnav
 * -------------------------------------------------------------------------------- */ 
ul#hostel-subnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#hostel-subnav li {
	width: 182px;
	height: 34px;
	display: block;
	margin: 10px 0 9px 0;
	padding: 0;	
}

ul#hostel-subnav li a {
	width: 182px;
	height: 34px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

li#subnav-details a {
	background-image: url(../../images/sections/hostels/details/bt_details2.gif);
}

#subnav-photos a {
	background-image: url(../../images/sections/hostels/details/bt_photos2.gif);
}

#subnav-tour a {
	background-image: url(../../images/sections/hostels/details/bt_360_tour2.gif);
}

#subnav-ratings a {
	background-image: url(../../images/sections/hostels/details/bt_ratings2.gif);
}

#subnav-map a {
	background-image: url(../../images/sections/hostels/details/bt_map2.gif);
}

#subnav-group-enquiries a {
	background-image: url(../../images/sections/hostels/details/bt_enquiries2.gif);
}

ul#hostel-subnav li a:hover, ul#hostel-subnav li.current a {
	background-position: 0 -34px;
}


/* --------------------------------------------------------------------------------
 * Misc
 * -------------------------------------------------------------------------------- */ 
.clear-spacer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.divider-dots {
	height: 1px;
	margin-bottom: 15px;
	background: url(../../../images/sections/hostels/gr_dots_module.gif) no-repeat 50% 50%;
}


.panel
{
	background: url(../../images/sections/hostels/bg_panel.gif);
	width: 520px;
	margin: 10px 14px;
}

.panel ul
{
	padding-bottom: 10px;
}
	
.panel ul li
{
	font-size: 11px;
	margin: 6px 0 0 16px;
}
	
.panelCapTop
{
	background: url(../../images/sections/hostels/bg_panel_cap_tp.gif);
	height: 17px;
	width: 520px;
}

.panelCapBottom
{
	background: url(../../images/sections/hostels/bg_panel_cap_bt.gif);
	height: 17px;
	width: 520px;
}

.panel .panelContent
{
	padding: 0 15px;
	background-color: #ccb0ff;
	border-left: 1px solid #ccccff;
	border-right: 1px solid #ccccff;
	padding-right: 1px;
	
}

.panel h2
{
	margin: 0 0 6px 6px;
	font-size: 11px;
}

.panel table
{
	border-collapse: collapse;
	width: 490px;
}

.panel table td,
.panel table th
{
	width: auto !important;
}
	
.panel p.related
{
	margin: 4px 0 0 0;
	padding-left: 15px;
	background: url(../../images/sections/hostels/ic_arrow_date.gif) no-repeat 1px 2px;
	font-weight: normal;
	font-size: 11px;
}


	
.panel .padder
{
	height: 15px;
}


.panel table td,
.panel table th
{
	border: 1px solid #9966FF;
	padding: 6px 10px;
	font-size: 11px;
}

.panel table th
{
	background-color: #DBC9FF
}

.panel table tfoot td,
.panel table tfoot th
{
	border-top: 1px solid #5912C3 !important;
	background-color: #8C59F2;
	color: white;	
	font-weight: bold;
}

.panel table h2
{
	margin-left: 0;
}

.panel table .highlight
{
	background-color: #DBC9FF;
	
}

.panel table td.currency
{
	text-align: right;	
}
	
.panel table table
{
	margin-bottom: 4px;
	width: 100%;
}

.panel table td.number
{
	background-color: #A980FF;
	width: 10px !important;
	color: white;
	font-weight: bold;
}

.panel p.content
{
	line-height: 1.4em; 
	padding: 0 6px 8px 6px;	
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 11px;
}
	
.panel table td.pending
{
	font-style: italic;
	
}
	
.panel table th.number
{
	background-color: #A980FF;
	color: white;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------
 * From in-stlye 
 * -------------------------------------------------------------------------------- */ 
.roomCharges th {
	font-size: 10px;
}

.peakPeriods td {
	color: #009;
	font-size: 11px;
}

.peakPeriods td strong {
	color: #009;
}

.peakPeriods td td {
	padding: 8px 12px;
}

.peakPeriods .heading {
	color: #fff;
}

.normal-book-now { background: url(../../../images/sections/hostels/details/bt_book_now.gif) no-repeat; }

.hover-book-now { background: url(../../../images/sections/hostels/details/rp_book_now.gif) no-repeat; }

/*

Section specific colours for the Hostels section

*/

.notAvailable {
	font-weight: bold;
	color: #c00 !important;
}

/* general styles */

th {
	text-align: left;
}

.keyline {
	background: #CCCCFF;
}

.header {
	background-color: #8019E6;
}

.subHeading {
}

.pageHeading {
	color: #ffffff;
}

.formButton {
	color: #ffffff !important;
	border-color: #CCCCFF;
	background: #9966FF;
	padding: 2px 0;
}

a.buttonLink, a.buttonLink:link, a.buttonLink:visited {
	color: #ffffff !important;
/* hide the following from Netscape 4 */
/*/*/
	border-color: #CCCCFF;
	background: #9966FF;
/* end hide */
}

.formElement {
	background: #B894FF;
}


/* when forms fail validation */
.errorMessage {
	color: #ffffff;
	font-weight: bold;
}

.errorWrapper {
	width: 645px;
	margin: 15px auto;
	color: #FF0000;
	background-color: #FFEA93;
	padding: 10px 10px 15px 50px;
	border: 1px solid #ccccff;
	background-image: url(/yhavirturl/images/sections/hostels/bookings/ic_important.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

.errorWrapper p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 10px;
}

.errorWrapper p a:link, .errorWrapper p a:visited {
	color: #FF0000;
}

.errorWrapper p a:hover {
	color: #000;
}


/* left hand column */
.leftCol {
	background: #8C59F2;
	color: #FFFFFF;
}

td.leftCol, .leftCol td, .leftCol p, .leftCol li, .leftCol ul, .leftCol ol {
	color: #FFFFFF;
}

.leftCol a, .leftCol a:link {
	color: #CCCCFF;
}

.leftCol a:visited {
	color: #CCCCFF;
}

.navSelected {
	color: #ffcc00;
}

/* right hand column (aka. "module") */
.module {
	background: #B894FF;
/*	color: #000000;*/
	color: #5911A2;
}

.module * {
	color: #5911A2;
}

.module .formElement {
	background: #DBC9FF;
}

.module a{
color:6600CC!important;

}
/* modules (aka. "insert") */
.insert {
	background: #AD84FF;
	color: #000000;
}

.insert a, .insert a:link, .insert a:visited {
	color: #6600CC;
}

.insert a:visited {
	color: #000000;
}

.insert .formElement {
	background: #DBC9FF;
}

.insertLight a, .insertLight a:link, .insertLight a:visited {
	color: #6600CC;
}

.insertLight a:visited {
	color: #000000;
}

.insertLight .formElement {
	background: #DBC9FF;
}

.ratings {
	color: #ffffff;
}

a.insertLink, a.insertLink:link, a.insertLink:visited {
	color: #ffffff;
}

.pageNav a, .pageNav a:link {
	color: #ffffff !important;
}

/* booking steps */
.stepTable {
	background-color: #8846EE;
}

.stepFinished {
	color: #CCCCFF;
}

.stepCurrent {
	color: #ffffff;
}

.stepTogo {
	color: #C4A3F7;
}

a.state:hover{
color:#ffffff!important;
}

.rrModule * {
	color: #5911A2;
}

.rrModule {
	color: #5911A2;
	background: #CCB0FF;
}

.quoteModule {
	background: #CCB0FF;
}

.bookingModule {
	background: #AD84FF;
}

.ratingsInsert {
	background: #8019E6;
}

.insertBookingDetails {
	background: #B894FF;
}

.insertBookingDetails td {
	color: #5911A2;
}

.insertBooking {
	background: #CCB0FF;
}

.insertBooking * {
	font-size: 11px;
	color: #5911A2;
}

.insertBookingHeader {
	height: 33px;
	padding: 9px 15px 0 15px;
	background-color: #8220E8;
	background-repeat: no-repeat;
	vertical-align: top;
}

.insertBookingHeader h2 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 15px;
	vertical-align: top;
}

.insertBookingHeader h2 a,.insertBookingHeader h2 a:visited {
	color: #fff!important;
	padding: 0;
	margin: 0;
	font-size: 15px;
	vertical-align: top;
	/*text-decoration: none!important;*/
}

.insertBookingHeader h2 a:hover {
	text-decoration: underline!important;
}

.packagesListing th {
	padding: 4px 6px;
	text-align: left;
	font-size: 11px;
}

.packagesListing td {
	font-size: 11px;
	padding: 4px 6px;
}

.rooms th {
	padding: 4px 6px;
	text-align: left;
	font-size: 11px;
}

.rooms .center {
	text-align: center;
}

.rooms td {
	font-size: 11px;
	padding: 4px 6px;
}

.rooms td.keyline {
	padding: 0;
	background: #CCCCFF;
}

.rooms td.statusAvailable {
	color: #ffffff;
	background: #00CC33;
}

.rooms td.statusRequest {
	color: #cc0000;
	background: #FFFF00;
}

.rooms td.statusUnavailable {
	color: #ffffff;
	background: #cc0000;
}

.rooms td.statusUnavailable2 {
	color: #ffffff;
	background: #006AD5;
}

strong.statusAvailable {
	font-weight: normal;
	padding: 4px;
	margin-bottom: 4px;
	display: block;
	color: #ffffff;
	background: #00CC33;
	border: 1px solid #CCCCFF;
}

strong.statusRequest {
	font-weight: normal;
	padding: 4px;
	margin-bottom: 4px;
	display: block;
	color: #cc0000;
	background: #FFFF00;
	border: 1px solid #CCCCFF;
}

strong.statusUnavailable {
	font-weight: normal;
	padding: 4px;
	margin-bottom: 4px;
	display: block;
	color: #ffffff;
	background: #cc0000;
	border: 1px solid #CCCCFF;
}

strong.statusUnavailable2 {
	font-weight: normal;
	padding: 4px;
	margin-bottom: 4px;
	display: block;
	color: #ffffff;
	background: #006AD5;
	border: 1px solid #CCCCFF;
}


.pricingNote {
	color: #8C59F2;
}

.availibilityTBC {
	color: #ff0000;
	font-style: italic;
}

.bookingPayableNow {
	color: #ff0000 !important;
}

.guests th {
	padding: 4px 0 4px 4px;
	text-align: left;
	font-size: 11px;
}

.guests td {
	font-size: 11px;
	padding: 4px 0 4px 4px;
}

.guests td.keyline {
	padding: 0;
	background: #CCCCFF;
}

.insertBooking .formElement, .rrModule .formElement {
	background: #DBC9FF;
}

.searchRemoveLinks {
	font-size: 11px;
	text-align: right;
}

.searchRemoveLinks a, .searchRemoveLinks a:link, .searchRemoveLinks a:visited {
}
/*
#roomFeatures {
	position: absolute;
	top: 0;
	left: 0;
	width: 281px;
	visibility: hidden;
	background: #DBC9FF;
	border: 1px solid #CCCCFF;
	color: #5911A2;
	padding: 10px;
}
*/
#roomFeatures {
	position: absolute;
	top: 0;
	left: 19px;
	width: 260px;
	height: 40px;
	visibility: hidden;
	background: #DBC9FF;
	border: 1px solid #CCCCFF;
	color: #5911A2;
	padding: 10px;

/*
	color: #FFFFFF;
	background-color: #3399FF;
	padding: 5px 5px 5px 45px;
	border: thin solid #ccccff;
	background-image: url(http://192.168.1.43/yhavirturl/images/sections/hostels/bookings/ic_info.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
*/

	font-size: 11px;
	color: #0033CC;
	background-color: #AAd5ff;
	padding: 5px 5px 5px 45px;
	border: thin solid #ccccff;
	background-image: url(/yhavirturl/images/sections/hostels/bookings/ic_info.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}


#notesBox {
	position: absolute;
	top: 0;
	right: 22px;
	width: 250px;
	height: 60px;
	visibility: hidden;
	background: #FFFF00;
/*	background: #DBC9FF; */
	border: 1px solid #CCCCFF;
	padding: 10px;

/*
	color: #FFFFFF;
	background-color: #3399FF;
	padding: 5px 5px 5px 45px;
	border: thin solid #ccccff;
	background-image: url(http://192.168.1.43/yhavirturl/images/sections/hostels/bookings/ic_info.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
*/

	font-size: 11px;
/*	color: #0033CC; */
	color: #FFFFFF;
/*	background-color: #AAd5ff; */
	background-color: #CC0000;
	padding: 5px 5px 5px 45px;
	border: thin solid #ccccff;
	/* background-image: url(/yhavirturl/images/sections/hostels/bookings/ic_info.gif); */
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

.pdfLink_white {
	color: #fff;
}

p.pdfLink_white {
	margin: 0 0 5px 0;
	padding: 0;
}

p.pdfLink_white a, p.pdfLink_white a:visited {
	color: #fff !important;
	background: url(../../images/sections/hostels/1121_rent_yha.gif) no-repeat top left;
	padding-left: 20px;
}

p.pdfLink_white a:hover {
	color: #6600CC !important;
}

/* dates of stay popup box */
.formElement2 {
	background: #dbc9ff;
	color: 5911a2;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.border-left { border-left: 1px solid #ccccff }
.border-right { border-right: 1px solid #ccccff }

td.totalRox {
	color: #fff!important;
}


.sidebar-note
{
    padding-bottom: 15px;
}

.sidebar-note h3
{
    background: url(../../images/sections/hostels/bg_sidebar_note.gif) no-repeat;
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 41px;
}   

.sidebar-note p
{
    padding: 0 13px;
    font-size: 11px;
    line-height: 1.4em;
    margin: 15px 0;
}

.sidebar-note-group-bookings
{
    padding-bottom: 15px;
}

.sidebar-note-group-bookings h3
{
    background: url(../../images/sections/hostels/bg_sidebar_note_group_bookings.gif) no-repeat;
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 41px;
}   

.sidebar-note-group-bookings p
{
    padding: 0 13px;
    font-size: 11px;
    line-height: 1.4em;
    margin: 15px 0;
}

#group-bookings-intro
{
    background: url(../../images/sections/hostels/bg_group_bookings.gif) no-repeat;
    height: 258px;
    width: 210px;
    padding: 16px 290px 14px 14px;
    margin-bottom: 15px;
    line-height: 1.3em;
}

#group-bookings-intro p
{
    width: 210px;
    margin-top: 0;
    margin-bottom: 10px;
}

#group-bookings-intro h2
{
    text-indent: -999em;
    margin: 0 0 10px 0;
    height: 20px;
    width: 210px;
    background: url(../../images/sections/hostels/hd_group_bookings.gif) no-repeat;
}

#hd-find-out-more
{
    text-indent: -999em;
    margin: 0;
    background: url(../../images/sections/hostels/hd_find_out_more.gif) no-repeat;
    height: 20px;
}

#group-bookings-find-out-more
{
    padding: 0px 14px;
}

#group-bookings-find-out-more h2
{
    margin-bottom: 10px;
}

#group-bookings-find-out-more p
{
    margin-top: 0;
    margin-bottom: 15px;
}

#group-hostels-tabs
{
    margin: 0;
    padding: 0;
    height: 28px;
    background: url(../../images/sections/hostels/bg_group_hostels_tabs.gif) no-repeat bottom right;
    width: 514px;
}

#group-hostels-tabs li
{
    cursor: pointer;
    float: left;
    display: block;
    background: url(../../images/sections/hostels/bg_tab_lt.gif) no-repeat;
    height: 28px;
}

#group-hostels-tabs li a
{
    display: block;
    margin-left: 16px;
    display: block;
    background: url(../../images/sections/hostels/bg_tab_rt.gif) no-repeat top right;
    line-height: 28px;
    padding-right: 16px;
    color: #5911A2;
    text-decoration: none;
    font-weight: bold;
}

#group-hostels-tabs li a:hover
{
    color: #5911A2 !important;
}

#group-hostels-tabs li.tab-active
{
    background-image: url(../../images/sections/hostels/bg_tab_active_lt.gif); 
}

#group-hostels-tabs li.tab-active a
{
    background-image: url(../../images/sections/hostels/bg_tab_active_rt.gif); 
}

.tab
{
    
}

table.hostel-list
{
    width: 514px;
    border-color: #CCCCFF;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}

table.hostel-list th,
table.hostel-list td
{
    font-size: 11px;
    border-color: #CCCCFF;
    border-style: solid;
    border-width: 0 0px 1px 0;
    vertical-align: top;
    padding: 4px 16px;
}


table.hostel-list th
{
    background-color: #A073FA;
    font-weight: bold;
    white-space: nowrap;
}

table.hostel-list td
{
    background-color: #AB83FF;    
}

table.hostel-list tr.alternate td
{
    background-color: #B191FF;
}

.tab-panel
{
    padding-bottom: 24px;
    background: url(../../images/sections/hostels/bg_tab_panel_bt.gif) no-repeat bottom left;
}

.tab-panel img
{
    display: block;
}

/* 
    Group Bookings Enquiry Form
*/

#group-enquiry-content .clearer
{
    font-size: 0;
    clear: both;
    height: 0;
    line-height: 0;
}

#group-enquiry-content .panel .padder
{
    height: 8px;
}

#panel-group-bookings blockquote
{
    font-weight: bold;
    padding: 0;
    margin: 10px 0 0 0;
}

#panel-group-bookings .left,
#panel-group-bookings .right
{
    float: left;
}

#panel-group-bookings .left
{
    width: 250px;
}

#panel-group-bookings .right
{
    margin-left: 10px;
    _margin-left: 5px;
    width: 230px;
}

#panel-group-bookings .right img,
#panel-group-bookings .right #group-packs
{
    border: 1px solid #CCCCFF;
}

#panel-group-bookings .right #group-packs
{
    padding: 13px;
    color: #fff;
    font-size: 11px;
    margin-top: 8px;
}

#panel-group-bookings .right #group-packs h3
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin: 8px 0 2px 0;
}

#panel-group-bookings .right #group-packs p
{
    color: #fff;
    margin: 2px 0 15px 0;
}

#panel-group-bookings .right #group-packs a,
#panel-group-bookings .right #group-packs a:link,
#panel-group-bookings .right #group-packs a:visited,
#panel-group-bookings .right #group-packs a:hover,
#panel-group-bookings .right #group-packs a:active
{
    color: #fff !important;
}

#group-enquiry-content .panel
{
    background: url(../../images/sections/hostels/bg_panel.gif) repeat-y;
    color: #5911A2;   
    font-size: 11px;
    overflow: hidden;
}

#group-enquiry-content .panel p,
#group-enquiry-content .panel label,
#group-enquiry-content .panel input,
#group-enquiry-content .panel select,
#group-enquiry-content .panel textarea
{
    font-size: 12px;
}

#group-enquiry-content .panel .panel-content
{
    padding: 5px 14px;
    margin: 1px;
}

#group-enquiry-content .panel#panel-group-bookings p
{
    font-size: 11px;
}

#group-enquiry-content .panel .panel-tp,
#group-enquiry-content .panel .panel-bt
{
    background-repeat: no-repeat;
    height: 17px;
    width: 521px;
    font-size: 0;
    line-height: 0;
}

#group-enquiry-content .panel .panel-tp
{
    background-image: url(../../images/sections/hostels/bg_panel_tp.gif);
} 

#group-enquiry-content .panel .panel-bt
{
    background-image: url(../../images/sections/hostels/bg_panel_bt.gif);
}


#group-enquiry-content #group-packs
{
    background-color: #9966FF;
    color: white;
}


#group-enquiry-content .fieldContainer
{
    padding: 0 0 10px 0;
    clear: both;
    overflow: hidden;
}

#group-enquiry-content .fieldContainer label
{
    text-align: right;
    width: 180px;
    float: left;
    clear: none;
    line-height: 18px; 
    font-size: 12px;
}

#group-enquiry-content .fieldContainer#fieldContainerMeals label
{
    width: auto;
}

#group-enquiry-content .fieldContainer#fieldContainerNumberOfAdditionalHostels label
{
    width: 282px;
    padding-right: 10px;
}

#group-enquiry-content .fieldContainer .formElement
{
    float: left;
    background: none;
}

#group-enquiry-content .fieldContainer .formElement label
{
    text-align: left;
    width: auto;
}


#group-enquiry-content .fieldContainer .formElement .break
{
    clear: both;
    line-height: 8px;
    height: 8px;
    font-size: 0px;
}


#group-enquiry-content .fieldContainer .formElement label,
#group-enquiry-content .fieldContainer .formElement input,
#group-enquiry-content .fieldContainer .formElement select
{
    float: left;
    margin-left: 5px;
}

#group-enquiry-content input,
#group-enquiry-content select,
#group-enquiry-content textarea
{
    width: 231px;
    background-color: #DBC9FF;
    font-size: 11px !important;
    font-family: verdana, arial, sans-serif;
}

#group-enquiry-content textarea
{
    clear: left;
}

#group-enquiry-content textarea
{
    width: 480px;
    padding: 2px;
}

#group-enquiry-content .fieldContainer input#group_state
{
    width: 164px;
}

#group-enquiry-content .fieldContainer input#group_country
{
    width: 134px;
}

#group-enquiry-content .fieldContainer input#group_postcode
{
    width: 50px;
}

#group-enquiry-content .fieldContainer select#participants_age_range
{
    width: 112px;
}

#group-enquiry-content .fieldContainer select#meals
{
   width: 160px; 
}   

#group-enquiry-content .fieldContainer input.date
{
    
}

input#group_enquiry_submit
{
    float: right;
    width: 128px;
    color: #fff;
    background-color: #9966FF !important;
    font-size: 11px !important;
    
    
}

#group-enquiry-content .fieldContainer input.numeric
{
    width: 52px;
}

#group-enquiry-content input.radio
{
    height: 14px;
    width: 14px;
    float: left;
    background-color: transparent;
}

#group-enquiry-content label.radio
{
    float: left;
    padding-left: 4px;
    line-height: 18px;
    padding-right: 16px;
}

#group-enquiry-content .fieldContainer select.num_nights,
#group-enquiry-content .fieldContainer select.numeric
{
    width: 43px;
}

#group-enquiry-content .fieldContainer label.num_nights
{
    font-size: 11px !important;
}

#group-enquiry-content .fieldContainer select.month_year,
#group-enquiry-content .fieldContainer select.day
{
    width: 82px;
}

#group-enquiry-content .fieldContainer select.fulldate
{
    width: 130px;
}


#group-enquiry-content .fieldContainer label#label_number_of_male_guests
{
    text-align: right;
    width: 190px;
}

#group-enquiry-content .fieldContainer a.btCal
{
    text-indent: -999em;
    display: block;
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background: url(../../images/sections/hostels/ic_calendar.gif) no-repeat;
}


#panel-group-enquiry-form h3
{
    font-size: 12px;
    margin: 10px 0;
}

#panel-group-enquiry-form div.additionalHostelContainer
{
    margin-top: 10px;
}

#panel-group-enquiry-form h4
{
    padding-left: 188px;
    padding-bottom: 8px;
    font-size: 12px;
}

#group-enquiry-content .panel h2
{
    background-repeat: no-repeat;
    height: 20px;
    text-indent: -999em;
    padding: 0;
    margin: 0;
}

#group-enquiry-content p.requiredNote
{
    float: right;
    font-style: italic;
    font-size: 10px !important;
    margin-top: 3px !important;
}

#panel-group-enquiry-form .panel-divider
{
    background: url(../../images/sections/hostels/gr_dots_insert_full.gif) repeat-x;
}


#panel-group-enquiry-form h2
{
    background-image: url(../../images/sections/hostels/hd_panel_group_booking_enquiry.gif);
}

#panel-group-bookings h2
{
    background-image: url(../../images/sections/hostels/hd_panel_group_bookings.gif);
}


/* --------------------------------------------------------------------------------
 * Bookings
 * -------------------------------------------------------------------------------- */ 
.booking-test {
	background: #FF6600;
	border: 1px solid #FF9900;
}

h6 { font-size: 15px; }

.vrml-tour {
	float: right;
	width: 114px;
	text-align: right;
	padding-bottom: 15px;
}

.vrml-tour-livewebcam {
	float: right;
	width: 114px;
	text-align: right;
	padding-bottom: 15px;
}

.vrml-tour a.buttonLink,
.vrml-tour-livewebcam a.buttonLink {
	display: block;
	padding: 1px 1px!important;
	height: 16px;
}

.vrml-tour-livewebcam a.buttonLink {
	height: 27px;
}











