/* General */
html			{ height: 100%; }

body			{ margin:0; padding:0; height:100%; width: 100%; font-family: "Verdana"; font-size: 12px; line-height: 150%; min-height: 100%; }
div.container	{ width: 1280px; margin: 0px auto; position: relative; background-color: #fff; min-height: 800px; }
div.main		{ padding-left: 5px; padding-right: 5px; }
div.logo		{ cursor: pointer; margin: 0; padding: 0; width: 114px; float: left; position: relative; height: 90px; margin-top: 5px; background: url("../img/Wijzer-logo-kl.gif"); background-repeat:no-repeat;}
div.mainmenu	{ z-index: 0; position: relative; border-bottom: solid 1px #4b57a3; border-top: solid 1px #4B57A3; margin-bottom: 10px; background-color: #ffffff; }

img.resize_fit_center {
    max-width:99%;
    max-height:100%;
    vertical-align: middle;
    padding-left: 5px;
    padding-left: 5px;
}

div.orgLogo {
    background-image: url(../img/company-logo.png);
    background-repeat: no-repeat; 
    background-position: top left; 
} 

div.fixed {
    position:fixed;
    top:0;
    width: 1280px;
}

div.filterrow {
    position:fixed;
    top:52px;
	background-color: #fff;
	width: 1270px;
}

table.fixedtable thead {
    position:fixed;
    top:110px;
    width: 100%;
}

table.fixedtable thead th.colx {
	width: 206px;
}

table.fixedtable thead th.col1 {
	width: 55px;
}

table.fixedtable thead th.col2 {
	width: 168px;
}

table.fixedtable thead th.col3 {
	width: 261px;
}

table.fixedtable thead th.col4 {
	width: 152px;
}

table.fixedtable thead th.col5 {
	width: 135px;
}

#menustroke {
	margin: 0;
	padding: 0;
    height: 26px;
	background: #4B57A3;
}

#submenustroke {
	margin: 0;
	padding: 0;
    height: 26px;
	background: #5ABA52;
}

.buttonrow {
	height: 28px;
	border-top: solid 1px #4B57A3;
	border-bottom: solid 1px #4B57A3;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 20px;
}

.edtimg16 {
	margin: 0;
	padding: 0;
	display: block;
	width: 16px;
	margin: auto;
}

.ccvsignalcolumn {
    margin: 0;
    padding: 0;
    width: 150px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    border: solid 1px #ccc;
}

.datesignalcolumn {
	margin: 0;
	padding: 0;
	width: 90px;
	margin: auto;
}

.code95Col {
	margin: 0;
	padding: 0;
	width: 135px;
	margin: auto;
}

.buttonCol {
	margin: 0;
	padding: 0;
	width: 80px;
	float: right;
}

