/*************************/
/* General				 */
/*************************/
	img {
		border: 0px;vertical-align: middle;
	}
	body {
		margin: 0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#3757A4;
		cursor:default;
	}
	#titleBar{
		background-color: #A1B2CB;
		border-bottom: 1px solid #00172E;
		border-left:  1px solid #DDE5F7;
		border-right:  0px solid #00172E;
		border-top:  1px solid #DDE5F7;
		color: white;
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#A1B2CB', endColorstr='#B2C3DD', gradientType='0');
		font-size: 10px;
		font-weight: bold;
		height: 16px;
		overflow : hidden;
		padding: 1px 0px 0px 4px;
		margin-left: 0px;
		text-align:left;
		white-space: nowrap;
	}
	#titleBar A{
		height: 17px;
		color: white;
		text-decoration:none;
		width:100%;
		vertical-align: bottom;
	}
	#titleBar A:hover{
		text-decoration:underline;
		color: #FB8C04;	
	}
	#blueBarTop{
		background-color: #3160C0;
		height: 75px;
		border-bottom: 2px solid #059FE7;
	}
	#blueBarBottom{
		position: absolute; left: 221px; bottom: 0px;
		background-color: #3160C0;
		height: 75px;
		width: 100%;
		border-top: 2px solid #059FE7;
	}

/*************************/
/* Framebody							 */
/*************************/

	body.titleFrame{
		background-color: #3B6BCA;
		height: 100%;	
	}

	body.treeFrame {
		background-color: white;
		height: 100%;
		border-right: 1px solid #545454;
	}

	body.contentFrame {
		height: 100%;
		background-image: url(/lib/i/interface/bg_greyline.gif?showme=1);
		background-repeat: repeat-y;
	}
	body.contentFrameB {
		height: 100%;
		background-color: #B4CCF6;
/*		background-image: url(/lib/bo600/ico/bg_loginBarB.gif);
		background-repeat: repeat-y;
*/
	}

	body.contentFrameW {
		height: 100%;
		background-image: url(/DYlib/img/bg_fireFox.gif?showme=1);
		background-repeat: repeat-y;
	}
	body.contentFrame #titleBar,
	body.contentFrameW #titleBar{
		margin-left: 6px;
	}
	body.splashFrame {
		height: 100%;
		background-color: #B4CCF6;
	}

	body.contentFrame-noleftmenu {
		height: 100%;
	}

/*************************/
/* body.titleFrame	 */
/*************************/

	table.titleBar {
		border-collapse: collapse;
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#88898D', endColorstr='#646568', gradientType='0');
		width:100%;
		height: 100%;
		border-left: 1px solid #DDE5F7;
		border-top:  1px solid #DDE5F7;
		border-right:  1px solid #00172E;
		border-bottom: 1px solid #00172E;
		table-layout: fixed;
	}
	table.titleBar td a {
		color: white;
		display: inline;		
		font-size: 10px;
		font-weight: bold;
		height: 18px;
		padding: 1px 3px 0px 3px;
		margin: 0px 1px 0px 1px;
		text-decoration: none;
	}

	table.titleBar td a:hover {
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#88898D', endColorstr='#646568', gradientType='0');
		background-color: #88898D;	
		border-left: 1px solid #646568;
		border-top:  1px solid #646568;
		border-right:  1px solid #88898D;
		border-bottom: 1px solid #88898D;
		margin: 0px 0px 0px 0px;
		height: 16px;
	}
	table.titleBar td a img {
		vertical-align: middle;
	}	


