/*
  Basic Style Sheet for Online Reservations
*/
@import url("http://www.chambresdhotes.org/links/static/luna/luna.css");


body.calendarBody
	{
		background: #eeeeee;
	}
	
body.datePickerBody
	{
		background: #eeeeee;
	}

body.furtherDetailsBody
	{
		background: #eeeeee;
	}

h1 	{
	text-align: center;
   	} 

p.quoteBy    
	{ 
	text-align: right;
     	}
     
p.header
     	{
     	font-size:24px;
     	font-weight: bold;
     	color: white;
	}
     
p.salutation
     	{
     	font-weight: bold;
	}

p.offer
     	{
     	font-size:16px;
     	font-weight: bold;
     	text-align: right;
	}

p.faq
     	{
     	font-size:16px;
     	font-weight: bold;
     	text-align: left;
	}

span.bold
	{
	font-weight: bold;
	}
span.mandatoryMarker
     	{
     	font-size:2em;
     	color: #0082C8;
	}  
     
span.settings
     	{
     	font-size:0.9em;
        color: #0082C8;
	}
     
span.errMsg
     	{
     	color: red;
	font-weight: bold;
	font-size: 1.1em;	
	}

span.tableHeader
     	{
     	color: #0082C8;
     	font-size: 1.1em;
	}
     
span.colHeader
     	{
     	color: #0082C8;
	}
	
span.priceHeader
	{
	font-size: 1.1em;
	text-decoration: underline;	
	}
	
span.priceColumnHeader
	{
	text-decoration: underline;	
	}
	
span.screenOn
     	{
	color: gray;
     	font-weight: bold;
	}
	
span.screenOff
     	{
     	color: gray;
	}
	
span.availabilityPrompt
	{
	font-size: 1.1em;
	}
	
span.smallPrint
	{
	font-size: 0.7em;
	}

/* Overriden divs from links */        
div.wrapper
	{
		text-align: center;
	}
	
div.logo {
		background-position: top left;
		background-image: url(http://www.chambresdhotes.org/links/static/luna/images/logo.jpg);
		background-repeat: no-repeat;
		height: 80px;
	}
	
#leftsidebar {
		height: 100%;
	}

#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
  display: block;
  background-color: red;
}


/* Specific OR divisions */
div.lhsTop
     	{
     	position: absolute;
     	top: 2px;
     	left: 2px;
     	width: 10%;
     	height: 20%;
	}

div.centerTop
     	{
     	position: absolute;
     	top: 2px;
     	left: 15%;
     	width: 50%;
	height: 20%;
     	text-align: left;
	}        
	
div.topRight
     	{
     	position: absolute;
     	top: 2px;
     	left: 60%;
     	width: 30%;
	height: 20%;
     	text-align: left;
	}
     
div.lhs
     	{
	position: relative;
     	top: 20%;
     	left: 2px;
     	width: 15%;
	height:78%;
	}

div.lhsbot
     {
     	position: absolute;
	top: 90%; 
     	left: 5px;
     	width: 60px;
     }
div.contentArea
     	{
     	position: absolute;
     	top: 20%;
     	left: 15%;
     	width: 70%;
	height: 78%;
	text-align: justify;
	}
	
div.iFrameArea
     	{
     	position: absolute;
     	top: 1%;
     	left: 1%;
     	width: 100%;
	text-align: left;
	}
	
div.contentAreaWithoutLogin
     	{
     	position: absolute;
     	top: 20%;
     	left: 15%;
     	width: 80%;
	height: 78%;
	text-align: justify;
	}
	
div.map
     	{
     	width: 500px;
	height: 400px;
	} 
	
div.mapSmall
     	{
     	width: 250px;
	height: 250px;
	}

div.iFrameContentArea
     	{
     	position: relative;
     	top: 0%;
     	left: 0%;
	text-align: center;
	}
	
div.rhsLogin
     	{
     	position: absolute;
     	top: 2px;
	left: 70%;
     	width: 15%;
     	text-align: left;
	}
	
div.mapArea
     	{
     	position: absolute;
     	top: 10%;
	left: 60%;
     	width: 25%;
     	text-align: left;
	}
	
