@charset "UTF-8";
/* CSS Document */


.flexigrid-loading			{ position: absolute; width: 800px; text-align: center; margin: 100px 0 0 80px; color: #aaa; font: bold 30px Arial, sans-serif; }
.flexigrid a.bold			{ font: bold 11px/15px Arial, sans-serif; }
#flexigrid-info				{ height: 16px; width: 150px; position: absolute; top: 6px; right: 0; }
a.flexigrid-info			{ display: block; padding-left: 20px; height: 16px; background: transparent url('icons/information.png') no-repeat left top; font: bold 11px/16px Arial, sans-serif; }
div.hGrip				{ display: none; visibility: hidden; }


.flexigrid				{ margin-top: 6px; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px;
					position: relative; border: 0px solid #eee; overflow: hidden; color: #000; border-top: 1px solid #ccc; }
.flexigrid .bDiv button                 { font: bold 11px Arial, sans-serif; }


.flexigrid.hideBody			{ height: 26px !important; border-bottom: 1px solid #ccc; }
.ie6fullwidthbug			{ border-right: 0px solid #ccc; padding-right: 2px; }



/**************************************************
 * nDiv
 **************************************************/
.flexigrid div.nDiv			{ background: #eee; border: 1px solid #ccc; border-top: 0px;
					overflow: auto; left: 0px; position: absolute; z-index: 999; float: left; }

.flexigrid div.nDiv table		{ margin: 2px; }

.flexigrid div.nDiv td			{ padding: 2px 3px; border: 1px solid #eee; cursor: default; }

.flexigrid div.nDiv tr:hover td,
.flexigrid div.nDiv tr.ndcolover td	{ background: #d5effc url('img/table-sprites.png') repeat-x left -200px; border: 1px solid #a8d8eb; }

.flexigrid div.nDiv td.ndcol1		{ border-right: 1px solid #ccc; }
.flexigrid div.nDiv td.ndcol2		{ border-left: 1px solid #fff; padding-right: 10px; }

.flexigrid div.nDiv tr:hover td.ndcol1,
.flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right: 1px solid #d2e3ec; }

.flexigrid div.nDiv tr:hover td.ndcol2,
.flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left: 1px solid #eef8ff; }







.flexigrid div.hDivBox			{ float: left; padding-right: 40px; }

.flexigrid div.bDiv table		{ margin-bottom: 10px; margin-top: 0; }
.flexigrid div.bDiv table.autoht	{ border-bottom: 0px; margin-bottom: 0px; }




/**************************************************
 * nBtn
 **************************************************/
.flexigrid div.nBtn			{ position: absolute; height: 24px; width: 14px; z-index: 900; border: 0px solid #ccc;
					border-left-width: 1px; border-left-color: #ccc; border-left-style: solid; background: #eee;
					top: 0px; left: 0px; margin-top: 1px; cursor: pointer; display: none; }
.flexigrid div.nBtn div			{ height: 24px; width: 12px; border-left: 1px solid #fff; float: left;
					background: url('icons/arrow_down.gif') no-repeat center 8px; }
.flexigrid div.nBtn.srtd		{ background: #eee; }




/**************************************************
 * mDiv
 **************************************************/
.flexigrid div.mDiv			{ background: url('img/table-sprites.png') repeat-x left top; border: 1px solid #ccc; border-bottom: 0px; border-top: 0px;
					font-weight: bold; display: block; overflow: hidden; white-space: nowrap; position: relative; }
.flexigrid div.mDiv div			{ padding: 6px;	white-space: nowrap; }
.flexigrid div.mDiv div.ptogtitle	{ position: absolute; top: 4px; right: 3px; padding: 0px; height: 16px; width: 16px; overflow: hidden;
					border: 1px solid #ccc; cursor: pointer; }

.flexigrid div.mDiv div.ptogtitle:hover { background-position: left -2px; border-color: #bbb; }
.flexigrid div.mDiv div.ptogtitle span	{ display: block; border-left: 1px solid #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd;
					width: 14px; height: 14px; background: url('icons/uup.png') no-repeat center; }

.flexigrid div.mDiv div.ptogtitle.vsble span { background: url('icons/ddn.png') no-repeat center; }



/**************************************************
 * tDiv
 **************************************************/
.flexigrid div.tDiv /*toolbar*/ 	{ background: #eee url('img/table-sprites.png') repeat-x left top; position: relative; border: 1px solid #ccc;
					border-bottom: 0px; overflow: hidden; }

.flexigrid div.tDiv2			{ float: left; clear: both; padding: 1px; }




/**************************************************
 * sDiv
 **************************************************/
.flexigrid div.sDiv /*toolbar*/		{ background: #eee url('img/table-sprites.png') repeat-x left top; position: relative; border: 1px solid #ccc;
					border-top: 0px; overflow: hidden; display: none; }
.flexigrid div.sDiv2			{ float: left; clear: both; padding: 5px; padding-left: 5px; width: 1024px; }
.flexigrid div.sDiv2 input,
.flexigrid div.sDiv2 select		{ vertical-align: middle; }
.flexigrid div.btnseparator		{ float: left; height: 22px; border-left: 1px solid #ccc; border-right: 1px solid #fff; margin: 1px; }
.flexigrid div.fbutton			{ float: left; display: block; cursor: pointer; padding: 1px; }
.flexigrid div.fbutton div		{ float: left; padding: 1px 3px; }
.flexigrid div.fbutton span		{ float: left; display: block; padding: 3px; }
.flexigrid div.fbutton:hover,
.flexigrid div.fbutton.fbOver		{ padding: 0px; border: 1px solid #ccc; }
.flexigrid div.fbutton:hover div,
.flexigrid div.fbutton.fbOver div	{ padding: 0px 2px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
/* end toolbar*/




.flexigrid div.hDiv			{ background: #eee url('img/table-sprites.png') repeat-x left -100px; position: relative; border: 1px solid #ccc;
					border-bottom: 0px none; border-top: 0px none; overflow: hidden; }
.flexigrid div.hDiv table		{ border-right: 1px solid #fff; }




/**************************************************
 * cDrag
 **************************************************/
.flexigrid div.cDrag			{ float: left; position: absolute; z-index: 2; overflow: visible; }
.flexigrid div.cDrag div		{ float: left; background: none; display: block; position: absolute; height: 24px; width: 5px; cursor: col-resize; }
.flexigrid div.cDrag div:hover,
.flexigrid div.cDrag div.dragging	{ background: url('img/line.gif') repeat-y 2px center; }




/**************************************************
 * iDiv
 **************************************************/
.flexigrid div.iDiv			{ border: 1px solid #316ac5; position: absolute; overflow: visible; background: none; }
.flexigrid div.iDiv input,
.flexigrid div.iDiv select,
.flexigrid div.iDiv textarea		{ font-family: Arial, sans-serif; font-size: 11px; }
.flexigrid div.iDiv input.tb		{ border: 0px; padding: 0px; width: 100%; height: 100%; padding: 0px; background: none; }





.flexigrid div.bDiv			{ border: 1px solid #ccc; border-top: 0px; background: #fff; overflow: auto; position: relative; }
.flexigrid div.bDiv table		{ border-bottom: 1px solid #fff; }




/**************************************************
 * hGrip
 **************************************************/
.flexigrid div.hGrip			{ position: absolute; top: 0px; right: 0px; height: 5px; width: 5px;
					background: url('img/line.gif') repeat-x center; margin-right: 1px; cursor: col-resize; }
.flexigrid div.hGrip:hover,
.flexigrid div.hGrip.hgOver		{ border-right: 1px solid #999; margin-right: 0px; }




/**************************************************
 * vGrip
 **************************************************/
.flexigrid div.vGrip			{ height: 5px; overflow: hidden; position: relative; background: #eee url('img/table-sprites.png') repeat-x left top;
					border: 1px solid #ccc; border-top: 0px; text-align: center; cursor: row-resize; }
.flexigrid div.vGrip span		{ display: block; margin: 1px auto; width: 20px; height: 1px; overflow: hidden;
					border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: none; }

/* common cell properties*/
.flexigrid div.hDiv th,
.flexigrid div.bDiv td			{ text-align: left; border-right: 1px solid #ddd; border-left: 1px solid #fff;
					vertical-align: top !important; }

/* common inner cell properties*/
.flexigrid div.hDiv th div,
.flexigrid div.bDiv td div,
div.colCopy div				{ padding: 5px; border-left: 0px solid #fff; }

.flexigrid div.hDiv th,
div.colCopy				{ cursor: default; white-space: nowrap; overflow: hidden; }
div.colCopy				{ font-weight: bold; height: 24px; font-family: Arial, sans-serif; font-size: 11px; border-bottom: 0px;
					background: #fff url('img/table-sprites.png') repeat-x left -100px; border: 1px solid #ccc; overflow: hidden; }

.flexigrid div.hDiv th.sorted		{ background: url('img/table-sprites.png') repeat-x left top; border-bottom: 0px solid #ccc; }
.flexigrid div.hDiv th.thOver		{ }

.flexigrid div.hDiv th.thOver div,
.flexigrid div.hDiv th.sorted.thOver div { border-bottom: 1px solid #f60; padding-bottom: 4px; }
.flexigrid div.hDiv th.sorted div	{ border-bottom: 0px solid #ccc; padding-bottom: 5px; }
.flexigrid div.hDiv th.thMove		{ background: #fff; color: #fff; }
.flexigrid div.hDiv th.sorted.thMove div { border-bottom: 1px solid #fff; padding-bottom: 4px; }
.flexigrid div.hDiv th.thMove div	{ background: #fff !important; }
.flexigrid div.hDiv th div.sdesc	{ background: url('icons/ddn.png') no-repeat center top; }
.flexigrid div.hDiv th div.sasc		{ background: url('icons/uup.png') no-repeat center top; }



.flexigrid div.bDiv td			{ border-bottom: 1px solid #eee; vertical-align: top; white-space: nowrap; }

.flexigrid div.hDiv th div		{ }

.flexigrid span.cdropleft		{ display: block; background: url('icons/lleft.png') no-repeat left 14px; width: 24px; height: 24px;
					position: relative; top: -24px; margin-bottom: -24px; z-index: 3; }
.flexigrid div.hDiv span.cdropright	{ display: block; background: url('icons/rright.png') no-repeat right 14px; width: 24px; height: 24px;
					float: right; position: relative; top: -24px; margin-bottom: -24px; }


.flexigrid div.bDiv td div		{ border-top: 0px solid #fff; padding-bottom: 4px; overflow: visible; white-space: normal; }
.flexigrid tr td.sorted			{ background: #f7f7f7; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.flexigrid tr td.sorted div		{ }

.flexigrid tr.erow td			{ background: #f7f7f7; border-bottom: 1px solid #e0e0e0; }
.flexigrid tr.erow td.sorted		{ background: #eee; border-bottom: 1px solid #ddd; }
.flexigrid tr.erow td.sorted div	{ }

.flexigrid div.bDiv tr:hover td,
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted,
.flexigrid div.bDiv tr.trOver td	{ background: #d9ebf5; border-left: 1px solid #eef8ff; border-bottom: 1px dotted #a8d8eb; }
.flexigrid div.bDiv tr.trSelected:hover td,
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted,
.flexigrid tr.trSelected td		{ background: #d5effc url('img/table-sprites.png') repeat-x left -200px; border-right: 1px solid #d2e3ec;
					border-left: 1px solid #eef8ff;	border-bottom: 1px solid #a8d8eb; }


/* novstripe adjustments */
.flexigrid.novstripe div.bDiv table	{ border-bottom: 1px solid #fff; border-right: 1px solid #ccc; }
.flexigrid.novstripe div.bDiv td	{ border-right-color: #fff; }
.flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color: #e3e3e3; }
.flexigrid.novstripe div.bDiv tr td.sorted { border-right-color: #f3f3f3; }
.flexigrid.novstripe div.bDiv tr.erow td { border-right-color: #f7f7f7; border-left-color: #f7f7f7; }
.flexigrid.novstripe div.bDiv tr.trSelected:hover td,
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted,
.flexigrid.novstripe tr.trSelected td	{ border-right: 1px solid #0066FF; border-left: 1px solid #0066FF; }
.flexigrid.novstripe div.bDiv tr.trOver td,
.flexigrid.novstripe div.bDiv tr:hover td { border-left-color: #d9ebf5; border-right-color: #d9ebf5; }
/* end novstripe */




.flexigrid div.pDiv			{ background: url('img/table-sprites.png') repeat-x left top; border: 1px solid #ccc; border-top: 0px;
					overflow: hidden; white-space: nowrap; position: relative; }
.flexigrid div.pDiv div.pDiv2		{ margin: 3px; margin-left: -2px; float: left; width: 1024px; }
div.pGroup				{ float: left; background: none; height: 24px; margin: 0px 5px; }
.flexigrid div.pDiv .pPageStat,
.flexigrid div.pDiv .pcontrol		{ position: relative; top: 5px; overflow: visible; }
.flexigrid div.pDiv input		{ vertical-align: text-top; position: relative; top: -5px; }
.flexigrid div.pDiv div.pButton		{ float: left; width: 22px; height: 22px; border: 0px; cursor: pointer; overflow: hidden; }
.flexigrid div.pDiv div.pButton:hover,
.flexigrid div.pDiv div.pButton.pBtnOver { width: 20px; height: 20px; border: 1px solid #ccc; cursor: pointer; }
.flexigrid div.pDiv div.pButton span	{ width: 20px; height: 20px; display: block; float: left; }
.flexigrid div.pDiv div.pButton:hover span,
.flexigrid div.pDiv div.pButton.pBtnOver span { width: 19px; height: 19px; border-top: 1px solid #fff; border-left: 1px solid #fff; }

.flexigrid .pSearch			{ background: url('icons/search.png') no-repeat center; }
.flexigrid .pFirst			{ background: url('icons/first.png') no-repeat center; }
.flexigrid .pPrev			{ background: url('icons/rewind.png') no-repeat center; }
.flexigrid .pNext			{ background: url('icons/forward.png') no-repeat center; }
.flexigrid .pLast			{ background: url('icons/last.png') no-repeat center; }
.flexigrid .pReload			{ background: url('icons/refresh.png') no-repeat center; }
.flexigrid .pReload.loading		{ background: url('icons/load.gif') no-repeat center; }



/* ie adjustments */
/* common inner cell properties*/
.flexigrid.ie div.hDiv th div,
.flexigrid.ie div.bDiv td div,
div.colCopy.ie div			{ overflow: hidden; }