/*----------------------------
  ------reset default styles--
  ---------------------------- */
* {
   margin: 0;
   padding: 0;
   }

li, p, td, th{
	font-size: 10px;
   }

Img{
   border:none;
   }
.clear{
   clear:both;
   }
br.clear{
line-height:0;
}
   
/*----------------------------
  ---generic element styles---
  ---------------------------- */
html{
}
body {
	font: 10px verdana,arial,sans-serif;
	height: 100%;
	background:#eff9ec;
	color:#dce7d7;
	text-align:left;
		}
   
/*----------------------------
  ----------layout-------------
  ---------------------------- */

#outline{
   width:998px;
   text-align:left;
overflow:hidden;
   }
   
/*
to use the page as a include of an existing page you can hide the head-area
#head-area{
   display:yes;
   }
*/


   
#body-area{
   min-height:420px;
   background:#eff9ec;
   color:#4d4d4d;
   }
   

/*----------------------------
  ----------links-------------
  ---------------------------- */

a{
   color:#004b16;
   }

#head-area a{
   color:#e5e5e5;
   }

a:hover{}




/*----------------------------
  ----form elements-----------
  ---------------------------- */
   
form{
   display:inline;
   }

div.rightCalendar{
   border:solid 1px #dce7d7;
   border-bottom-width:4px;
   border-right-width:4px;
   width:450px;
   overflow:hidden;   
 /*  
       height:144px; 
   */
  }    



  .tickerstyle{
 
  } 

fieldset{
   border:none;
   border-bottom-width:0px;
   border-right-width:0px;
   width:440px;
   }

   
   
fieldset.from-to-box,
fieldset.NoOfRooms {
   height:75px;
`}

fieldset.NoOfRooms {
`}

fieldset.full_int,
fieldset.full{
   clear:both;
   width:920px;
   }   
   
fieldset strong{
   display:block;
   clear:both;
   height:30px;
   line-height:30px;
   }
      
legend{
   font:19px georgia;

   }

label{
   float:left;
   text-align:left;
   }
   
input{
   border:solid 1px #dce7d7;
   float:left;
   width:140px;
   }
   
select{
   border:solid 1px #dce7d7;
   float:left;
   width:142px;
   }

select.month,
select.year{
   width:66px;
   }
      
   
#btnSearch{
   float:left;
      }   
   

#childbox{
   width:310px;
   float:right;
   }
   
#personbox{
   width:350px;
   float:left;
   }
   
#personbox label{
   width:160px;
   clear:left;
   }

#childbox label,
.loginform label{
   width:120px;
   clear:left;
   }

.loginform label{
   width:180px;
   }
   
fieldset.from-to-box label{
   width:80px;
   float:left;
   }

   fieldset.from-to-box input{
   width:80px;
   float:left;
   }
   


fieldset.person-per-room  label{
   clear:left;
   }
   
fieldset.from-to-box select,
fieldset.NoOfRooms select,
fieldset.person-per-room select{
   width:40px;
   float:left;
   }   
   
#childbox select option{
  }
  
/*----------------------------
----content elements-----------
---------------------------- */
div#errorpage{
   text-align:center;
   line-height:4em;
   background:#eff9ec;
   }


div.warn{
  color:red!important;
  font-weight:bold;
  }

span.warn{
  font-weight:bold;
 }
 

div.textbox{
  clear:both;
 }
 
 

 
div.fulltextbox{
   clear:both;
   border:solid 1px #dce7d7;
   border-bottom-width:4px;
   border-right-width:4px;
 }

 div.halftextbox{
  float:left;
  width:470px;
  } 

 
div.buttonbox{
   clear:both;
   text-align:left;
 }

div.buttonbox * {
 float:right; 
 }
 
  
/*legend look a like*/  
div.legend{
   background:#e5e5e5;
   font:19px georgia;
   width:310px;
   }

div.fulltextbox p{
   }
   
div.fulltextbox ul,
div.halftextbox ul,
fieldset ul{
   list-style:none;
   }   

div.fulltextbox ul li strong,
div.halftextbox ul li strong,
fieldset ul li strong {
   display:block;
   float:left;
   width:180px;
   height:1em!important;
   line-height:1;
   }   
   
   
div.fulltextbox ul li,
div.halftextbox ul li,
fieldset ul li {
   clear:left;
   }

div.fulltextbox ul li span.right,
div.halftextbox ul li span.right,
fieldset ul li span.right{
  }

div.fulltextbox ul li.sum,
div.halftextbox ul li.sum {
  font-weight:bold!important;
  } 
   
   
/*packages table*/
table#packages{
   border-collapse:collapse;
   }
   
table#packages th,
table#packages td{
   }
   
table#packages th{
background:#e5e5e5;
   }

table#packages td{
border-bottom:solid 2px #e5e5e5;
   }
   
table#packages td.box{
   text-align:left;
   }
   
table#packages td.price,
table#packages th.price{
text-align:right;
   }
   
/*Reservations*/   
table.reservations{
   border-collapse:collapse;
   width:910px;
   }
   
table.reservations th,
table.reservations td{
   }
   
table.reservations th{
   background:#ccc;
   font-size:0.9em;
   text-align:center;
   }
   
table.reservations tr.even td{
   background:#f0f0f0;
   }   
   


.messagediv{
  display: none;
 }  

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	/*background-color:#eff9ec;*/
	background:#666;
	border:solid 1px #dce7d7;

	width:340px;
	height:410px; 
/*    position:fixed;
	top:100px; */
}

  
/*----------------------------
  --- Slide Show ---
  ---------------------------- */

/*body {font:10px Verdana, Arial, Helvetica, sans-serif; background:#666}*/



#searchRigh, #searchLeft{width: 16px; height: 16px; }

.tablist {
	border:1px solid black;
	border-bottom:0px;
		width:290px; 
	background:#DDD;
}

.tabcontent {
	border:1px solid black;
	background:#dce7d7;
}

#tabHeader a{
	text-decoration:none;
	color:black;
   }


#monthB,#monthA{
	color:#FFFFFF;
	font-size:10pt;
}
.weekday{
	color:#;
	width: 25px;
	text-align:center;	
	background-color:#dce7d7;
	font-size:8pt;
}

.cal_open,.cal_open_legend{
	background-color : #98d75a;
	text-align:right;
	text-decoration:underline;
}
.cal_closed,.cal_closed_legend{
	background-color : #ff5252;
	text-align:right;
	text-decoration:none;
}
.cal_restricted,.cal_restricted_legend{
	background-color : #f0ef7b;
	text-align:right;
	text-decoration:underline;
}
.cal_invalid,.cal_invalid_legend{
	/*background-color : #dddddd;*/
	text-align:right;
	text-decoration:none;
}
.cal_open_legend,.cal_closed_legend,.cal_restricted_legend,.cal_invalid_legend{
	font-size:8pt;
	text-decoration:none;
}
.avail_calendar{
	border-width:2px;
	/*border-color:#cccccc;
	border-style:solid;  */
	width:450px;
}
 
.calendarHeader{
  background-color : #dce7d7;
  height:20px;
} 

.calendarLegend{
  text-align:left;
  font-size:8pt;
}