/*************************/
/* body.treeFrame	 */
/*************************/

	#treeBody{
		background-color: white;	
		height:100%;
	}
	
	#treeBody div.body{ 
		padding-bottom:3px;
	}
	#treeBody div.body A, #treeBody div.body A.inAktief { 
		padding-left:5px;
		padding-bottom:1px;
		padding-top:0px;
		margin: 0px 0px 0px 0px;
		display:block; 
		overflow:hidden;
		text-decoration:none;
		color:#000;
	}
	#treeBody div.body A:hover { 
		color:#FB8C04;
		text-decoration:underline;
		border-right: 5px solid #ffcc33;
	}
	#treeBody div.body A.aktief { 
		border-right: 5px solid #ffcc33;
	}
	#treeBody div.indent{ 
		margin-left:16px;
		margin-top:2px;
	}

	#treeBody div.head {
		overflow:hidden;
		vertical-align:middle;
		line-height:17px;	height:17px;
		background-color:#B4CCF6;
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6DBFA,endColorStr=#A3C1F5); 
		border-top:1px solid #9CBCF4;
		border-bottom:1px solid #003099;
		margin-bottom:5px;
		padding-left:5px;
	}

	#treeComponents{
		background-color: #386BCA;
		position: absolute; left:0px; bottom: 0px;
		border-top:  5px solid #718CBF;
		width:100%;
		border-bottom: 1px solid;
	}

	#treeComponents table.ModuleTab {
		width:100%;
		border-left: 1px solid #DDE5F7;
		border-top:  1px solid #DDE5F7;
		border-right:  1px solid #00172E;
		border-bottom: 1px solid #00172E;
	}
	#treeComponents table.ModuleTab tr td {
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#457FDB', endColorstr='#3160C0', gradientType='0');
		background-color: #3B6BCA;
		height: 19px;
	}
	#treeComponents table.ModuleTab tr th A, #treeComponents table.ModuleTab tr td A:hover{
		background-color: #386BCA;
		border-right: 5px solid #ffcc33;
		color: white;
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#3160C0', endColorstr='#457FDB', gradientType='0');
		font-size: 10px;
		font-weight: bold;
		height: 19px;
		display: block;
		text-align: left;
	}
	#treeComponents table.ModuleTab tr td A  {
		font-size: 10px;
		color: white;
		height: 19px;
		font-weight: bold;
		text-decoration: none;
		display: block;
	}
	#treeComponents table.ModuleTab tr th A:hover{
		text-decoration:none;
		color: white;
		cursor: text;
	}
	
/*************************/
/* Tabstrip					 */
/*************************/

table.tabstrip{
	table-layout:fixed;
	width:100%;
	margin-top: 5px;
}
table.tabstrip tbody td {
	vertical-align:bottom;
	text-align:left;
	border-bottom: 1px solid #C4C4C4;
}
table.tabstrip tbody td.actief {
	height:20px; 
	border-bottom: 1px solid #F2F2F2;
}
table.tabstrip tbody td A,
table.tabstrip tbody td A:hover,
table.tabstrip tbody td div {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	font-size:11px; text-decoration: none;
	color: black;
	border-left: 1px solid #C4C4C4;
	border-top:  1px solid #E0E0E0;
	border-right:  1px solid #999;
}
table.tabstrip tbody td A,
table.tabstrip tbody td div {
	height:15px; 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#D2D2D2', endColorstr='#ECECEC', gradientType='0');
	background-color: #E0E0E0;
}
table.tabstrip tbody td A:hover {
	height:16px; 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#E9F1FF', gradientType='0');
	background-color: #E9F1FF;
}
table.tabstrip tbody td.actief A, 
table.tabstrip tbody td.actief A:hover,
table.tabstrip tbody td.actief div {
	height:16px;font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#F2F2F2', gradientType='0');
	background-color: #F9F9F9;
}

/*************************/
/* page layout definitie	 */
/*************************/

	/*************************/
	/* leftmenu	 */
	/*************************/

