/**
 * 
 * Windows XP Theme for Flexigrid 
 * dwlabel = Black;
 */
 
 
/* The grid wrapper -------------------------------------------------------------- */
.dmxgrid_black {
	display:inline;
	display:inline-block;
}

.dmxgrid_black .flexigrid	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AAA;
	border:1px solid #000000;
	background-color:#000;
}

/* The Title area ---------------------------------------------------------------- */
.dmxgrid_black .flexigrid div.mDiv {
	background:transparent url(images/wbg.gif) repeat-x scroll center top;
	border:none;
	border-width:1px;
	border-style:solid;
	border-color:#999 #666 #000 #666;
}
.dmxgrid_black .ftitle {
	color:#CCC;
}
.dmxgrid_black .flexigrid div.mDiv div.ptogtitle span {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	background: url(images/uup.png) no-repeat center;
}


/* Form controls ----------------------------------------------------------------- */
.dmxgrid_black .flexigrid	input[type="text"], 
.dmxgrid_black .flexigrid	input[type="button"], 
.dmxgrid_black .flexigrid select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	border-style:solid;
	border-width:1px;
	border-color:#000 #666 #666 #000;
	background: transparent url(images/bg.gif) repeat-x scroll center -7px;
}
.dmxgrid_black .flexigrid	option {
	background: #000;
}
.dmxgrid_black .flexigrid	input[type="button"] {
	background:#333 url(images/wbg.gif) repeat-x scroll center -8px;
	border-color:#666 #000 #000 #666;
	padding:0px 6px 1px 6px;
	font-weight:bold;
}

/* Table rows and cells ---------------------------------------------------------- */
.dmxgrid_black .flexigrid div.hDiv th, 
.dmxgrid_black .flexigrid div.bDiv td {
	border:none;
}
.dmxgrid_black .flexigrid div.hDiv table {
	border-right:none;
}
.dmxgrid_black .flexigrid div.bDiv tr td {
	border-width:1px;
	border-style:solid;
	border-color:#444 #222 #222 #444;
	background: #333;
}

/* row-alternate */
.dmxgrid_black .flexigrid div.bDiv tr.erow td {
	background: #404040;
	border-color: #444 #363636 #363636 #444;
}

/*column sorted */
.dmxgrid_black .flexigrid div.bDiv tr.erow        td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.erow:hover  td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.erow.trOver td.sorted {
	background: #333;
	border-color: #3C3C3C #292929 #292929 #3C3C3C;
}
.dmxgrid_black .flexigrid div.bDiv tr        td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr:hover  td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.trOver td.sorted{
	background: #222;
	border-color: #2C2C2C #191919 #191919 #2C2C2C ;
}		

/* row-over */
.dmxgrid_black .flexigrid div.bDiv tr:hover       td, 
.dmxgrid_black .flexigrid div.bDiv tr:hover       td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.trOver      td.sorted, 
.dmxgrid_black .flexigrid div.bDiv tr.trOver      td,
.dmxgrid_black .flexigrid div.bDiv tr.erow:hover  td, 
.dmxgrid_black .flexigrid div.bDiv tr.erow:hover  td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.erow.trOver td.sorted, 
.dmxgrid_black .flexigrid div.bDiv tr.erow.trOver td {
	background: #666;
	border-color:#444 #666 #222 #666;
	color : #000000;
}

/* row-selected */
.dmxgrid_black .flexigrid div.bDiv tr.trSelected:hover  td, 
.dmxgrid_black .flexigrid div.bDiv tr.trSelected:hover  td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.trSelected.trOver td.sorted, 
.dmxgrid_black .flexigrid div.bDiv tr.trSelected.trOver td,
.dmxgrid_black .flexigrid div.bDiv tr.trSelected        td,
.dmxgrid_black .flexigrid div.bDiv tr.erow.trSelected:hover  td, 
.dmxgrid_black .flexigrid div.bDiv tr.erow.trSelected:hover  td.sorted,
.dmxgrid_black .flexigrid div.bDiv tr.erow.trSelected.trOver td.sorted, 
.dmxgrid_black .flexigrid div.bDiv tr.erow.trSelected.trOver td,
.dmxgrid_black .flexigrid div.bDiv tr.erow.trSelected        td{
	background: #888;
	color:#000;
	border-color:#999 #777 #666 #999;
}




