/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#logo img { display:none; }
#logo .site-title, #logo .site-description { display:block; } 
.table1 { font-size: x-small; width: 580px; border: 1px solid #f5f5f5; border-collapse: collapse; text-align: left;}
.table1 thead th { 
  font-size: 12px;
  padding: 10px 0 10px 14px;
  font-weight: bold;
  font-family: arial;
  color: #444;
  background: url('table_head_bg.jpg') repeat-x;
  cursor: pointer;
  text-align: left;
}
.table1 thead th span {
  text-decoration: underline;
  padding-top: 1px;
}
.table1 thead th span:hover {
  color: #cd6501;
}
.table1 thead th.headerSortDown span {
  background-image: url(uparrow.png);
  background-image: url(uparrow.gif);
  background-repeat: no-repeat;
  background-position: right 0;
  padding-right: 11px;
}

.table1 thead th.headerSortUp span {
  background-image: url(downarrow.png);
  background-image: url(downarrow.gif);
  background-repeat: no-repeat;
  background-position: right -1px;
  padding-top: 0;
  padding-right: 11px;
}

.table1 tbody td { font-size: 11px; font-family: Helvetica; padding:6px 0; padding-left: 14px; }
.table1 thead th.name { width: 45%; }
.table1 thead th.location { width: 20%; }
.table1 thead th.rates_from { width: 15%; }
.table1 thead th.breakfast { width: 10%; }
.table1 thead th.remarks { width: 20%; }
.table1 tbody td.name a { font-weight: bold; color: #4fa0b2; }
.table1 tbody td.name a:hover { text-decoration: underline; color: #4fa0b2;}
.table1 tbody td.breakfast { text-align: center; }
.table1 tbody td.remarks { color: #fd9002; }
.table1 .col1 td {background: #f9f9f9;}
.table1 .col2 td { background: #FFFFFF; }
.table1 td {vertical-align: middle; }
.table1 a { text-decoration:none; color:blue; }
.table1 a:hover { color:red; }

.table2 { font-size: x-small; width: 580px; border: 1px solid #f5f5f5; border-collapse: collapse; text-align: left;}
.table2 thead th { 
  font-size: 12px;
  padding: 10px 0 10px 14px;
  font-weight: bold;
  font-family: arial;
  color: #444;
  background: url('table_head_bg.jpg') repeat-x;
  cursor: pointer;
  text-align: left;
}
.table2 thead th span {
  text-decoration: underline;
  padding-top: 1px;
}
.table2 thead th span:hover {
  color: #cd6501;
}
.table2 thead th.headerSortDown span {
  background-image: url(uparrow.png);
  background-image: url(uparrow.gif);
  background-repeat: no-repeat;
  background-position: right 0;
  padding-right: 11px;
}

.table2 thead th.headerSortUp span {
  background-image: url(downarrow.png);
  background-image: url(downarrow.gif);
  background-repeat: no-repeat;
  background-position: right -1px;
  padding-top: 0;
  padding-right: 11px;
}

.table2 tbody td { font-size: 11px; font-family: Helvetica; padding:6px 0; padding-left: 14px; }
.table2 thead th.name { width: 28%; }
.table2 thead th.location { width: 19%; }
.table2 thead th.rates_from { width: 19%; }
.table2 thead th.breakfast { width: 18%; }
.table2 thead th.remarks { width: 16%; }
.table2 tbody td.name a { font-weight: bold; color: #4fa0b2; }
.table2 tbody td.name a:hover { text-decoration: underline; color: #4fa0b2;}
.table2 tbody td.breakfast { text-align: center; }
.table2 tbody td.remarks { color: #fd9002; }
.table2 .col1 td {background: #f9f9f9;}
.table2 .col2 td { background: #FFFFFF; }
.table2 td {vertical-align: middle; }
.table2 a { text-decoration:none; color:blue; }
.table2 a:hover { color:red; }

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}