/*-----------------------------------
		CSS TABLE GALLERY
		STYLESHEET: CLEAR BLUE
		AUTHOR: ROBERT HARTL
------------------------------------*/
/* this is used to fix :hover behaviour in IE*/
tr{
	behavior: url('stylesheet/IE_HOVER_FIX.htc');
}

table {
	font-size:90%;
	font-family: "trebuchet ms", "lucidia grande", verdana, arial, sans-serif;
	line-height:1.2em;
	color: #333;
	background-color:#fff;
	border-collapse:collapse;
	text-align:left;
	letter-spacing:.1em;
}

caption {
	/*padding-bottom:1em;*/
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing:.6em;*/
	color: #333;
	background: transparent;
}
  
thead th, tfoot th, tfoot td {
	font-family: arial, verdana, sans-serif;
	border-right: 1px solid #fff;
	padding-left:5px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	color: #fff;
	background: #009;
}
  
tfoot th, tfoot td {
	border-top: 2pt double #009;
}

td, th {
	padding:4px;
}

tbody tr th, tbody tr td {
	border-bottom: 1px dotted #009;
}
tbody tr th.header{
	background: #6fa8ff;
}

/* .hover is to fixed IE tr:hover problem*/
tbody tr:hover td, tbody tr:hover th ,tbody tr.hover th, tbody tr.hover td{
	border-bottom: 1px solid #333;
}


tbody td a, tbody th a {
	background: transparent;
	color: #009;
	text-decoration: none;
	border:none;
}

tbody td a:hover, tbody th a:hover {
	background: yellow;
	color: #930;
}

.odd {
	background: #e3e3f4;
}

tbody tr:hover, tbody tr.hover {
	color: #333;
	background: #c6c6e8;
}

tbody tr th:hover{
	background:#fff;
}

/************************************************/

.csstable{
	border: 2px;
}
.csstable th{
	text-align: center;
	font-weight: bold;
	background: #C6C6C6;
}
.csstable td{
	text-align: center;
	width: 10px;
	border-bottom: 1px #6699CC dotted;
}

.csstable input[type="radio"]{
	margin-right: 10px;
}
.csstable input{
	text-align: center;
	width: 10px;
}


.csstable2 th input{
	width: 15px;
}
.csstable2 input[type="radio"]{
	float: left;
	margin-left: 10px;
}

.csstable2 label{
	text-align: left;
}