/* The header row ----------------------------------------------------------------- */
.dmxgrid_black .flexigrid div.hDiv {
	background:#666 url(images/fhbg.gif) repeat-x scroll center bottom;
	border:0px none;
	border-top:1px solid #999;
	border-left:1px solid #666;
	color:#AAA;
}
.dmxgrid_black .flexigrid div.hDiv th, 
.dmxgrid_black .flexigrid div.bDiv td {
	border-width:0px;
}
.dmxgrid_black .flexigrid div.hDiv th div {
	border-right:1px solid #333;
	border-left:1px solid #666;
	font-weight:bold;
}


/* The main content area ---------------------------------------------------------- */
.dmxgrid_black div.bDiv {
	background:#333333 none repeat scroll 0 0;
	border-width:1px;
	border-style:solid;
	border-color: #000 #444 #333 #555;
	overflow:auto;
	position:relative;
}
/* Dark scroolbars for IE */
.dmxgrid_black div.bDiv {
	scrollbar-base-color:#333;
	scrollbar-arrow-color:#999;
	scrollbar-3dlight-color:#666;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#333;
	scrollbar-highlight-color:#333;
	scrollbar-shadow-color:#333;
	scrollbar-track-color:#333;
}

/* The X/Y resizers --------------------------------------------------------------- */
.dmxgrid_black .flexigrid div.vGrip {
	background:#333;
	border-color: #666 #666 #444 #666;
	border-style:solid;
	border-width:1px;
}
.dmxgrid_black .flexigrid div.vGrip span {
	border-color: #000;
	border-style:none;
	border-width:0px;
	padding:2px;
	margin-top:1px;
	background:transparent url(images/line.gif) scroll center center;
}
.dmxgrid_black div.hGrip {
	background:transparent url(images/line.gif) repeat-x scroll center center;
	margin-right: 1px;
}
.dmxgrid_black div.hGrip:hover, 
.dmxgrid_black div.hGrip.hgOver {
	border-right: 0px none;
	margin-right: 1px;
}

/* Blocker div -------------------------------------------------------------------- */
.dmxgrid_black .gBlock {
	background-color:#000000 !important;
}

/* The pager toolbar -------------------------------------------------------------- */
.dmxgrid_black .flexigrid div.pDiv {
	background:#666 url(images/wbg.gif) repeat-x scroll center top;
	border-color:#666 #666 #000 #666;
	border-style: solid solid none solid;
	border-width:1px 1px 0px 1px;
	color:#888;
}
.dmxgrid_black .flexigrid div.pDiv div.pDiv2 {
	margin:2px 2px 0 -3px;
}
.dmxgrid_black .flexigrid div.btnseparator {
	height:20px;
	border-left:1px solid #000;
	border-right:1px solid #666;
}




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

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

/* The choose columns menu ------------------------------------------------------- */
.dmxgrid_black .flexigrid div.nDiv {
	background:#333;
	border-color:#666 #000 #000 #666;
	border-style:solid;
	border-width:1px;
}
.dmxgrid_black .flexigrid div.nDiv td.ndcol2 {
	border-left:0px none;
	padding-left:1px;
	padding-right:10px;
}
.dmxgrid_black .flexigrid div.nDiv td.ndcol1 {
	border-right:0px none;
	padding-right:1px;
}
.dmxgrid_black .flexigrid div.nDiv td {
	border:1px solid #333;
	cursor:default;
}
.dmxgrid_black .flexigrid div.nDiv tr:hover td, 
.dmxgrid_black .flexigrid div.nDiv tr.ndcolover td {
	background: #777;
	border: 1px solid #000;
	color:#000;
}
.dmxgrid_black .flexigrid div.nDiv tr:hover td.ndcol1, 
.dmxgrid_black .flexigrid div.nDiv tr.ndcolover td.ndcol1 {
	border-right:0px none;
	padding-right:1px;
}
.dmxgrid_black .flexigrid div.nDiv tr:hover td.ndcol2, 
.dmxgrid_black .flexigrid div.nDiv tr.ndcolover td.ndcol2 {
	border-left:0px none;
	padding-left:1px;
}


