#header {
  background-color: #2a2a2a;
  height:50px;
}
table.header {
  background-color: #2a2a2a;
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}
table.header td {
  border: 0px;
}
td.logo_img {
  padding-left: 10px;
  padding-top: 5px;
  border: 0px;
  width: 221px;
  vertical-align: middle;
}
td.logo_text {
  padding-top: 15px;
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
  text-shadow: 1px 1px 2px #000;
  border: 0px;
}

/**
 * main content
 */
div.main {
  display: table;
  width: calc(100% - 30px);
  min-width: 1180px;
  max-width: 1850px;
  margin-left: 10px;
  margin-bottom: 30px;
}

div.content {
  display: table-row;
}
div.article {
  display: table-cell;
  background-color: #fff;
  padding-left: 10px;
  width: calc(100% - 370px);
}

h1.article_title {
  font-size: 18px;
  font-weight: normal;
  color: #c00;
  padding: 15px 5px 10px 0px;
  margin: 0;
}
div.article_text {
  padding: 0px 5px 20px 0px;
}

/**
 * aside
 */
div.aside {
  display: table-cell;
  vertical-align: top;
  width: 350px;
  padding: 0px;
  padding-left: 20px;
}
div.aside_block {
  margin-bottom: 10px;
}
div.aside_title , div.aside_group_fields_label {
  background-color: #fff;
  font-size: 18px; 
  padding: 10px;
}
div.aside_title {
  border-bottom: 1px solid #eee;
}
div.aside_data {
  background-color: #fff;
}

div.aside_option , div.aside_link {
  border-bottom: 1px solid #eee;
  padding: 10px;
}
div.aside_option_icon , div.aside_option_label {
  display: table-cell;
  vertical-align: middle;
}
div.aside_option_label { padding-left: 10px; }

