/***************************** General ***************************************/
/*qwerty*/

* {
	padding: 			0 0 0 0;
	margin: 			0 0 0 0;
}

html, body {
	height: 			100%;
	overflow: 			hidden;
	margin: 			5px 0 0 0;
}

h1 {
	padding: 			0.2em 2px 2px 5px;
	text-align: 		left;
}

h3 {
	border:				1px solid;
}

h4 {
	margin: 			0.7em 0 0.7em -0.15em;
}

table, p, form {
	width: 				97%;
}

img {
	border: 			none;
}

img, span img {
	vertical-align: middle;
}

label.image {
	cursor: 			pointer;
}

a:link, a:visited {	
	text-decoration: 	none;
}

a:hover, a:active {
	text-decoration: 	underline;
}

a.disabled {
	text-decoration: 	none;
	cursor: 			default;
	display:			none;
}

label.image span {
	text-decoration: 	none;
}

label.image span.hover {
	text-decoration: 	underline;	
}

a img, span img {
	vertical-align: 	middle;
}

#menu .disabled
{
	display: 			none;
}

#menu .disabled a.description, #menu .disabled a.description:visited, #menu .disabled a.description:active {
	cursor: 			default;
}
/***************************** Header **************************************/

#header {
	clear: 				right;
	width: 				50%;
	margin:				0.5em 0 0 6px;   
   margin-left: 250px;
	border: 			1px solid;
	border-bottom: 		none;	
  
}

h2, .header_bar {
	display: 			block;
	overflow: 			hidden;
	height: 			1.4em;
	padding: 			0.2em 2em 0.1em 0;
	text-align: 		right;
    
}

.content_header {
	margin-left: 		0.5em;
     
}

#noscript {
	position: 			absolute;
	top: 				8px;
	left: 				14.5em;
}

/***************************** Toolbar **************************************/

#toolbar {
	background-image: 	url('/gfx/toolbar.gif');
	height: 			27px;
	overflow: 			hidden;
	border-right: 		1px solid;
	border-left: 		1px solid;
	margin-left: 		0.5em;
}

#toolbar .toolbar_seperator {
	margin-left: 		1em;
	float:				left;
	
}

#toolbar a.right, #toolbar .active {
	float:				right;
	margin-right: 		1em;
}

#toolbar a:hover, #toolbar .active {
	border:				1px;
	border-style: 		solid;
	border-color:		#666 #ccc #ccc #666;
	/*border-style: 	inset; WERKT BRUUT IN MOZILLA... maar vreselijk in IE */
}

#toolbar a {
	padding: 			0;
	margin-top:			4.5px;
	margin-left: 		1em;
	float:				left;
	text-decoration:	none;
	border:				1px;
	border-style: 		solid;
	border-color: 		transparent;
	_border-color:		#ddd; /* For IE6 */
	cursor: 			pointer;
}

#toolbar a span {
	vertical-align:		middle;
}

.group span {
	vertical-align:		middle;
}
/***************************** Content **************************************/

#content_container 
{
	height: 			90%;
	overflow: 			auto;
	padding:			0;
	border: 			1px solid;
	border-top: 		none;
	margin-left: 		0.5em;
  
	/*position: 			relative;	*/
}

#content 
{
	overflow-x:			visible;
	padding: 			0;
	margin: 			1em;
	height: 			auto;
	/*position:relative results in strange behaviour on combobox in combination with jquery*/
	/*position: 			relative;*/
	
}

/***************************** Advanced search ******************************/

#search_form table, #search_form_advanced table
{
	width: 600px;
}

#search_form, #search_form_advanced
{
	border-bottom:		1px solid;
	margin:				0;
	padding: 			0.2em 0.6em 0.2em 0.6em;	
}

#search_form_advanced 
{
	position:			absolute;
	top:				0;
	right:				0;
	left:				0;
	_width:				98.7%; /* For IE6 */
}

.selection_active {
	color:				red;
}

#selectform {
	margin-bottom:			0.25em;
}

#selectform td {
	vertical-align:			top;
	padding: 				0.2em 0.6em 0 0.2em;
	white-space:			nowrap;
}

#selectform td.description label {
	padding-top:			5px;
	display:				block;
	height:					1.5em;
}

#selectform .group span label {
	display:				inline;
}

#selectform td.description, #selectform td.value {
	padding-right:			2em;
}

#selectform label .image input, form .submit {
	margin: 				0.4em 0 -0.4em 0;
}

/***************************** Manual **************************************/

#content_container #manual_container {
	position:			absolute;	
	top:				0;
	right:				0;
	margin-right:		1em;
	padding:			10px;
	width: 				250px;
	height:				400px;
	overflow:			auto;
	overflow-x:			hidden;	
	

	
}

#manual_container .manual_close {
	width:				100%;
	text-align:			center;

}

