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

* {
	padding: 			0;
	margin: 			0;
}

html, body {
	height: 			100%;
	overflow: 			hidden;
	

}

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 {	
	/*qwerty used to be: none*/
	/*text-decoration: 	underline;*/
	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;
}

div.radiobuts_0{
	width: 			100%;
	background: 	#dcdcdc;		
}
div.radiobuts_1{
	width: 			100%;
	background: 	#d0d0d0;		
}

div.radiobuts_0 input.radio{	
	margin-right: 		2em;
	margin-left: 		2em;	
}

div.radiobuts_1 input.radio{	
	margin-right: 		2em;
	margin-left: 		2em;	
}

/***popop prompt settings***/
div.popup{
    position: 			absolute;
    background-color: 	#A9F5F2;
    padding: 			10px;
	overflow:			auto;
	overflow-x:			hidden;
	margin:				20% auto auto auto;
}

div.popup .popupbuttons{
	 text-align: center;
	 padding: 5px 0 0 0;
}

div.popup button{
	padding: 3px 10px 3px 10px;
    margin: 0 10px;
}

.popupfade{
  background-color: #000000;
}

.load{
	background:url('gfx/load.gif') no-repeat center;
}
/***************************** Header **************************************/

#header {
	clear: 				right;
	/*width: 				95%;*/
	margin:				0.5em 0px 6px 6px;   
   /*margin-left:                    6px;*/
   margin-right:                    15px;
	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;
	border: 			1px solid;
}

.content_header {
	margin-left: 		0.5em;
}

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

/***************************** 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: 			55em;
	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;
}


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

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

.toolbar_desc{
	padding-right: 		15px;
}

.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.0em 0.6em 0.0em 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: 				left;
	height: 			95%;
	width: 				15em;
	overflow: 			auto;
	margin-left:		6px;
}

#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-color:		#FFFFFF;
	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;
}



/***************************** 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.value, td.value_female {
	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: 				15em;
}

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

.input_2cols {
	height:				1.5em;
	padding-top:		1.9px;
	vertical-align:		middle;
	width:              38em;
}

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;	*/
	 width: 				15.4em;
	
	 /*position:absolute;	*/
	/*z-index: 1;*/
}

.select_10 {
	width: 				10.4em;
}
.select_20 {
	width: 				20.4em;
}

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.postcode {
	width: 				8.5em;
}

input.smalltext {
	width: 				7.6em;
}

input.tinytext {
	width: 				3.4em;
}

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

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


.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;
}

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;
}


/**************************** 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;
}