.code95Col img {
	margin-right: 0px!important;
}

	ul.mainmenu	 			{ list-style-type: none; margin: 0; padding: 0; }
	li.mainmenu 			{ display: inline; margin: 0; padding: 0; }
	
	a.mainmenu 				{ background-color: #4b57a3; line-height: 26px; color: white; padding-left: 15px; padding-right: 15px; min-width: 100px; display: block; text-align: center; vertical-align: middle; text-decoration:none; font-size: 11px; float: left; text-transform: Uppercase;}
	a.mainmenu.active 		{ background-color: #5ABA52; font-size: 11px; font-weight: bold; color: #fff; }
	a.mainmenu:hover		{ background-color: #5ABA52; font-size: 11px; }

	ul.mainsubmenu	 		{ list-style-type: none; margin: 0; padding: 0; }
	li.mainsubmenu 			{ display: inline; margin: 0; padding: 0; }
	ul.mainsubmenu:first-child { margin-left: 10px; } 
	a.mainsubmenu 			{ line-height: 26px; font-size: 11px; vertical-align: middle; text-transform: Uppercase; text-decoration:none; display: block; float: left; color: gray; }
	a.mainsubmenu.active 	{ font-weight: bold; font-size: 11px; color: #4b57a3; }  
	a.mainsubmenu:hover		{ font-size: 11px; color: #4b57a3; }
		
h2							{ letter-spacing:2px; font-size: 12px; color: #4b57a3; padding: 0; margin: 0; padding-bottom: 15px; padding-top: 10px; padding-left: 5px; text-transform: uppercase; }
h3							{ letter-spacing:1px; font-size: 10px; color: #4b57a3; padding: 0; margin: 0; padding-bottom: 15px; text-transform: uppercase; }
h2.inlog					{ letter-spacing:2px; font-size: 12px; color: #4b57a3; padding: 0; margin: 0; padding-bottom: 15px; padding-top: 10px; text-transform: uppercase; }

a, a:hover					{ font-family: "Verdana"; font-size: 12px; color: #4b57a3; }
a.smalllink, a.smalllink:hover	{ font-family: "Verdana"; font-size: 10px; color: #4b57a3; }
td							{ padding: 5px; text-align: center; }
img							{ border: 0; }

.shadow {
    box-shadow:
        0px 0px 30px #C7C7C7,
        0px 0px 30px #C7C7C7; 
}

li.odd						{ background-color: #F9F7EC!important; }

.jsonSuggest li a img {
	float:left;
	margin-right:5px;
}
.jsonSuggest li a small {
	display:block;
	text-align:right;
	font-size: 10px;
}

.jsonSuggest li a small a {
	color: blue;
	font-size: 9px!important;
}

img.ui-datepicker-trigger 	{ float: left; cursor: pointer; margin-left: 5px; margin-right: 12px; margin-top: 2px; }
input.hasDatepicker 		{ float: left; }

/* Just clear all the divs */
.clear					{ clear: both; font-size: 0px; line-height: 0px; height: 0px; margin:0px; padding:0px; }

/* Heights */
.H10					{ height: 10px; }
.H18					{ height: 18px; line-height: 18px; }
.H20					{ height: 20px; line-height: 20px; }
.H25					{ height: 25px; line-height: 25px; }
.H26					{ height: 26px; line-height: 26px; }
.H30					{ height: 30px; line-height: 30px!important; }
.H32					{ height: 32px; line-height: 32px; }
.H40					{ height: 40px; line-height: 40px; }
.H80					{ height: 80px;  line-height: 80px;}
.H100					{ height: 100px; }
.H150					{ height: 150px; }
.H120					{ height: 120px; }
.H200					{ height: 200px; }
.H300					{ height: 300px; }

.H350					{ height: 350px;  line-height: 350px;}
.H400					{ height: 400px; }
	
/* Widths */
.W8						{ width: 8px; }
.W12					{ width: 12px; }
.W16					{ width: 16px; }
.W20					{ width: 20px; }
.W30					{ width: 30px; }
.W36					{ width: 36px; }
.W40					{ width: 40px; }
.W50					{ width: 50px; }
.W60					{ width: 60px; }
.W70					{ width: 70px; }
.W80					{ width: 80px; }
.W85					{ width: 85px; }
.W90					{ width: 90px; }
.W100					{ width: 100px; }
.W110					{ width: 110px; }
.W120					{ width: 120px; }
.W130					{ width: 130px; }
.W140					{ width: 140px; }
.W145					{ width: 145px; }
.W150					{ width: 150px; }
.W155					{ width: 155px; }
.W160					{ width: 160px; }
.W165					{ width: 165px; }
.W170					{ width: 170px; }
.W180					{ width: 180px; }
.W190					{ width: 190px; }
.W200					{ width: 200px; }
.W205					{ width: 205px; }
.W210					{ width: 210px; }
.W220					{ width: 220px; }
.W250					{ width: 250px !important; }
.W275					{ width: 275px; }
.W250					{ width: 250px; }
.W300					{ width: 300px; }
.W350					{ width: 350px; }
.W400					{ width: 400px; }
.W420					{ width: 420px; }
.W450					{ width: 450px; }
.W510					{ width: 510px; }
.W610					{ width: 610px; }
.W650					{ width: 650px; }
.W700					{ width: 700px; }
.W770					{ width: 770px; }
.W800					{ width: 800px; }
.W810					{ width: 813px; }
.W900					{ width: 900px; }
.W1050					{ width: 1050px; }
.W1000					{ width: 1270px; }

.WFULL					{ width: 100%; }
.WTABLE					{ width: 99%; }

/* floats */
.fl						{float: left }
.fr						{float: right }

/* Displays */
.db						{ display: block; }
.dn						{ display: none; }
.cb						{ clear: both; }

.oflowhidden			{overflow: hidden; }			

/* Text-align */
.tal					{ text-align: left!important; }
.tar					{ text-align: right; }
.tam					{ text-align: center; }
.vtam					{ vertical-align: middle; }
.vtop					{ vertical-align: baseline; }

/* Font-sizes */
.fs16					{ font-size: 14px; }
.fs14					{ font-size: 12px; }
.fs11					{ font-size: 11px; }
.fs10					{ font-size: 10px; }
.fs9					{ font-size: 9px; }
.fs17					{ font-size: 15px; }
.fs20					{ font-size: 18px; }

/* Font-colors */
.fcor					{ color: #ff6600; } 	/* Orange */
.fcgr					{ color: #5ABA52; } 	/* Green */
.fcblue					{ color: #4b57a3; } 	/* Blue */
.fcre					{ color: #CE1B3A; } 	/* Red */
.fcwhite				{ color: #ffffff; } 	/* White */
.fcgray					{ color: gray; } 		/* Gray */

/* Background-colors */
.bglgray				{ background-color: #F9F7EC; } /* light gray */
.bggray					{ background-color: #CECECE; } /* gray */
.bgwhite				{ background-color: #ffffff; } /* white */
.bggreen				{ background-color: #5ABA52; }
.bgblue					{ background-color: #4b57a3; }
.bgsubblue				{ background-color: #ACAED5; }
.bgor					{ background-color: #ff6600; } 	/* Orange */
.bgre					{ background-color: #CE1B3A; } 	/* Red */
.bgdarkgray				{ background-color: #6A6B6D; } 	/* Red */


/* font-weight */
.fwbold					{ font-weight: bold; }

/* positions */
.abs					{position: absolute;}
.z1000					{z-index: 1000 !important;}
.z0						{z-index: 0 !important;}

/* Padding */
.pad1				{ padding: 1px; }
.pad2				{ padding: 2px; }
.pad4				{ padding: 4px; }
.pad6				{ padding: 6px; }
.pad8				{ padding: 8px; }
.pad12				{ padding: 12px; }
.pad16				{ padding: 16px; }

.padtop2				{ padding-top: 2px; }
.padtop5				{ padding-top: 5px; }
.padtop6				{ padding-top: 6px; }
.padtop8				{ padding-top: 8px; }
.padtop16				{ padding-top: 16px; }
.padtop24				{ padding-top: 24px; }

.padright2				{ padding-right: 2px; }
.padright5				{ padding-right: 5px; }
.padright12				{ padding-right: 12px; }

.padbot1				{ padding-bottom: 1px; }
.padbot2				{ padding-bottom: 2px; }
.padbot3				{ padding-bottom: 3px; }
.padbot5				{ padding-bottom: 5px; }
.padbot7				{ padding-bottom: 7px; }
.padbot8				{ padding-bottom: 8px; }
.padbot12				{ padding-bottom: 12px; }
.padbot16				{ padding-bottom: 16px; }
.padbot20				{ padding-bottom: 20px; }

.padleft2				{ padding-left: 2px }
.padleft5				{ padding-left: 5px }
.padleft10				{ padding-left: 10px }
.padleft12				{ padding-left: 12px; }
.padleft15				{ padding-left: 19px; }
.padleft65				{ padding-left: 65px; }

/* cursors */
.curpoint				{ cursor: pointer; }

/* Margin */
.marbot1				{ margin-bottom: 1px; }
.marbot5				{ margin-bottom: 5px; }
.marbot12				{ margin-bottom: 12px; }
.marbot16				{ margin-bottom: 16px; }
.marbot24				{ margin-bottom: 24px; }
.marbot34				{ margin-bottom: 34px; }

.martop1				{ margin-top: 1px; }
.martop2				{ margin-top: 2px !important; }
.martop5				{ margin-top: 5px !important; }
.martop12				{ margin-top: 12px; }
.martop13				{ margin-top: 13px; }
.martop15				{ margin-top: 15px; }
.martop17				{ margin-top: 17px; }
.martop20				{ margin-top: 20px; }
.martop24				{ margin-top: 24px; }
.martop34				{ margin-top: 32px; }	
.marright5				{ margin-right: 5px; }
.marright7				{ margin-right: 7px; }
.marright10				{ margin-right: 10px; }
.marleft5				{ margin-left: 5px; }
.marleft10				{ margin-left: 10px; }
.marleft12				{ margin-left: 12px; }
.marleft25				{ margin-left: 25px; }
.marleft30				{ margin-left: 30px; }
.marleft45				{ margin-left: 45px; }

/* Borders */
.bortopgray				{ border-top:1px solid #c7c7c7; }
.borbotgray				{ border-bottom:1px solid #c7c7c7; }
.borleftlgray				{ border-left:1px solid #e7e7e7; }


.borgray				{ border:1px solid #c7c7c7; }
.borblue				{ border: solid 1px #4b57a3 }
.borgreen				{ border: solid 1px #5ABA52 }
.borlgray				{ border:1px solid #e7e7e7; }
.borerror				{ border:1px solid #CE1B3A; }

/* Radius */
.rad3					{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.rad6					{ -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.rad12					{ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }

/* line-height */
.lh150					{ line-height: 150%; }


/* text-transform */
.ttucase				{ text-transform: uppercase; }

/* overflow */
.hidden					{ overflow:hidden; }

/* cursors */
.curpoint				{ cursor: pointer; }

.adie7 {
	*padding-top: 10px;
}

.button_add {
	background-color: #5ABA52;
	*line-height: 35px;
	padding: 0;
	margin: 0;
	margin-top: -2px;
	width: 35px;
	height: 35px;
	float: left;	
	color: white;
	font-size: 35px;
	font-weight: Bold;
	border-radius:3px;
	text-decoration: none;
	display: block;

	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}

.button_add:hover {
   color: #4b57a3;
   font-size: 35px;
   }
   
.button {
	padding: 0;
	margin: 0;
	background-color: #5ABA52;
	color: white;
	font-size: 13px;
	padding: 5px 10px;
	border-radius:3px;
	text-decoration: none;
   	display: block;
   	float: left;
   	margin-right: 5px;
}

.button:hover {
   color: #4b57a3;
   font-size: 13px;
   }

.errormsg {
	font-size: 11px;
   	color: #CE1B3A;	
}

.inperror {
	border: dashed 1px #CE1B3A!important;
}

input.searchbox { 
	background: url("../img/magnifier.png") no-repeat scroll 4px 6px #FFFFFF;
	border: 1px solid #CCCCCC;
    height: 18px;
    padding: 2px 2px 2px 22px!important;
    width: 350px;
}

input[type="text"] {
	height: 23px;
	font-size: 13px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

input[type="password"] {
	height: 25px;
	font-size: 13px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

textarea {
	font-size: 13px;
	font-family: "Verdana";
	padding: 2px;
	border: 1px solid #CCCCCC;
}

select
{
	font-size: 13px;
	height: 31px;
	line-height:27px;
	padding: 7px 4px 4px 0px;
	border: 1px solid #CCCCCC;
}

select.multiple
{
	font-size: 16px;
	height: 600px;
	width: 600px;
	line-height:35px;
	padding: 7px 4px 4px 0px;
	border: 1px solid #CCCCCC;
}

select.changestatus {
	height: 22px;
	line-height:22px;
	padding: 2px 0px 2px 0px;
}

#loginform {
    width: 300px;
    height: 200px;
    margin: 175px auto;
    background-color: #ffffff;
    padding: 5px 0px 10px 20px;
}



@-moz-document url-prefix() {
	input[type="text"] {
		height: 25px;
		font-size: 13px;
		padding: 2px;
	}
}

th {
    font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #6A6B6D;
	padding: 5px;
}

th.header {
	background-image: url(../img/small.gif);
	cursor: pointer; 
    font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #6A6B6D;
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px;
} 

th.headerSortDown {
    background-image: url(../img/small_desc.gif);
} 

th.headerSortUp { 
    background-image: url(../img/small_asc.gif); 
}

div.righthandnavigation {
	float:right;                     /*use the float*/
	     margin-top: 10px;      /*your top margin*/        
	     padding-right: 0px;
	     width: 40px;
	     height: 40px;
	     vertical-align: top;
	     text-align: center;
	     padding-bottom: 0px;
	     z-index: 10;
}

.odd {
	background-color: #F9F7EC;
}

.even {
	background-color: #FFFFFF;
}

.pagedisplay {
	width: 300px!important;
	border:0 none !important;
	text-align:center;
}


div.check {
	background: url("../img/navigate_check.png"); 
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

div.hourglass {
	background: url("../img/hourglass.png"); 
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

input.tablesorter-filter[disabled]{
	display: none;
}

div.varview {
	height: 200px;
	overflow: auto;
	float: left;
	display: none;
	width: 99%;
}

.fontmono {
	font-family: "Courier New", monospace; 
}