@CHARSET "UTF-8";

body { color: black; font-family: sans-serif; margin: 10px; padding: 0; }
 
a { color: #72AC1A; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline; }
img { border: 0; }

hr { border: 1px solid #DDDDDD; }

 
#toolbar { width: auto; margin: auto; border: 2px solid #BBBBBB; background: #caf0db; padding: 2px 5px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
#container { width: auto; min-height: 480px; margin: 5px auto;  background: #FFFFFF; padding: 8px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }

#header_image { margin: 0px; text-align: left; float: left; width: 300px; z-index: 50; }
#header_title { margin: 30px; text-align: Left; width: auto; float: left;  }
#header_title h1 { font-size: 1.4em; color: #999999; }
#header_title h2 { font-size: 1.2em; color: #777777; }
#content { margin: 0 25px; width: auto; clear: both; }
#qmenu { background: #e5e5e5; border: 5px solid white; right: 20px; top: 20px; width: auto; padding: 5px;
position: fixed; z-index: 5000;  -moz-border-radius: 15px; border-radius: 15px;  }
#qmenu ul { margin: 0; padding: 0; }
#qmenu li { display: inline; list-style-type: none; padding: 0 20px;   }

input { font-size: 1em; border: 1px solid #aaaaaa; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }
select { font-size: 1em; border: 1px solid #aaaaaa; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }
textarea { font-size: 1em; border: 1px solid #aaaaaa; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.highlight { color: #72AC1A; }


.inline-list ul { margin: 0; padding: 0; }
.inline-list li { display: inline; list-style-type: none; padding: 20px; margin: 0;  }

.central_container { width: auto; margin: auto; text-align: center; }
.left_container { width: auto; margin: auto; text-align: left; }
.right_container { width: auto; margin: auto; text-align: right; }

.l { float: left; width: auto; }
.r { float: right; width: auto; }
.clear { clear:both; }

.text-left {text-align: left; }
.text-right {text-align: right; }
.text-center {text-align: center; }

.red { color: red; }

.success { width: 50%; margin: 5px auto; border: 1px solid #009900; background: #77FF77; color: black; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; text-align: center; font-weight: bold; } 
.error { width: 50%; margin: 5px auto; border: 1px solid #990000; background: #FF7777; color: white; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; text-align: center; font-weight: bold; } 
.warning { width: 50%; margin: 5px auto; border: 1px solid #FF9977; background: #FFFF99; color: black; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; text-align: center; font-weight: bold; } 
.notice { width: 50%; margin: 5px auto; border: 1px solid #777777; background: #EEEEEE; color: black; padding: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; text-align: center; font-weight: bold; } 
.show { display: block; }
.required { border: 1px solid #CC7777; background: #FFCCCC; }

.section { font-weight: bold; font-size: 1em; width: 50%; display: inline; }

.sort { margin: 5px auto; width: 70%; padding: 5px; border: 1px solid #a1c2cb; background: #caf0db; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }
.pages { margin: 2px auto; width: 70%; padding: 5px; border: 1px solid #c2cba1; background: #e4f8ed; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }
.page_no { display: inline-block; margin: 3px; }

.expand_button { float: left;  margin: 0 2px; display: inline; }
.print_button { float: right;  margin: 0 2px; display: inline; }
.job_icon { margin: -20px 2px 0 2px; }
.taskbox {  }

.ts { border: 2px solid #CCCCCC; margin: 10px auto; padding: 2px; background: #FFEEDD; width: 98%; -moz-border-radius: 9px; border-radius: 9px; }
.ts th { padding: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.ts td { padding: 2px; word-wrap: break-word; border: 2px solid #dbcba1; -moz-border-radius: 6px; border-radius: 6px; }
.ts_odd { background: #fafafa; border: 2px solid #dbcab9; -moz-border-radius: 3px; border-radius: 3px; }
.ts_even { background: #fcfcfc; border: 2px solid #dfcebc; -moz-border-radius: 3px; border-radius: 3px; }
.ts_input { background: #f6f6f6; font-size: 1em; border: 2px solid #d9d9d9; -moz-border-radius: 3px; border-radius: 3px; }
.ts_input_changed { border: 2px solid #6699ff; }
.ts_detail { background: #e0e0e0; border: 2px solid #c0c0c0; font-size: 0.8em; -moz-border-radius: 2px; border-radius: 2px; margin: 2px; padding: 1px; min-height: 32px; overflow: visible; }
.ts_detail_allocations { background: #e0f0f0; border: 2px solid #a0c0c0; font-size: 0.8em; -moz-border-radius: 2px; border-radius: 2px; margin: 2px; padding: 1px; min-height: 32px; overflow: visible; }
.ts_detail_despatches { background: #e0f0e0; border: 2px solid #a0c0a0; font-size: 0.8em; -moz-border-radius: 2px; border-radius: 2px; margin: 2px; padding: 1px; min-height: 32px; overflow: visible; }
.ts_detail_instructions { background: #f0e0e0; border: 2px solid #c0a0a0; font-size: 0.8em; -moz-border-radius: 2px; border-radius: 2px; margin: 2px; padding: 1px; min-height: 32px; overflow: visible; }
.ts_separator { background: #FFFFFF; height: 2px; }

.notes { border: 1px solid #CCCCCC; background: #EEEEEE; margin: 5px; padding: 5px; font-family: monospace; }
.message_writer { font-size: 0.8em; }
.comment { border: 1px solid #CECECE; Background: #EFEFEF; margin: 2px; padding: 5px; }

.status_pending { background: #d8d8d8; color: #333333; border: 2px solid #CCCCCC; }
.status_verify { background: #66CCFF; color: #0758aa; border: 2px solid #3399FF; }
.status_working { background: #FFCC66; color: #aa5807; border: 2px solid #FF9933; }
.status_question { background: #F5CCE0; color: #660066; border: 2px solid #c299b0; }
.status_part_despatched { background: #EEFFAA; color: #006600; border: 2px solid #e5ee9c; }
.status_despatched { background: #CCFF99; color: #003300; border: 2px solid #A3CC7A; }
.status_cancelled { background: #f0f0f0; color: #777777; border: 2px solid #d8d8d8; }
.status_hold { background: #F09092; color: #990000; border: 2px solid #FFd8d8; }

.menu_button { min-width: 128px; height: 112px; cursor: pointer; color: #777777; background: #e9f4e8; font-family: Arial; font-size: 1em; border-radius: 5px; border: 1px solid #77ad1a; margin: 4px; padding: 15px 25px 15px 25px; display: inline-block; }
.menu_icon { height: 96px; }

.stock td {
    border: 1px solid #c0bfbf;
    padding: 8px;
}

.stock tr:hover {background-color: #ddd;}

.stock th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #4CAF50;
    color: white;
    border: 1px solid #c0bfbf;
    padding: 6px;
}

.img-border{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #C0C0C0;
}

#loader { background: url('../images/loading.gif') 50% 50% no-repeat; position: fixed; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; background-color: #000000; z-index:100;opacity: 0.2; filter:alpha(opacity=20); -moz-opacity: 0.2; overflow:hidden; display: none;}

.lft {
    text-align: left;
    padding-left: 0.5em;
}

.rgt {
    text-align: right;
    padding-right: 0.5em;
}

.div-Blur {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    position: fixed;
    opacity: 0.7;
    display: block;
    background: #777;
    z-index: 1000;
    overflow: hidden;
}

.popout {
    position: relative;
    z-index: 1001;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    
}