/* CSS Document */
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/lion_bg_cream.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
}

.border_style{border: 1px solid #faf9f7;}

#tabcontentcontainer{width:100%; }
.tabcontent{ display:none;}

.box{border-top: hidden; border-left: 1px solid #D2F788; border-right: 1px solid #D2F788; border-bottom: 1px solid #D2F788; background:url(images/test_white.png);}
.whitebox{background:url(images/test_white.png);}

.boxTitle{padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; font-family: georgia, serif; font-size: 24px; color: #7F6F6A;}
.boxSubTitle{padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; font-family: georgia, serif; font-size: 12px; color: #7F6F6A;}
.boxTop{background-color: #D2F788;}
.transparent{background:url(images/test_white.png);}

.topBack{background:url(images/top_back.gif);	
		background-repeat: no-repeat;
		background-position: center;
}
.topBack2{background:url(images/top_back2.gif);	
		background-repeat: no-repeat;
		background-position: center;
}

.largeBrown {font-family: georgia, serif; color: #695334; font-size: 18px; background:url(images/test_cream.png);}
.smallBrown {color: #6a664c; font-size: 11px; font-family: georgia, serif;}
.brownBG{background:url(images/test_brown.png);}

.largeBlue {font-family: georgia, serif; color: #006699; font-size: 18px; background:url(images/test_blue.png);
}
.smallBlue {font-family: georgia, serif; color: #006699; font-size: 11px}
.smallBlueWithBg {font-family: georgia, serif; color: #006699; font-size: 11px; background:url(images/test_blue.png)}

.largeGreen {font-family: georgia, serif; color: #006600; font-size: 18px;}

.largeWhite {font-family: georgia, serif; color: #FFFFFF; font-size: 18px;}

a.largeGreen:link {color:#669933} 
a.largeGreen:visited {color:#669933} 
a.largeGreen:hover {color:#FF9900} 
a.largeGreen:active {color:#FF9900}

.largeGreen.hover {font-family: georgia, serif; color: #000000;
}
.smallGreen {font-family: georgia, serif; color: #006600; font-size: 11px}

.largeWhiteItalic { font-family: georgia, serif; font-size: 18px; color: #FFFFFF; font-style: italic;}
.smallWhite {font-family: georgia, serif; color: #FFFFFF; font-size: 11px;}

.text {font-family: georgia, serif; font-size: 12px; line-height: 24px; color: #695334;}
a.text:link {color:#669933} 
a.text:visited {color:#669933} 
a.text:hover {color:#FF9900} 
a.text:active {color:#FF9900}
.bluetext {font-family: georgia, serif; font-size: 12px; line-height: 24px; color: #006699;}
.greentext {font-family: georgia, serif; font-size: 12px; line-height: 24px; color: #669933;}
.whitetext {font-family: georgia, serif; font-size: 12px; line-height: 24px; color: #FFFFFF;}


.textCaps {font-family: georgia, serif; font-size: 24px; line-height: 24px; color: #7F6F6A;}
.textCapsBlue {font-family: georgia, serif; font-size: 24px; line-height: 24px; color: #006699;}
.textCapsGreen {font-family: georgia, serif; font-size: 24px; line-height: 24px; color: #669933;}


.textTitle {font-family: georgia, serif; font-size: 24px; color: #7F6F6A; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;}
.textTitleBg {background:url(images/test_title.png);}

.extraLargeBrown {font-family: georgia, serif; font-size: 36px; color: #7F6F6A;}
.extraLargeCream {font-family: georgia, serif; font-size: 36px; color: #EEEDE0;}

.blueBox { background:url(images/test_blue.png)}

.yellowBox { background:url(images/test_yellow.png)}

.greenBox { background:url(images/test_green.png)}

.creamBox { background:url(images/test_cream.png)}
.creamBoxBorder { background:url(images/test_cream.png); border: 1px solid #c2bfa5;}
.amberleyBox{padding-left: 14px; padding-right: 0px; padding-top: 14px; padding-bottom: 14px;}

.boxInner{padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 15px;}
.boxInnerLeft{padding-left: 15px; padding-right: 0px; padding-top: 0px; padding-bottom: 15px;}
.boxInnerRight{padding-left: 5px; padding-right: 15px; padding-top: 0px; padding-bottom: 15px;}

.input{ font-family: georgia, serif; font-size: 12px; color: #695334; border: 1px solid #d2f788;}

.hP {display:none;}







/* Lightbox------------------------------------------------------------------------------------------------------------ */	


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevabb.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextabb.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 12px georgia, serif;
	color: #7F6F6A;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #CDECEF;
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	










/* CALENDAR------------------------------------------------------------------------------------------------------------ */	
	
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar{
  font-size: 12px;
  color: #695334;
  cursor: default;
  font-family: georgia, serif;
}

.calendar table {
  border: 1px solid #d2f788;
  font-size: 12px;
  color: #695334;
  cursor: default;
background:url(images/test_white.png);
  font-family: georgia, serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  
}

.calendar .nav {
  background: url(../../new/English/Reservations-requests/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background:url(images/test_brown.png);
  color: #fff;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background:url(images/test_blue.png);
  color: #006699;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
background:url(images/test_cream.png);
}

.calendar thead .name { /* Cells <TD> containing the day names */
  background:url(images/test_cream.png);
  border-bottom: 1px solid #d2f788;
  padding: 2px;
  text-align: center;
  color: #695334;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #2c1b17;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  padding: 1px;
  background: #e3fab6;
  border: 1px solid #bbb;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #695334;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #069;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: url(images/test_green.png);;
}

.calendar tbody .rowhilite td.wn {
  background:url(images/test_green.png);
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #e3fab6;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #bbb;
  padding: 1px 3px 1px 1px;
  background:url(images/test_blue.png);
  color: #069;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #2c1b17;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #069;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #d2f788;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background:url(images/test_green.png);
  color: #695334;
  border-top: 1px solid #d2f788;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #069;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  background:url(images/test_blue.png);
  color: #069;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #e3fab6;
}

.calendar .combo .active {
  border-top: 1px solid #d2f788;
  border-bottom: 1px solid #d2f788;
  background:url(images/test_green.png);
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #069;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #069;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #069;
  color: #0f0;
}