/* Crossmarx Header: DO NOT REMOVE!
 * Style Sheet standard2.css versie 1.0
 * Maart 2007
 */

/* 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: 12px;
	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_input, .cx_select, .cx_textarea, .cx_cell, .cx_fieldlabel, .cx_editablecell, .cx_editablefield, .cx_field, .cx_graphic, .cx_text {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	vertical-align: top;
}
.cx_searchboxlabel {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
}
.cx_spacer {
	border: none;
	width: 4px;
	background: transparent;
}

/* 2. SURROUNDING PAGE */

.cx_container {
	background-color: #FFFFFF;
	padding: 10px;
}
.cx_body-standard {
	background-color: #EFECDC;
}
.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;
	font-style: italic;
	padding-top: .5em;
	text-align: center;
}

.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_pageheader {
	background-color: #EFECDC;
}
.cx_pageheadertitle {
	background-color: #376DC7;
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: white;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
}
.cx_dropdownmenudiv {
	height:22px; /* needed by FF */
}

/* 4. FRAME DIVS */

#cx_leftpanecontainer {
	vertical-align: top;
	width:25%;
}
#cx_rightpanecontainer {
	vertical-align: top;
	 width:75%;
}
#cx_leftpane {
	 width:100%;
	 height:100%;
	 overflow-x: auto;
}
#cx_rightpane {
	width:100%;
	height:100%;
	margin-left: 5px;
}
#cx_dragline {
	cursor:w-resize;
	border-right-width: 4px;
	border-right-style: inset;
	border-right-color: #666666;
}

/* 5. BUTTONS */

.cx_buttons {
	margin-top: 5px;
	margin-bottom: 5px;
}
.cx_buttons td {
	font-size: 12px;
	border: 1px solid #000000;
	background: #EEEEEE;
	padding: 4px;
	white-space: nowrap;
}
.cx_buttons td.cx_spacer {
	border: none;
	padding: 0px;
	background: transparent;
}
.cx_buttons a {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.cx_buttons-local-nav-at-table a {
	text-decoration: underline;
}
.cx_buttons-local-menu td {
  border:none;
  background:white;
}
td.cx_button {
  border:1px solid black;
  background: #EEEEEE;
}


/* 6. TAB PANEL */

.cx_tabcontainer {
	padding: 4px;
}
.cx_tabs td.cx_spacer {
	background-color: transparent;
}
.cx_tableft {
	width: 0px;
}
.cx_tabright {
	width: 0px;
}
.cx_tab {
	white-space: nowrap;
	font-size: 12px;
	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: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	background-color: #EEEEEE;
}
.cx_nestedtab {
	white-space: nowrap;
	font-size: 12px;
	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: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin-left: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background-color: #EEEEEE;
}
.cx_selectedtab {
	white-space: nowrap;
	font-size: 12px;
	color: #000000;
	background: #D2DBEA;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
}
.cx_nestedselectedtab {
	white-space: nowrap;
	font-size: 12px;
	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;
}
.cx_rowheader {
	font-size: 12px;
	color: #000000;
	background-color: #9999ff;
	font-weight: bold;
}
.cx_tab a, .cx_nestedtab a {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
}
.cx_tab a:hover, .cx_nestedtab a:hover {
	color: #999999;
}

/* 7. FIELDLINES */

.cx_fieldlines td {
	font-size: 12px;
	vertical-align: top;
}
.cx_fieldlabel {
	white-space: nowrap;
}

/* 8. TABLES */

.cx_tableinfo td {
	white-space:nowrap;
	border: 0px solid white;
	background: transparent;
}
.cx_table td {
	white-space:nowrap;
	font-size: 12px;
	padding: 3px;
}
.cx_cell-clickable {
	cursor: pointer;
}
.cx_table .cx_wrap {
	white-space:normal;
}
.cx_buttons-header {
	background-color: #8DAEDB;
	padding: 8px 0px 8px 4px;
}
/* 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: #E3F0F2;
}
.cx_selectedrow {
	background-color: whitesmoke;
}
.cx_tabcontainer .cx_selectedrow {
    background-color: bluesmoke;
}
.cx_columnheader, .cx_columnheader .cx_spacer {
	background-color: #E4E4E4;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}
.cx_tabcontainer .cx_buttons-header, .cx_tabcontainer .cx_columnheader, .cx_tabcontainer .cx_spacer {
	background-color: transparent;
}
.cx_tabcontainer td.cx_columnheader {
	border-bottom: 1px solid gray;
}
.cx_tableinfo a.cx_a {
	text-decoration: underline;
}
.cx_table a.cx_a {
	font-size: 12px;
	color: navy;
	text-decoration: none;
	border-bottom: 1px solid navy;
	background: transparent;
}

/* 9. TREE */

.cx_tree td {
	font-size: 12px;
	white-space:nowrap;
}
a.cx_node {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a.cx_node:hover, a.cx_selectednode {
	font-size: 12px;
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
}
.cx_number {
	font-family: courier,monospace;
	font-size: 12px;
	text-align: right
}

/* 10. MESSAGES AND TITLES */

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

/* 11. MISSCELLANEOUS */

/* popupbox */

 .cx_popupboxtopbar {
	cursor: move;
	background-color: #376DC7;
	height: 16px;
}
.cx_popupboxtitle {
  color: white;
  font-size: 12px;
}
.cx_popupboxcontrolimage {
  height: 16px;
	cursor: default;
}

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