/* CSS Document */
html, body {
	text-align:center;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: arial;
	background: url("img/bg.png") top left repeat-x;
}


#loading{
  width: 100%;
  position: absolute;
  text-align: center;
}

.li_tab{
  list-style: none;
  float: left;
  margin-right: 15px;
  padding:5px;
  border:solid 1px #dddddd;
  color:#0063DC;
}

.li_tab:hover{
  color:#FF0084;
  cursor: pointer;
}


form#login { 
 background-color: #FFFFCC; 
 color: #000000; 
 border: 1px solid #999999; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 text-align: left; 
 padding: 5px;
}

#login .text { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 width: 100px; 
 margin-right: 6px; 
}

.buttons { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 background-color: #CCCCCC; 
 color: #000000; 
 margin-right: 6px; 
}

#Header {
  width: 950px;
  font-size: 12px;
  text-align: left;
}

#Content {
  width: 950px;
	margin: 0px auto;
	text-align: left;
	padding: 15px;
	border: 2px solid #333;
	background-color: #FFFFFF;
	min-height: 96%;
    height: auto;
}

.box_info {
  font-family: Arial;
  font-size: 12px;
  width: 450px;
}


.box_whoisonline {
  font-family: Arial;
  font-size: 12px;
  width: 300px;
}

.box_title {
  font-weight: bold;
  font-size: 13px;
  text-decoration: underline;
}

.box_header{
  background-color: #CCCCCC;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
  border: solid 1px #000000;
  font-size: 13px;
  padding: 5px;
}

.box_content {
  font-family: Arial;
}

.box_label {
  background-color: #CCFFFF;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  padding: 5px;
  width: 25%;
}

.thread_left {
  width: 20%;
  background-color: #CCFFFF;
  font-size: 13px;
}

.thread_title {
  height: 10px;
  font-size: 12px;
}

.thread_top {
  font-size: 12px;
  padding-top: 10px;
  font-weight: lighter;
}

.thread_textarea {
  background-color: #CCFFCC; 
  border-width: 0;
}

.box_input {
  background-color: #CCFFCC;
  padding: 5px;
  font-size: 13px;
}

.r1 {
  background-color: #CCFFFF;
  border: solid 1px #000000;
  padding: 5px;
  font-size: 13px;
}

.r2 {
  background-color: #99CCFF;
  border: solid 1px #000000;
  padding: 5px;
  font-size: 13px;
}

.s1 {
  background-color: #CCFF66;
  border: solid 1px #000000;
  padding: 5px;
  font-size: 13px;
}

.s2 {
  background-color: #99CC33;
  border: solid 1px #000000;
  padding: 5px;
  font-size: 13px;
}

.info_detail {
  font-size: 11px;
  padding-top: 10px;
}

.button {
  background: #CCCCCC;
  border: 1px solid #003366;
  font-family: arial;
}

.entry_table {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.ts_header {
  background-color: #999999;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 9%;
}

.entry_header {
  color: #FFFFFF;
  background-color: #999999;
  padding: 5px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;
}

.display_header {
  color: #FFFFFF;
  background-color: #999999;
  padding: 5px;
  font-weight: bolder;
  font-size: 14px;
  font-family: Arial;
}

.booking_header {
  width: 20%; 
  text-align: center; 
  border: 1px solid #000000; 
  background-color: #CCCCCC;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
}

legend {  
  margin-left: 1em;  
  color: #000000;  
  font-weight: bold;
  position: relative;  
  top: 0em; 
  padding: 0;
  font-size: 14px;
} 

fieldset {  
  float: left;  
  clear: both;  
  width: 97%;  
  position: relative;
  border: 1px solid #BFBAB0;
  background-color: #F2EFE9;
  margin: 0 0 1em 0;
}

fieldset ol {  
  list-style: none; 
  font-size: 12px;
} 

fieldset li {  
  float: left;  
  clear: left;  
  width: 100%;
  padding-bottom: 5px; 
  font-size: 12px;
} 

fieldset.submit {  
  float: none;  
  width: auto;  
  border: 0 none #FFF;  
  padding-left: 12em; 
  border-style: none;   
  background-color: transparent; 
}

label {  
  float: left;  
  width: 10em;  
  margin-right: 1em;  
  text-align: right; 
  font-size: 12px;
}

.calendar {
  font-family: Arial, verdana, sans serif; 
}
.calendar td {
  border: 1px solid #eee;
}
.calendar-title {
  text-align: center;
  font-style: italic;
}
.calendar-day-title {
  text-align: center;
  font-size: small;
  background: #99CCCC;
  font-weight: bold;
}
.calendar-day, .calendar-outmonth-day {
  height: 20px;
  vertical-align: top;
  text-align: center;
  font-size: small;
  padding: 2px;
  background: #99CC99;
}
.calendar-day-number {
  text-align: left;
  
}
.calendar-content { 
  padding: 2px;
  font-size: x-small;
}
.calendar-outmonth-day {
  color: #666;
  font-style: italic;
  background: #336600;
}