body {background-color: #fff; color: #333}
body, p, ol, ul, td {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px}
pre {background-color: #eee; padding: 10px; font-size: 11px}
a {color: #000}
a:visited {color: #666}
a:hover {color: #fff; background-color:#000}
.fieldWithErrors {padding: 2px; background-color: red; display: table}
#errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
div.uploadStatus {margin: 5px}
div.progressBar {margin: 5px}
div.progressBar div.border {background-color: #fff; border: 1px solid grey; width: 100%}
div.progressBar div.background {background-color: #333; height: 18px; width: 0%}
#main {border:1px solid #202020; border-bottom:0; border-top:0; color:#000; padding:1.5em}
.input_textbox {border-width: 3px}
.input_textbox:focus {border-color: blue}
h1.signin{ margin-bottom: 10px; text-align: left}
table.signin{ margin: 0 auto 0 auto}
table.signin td{ text-align: right}
table.signin td.error {text-align: left; color: red}
 div#dash{ display:inline; float:left; width: 49%}
div#dash h1{ margin: 0 0 5px 0 }
div#dash p{ margin: 0 0 0 0 }
div#dash p.important strong{ color: red}
div#dash div.dash_section{ padding: 6px 5px 6px 5px}
div#dash div.highlight{ border: 4px solid yellow}
div#dash div.dash_section:hover{ border: 2px solid black; padding: 4px 3px 4px 3px}
div#dash div.highlight:hover{ border: 4px solid orange; padding: 6px 5px 6px 5px}
div#dash div.dash_section_open{ padding: 10px 5px 10px 5px; border: 2px solid black}
div#dash_messages{ display:inline; float:right; width:47%}
div#status_message{ border: 1px solid red; color: black; padding: 5px 5px 5px 5px; font-size: 14px}
div#dash_help{ border: 1px solid red; margin:10px 10px 10px 10px}
div#dash div.widget{ background-color: 7f87ef; border: 1px solid black; margin-top: 12px; padding: 0px 10px 10px 10px; font-size: 12pt}
div#dash div.widget_help{ margin-bottom: 10px}
input#add_user{ margin-top: 10px}
div#dash div.widget li{ font-size: 12pt}
div#dash div.widget a{ color: black}
div#dash div.widget a:hover{ color: cccccc}
span.help {font-size: 10pt; vertical-align: text-top}
span.help a{ text-decoration: none}
div.help div {}
div#contact_us {font-size: 16pt; text-align: center; line-height: 30px}
div#contact_us a{ font-size: 22pt; line-height: 80px; text-decoration: none}
#container {background-color:#fafafa; margin:1em 10%; min-width:60em; position:absolute; width:80%}
#haut {background-color:#202020; height:2.4em; max-height:2.4em}
#header { background-color:#0842C7; color:#fafafa; font-size:2em; padding-left: 5px}
#logo {margin: auto 0 0 0}
#footer {border:1px solid #202020; border-top:0; padding:0.5em; text-align:right}
.menuhaut {font-size:1em; list-style-type:none; margin:0; padding:0}
.menuhaut a {color:#fafafa; margin:0 0.4em; text-decoration:none}
.menuhaut a:hover {color:#FF0; text-decoration:none}
.menuhaut li {border-right:1px solid #fff; display:inline; float:left; margin:0; padding:0.6em 10px}
li.rightmost {border-right: none}
#logout {float:right}
#signup_or_login {float:right; font-size:1.2em; color:#fafafa}
#signup_or_login a{ text-decoration:underline; color:FF0}
a {color:#000; text-decoration:underline}
body {background-color:#CDCDCD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em}
h1 {font-size:1.6em; margin:0.5em 0.5em 1em 0}
h2 {font-size:1.2em; margin:0.8em 0.5em 0.3em 0.6em}
h3 {font-size:1.1em; margin:0.8em 0.5em 0.3em 0.8em}
h4 {font-size:1em; margin:0.7em 0.5em 0.3em 1em}
h5 {font-size:0.9em; margin:0.6em 0.5em 0.2em 1.5em}
p {margin:1px 0.5em 0.5em 1.5em}
#message {text-align: center; color: red; float: center}
.ListLine0 {background: #E7EDFA}
.ListLine1 {background: #C1D0F1}
 div.auto_complete {width: 350px; background: #fff}
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none}
div.auto_complete ul li {margin:0; padding:3px}
div.auto_complete ul li.selected {background-color: #ffb}
div.auto_complete ul strong.highlight {color: #800; margin:0; padding:0}
  #order_details_notes {display: inline; float: right; width: 32%; background-color: #e0e0e0}
#order_details {display: inline; float: left; width: 67%}
#order_entry_top {}
.order_form_date {display: inline; width:60%}
.simple_edit{ display: inline; float: left; width: 40%}
.simple_edit_notes{ display: inline; float: right; width: 60%; background-color: #e0e0e0}
#invoice_settings_fields {float: left; width: 38%}
#invoice_settings_image {float: right; width: 59%}
#invoice_settings_clear {margin: 5px; clear:both}
#invoice_settings_image_view {border: 3px solid #000000}
#submit_div {display:block; border: 3px solid #FF0000}
#merge_buyers_left {float: left; width: 49%}
#merge_buyers_right {float: right; width: 49%}
#merge_buyers_clear {clear: both}
#supply_list_table {width: 600px; border: 1px solid }
#supply_list_table th{ text-align: left}
 #splash_banner {display: block; margin: 0 auto 10px auto}
.splash_section {margin: 5px}
img#what_does_it_do {display: block; margin: 0 auto 10px auto}
#can_i_try_it {}
#why_should_i_use_it {}
#splash_column1 {}
#splash_column2 {}
 .tools_dropdown {z-index :996; position: absolute; background:#FFFFFF none repeat scroll 0%}
.tools_dropdown ul {list-style-image: none; list-style-type: none; list-style-position:outside; padding:0pt; margin:0pt}
.tools_dropdown ul li {border-style: solid solid solid; border-width: 1px}
 .pdmenu ul {margin: 0; padding: 0 0 25px 0; list-style-type: none}
.pdmenu a:hover {text-decoration: none; color: #FFFFFF; background-color: #000033}
.pdmenu li ul {display: none; background-color:white}
.pdmenu li:hover ul {visibility: visible; display: block; position:absolute; z-index:1; width:300px; padding: 0; margin: 0; border:1px solid black}
.pdmenu li li {padding: 0 0 0 0 ; display: block; clear: left; width: 100%; border-right: 1px solid #000}
.pdmenu li li a {padding: 2px 2px 2px 10px; display: block; text-align: left; color: #000000; background-color: #ffffff; margin: 0pt}
.pdmenu li li a.menu_action {display: inline; padding: 2px 0px 2px 2px}
 div.overlay_alert{ background-color: #85BBEF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
div.dialog{ background-color: grey}
div.alert_message{ font-size: 24px; text-align: center; line-height: 30px}
.alert_buttons {text-align:center; width:100%}
.alert_buttons input {width:20%; margin:10px}
.overlay_dialog {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}
.dialog_nw {width: 9px; height: 23px; background: transparent url(default/top_left.gif) no-repeat 0 0}
.dialog_n {background: transparent url(default/top_mid.gif) repeat-x 0 0; height: 23px}
.dialog_ne {width: 9px; height: 23px; background: transparent url(default/top_right.gif) no-repeat 0 0}
.dialog_e {width: 2px; background: transparent url(default/center_right.gif) repeat-y 0 0}
.dialog_w {width: 2px; background: transparent url(default/center_left.gif) repeat-y 0 0}
.dialog_sw {width: 9px; height: 19px; background: transparent url(default/bottom_left.gif) no-repeat 0 0}
.dialog_s {background: transparent url(default/bottom_mid.gif) repeat-x 0 0; height: 19px}
.dialog_se {width: 9px; height: 19px; background: transparent url(default/bottom_right.gif) no-repeat 0 0}
.dialog_sizer {width: 9px; height: 19px; background: transparent url(default/sizer.gif) no-repeat 0 0; cursor:se-resize}
.dialog_close {width: 14px; height: 14px; background: transparent url(default/close.gif) no-repeat 0 0; position:absolute; top:5px; left:8px; cursor:pointer; z-index:2000}
.dialog_minimize {width: 14px; height: 15px; background: transparent url(default/minimize.gif) no-repeat 0 0; position:absolute; top:5px; left:28px; cursor:pointer; z-index:2000}
.dialog_maximize {width: 14px; height: 15px; background: transparent url(default/maximize.gif) no-repeat 0 0; position:absolute; top:5px; left:49px; cursor:pointer; z-index:2000}
.dialog_title {float:left; height:14px; font-family: Tahoma, Arial, sans-serif; font-size:12px; text-align:center; width:100%; color:#000}
.dialog_content {overflow:auto; color: #DDD; font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color:#123}
.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}
 .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}
 #lightbox{ position: absolute; top:50%; left:50%; width:500px; height:500px; z-index:9999; margin:-220px 0 0 -250px; padding: 10px; background-color:#222; border:1px solid #ccc; text-align:left}
#lightbox[id]{ position:fixed}
#overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
#overlay[id]{ position:fixed}
#lightbox.done{ border:1px dotted #659F09; background:#FFFEEF}
#lightbox.done #lbLoadMessage{ display:none}
#lightbox.done #lbContent{ display:block}
#lightbox.loading #lbContent{ display:none}
#lightbox.loading #lbLoadMessage{ display:block}
#lbLoadMessage p{ color:#fff; text-align:center; line-height:400px}