/***************************** Menu **************************************/

#menu {
	float: 				right;
	height: 			95%;
	width: 				14em;
	overflow: 			auto;
}

#menu h3 {
	padding: 			0.2em 0 0.3em 15px;
	text-indent: 		2px;
	text-decoration: 	none;
}

#menu a {
	width: 				10em;
	margin-left: 		5px;
	font-weight: 		bold;
	text-indent: 		2px;
	text-decoration: 	none;	
	border: 			1px solid;
}

#menu .submenu {
	width: 				95%;
	margin: 			0 0 1em 0;
	border: 			1px solid;
	border-top: 		none;
}

#menu ul {
	margin: 			0.2em 0.2em 0.5em 0.2em;
	padding-bottom: 	0.5em;
	border-bottom: 		1px solid;
}

#menu li {
	list-style: 		none none outside;
	padding-top: 		1px;
}

#menu ul li {
	margin: 			0.2em 0 0.2em 0;
	overflow: 			hidden;
	white-space: 		nowrap;
	list-style: 		none none outside;
	padding-top: 		1px;
}

#menu ul img {
	vertical-align: 	-30%;
}

#menu ul.last {
	padding-bottom: 	0;
	margin-bottom: 		0.4em;
	border-bottom:		none;
}

#menu .group {
	display: 			none;
	margin-left: 		0;
	padding-left: 		3px;
}

#menu ul.group li img{
	visibility: 		hidden;
}

#menu ul.group {
	padding-bottom: 	0;
	margin-bottom: 		0;
	border-bottom:		none;
}

#menu #menu_currentgroup {
	display: 			block;
}

/***************************** Hide menu **************************************/

#hide_menu {
	display: 			block;
	width: 				15px;
	height:				15px;
	float: 				right;
	padding: 			0 0.1em 0 0;
}

#hide_div {
	display: 			block;
	float: 				right;
	height: 			5em;
	width: 				15px;
}

.on {
	background: url(/gfx/menu/hide_menu.gif) no-repeat center top;
}

.off {
	background: url(/gfx/menu/show_menu.gif) no-repeat center top;
}

/***************************** Pager ******************************************/

.pager {
	margin-top: 		1em;
	position: 			relative;
	text-align: 		center;
}

.pager .back {
	position: 			absolute;
	left: 				0;
}

.pager .next {
	position: 			absolute;
	right: 				0;
}

.pager .current {
	padding: 			0 0.2em 0 0.2em;
}

/***************************** Calendar ***************************************/

#overDiv {
	width: 				250px;
}

#overDiv table {
	width: 				100%;
}

#overDiv .close a {
	position: 			relative;
	top: 				-5px;
	left: 				5px;
}

#overDiv .shown, #overDiv .shift td, #overDiv .calmonth td{
	text-align: 		center;
}

/***************************** Record x of y ***********************************/

.recordxofy {
	margin-top: 		0.5em;	
	text-align: 		center;
}

/***************************** Rechten ***********************************/
.td_rechten {
	padding: 			2px;
	vertical-align: 	middle;
}

.td_rechten img {
	vertical-align:		middle;
}

th .checkbox_rechten {
	vertical-align:		middle;
 	width: 				2em;
}

.checkbox_rechten{
	vertical-align:		middle;
 	width: 				2em;
 	border: 			0px;
}

.rechten_table thead tr {
	border-right:		1px solid black;
}

span.inline_group_block span {
	display: 			block;
}

/**************************** Forms **************************************/
#content table {
	width: 				100%;
}

#search_form_advanced input.number, search_form_advanced input.time {
	width: 				20em;
}

.form_error {
	margin-bottom: 		1em;
}

.form_error li {
	margin-left: 		50px;
}

.form_error img {
	vertical-align: 	middle;
	margin-right: 		10px;
}

label.error img {
	vertical-align: 	middle;
}

form table label.image span {
	vertical-align: 	-0.4em;
}

form table td {
	border-bottom: 		none;
	padding: 			0.2em 0.4em 0.2em 0.4em;
}

form table td.description {
	padding-right: 		2em;
	white-space: 		nowrap;
     
}
form table td.description_inline {
  padding-right: 		2em;
  white-space: 		    nowrap;
  vertical-align:       bottom;
  font-weight:		    bold;
}

form table td.value {
	width: 				100%;
}

form table label.image input, form table .submit {
	margin-top: 		0.8em;
}

input, textarea {
	padding-left: 		0.2em;
	padding-right: 		0.2em;
	text-align: 		left;
	margin: 			0px;
	width: 				20em;
}

input {
	height:				1.5em;
	padding-top:		1.9px;
	vertical-align:		middle;
}


textarea {
	height: 			10em;
}

.textarea_big {
	width: 				40em;
	height: 			20em;
}

