/*
 * [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 : #324960;
}

.maintintshadeone
{
  background-color : #4B6C8E;
}

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

.maintintfifty
{
  background-color : #B2CAE2;
}

.maintinttwenty
{
  background-color : #E0EAF3;
}

.maintintseven
{
  background-color : #F4F8FB;
}

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

.secondtintshadeone
{
  background-color : #4B6C8E;
}

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

.secondtintfifty
{
  background-color : #B2CAE2;
}

.secondtinttwenty
{
  background-color : #E0EAF3;
}

.secondtintseven
{
  background-color : #F4F8FB;
}

/* Fonts */
/* --------------------------------------------------------------- */
.ires p
{
}

.ires li
{
}

.ires a:link
{
}

.ires a:visited
{
}

.ires h1
{
}

.ires h2
{
}

.ires h2 a
{
}

.ires h3
{
}

.ires .error
{
  color : #ffffff !important;
  background-color : #cc6666;
}

/* Page Elements */
/* --------------------------------------------------------------- */
.sort
{
  color : #ffffff;
}

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

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

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

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

/* Room Options */
.roomcontrol
{
  background-color : #4B6C8E;
}


#accommodationsearch {
  /*  height: 10%;    overrides specific height in ires ie 7 */
   /*  min-height: 300px; safari */
 }
 
 

/*forms */
fieldset {border-width: 0px } 

/* Some basic styling for the Waiter  */
/* --------------------------------------------------------------- */
div.pleaseWait {
  padding-top:10px; width : 350px
}

.progressBar {
  width: 500px;
  height: 16px;
  color: #000000;
  border: 1px solid #cccccc;
  background: url(/images/progress.gif) repeat-x #FAB153;
}

#AccomSearchFormWaiter_P {
  font-weight: bold;
}

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

.pleaseWaitBlanket { 
  display: none 
  }

.waitMessage2 {color:#588DCF;}

.AjaxList li.listOptionHover {background-color: #F9CF7F !important}

/*-------------------------------------
       Refine Dates  Styling
----------------------------------------*/
#refinedates h3 {display:none}
#refinedates form {padding: 3px 0px 3px 3px;}
#refinedates      {font-size: .85em }
#refinedates select {font-size:.8em}
#refinedates p {font-weight: bold; margin: 0px; }


/*-------------------------------------
       Calendar  Styling
----------------------------------------*/
.dpCalendar, .dpMonths, .dpNav, .datePicker 
{ font-family:Verdana, Arial, Helvetica, sans-serif !important; background-image:none !important; background-color: #0099FF}
table.dpMonths, table.dpNav {width: 100%}


.datePicker {
  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;
  background-color: #669AFF !important ;
  padding : 3px !important; margin: 0px !important ;}

.dpNav td { border:none !important; padding: 3px !important; background-image:none; }

.dpNav a:hover {background-color: #4A78BC }



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

.dpMonth {background: #E8F0FF none !important ;   }

.dpMonths { /* table */
  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;
  background-image: none !important
}

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