/* @override 
	http://independents.test.allocate.co.uk/portal/theindependents/assets/css/screen.css
	http://group.local.allocate.co.uk:3000/portal/theindependents/assets/css/screen.css
	http://independents.allocate.co.uk/portal/theindependents/assets/css/screen.css
*/

body { padding: 10px; margin : 0px; margin-top : 5px; font-family : arial, helvetica, sans serif; font-size : 12px; color : #666; text-align : left; }

h1, h2,h3 { margin : 0px; margin-bottom : 5px; font-weight : normal;
	font-family : Palatino Linotype, Book Antiqua, Palatino, serif;
}

img {
  border : 0;
}

p {
  margin : 0px; margin-bottom : 5px; font-weight : normal;
}

html {
  background-color: #D2DBF0;
}

body {
 margin : 0; padding : 0; 
}

div#doc {
	padding : 20px;
  width : 760px;
  margin-left: auto; 
  margin-right: auto;
  background : #fff;
}

h2 { 
	color: #0054b7;
	text-transform: uppercase;
	font-size: 13px;
}

h3 { 
	text-transform: uppercase;
	font-size: 12px;
	color: #0054b7;
}

h4 {
	font-size : 14px;
	margin : 0;
}

li { list-style-position: inside; list-style-type: none; }

div#taster-gallery {
  background-color: #eee;
  padding : 5px;
  border : 1px solid #bbb;
  margin-bottom : 5px;
}

div#taster-gallery p {
  font-size : 11px;
  color : #ddd;
}

div#taster-gallery h2 {
  padding-top : 5px;
  color : #fff;
}

div#superbox p {
  text-align: right;
}

div#superbox p a {
  margin-right : 4px;
  line-height : 20px;
}

div#superbox span {
  background-color: #eee;
  cursor: pointer;
  padding : 4px;
}

/* @group Overrides */

span.action-field {
	display: inline;
}

div#content-area span.action-field {
	display : block;
}

span.v-error {
	border : 0;
	background-color: transparent;
	color : white;
}

div.supp-wait {
	background: url(/base/assets/images/wait.gif) no-repeat 2px;
}

div.room-change {
	background: url(/base/assets/images/booking/room-tick.gif) no-repeat;
}

div#calendar-help.spinner {
	background: url(/base/assets/images/wait.gif) no-repeat;
}

div.room-wait {
	background: url(/base/assets/images/arrow-up.gif) no-repeat 0px 5px;
}

.yui-calcontainer .calclose {
	background: url("/base/assets/images/yui/calendar/calx.gif") no-repeat;
}

.yui-calendar .calnavleft {
	background: url("/base/assets/images/yui/calendar/callt.gif") no-repeat;
}

.yui-calendar .calnavright {
	background: url("/base/assets/images/yui/calendar/calrt.gif") no-repeat;
}

td.calcell.restricted {
	background : url(/base/assets/images/yui/calendar/unavailable.gif) no-repeat top left;
}

td.calcell.available {
	background : url(/base/assets/images/yui/calendar/available.gif) no-repeat top left;
}

td.calcell.unavailable {
	background : url(/base/assets/images/yui/calendar/unavailable.gif) no-repeat top left;
}

td.calcell.other {
	background : url(/base/assets/images/yui/calendar/other.gif) no-repeat 1px 1px;
}

div#sidebar {
	width : 190px;
	float : right;
}

div.stay-help {
	width : 150px;
}

/* @end */

a { color : #006B9C; }

#hd{
margin-bottom: 10px;
}

ul#main-menu .submenu { margin-top : 10px; padding : 5px; }
ul#main-menu h2 { margin-bottom : 5px; }
ul#main-menu a { text-decoration : none; }
ul#main-menu { font-size: 0.9em; margin : 0; padding : 0; }
ul#main-menu ul li a:hover { text-decoration: underline; }
ul#main-menu ul li ul li a { color: #666666;}
ul#main-menu ul {
	list-style-type:  none; 
	margin: 0px;
	padding: 0px;
}
ul#main-menu li {
	padding: 0px 0px 2px 10px;
	text-align : left;
	margin: 0px;
	background-image: url('../images/bt.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	list-style: none;
}

ul.hide {
  display : none;
}

ul#main-menu li a {
	color: #006B9C;
	text-decoration: none;
	display: block;
}
#ft {
	width: 758px;
	border-top: 1px solid #bebebe;
	font-size: 0.8em;
	padding-top: 5px;
	margin-top: 14px;
	clear: both;
}