#leftMenu {
	position: absolute; left:3px; top: 0px;
	width:170px;
	height: 100%;
}
	#leftMenu div.header {
		padding: 26px 0px 0px 5px;
		height: 60px;
		width: 160px;
		font-size: 14px;
		font-weight: bold;
	}
	#leftMenu div.subtitle {
		margin: 0px 0px 0px 3px;
		height: 16px;
		width:165px;
		font-size: 11px;
		font-weight: bold;
		border-top:  1px solid #81A2C5;
		border-bottom:  1px solid #81A2C5;
	}
	#leftMenu div.blok, 
	#leftMenu div.blok-edit, 
	#leftMenu div.blok-modify, 
	#leftMenu div.blok-warning, 
	#leftMenu div.blok-delete {
		padding: 0px 0px 4px 0px;
		margin: 20px 0px 0px 8px;
		width:152px;
		font-size: 10px;
		background-color: #E9F1FF;
	}
	#leftMenu div.blok-edit h1, 
	#leftMenu div.blok-modify h1 {
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ccffcc,endColorStr=#99ffcc);
		border-right:1px solid #66cc99;
		border-bottom: 1px solid #66cc99;
		border-top: 1px solid #ccffcc;
	}
	#leftMenu div.blok-edit, 
	#leftMenu div.blok-modify {
		background-color: #ccffcc;
	}

	#leftMenu div.blok-warning h1,
	#leftMenu div.blok-delete h1
	 {
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff9966,endColorStr=#ff0000);
		border-right:1px solid #cc0000;
		border-bottom: 1px solid #cc0000;
		border-top: 1px solid #ffcc00;
		color:white;
	}
	#leftMenu div.blok-warning,
	#leftMenu div.blok-delete {
		background-color: #ff9966;
	}
	#leftMenu div.blok div, 
	#leftMenu div.blok-warning div, 
	#leftMenu div.blok-delete div{
		margin: 0px 5px 0px 5px;
	}


	#leftMenu h1{
		margin: 0px 0px 5px 0px;
		padding: 2px 0px 0px 10px;
		height: 16px;
		float: left;
		width: 144px;
		font-size: 11px;
		display: block;
		background-color:#B4CCF6;
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6DBFA,endColorStr=#A3C1F5); 
		font-weight: bold;
		border-top:1px solid #9CBCF4;
		border-right:1px solid #003099;
		border-bottom:1px solid #003099;
	}

	#leftMenu A {
		padding: 2px 10px 0px 10px;
		text-decoration:none;
		display: block;
		color:#3757A4;
		border-bottom: 0px solid #E9F1FF;
	}
	#leftMenu A:hover {
		color: #ffcc33;	
		text-decoration:underline;
	}
	#leftMenu A.grey, #leftMenu A.grey:hover {
		color:#cccccc;
		cursor:default;
		text-decoration:none;
	}

	#leftMenu div.footer{
		position: absolute; left:3px; bottom: 0px;
		width: 155px; height: 80px;
		border-top: 1px solid #81A2C5;
		padding: 5px 5px 5px 5px;
	}

	/*************************/
	/* contentBody	 */
	/*************************/

