/* system.css */
* {
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

table {
	border-collapse		: collapse;
}

legend {
	font-weight	: bold;
}
legend img {
	vertical-align: middle;
}
/* <p> tag has no margin, because WYSIWYG editor inserts <p> on enter */
p {
	margin				: 0px;
}
img {
	border				: 0px;
}

.brclear { /* Use a break with this class to clear float containers */
	clear				: both;
	height				: 0;
	margin				: 0;
	font-size			: 1px;
	line-height			: 0;
}

/* Paging */
.paging {
	margin-top		: 1px;
	width			: 100%;
	text-align		: center;
}
.paging_current_page {
	border			: 1px solid #CCCCCC;
	padding-left	: 2px;
	padding-right	: 2px;
}

/* Error */
.error-popup {
	margin	: 10px;
}
.error-popup .buttonrow {
	position	: absolute;
	bottom		: 10px;
	right		: 10px;
}
.required {
}

.inline_error {
	color				: #C00000;
}
.inline_warning {
}

/* Standard list table style */

/* Row colors */
.list .odd td {
	background	: #FFFFFF;
}
.list .even td {
	background	: #EAEDF6;
}

.list {
	width				: 100%;
}

.list thead tr, .list .header {
	height		: 24px;
	background	: #DCE1F0;
	color		: #000000;
}

.list td {
	border				: #F0F0F0 solid 1px;
	padding				: 1px 3px 1px 2px;
	margin				: 1px 1px 1px 1px;
	vertical-align		: middle;
}

.list thead td, .list .header td {
	white-space			: nowrap;
}

.list img {
	vertical-align		: middle;
}

.checkboxtd {
	text-align			: center;
}
/* Highlight color */
.checkboxtdlightblue {
	text-align			: center;
	background-color	: #EFEFEF;
}
.checkboxcolumn {
	width				: 16px;
}

/* form styles */
label {
	cursor				: pointer;
}
label:hover {
	background	: #EEF3F9;
	color		: #000000;
}

form {
	display	: inline;
	width	: 100%;
}

fieldset {
	padding-left		: 10px;
	padding-right		: 10px;
	padding-bottom		: 10px;
}

.menupositioninput, .input {
	font-family			: verdana, helvetica, sans-serif;
	font-size			: 8pt;
}

/* Layout of a standard form */
.itemform td, .itemformtd {
	padding				: 2px;
}
/* Class of a sub table of itemform */
.subitemform, .subitemform td {
	padding				: 0px;
	margin				: 0px;
}

.menupositioninput {
	border				: 2px inset #FFFFFF;
	background-color	: #FFFFFF;
	cursor				: pointer;
	padding				: 1px;
}
.menupositioninput img {
	vertical-align		: middle;
	cursor				: pointer;
}

.formkey {
	width				: 120px;
}
fieldset .formkey {
	width				: 100px;
}

/* Standard inputfield sizes */
.inputxsmall {
	width				: 72px;
}
.inputsmall {
	width				: 115px;
}
.inputmedium {
	width				: 180px;
}
.inputlarge {
	width				: 330px;
}
.inputxlarge {
	width				: 460px;
}

/* Full size forms */
table.inputmax {
	width				: 100%;
}
table.inputmax td {
	white-space			: nowrap;
}
span.inputmax input {
	width				: 100%;
}
span.inputmax textarea {
	width				: 100%;
	height				: 100px;
}
/* TR with button row for items: save, cancel, etc */
.buttonrow {
	text-align			: right;
}

/* If an <option> background is dark, the text color must be white */
.darkoption {
	color				: #FFFFFF;
}

.forummessageinput {
	width	: 100%;
	height	: 80px;
}

.multipleselect {
	width		: 100%;
	overflow	: auto;
}
.multipleselect .selected {
	background-color	: Highlight;
	color				: HighlightText;
}
.multipleselect .unselected {
	background-color	: transparent;
	color				: inherit;
}
.multipleselect label {
	display	: block;
}

/* toolbar styles */
.toolbar {
	width		: 100%;
	background	: #E8EBFA;
	color		: #000000;
}

.toolbar, .toolbar *, .tbar, .tbar * {
	font			: normal 11px 'tahoma', 'verdana', 'helvetica', sans-serif;
	vertical-align	: middle;
}
.toolbar *, .tbar * {
	vertical-align		: middle;
}

.toolbar select	{
	height		: 18px;
	border		: 1px solid #7293BE;
	margin		: 0px 0px 0px 0;
	padding		: 0;
}
.toolbar img {
	margin				: 0;
	width				: 16px;
	height				: 16px;
	vertical-align		: middle;
}
img.separator {
	width				: 2px;
	height				: 16px;
}
img.dropmenu {
	width				: 7px;
	height				: 16px;
}
* html #set_builder_type {
	height		: 16px;
}
.toolbar td, .toolbartd, .tbar {
	background		: url(/image/shared/default/toolbar/bg_glass.jpg) #E8EBFA repeat-x;
	height			: 24px;
	border-top		: 1px solid #CFD7EA;
	border-bottom	: 1px solid #E6EAF3;
	padding			: 1px 2px 1px 2px;
}

