/* Last mofified: 18-08-2010, 9:54 by Taco */

/* Instead of @importing the separate stylesheets as in original files or Dirk-Jan, we have to combine the several stylesheets, since these are loaded after the Starterskit-set */

/* start markup.css */

/* this div is to align em.messages and the paging component */
div.wrap {
    position: absolute !important;
    top: 4.6em !important;
    right: 0 !important;
    width: 100%;
    z-index: 10;
}

em.messages {
    display: block;
    float: left;
    color: #000;
    position: relative;
    top: .1em;
    font-style: normal;
    font-weight: bold;
    margin-right: 3em;
}

#contentbox ul { /* override avb behaviour */
    margin: auto;
}

/* reset th and td styles from scherm.css */
#content th, #content td {
    border: 0;
    padding: 0;
    margin: 0;
    border-left: 0 !important;
}

/* width a virus alert, block overflow and lighten background behind the alert */
body.error {
    overflow: hidden !important
}

.block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(skin/block.png) repeat;
    z-index: 199
}

#confirm {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 118px;
    margin: -125px 0 0 -150px;
    padding: 25px;
    background: #deeff6;
    border: 3px solid #c5c5c5;
    z-index: 200;
    text-align: left
}

#confrm p {
    font-size: 1.2em
}

/* only one error possible here */
p.error-app, p.success-app, div.system-message {
    position: absolute !important;
    width: 100%;
    color: #000 !important;
    line-height: 1.7em;
    z-index: 1000;
    top: -.1em;
    margin-top: 0;
    width: 92%;
    background: #fef1bc url(skin/message_info.png) 0.5em 0.5em no-repeat;
    padding: 4px 10px 6px 34px !important;
}

.non-absolute > p {
    position: unset !important;
}

p.error-app.size23, p.success-app.size23, div.system-message.size23 {
    width: 59% !important
}

p.p-accent {
    top: -1em;
}

div.system-message {
    z-index: 10;
    height: auto !important;
    position: relative !important;
    top: -1.6em;
}

div.system-message fieldset.actions {
    position: relative;
    top: -2.5em;
    width: 28% !important;
}

div.system-message fieldset.actions input {
    border: 1px solid #000;
}

.generic-error p.error-app, .generic-error .generic-error, p.error-app.generic-error {
    width: 58%;
    top: 1.3em;
}

.login p.success-app, .login p.error-app {
    top: -1.9em;
    width: 94%;
}

a.nocursor {
    cursor: default !important;
}

.relatedpane h2.contact {
    border: 0;
    color: #000;
    padding: 0;
}

/* power options component */
.controls {
    position: relative;
    top: .55em;
    width: 49%;
    margin: .1em 0 .1em .5em !important;
    color: #666;
    z-index: 10;
}

.controls em {
    font-style: normal;
}

.controls a {
    background-color: #fff;
    text-decoration: underline;
    padding: 0 .3em 0 0;
    color: #666;
    cursor: pointer;
}

.controls a:hover, .controls a:active, .controls a:focus {
    text-decoration: none;
    color: #000;
}

/* ------ accessible and semantic table of messages component (for tabular data) ------ */
table.messages {
    border-collapse: collapse;
    margin: .7em 0 .6em 0 !important;
    width: 98.5%;
    clear: both;
}

table.messages tbody a, table.messages tbody a:link, table.messages tbody a:visited, table.messages tbody a:hover {
    color: #000;
}

table.messages thead th {
    vertical-align: middle;
}

/* sortable table head */
table.messages thead tr th {
    font-size: 1.1em;
}

table.messages thead th a, table.messages thead th a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #154273 !important;
}

table.messages thead th a:hover, table.messages thead th a:active, table.messages thead th a:focus {
    text-decoration: underline;
    color: #0162cd !important;
}

table.messages thead th.active {
    background-color: #deeff6
}

table.messages thead th.active a {
    font-weight: bold;
}

table.messages fieldset {
    margin: 0;
    padding: 0;
}

table.messages thead th.sort-asc a {
    background: url('skin/icon-sort-asc-active.png') 95% 50% no-repeat;
    padding-right: 1.8em;
}

table.messages thead th.sort-desc a {
    background: url('skin/icon-sort-desc-active.png') 95% 50% no-repeat;
    padding-right: 1.8em;
}

table.messages tr td {
    vertical-align: top;
    font-size: 1.1em;
    border-bottom: 2px solid #fff !important;
    overflow: hidden !important;
}

table.messages tr td, table.messages tr th {
    padding: 1px 0 2px 0 !important; /* pixels to ensure aligning with messageboxnavigation */
    vertical-align: baseline;
}

