@charset "utf-8";
/*CSS Document */
*{
	margin:0;
}

/*==============================
GLOBALS
Sets the default document font size, family
and color
===============================*/
html{
	height:100%;	
}
body
{
	height:100%;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	background:#5574a0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

body:before{
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a:link, a:visited{
	color:#00F;
	text-decoration:none;
}
a:hover,a:active{
	color:#00F;
	text-decoration:none; 
}
/*==============================
SITE WRAPPER
===============================*/
.site-wrapper
{
/* min-width lets your site grow horizontally. */
	min-width:1175px;

/* min-height lets your site grow vertically
(like in tables). */
	height:100%;
}

body>.site-wrapper{
		height:auto!important;
		min-height:100%;
}
/*==============================
HEADER WRAPPER
===============================*/
.header-wrapper
{
	height:107px;
	min-width:100%;
	background:url('../images/header.gif');

/* css lets you designate how you want an image to
repeat. Along the x-axis, y-axis or not at all. */
	background-repeat:repeat-x;
}
/*
logo
*/
.logo
{
	width:158px;
	height:67px;
	padding-left: 50px;
	float:left;
}

/*==============================
HEADER MENU
===============================*/
/* This sets the position of the menu */
.header-menu
{
	float:left;
	height:107px;
	/*padding-right:-100px;*/
	text-decoration:none;
}

/*  The Menu  */
.header-menu ul
{
	padding-top:40px;

/* this removes the bullet */
	list-style:none;
}
.header-menu li
{
	float:left;
}
.header-menu li.points
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
}
.header-menu ul li a:link,.header-menu ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.header-menu ul li a:hover,.header-menu ul li a:active{
	color:#000000;
	text-decoration:none;
}

/*==============================
HEADER  LOGIN
===============================*/
.header-login
{
	float:left;
	height:107px;
	padding-right:50px;
	text-decoration:none;
}

/*  The Menu  */
.header-login ul
{
	padding-top:40px;

/* this removes the bullet */
	list-style:none;
}
.header-login li
{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.header-login ul li.fields
{
	margin-top:-10px;
}
.header-login ul li.fields b
{
	padding-left:8px;
	font-weight:normal;
}
.header-login ul li.fields p
{
	color:#FF0;
	font-size:12px;
	padding-top:7px;
}
.header-login ul li a:link,.header-login ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	
}
.header-login ul li a:hover,.header-login ul li a:active{
	color:#000;
	text-decoration:none;
}

.submitLink {
	font-size:18px;
	color: #fff;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.submitLink:hover, .submitLink:active {
	color: #000;
	background-color: transparent;
	border: none;
	cursor: pointer;
  }
  

/*==============================
HEADER  WELCOME
===============================*/
.header-welcome
{
	float:left;
	height:107px;
	padding-right:50px;
	text-decoration:none;
}

.header-welcome ul
{
	padding-top:40px;
	list-style:none;
}
.header-welcome li
{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/*==============================
BODY WRAPPER
===============================*/
.body-wrapper
{
	padding-left:50px;
	padding-top:3px;
	float:left;
	min-width:1036px;
	overflow:auto;
	padding-bottom:65px;
	
}
/*==============================
SIDEBAR MENU
===============================*/
.sidebar-menu
{
	float:left;
	/*The width of the menu */
	min-width:180px;
	min-height:100px;
	
	/*The font of all the text in the menu */
	font-family:Arial;
	margin-left:50px;
	padding-right:25px;
	padding-bottom:5px;
	border:#FFF solid medium;	
	background-color:#ebebeb;
}
/* Like before we just apply some styles to the list */
.sidebar-menu ul
{
	padding-left:18px;
	list-style:none;
}
/* We have to apply a style to the links in the list, otherwise
they will default to the browser standard. (which is normally
blue with an underline.) */
.sidebar-menu li a:link,.sidebar-menu li a:visited{
	background:url('../images/arrow_empty.gif');
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:6px;
	padding-left:15px;
	color:#125971;
	text-decoration:inherit;
	font-size:14px;
}

.sidebar-menu li:hover a:hover,.sidebar-menu li a:active{
	background:url('../images/arrow_filled.gif');
	background-repeat:no-repeat;
	background-position:left;
	color:#000000;
	text-decoration:none;
	font-size:14px;
}
/*==============================
SMALL HEADER
===============================*/
.small-header{
	float:left;
    width:100%;
	color:#FFF;
}
.small-header ul{
	padding:0;
    padding:11px 9px 0;
    list-style:none;
}
.small-header li{
	float: left;
	background:url('../images/header_small_right.gif')
      no-repeat right top;
	padding:0 0 1px 9px;
}
.small-header-left{
	display:block;
	 background:url("../images/header_small_left.gif")
      no-repeat left top;
    padding:3px 9px 7px 6px;
}
.small-header-left span{
	background:url('../images/header_small_stroke.gif')
      repeat-x bottom;	
	  padding:12px 5px 8px;
	  font-size:18px;
	 
}
/*==============================
LARGE HEADER
===============================*/
.large-header{
	float:left;
	width:100%;
	height:53px;
	margin-left:-10px;
}
.large-header ul{
	padding:0;
    padding:10px 0px 0;
    list-style:none;
}
.large-header li{
	float: left;
	background:url('../images/header_large_right.gif')
      no-repeat right top;
	padding:0 0 2px 0;	
	padding-bottom:5px;
}
.large-header-left{
	display:block;
	 background:url("../images/header_large_left.gif")
      no-repeat left top;
    padding:7px 9px 18px 7px;
}
.large-header-left span{
	color:#FFF;
	background:url('../images/header_large_stroke.gif')
      repeat-x top;	
	  padding:7px 7px 19px 3px;
	  font-size:26px;	 
}
/*==============================
CONTENT-WRAPPER
===============================*/
.content-wrapper
{
	float:left;
	min-width:645px;
	max-width:700px;
	padding-right:5px;
	padding-left:30px;
	height:100%;
}

.content-wrapper-calendar
{
	float:left;
	min-width:645px;
	max-width:1270px;
	padding-right:50px;
	height:100%;
}

.content-wrapper-allitems
{
	float:left;
	width:700px;
	padding-right:5px;
	padding-left:30px;
	height:100%;
}
/*==============================
PANEL
===============================*/
.panel{
	padding-bottom:10px;
	border:#FFF solid medium;	
	background-color:#ebebeb;
	color:#125971;
	padding-left:20px;
	padding-right:20px;
	height:100%;
}
/*==============================
LIVESEARCH
===============================*/
#livesearch
{
  	margin:0px;
  	width:250px;
  	background-color:white;
  	font-size:14px;
  	max-height:150px;
	overflow:auto;
 
}
#livesearch a{
	color:blue;
	text-decoration:none;
}
#livesearch a:hover{
	color:red;
	text-decoration:none;	
}
#txt1,#txt2
{
  	margin:0px;
}
#livesearch2
{
  	margin:0px;
  	width:250px;
  	background-color:white;
  	font-size:14px;
  	max-height:150px;
	overflow:auto;
 
}

