﻿/* Common Styles */
.grid
{
	font-size: 11px;
	font-family: Arial;
	border: solid 1px #333;
	background-color: #fff;
	padding: 1px;
	width: 960px;
	word-wrap: break-word;
}
.grid .title
{
	background: #073D93;
	color: #fff;
	height: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	
}
.grid .datatable
{
	width:100%;

}
.grid .datatable TH
{
	cursor: pointer; 
	text-align:left;
	height:17px;
	line-height:17px;
	padding:0px 4px;
	background:url('Layout/GVStyle/gray_hd_bg.png') repeat-x;
	border-right:solid 1px #9e9e9e;
	color:#333;
	

}
.grid .datatable TD
{
	color: #666666;
	text-align: left;
	padding: 5px 5px;
	border-right: solid 1px #d9d9d9;
	font-size: 12px;
}
.grid .datatable TR.even { background-color:#fff; }
.grid .datatable TR.odd { background-color:#f1f5fa; }      

/* Sorting Styles */
.grid .datatable TR TH.asc,
.grid .datatable TR TH.desc
{
    background:url('Layout/GVStyle/hd_bg_sort.png') repeat-x;
}
.grid .datatable TH .sort { padding-right:21px; }
.grid .datatable TH.asc .sort
{
    background:url('Layout/GVStyle/asc.gif') no-repeat center right;
}
.grid .datatable TH.desc .sort
{
    background:url('Layout/GVStyle/desc.gif') no-repeat center right;
}

/* Theme specific styles */
.blue .grid .datatable TH
{
	background:url('Layout/GVStyle/blue_hd_bg.png') repeat-x;
}
.blue .grid .title
{
	background-image: url(  'Layout/GVStyle/GridHeader.png' );
	background-repeat: repeat-x;
}
.gray .grid .datatable TH
{
	background:url('Layout/GVStyle/gray_hd_bg.png') repeat-x;
}
.gray .grid .title
{
	background:#323A4B;
}



.demo
{
	border-bottom:solid 1px #ccc;
	font-size:18px;
	height:23px;
	padding:10px 0px 2px 0px;
	margin-bottom:20px;
}