table.messages tr { /* pixel perfect aligning of rows */
    line-height: 15px !important;
}

table.messages tr td p {
    white-space: nowrap;
    overflow: hidden !important;
    margin: 0;
    padding: 0;
}

table.messages tr td span input {
    margin-top: .3em
}

/*
table.messages td.subject p {
	width:33.5em!important;
}

table.messages td.from p, th#from {
	width:15em!important;
}
*/
table.messages img {
    margin-bottom: 0
}

/* set widths of ths and tds */
table.messages tbody tr td.date, table.messages th.date {
    width: 20%
}

table.messages tbody tr td.attachment, table.messages th.attachment {
    width: 7%;
    max-width: 42px;
}

table.messages tr td.from, table.messages th.from,
table.messages tr td.to, table.messages th.to,
table.messages tr td.subject, table.messages th.subject {
    width: 35%;
    max-width: 236px;
}

table.messages tr td.from, table.messages tbody tr td.to, table.messages tbody tr td.subject, table.messages tbody tr td.date, table.messages td.attachment,
table.messages tr th.from, table.messages th.to, table.messages th.subject, table.messages th.date, table.messages th.attachment {
    padding-left: .5em !important;
}

table.messages th.attachment, table.messages td.attachment {
    padding-right: .5em !important;
}

table.messages tbody tr.last td {
    border-bottom: 1px solid #666;
}

/* it's more accessible to put img's readstatus and attachment in the html */
table.messages tbody td.date {
    width: 15em !important;
    overflow: hidden;
}

/* keyboard navigation messages */
table.messages tbody a:active, table.messages tbody a:focus {
    display: block;
    background-color: #bddfed;
}

table.messages tbody tr.unread a:active, table.messages tbody tr.unread a:focus {
    display: block;
}

table.messages tr.myhover, table.messages tbody tr:hover td {
    cursor: pointer;
    background: #bddfed;
}

table.messages .checkerhover td {
    cursor: pointer;
    background: #bddfed;
}

table.messages tbody a:hover, table.messages tbody a:active, table.messages tbody a:focus {
    text-decoration: none;
}

caption {
    visibility: hidden;
}

table.messages tbody label {
    position: absolute;
    left: -999em;
}

table.messages a.nodec {
    text-decoration: none;
}

table.messages tr.unread td p, table.messages tr.unread td {
    font-weight: bold;
}

/* read/forward message screen */
h2 {
    font-weight: normal !important;
}

h2.add, em.add {
    display: block;
    font-size: 100%;
    margin: 2.4em 0 1em 0;
    font-style: normal;
    font-weight: normal !important;
    border: 0;
    color: #000;
    padding: 0;
}

h2.original {
    margin-bottom: 0 !important;
    font-style: normal;
    font-weight: normal !important;
    border: 0;
    color: #000;
    padding: 0 !important;
}

em.add {
    margin-top: 1em !important;
}

/* -------------------------------- searchresults -------------------------------- */

.search-recipient, .custom-search {
    margin-top: 2.4em !important;
    position: relative;
    width: 100%;
    float: left;
    padding: 0;
    border: 1px solid #666 !important;
    padding: 0 !important;
    /*	overflow:hidden; */
}

.search-recipient {
    height: 30em;
}

.search-recipient div.results {
    float: right;
    width: 65%;
    height: 30em;
    overflow: auto;
}

.search-recipient div.categories {
    position: absolute;
    width: 15em;
    height: 20em;
    left: 0;
    top: .4em;
    overflow: hidden;
}

/* .search-recipient .actions {
	position:absolute!important;
	top:25em;
	left:1em;
	width:7em;
} */

.search-recipient .secondary {
    position: absolute !important;
    top: 24.5em;
    left: 1em;
    width: 8em;
    padding: .2em .4em;
}

.custom-search {
    border-color: #fff !important;
    overflow: visible !important;
    padding-top: 0 !important;
    position: relative;
}

.custom-search div {
    width: 100%;
}

.custom-search .formview .searchcontacts {
    margin-top: -.05em !important;
    height: 1.9em;
}

.custom-search label {
    margin: .15em 0 0 0;
    width: 12.5em !important;
    padding: 0 0 0 1em;
    font-size: 1em;
}

.custom-search input.text {
    font-size: 1.1em !important;
    width: 16em !important;
    height: 1.26em;
    margin: 0 1em 0 0
}