/* The show "choose columns menu" button ---------------------------------------- */
.dmxgrid_black .flexigrid div.nBtn {
	background:#666 url(images/wbg.gif) repeat-x scroll center bottom;
	border-color:#000 #000 #777 #000;
	border-style:solid;
	border-width:1px;
	height:23px;
}
.dmxgrid_black .flexigrid div.nBtn div {
	border-left:none;
	padding-left:1px;
	background:transparent url(images/ddn.png) no-repeat scroll 3px center;
}


/* The Search toolbar ----------------------------------------------------------- */
.dmxgrid_black .flexigrid div.sDiv {
	background: #4C4C4C url(images/bg.gif) repeat-x scroll center -5px;
	border-color:#555 #555 #000 #555 ;
	border-style:solid;
	border-width:1px;
	color:#888;
}
.dmxgrid_black div.sDiv2 {
	padding:4px 2px 3px;
}


/* A header while it is sorted --------------------------------------------------- */
.dmxgrid_black .flexigrid div.hDiv th.sorted {
	background:#666 url(images/fhbg.gif) repeat-x scroll center bottom;
	border:none;
}
.flexigrid div.hDiv th div.sdesc {
	background:transparent url(images/dn.png) no-repeat scroll center 1px;
}
.flexigrid div.hDiv th div.sasc {
	background:transparent url(images/up.png) no-repeat scroll center 1px;
}


/* The main table ----------------------------------------------------------------- */
.dmxgrid_black .flexigrid div.bDiv table {
	border-bottom:none;
	border-right-color: #161616;
}
.dmxgrid_black .flexigrid div.tDiv {
	background:#FAFAFA url(images/bg.gif) repeat-x scroll center top;
	border-color:#CCCCCC;
	border-style:solid none;
	border-width:0 0 1px;
}




/* Buttons ------------------------------------------------------------------------ */
.dmxgrid_black div.pDiv  div.pButton:hover, 
.dmxgrid_black div.pDiv  div.pButton.pBtnOver,
.dmxgrid_black div.mDiv  div.ptogtitle {
	border: 1px solid #000;
	border-color:#000 #000 #000 #000;
}
.dmxgrid_black div.pDiv  div.pButton:hover span, 
.dmxgrid_black div.pDiv  div.pButton.pBtnOver span {
	width: 18px;
	height: 18px;
}	

.dmxgrid_black div.pDiv  div.pButton:hover span, 
.dmxgrid_black div.pDiv  div.pButton.pBtnOver span,
.dmxgrid_black div.mDiv  div.ptogtitle span {
	border-top: 1px solid #666;
	border-left: 1px solid #555;
	border-right:1px solid #444;
	border-bottom:1px solid #333;
}	

.dmxgrid_black div.cDrag div:hover, 
.dmxgrid_black div.cDrag div.dragging {
	background: url(images/line.gif) repeat-y 2px center;
}

.dmxgrid_black div.pDiv .pPageStat, 
.dmxgrid_black div.pDiv .pcontrol {
	top: 2px;
}

.dmxgrid_black div.pDiv input {
	top: -1px;
}

.dmxgrid_black .flexigrid  .pReload {
	background:transparent url(images/load.png) no-repeat scroll center center;
}

.dmxgrid_black .flexigrid .pSearch {
	background: url(images/magnifier.png) no-repeat center;
}

.dmxgrid_black div.hDiv th div.sasc {
	background: url(images/up.png) no-repeat center top;
}	


.dmxgrid_black div.fbutton:hover, 
.dmxgrid_black div.fbutton.fbOver {
	padding: 0px;
	border-left  : 1px solid #000;
	border-top   : 1px solid #000;
	border-right : 1px solid #333;
	border-bottom: 1px solid #555;
	background:#666666 url(images/fhbg.gif) repeat-x scroll center bottom;
}

.dmxgrid_black div.fbutton:hover div, 
.dmxgrid_black div.fbutton.fbOver div {
	border-left  : 1px solid #666;
	border-top   : 1px solid #888;
	border-right : 1px solid #000;
	border-bottom: 1px solid #000;
}