/* 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_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;
 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_pageheader {
 background-color: #EFECDC;
}
.cx_pageheadertitle {
 background-color: #A5BE84;
 font-family: verdana,arial,sans-serif;
 font-weight: bold;
 font-size: 16px;
 text-align: left;
 color: white;
 padding: 15px 5px 15px 5px;
 text-align: left;
}
.cx_dropdownmenudiv {
 height:22px; /* 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_button {
 font-size: 11px;
 border-right: 1px solid gray;
 border-bottom: 1px solid gray;
 background: #EEEEEE;
 padding: 6px 0px 6px 0px;
 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: #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-local-tree .cx_button {
 border-top: 1px solid #efefef;
 border-left: 1px solid #efefef;
 padding: 4px;
 background: transparent;
}
.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 {
 white-space: nowrap;
 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: 4px 4px 4px 4px;
 background-color: #F2F9EC;
}
.cx_nestedtab {
 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;
 margin-left: 10px;
 opacity: 0.7;
 filter: alpha(opacity=70);
 background-color: #F2F9EC;
}
.cx_selectedtab {
 white-space: nowrap;
 font-size: 11px;
 color: #000000;
 background: #C1D7AE;
 padding: 4px 4px 4px 4px;
}
.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: #C1D7AE;
}
.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 {
 background-color: #C1D7AE;
 padding: 4px;
 border-bottom: 1px solid gray;
}
.cx_columnheader {
 padding: 4px;
 background-color: #E2E5E0;
 font-size: 11px;
 color: #000000;
 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: #F0F2E3;
}
.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: #A5BE84;
 text-decoration: none;
 padding-top:2px;
 padding-bottom:2px;
}
a.cx_newernode {
 font-size: 11px;
 text-decoration: none;
 color: green;
}
a.cx_oldernode {
 font-size: 11px;
 text-decoration: none;
 color: red;
}
a.cx_samenode {
 font-size: 11px;
 text-decoration: none;
 color: blue;
}
a.cx_changednode {
 font-size: 11px;
 text-decoration: none;
 color: brown;
}
a.cx_newernode:hover, a.cx_selectednewernode {
 font-size: 11px;
 text-decoration: none;
 background-color: #A5BE84;
 color: green;
 padding-top:2px;
 padding-bottom:2px;
}
a.cx_oldernode:hover, a.cx_selectedoldernode {
 font-size: 11px;
 text-decoration: none;
 background-color: #A5BE84;
 color: red;
 padding-top:2px;
 padding-bottom:2px;
}
a.cx_samenode:hover, a.cx_selectedsamenode {
 font-size: 11px;
 text-decoration: none;
 background-color: #A5BE84;
 color: blue;
 padding-top:2px;
 padding-bottom:2px;
}
a.cx_changednode:hover, a.cx_selectedchangednode {
 font-size: 11px;
 text-decoration: none;
 background-color: #A5BE84;
 color: brown;
 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;
}                                                    

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