div.ht
	{
		position: absolute;
		z-index: 2;
		opacity: 0.8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // this fixes for IE lack of opacity
		filter: alpha(opacity=80);
		background-color: white;
		display: none;
	}
	
table
     	{
	font-size: 14px;
       	width: 100%;
	}
	
table.contentsTable
	{
		width: 950px;
	}
   
table.memberTable
     	{
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	width: 95%;
	border-spacing: 0px 3px 0px 3px;
	border-collapse: separate;
	} 

table.htTable
	{
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	}
table.calendarTable
     	{
        width: 100%;
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	}

table.linksTable
	{
	background-color: #edf2cb;
     	border-width: 5px;
     	border-color: white white white white;
	border-style: solid;
	}
	
table.calendarMonthTable
     	{
        width: 100%;
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	} 

table.calendarKeyTable
     	{
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	} 
table.datePickTable
     	{
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	} 
     
table.matchTable
     	{
     	border-width: 1px;
     	border-style: ridge;
     	border-color: silver;
	}
     
table.priceTable
     	{
        width: 100%;
     	border-width: 5px;
     	border-style: ridge;
     	border-color: silver;
	}

table.innerPriceTable
     	{
        width: 100%;
     	border-width: 2px;
     	border-style: ridge;
     	border-color: silver;
	}

table.tabs
     	{
	border-collapse: collapse;
	border: 0;
	width: 490px;
	padding: 0 0 0 0;
	}

tr.boardLine
     	{
	}
     	
tr.accomPick
	{
	background-color: #edf2cb;
	} 
	
tr.oddRows
	{
	}     
	
tr.evenRows
	{
	background-color:#FFFFCC;
	}

tr.linksHeader
	{
	}
	
tr.linksRow
	{
	}

td
     	{
	text-align: left;
	padding: 0 0 0 0;
	vertical-align: bottom;
	border-width: 0px;
	}

td.priceColumnHeader1
	{
	color: gray;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	width: 30%;
	}
	
td.priceColumnHeader2
	{
	color: gray;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	width: 30%;
	}
	
td.priceColumnHeader3
	{
	color: gray;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	width: 40%;
	}
	
td.priceColumn1
	{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	}
	
td.priceColumn2
	{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	}
	
td.priceColumn3
	{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	}
	
td.linksCell
	{
	border-width: 2px;
	border-color: white white white white;
	border-style: solid;
	}

td.calendarCell
	{
	background-color: #FFFFCC;
	width: 20px;
	}
	
td.calendarMonthCell
	{
	width: 50px;
	}

td.calendarRentalUnitName
	{
	width: 50px;
	}

td.calendarCellUnavailable
	{
	background-color: pink;
	text-align: center;
	vertical-align: middle;
	}

	
td.calendarWeekend
	{
	/*opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5*/
	}

td.calendarCellPriceChange
	{
	/*background-color: #009999;
	text-align: center;
	vertical-align: middle;*/
	}
	
td.calendarDiscount
	{
	/*background-color: pink;
	text-align: center;
	vertical-align: middle;*/
	}
	
td.calendarCellBooked
	{
	background-color: red;
	text-align: center;
	vertical-align: middle;
	}
	
td.calendarNonDay
	{
	background-color: gray;
	}
     
td.tabRest
	{
	 background-image: url('../images/tabrest.gif');
	 background-repeat: no-repeat;
	 width: 78px;
	 height: 38px;
	 vertical-align: middle; 
	 text-align: center;
	}
	
td.tabCurrent
	{
	 background-image: url('../images/tabover.gif');
	 background-repeat: no-repeat;
	 width: 78px;
	 height: 38px;
	 vertical-align: middle; 
	 text-align: center;
	}

td.boardCell
     	{
	}

td.justify
     	{
	text-align: justify;
	}

td.menuCell
     	{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	width: 60%;
	}
     
td.menuButton
     	{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	}
     
td.cliIdCol
     	{
     	width: 20%;
     	text-align: left;
	} 
     
td.descCol
     	{
     	width: 46%;
     	text-align: left;
	}
     