/*==============================
EXTRA BAR
===============================*/
.extraBar
{
	float:right;
	/*The width of the menu */
	width:180px;
	min-height:100px;
	
	/*The font of all the text in the menu */
	font-family:Arial;
	margin-left:40px;
	padding-right:25px;
	padding-bottom:5px;
	border:#FFF solid medium;	
	background-color:#ebebeb;
	color:#000;
}

.extraBar-panel
{
	padding-left:20px;
}

/*==============================
FOOTER
===============================*/
.footer
{
	/* clears: zeggen waar er geen floats meer mogen optreden.*/
	background:url('../images/footer.gif');
	color:#AEAEAE;
	min-width:100%;
	position:relative;
	margin-top:-65px;
	height:65px;
	clear:both;
}
.footer_content
{
	padding:20px;
}

/*==============================
SORTABLE TABLES
===============================*/

table.sortable thead {
    height:100%;
	font-family:Arial;
	font-size:14px;
	color:#666666;
	background:#c9c9c9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table.sortable tbody {
    height:100%;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*==============================
Calendar
===============================*/

.formclass {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	height: 0px;
	width: 0px;
	background:#3C9;
	border-style:ridge;
	border-width: 1px;
	border-color: #000000;
	color:#FFF;
	z-index:5;
}

.calendarover {
	text-align: center;
	background: #CAD7F9;
	width: 15px;
}

.calendaroff {
	text-align: center;
	background: #A2BAFA;
	width: 15px;
}

.calendartodayover {
	text-align: center;
	background: #CAD7F9;
	color:#FFF;
	width: 15px;
	font-weight:bold;
}

.tcpadding {
	padding: 10px;
}

.calendartodayoff {
	text-align: center;
	background: #A2BAFA;
	color:#FFF;
	width: 15px;
	font-weight:bold;
}

/*=======================================================================================================
Flexigrid tables, afblijven aub
=========================================================================================================*/


.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	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: #f0f0f0 url(../images/bg.gif) repeat-x /*repeat-y*/ 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.btnspace
	{
		float: left;
		height: 22px;
		margin-left:20px;
	}
	
	.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*/ #d98484;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #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*/ #9e3636 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;
			}			
.flexigrid div.fbutton .add
		{
			background: url(../images/add.png) no-repeat center left;
		}	

.flexigrid div.fbutton .delete
	{
		background: url(../images/close.png) no-repeat center left;
	}		
	
.flexigrid div.fbutton .reload
	{
		background: url(../images/reload.png) no-repeat center left;
	}
	
.flexigrid div.fbutton .edit
{
	background: url(../images/edit.png) no-repeat center left;
}