/* CSS Document */
#main {width:100%;}
.m_left { margin-left:10px; background:url(../icons/main_left.gif) 0 0 repeat-y #FFFFFF;}
.m_right {background:url(../icons/main_right.gif) top right repeat-y;}
.m_top {background:url(../icons/main_top.gif) top repeat-x;}
.m_bot {background:url(../icons/main_bot.gif) bottom repeat-x;}

.m_top_corner { background:url(../icons/main_left_top.gif) top left no-repeat;}
.m_top_corner2 {background:url(../icons/main_right_top.gif) top right no-repeat; height:20px;}

.m_bot_corner { background:url(../icons/main_left_bot.gif) top left no-repeat;}
.m_bot_corner2 {background:url(../icons/main_right_bot.gif) top right no-repeat; height:20px;}


#summary { background:url(../icons/summary_bg.gif) bottom repeat-x; margin:0px 5px; padding:10px;}
#content { background:url(../icons/content_bg.gif) bottom repeat-x; margin:0px 5px; padding:10px;}

.headline_blue { background:url(../icons/icon_h2_mid.gif) repeat-x; height:33px; font-size:100%; line-height:29px;}
.headline_blue .left { background:url(../icons/icon_h2_left.gif) top left no-repeat; padding:2px 10px; height:29px; color:#414141;}
.headline_blue .left a { color:#446DCC; text-decoration:underline; }
.headline_blue .left a:hover { color:#446DFF; text-decoration:none; }
.headline_blue .right { background: url(../icons/icon_h2_right.gif) top right no-repeat;padding:2px 10px; height:29px; color:#666666; font-weight:normal;}
.headline_blue .right a { text-decoration:underline; }
.headline_blue .right a:hover { color:#333333; text-decoration:none;}

.headline_grey { background:url(../icons/icon_h3_mid.gif) repeat-x; height:33px; font-size:100%; line-height:29px;}
.headline_grey .left { background:url(../icons/icon_h3_left.gif) top left no-repeat; padding:2px 10px; height:29px; color:#ffffff;}
.headline_grey .left a { color:#446DCC; text-decoration:underline; }
.headline_grey .left a:hover { color:#446DFF; text-decoration:none; }
.headline_grey .right { background: url(../icons/icon_h3_right.gif) top right no-repeat;padding:2px 10px; height:29px; color:#ffffff; font-weight:normal;}
.headline_grey .right a { text-decoration:underline; }
.headline_grey .right a:hover { text-decoration:none; background-color:#FFFFCC; }


.headline_normal {  height:33px; font-size:100%; line-height:29px;}
.headline_normal .left {  padding:2px 10px; height:29px; color:#446D8C;}
.headline_normal .right { padding:2px 10px; height:29px; color:#666666; font-weight:normal;}


.srow {}
.imgframe { background:#FFFFFF; margin:5px; padding:5px; border:solid 1px #D8D8D8;}
.imgframe a { border:solid 1px #ffffff; display:block;}
.imgframe a:hover { border:dashed 1px #00CCFF; display:block;}
.edit { padding:5px 5px 5px 30px; background:url(../icons/icon_edit.gif) left no-repeat; font-size:90%; font-weight:normal;}
.noedit { padding:5px 5px 5px 30px; background:url(../icons/icon_noedit.gif) left no-repeat; font-size:90%; font-weight:normal;}
.print {padding:5px 5px 5px 30px; background:url(../icons/icon_print.gif) left no-repeat; font-size:90%; font-weight:normal;}
.popup {padding:5px 5px 5px 20px; background:url(../icons/icon_popup.gif) left no-repeat; font-size:90%; font-weight:normal;}
.excel {padding:5px 5px 5px 22px; background:url(../icons/icon_excel.png) left no-repeat; font-size:90%; font-weight:normal;}
.new { padding:5px 5px 5px 30px; background:url(../icons/icon_addnew.gif) left no-repeat; font-size:90%; font-weight:normal; color:#008800;}
.contact { padding:5px 5px 5px 20px; background:url(../icons/icon_contact.png) left no-repeat; font-size:90%; font-weight:normal; color:#000088;}
.freight { font-size:90%; font-weight:normal; color:#666666;}
.arrowdown { padding:2px 2px 2px 10px; background:url(../icons/icon_arrowdown.gif) left no-repeat; font-size:90%; font-weight:normal; color:#333;}
.add { padding:0 0 0 15px; background:url(../icons/icon_add.gif) left no-repeat; font-size:90%; font-weight:normal; color:#008800;}
.del { padding:0 0 0 15px; background:url(../icons/icon_remove.gif) left no-repeat; font-size:90%; font-weight:normal; color:#cc0000;}
.delete { padding:0 0 0 15px; background:url(../icons/icon_no.gif) left no-repeat; font-size:90%; font-weight:normal; color:#cc0000;}
.warn { padding:2px 2px 2px 18px; background:url(../icons/icon_warning.gif) left no-repeat; font-size:90%; font-weight:normal; color:#a00;}
.file { padding:5px 5px 5px 18px; background:url(../icons/icon_file.gif) left no-repeat; font-size:90%; font-weight:normal; color:#0000cc;}
.info { padding:5px 5px 5px 25px; background:url(../icons/icon_info.gif) left no-repeat; font-size:90%; font-weight:normal; color:#515151;}
.waiting { padding:5px 5px 5px 35px; background:url(../icons/ajax_loading.gif) left no-repeat; font-size:100%; font-weight:normal; color:#515151;line-height: 32px;}
.download { padding:5px 0 5px 25px; background:url(../icons/icon_download.gif) left no-repeat; font-size:90%; font-weight:normal; color:#0000cc;}
.mail {padding:5px 0 5px 25px; background:url(../icons/icon_mail.gif) left no-repeat;}
.search {padding:5px 0 5px 25px; background:url(../icons/icon_find.gif) left no-repeat;  font-size: 90%;}
.refresh { padding:2px 0 2px 18px; background:url(../icons/icon_refresh.gif) left no-repeat; font-size:90%; font-weight:normal; color:#666666;}
.back { padding:2px 0 2px 18px; background:url(../icons/icon_back.gif) left no-repeat ; font-size:90%; font-weight:normal; color:#666666;}
.lock { padding:2px 0 2px 18px; background:url(../icons/icon_lock.png) left no-repeat ; font-size:90%; font-weight:normal; color:#666666;}
.update { padding:2px 0 2px 20px; background:url(../icons/icon_update.png) left no-repeat; font-size:90%; font-weight:bold; color:#336633;}
.update:hover {  color:#006600;}
.note { padding: 3px 3px 3px 10px;  background: url(../icons/icon_notes.png) left no-repeat;  color: #369; background-size: contain;}
.note:hover {text-decoration:none;color:#c00;}
.note .num {border-radius: 50%; font-size: 70%; color: white;  padding: 1px 4px; vertical-align: super; font-weight: bolder;}            

.green {color:#0A0;}
.red {color:#A00;}
.blue {color:#139;}
.whibg {background-color: white;}
.border_tinymce {border:dashed 2px #eee;}

.tagbar { height:24px; background:url(../icons/tag_form_bg.gif) top repeat-x; margin:10px; line-height:24px; font-size:90%;}
.tagbar li { float:left; text-align:center; background:url(../icons/tag_form_2.gif) top center no-repeat; height:24px; width:100px; margin-left:2px;}
.tagbar li a { display:block; background:url(../icons/tag_form_1.gif) top center no-repeat; height:24px;}
.tagbar .a { display:block; background:url(../icons/tag_form_1.gif) top center no-repeat; cursor: pointer;color:#369;}
.tagbar .a:hover {color:#00c;}
.tagbar li a:hover {}
.ovtable td {padding:0.3em;}
#neworder {  text-align: center; float: right; padding: 0px; position: absolute;  background-color: white;}
#neworder img {cursor: pointer; margin:2px;}
#neworder .listline td {cursor: pointer; background-color: white; vertical-align: middle; border: dashed 1px #ffffff;}
#neworder .listline:hover td {cursor: pointer; background-color: white; border: dashed 1px #cc0000;}

.tagbar2 { height:41px; background:url(../icons/tag_qc_bg.gif) bottom repeat-x; margin:0px; line-height:41px; vertical-align: middle;}
.tagbar2 li { float:left; text-align:center; background:url(../icons/tag_qc_2.gif) top center no-repeat; height:41px; width:160px; margin-left:2px; font-size:105%; color:#0066aa;}
.tagbar2 li a { display:block; background:url(../icons/tag_qc_1.gif) top center no-repeat; height:41px;}
.tagbar2 li a:hover {}
.tagbar3 { height:30px; margin:0px; line-height:30px; vertical-align: middle;}
.tagbar3 li { float:left; text-align:center;  height:30px; min-width:100px; background-color:white; border:solid 1px #A7ABB3; border-bottom:0; margin-left:0.5em; font-weight:bold;}
.tagbar3 li strong {display:block; height:30px; font-size:105%; color:#CC0000; padding: 0 5px;}
.tagbar3 li strong:hover {text-decoration:underline;}
.tagbar3 li a { display:block; height:29px;border:0px;background: none #EEEEEE; border-bottom: solid 1px #B7BBB3; color:#666666; font-size:90%; padding: 0 5px;}
.tagbar3 li a:hover { background: none #FFFFE1; text-decoration:none; color:#CC0000;}
.tagbar4 { height:25px; margin:0px; line-height:25px; vertical-align: middle;}
.tagbar4 li { float:left; text-align:center;  height:25px; min-width:100px; background-color:white; border:solid 1px #A7ABB3; border-bottom:0; margin-left:0.5em; font-weight:bold;
-moz-border-radius: 3px 3px 0 0;
-khtml-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tagbar4 li strong {display:block; height:25px;color:#0000CC; padding: 0 5px;
-moz-border-radius: 3px 3px 0 0;
-khtml-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tagbar4 li a { display:block; height:24px;border:0px;background: none #EEEEDD; border-bottom: solid 1px #B7BBB3; color:#666666; font-size:90%; padding: 0 5px;
-moz-border-radius: 3px 3px 0 0;
-khtml-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tagbar4 li a:hover { background: none #FFFFE1; text-decoration:none; color:#CC0000;}
.Mask{ position:fixed; left:-99999px; top:-99999px; width:100%;height:100%;
    background-color:#999;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.grouplist {float:left; padding: 0.2em 2em; cursor:pointer;}
.group_dialog {
    overflow: visible;
    position: absolute;
    display:none;    
    z-index:9;    
    padding:1em;
    margin:0;
    border:solid 2px silver;
    background-color: white;
}
.group_dialog ul {display:block; float:left; padding:0.6em;}
.group_dialog ul li {padding:2px 2px 2px 15px; background: url('../icons/icon_arrowleft.gif') left no-repeat;}
.group_dialog ul li a {line-height: 120%;}
.msgBoard {overflow:visible; position:fixed; top:0; left:0; display:none; z-index: 9; background-color:#ffffee; color:#666666;}
.BGhighlight {background-color:yellow;}
.temblock {float:left; text-align: center; display:block; width:auto; padding:5px; height:140px; width:120px; font-size: 90%; line-height: 100%; margin:5px; border:solid 1px silver;background-color:#efefef;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;                    }
.temblock:hover{border:solid 1px #ffcccc; background-color:#FFFFCC;cursor:pointer;}
.temblock img, .photocol img{margin:2px; border:dotted 1px white; background-color:white; padding:5px;}
.temframe {}
.bluecol {background-color:#ddeeFF;}
.yelcol {background-color:#ffeedd;}
.redcol {background-color:#FFeeee; text-align: right;}
.greencol{background-color: #eeffdd;}
.photocol {background-color:#eeFFff; text-align: center;}
.sep0 td {border-top: solid 2px white;}
.sep1 td {border-bottom: dashed 1px #cccccc; padding:2px;}
.sep2 td {border-top: solid 1px #cccccc;}
.sep3 td {border-bottom: solid 2px #ddcccc;border-top: solid 2px #ddcccc; background-color:#ffeedd;padding:5px 0;}
.sep1 input,.sep1 select,.sep1 textarea,.sep0 input,.sep0 select,.sep0 textarea,.sep3 input ,.sep3 select ,.sep3 textarea {width:95%; font-size: 100%;color:#112233;}

.floatDiv {float:left;overflow:visible;position:absolute;}
.catDiv{float:left;overflow:visible;position:absolute;left:10em;background-color:white;width:10em;border:solid 1px silver;}
.catDiv a {display:block; border-bottom: dotted 1px silver; padding:2px;}
.catDiv a:hover {background-color:#ffffcc;}
.editcodeblock {display:none;background-color:#ffeedd;margin:0;padding:1em;}
.grouplist {text-align: left;}
.grouplist li {background: url('../icons/icon_arrowleft.gif') left no-repeat; line-height: 120%; padding:2px 2px 2px 15px; border-bottom: dotted 1px silver;}
.grouplist li a {color:black;}
.grouplist li a:hover {color:blue;}
.page {text-align:right;}
.page a{border:solid 1px #cccccc; background-color:#ffffee;padding:0 4px;margin:0 1px;}
.page strong {color:#cc0000;}
.page a:hover,.hoveryel:hover {background-color:#ffff99;border:solid 1px #AAAA66;color:black;}
.stamp_red {font-weight: bold;color: #aa0000; border: 2px solid #aa0000; padding: 2px; background-color: white;}
.suggestlist {text-align: left;border:solid 1px gray;border-left-color: silver; border-top-color: silver;max-width: 40em;background-color:#ffffee;}
.suggestlist li {line-height: 130%; padding:2px; border-bottom: dotted 1px silver;cursor:pointer;}
.suggestlist li {}
.suggestlist li:hover {background-color:#ffffaa;}
.dotted_hover:hover {border:dotted 1px #990000;}
.pointer {cursor:pointer;}
.calhead td{padding: 1px; font-weight: bold; border: dotted 1px silver;color:#069;}
.calrow td{padding: 1px; border: dotted 1px silver;}
.calrow td:hover {background-color:#FFFF66; cursor:pointer;}
.x{  font-size:15px;font-weight:bold;font-family:Verdana, Arial; color:#990000; padding:1px;}
.bluebg {background-color:#ddeeff;}
.skybg {background-color: #86D8F2;}
.yelbg {background-color:#ffffcc;}
.redbg {background-color:#ffcccc;}
.deepredbg {background-color:#c00;}
.greenbg {background-color:#eeffdd;}
.grassbg {background-color: #99CC66;}
.darkgrassbg {background-color: #3b823b;}
.whibg {background-color:#ffffff;}
.graybg {background-color:#eeeeee;}
.graybluebg {background-color:#336699;}
.darkgraybg {background-color:#333;}
.purplebg {background-color:#FFddFF;}
.orangebg {background-color: #F80;}
.pinkbg {background-color: #FFDDEE;}
.red {color:#CC0000;}
.gray{color:#666666;}
.green {color:#009900;}
.strong{font-weight:bold;}
.blue {color:#0033cc;}
.yel {color: #CC6600;}
.grayblue {color:#006699;}
.white {color:#fff;}
.btn {
    border:solid 0px #3b923b; font-weight: bold;
    margin:1px;  padding:3px 8px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.btn:hover { color:white; background-color: #ce1e40;}
.shadow { box-shadow: rgba(0, 0, 0, 0.458824) 0px 1px 2px;}
.status_redbtn {color:#c00; border:1px solid #c00;padding:1px;background-color:white;font-family:"Arial Black", Gadget, sans-serif;}
.status_redbtn:hover {background-color:#fcc;}
.status_blackbtn {color:#666; border:1px solid #666;padding:1px;background-color:white; font-family: "Arial Black", Gadget, sans-serif;}
.status_blackbtn:hover {background-color:#ccc;}
.highline:hover {background-color:#ffc;}
.hideblock {display:none;}
.smallfont {font-size: 80%;}
.bsolid_t {border-top:solid 1px #000;}
.bsolid_r {border-right:solid 1px #000;}
.bsolid_l {border-left:solid 1px #000;}
.bsolid_b {border-bottom:solid 1px #000;}
.bdot_l {border-left:dotted 1px #ccc;}
.bdot_b {border-bottom:dotted 1px #ccc;}
.nowrap {white-space: nowrap;}