.searchcategories {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.searchcategories li {
    background: none;
}

.searchcategories li a {
    display: block;
    width: 100%;
    line-height: 1.6em;
    position: relative;
    text-decoration: none;
}

.searchcategories li a, .searchcategories li a:visited, .searchcategories li em {
    color: #154273;
    text-decoration: underline;
}

/*.searchcategories li {
	border-bottom:1px solid #fff;
} */

.searchcategories li em {
    font-style: normal;
    margin-left: .2em;
}

.custom-search .searchresults {
    float: none;
    height: auto;
}

.searchcategories li a:hover, .searchcategories li a:focus, .searchcategories li a:active,
.searchcategories li a:hover em, .searchcategories li a:focus em, .searchcategories li a:active em {
    text-decoration: underline;
    color: #0162cd;
}

.searchcategories li.active {
    font-weight: bold;
}

/* original
.searchresults {
	width:100%!important;
	overflow:hidden;
	float:left;
	border-top:1px solid #dadbe2;
	margin:0!important;
	padding:0!important;
}
*/
.searchresults li a {
    display: block;
    width: 100% !important;
    overflow: hidden;
    line-height: 1.6em;
    background: url("skin/icon-arrow-right-bl.png") 3px .8em no-repeat;
    text-decoration: none !important;
    padding: .2em 0 .2em 1.4em;
    white-space: normal;
}

.searchresults li a span {
    display: block;
    white-space: normal;
    width: 91%;
}

.searchresults li {
    list-style: none !important;
    margin-left: 0 !important;
    overflow: hidden;
    width: 100% !important;
}

.searchresults li a:hover {
    color: #154273;
    background-color: #bddfed !important;
}

.custom-search .searchresults {
    width: 65% !important;
    position: relative;
    float: right;
}

.custom-search .searchresults li a {
}

/* -------------------------------- end searchresults -------------------------------- */

/* -------------------------------- manage folders and the table in config government --------------- */

table.standard-messages { /* table for tabular data */
    width: 90%;
    margin-top: -.5em;

}

table.folders {
    border-collapse: collapse;
    margin-left: 0;
    margin-top: -2em;
    width: 98%;
}

.w90 {
    width: 90%;
}

table.folders tbody tr td, table.standard-messages tbody tr td {
    height: 2.6em;
    vertical-align: middle;
}

table.folders thead, table.standard-messages thead {
    display: none;
}

table.folders tbody tr td.input {
    padding-left: 2em !important;
    background: #fff url("skin/icon-folder.png") 0% 50% no-repeat;
}

table.standard-messages tbody tr td.input {
    padding-left: 2em !important;
    background: #fff url("skin/icon-standard-messages.png") 1% 50% no-repeat;
    max-width: 236px;
    overflow: hidden;
}

table.folders a span, table.standard-messages a span {
    position: absolute;
    left: -999em;
}

table.folders td.delete a, table.folders td.sort a, table.standard-messages td.delete a {
    display: block;
    width: 1em;
    height: 1.2em;
    float: right;
    background: #fff 0% 50% no-repeat;
}

table.folders td.delete a, table.standard-messages td.delete a {
    background-image: url("skin/icon-close.png");
}

table.folders td.sort a {
    background-image: url("skin/icon-arrow-up.png");
}

table.folders input {
    border: 1px solid #000;
    width: 100%;
    height: 1.5em;
    padding-left: 2px;
}

table.folders td.sort, table.folders td.delete, table.standard-messages td.delete {
    width: 2em;
    background: #fff;
}

fieldset.manage.folders .actions {
    position: relative;
    top: -2.5em;
}

fieldset.manage.folders {
    position: relative;
    top: -.4em;
}

/* -------------------------------- end manage folders -------------------------------- */

/* -------------------------------- standard message -------------------------------- */

h2 {
    margin-top: 3.1em;
    /*	font-size:100%; */
    padding-bottom: .5em;
}

h2.sub {
    color: #000;
    margin: .9em 0 .3em 0;
    border: 0;
    padding: 0;
}

h2.legend {
    font-size: 100%;
    font-weight: bold !important;
    margin: 0 0 -1.6em 0;
}

/*div.contentpane h2:first-child {
	margin-top:2.3em;
}
*/
div.contentpane ul {
    margin: 0 0 2.2em 0;
}

/* -------------------------------- end standard message -------------------------------- */

a.functional-link, a.functional-link:visited {
    display: block;
    text-decoration: none;
    border-top: 1px solid #dedfde;
    border-bottom: 1px solid #dedfde;
    margin: 1em 0 1em 0;
    padding: 0 0 .2em 0;
    line-height: 1.8em;
    color: #000;
}

a.functional-link:hover, a.functional-link:focus, a.functional-link:active {
    border-bottom-color: #000 !important;
}

a.functional-link:focus, a.functional-link:active {
    width: 99.5%;
}

/*a.external {
	background:url("/images/bg_icon_extern.gif") 99% 50% no-repeat;
}

a.external:hover, a.external:focus, a.external:active {
	background:url("/images/bg_icon_extern_hover.gif") 99% 50% no-repeat;
	overflow:hidden;
}
*/
p.info {
    margin: 1em 0 1em 0;
    border: 0;
}

h2.control {
    margin-bottom: -1em !important;
}

/*.no.accent {
	border:0;
	padding-bottom:0;
}*/

div.additional-info {
    position: relative;
    top: 1em;
}

.linklist a {
    background-position: 99% 50% !important;
}

/* -------------------------------- config  -------------------------------- */

div.contentpane.config p.info {
    margin: .65em 0 0 0;
}

div.contentpane.config li.messagetext + li h2:first-child {
    margin-top: 5.1em !important;
}

div.contentpane.config h2.manage {
    margin-top: 2em !important;
}

table.standard-messages a.edit {
    background-image: url("/images/mb/icon-edit.png");
}

table.standard-messages a.add {
    background-image: url("/images/mb/icon-add.png");
    background-position: 0% 50% !important;
    width: 1.1em;
}

table.standard-messages tr td {
    border-bottom: 1px solid #dedfde !important;
    border-top: 1px solid #dedfde !important;
}

table.standard-messages {
    margin-top: -.5em;
    border-collapse: collapse;
}

/* login screens, some adjecent selectors to realise pixel perfectness without adding extra classes in the html */

div.contentpane.login fieldset .formview + h3 {
    margin-top: 1.3em;
}

div.contentpane.login fieldset + h2 {
    margin-top: .35em !important;
}

div.contentpane.login h2 {
    margin-top: 1.8em !important;
}

h2.accent {
    margin-top: 1em !important;
}

h2 + ul.linklist.accent {
    border: 0 !important;
    position: relative;
    top: -.4em;
}

/* fix for register entrepreneur */
.outside.config h1 {
    position: relative;
    top: 2em;
    left: 0;
}

.outside.config p.error-app {
    width: 92%;
}

h2.level {
    margin-top: 5em;
}

/* login ul.users */
ul.users {
    border: 1px solid #ccc;
    margin: 1em 0 .5em 0 !important;
    width: 74%;
    float: right;
}

ul.users li {
    padding: .5em 1em .5em 0;
    overflow: hidden;
}

ul.users li span, ul.users li a {
    display: block;
    float: left;
    line-height: 1.8em;
}

ul.users li a.trash {
    margin: .3em 0 0 .5em;
}

ul.users em {
    color: #999;
    position: relative;
    top: -.1em;
    left: .5em;
    width: auto;
}

.login ul li, .login ol li {
    list-style-type: disc;
}

#contentbox ul.viewer li {
    margin-left: 1.5em !important;
    list-style: disc !important;
    list-style-position: outside !important;
    display: list-item !important;
}

