/*
 * Generated CSS
 * Template: /engine/1.5/csstemplate/standard.vm
 * User Interface Version: 1.5
 * Author:  CrossmarX
*/

/* 1. GENERAL SETTINGS */

.cx_body {
 font-family: verdana,arial,sans-serif;
 margin: 0px;
 background-color: #FFFFFF;
}
.cx_form {
 margin: 0px;
}
a.cx_a {
 color: #376DC7;
 font-size: 11px;
 text-decoration: underline;
}
.cx_tableaction a.cx_a {
 padding-left: 2px;
 color: navy;
}
a:hover.cx_a, a:hover.cx_tableaction {
 color: black;
}
.cx_tableaction img {
 border: none;
}
.cx_textarea, .cx_fieldlabel, .cx_editablefield, .cx_field, .cx_graphic, .cx_text, .cx_searchboxlabel {
 font-family: verdana,arial,sans-serif;
 font-size: 11px;
 vertical-align: top;
}
.cx_subdued {
 color: gray;
}
.cx_input, .cx_select {
 font-family: verdana,arial,sans-serif;
 font-size: 11px;
 vertical-align: top;
}
.cx_spacer {
 border: none;
 width: 4px;
 background: transparent;
}
.cx_hiddenmarker {
 display: none;
}
/* 2. SURROUNDING PAGE */

.cx_body-standard {
 background-color: #EFECDC;
}
.cx_pageheader {
 background-color: #F5F5F5;
 border-bottom: 1px solid gray;
}
.cx_pageheadertitle {
 padding: 15px 5px 15px 5px;
 background-color: #F5F5F5;
 font-family: verdana,arial,sans-serif;
 font-weight: bold;
 font-size: 16px;
 color: black;
 text-align: left;
}
.cx_container {
 background-color: #FFFFFF;
 padding: 10px;
}
.cx_container-standard {
 font-family: verdana,arial,sans-serif;
 background-color: #FFFFFF;
 padding: 1em;
 vertical-align: top;
}
.cx_leftborder {
 background-image: url(/engine/images/leftborder.jpg);
 background-repeat: repeat-y;
 width: 7px;
}
.cx_rightborder {
 background-image: url(/engine/images/rightborder.jpg);
 background-repeat: repeat-y;
 width: 7px;
}
.cx_signature {
 font-family: Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
 padding-top: .5em;
 padding-bottom:.5em;
 text-align: center;
 color: black;
 background:white;
 border-top:1px dotted gray;
 text-decoration: none;
}
a.cx_signature:hover {
 text-transform: uppercase;
}
.cx_menudivider {
 height:4px;
 background-image: url(/engine/images/shadowHor.gif);
 background-repeat: repeat-x;
 background-position: top;
}
.cx_bottomline {
 height:2px;
 background-image: url(/engine/images/bottomLine.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

/* 3. DROP DOWN MENU */

.cx_dropdownmenu {
 background: transparent;
}

/* 4. FRAME DIVS */

#cx_leftpanecontainer {
 vertical-align: top;
 height: 100%;
}
#cx_rightpanecontainer {
 position: relative;
 vertical-align: top;
 width:100%;
 background: white;
}
#cx_leftpane {
 height: auto;
 /* Only IE needs this */
 _overflow-x: auto;
 _padding-bottom: 20px;
}
#cx_dragline {
 position: relative;
 cursor:w-resize;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: #aaaaaa;
 background: white;
}

/* 5. BUTTONS */

.cx_buttons {
 margin-top: 5px;
 margin-bottom: 5px;
}
.cx_button {
 border-right: 1px solid gray;
 border-bottom: 1px solid gray;
 padding: 6px 0px 6px 0px;
 background-color: #00349A;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 white-space: nowrap;
}
.cx_disabledbutton {
 font-size: 11px;
 color: #AAAAAA;
 background: #EEEEEE;
 padding: 4px;
 white-space: nowrap;
}
.cx_button a {
 font-size: 11px;
 padding: 6px;
 text-decoration: none;
 color: white;
}
.cx_buttons-local-nav-at-table {
 margin: 0px;
 padding: 0px;
}
.cx_buttons-local-nav-at-table .cx_button {
 padding: 0px;
 border: none;
 background: transparent;
}
.cx_buttons-local-nav-at-table a {
 text-decoration: underline;
}
.cx_buttons-local-table .cx_button {
 padding: 3px;
}
.cx_buttons-local-tree .cx_button {
 border-top: 1px solid #efefef;
 border-left: 1px solid #efefef;
 padding: 4px;
 background: #00349A;
}
.cx_buttons-local-menu td {
 border:none;
 background:white;
}
.cx_buttons .modified {
 background: #6B8E23;
}
.cx_buttons .modified a {
 color: beige;
}