table.aside_links {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
}
div.aside_links_block_label {
  font-size: 18px;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
td.aside_links_block {
  vertical-align: top;
  padding: 0px;
  width: 50%;
}
div.aside_link a {
  color: #c00;
}
div.aside_link a:hover {
  color: #444;
}

/**
 * Aside calendar
 */
div.aside_calendar {
  background-color: #fff;
  padding: 10px;
}
div.aside_calendar_button {
  padding-left: 4px;
}

/**
 * Aside filter
 */
div.aside_group_fields_label {
  padding-bottom: 2px;
}
div.aside_filter_group_fields , div.aside_filter_action_buttons {
  background-color: #fff;
  padding: 10px;
  padding-top: 0px;
}
div.aside_filter_label_and_field {
  background-color: #f6f6f6;
}
div.aside_filter_label , div.aside_filter_field {
  display: table-cell;
  padding: 4px;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
div.aside_filter_label {
  width: 80px;
}
div.aside_filter_select_box {
  padding: 6px 6px 6px 4px;
  border-bottom: 1px solid #fff;
  width: 100%;
}
div.aside_filter_select_box select {
  width: calc(100% - 10px);
}

/**
 * Filter
 */
div.filter_select_box {
  padding: 8px 10px;
  border-bottom: 1px solid #eee;
}
div.aside_data select {
  width: 98%;
}
div.filter_submit_button {
  padding: 10px 10px 0px 10px;
}
div.filter_reset_button {
  padding: 0px 10px 10px 10px;
}

/**
 * footer
 */
#footer {
  background-color:#2a2a2a;
  position: fixed;
  bottom: 0px;
  left: 0px;
  font-size: 12px;
  padding: 10px;
  margin:0;
  margin-top: 10px;
  color:#eee;
  width: 100%;
}

.main {
  padding-bottom: 20px;
}

.pseudofield {
  padding: 3px;
  border-bottom: 1px solid #ccc;
  font-weight: bolder;
  font-size: 12px;
}

.mousepointer {
  cursor:pointer;
}


.alignright {
  float: right;
}

table.uform {
  margin: 0px;
  margin-bottom: 20px;    
  border: 0px;
  border-collapse: collapse;
}
table.uform td {
  background-color: #eee;
  padding: 4px 5px;
}

div.transaction_message_ok , div.transaction_message_failed {
  padding: 7px;
  color: #fff;
  width: 500px;
}
div.transaction_message_ok {
  background-color: #593;
}
div.transaction_message_failed {
  background-color: #900;
  color: #fff;
}
div.ucm_message_infos {
  background-color: #eed;
  border: 1px solid #ddc;
  color: #333;
  padding: 5px;
  font-family: monospace;
  width: 500px;
  margin-top: 35px;
  margin-bottom: 15px;
}
div.ucm_transaction_error {
  background-color: #900;
  padding: 5px;
  font-family: monospace;
  width: 500px;
  margin-bottom: 15px;
  color: #fff;
}
div.ucm_transaction_error a {
  color: #ff0;
}
div.ucm_transaction_error a:link,
div.ucm_transaction_error a:active,
div.ucm_transaction_error a:visited {
  color: #ff0;
}
div.ucm_transaction_error a:hover {
  color: #9ff;
}

div.ucm_transaction_warning{
  background-color: #963;
  border: 1px solid #222;
  color: #fff;
  padding: 3px;
  font-family: "Courier New", monospace;
  width: 500px;
  margin-bottom: 15px;
}
div.ucm_transaction_warning a {
  color: #ff0;
}
div.ucm_transaction_warning a:link,
div.ucm_transaction_warning a:active,
div.ucm_transaction_warning a:visited {
  color: #ff0;
}
div.ucm_transaction_warning a:hover {
  color: #9ff;
}

li.listOption {
  background-repeat: no-repeat;
}

.monospace {
  font-family: "Courier New", monospace;
  font-size: 12px;
}
input.monospace {
  font-family: courrier monospace;
  height: auto;
  font-size: 12px;
  text-align: left;
}

.sorted_null, .sorted_asc, .sorted_desc {
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
.sorted_null { background-image: url(../img/sort_null.gif); }
.sorted_asc  { background-image: url(../img/sort_asc.gif);  }
.sorted_desc { background-image: url(../img/sort_desc.gif); }

/**
 * paging
 */
table.list {
  width: 99%;
  border-collapse: collapse;
}
table.list td {
  border: 0px;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 5px;
}
table.list th {
  border: 0px;
  font-weight: normal;
  text-align: left;
  background-color: #3a3a3a;
  border-bottom: 1px solid #ddd;
  color: #fff;
  padding: 6px 5px;
}
tfoot.list td {
  background-color: #3a3a3a;
  color: #fff;
  padding: 5px;
}
tr.odd {
  background-color: #fff;
}
tr.even {
  background-color: #f3f3f3;
}

tr.retriever_odd {
  /* background-color: #efb; */
  background-color: #ce9;
}
tr.retriever_even {
  background-color: #ce9;
}

tr.retriever_even td , tr.retriever_odd td {
  font-weight: bolder;
}


table.ulist {
  margin: 0px;
  border: 0px;
}
th.uform {
  text-align: left;
}
td.uform_label {
  text-align: left;
  width: 130px;
  font-size: 12px;
  border: 0px;
}
td.uform_field {
  text-align: left;
  border: 0px;
}
td.uform_field , td.uform_label {
  background-color: #f6f6f6;
}

/**
 * paging
 */
div.box {
  display: inline-block;
  padding: 2px 3px;
  background-color: #f6f6f6;
  margin-bottom: 8px;
  border: 1px solid #efefef;
}
table.box_label_with_checkbox {
  background-color: #fff;
  border: 1px solid #ddd;
}
table.box_label_with_checkbox td {
  padding: 1px 2px 1px 4px;
}

/**
 * paging
 */
div.paging {
  margin-bottom: 10px;
}
a.paging, .curpage {
  border: 1px solid #fff;
  margin-left: 2px;
  text-align: center;
  padding: 3px 8px;
  width: 30px;
}
a.paging:link, a.paging:active, a.paging:visited {
  background-color: #eee;
  border: 1px solid #ccc;
  color: #333;
}
a.paging:hover {
  background-color: #666;
  border: 1px solid #333;
  color: #fff;
}
/* paging */
a.larrow {
  color: #fff;
}
a.larrow:link, a.larrow:active, a.larrow:visited {
  color: #fff;
}
a.larrow:hover {
  color: #999;
}

span.blocked_navigation_link{
  color: #999;
}

/** tablet oriented design ***************************************************/
.options_title {
  font-size: 16px;
}
.options_list {
  margin-top: 10px;
  margin-left: 10px;
  line-height: 150%;
  width: 320px;
}
div.stock_take_name {
  font-size: 16px;
  margin-bottom: 10px;
}

div.e_stock_take_option,
div.stock_take_option,
div.stock_take_back,
div.option {
  background-color: #f3f3f3;
  margin-top: 5px;
  padding: 7px;
  width: 300px;
}

div.stock_take_option {
  background-image: url(../img/stockTakeHandler.gif);
}
div.e_stock_take_option {
  background-image: url(../img/eStockTakeHandler.gif);
}
div.stock_take_back {
  background-image: url(../img/back.gif);
}
div.stock_take_option,
div.e_stock_take_option,
div.stock_take_back {
  background-repeat: no-repeat;
  background-position: 5px 50%;
  padding-left: 30px;
}

div.stock_take_action_buttons {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #dfdfdf;
  background-color: #f9f9f9;
  width: 99%;
}

div.scheduler {
  background-color: #f6f6f6;
  margin-right: 5px;
  max-width: 1200px;
  padding: 15px;
}
div.scheduler_block {
  margin-bottom: 20px;
  margin-right: 20px;
  float: left;
}
div.scheduler_show_button_on  , div.scheduler_show_button_off  ,
div.scheduler_stop_button_on  , div.scheduler_stop_button_off  ,
div.scheduler_start_button_on , div.scheduler_start_button_off {
  text-align: center;
  padding: 5px 10px;
  font-size: 14px;
  display: inline-block;
  width: 50px;
}
div.scheduler_show_button_off:hover  ,
div.scheduler_stop_button_off:hover  ,
div.scheduler_start_button_off:hover {
  font-weight: bolder;
  cursor: pointer;
}

div.scheduler_show_button_off  ,
div.scheduler_stop_button_off  ,
div.scheduler_start_button_off {
  background-color: #f3f3f3;
  color: #2a2a2a;
}
div.scheduler_show_button_on  ,
div.scheduler_stop_button_on  ,
div.scheduler_start_button_on {
  color: #fff;
}

div.scheduler_show_button_on {
  background-color: #4a4a4a;
}
div.scheduler_stop_button_on {
  background-color: #b00;
}
div.scheduler_start_button_on {
  background-color: #392;
}

div.scheduler_subtitle {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 5px;
  color: #36c;
}
/**
 * scheduled job viewer
 */
div.scheduled_jobs_viewer {
  float: none; 
  clear: both; 
  margin-top: 25px; 
  margin-right: 10px;
}

div.scheduled_jobs_viewer_title {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 5px;
  color: #2a2a2a;
}
div.scheduled_jobs_viewer_not_found {
  color: #888;
  padding: 10px 0px 20px 2px;
  font-size: 16px;
}

/**
 * scheduler output format 
 */
div.scheduler_output_block {
  background-color: #fff;
  border: solid 1px #ddd;
  padding: 10px;
}
div.scheduler_output_block pre {
  padding: 0px;
  line-height: 130%;
}

div.scheduler_options_block {
  margin-top: 10px;
  line-height: 100%;
}
div.scheduler_options_block form {
  margin-bottom: 2px;
}
div.scheduler_options_block input {
  padding-left: 25px;
}

a.option {
  text-decoration: none;
}
a.option:link, a.option:active, a.option:visited {
  color: #222;
}
a.option:hover {
  color: #c00;
}

img.option {
  border: 0px;
  border-bottom: 1px solid #f3f3f3;
}

/**
 * Message Text formating (popup)
 */
div.message_text {
  padding: 5px;
  font-family: monospace;
  font-size: 14px;
}

div.message_preview {
  background-color: #f6f6f6;
  padding: 5px;
}

/* EOF */