/* $Id: screen.css 98 2010-02-14 09:03:26Z hri $ */

* {margin:0;padding:0;}

dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, p, table, ul {margin-bottom:1em;}

a {color:#00c;}
a:visited {color:#528;}

body {font-size:12px;background-color:#e3e2e2;color:#222;font-family:Arial,Verdana,Helvetica,sans-serif;}
fieldset {border:solid #444 1px;padding:6px 18px 6px 12px;-moz-border-radius:4px;}
label {font-weight:bold;}
legend {border:solid #444 1px;padding:3px 6px;font-weight:bold;-moz-border-radius:4px;}
img {border:0;}
input, select, textarea {border:solid #e70 1px;background-color:#fda;-moz-border-radius:3px;}
input, textarea {padding:2px;}
input[type=submit] {background-color: #e7e7bb;border: solid 1px #a7b72e;cursor:pointer;}
input[type=radio], input[type=checkbox] {vertical-align: bottom; top: -3px}
optgroup {font-weight:bold;}
optgroup option {text-indent:2em;}
table {border-collapse:collapse;}
td, th {vertical-align:top;}
legend img {margin-bottom:-3px;}

/* Layout divs */
#wrapper {}

#header {background-color:#456;color:#fff;position:absolute;top:0;left:0;width:100%;height:40px;}
#header h1 {font-size:24px}
#header a {text-decoration: none;color:#fff;display:block;line-height:40px;padding-left:12px;}
#header a span {}

#main1 {margin-top:50px;margin-left:152px;padding-top:6px;}

/* ********************* menu ********************* */
#mnu {position:absolute;top:40px;width:140px;background-color:#fff;}
#mnu ul {list-style:none;margin:12px;padding:0;}
#mnu li {list-style:none;margin-bottom:6px;border:solid #444 1px;padding:2px 4px;
    background-color:#e7e7bb;font-size:11px;text-shadow:0 1px 1px #fff;-moz-border-radius:3px;position:relative;}
#mnu a {text-decoration:none;color:#000;display:block;}
#mnu li:hover {background-color:#fce5a6;text-shadow:0 1px 1px #fff;}
#mnu li.active:hover {background-color:#fce5a6;text-shadow:0 1px 1px #fff;}
#mnu li.info {background-color:inherit;border:0;font-size:9px;}
#mnu img {margin:0 4px -3px 2px;}
#mnu li.active {background-color:#cfe7f5}
#mnu li ul {display:none;margin:0;padding:8px 12px;position:absolute;left:115px;top:-8px;width:160px;z-index:1;
    background-color:#fff;border:solid #bbb 1px;border-left:0;}
#mnu li:hover ul {display:block;}
#mnu li ul:hover {display:block;}

#mnu2 {position:relative;top:40px;margin-left:140px;height:44px;background-color:#fff;}
#mnu2 ul {list-style:none;margin:0;padding:0;float:left;}
#mnu2 ul li {list-style:none;border:solid #444 1px;background-color:#e7e7bb;padding:2px 8px 2px 4px;
    font-size:12px;float:left;margin:11px;-moz-border-radius:3px;}
#mnu2 a {text-decoration:none;color:#000;display:block;cursor:pointer;}
#mnu2 li:hover {background-color:#aaa;text-shadow:0 1px 1px #fff;}
#mnu2 li.info {background-color:inherit;border:0;cursor:pointer;}
#mnu2 img {margin:0 0 -3px 2px;}
/* ********************* /menu ********************* */

/* Paging Nav */
.paging {margin:0 0 1em 0}
.paging .first {border:solid #999 1px;padding:4px 1em;-moz-border-radius:4px;}
.paging .prev {border:solid #999 1px;padding:4px 1em;-moz-border-radius:4px;}
.paging .cur {padding:4px 6px;}
.paging .next {border:solid #999 1px;padding:4px 1em;-moz-border-radius:4px;}
.paging .last {border:solid #999 1px;padding:4px 1em;-moz-border-radius:4px;}
.paging a.first:hover {background-color:#fff;}
.paging a.prev:hover {background-color:#fff;}
.paging a.next:hover {background-color:#fff;}
.paging a.last:hover {background-color:#fff;}
.paging .paging_select {background-color:#e3e2e2;border:none;}
/* /Paging Nav */

#loginbox1 {display:table;margin:100px auto 0 auto;width:90%;}
#loginbox2 {display:table-row;text-align:center;}
#loginbox3 {display:table-cell;vertical-align:middle;height:100px;}
#loginbox3 table, #evt_target table {margin:0 auto}
#loginbox3 td, #evt_target td {text-align:left;padding:0 6px;}
#loginbox3 td.btn, #evt_target td.btn {text-align:right;padding:6px;}
#loginbox3 label, #evt_target label {font-weight:bold;}

#index_box1 {float:left;width:300px;margin:0 12px 12px 0;background-color:#fff;padding:12px;-moz-border-radius:4px;}
#index_box2 {float:left;width:300px;margin:0 12px 12px 0;background-color:#fff;padding:12px;-moz-border-radius:4px;}
#index_help {clear:left;width:636px;background-color:#fff;padding:12px;-moz-border-radius:4px;}
#index_help ul {margin:1em}
#index_help ul li {margin:1em}
#index_help ul ul {margin:.5em 1em}
#index_help ul ul li {margin:.5em 1em}

#evt_target {position:absolute;top:88px;left:144px;width:400px;
    background-color:#fff;background-repeat:no-repeat;background-position:bottom left;
    border-top:solid #222 2px;border-left:solid #222 2px;border-right:solid #999 2px;border-bottom:solid #999 2px;}
#evt_target1 {background-repeat:no-repeat;background-position:top left;
    border-top:solid #999 2px;border-left:solid #999 2px;border-right:solid #222 2px;border-bottom:solid #222 2px;}
#evt_target2 {padding:12px 12px 12px 12px}
#evt_target2 form {margin-right:8px}
#evt_close {color:#222;font-weight:bold;padding:3px 5px;}
#evt_close:hover {color:#fff;background-color:#c00;}
.evt_submit {margin: 12px 0; height: 24px;}

.ac_results {background-color:#fff;border:solid #444 1px;overflow:hidden;z-index: 99999;}
.ac_results ul {width:100%;list-style:none;margin:0;padding:0;font-size:11px;}
.ac_results li {list-style:none;margin:0;padding:2px 5px;display:block;line-height:16px;overflow:hidden;}
.ac_results li:hover{background-color:#ccc;cursor:pointer;}
.ac_loading {background:url(/image/ajax-loader.gif) right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}

#tab_orderbox {}
#tab_orderbox textarea {width:100%}
#tab_supplier,
#tab_edit {width:600px;}
#inbox_list {width:800px;}
#orderview {float:left;margin-right:20px;width:600px;}
#customerstatus {float:left;width:200px;}
#orderstatus {float:left;width:200px;}
#customerformdiv {float:left;margin-right:12px;width:500px;}
#customerformdiv table {width:100%;}

#customerdata_edit {}

#sidebox {float:left;width:200px;border:solid #fff}
#supplier_list p {margin-bottom:6px;}
#supplier_list p img {margin:0 0 -4px 0;}

#attach_new {display:none;}
#attach_btn {float:left;background-color: #e7e7bb;border: solid 1px #a7b72e;cursor:pointer;color:#000;padding:2px 4px;text-shadow:0 1px 1px #fff;}
#attach_btn:hover {background-color:#aaa;text-shadow:0 1px 1px #fff;}
#attach_hist {clear:left}
#attach_hist p {margin:0 0 .5em 0}
#attach_hist p a {text-decoration:none;color:#222;}

#supplier_add_dialog fieldset input {width:100%;}
#store_add_dialog fieldset input {width:100%;}
#note_add_box fieldset input, #note_add_box fieldset textarea, #cancelled_dialog textarea {width:100%;}

/* Order Status */
.orderstatus_complete {color:green;background-image:url(/image/silk/icons/tick.png);background-repeat:no-repeat;padding-left:20px;background-position:0 -1px;}
.orderstatus_cancelled {color:green;background-image:url(/image/silk/icons/stop.png);background-repeat:no-repeat;padding-left:20px;background-position:0 -1px;}
.orderstatus_new {color:red;background-image:url(/image/silk/icons/book_open.png);background-repeat:no-repeat;padding-left:20px;background-position:0 -1px;}
.orderstatus_progress {color:brown;background-image:url(/image/silk/icons/hourglass.png);background-repeat:no-repeat;padding-left:20px;background-position:0 -1px;}
.orderstatus_ok {color:green;background-image:url(/image/silk/icons/accept.png);background-repeat:no-repeat;padding-left:20px;background-position:0 -1px;}


/* Table containing form to edit objects */
.tabedit th {padding:4px 2px;text-align:right;}
.tabedit td {padding:2px;}
.tabedit label {font-weight:bold;}


/* Tabs in content:Content | Help | ... */
.tablist {margin:0 0 12px 0; padding:0 0 2px 0;list-style:none;border-bottom:solid #666 1px;}

.tablist li {display:inline;list-style:none;margin:0 4px 0 0;padding:7px 0 2px 0;
    cursor:pointer;font-weight:bold;font-size:14px;text-shadow:0 1px 3px #fff;
    border-bottom:solid #d0cfce 1px;background:url(img/tabl.png) no-repeat left 0;}
.tablist li>span {padding:6px 18px 3px 14px;background:url(img/tabr.png) no-repeat right 0;}

.tablist li.active {padding:5px 0 2px 0;border-bottom:solid #e3e2e2 1px;background-position:left -100px;text-shadow:0 1px 3px #999;}
.tablist li.active>span {padding:5px 18px 2px 14px;background-position:right -100px;}

.tablist li:hover {border-bottom:solid #d0cfce 1px;background-position:left -200px;}
.tablist li:hover>span {padding:7px 18px 2px 14px;background-position:right -200px;}

.tablist li.active:hover {border-bottom:solid #e3e2e2 1px;background-position:left -100px;}
.tablist li.active:hover>span {padding:5px 18px 2px 14px;background-position:right -100px;}

.tablist li#li_tab_content>span>span {background-image:url(../img/silk/icons/report.png);}
.tablist li#li_tab_edit>span>span {background-image:url(../img/silk/icons/pencil.png);}
.tablist li#li_tab_help>span>span {background-image:url(../img/silk/icons/help.png);}
.tablist li#li_tab_prefs>span>span {background-image:url(../img/silk/icons/cog_edit.png);}

#history_list {font-size:13px;}

/* Table displaying data, usually in lists */
table.data {}
table.data th, table.data td {padding:3px 6px;border:solid #666 1px;vertical-align:middle;}
table.data th {text-align:left;background-color:#ccf;}
table.data th.r {text-align:right}
table.data th.c {text-align:center}
table.data tr.bg1 {background-color:#e3e2e2;}
table.data tr.bg0 {background-color:#d3d3d3;}
table.data tr:hover {background-color:#fce5a6;}
table.data tr.hd {color:#fff;background-color:#bbcee8;background-image:url(img/hbg.gif);}
table.data tr.hd a {color:#fff;display:block;}
table.data td a {display:block;}
table.data td a.inl {display:inline;}
table.data img {margin:0 0 -3px 0;}
table.data .bg0 .bgh {background-color:#e9e9e9}
table.data .bg1 .bgh {background-color:#fff}
table.data .bgh:hover {background-color:#fce5a6}
table.data td.e {cursor:pointer}

table.entry td, table.entry th {border:solid #666 1px;vertical-align:middle; padding:6px;}
table.entry label {display:block; text-align:right; padding:4px}
table.entry tr:hover {background-color:#fce5a6;}

th.headerSortUp {background-image:url(/image/silk/icons/bullet_arrow_down.png);background-color:#3399FF;
    background-repeat:no-repeat;background-position:center right;}
th.headerSortDown {background-image:url(/image/silk/icons/bullet_arrow_up.png);background-color: #3399FF;
    background-repeat:no-repeat;background-position:center right;}

/* Form background images */
.input_bg_title {background-image:url(form_bg/form_title.gif);background-repeat:no-repeat;}
.input_bg_namefirst {background-image:url(form_bg/form_namefirst.gif);background-repeat:no-repeat;}
.input_bg_namelast {background-image:url(form_bg/form_namelast.gif);background-repeat:no-repeat;}
.input_bg_phone {background-image:url(form_bg/form_phone.gif);background-repeat:no-repeat;}
.input_bg_phone_mob {background-image:url(form_bg/form_phone_mob.gif);background-repeat:no-repeat;}
.input_bg_email {background-image:url(form_bg/form_email.gif);background-repeat:no-repeat;}
.input_bg_street {background-image:url(form_bg/form_street.gif);background-repeat:no-repeat;}
.input_bg_pcode {background-image:url(form_bg/form_pcode.gif);background-repeat:no-repeat;}
.input_bg_city {background-image:url(form_bg/form_city.gif);background-repeat:no-repeat;}
.input_bg_company {background-image:url(form_bg/form_company.gif);background-repeat:no-repeat;}

/* Fake Buttons, usually activated via javascript */
.div_btn {float:right;margin:-10px -12px 0 0;}
.div_btn a {text-decoration:none;color:#000;background-color:#e7e7bb;border:solid #a7b72e 1px;padding:4px 4px;font-size:12px;
    cursor:pointer;-moz-border-radius:3px;}
.span_btn {text-decoration:none;color:#000;background-color:#e7e7bb;border:solid #a7b72e 1px;padding:4px 8px 4px 4px;font-size:12px;
    cursor:pointer;-moz-border-radius:3px;}
.span_btn img {margin: 0 0 -3px 0;}

img.ui-datepicker-trigger {margin:0 0 -3px 4px;}

/* Email inbox layout */
.inbox {border:solid #444 1px;padding:1em;margin:0 1em 2em 0;-moz-border-radius:4px;}
.inbox table {width:100%;}
.inbox table tr.bg0 {background-color:#fff;}
.inbox table tr.bg1 {background-color:#eee;}
.inbox td {padding:4px 0 4px 8px;text-align:left;border:solid #444 1px;}
.inbox .sep {background-color:#e3e2e2;border-left:0;border-right:0;border-bottom:0;}
.inbox .inbox_list_subject {font-weight:bold;}
.inbox .inbox_list_subject img {margin:0 4px -3px 0;}
.inbox .label {width:1%;text-align:left;padding:2px 0 2px 8px;}
.inbox_actions {margin:1em 0;}
.inbox_hdr {cursor:pointer;}
.inbox_msg_hdr {width:100%;background-color:#e0dfdf;border:solid #444 1px;}
.inbox_msg_hdr th {width:1%;text-align:left;padding:2px 4px 2px 4px;}
.inbox_msg_hdr td {text-align:left;padding:2px 4px 2px 4px;}
.inbox_subject {background-color:#418dd4;padding:2px 8px 2px 8px;color:#fff;border-bottom:solid #444 1px;}
.inbox_subject img {margin:0 4px -4px 0;}
.inbox_msg_hdr .att {background-color:#cdcdcd;border-top:solid #444 1px;font-size:10px;}
.inbox_content {max-height:300px;overflow:auto;}
.assign_tbl input[type=checkbox] {display:block;margin-bottom:-1px;}

/* Generic classes */
.flagged {color:#d00;}
span.flagged {font-size:11px;}
p.error, div.error, td.error {color:#d00;border:solid #d00 2px;}

a.btn {background-color: #e7e7bb;border: solid 1px #a7b72e;cursor:pointer;padding:4px 6px;font-size:12px;
    text-decoration:none;color:#000;text-shadow:0 1px 1px #fff;-moz-border-radius:3px;}
a.btn img {margin:0 4px -3px 2px;}

.l {text-align:left}
.r {text-align:right}
.c {text-align:center}
.u {text-decoration:underline}
.ud {border-bottom:1px dashed}
.cl {clear:left}
.cr {clear:right}
.cb {clear:both}
.fl {float:left}
.fr {float:right}
.mr {margin-right:12px}
.mr2 {margin-right:24px}
.bold {font-weight:bold}
.ptr {cursor:pointer}
.w100 {width:100%}
.plain {text-decoration:none;color:#222}
.plain:visited {color:#222}
.abbr {border-bottom:dotted #444 1px}
.imgfix {margin-bottom:-3px}
.expl {font-size:.9em; color:#444}
.hide {display:none}
.blk {display:block}
.inl {display:inline}
label.nb {font-weight:normal;padding:0 3px 0 0;}
label input {margin:0 2px}