/* 6. TAB PANEL */

.cx_tabcontainer {
 padding: 4px;
}
.cx_tabs .cx_spacer {
 background-color: transparent;
}
.cx_tableft {
 width: 0px;
}
.cx_tabright {
 width: 0px;
}
.cx_tab {
 border-top-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-left-style: solid;
 border-top-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-left-color: #CCCCCC;
 padding: 4px 4px 4px 4px;
 white-space: nowrap;
 font-size: 11px;
 font-family: verdana;
 background-color: #EEEEEE;
}
.cx_nestedtab {
 border-top-width: 1px;
 border-right-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-top-color: #666666;
 border-right-color: #666666;
 border-left-color: #666666;
 border-left-width: 1px;
 border-left-style: solid;
 padding: 4px 4px 4px 4px;
 margin-left: 10px;
 font-family: verdana;
 opacity: 0.7;
 filter: alpha(opacity=70);
 background-color: #F2F9EC;
}
.cx_selectedtab {
 padding: 4px 4px 4px 4px;
 white-space: nowrap;
 font-size: 11px;
 font-family: verdana;
 color: #000000;
 background: #D2DBEA;
}
.cx_nestedselectedtab {
 white-space: nowrap;
 font-size: 11px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-top-color: #666666;
 border-right-color: #666666;
 border-left-color: #666666;
 border-left-width: 1px;
 border-left-style: solid;
 padding: 4px 4px 4px 4px;
 background: $nestedselectedtabbg;
 font-family: verdana;
}
.cx_nestedselectedtab .cx_tabcontainer {
 border-right:1px solid gray;
 border-bottom:1px solid gray;
 border-left:1px solid gray;
 background: beige;
}
.cx_rowheader {
 font-size: 11px;
 color: #000000;
 background-color: #9999ff;
 font-weight: bold;
}
.cx_tab a, .cx_nestedtab a {
 text-decoration: none;
 font-size: 11px;
 color: #000000;
}
.cx_tab a:hover, .cx_nestedtab a:hover {
 color: #999999;
}

/* 7. FIELDLINES */

.cx_fieldlines  {
 font-size: 11px;
 vertical-align: top;
}
.cx_fieldlines .cx_fieldline {
 height: 20px;
}
.cx_fieldlines .cx_firstcolumn {
 width: 1%; 
}
.cx_fieldline  {
 padding-bottom: 5px;
 padding-top: 5px;
}
.cx_fieldlabel {
 white-space: nowrap;
}
.cx_fieldexplanation {
 padding-top: 15px;
 font-size: 11px;
 padding-bottom: 5px;
}
.cx_horizontal_line {
 background-image: url(/engine/images/horline.gif); 
 background-repeat: repeat-x; 
 height: 15px;
}
.cx_empty_line {
 height: 15px;
}
.cx_submitfailed {
 border-color: red;
 border-width: 2px;
}

/* 8. TABLES */

.cx_tableinfo {
 padding: 4px 0px 4px 0px;
}
.cx_tableinfo .cx_message-medium {
 margin: 0px
 white-space: nowrap;
}
.cx_buttons-header {
 border-bottom: 1px solid gray;
 padding: 4px;
 background-color: #8DAEDB;
}
.cx_table {
 background: transparent;
}
.cx_columnheader {
 padding: 4px;
 background-color: #E4E4E4;
 font-size: 11px;
 color: black;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 vertical-align: middle;
 cursor: pointer;
 white-space: nowrap;
}
.cx_cell {
 white-space: nowrap;
 font-size: 11px;
 padding: 4px;
 vertical-align:top;
}
.cx_cell-clickable {
 cursor: pointer;
}
.cx_wrap {
 white-space:normal;
}
.cx_cell a {
 font-size: 11px;
 color: #376DC7;
 text-decoration: none;
}
.cx_cell a:hover {
 text-decoration: underline;
 color: #376DC7;
}
.cx_table tr.cx_evenrow {
}
/* IE6 only to mimick hover pseudoclass behavior */
.cx_table tr.cx_row {
 behavior: url('/engine/hover.htc');
}
.cx_table tr.cx_row:hover, tr.hover {
 background-color: #EEEEEE;
}
.cx_selectedrow {
 background-color: #CDCDCD;
}
.cx_splittable {
 padding-right: 10px;
 padding-bottom: 10px;
}
.cx_tabcontainer .cx_selectedrow {
 background-color: #D8E7C5;
}
.cx_tabcontainer .cx_buttons-header, .cx_tabcontainer .cx_columnheader {
 background-color: transparent;
 border: none;
}
.cx_tabcontainer .cx_columnheader {
 border-bottom: 1px solid gray;
}
.cx_tableinfo a.cx_a {
 text-decoration: underline;
}

