/* 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: #FFA500;
}
.cx_pageheadertitle {
 padding: 15px 5px 15px 5px;
 background-color: #FFA500;
 font-family: verdana,arial,sans-serif;
 font-weight: bold;
 font-size: 16px;
 color: #FFFFFF;
 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: #EFECDC;
}

/* 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: 1px solid #000000;
 padding: 4px;
 background-color: #FFFFFF;
 font-size: 11px;
 white-space: nowrap;
 font-weight: bold;
 font-style: normal;
}
.cx_disabledbutton {
 border: 1px solid gray;
 font-size: 11px;
 color: #AAAAAA;
 background: #EEEEEE;
 padding: 4px;
 white-space: nowrap;
}
.cx_button a {
 font-size: 11px;
 text-decoration: none;
 color: #3650C4;
}
.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: #FFFFFF;
}
.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-right: 5px;
 padding-left: 5px;
 padding-bottom: 2px;
 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-right: 5px;
 padding-left: 5px;
 padding-bottom: 2px;
 margin-left: 10px;
 font-family: verdana;
 opacity: 0.7;
 filter: alpha(opacity=70);
 background-color: #F2F9EC;
}
.cx_selectedtab {
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 2px;
 white-space: nowrap;
 font-size: 11px;
 font-family: verdana;
 color: #000000;
 background: #CFD3D3;
}
.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-right: 5px;
 padding-left: 5px;
 padding-bottom: 2px;
 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: #FFFFFF;
}
.cx_table {
 background: transparent;
}
.cx_columnheader {
 padding: 4px;
 background-color: #FFCC66;
 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: #FFE699;
}
.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: verdana;
 color: black;
 font-weight: normal;
 font-size: 11px;
}
.cx_calendar .navigation {
 background: #F0F0F0;
}
.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;
 height: 16px;
 background: white;
 font-weight: nprmal;
 color: #444444;
}
.cx_calendar .day {
 text-align: center;
 line-height: 18px;
 background: #F0F0F0;
}
.cx_calendar .weeknr {
 text-align: center;
 font-size: 10px;
 color: gray;
 padding: 3px;
}
.cx_calendar .currentday {
 border: 1px solid #FF3C2A;
}
.cx_calendar .day a {
 display: block;
 width: 25px;
 height: 20px;
 color: black;
 text-decoration: none;
}
.cx_calendar .day a:hover {
 background-color: #9e9e9e;
 color: white;
}
.cx_calendar .chosenDay {
 background-color: #9e9e9e;
}
.cx_calendar .chosenDay a {
 color: white;
}

/* dropdown checklist */

.cx_checklist {
 position:absolute;
 border:1px solid gray;
 width:250px;
 height:200px;
 overflow-y: auto;
 padding:4px;
 font-family:verdana;
 font-size:10px;
 background:white;
 z-index:100;
}
.cx_checklistcontainer {
 border: 1px solid #aaaaaa;
 width: 180px;
 padding: 2px;
 background-image: url(/engine/images/checklist.gif);
 background-repeat: no-repeat;
 background-position: right;
}
.cx_checklistdropdown {
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 height: 13px;
 overflow: hidden;
 width: 165px; 
 white-space: nowrap;
}


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

/*
 * Thema sessie stuff
 */
 .ThemeDetail {
   margin-right: 20px;
 }
.ThemeDetail table, .PageNavigation {
  font-family: verdana,arial,sans-serif;
  font-size: 10px;
}
.ThemeDetail DL { 
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px; BORDER-BOTTOM: #b5bac9 1px solid }
.ThemeDetail DD {
    MARGIN-LEFT: 5px 
}
.ThemeDetail .NonFloated DT { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
.ThemeDetail .NonFloated DD { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
.ThemeDetail DT { DISPLAY: inline; FONT-SIZE: 11px }
.ThemeDetail DD { DISPLAY: inline; FONT-SIZE: 11px }
.ThemeDetail DT { FONT-WEIGHT: bold; COLOR: #2d4492 }
.ThemeDetail H1 { FONT-SIZE: 14px; COLOR: #2d4492; FONT-WEIGHT: bold; }
.ThemeDetail H2 { FONT-SIZE: 12px; MARGIN: 10px 0px 2px; BORDER-BOTTOM: #b5bac9 1px solid }

td.past a { color:gray; }

/* Voor CMS-pagina's de lijsten aangepast */ 
ul { 
	margin: 0px;
	padding: 0px;
}
li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 0px;
}

/* Vaste formulieren netjes uitlijnen */

#cx_form-3936 .cx_fieldlabel {
 width: 210px;
}
#cx_form-4057 .cx_fieldlabel {
 width: 150px;
}
#cx_form-4057 .cx_header {
 width: 420px;
}
.cx_button {
 border: 1px solid #febb4a;
}