/**
 * Windows XP Theme for Flexigrid
 */
 
 
/* The grid wrapper */
.dmxgrid_xp {
	display:inline;
	display:inline-block;
}

.dmxgrid_xp .flexigrid	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border:1px solid #7F9DB9;
}

/* Input (textfields and buttons) */
.dmxgrid_xp .flexigrid	input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* row-over */
.dmxgrid_xp .flexigrid div.bDiv tr:hover td, 
.dmxgrid_xp .flexigrid div.bDiv tr:hover td.sorted,
.dmxgrid_xp .flexigrid div.bDiv tr.trOver td.sorted, 
.dmxgrid_xp .flexigrid div.bDiv tr.trOver td {
	background: #ECE9D8;
	border-left: none;
	border-bottom: none;
	color : #000000;
}

/* row-selected */
.dmxgrid_xp .flexigrid div.bDiv tr.trSelected:hover td, 
.dmxgrid_xp .flexigrid div.bDiv tr.trSelected:hover td.sorted,
.dmxgrid_xp .flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.dmxgrid_xp .flexigrid div.bDiv tr.trOver.trSelected td,
.dmxgrid_xp .flexigrid tr.trSelected td.sorted, 
.dmxgrid_xp .flexigrid tr.trSelected td {
	background: #316AC5;
	border-left: none;
	border-bottom: none;
	border-right: none;
	color : #FFFFFF;
}

/* The header row */
.dmxgrid_xp .flexigrid div.hDiv {
	background:#EBEADB url(images/fhbg.gif) repeat-x scroll center bottom;
	border:none;
	border-top:1px solid #FFFFFF;
}

/* The main content area */
.dmxgrid_xp div.bDiv {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#999999 #ECE9D8 #ACA899;
	border-style:solid;
	border-width:1px;
	overflow:auto;
	position:relative;
}

/* The Y-resizer */
.dmxgrid_xp .flexigrid div.vGrip {
	background:#ECE9D8;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	border-style:solid;
	border-width:1px 1px 0;
}

/* The pager toolbar */
.dmxgrid_xp .flexigrid div.pDiv {
	background:#ECE9D8;
	background:#ECE9D8 url(images/wbg.gif) repeat-x scroll center top;
	border-color:#FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	border-style:solid;
	border-width:0 1px;
}

/* The Title area */
.dmxgrid_xp .flexigrid div.mDiv {
	background:transparent url(images/wbg.gif) repeat-x scroll center top;
	border:none;
	border-bottom:1px solid #CCCCCC;
}


.dmxgrid_xp .flexigrid div.pDiv div.pDiv2 {
	margin:2px 2px 0 -3px;
}
.dmxgrid_xp .flexigrid div.btnseparator {
	height:20px;
}
.dmxgrid_xp .flexigrid div.hDiv th, 
.dmxgrid_xp .flexigrid div.bDiv td {
	border:none;
}
.dmxgrid_xp .flexigrid div.hDiv table {
	border-right:none;
}

/* Header-over */
.dmxgrid_xp .flexigrid div.hDiv th.thOver {
	background:#FFFFFF url(images/thover.gif) repeat-x center bottom;
}

.dmxgrid_xp .flexigrid div.hDiv th.thOver div, 
.dmxgrid_xp .flexigrid div.hDiv th.sorted.thOver div {
	border-bottom:none;
	padding-bottom: 4px;
}

/* The choose columns menu */
.dmxgrid_xp .flexigrid div.nDiv {
	background:#FFFFFF;
	border-color:#999999 #999999  #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
}

.dmxgrid_xp .flexigrid div.nDiv td.ndcol2 {
	border-left:1px solid #FFFFFF;
	padding-right:10px;
}
.dmxgrid_xp .flexigrid div.nDiv td.ndcol1 {
	border-right:1px solid #FFFFFF;
}
.dmxgrid_xp .flexigrid div.nDiv td {
	border:1px solid #FFFFFF;
	cursor:default;
}
.dmxgrid_xp .flexigrid div.nDiv tr:hover td, 
.dmxgrid_xp .flexigrid div.nDiv tr.ndcolover td {
	background: #316AC5;
	border: 1px solid #316AC5;
	color:#FFFFFF;
}
.dmxgrid_xp .flexigrid div.nDiv tr:hover td.ndcol1, 
.dmxgrid_xp .flexigrid div.nDiv tr.ndcolover td.ndcol1 {
	border-right:1px solid #316AC5;
}
.dmxgrid_xp .flexigrid div.nDiv tr:hover td.ndcol2, 
.dmxgrid_xp .flexigrid div.nDiv tr.ndcolover td.ndcol2 {
	border-left:1px solid #316AC5;
}

/* The show "choose columns menu" button */
.dmxgrid_xp .flexigrid div.nBtn {
	background:#EBEADB url(images/wbg.gif) repeat-x scroll center bottom;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 0 1px;
	height:25px;
	margin-top:-1px;
	top:0;
}

/* The Search toolbar */
.dmxgrid_xp .flexigrid div.sDiv {
	background:#F1F0EA url(images/bg.gif) repeat-x scroll center top;
	border-color:#CCCCCC;
	border-style:none none solid;
	border-width:0 0 1px;
}

/* A header while it is sorted */
.dmxgrid_xp .flexigrid div.hDiv th.sorted {
	background:#EBEADB url(images/fhbg.gif) repeat-x scroll center bottom;
	border:none;
}

/* The main table */
.dmxgrid_xp .flexigrid div.bDiv table {
	border-bottom:none;
}


.dmxgrid_xp div.tDiv {
	background: url(images/bg.gif) repeat-x top;
	border: 0px none;
}