body.e404 h2 {
    color: #CE0008;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 160%;
    font-weight: normal !important;
    line-height: 1.22;
    margin: 2.2em 0 0.2em;
    border: 0 !important;
}

body.e404 div.contentpane h2:first-child {
    margin-top: 0em;
}

body.e404 h1 {
    margin-bottom: -1em !important;
}

/* end markup.css */

/* start general.css */
/* ------------------------------------ messagebox wireframe  ------------------------------------ */

.messagebox #content {
    width: 104%;
    overflow: visible;
    position: relative;
}

/*
.messagebox #content div {
	overflow:hidden;
} */

.messagebox #content p.breadcrumbs, .portal #content p.breadcrumbs {
    position: relative;
    top: .1em;
}

#content div.main {
    top: 3.25em !important;
}

#content div.messages {
    margin-top: 3.6em !important;
}

#content {
    margin-bottom: .3em;
    padding-bottom: 3.3em !important;
}

#personalisation {
    position: absolute;
    top: 5.8em;
    right: .5em;
    z-index: 999;
}

#personalisation a {
    color: #ce0008;
    text-decoration: none;
}

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

.messages div.contentpane {
    float: left;
    width: 64% !important;
    padding-right: 1em !important;
    text-align: left !important;
}

div.contentpane.full {
    width: 100% !important;
}

div.sidepane {
    width: 32% !important;
    float: right;
}

.messagebox .relatedpane {
    position: absolute;
    height: 4px;
    top: -4px;
    right: 0;
    width: 25% !important;
}

.messagebox #content h1 {
    margin: 0;
}

.portal #content h1 {
    margin: 1.3em 0 1.1em 0;
}

