@charset "UTF-8";

* { margin:0; padding:0; }
html { height:100%; margin-bottom:1px; min-width:1000px;}

/* Content styling */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
p { margin:0 0 1em; line-height:1.5em; }

body { color:#535353; background:#4ba582 url(../images/bg_topshadow.jpg) repeat-x; font-family:arial,sans-serif; font-size:12px; padding:0 0 10px 0; text-align:center; min-width:1000px; }
#page_margins { max-width:none; min-width:760px; background:transparent; margin:0 auto; text-align:left; }

h2,h3 { color:#106199; }
h1,h2.subtitle { color:#1e7355; }
h1,h2,h3 { font-family:verdana,sans-serif; font-weight:bold; margin:0 0 0.25em; }

h1 { font-size:182%; }
h2 { font-size:136%; }

#header { height:70px;  padding:0 10px; background:transparent; position:relative; }
#header, #main, #footer { clear:both; }
#col1_content, #col3_content { position:relative; }

#col1 { float:left; width:195px; height:381px; background-color:#f0f0f0; border:1px solid #848484; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#col3 { margin-left:195px; width:auto; }
#col1_content { padding:10px 10px 10px 20px; }
#col3_content { padding:10px 20px 10px 20px; }

.clearfix { display: block; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#ie_clearing { display: none; }

/**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 { margin-left: 0; margin-right: 0; }
  .hidecol1 #col3 { margin-left: 0; margin-right: 20px; }
  .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

#logo { float:left; padding-top:5px; position:absolute; left:0px; top:0px; z-index:2001; }
#login { float:right; padding-top:16px; font-size:13px; font-weight:bold; color:#013925; }
#login input[type=text],
#login input[type=password] { float:left; border: 1px solid #5e5e5e; height:21px; }
#login_user { float:left; }
#login_password { float:left; margin-left:8px; }
#login_button { float:left; margin-left:8px; }

#main { padding:40px 10px 10px 10px; background:#fff url(../images/bg_bottomshadow.jpg) repeat-x scroll left bottom;}
#pagetitles { padding-bottom:10px; }

/**
 * Drop menu styles
 */
#dropmenu { min-width:1000px; width:100%; /* float:left; */ border:solid #000; border-width:0 0 1px 0; background-image:url(../images/bg_dropmenu.jpg); background-repeat:repeat-x; height:30px; /* background-color:#0066a4; position:absolute; top:10px; left:460px; */ }
/* #dropmenu { border-color:#908f8b; border-top:1px; border-right:0px; border-bottom:1px; border-left:0px; } */
#dropmenu * { text-align:left; }
#dropmenu a	{ color:#000; text-decoration:none; font-family:verdana; font-weight:bold; /*text-transform:capitalize;*/ font-size:13px; }

ul#dm_toplevel,
ul#dm_toplevel ul	{ padding:0px; margin:0px; list-style:none; }

ul#dm_toplevel	{ position:relative; height:100%; /*float:left;*/ margin-left:185px; }
ul#dm_toplevel li	{ position:relative; float:left; height:100%; margin:0px; padding:0px 7px; }
ul#dm_toplevel li a	{ display:block; padding:6px 0px; }
ul#dm_toplevel li ul { position:absolute; z-index:2000; width:175px; left:-999em; /*margin-top:6px;*/ background-color:#415c6f; /* opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); */ }
ul#dm_toplevel li ul { padding:5px 0px; }
ul#dm_toplevel li ul li	{ width:100%; padding:0px; overflow:hidden; background-color:#415c6f; }
ul#dm_toplevel li ul li a { color:#d7d7d7; padding: 5px 2px 5px 10px; line-height:13px; font-family:verdana; font-weight:bold; /*text-transform:capitalize;*/ font-size:11px; }
ul#dm_toplevel li ul li a:hover	{ background-color:#030404; }

ul#dm_toplevel li.sfhover,
ul#dm_toplevel li:hover	{ background-image:url(../images/bg_dropmenu_li.jpg); }

ul#dm_toplevel li.sfhover a,
ul#dm_toplevel li:hover a	{ color:#d7d7d7; }

ul#dm_toplevel li.sfhover li a,
ul#dm_toplevel li:hover li a	{ /* color:#008CC8; */ }

ul#dm_toplevel li:hover ul,
ul#dm_toplevel li.sfhover ul { left:0px; }

#deptmenu ul { list-style-type:none; }
#footer { /* border-top:0px; */ background-image:url(../images/bg_footer.jpg); background-repeat:repeat-x; height:24px; /* padding:0px; */ }

#deptmenu * { font-family:verdana,sans-serif; font-weight:bold; font-size:11px; color:#5f5f5e; }
#deptmenu h2.dept_title { font-size:12px; color:#106199; }
#deptmenu li { margin-left:0px; line-height:1.6em; }
#deptmenu li a { text-decoration:none; }

/* used by clearance.php */
div.mfg_clearance_info table { margin:10px 0; border:0px; width:660px; }
div.mfg_clearance_info tr { height: 30px; }

/* in compwide.tpl */
div.product_availability { text-align:center; width:500px; }
div.product_availability table { margin-bottom:10px; }

/* used by clearance template */
tr.oddrow { background-color:#f0f0f0; }
td.num { text-align:right; }
td.txt { text-align:left; }

table.damaged_equipment tr { height:30px; }

table.export_options th,
table.export_options td { padding-bottom:10px; }

table.npr_formtable { padding-bottom:10px; }
span.netpricereport { font-size:10pt; }

form.damaged_equipment select,
form.net_price_report select,
form.net_price_report input { width:250px; }
form.net_price_report input.auto_width { width:auto; }

form.statement select,
form.statement input { width:100px; }
form.statement input.auto_width { width:auto; }

table.invoice_view_options input,
table.invoice_view_options select { width:145px; }
table.invoice_view_options input.auto_width { width:auto; }

/* Original RHS Styles */
table.products_ajax th {background:black;color:white;font-size:10pt;}
/* is this .header style still needed? */
.header         {background:black;color:white;font-size:10pt;}
.detail_2       {background:white;}
.detail_1       {background:#cccccc;}
.error          {color:red;font-size:10pt;}
.break          {page-break-after: always;font-size:8pt;}
.report_detail2 {background:white;font-size:10pt;}
.report_detail1 {background:#CCCCCC;font-size:10pt;}
.ordering_detail2 {background:white;font-size:10pt;height:35px;}
.ordering_detail1 {background:#CCCCCC;font-size:10pt;height:35px;}
.detail_failed  {background:#FF9999;}
.detail_waiting {background:#FFFF99;}
.detail_running {background:#CCFF99;}
.detail_completed {background:#CCCCCC;}
.detail_cancelled {background:#CC99CC;}
.report_error   {background:red;font-size:10pt;}
