/** grid **************************/
.grid {border-collapse:collapse; background: #FFFFFF; width:730px; }
.grid th, .grid caption {
	font-weight:normal;
	padding: 2px 4px;
	text-align:left;
	vertical-align:top;
	background:#CAD7E0;
	color:#FFF;
	border:1px solid #CCC;
	border-left:1px solid #888;
	border-top:1px solid #888;
} 
.grid th form {display:inline;}
.grid th.orderby {background:#DAE7F0;}
.grid th a, .grid th a:visited {color:#FFF;}
.grid th a:hover {color:#FFF; text-decoration:underline;}
/*
.grid td {font-size:9pt; padding:3px 5px; vertical-align:top; border:1px solid #DDD;}
*/

.grid td {font-size:9pt; padding:4px; vertical-align:top; border:1px solid #DDD;}


.grid td.orderby {background:#EEE;}

.grid td.int {text-align:right;}
.grid td.bit {text-align:center;}

.grid tr.even {background:#EEE;}
.grid tr.even td.orderby  {background:#DDD;}

.grid tr:hover td, .grid tr:hover td.orderby {background:#FFC;} 
.grid td.empty, .grid tr:hover td.empty {border:none; background:#FFF;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: yellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.colorinputbox
{ background: #F1F1F1;
}
 .vcell
{
font-family: verdana;
font-size: 12px;
}