/*
 * [IRES LOCAL BRANDED SITE CSS]
 *
 * This is the stylesheet that formats the iRes widgets like the search results,
 * search forms and other iRes specific elements. Use this as a template for your site.
 * 
 * @author Samuel Richardson
 * @date 20050426
 *
 */

/* iRES */
/* --------------------------------------------------------------- */
.ires
{
}

/* iRES Colours */
/* --------------------------------------------------------------- */
/*
  Color Guide:
  Two primary colours are picked, then a darker and darkest shade are 
  taken of them, followed by sixty, thirty and seven % tints of them.
*/
/* Primary Colour */
.maintintshadetwo
{
  background-color : #004B7D;
}

.maintintshadeone
{
  background-color : #00609F;
}

.maintintprimary
{
  background-color : #0078C4;
}

.maintintfifty
{
  background-color : #0078C4;
}

.maintinttwenty
{
  /* background-color : #BEE0FA;  sensis light blue */

 background-color :#F2F2F2;
}

.maintintseven /* search results grey */
{
  background-color : #EFEFEF;
}

/* Secondary Colour */
.secondtintshadetwo
{
  background-color : #324960;
}

.secondtintshadeone
{
  background-color : #008CCF/*#4B6C8E; */
}

.secondtintprimary
{
  background-color : #6595C5;
}

.secondtintfifty
{
  background-color : #B2CAE2;
}

.secondtinttwenty
{
  background-color : #E0EAF3;
}

.secondtintseven
{
  background-color : #EFEFEF;
}

/* Fonts */
/* --------------------------------------------------------------- */
.ires p
{
 font-size: 11px;
}

.ires li
{
}

.ires a:link
{
}

.ires a:visited
{
}

.ires h1
{padding: 0px; color:#C40E2F; font-size:1.05em ;
}

.ires h2
{
}

.ires h2 a
{
}

.ires h3
{ color: #000000 !important;
  margin-top: 11px !important;
}

.ires .error
{
  color : #aa1224  !important;
  background-color :#ffffff; 
  font-weight:bold;
}

p.error {padding-left: 20px !important}
.servicedetails .tabledata p.error {padding-left: 0px !important}
.booking .tabledata p.error {padding-left: 0px !important}