.messagebox #subnavigation h2 {
    position: relative;
    top: .25em;
    font-size: 150%;
    font-weight: bold !important;
    left: 1.9em;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    color: #000;
    padding: 0;
}

.portal #subnavigation h2 {
    position: absolute;
    left: -999em;
}

.messagebox #subnavigation ul {
    margin-top: 2.15em !important;
}

.portal #subnavigation ul {
    margin-top: 1.9em !important;
}

.messagebox #subnavigation ul ul, .portal #subnavigation ul ul {
    margin-top: 0 !important;
}

#search h2 {
    border: 0;
    font-weight: normal !important;
}

/* Element sizes */
.width-xsmall {
    width: 5%;
}

.width-smaller {
    width: 10%;
}

.width-small {
    width: 15%;
}

.width-medium {
    width: 35%;
}

.width-large {
    width: 55%;
}

.width-xlarge {
    width: 75%;
}

.width-xxlarge {
    width: 100%;
}

.textbrowse {
    position: absolute;
    left: -999em;
}

.alt-header {
    visibility: hidden;
    position: absolute;
}

.alt-subheader {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.altbrowse {
    visibility: hidden;
}

/* reset these styles in the avb framework  */

#contentbox ul li,
#contentbox ol li {
    background: none;
    padding: 0;
    margin: 0;
    list-style: none !important;
    display: block !important;
}

#contentbox ol, #contentbox ul {
    margin-left: 0 !important;
}

/* end general.css */

/* start navigation.css */
/* ------------------------------------ top menu  ------------------------------------ */

ul.in-column-menu {
    width: 100%;
    position: relative;
    margin-top: 1.4em !important;
    clear: both;
    /* height:30px;*/
    /*height:2.3em;;*/
    height: auto;
    overflow: hidden;
}

ul.in-column-menu li {
    display: block;
    background: #fff;
    float: left;
    height: 30px;
    position: relative;
    margin: 0 !important;
    padding: .25em 1em 0 0 !important;
}

ul.in-column-menu li.newline {
    clear: both !important;
    width: 90%;
    border-top: 1px solid #fff;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px;
}

ul.in-column-menu li.disabled input {
    cursor: default;
}

ul.in-column-menu li label {
    position: absolute;
    left: -999em;
}

ul.in-column-menu fieldset {
    padding: 0 .2em 0 .2em;
}

ul.in-column-menu select {
    margin: 0 .15em 0 .15em;
    /*	font-family: Verdana, Arial, sans-serif; */
    font-size: 1.1em;
    min-width: 0;
    padding: .1em;
}

ul.in-column-menu select.folder-select {
    width: 150px;
}

ul.in-column-menu li.disabled select {
    color: #8c8c8c;
    border: 1px solid #8c8c8c;
}

ul.in-column-menu li.disabled fieldset {
    position: relative;
    top: -.15em;
}

ul.in-column-menu li.disabled input.submit {
    background: #dedede;
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
    cursor: default;
}

/* ------------------------------------ messagebox navigation  ------------------------------------ */

.messageboxnavigation li a strong {
    font-weight: normal;
}

.messageboxnavigation li a {
    width: 16.6em;
    padding: .2em .5em .2em 3.4em !important;
}