/* 9. TREE */

.cx_tree td {
 vertical-align:middle;
 font-size: 11px;
 white-space:nowrap;
}
a.cx_node {
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}
a.cx_node:hover, a.cx_selectednode {
 font-size: 11px;
 color: white;
 background-color: #AEAEAE;
 text-decoration: none;
 padding-top:2px;
 padding-bottom:2px;
}
.cx_selectedtab .cx_selectednode {
 background: whitesmoke;
 border: 1px dotted gray;
}
.cx_number {
 font-family: courier,monospace;
 font-size: 11px;
 text-align: right
}

/* 10. MESSAGES AND TITLES */

.cx_alert {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 4px;
 color: red;
}
.cx_message {
 font-size: 11px;
}
.cx_message-high {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 4px;
}
.cx_message-medium {
 font-size: 11px;
 font-weight: bold;
 margin-bottom: 4px;
}
.cx_description {
 font-size: 11px;
 font-weight: bold;
 vertical-align: top;
}
.cx_formtitle, .cx_formtitle1, .cx_formtitle2 {
 font-size: 11px;
 font-weight: bold;
 color: #000000;
}
.cx_header {
 font-size: 11px;
 font-weight: bold;
 color: black;
 background: transparent;
}

/* 11. MISSCELLANEOUS */

/* popupbox */

.cx_popupboxtopbar {
 cursor: move;
 background-color: #6B8E23;
 height: 18px;
}
.cx_popupboxtitle {
 color:beige;
}
.cx_popupboxcontrolimage {
 height: 16px;
 cursor: default;
}

/* collapsible paragraph */

.cx_legend {
 font-size: 11px;
}

.cx_collapsible_paragraph {
 margin-bottom: 6px;
 border: 1px solid #000000;
 background: beige;
 padding: 4px;
 display: none;
}
.cx_collapsible_paragraph .cx_table {
 border: none;
}
.cx_collapsible_paragraph .cx_buttons-header {
 border: none;
}

/* upload progress bar */

#cx_progressBar { padding-top: 5px; }
#cx_progressBarBox { width: 350px; height: 20px; border: 1px inset; background-color: #eee;}
#cx_progressBarBoxContent { height: 20px; background-color:#376DC7; width:0px;}

/* calendar */

.cx_calendar {
 border: 1px solid dimgray;
}
.cx_calendar table {
 font-family: Arial, Helvetica, sans-serif;
 color: black;
 font-weight: normal;
 font-size: 11px;
}
.cx_calendar .navigation {
 background: buttonface;
}
.cx_calendar .navigation img {
 margin-top: 2px;
}
.cx_calendar .navigation td {
 border-bottom: 1px solid dimgray;
 vertical-align: middle;
}
.cx_calendar .month {
 text-align: center;
 text-transform: capitalize;
 font-size: 12px;
}
.cx_calendar .weekday {
 text-align: center;
 width: 18px;
 height: 16px;
 background: white;
 font-weight: bold;
}
.cx_calendar .day {
 text-align: center;
 background: white;
}
.cx_calendar .currentday {
 border: 1px solid #FF3C2A;
}
.cx_calendar .chosenDay {
 background-color: #9e9e9e;
}
.cx_calendar .day a {
 display: block;
 width: 18px;
 height: 16px;
 color: black;
 text-decoration: none;
}
.cx_calendar .day a:hover {
 background-color: #9e9e9e;
}

