/*
Copyright (c) 2011 Paulo P. Marinas, http://flexigrid.info/

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}

	.flexigrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}

.flexigrid div.nDiv
	{
	background: #eee url(images/line.gif) repeat-y -1px top;
	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.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}

.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.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(images/hl.png) repeat-x top;
	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.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(images/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		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(images/ddn.png) no-repeat center;
			}		
		
		.flexigrid div.nBtn.srtd
			{
			background: url(images/wbg.gif) repeat-x 0px -1px;
			}
		

.flexigrid div.mDiv
	{
	background: url(images/wbg.gif) repeat-x 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(images/uup.png) no-repeat center;
			}
			
			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(images/ddn.png) no-repeat center;			
			}			

.flexigrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(images/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

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

.flexigrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(images/bg.gif) repeat-x 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: #fafafa url(images/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}	

.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}

	.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(images/line.gif) repeat-y 2px center;
			}

.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, Helvetica, 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 #ccc;
	}
	
	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(images/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;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(images/wbg.gif) repeat-x 0px -1px;
		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;
					}

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

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

.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 24px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(images/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted
	{
	background: url(images/wbg.gif) repeat-x 0px -1px;
	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 orange;
	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(images/dn.png) no-repeat center top;
		}	

	.flexigrid div.hDiv th div.sasc
		{
		background: url(images/up.png) no-repeat center top;
		}	
		
.flexigrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.flexigrid div.hDiv th div
			{
			}
			
			.flexigrid span.cdropleft
			{
			display: block;
			background: url(images/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(images/next.gif) no-repeat 12px center;
			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;
			}
	
				
		.flexigrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}		

				.flexigrid tr td.sorted div
					{
					}


		.flexigrid tr.erow td
				{
				background: #f7f7f7;
				border-bottom: 1px solid #f7f7f7;
				}
				
		.flexigrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}						

				.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(images/hl.png) repeat-x top;
			border-right: 1px solid #d2e3ec;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #a8d8eb;
			}
			
		.flexigrid tr.trSelected td.sorted a, 
		.flexigrid tr.trSelected td a
			{
			color: #eee;
			}			

	/* novstripe adjustments */

	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		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(images/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	}

.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(images/magnifier.png) no-repeat center;
			}
	
		.flexigrid .pFirst
			{
			background: url(images/first.gif) no-repeat center;
			}
			
		.flexigrid .pPrev
			{
			background: url(images/prev.gif) no-repeat center;
			}

		.flexigrid .pNext
			{
			background: url(images/next.gif) no-repeat center;
			}

		.flexigrid .pLast
			{
			background: url(images/last.gif) no-repeat center;
			}
			
		.flexigrid .pReload
			{
			background: url(images/load.png) no-repeat center;
			}
			
		.flexigrid .pReload.loading
			{
			background: url(images/load.gif) no-repeat center;
			}															

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