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

.dmxgrid_pale_blue .flexigrid	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border:1px solid #003366;
	background-color:#003366;
}

/* The Title area ---------------------------------------------------------------- */
.dmxgrid_pale_blue .flexigrid div.mDiv {
	background:transparent url(images/wbg.gif) repeat-x scroll center top;
	border:none;
	border-width:1px;
	border-style:solid;
	border-color:#FFF #CCC #889 #CCC;
}
.dmxgrid_pale_blue .ftitle {
	color:#FFF;
}
.dmxgrid_pale_blue .flexigrid div.mDiv div.ptogtitle span {
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}


/* Form controls ----------------------------------------------------------------- */
.dmxgrid_pale_blue .flexigrid	input[type="text"], 
.dmxgrid_pale_blue .flexigrid	input[type="button"], 
.dmxgrid_pale_blue .flexigrid select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

/* row-alternate */
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow td {
	background: #E8EAF0;
}



/*column sorted */
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow        td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow:hover  td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trOver td.sorted {
	background: #E9E9E9;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #f3f3f3;
}
.dmxgrid_pale_blue .flexigrid div.bDiv tr        td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr:hover  td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trOver td.sorted{
	background: #f3f3f3;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #f3f3f3;
}		

/* row-over */
.dmxgrid_pale_blue .flexigrid div.bDiv tr:hover       td, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr:hover       td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trOver      td.sorted, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trOver      td,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow:hover  td, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow:hover  td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trOver td.sorted, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trOver td {
	background-color:#E8EAF0;
	border-color:#CCC #E8EAF0 #CCC #E8EAF0;
	color : #000000;
}

/* row-selected */
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trSelected:hover  td, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trSelected:hover  td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trSelected.trOver td.sorted, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trSelected.trOver td,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.trSelected        td,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trSelected:hover  td, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trSelected:hover  td.sorted,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trSelected.trOver td.sorted, 
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trSelected.trOver td,
.dmxgrid_pale_blue .flexigrid div.bDiv tr.erow.trSelected        td{
	background: #FFE2A8;
	color:#000;
	border-color:#fff #FFE2A8 #CCC197 #FFE2A8;
}


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


/* The main content area ---------------------------------------------------------- */
.dmxgrid_pale_blue div.bDiv {
	background:#FFF none repeat scroll 0 0;
	border-width:1px;
	border-style:solid;
	border-color: #889 #CCC #839EB1 #CCC;
	overflow:auto;
	position:relative;
}

/* The X/Y resizers --------------------------------------------------------------- */
.dmxgrid_pale_blue .flexigrid div.vGrip {
	background: #CEDADF url(images/bg.gif) repeat-x scroll center top;
	border-color: #CEDADF #CEDADF #839EB1 #CEDADF;
	border-style:solid;
	border-width:0 1px;
}
.dmxgrid_pale_blue .flexigrid div.vGrip span {
	border-color: #446;
}


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





/* The choose columns menu ------------------------------------------------------- */
.dmxgrid_pale_blue .flexigrid div.nDiv {
	border-color:#FFF #666 #666 #CCC;
	border-style:solid;
	border-width:1px;
}
.dmxgrid_pale_blue .flexigrid div.nDiv td.ndcol2 {
	border-left:0px none;
	padding-left:1px;
	padding-right:10px;
}
.dmxgrid_pale_blue .flexigrid div.nDiv td.ndcol1 {
	border-right:0px none;
	padding-right:1px;
}
.dmxgrid_pale_blue .flexigrid div.nDiv tr:hover td, 
.dmxgrid_pale_blue .flexigrid div.nDiv tr.ndcolover td {
	background: #FFE2A8;
	border: 1px solid #C96;
	color:#003;
}
.dmxgrid_pale_blue .flexigrid div.nDiv tr:hover td.ndcol1, 
.dmxgrid_pale_blue .flexigrid div.nDiv tr.ndcolover td.ndcol1 {
	border-right:0px none;
	padding-right:1px;
}
.dmxgrid_pale_blue .flexigrid div.nDiv tr:hover td.ndcol2, 
.dmxgrid_pale_blue .flexigrid div.nDiv tr.ndcolover td.ndcol2 {
	border-left:0px none;
	padding-left:1px;
}


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


/* The Search toolbar ----------------------------------------------------------- */
.dmxgrid_pale_blue .flexigrid div.sDiv {
	background: #CEDADF url(images/bg.gif) repeat-x scroll center -10px;
	border-color:#CEDADF #CEDADF #839EB1 #CEDADF ;
	border-style:solid;
	border-width:1px;
}
.dmxgrid_pale_blue div.sDiv2 {
	padding:3px 2px 3px;
}




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




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

.dmxgrid_pale_blue div.pDiv  div.pButton:hover span, 
.dmxgrid_pale_blue div.pDiv  div.pButton.pBtnOver span,
.dmxgrid_pale_blue div.mDiv  div.ptogtitle span {
	border-top: 1px solid #FFF;
	border-left: 1px solid #CEDADF;
	border-right:1px solid #CEDADF;
	border-bottom:1px solid #CEDADF;
}	


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

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

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



.dmxgrid_pale_blue div.fbutton:hover, 
.dmxgrid_pale_blue div.fbutton.fbOver {
	padding: 0px;
	border-left  : 1px solid #839EB1;
	border-top   : 1px solid #839EB1;
	border-right : 1px solid #668;
	border-bottom: 1px solid #668;
	background: url(images/wbg.gif) repeat-x scroll center bottom;
}

.dmxgrid_pale_blue div.fbutton:hover div, 
.dmxgrid_pale_blue div.fbutton.fbOver div {
	border-left  : 1px solid #CEDADF;
	border-top   : 1px solid #FFF;
	border-right : 1px solid #839EB1;
	border-bottom: 1px solid #839EB1;
}