/*
 * Popup windows windows_js
 */
 
.overlay_cx_popup {
 background-color: #666666;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}
.overlay___invisible__ {
 background-color: #666666;
 filter:alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;
}
.cx_popup_nw {
 width: 9px;
 height: 23px;
 background: transparent url(/engine/windows_js/themes/cx_popup/top_left.gif) no-repeat 0 0;    
}
.cx_popup_n {
 background: transparent url(/engine/windows_js/themes/cx_popup/top_mid.gif) repeat-x 0 0;  
 height: 23px;
}
.cx_popup_ne {
 width: 9px;
 height: 23px;
 background: transparent url(/engine/windows_js/themes/cx_popup/top_right.gif) no-repeat 0 0;   
}
.cx_popup_e {
 width: 2px;
 background: transparent url(/engine/windows_js/themes/cx_popup/center_right.gif) repeat-y 0 0; 
}
.cx_popup_w {
 width: 2px;
 background: transparent url(/engine/windows_js/themes/cx_popup/center_left.gif) repeat-y 0 0;    
}
.cx_popup_sw {
 width: 9px;
 height: 19px;
 background: transparent url(/engine/windows_js/themes/cx_popup/bottom_left.gif) no-repeat 0 0;     
}
.cx_popup_s {
 background: transparent url(/engine/windows_js/themes/cx_popup/bottom_mid.gif) repeat-x 0 0;   
 height: 19px;
}
.cx_popup_se {
 width: 9px;
 height: 19px;
 background: transparent url(/engine/windows_js/themes/cx_popup/bottom_right.gif) no-repeat 0 0;      
}
.cx_popup_sizer {
 width: 9px;
 height: 19px;
 background: transparent url(/engine/windows_js/themes/cx_popup/sizer.gif) no-repeat 0 0; 
 cursor:se-resize; 
}
.cx_popup_close {
 width: 23px;
 height: 14px;
 background: transparent url(/engine/windows_js/themes/cx_popup/close.gif) no-repeat 0 0;     
 position:absolute;
 top:5px;
 right:11px;
 /*left:8px;*/
 cursor:pointer;
 z-index:2000;
}
.cx_popup_minimize {
 width: 23px;
 height: 15px;
 background: transparent url(/engine/windows_js/themes/cx_popup/minimize.gif) no-repeat 0 0;      
 position:absolute;
 top:5px;
 /*left:28px;*/
 right:55px;
 cursor:pointer;
 z-index:2000;
}
.cx_popup_maximize {
 width: 23px;
 height: 15px;
 background: transparent url(/engine/windows_js/themes/cx_popup/maximize.gif) no-repeat 0 0;      
 position:absolute;
 top:5px;
 right:33px;
 /*left:49px;*/
 cursor:pointer;
 z-index:2000;
}
.cx_popup_title {
 float:left;
 height:14px;
 font-family: Tahoma, Arial, sans-serif;
 font-size:12px;
 text-align:center;
 width:100%;
 color:#000;
}
.cx_popup_content {
 overflow:auto;
 color: #DDD;
 font-family: Tahoma, Arial, sans-serif;
 font-size: 10px;
 background-color:#FFFFFF;
}
.top_draggable, .bottom_draggable {
 cursor:move;
}
.status_bar {
 font-size:12px;
}
.status_bar input{
 font-size:12px;
}
.wired_frame {
 display: block;
 position: absolute;
 border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
 display: block;
 position: absolute;
}
.dialog table.table_window  { 
 border-collapse: collapse; 
 border-spacing: 0; 
 width: 100%;
 margin: 0px;
 padding:0px;
}
.dialog table.table_window td , .dialog table.table_window th { 
 padding: 0; 
}
.dialog .title_window {
 -moz-user-select:none;
}                                                    


/* OVERRIDES AND EXTRA'S */

a.cx_a {
	font-weight: bold;
}

a:hover.cx_a, a:hover.cx_tableaction {
	color: gray;
}

/*
.cx_input, .cx_select {
    vertical-align:baseline;
}
.cx_searchboxlabel {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}
*/

.cx_button {
  border: 1px solid #cccccc;
  font-family: Verdana;
  text-align: center;
  padding: 2px;
  height: 20px;
  cursor: pointer;
}

.cx_disabledbutton {
  border: 1px solid #cccccc;
  color: gray;
  font-family: Verdana;
  background-color: #fff9ba;
  text-align: center;
  height: 20px;
  cursor: pointer;
}

.cx_button a {
    font-weight: bold;
	text-decoration: none;
}

.cx_buttons-local-nav-at-table a {
	color: black;
}

.cx_buttons-local-nav-at-table td.cx_button:hover, .cx_buttons-local-nav-at-tabl td.hover {
	border: none;
}

/* Table actions moeten er uit zien als buttons */

.cx_tableaction a.cx_a, td.cx_tableaction a.cx_a {
 color: white;
 background-color: #00349A;
 display: block;
 padding:4px;
 margin-right: 4px;
 text-decoration: none;
 white-space: nowrap;
 border: 1px solid #cccccc;
}

.cx_tableaction a.cx_a:hover, td.cx_tableaction a.cx_a:hover {
 border: 1px solid black; 
}

.cx_cell {
 font-family: verdana;
}

.panel a {
 color: black;
}
.panel td.cx_button:hover, .panel td.hover {
 border: none;
 border-top: 1px dotted #bbbbbb;
}

.cx_tab {
 font-size: 12px;
 padding:6px;
}

.cx_nestedtab {
 white-space: nowrap;
 font-size: 11px;
 border: none;
 padding: 4px;
 background: transparent;
}

.cx_selectedtab {
    font-weight: bold;
	background: #D2DBEA;
	padding: 6px;
}

.cx_tab a {
	text-decoration: none;
	color:#6581d4;
}
.cx_tab a:hover, .cx_nestedtab a:hover {
	color: black;
}

.cx_fieldvalue-27688 {
	white-space: nowrap;
}
.cx_fieldlinelabel {
	white-space: nowrap;
}
.cx_fieldexplanation {
 font-weight: bold;
}

.cx_buttons-header {
	padding: 4px 0px 4px 4px;
	border-bottom: 1px solid gray;
}

.cx_table {
 border-collapse: collapse;
 border: 1px solid #dddddd;
}

.cx_table tr.cx_row:hover, tr.hover {
	background: #F0F2E3;
}
.cx_tabcontainer .cx_table tr.cx_row:hover, tr.hover {
	background: #D2DBEA;
}

.cx_tabcontainer .cx_selectedrow {
    background-color: whitesmoke;
}

.cx_tableinfo a.cx_a {
	text-decoration: underline;
}
.cx_table a.cx_a {
	font-size: 11px;
	color: navy;
	text-decoration: underline;
	background: transparent;
}

a.cx_node:hover, a.cx_selectednode {
	color: #000000;
	background-color: #CDCDCD;
}

.cx_selectednode {
	background: whitesmoke;
}
.cx_text { font-family: arial;line-height:1.2em;font-size:12px; }
.cx_text h4 { font-size:1.2em; color:#0018a8; line-height:1.5em;}
#exclusief .cx_text h4 { color:#d0a40f; }
.cx_text p { padding-bottom:30px; }

.cx_buttons .modified {
  background: #0000A5;
  background: green;
}
.cx_buttons .modified a {
  color: white;
}
.cx_container {
 font-size: 11px;
}
.cx_tabcontainer {
 width: 840px;
}
.cx_tabcontainer .cx_columnheader {
 background: gray;
 color: white;
}
.cx_tabcontainer .cx_buttons-header {
 border-top: 1px solid gray;
 background: beige;
}
.cx_tabcontainer .cx_table {
 border: 1px solid gray;
 margin-top: 4px;
 background: whitesmoke;
}
.cx_tabcontainer .cx_table .cx_button a {
 color: #333333;
}
.cx_tabcontainer .cx_table .cx_button { border:none;border-right: 1px dotted gray; background: transparent; }
.cx_tableinfo .cx_message-medium {
 font-weight: normal;
}
.cx_paragraph {
 padding: 0px 0px 4px 0px;
 margin-bottom: 8px;
 border-bottom: 1px dotted gray;
 width: 100%;
}
.cx_nestedparagraph {
 margin: 0px;
 border: none;
}
.cx_disabled {
 background: whitesmoke;
 color: gray;
}
.cx_tableaction {
 padding-left: 2px;
}
.cx_searchboxlabel {
 vertical-align: middle;
}