.toolbar td span, .toolbartd span {
	cursor	: pointer;
}
.seloff, .selon, .selup, .seldown {
	padding	: 1px;
	margin	: 0 1px 0 0;
}
.seloff {
	padding: 2px;
}

.selon, .selup {
	border		: 1px solid #7293BE;
	background	: #CDDFF4;
}
.seldown {
	border		: 1px solid #7293BE;
	background	: #DDEFF4;
}
.selup {
	background	: #CDDFF4;
}
.toolbar-btn {
	border		: 1px solid #7293BE;
	background	: #CDDFF4;
}


/* Toolbar pulldown menu */
.menuon {
	background-color	: #EBF3FD;
	color				: #000000;
	cursor				: pointer;
}
a.menuon:hover, .menuon * {
	color				: #FFFFFF;
	cursor				: pointer;
}
.menuoff {
	background-color	: #F0F0F0;
	cursor				: pointer;
}

/* Drop down menu's special characters */
.charmenu {
	border				: 1px solid #718BB7;
	display				: none;
	background-color	: #F0F0F0;
	vertical-align		: middle;
	font				: normal 11px tahoma, verdana, helvetica, sans-serif;
	text-decoration		: none;
	text-align			: left;
}
.charmenu a {
	text-decoration		: none;
}
.charmenu td {
	width				: 22px;
	height				: 22px;
	cursor				: pointer;
	text-align			: center;
}
#tableMenu .dropmenu-row {
	width	: 70px;
	height	: 24px;
	padding	: 2px;
}

/* Toolbar pulldown filter form */
.filter_form {
	border				: 1px solid #718BB7;
	position			: absolute;
	width				: 250px;
	background-color	: #F0F0F0;
	vertical-align		: middle;
	display				: none;
	font				: normal 11px tahoma, verdana, helvetica, sans-serif;
}
.filter_form * {
	font				: normal 11px tahoma, verdana, helvetica, sans-serif;
}
.filter_form select {
	width	: 100%;
}

/* Top admin toolbar */
.toptoolbar {
	margin		: 0px;
	padding		: 0px;
	text-align	: left;
	width		: 100%;
	z-index		: 1;
}

.toptoolbar .toolbar {
	display: none;
}

.admin_mode_button {
	position	: absolute;
	right		: 2px;
	top			: 2px;
	margin		: 2px;
	z-index		: 2;
	width		: 16px;
	height		: 16px;
}
/* Admin pulldown menu */
.admin_menu {
	width		: 180px;
	margin		: 2px;
	padding		: 2px;
}
.admin_menu * {
	white-space	: nowrap;
	font-size	: 11px;
}

.admin_submenu {
	width				: 160px;
	margin				: 2px;
	border				: 1px solid #718BB7;
	padding				: 2px;
	display				: none;
	background-color	: #F0F0F0;
	position			: absolute;
	left				: 180px;
	margin-top			: -20px;
}

/* Drop down menu items style */
.dropmenuitem span {
	display	: block;
	width	: 100%;
	cursor	: pointer;
}
a.dropmenuitem span {
	background	: #F0F0F0;
	color		: #000000;
	border		: 0px solid transparent;
	padding		: 3px 3px 3px 5px;
}
a.dropmenuitem:hover span {
	background-color	: #EBF3FD;
	color				: #000000;
	text-decoration		: none;
	border				: 1px solid #C3DAF9;
	padding				: 2px 2px 2px 4px;
}
.dropmenuitem img {
	vertical-align: middle;
}

.list td.permreadtrue {
	background-color	: #C0FFC0;
}
.list td.permreadfalse {
	background-color	: #FFC0C0;
}

.icon {
	width	: 16px;
	height	: 16px;
}

.list td.inpublicationtrue {
	background-color	: green;
}
.list td.inpublicationfalse {
	background-color	: red;
}

sup, sub {
	line-height	: 1px;
}

.refreshcaptcha {
	margin-right	: 5px;
	vertical-align	: top;
	width			: 150px;
}
.captchainputlabel {
}
#captchaimg {
	border	: 1px solid #000000;
}

.langbuttonNLNL, .langbuttonENGENG {
	background-color: #5BB8D9;
}

.printr {
	float			: left;
	margin			: 5px;
	padding			: 2px;
	border			: 1px dashed black;
	font-family		: monospace;
	font-size		: 9pt;
	text-align		: left;
	clear			: both;
	background		: #FFFFFF;
	color			: #000000;
	white-space		: pre;
}

.hosting-co2-neutral {
	text-align	: right;
}
.hosting-co2-neutral img {
	width	: 64px;
	height	: 34px;
}

.wholepage-empty {
	background-color	: #FFFFFF;
	margin				: 0;
}

/* ControlPanel */
.permission_true {
	background-color	: #90EE90;
}
.permission_false {
}