#contentBody {
	margin: 0px 7px 0px 180px;
}

	/*************************/
	/* item table 		 */
	/*************************/
	div.tableBorder {
		border-right: 1px solid #666666;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #666666;
	}

	table.itemTable,
	table.colTable {
		width: 100%;
		font-size: 11px; 
		text-align: left;

		border-collapse: collapse;
		border-top: 0px solid white;
		border-bottom: 1px solid white;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}

	input.checkbox {								/* This is the only definition needed for checkboxes */
		border:  0px !important;
		width:  14px !important;
		height: 14px !important;
		vertical-align: middle;
	}
	input[type=checkbox] {					/* Not supported yet */
		border:  0px !important;
		width:  14px !important;
		height: 14px !important;
		vertical-align: middle;
	}
	input.radio {										/* This is the only definition needed for radiobuttons */
		border:  0px !important;		
		width:  14px !important;
		height: 14px !important;
		vertical-align: middle;
	}
	input[type=radio] {							/* Not supported yet */
		border:  0px !important;
		width:  14px !important;
		height: 14px !important;
		vertical-align: middle;
	}

	table.itemTable caption,
	table.colTable caption{
		color: #818181;
		font-size: 9px;
		padding: 3px 14px 3px 14px;
		background-color: white;
		border-bottom: 1px solid #c4c4c4;
		text-align: left;
	}

	table.colTable thead tr td {
		height: 14px;
		border-right: 1px solid #999;
		background-color: white;
		padding: 0px 1px 0px 1px;
	}
	table.colTable thead tr td div, table.colTable thead tr td A{
		font-size: 10px;
		border-top: 1px solid white;
		color: black;
		font-weight: normal;
		display: block;
		background-color: #e9e9e9;
		height: 15px;
		padding: 0px 4px 1px 4px;
		margin: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		background-position: right;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	table.colTable thead tr td A, table.colTable thead tr td A:hover {
		text-decoration:underline;
	}
	table.itemTable tbody.modify tr.separator td,
	table.itemTable tbody tr.separator td,
	table.colTable tbody tr.separator td {
		background-color: #FFFBF3;
		border-top: 1px solid #FFCC59;
		border-bottom: 1px solid #FFCC59;
		height: 14px;
		padding-left: 6px;
		padding-bottom: 2px;
	}
	table.itemTable tbody.modify tr.separator td{
		padding: 3px 2px 2px 6px;
	}
	table.itemTable tbody tr.separator td a {
		color: #3757A4;
		width: 100%;
		display: block;
		float: left;
	}
	table.itemTable tbody tr.separator td a img.icon,
	table.colTable tbody tr.separator td a img.icon {
		padding-right: 10px;
	}
	table.colTable tbody tr.row0 td input,
	table.colTable tbody tr.row1 td input{
		border: 0px;
	}	
	table.itemTable tbody tr th, table.itemTable tbody tr td,
	table.colTable tbody tr th, table.colTable tbody tr td{
		vertical-align: top;
		padding: 3px 2px 1px 5px;
		color:#3757A4;
		height: 16px;
		font-size:10px;
		font-weight: normal;
	}
	table.itemTable tbody tr td {
		background-color: white;
	}
	table.colTable tbody tr td{
		height: 17px;
		border-right: 1px solid #999;
		background-color: white;
		padding: 0px 3px 0px 3px;
		vertical-align:middle;
	}

	table.colTable tbody tr.row1 td{
		background-color: #F9F9FB;
	}

	table.itemTable tr.lineseparator td {
		border-top: 1px solid #E1E1E1;
		height: 1px;
	}
		
	table.itemTable tbody span.disabled {
		color: #BBB;
	}
	table.itemTable tbody th a {
		color: #484848; 
	}	
	table.itemTable tbody td a {
		color: #3757A4;
	}
	table.itemTable tbody td a,
	table.itemTable tbody th a {
		text-decoration: none;
	}
	table.itemTable tbody td a:hover,
	table.itemTable tbody th a:hover {
		text-decoration: underline;
		color: #FB8C04;
	}
	
	
	table.itemTable tbody tr th{
		background-color: #F9F9FB;
		color:#484848;
	}
	table.itemTable tbody tr.header td{
		background-color: #484848;
		color:white;
	}
	table.itemTable tbody.modify tr td{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 2px;
	}

	table.itemTable tfoot tr td,
	table.colTable tfoot tr td{
		font-size: 9px;
		color: #666666;
		text-align: right;
		padding-bottom: 5px;
	}
	table.itemTable input, table.itemTable select, table.itemTable textarea,
	table.colTable input, .kleinTextarea {
		margin: 0px 0px 0px 0px;
		padding: 1px 0px 1px 2px;
		border-right: 1px solid #EEE;
		border-bottom: 1px dotted #EEE;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		width: 100%;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	table.itemTable input{
		height: 14px;
		} 

	table.itemTable input.checkbox{
		width: 14px;
		height: 14px;
		}

	table.itemTable tr table.layoutTable tr td,
	table.itemTable tr table.layoutTable tr th {
		padding: 0px 3px 0px 0px;
		margin: 0px 0px 0px 0px;
	}


	/*************************/
	/* splash tekst table 		 */
	/*************************/

	table.textTable {
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
	}
	table.textTable tr th {
		text-align:left;
		color: white;
		font-size: 18px;
		padding-bottom:20px;
		vertical-align:top;
	}
	table.textTable tr td {
		text-align:left;
		vertical-align: top;
		font-size: 10px;
	}
	table.textTable tr td h2 {
		margin-bottom:5px;
		margin-top:10px;
		font-size: 11px;
	}
	table tr.textTable tr.bigFont td {
		text-align:left;
		vertical-align: top;
		font-size: 12px;
	}
	table.textTable tr td A{
		color: #3757A4;
		text-decoration:none;
		display:block;
		margin-top:3px;
	}
	table.textTable tr td li{
		margin-top:2px;
		font-size: 12px;
	}
	
	
	table.textTable tr.moduleName td {
		text-align:left;
		vertical-align: top;
		font-size: 9px;
		color: white;
	}
	table.textTable tr.moduleName td h1{
		text-align:left;
		margin-bottom:0px;
		vertical-align: top;
		font-size: 16px;
		color: #3757A4;
	}


	table.textTableSmall tr td {
		text-align:left;
		font-size: 9px;
	}	
	table.textTableSmall input {
		border-bottom: 1px solid #86A5F8;
		border-right: 1px solid #86A5F8;
		border-left: 1px solid #039;
		border-top: 1px solid #039;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		height: 14px;
		width: 120px;
		vertical-align: middle;
	}
	table.textTableSmall input.checkbox {
		border: 0px solid #86A5F8;
		width: 14px;
		height: 14px;
	}
	div.copyR {
		position: absolute; right: 10px; top: 25px;
		margin-top: 10px;
		width: 270px;
		float: right;
		color: white;
	}

	div.filter-head {
		padding:2px 5px 2px 5px;
		font-family:Tahoma, Verdana;
		font-size:11px;
		color:#3757A4;
		height:35px;
	}
	div.search-control {
		float:left;
	}
	div.search-control-separator {
		float:left;
		background-color:#E8F0FC;
		margin:0px 5px 0px 5px;
		width:1px;
		height:100%;
	}
	
	div.filter-head input,
	div.filter-head select {
		font-family:Tahoma, Verdana;
		font-size:11px;
		color:#3757A4;	
	}
	div.filter-head input {
		border:1px solid #3757A4;
		color:#3757A4;
		font-family:Tahoma, Verdana;
		font-size:11px;
	}


div.scrollDiv {
	overflow-x:hidden;
	overflow-y:auto;
	overflow: auto
}

	/*************************/
	/* juul grid aanpassing  */
	/*************************/


form.collectionControl input.pageIndex { width: 30px}
form.collectionControl input.button {border: 1px outset; background-color: #ffcc00; padding:0px 0px 0px 0px}
form.collectionControl input, form.collectionControl select { font-family: verdana; font-size: 10px;}
table.colTable thead.pageSelection tr td {
	font-size: 10px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#F2F2F2', gradientType='0');
	border-bottom: 1px inset #cccccc;
}

table.colTable thead tr td A.selectedasc,
table.colTable thead tr td A.selecteddesc {
	background-color: #FFFCF3;
	border-top: 1px solid #FFCC59;
	border-right: 1px solid #FFCC59;
	text-align:left;
}
	
table.colTable thead.pageSelection td span,
table.colTable thead.pageSelection td a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 12px;
	display: block;
	float: left;
	background-color: #FCFCFC;
	border: 1px solid #888;
	text-decoration: none;
	padding: 1px 1px 1px 1px;
	margin: 2px 3px 2px 0px;
	color: black;
	text-align: center;
}
table.colTable thead.pageSelection td span.spacer {
	width: 1px;
	padding: 0px 0px 0px 0px;
	margin: 2px 5px 2px 2px;
	border: 0px;
	height: 17px;
	background-color: #748CC3;
}
table.colTable thead.pageSelection td span.spacerBlock {
	background-color: transparent;
	border: 1px solid #E9F1FF;
	color: #748CC3;
	width: 1px;
	margin: 2px 0px 2px -3px;
}
table.colTable thead.pageSelection td span.dummy,
table.colTable thead.pageSelection td span.disabledDummy,
table.colTable thead.pageSelection td a.dummy {
	width: 18px;
}
table.colTable thead.pageSelection td a:hover {
	color: black;
	background-color: white;
	border: 1px solid #444;
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', gradientType='0');
}
table.colTable thead.pageSelection td span.dummy {
	border: 1px solid #000088;
	background-color: #F5F5FF;
	color: #3757A4;
}
table.colTable thead.pageSelection td span.disabledDummy {
	background-color: #FCFCFC;
	border: 1px solid #CCC;
	color: #CCC;
}				

div.clip {
	width: 100%; 
	overflow: hidden; 
	text-overflow:ellipsis;
}




	/********************/
	/* Overview tables  */
	/********************/


div.tableBorder table.itemTable tbody.overview b {color:#555}
div.tableBorder table.itemTable tbody.overview tr.bottomLinks td,
div.tableBorder table.itemTable tbody.overview tr.bottomLinks th {
	padding: 10px 4px 1px 5px;
	text-align: right;
}

div.tableBorder table.itemTable tbody.overview tr th {
	background-color: white;
}
div.tableBorder table.itemTable tbody.overview a {
	color: #3757A4;
}
div.tableBorder table.itemTable tbody.overview a:hover {
	color: #FB8C04;
}

div.tableBorder table.itemTable tbody.overview tr td,
div.tableBorder table.itemTable tbody.overview tr td,
div.tableBorder table.itemTable tbody.overview tr th,
div.tableBorder table.itemTable tbody.overview tr th {
	color: #888;
}	
div.tableBorder table.itemTable tbody.overview tr td table.layoutTable tr td,
div.tableBorder table.itemTable tbody.overview tr td table.layoutTable tr th,
div.tableBorder table.itemTable tbody.overview tr th table.layoutTable tr td,
div.tableBorder table.itemTable tbody.overview tr th table.layoutTable tr th {
	background-image: none;
	color: #888;
	padding: 0px 5px 0px 0px;
}

div.tableBorder table.itemTable tbody.overview tr td {
	background-image: url(/lib/i/interface/verticalFadingLine.gif);
	background-repeat: no-repeat;
	background-position: right;
	
	padding: 10px 5px 10px 5px;
}
div.tableBorder table.itemTable tbody.overview tr.bottomLinks td {
	background-image: none;
}
div.tableBorder table.itemTable tbody.overview tr th {
	padding: 10px 5px 10px 5px;
}

div.tableBorder table.itemTable tbody td.informationHeader {
	padding: 0px 0px 0px 0px !important;
	border-bottom: 1px solid black;
}

div.tableBorder table.itemTable tbody span.informationHeader,
div.tableBorder table.itemTable tbody span.informationHeaderPrefix {
	border-top: 1px solid #D2E0F2;
	border-right: 1px solid black;
	background-color: #F5F9FF;
	font-weight: bold;
	color: #0F4B8E;
	line-height: 16px;
	margin-top: 0px;
	padding: 0px 20px 0px 5px;
	width: 50px;
	white-space: nowrap;
	float: left;
}
div.tableBorder table.itemTable tbody span.informationHeader {
	width: 30%;
}
div.tableBorder table.itemTable tbody span.informationHeaderPrefix {
	background-color:#81ACF0;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6DBFA,endColorStr=#A3C1F5); 
	border-top:1px solid #9CBCF4;
	border-right:1px solid #003099;
	padding: 0px 0px 0px 2px;
	width: 5px;
	font-weight: bold;
}

div.tableBorder table.itemTable tbody a:hover span.informationHeader,
div.tableBorder table.itemTable tbody a:hover span.informationHeaderPrefix {
	text-decoration: none;
	color: #006BE4;
	background-color: #FAFCFF;
	cursor: pointer;
}
div.tableBorder table.itemTable tbody a:hover span.informationHeaderPrefix {
	color: #006BE4;
	background-color:#81ACF0;
	filter: none;
}

form {
	display: inline;
}




	/* TGRID Search Filter Control */


		table.colTable thead.pageSelection tr td {
			vertical-align: middle;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color: #3757A4 !Important;
			padding: 2px 11px 2px 11px;
			filter: none;
			background-color: #E9F1FF;
			border-bottom: 1px solid #3757A4;
		}



		div.separator {
			float: left;
			width: 8px;
		}
		
		div.filter-head {
			padding: 0px 10px 0px 10px;
			background-color: #E6E3DF;
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F6F5F4', endColorstr='#D6D2CA', gradientType='0');
			border-left: 1px solid #C4C4C4;
			border-right: 1px solid black;
			border-bottom: 1px solid #808080;
			border-top: 1px solid white;
		}

		div.search-control-titlebar {
			vertical-align: middle;
			padding: 2px 0px 0px 10px;
			height: 16px;
			font-size: 11px;
			background-color:#B4CCF6;
			filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6DBFA,endColorStr=#A3C1F5); 
			font-weight: bold;
			border-top:1px solid #9CBCF4;
			border-right:1px solid #003099;
			border-bottom:1px solid #003099;
		}

		div.search-control {
			margin: 0px 0px 0px 0px;
			color: #666 !important;
		}

		input.search-control-freetext,
		textarea.search-control-textarea {
			padding: 1px 3px 1px 3px;
			background-color: #F1F1F1;
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', gradientType='0');
			border-bottom: 1px solid #FFF !important;
			border-right: 1px solid #FFF !important;
			border-top: 1px solid #444 !important;
			border-left: 1px solid #444 !important;
			color: #222 !important;			
		}
		
		input.search-button,
		a.search-button {
			height: 17px;
			margin-top: 1px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			height: 15px;
			display: block;
			float: left;
			background-color: #F8F8F8 !Important;
			border: 1px solid #888;
			text-decoration: none !Important;
			padding: 0px 3px 0px 3px !Important;
			color: black;
			cursor: pointer;
		}
		a.search-button:hover {
			color: black;
			background-color: white;
			border: 1px solid #444;
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', gradientType='0');
		}



		div.mcs-container {}
		
		div.mcs-popup {
			border: 1px solid black;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 9px;
			background-color: #EEE;
			color: #444;		
			padding: 2px 0px 2px 0px;
		}
		div.msc-popup label {}
		div.mcs-popup input {
			border: 0px;
		}
		
		div.mcs-formfield {
			padding: 1px 3px 1px 3px;
			background-image: url(/lib/bo600/ico/dropdown.gif);
			background-repeat: no-repeat;
			background-position: top right;
			background-color: #F1F1F1;
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', gradientType='0');
			border-bottom: 1px solid #FFF !important;
			border-right: 1px solid #FFF !important;
			border-top: 1px solid #444 !important;
			border-left: 1px solid #444 !important;
			margin-top: 1px;
			margin-bottom: 1px;
		}
		div.mcs-formfield a {
			color: #222 !important;
		}