.messageboxnavigation li.inbox a {
    background: url("skin/icon-inbox.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.inbox.active a {
    background: #bddfed url("skin/icon-inbox.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.sentitems a {
    background: url("skin/icon-sentitems.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.sentitems.active a {
    background: #bddfed url("skin/icon-sentitems.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.concepts a {
    background: url("skin/icon-concepts.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.concepts.active a {
    background: #bddfed url("skin/icon-concepts.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.trashcan a {
    background: url("skin/icon-trashcan.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.trashcan.active a {
    background: #bddfed url("skin/icon-trashcan.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.folder a {
    background: url("skin/icon-folder.png") 18px .6em no-repeat !important;
}

.messageboxnavigation li.folder.active a {
    background: #bddfed url("skin/icon-folder.png") 18px .6em no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.folders a {
    background: url("skin/icon-folders.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.folders.active a {
    background: #bddfed url("skin/icon-folders.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.config a {
    background: url("skin/icon-config.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.config.active a {
    background: #bddfed url("skin/icon-config.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.messageboxnavigation li.authorization a {
    background: url("skin/icon-config.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.authorization.active a {
    background: #bddfed url("skin/icon-config.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

.searchtext {
    margin-left: 39px;
}

.searchvalue {
    background: url("skin/icons.png") 18px -703px no-repeat !important;
}

.searchvalueinput {
    margin-left: 39px;
}

.spacer30 {
    height: 30px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.messageboxnavigation li.standards a {
    background: url("skin/icon-standard-messages.png") 18px 50% no-repeat !important;
}

.messageboxnavigation li.standards.active a {
    background: #bddfed url("skin/icon-standard-messages.png") 18px 50% no-repeat !important;
    border-style: solid;
    border-width: 1px;
}

/* space between sections */
.messageboxnavigation li.trashcan, .messageboxnavigation li.folders, .messageboxnavigation li.standards, .messageboxnavigation li.searchvalue {
    margin-bottom: 2.2em;
}

/* end navigation.css */

/* start forms.css */
body.grootst #content form {
    margin-top: -.4em;
}

legend.hidden {
    display: none;
}

[disabled] {
    background-color: #fff;
}

.formview {
    margin: 0 0 2.2em 0 !important;
    padding: 0 !important;
    clear: both;
}

.formview.actions {
    margin-top: -2.2em !important
}

.formview.actions li, .formview li.actions {
    background: #fff !important
}

div.contentpane.login .formview {
    margin-top: 1.05em !important;
}

.formview.view {
    margin-top: 1em !important;
}

.formview li, .formview li.view-formdata {
    clear: both;
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
    overflow: auto;
    position: relative;
    background: #fff;
}

.formview li fieldset {
    float: right;
    width: 74.5%;
    margin-top: .2em;
}

/**/
.formview li.view-formdata p {
    padding: 0 0 1.6em !important;
}

.formview input.standardsearch {
    width: 60%;
    float: left;
    font-size: 100%;
    height: 1.5em;
    padding: .2em .35em .1em .35em;
    border: 1px solid #000;
    font-size: 1em;
}

/**/
.formview input.standard {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.1em;
    width: 22.2em;
    float: right;
    border: 1px solid #000;
    /*padding:.1em 0 .25em .35em;*/
    padding: 0.2em;
    margin: .3em 0 .2em 0;
    height: 1.2em;
}

.formview input.readonly {
    border-color: #f5f5f5;
    background: #f5f5f5;
}

div.contentpane.config .formview input.standard {
    width: 22.2em;
}

div.contentpane p.mandatory {
    margin: 2em 0 -0.8em 0 !important;
}

div.contentpane legend {
    padding-bottom: 0;
}

div.contentpane.config {
    margin-top: 2em;
}

div.contentpane.config .formview {
    margin-top: 1em !important;
}

.formview .select {
    width: 25em;
    position: relative;
}

.formview .searchcontacts {
    display: inline;
    background-color: #deebe3;
    color: #000;
    height: 2.05em !important;
    position: absolute;
    right: 0;
    z-index: 1;
    padding: .2em .5em .5em .5em !important;
    width: 7.2em;
    /* margin-top:-.1em;*/
    border: 1px solid #000;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
}

.formview li.view-formdata em {
    display: block;
    font-style: normal;
}

.formview textarea.full-width {
    width: 34em;
}

div.contentpane.config .formview em span {
    display: block;
    font-style: italic;
    padding: 0 !important;
    width: 100% !important;
}

.formview label, .formview em {
    display: block;
    float: left;
    width: 25%;
    text-align: left;
    line-height: 2.1em;
}

/**/

/* the labels are bigger in the config screens (122px) */
div.contentpane.config .formview label, div.contentpane.config .formview em {
    width: 26.5%;
}

.formview select {
    font-size: 1em;
    margin: .3em 0 .2em .1em;
    padding: 0 0 .1em .2em;
}

select.with-button {
    min-width: 0;
    width: 19.5em !important;
    margin-right: .3em;
    padding: .1em .1em .2em 0;
}

div.contentpane.config .formview select {
    margin-left: .4em;
}

.formview li.view-formdata span, .formview li.view-formdata strong {
    display: block;
    width: 65%;
    float: left;
    line-height: 1.5em;
    padding: .3em 0 0 .55em;
    overflow: hidden;
}

.info.help {
    clear: both;
    color: #666666;
    font-size: 90%;
}

/* different size for config screens */
div.contentpane.config .formview li.view-formdata span, div.contentpane.config .formview li.view-formdata strong {
    width: 67.1%;
    padding-left: .9em;
}

ol.attachments li {
    list-style: none !important;
    margin-left: 0 !important;
    margin-bottom: .5em !important;
}

ol.attachments a, ol.attachments span {
    padding-left: 1.5em;
    text-decoration: none;
    background: url(skin/icon-attachment.png) 0% 1px no-repeat;
}

/* jbi17568: toevoeging vanwege digitaal signeren */
ol.attachments span.no_check {
    /* padding-left: 5px; */
    background: url(/images/slot_nocheck.png) 0% 1px no-repeat;
}

ol.attachments span.ds_valid {
    /* padding-left: 5px; */
    background: url(/images/slot_dsvalid.png) 0% 1px no-repeat;
}

ol.attachments span.ds_invalid {
    /* padding-left: 5px; */
    background: url(/images/slot_dsinvalid.png) 0% 1px no-repeat;
}

ol.attachments a:hover {
    text-decoration: underline;
    color: #000;
}

ol.attachments a.external {
    background: url(skin/icon-attachment.png) 0% 1px no-repeat !important;
    padding: 0 0 0 1.5em;
}

ol.attachments a.trash {
    background: url(skin/icon-close.png) 100% 50% no-repeat !important;
    padding-right: .5em;
    width: 1em;
    height: 1em;
}

ol.attachments a.trash span {
    position: absolute;
    left: -999em;
}

ol.attachments li.virus a, ol.attachments li.virus span {
    background: url(skin/icon-attachment-virus.png) 0% 1px no-repeat;
    color: #fb0808;
    font-weight: bold;
}

div.sidepane p.information {
    margin-top: 1.5em;
    color: #6f6f6f;
}

.formview .attachments ol, .formview .viewattachments ol {
    position: relative;
    width: 69%;
    margin: 0 0 0 25%;
    clear: both;
    top: -2em;
}

.formview .wide label {
    width: 100%;
}

.attachments label, .attachments em {
    margin-top: 1em;
}

.attachments a.trashcan {
    position: absolute;
    top: 0;
    right: -2.3em;
    border-bottom: 1px solid #ccc;
    height: 97.9%;
    width: 1em;
    background: url("../img/icon-delete.png") 0% .45em no-repeat;
}

.attachments a.trashcan span {
    position: absolute;
    left: -999em;
}

.attachments a.trashcan.first {
    border-top: 1px solid #dadbe2 !important;
    height: 92%;
}

.attachments a.trashcan:hover, .attachments a.trashcan:focus, .attachments a.trashcan:active {
    border-bottom-color: #000 !important;
}

/**/

fieldset.addattachment {
    width: 100%;
    position: relative;
}

fieldset.choosemessage {
    position: relative;
    top: 2.2em;
    right: 0;
    text-align: right;
}

fieldset.choosemessage select {
    font-size: 95%;
    width: 20em;
    border: 1px solid #000;
}

fieldset.choosemessage input, fieldset.addattachment input {
    font-size: 90% !important;
}

.formview button:hover, .formview button:focus, .formview button:active, .formview li button.add:hover {
    background-color: #000;
    border-color: #000 !important;
    cursor: pointer;
}

.formview textarea, .formview span.textfield {
    float: left;
    width: 97%;
    /*	padding:.5em; */
    height: 15em;
    overflow: auto;
}

textarea.disabled {
    background-color: #fff !important;
    color: #000 !important;
}

textarea#clone {
    visibility: hidden !important; /* should not be visible for screenreaders */
}

.shortmessagetext textarea {
    height: 10em;
}

label.add {
    font-style: italic;
    display: block;
    margin: 3.6em 0 1.2em 0;
}

input.file {
    font-family: Verdana, Arial;
    /*
        width:10em!important;
    */
    height: 2.1em;
}

input.addfile {
    height: 2.1em;
    clear: both;
    float: left;
    margin: .3em 0 .3em 0;
    width: 7.5em;
}

.formview button:hover, .formview button:focus, .formview button:active, .formview li button.add:hover {
    background-color: #000;
    border-color: #000 !important;
}

.formview .messagetext {
    padding-top: .7em;
    position: relative;
    /*top:1.5em!important;*/
    clear: both;
}

div.contentpane.config .formview .messagetext textarea {
    clear: none;
    width: 72.2%;
    float: right;
    position: relative;
}

div.contentpane.config .formview .messagetext {
    top: .9em !important;
}

.formview p.error {
    color: #e6000a !important;
    padding: 0 0 0 2em;
    background: transparent url(/images/bg_foutmelding.gif) no-repeat 0% .3em;
    margin: 1.5em 0 .5em 0;
    font-weight: bold;
}

div.contentpane.config p.error {
    margin: 1.8em 0 .4em 0;
}

/* div.contentpane.login p.error {
	margin:0 0 1em 0;
} */

.formview.view .messagetext {
    position: relative;
    /*top:.5em!important;*/
}

.formview .messagetext em, .formview .messagetext label {
    float: left;
    width: 12.5em;
    border: 0;
    display: block;
}

div.contentpane.config .messagetext label {
    position: relative;
    top: -.3em;
}

.formview li fieldset.actions {
    clear: both;
    width: 100% !important;
    float: left;
    margin: 1em 0 0 0 !important;
}

.formview li fieldset.actions.settings {
    padding-left: 12.6em;
    width: 66.5% !important;
}

.formview li fieldset.actions.settings .submit {
    margin-left: 0 !important;
}

fieldset.actions.accent {
    margin-top: .8em !important;
}

div.contentpane.login fieldset.actions {
    margin-top: 1.65em !important;
}

/*
div.contentpane.config fieldset.actions {
	width:14em!important;
	float:right;
	position:relative;
	top:-1.5em;
}
*/
.formview li fieldset.actions input {
    cursor: pointer;
    padding: .05em .5em .35em !important;
    font-size: 1.1em;
}

fieldset.actions input.submit {
    margin-left: 8px;
}

form input.option {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0.4em 1em;
    font-size: 1em;
    margin-right: 1em
}

form input.option, x:-moz-any-link {
    padding: .2em 1em
}

/* Firefox only */

form input.option.accent {
    font-weight: bold !important
}

fieldset.actions input.secondary, input.secondary.add, input.secondary {
    float: left;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    margin-right: .5em;
}

form input.secondary:disabled {
    background: #ccc;
    border: 1px solid #eee;
    color: #eee;
    cursor: pointer;
    font-weight: normal;
    margin: 0;
    padding: 0.4em 1em;
}

input.secondary.add {
    position: absolute;
    top: .3em;
    right: 0;
}

fieldset.actions input.right {
    float: right !important;
}

/* config */
p.reversed {
    width: 70%;
    height: 1.8em; /* fixed */
    position: relative;
    margin-bottom: .9em;
}

p.reversed input {
    margin: 0;
    padding: 0;
    width: 10%;
    position: absolute;
    left: -.5em;
    top: .4em;
}

p.reversed label {
    width: 80% !important;
    position: absolute;
    right: 0;
}

ul.reverse.radiobuttons input {
    position: relative;
    left: -1.3em;
}

ul.reverse.radiobuttons li {
    height: 1.8em; /* fixed */
    overflow: hidden;
}

ul.reverse.radiobuttons label {
    width: 93% !important;
    position: absolute;
    right: 0;
    top: -.1em;
}

ul.reverse.radiobuttons {
    width: 70%;
    float: left;
}

p.special {
    margin-top: .4em;
}

p.special label, p.special select {
    display: inline;
    width: auto;
    float: none;
}

p.special select {
    position: relative;
    top: 0;
}

/*.formview #signature {
	width:71.5%!important;
}*/

label em.signature {
    display: block;
    width: 100% !important;
    line-height: 1.5em;
}

.xx-large {
    width: 74.7% !important;
}

/* standard message screen */
.full .formview label {
    width: 25% !important;
}

.full .formview input.standard {
    width: 73.25% !important;
}

div.contentpane.full .formview .messagetext {
    top: .6em !important;
}

div.contentpane.full .messagetext label {
    top: -.2em;
}

li.disabled label {
    color: #ccc;
}

.obligatory.accent {
    border-top: 3px solid #ce0008;
    padding-top: .5em;
}

/*.captcha.display {
	margin-top:.5em;
	position:relative;
}

.captcha {
	margin-top:.5em;
	float:right;
}
*/
.refresh {
    width: 2.4em;
    height: 2.4em;
}

/* end forms.css */

/* start scaling.css */
/* ------------------------------------ resizes  ------------------------------------ */

/* scaling columns with javascript (usually wouldn't be neccessary but required because of the wrapping of the cells) */
body.kleinst table.messages td.subject p {
    width: 49em !important;
}

body.kleiner table.messages td.subject p {
    width: 42em !important;
}

body.groter table.messages td.subject p {
    width: 30em !important;
}

body.grootst table.messages td.subject p {
    width: 25em !important;
}

body.groter table.messages td.from p {
    width: 13em !important;
}

body.grootst table.messages td.from p {
    width: 10em !important;
}

/* scaling input elements */
body.groter ul.in-column-menu li input, body.groter ul.in-column-menu li select {
    position: relative !important;
    top: -.1em !important;
    margin-top: -.1em !important;
}

body.grootst ul.in-column-menu li input, body.grootst ul.in-column-menu li select {
    position: relative !important;
    top: -.2em !important;
    margin-top: 0 !important;
}

body.grootst table.messages td.from p {
    width: 10em !important;
}

/* end scaling.css */

#messageNavigationDiv {
    text-align: right;
}

.clearSearch {
    background: #fff url("skin/icon-close.png") no-repeat local center center;
    border: 1px solid #fff;
    color: transparent;
    cursor: pointer;
}