/* 1. GENERAL SETTINGS */

.cx_hiddenmarker {
	display: none;
}
.cx_body {
	font-family: verdana,arial,sans-serif;
	margin: 0px;
}
.cx_container { 
	padding: 10px; 
}
.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_input, .cx_select, .cx_textarea, .cx_cell, .cx_fieldlabel, .fieldlabel, .cx_editablecell, .cx_editablefield, .cx_field, .cx_graphic, .cx_text {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	vertical-align: top;
}
.cx_searchboxlabel {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;	
}
.cx_spacer {
	border: none;
	width: 4px;
	background: transparent;
}
.cx_login {
	border: 1px solid rgb(102,156,203);
}
.cx_login:hover {
	background: white;
}

/* 2. SURROUNDING PAGE */

.cx_surrounding-page-body {
	margin: 0px;
	background-color: #225787;
}
.cx_surrounding-page-header-with-buttons {
	text-align: right;
  background-color: rgb(102,156,203); 
}
.cx_surrounding-page-content {
	font-family: verdana,arial,sans-serif;
	background-color: #FFFFFF;
	padding: 1em;
	vertical-align: top;
}
.cx_signature {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #EEEEEE;
	padding-top: .5em;
	text-align: center;
}

/* 3. DROP DOWN MENU */

.cx_pageheader {
  background-color: rgb(102,156,203); 
	background:#225787;

}
.cx_pageheadertitle {
	display:none;
}
.cx_dropdownmenudiv {
	height:20px; /* needed by FF */
}

/* 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_buttons td {
	font-size: 11px;
	border: 1px solid rgb(102,156,203);
	background: #EEEEEE;	
	padding: 3px;
	white-space: nowrap;
}
.cx_buttons td:hover {
	background: #FFFFFF;	
}
.cx_buttons td.cx_spacer {
	border: none;
	padding: 0px;
	background: transparent;
}
.cx_buttons a {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.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 .modified {
	background: #D2DBEA;
}
.cx_buttons .modified a {
 	color: beige;
}
/* 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 {
	font-size: 11px; 
	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 {
	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: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin-left: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background-color: #EEEEEE;
}
.cx_selectedtab {
	font-size: 11px; 
	color: #000000; 
	background: #D2DBEA;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
} 
.cx_nestedselectedtab {
	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;
}
.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_fieldvalue {
	font-size: 11px; 
	vertical-align: top;
}
.cx_fieldlines .cx_fieldline {
	height: 20px;
}
.cx_fieldlines .cx_firstcolumn {
	width: 1%; 
}
#cx_field-24767 { background: white; padding: 8px; border: 1px solid gray; }


/* 8. TABLES */

.cx_tableinfo td {
	white-space:nowrap;
	border: 0px solid white;
	background: transparent;
}
.cx_table td {
	white-space:nowrap;
	font-size: 11px;
	padding: 3px;
}
.cx_cell-clickable {
	cursor: pointer;
}
.cx_table .cx_wrap {
	white-space:normal;
}
.cx_buttons-header {
	background-color: #8DAEDB;	
	padding: 8px;
}
/* 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: #F0F2E3;
}
.cx_table tr.cx_evenrow {
	color: #888888; 
} 
.cx_selectedrow {
	background-color: #FFFFFF;
} 
.cx_columnheader { 
	background-color: #E4E4E4;
	font-size: 11px; 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none; 
	vertical-align: middle;
}
.cx_tabcontainer .cx_buttons-header, .cx_tabcontainer .cx_columnheader {
	background-color: transparent;	
}
.cx_tabcontainer .cx_row { background: white; }
.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: 11px;
	color: navy;
	text-decoration: none;
	border-bottom: 1px solid navy;
	background: transparent;
}

/* 9. TREE */

.cx_tree td {
	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: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
}
.cx_number {
	font-family: courier,monospace; 
	font-size: 11px; 
	text-align: right
} 

/* 10. MESSAGES AND TITLES */

.cx_alert {
	font-size: 12px;
	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, .message-medium {
	margin-bottom: 2px;
	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: #D2DBEA; 
} 

/* 11. MISSCELLANEOUS */

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

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

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