td.dateCol
     	{
     	width: 20%;
      	text-align: left;
	}
     
td.butCol
     	{
     	width: 7%;
     	text-align: center;
	background-color: #F68026;
	}
    
td.textCol
     	{
     	width: 80%;
     	text-align: left;
	}
     
td.dateSentCol
     	{
     	width: 20%;
     	text-align: left;
	}
td.smallCol
     	{
     	width: 20%;
     	text-align: left;
	}

td.bigCol
     	{
     	width: 60%;
	}

td.medCol
     	{
     	width: 25%;
	}
    
td.colWidth30
     	{
     	width: 30%;
	}
	
td.colWidth20
     	{
     	width: 20%;
	}
     
td.colWidth10
     	{
     	width: 10%;
	}

td.colWidth100
     	{
     	width: 100%;
	}

td.height100
     	{
	height: 100%;
	}
	
td.rowTitle
     	{
     	width: 25%;
     	text-align: left;
	}

td.rowField
     	{
     	width: 75%;
     	text-align: left;
	}
	
td.right
	{
	text-align: right;
	}

td.center
	{
	text-align: center;
	}	
td.middle
	{
	vertical-align: middle;
	}	
td.left
	{
	text-align: left;
	}
	
td.top
	{
	vertical-align: top;
	}
	
td.rightMargin
	{
	width: 100px;
	}
     
input.ok
     	{
	font-family: "Trebuchet MS";
	color: red;
	width: 8em;
	height: 2em;
	font-weight: bold;
	}
	
input.nav
     	{
	font-family: "Trebuchet MS";
	color: red;
	width: 8em;
	height: 2em;
	font-weight: bold;
	}
     
input.reset
     	{
	font-family: "Trebuchet MS";
	color: red;
	width: 6em;
 	height: 2em;
	font-weight: bold;
	}
     
img.titleImg
     	{
       border-width: 0;
       height: 116px;
       width: 319px;
	}
	
img.calendarCell
     	{
       border-width: 0;
       height: 15px;
       width: 15px;
	}

img.butImg
     	{
	border-width: 0;
	height: 40px;
	width: 40px;
	}     
     
img.smallButImg
     	{
	border-width: 0;
	height: 20px;
	width: 20px;
	}
	
img.calImg
     	{
	border-width: 0;
	height: 19px;
	width: 21px;
	}
     
     
img.langButImg
     	{
	border-width: 0;
	height: 12px;
	width: 17px;
	}

img.rhsImg
     	{
	border-width: 0;
	height: 100px;
	width: 100px;
	}

img.howImg
     	{
	border-width: 0;
	height: 500px;
	width: 300px;
	}

img.logoImg
     	{
	border-width: 0;
	height:116px;
	width: 100px;
	float: right;
	padding: 0 0 0 3;
	}

img.htImg
	{
	border-width: 0;
	height:15px;
	width: 10px;		
	padding: 0 0 0 0;
	}
	
img.loadingImg
     	{
	border-width: 0;
	height: 50px;
	width: 150px;
	}
	
img.bookLoadingImg
     	{
	border-width: 0;
	height: 13px;
	width: 208px;
	}

img.preloadImg
     	{
	border-width: 0;
	height: 0px;
	width:  0px;
	}

img.peopleImg
     	{
	border-width: 0;
	height: 557px;
	width:  207px;
	}

img.letterImg
     	{
	border-width: 0;
	height: 20px;
	width: 11px;
	}
     
img.arrowImg
     	{
	border-width: 0;
	height: 25px;
	width: 30px;
	}

img.thumbNailImg
     	{
	border-width: 0;
	width: 200px;
	float: left;
	}	
img.clientThumb
     	{
	border-width: 2px;
	float: left;
	}
          
a
     	{
	text-decoration: none;
	}
              
a:link
     	{
	color: #0082C8;
	background: transparent;
	}
          
a:visited
     	{
	color: #0082C8;
	background: transparent;
	}
     
a:hover
     	{
	color: red;
	background: transparent;
	}
     
a:active
     	{
	color: #0082C8;
	background: transparent;
	}