#independents-info, #map-legend {
	width: 121px;
	border: 1px dotted #bebebe;
	margin: 5px 0 5px 0;
	padding: 3px;
	font-size: 0.9em;
}
#independents-info {
	font-size: 0.8em;
	text-align: center;
	color: #0054b7;
}

#page-instructions, #booking-description {
	padding: 5px;
	margin-bottom: 5px;
}

.stay-help {
	padding: 5px;
}
.status_message {
   color: red;
   font-weight: bold;
}

h2.allocate_pagetitle {
	color: #5c594a;
	border-bottom: 2px solid #d1cdbc;
	font-size: 1.5em;	
}

/* @group Availability field list */

div.action-field.month {
  display : inline;
}

div.action-field.year {
  display : inline;
}

/* @end */



/* @group Availability */

.room-options th { }
.room-options td { }
td.occupancy-desc h1 { }
td.occupancy-desc p { }
.room-options td.offer { }

/* @end */

/* @group Calendar Design */

div#calendar-container {
	width : 105%;
}

.yui-calendar {
	font-family: Georgia, serif
}

/* Month heading */
.yui-calendar .calhead {
	
}

/* Day */
.yui-calendar td.calcell { 
	background-color: #b3d6ff;
	width : 29px;
	height: 22px;
}

/* In other month */
.yui-calendar td.calcell.oom { background-color: #d8eaff; color : #b3d6ff; }

/* Before today */
.yui-calendar td.calcell.previous { color: #789fcd; }

/* Selected first night */
.yui-calendar td.calcell.selected { background-color: #5D7BA3; }
.yui-calendar td.calcell.selected a { color:#fff; }

/* Other nights */
.yui-calendar td.calcell.highlight1 { background-color: #5D7BA3; }
.yui-calendar td.calcell.highlight1 a { color : #fff; }

/* On mouse over */
.yui-calendar td.calcell.calcellhover { 
	color:#fff; background-color: #333; }

/* @end */

/* @group Footer */

ul#footer-links {
	display: inline;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
ul#footer-links li {
	float: left;
	padding-right: 10px;
}

div#allocate-link {
	float: right;
}

/* @end */

/* @group Search Panel */

div.action_form {
	padding : 10px;
	color : #fff;
	margin-top : 10px;
	background-color: #0053b4;
}

/* @end */

ul.list_header {
  display : none;
}

/* @group Breadcrumb nav */

#bc-region  {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('/images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#000;
    border:solid 1px #cacaca;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#bc-region li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#bc-region a
{
    height:30px;
    display:block;
    background-image:url('/images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home
{
    border: none;
    margin: 8px 0px;
}

#bc-region a:hover
{
    color:#0053b4;
    text-decoration: underline;
}



/* @end */



/* @group Avail Search */

div.avail_search {
	margin-top : 5px;
	padding : 10px;
	border : 3px solid #063c7e;
}

div.avail_search h3 {
	color: #fff;
}

div.avail_search span.number_of_nights {
	display : block;
}

div.avail_search input {
	float : right;
}

/* @end */

/* @group Hotel List */

div.featured-hotels h2 {
  padding-top : 5px;
}

div#a-featured-hotels li h1 {
	font-size : 16px;
	padding : 5px;
	margin-top : 1px;
	border-top : 2px solid #00639c;
	clear : both;
}

div#a-featured-hotels li.desc {
	font-style: italic;
}

div#hotels li h1 {
	font-size : 16px;
	padding : 5px;
	margin-top : 1px;
	border-top : 2px solid #00639c;
	clear : both;
}

div#hotels li.desc {
	font-style: italic;
}

li.buttons {
	padding : 5px;
}

li.buttons span {
	margin-right : 10px;
}

span.more_info {
	background-image: url(../images/btn-sm-details.gif);
}

/* @end */

/* @group Pager */

ul.list_pager {
    height:30px;
    clear : both;
    line-height:30px;
    background-color:#eee;
    overflow:hidden;
    margin-top: 0px;
    clear : both;
}

#map {
    background-color:#eee;
    padding : 10px;
}

#map-canvas {
	width : 580px;
	height : 400px;
}

ul#a-listtabbox {
  margin : 4px 0 0 0;
  padding :0;
}

ul.list_data {
  margin : 0;
  padding: 0;
}