/* Page Elements */
/* --------------------------------------------------------------- */
.ires p.sort   {text-align: left;  color: #000000 ; padding-left: 30px; margin-left: 0px ; background-color: #BEE0FA}
.ires span.sort   { background-color: #BEE0FA}

.resultrow /* Each row in the search results */
{
  border-top : 1px solid #BEE0FA; /* Should be Second Tint 50 */
}

/* Agent Pages */
ul.months li a
{
  background-color : #F9E084; /* Primary Tint 50 */
  border : 1px solid #F4C10A; /* Primary Tint */
}

.months li a:hover
{
  background-color : #F4C10A; /* Primary Tint */
  border : 1px solid #F4C10A; /* Primary Tint */
  color : #ffffff;
}

.months li a.current
{
  font-weight : bold;
  background-color : #F4C10A; /* Primary Tint */
  color : #ffffff;
}

/* interim fix for peekaboo bug for IE in room detail pages */
/* Hides from IE5-mac \*/
* html .ires .headertwoarea {
  height:1%;
}
/* End hide from IE5-mac */



/* Progressing page customisation -----------------------------------*/
.AOT_Waiter p {text-align: left; font-size: 11px;} 
.AOT_Waiter h1 {text-align: left; padding-left: 0px !important ; display:none;} 
.AOT_Waiter .progress_bar {margin-left: 0px !important; margin-top: 12px !important;}


/* Search results page customisation --------------------------------*/

.ires img.starRating  {padding-left: 30px}





/* brochure page customisation */
.currencyAprox {font-size:.9em}


.brochure p {font-size: 11px }
.ires #brochureheader h1{ margin: 0px;}
/*.ires #brochureheader p{ padding: 0px 0px 15px 0px; font}*/
.ires #brochureheader{
  border-bottom : 1px solid #008ECE; 
  padding-left: 20px;
  padding-right: 20px;  
  margin-bottom : 15px;
}

.brochure .servicename { padding-left : 20px !important ;}
.ires p.selectservicebutton a img {  padding: 0px !important; }/*rooms list  button alignment */

/* this is the left column! */.roomrightcol { padding-left: 15px;  border-right : 0px solid #ffffff; }
#leftcolumn { border-right : 0px solid transparent;}

.brochure .ires p {line-height: 18px;}

/*brochure side menu */
.sideactive { font-weight: bold ; text-decoration: none}
.sideinactive {font-weight: normal; text-decoration: underline }

#brochurenavigation { padding-left : 0px;}
#bottombrochurenavigation {padding-left : 20px;}
#brochurenavigation a, #bottombrochurenavigation a {background : #BDE3F7;border : 1px solid #008ECE;}
#bottombrochurenavigation { border-bottom: 1px solid #008ECE;}

.ires #columnwrap
{
  width : 600px;
  background : none;
}

#infoandphotos{  padding-left: 20px}

/* room availability */
table.roomavailablity {
  margin: 0 0 5px 0;
  border : 1px solid #008CCF;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  width: 320px;
  table-layout: fixed;
}
 
table.roomavailablity th {
  border-bottom : 1px solid #008CCF;
  border-right: 1px solid #008CCF;
  border-top: 1px solid #008CCF;   
  border-left: 1px solid #fff;
}
  
table.roomavailablity th:first-child { 
  border-left: 1px solid #008CCF;
}

table.roomavailablity td{
  text-align:center;
  border-collapse: collapse;
  border-left: 1px solid #008CCF;
  border-bottom: 1px solid #008CCF;   
  border-right: 0px solid #fff;   
  background-color: #E8F5FD;
  align: center;
}

.roomavailablitykey ul
{  float: left;clear: right;
  list-style-type : none;
  margin : 5px 0 10px 0px;
  padding : 0;
  width: 99%;
}

.roomavailablitykey li
{
  display : block;
  margin: 3px  0px 3px 0px;
  font-size:xx-small;
  float: left; clear: both;
}

.ires .unselected
{ background-color: #C9E6FB;}

/*spacing between room listings */
.roomoption {margin-bottom: 10px ; }

div#columnrule {background-color: transparent !important;}


/*service details  and itinerary pages */
.ires h1 { margin-left: 20px }
.ires h2 { 
padding-left: 20px; 
padding-bottom: 15px;
border : 1px solid #C9E6FB ; 
border-width : 0px 0px 1px 0px;
font-size: .8em; 
font-weight:bold;
color: #000000;
}



/*#servicedetails */

.ires td.tablelabel,
.ires td.tabledata {background-color: #fff;}
.ires td.tablelabel {text-align: left; padding-left: 20px}

.servicedetails .ires table.datalayout,
 tr.cost td.tablelabel,
 tr.cost td.tabledata 
{
padding: 15px 20px 10px 20px;
background-color: #F2F2F2; 
border-bottom: 1px solid #C9E6FB ;
border-top: 1px solid #C9E6FB ;
border-collapse: collapse;
}

tr.approxcheckin  {border-bottom: 1px solid #C9E6FB;}

.servicedetails .ires table.datalayout {border: none}
.servicedetails input#btn_0 {margin-right: 110px}
.servicedetails input#btn_1 {margin-right: 110px}
p#stayprice {color:#C40E2F}






/* itinerary */
.itinerary .ires h1  { display: none}
.itinerary h2  { border : 1px solid #C9E6FB ; background-color:#F2F2F2; padding: 15px 15px 15px 20px}
.itinerary  h2 a {color: #000000 ; font-size: .9em; }
.itinerary .headertwoarea  p {padding: 5px 15px 5px 15px !important; font-weight: bold } /* other costs labelling */
.ires #totalprice 
{
  color: #4478C4;
  padding: 1px 0px; 
  font-size: 14px;
  font-weight:bold;
  margin-bottom:10px;

}

.ires #totalprice p
{
  color: #4478C4;  
}
.itinerary .noBooking p {margin-left: 20px !important} /*no booking message */

/* button alignment */
.itinerary input{ padding : 15px; }
.itinerary td.tabledata {padding-right : 18px}






/*payment */
div.fees table {background-color: #fff}


#paymenttypesselector {display: none}
#paymenttypescontainer{ width: 100%}

#paymenttypesselector
  label{display : none; }


#paymentform
{ border : 0px solid #ccc;
  padding : 20px 0px 10px 0px;
  margin : 0px;
}

#paymentform
  h4
  {
    color: #0078C4;  font-size: .8em;
    padding :0px 0px 5px 15px ;
  }

#paymentform table {
border-top: 1px solid #C9E6FB;
padding: 0px; margin: 0px
}


img.paymentlogo {margin-bottom:10px;
position:relative;}
div.booking #btn_0 {padding-right: 20px }
div.booking label {color: blue; font-size: 11px; }



/*receipt */
.receipt  p {padding-left: 20px !important}
.receipt .datalayout  p {padding-left: 0px !important; }
.receipt .headertwoarea tr p{padding: 0px 20px 0px 15px !important;}
.receipt .headertwoarea td p{padding: 5px 20px  5px 15px  !important;}

/*calendar*     NOTE: this css should be integrated into the skin.css blue in the core after ires 2.2 */

/* Calendar */
.datePicker td {font-size: 7pt}
.datePicker {
  font-family: Verdana, Arial, sans-serif,  monospace !important;
  background-color: #A0D3FF !important;
  border: 0px !important;;
  background-image:none !important;
}

.datePicker a {
  text-decoration: none;
  color: #fff !important;
}
.datePicker a.disable {
  color: #CBCDD1 !important;
}


/* --------- Nav ----------- */
.dpNav { /* table */
  font-family: Verdana, Arial, sans-serif,  monospace !important;
  margin: 0px !important;
  background-color: #669AFF !important ;
  padding: 2px !important;
}

.dpNav td {
  border: 0px outset #CCC !important;
  padding: 2px !important;
}

/* --------- Months ------------ */

.dpMonths { /* table */
 font-family: Verdana, Arial, sans-serif,  monospace !important;
  background-color: #A0D3FF !important;
  border: 0px solid #CCC !important;
  }
  
.dpMonths td a {
 color:#426E9B !important
  }

.dpMonthHover a:hover{
 color:#ffffff !important;
  }


/* -------- Days ---------- */
.dpCalendar { /* table */
  border: 0px solid #fff !important;
  background-color:#DDEEFE !important;
}

.dpDay a{color: #1D38B8 !important;
}
.dpDayWeekend a{
  color: #1C99FF !important;
}

td.dpDayName {
  border: 0px solid #fff !important;
  color: #FFF  !important;
  background-color: #A0D3FF !important;
}

td.dpDayHover {
 background-image: none !important;
 background-color: #0078C4 !important;
}

td.dpDayToday a{
  color: black !important;
}

/* waiter display */
div#xpBar  { 
  background-image: url(../images/wait7.gif);
  }

.pleaseWaitBlanket { 
  display: block 
  }