input.checkbox, input.radio {
	height: 			1em;
	width: 				1em;
	vertical-align: 	middle;
	border: 			none;
	margin-right: 		0.5em;
}

select {
	width: 				20.4em;	
	
	/*position:absolute;	*/
	/*z-index: 1;*/
}

input.image {
	width: 				auto;
	padding: 			0;
	border: 			0;
}

input.submit {
	width: 				10em;
	text-align: 		center;
}

input.number, input.date, input.time {
	width: 				6.8em;
}

input.codeinvoer{
  width: 				10.2em;
}

input.postcode {
	width: 				8.5em;
}

#content .optlist, #selectform .optlist {
	width: 				20.3em;
}

input.smalltext {
	width: 				7.6em;
}

input.tinytext {
	width: 				3.4em;
}

#content .optlist, #selectform .optlist {
	height: 			5em; 
	padding-left: 		2px; 
	overflow: 			auto;
}

.button2 {
	height:				2em;
	width:				20em;
	padding:			1px;
	cursor:				pointer;
	text-align:			center;
}

td.value label {
	margin-right: 		0.5em;
}

td span.group span a, td span.group span label {
	margin-right: 		1em;
}

a span.description {
	margin-left: 		0.4em;
}

td span.group span a {
	vertical-align: 	-0.3em;
}

form .calendar {
	margin-left: 		6px;
	padding-top: 		3px;
	vertical-align: 	middle;
}

label input {
	vertical-align: 	middle;
}

label span {
	margin-left: 		0.5em;
}

tr.seperator h4 {
	margin-top: 		0.2em;
	margin-bottom: 		0.2em;
	font-size: 			1em;
}

.seperator img {
	margin-right: 		0.5em;
}

/**************************** Tables **************************************/
table td.actions {
	text-decoration: 	none;
}

tr.inactive *, td.inactive {
	/*text-decoration: 	line-through;*/
}


.noborder_center {
	text-align: 		center;
}

caption {
	text-align: 		right;
}


table {
	border-collapse: 	collapse;
	border: 			0px;
}

table td {
	padding: 			2px;
	text-align:			left;
}


table th {
	text-align:			left;
	padding: 			5px;
	white-space: 		normal;
	width: 				auto;
	background-image: -webkit-gradient(
    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, rgb(110,216,243)),
	    color-stop(0.56, rgb(158,219,219))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(110,216,243) 11%,
	    rgb(158,219,219) 56%
	);
	-moz-border-radius: 5px 5px;
	-border-radius: 5px 5px;
}

table th.collapseColumn {
	width:				20px;
	white-space: 		nowrap;
}

table .actions {
	padding-right: 		0.3em;
	text-align: 		right;
}

table .actions .label {
	display: 			none;
}

table .check {
	padding-left: 		0.3em;
	text-align: 		left;
}

/**************************** Login **************************************/
#loginform {
	width: 				30em;
	float: 				none;
	margin: 			20% auto 0 auto;
	padding: 			0;
}

#loginform caption {
	padding: 			0.3em 0 0.4em 0;
	padding-left: 		15px;
	text-align: 		left;
}

#loginform table {
	width:				100%;
}

#loginform td.description {
	padding: 			0 1em 0 1em;
	text-align: 		center;
}

#loginform td.description img {
	vertical-align:		150%;
}

#loginform .first td {
	padding-top: 		2em;
}

#loginform .last td {
	padding-bottom: 	2em;
}

#loginform #username {
	width: 				12em;
}

#loginform #password {
	width: 				8em;
}

#loginform input.image {
	vertical-align: 	text-bottom;
	width: 				auto;
	border: 			0;
}

/**************************** Softwareupdate **************************************/

#updatetable {
	width: 				40em;
	float: 				none;
	margin: 			20% auto 0 auto;
	padding: 			0;
}

#updatetable td {
	text-align:				center;
	border:				0;
}

/**************************** Systeem **************************************/


table.systeeminfo {
	width: 				26em;
	border: 			0px;
}

caption.systeeminfo {
	width: 				26em;
	text-align: 		left;
	padding-bottom: 	0.2em;
}

td.systeeminfo {
	width: 				13em;
	border: 			0;
}

tr.systeeminfo {
	border: 			0;
}

div.systeeminfo {
	width: 				99%;
	text-align: 		center;
}

img.systeeminfo {
	padding: 			5px 15px;
}

/**************************** Inline table **************************************/
#inline_tables div {
	width:				100%;
}

#inline_tables div table td {
	width:				25%;
}


/**************************** Dashboard **************************************/

.dashboard_table{
	position:			relative;
}

.dashboard_td{
	font-weight:		bold;
	border:				none;
	text-align:			center;
	padding:			30px 0px 30px 0px;
	
}

.dashboard_td span{
	text-align:			center;
	font-weight:		bold;
}