ul.list_pager li {
  list-style-type:none;
  display :inline;
  margin-left:10px;
}

ul.list_pager li a {
  padding : 5px;
}

ul.list_header li {
  list-style-type:none;
  display :inline;
  padding-left:10px;	
}

/* @end */

/* @end */

/* @group Search */

div.a-search {
	margin-top : 5px;
	margin-bottom : 5px;
	padding: 5px;
	padding-bottom : 0;
	border : 1px solid #ddd;
	font-size : 11px;
	background-color: #f8f8f8;
}

div.a-search h4 {
	font-size : 10px;
}

input#a-search-box {
	font-size : 18px;
	width : 99%;
}

ul#a-search-results {
  padding : 0;
}

ul#a-search-results li {
  font-size : 12px;
  padding : 4px;
  cursor: pointer;
  border-top: 2px solid #fff;  
}

ul#a-search-results li:hover {
	background-color: #063c7e;  
	color : #fff;
}

/* @end */

/* @group Regions */

div.regions {
	margin-top : 5px;
	border : 1px solid #ddd;
	padding : 5px;
	font-size : 11px;
	background-color: #f8f8f8;
	overflow : auto;
}

div.regions h4 {
	font-size : 11px;
	font-style: italic;
}

div.regions ul li {
	display : block;
	float : left;
	width : 130px;
	padding-right : 5px;
	zoom : 1;
}

div.regions a {
	text-decoration: none;		
}

div.regions a:hover {
	text-decoration: underline;	
}

div.info {
	margin-top : 5px;
	border : 1px solid #ddd;
	padding-top : 5px;
	text-align: center;	
}

/* @end */

div#hotels thead {
    background-image:url('/base/assets/images/bc_bg.png'); 
    background-repeat:repeat-x;
	height : 20px;
	line-height: 20px;
}

div#hotels th {
	color : #666;
}

div#hotels th a {
	color : #666;
	text-decoration: none;
}

div.hotel h1 {
	font-size : 16px;	
	color: #0054b7;
	padding-top : 4px;
	border-bottom : 1px solid #fff;
}

/* @group Tab boxes */



div#allocate-hotel-details img.a-hotelimage {
  margin : 5px 0 5px 5px;
  float : right;
}

.ui-tabs-hide { display: none; }

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
	clear : both;
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background-color: #eee;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { }
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}

div.tabbox {
	background-color: #eee;
	padding : 5px;
}

div.hotel-panel-r {
	margin-top : 5px;
	float : right;
	background-color: #fff;
	text-align : right;
}

div.hotel-panel-r img {
	margin-bottom : 5px;
}

div#hotel-info ul {
	clear : both;
}

div.facilities ul li {
	background: url(/theindependents/assets/images/bt.gif) no-repeat left center;
	padding-left: 10px;
	font-size : 10px;
}

div.contact-info {
	font-size : 10px;
}

div.contact-info address {
	clear :right;
}

/* @end */

/* @group Offer list */

div.offers h1 {
	color: #0054b7;
	border-bottom: 2px solid #0054b7;
	font-size: 16px;
}



/* avail_search form style */

.avail_search select{
width: 95px;
}

.avail_search label{
  float:left;
  width:120px;
  margin-right:0.6em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

.day select, .month select, .year select{
float: left;
display: inline;
}

#ap-btn-avail{
margin-top: 10px;
margin-right: 2px;
}

/* @end */



/* list_data style */

.list_data .thumbnail{
 float: left;
 padding-right : 5px;
 margin-bottom: 5px;
}
/* @end */

/* featured hotels style */

.featured-hotels h3{
color: #000;
font-family:arial,helvetica,sans serif;
}

#content-area{
  margin-top: 10px;
  margin-right: 5px;
  width : 400px;
  float : left;
}

div#booking-description{
font-weight: bold;
padding: 5px 0 0 0;
}

div#booking-description li, div#booking-description ul{
padding-left: 0px;
margin-left: 0px;
}

div#stay_description p{
padding-top: 0px;
}

div#bd div.yui-b {
  float : left;
  width : 150px;
}

div#yui-main div.yui-b {
  float : right;
  width : 600px;
}

.instructions{
float: left;
width: 140px;
}



.yui-calcontainer.multi .groupcal {
width: 45%;
}

li.rating {
  float :right;
}

a.btn-info {
  padding-right : 3px;
}