/*button select txt*/
.button{width:80px; height:22px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer; padding:1px 6px;}
.button1{ width:85px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.button2{ width:95px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.button3{width:110px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.button4{width:150px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.button5{width:130px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}

.remark{width:530px; height:50px}
.txttitle{width:400px;}
.txtbulktitle{width:350px;}
.txtnum{width:40px}
.txtemail{ width:400px;} 
.txtfee{width:80px;}
.txtqty{width:50px;}
.txtfname{width:180px}
.txtfremark{width:250px}
.txtURL{ width:300px;}
.orange{ color:#f60}
.green{ padding:0 5px; color:Green}
.free{color:#f60}

.highlight{ background:#ff0}
.txttimepicker{ width:60px;border:#ccc 1px solid;border-top:#999 1px solid;border-left:#a3a3a3 1px solid;height:17px;background:#fff url(../images/sysicon.png) right -541px no-repeat;cursor:pointer;}

/*model menu*/
.menumodel{ float:left; width:100%; margin-bottom:10px;}
.menuh, .menuf, .menuhl, .menuhr, .menufl, .menufr{ background:url(../images/box/mainboxstyle.png)}
.menuh{float:left; width:100%; background-position:0 -72px; height:32px;}
.menuh1{ height:33px;}
.menuhl { float:left; width:5px; background-position:0 0; height:33px;}
.menuhr { float:right; width:5px; background-position:0 -36px; height:33px;}
.menuhlc{ float:left;}
.menuhlc h1{ float:left; margin-left:5px;height:33px; line-height:33px; }
.menuhlc select{width:180px; margin:7px 5px; margin-right:0px;}
.menuhrc{float:right; margin-right:5px;height:33px; line-height:33px; text-align:right; cursor:pointer}
.menuhrc .refresh{ margin:6px; margin-right:0px;}
.menuf {width:100%; background-position:0 -180px; float:left; height:5px; /*display:none*/ position:relative;bottom:3px;}
.menufl { float:left; width:5px; background-position:0 -108px; height:5px; position:absolute; bottom:0px; left:0;}
.menufr { float:right; width:5px; background-position:0 -144px;height:5px;position:absolute;bottom:0px; right:0;}

.munubody { float:left;height:100%; width:100%;}
.menubodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:hidden; float:left;width:99%;}
.menutree{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:auto; float:left;width:99.2%}

.meuncnt{height:100%; width:100%; float:left; background:#fff;padding-bottom:0px;}
.meuncnt ul{ float:left; width:100%}
.meuncnt ul li{float:left; width:100%;}
.meuncnt ul li ul{display:none;width:196px; float:left; margin:0 1px; margin-bottom:1px;}
.meuncnt ul li ul li{width:100%; float:left;border:0px;padding:0px;}
.meuncnt ul li ul li ul{ display:block;margin:0px;}
.shippanel{ display:none}
.meuncnt a{display:block; float:left; height:27px; line-height:27px; text-decoration:none;}
.meuncnt a:hover{background:url(../images/leftmenubg.png) 0 0;color:#333; text-decoration:none; font-weight:bold;} 
.meuncnt a.selected{ background:url(../images/leftmenubg.png) 0 -27px;color:#000; font-weight:bold; } 
.meuncnt a.selected b{ font-weight:normal; /*color:#909; text-decoration:underline;*/}
.meuncnt b{ float:left; padding-left:25px; cursor:pointer; font-weight:normal}
.meuncnt #ElementMenu ul li a b{padding-left:9px;}/*elements*/
.meuncnt b.second{ margin-left:10px;}
.meuncnt b.second2{ margin-left:25px;}
.meuncnt p{ padding-left:15px;border-top:1px solid #ccc;height:25px; line-height:25px;}
.meuncnt p span{ float:left;}
.meuncnt p u, .meuncnt u{ float:right;color:#666; padding-right:10px; font-size:11px}
.meuncnt p u a:hover, .meuncnt u a:hover{ background:none; text-decoration:none; font-weight:normal}
.meuncnt .select, .meuncnt .selected{padding:0px; margin:0px;float:left;width:100%;}

.meuncnt h2.first{ border-top:none}
.meuncnt h2{border:none; float:left;width:100%;line-height:31px; height:30px; cursor:pointer; font-weight:bold; background:url(../images/sildertitlebg.png) repeat-x;position:relative;}
.meuncnt h2.select{ background-position:0 0;border-top:1px solid #ccc; }
.meuncnt h2.select:hover{ background-position:0 -31px;}
.meuncnt h2.selected, .meuncnt h2.selected:hover{background-position: 0 -63px;border-top:1px solid #ccc;}
.meuncnt h2.select b, 
.meuncnt h2.selected b{width:12px; height:12px; float:left; margin:9px 7px;padding:0px; font-size:0px;background:url(../images/sysicon.png) no-repeat; }

.meuncnt h2.select u, 
.meuncnt h2.selected u{ float:right;}

.meuncnt h2.select .menutitle, 
.meuncnt h2.selected .menutitle{ float:left; width:170px;}

.meuncnt h2.select b{ background-position:-4px -45px }

.meuncnt h2.select .menurefresh{ display:none}

.meuncnt h2.selected b{ background-position:-4px -5px }
.meuncnt h2.selected .menurefresh{ display:block}
.stepselect:hover{ background-position:0 -34px;}
.meuncnt h2.select img{ margin-left:10px; margin-right:7px;}
.meuncnt h2.selected img{ margin-left:6px; margin-right:5px;}
.meuncnt div{ display:block; width:100%; float:left; margin:0; padding:0;}

.ship_secend_menu{ width:100%;}
.ship_secend_menu p{ padding-left:25px;border:none; cursor:pointer;background:url(../images/sysicon.png) 15px -119px no-repeat; display:block; width:100%}
.ship_secend_menu p span{ width:150px;}
.ship_secend_menu p.select{padding-left:25px;background:url(../images/sysicon.png) 15px -119px no-repeat;border:none;}
.ship_secend_menu p.selected{padding-left:25px;background:url(../images/sysicon.png) 15px -80px no-repeat;border:none;}
.ship_secend_menu ul{border:0;}

.ship_secend{ background:url(../images/sysicon.png) no-repeat;}
.ship_secend span{ margin-left:10px;}
.ship_secend span img{ vertical-align:middle; margin-left:5px;}

.meuncnt a.ship_secend_showall{position:absolute;top:7px; right:35px; font-size:0px; width:14px; height:14px; display:block; float:right; background:url(../images/sysicon.png) -3px -163px no-repeat;}
.meuncnt a.ship_secend_hideall{position:absolute;top:7px; right:35px; font-size:0px; width:14px; height:14px; display:none; float:right; background:url(../images/sysicon.png) -3px -183px no-repeat;}


.menumanager{ width:186px; height:28px; line-height:28px; background:#f1f1f1; margin:1px;}
.menumanager a{ margin-left:10px;}


a.menurefresh{ position:absolute;top:0; right:0; width:24px; height:24px; margin:3px; margin-right:5px; background:url(../images/refresh.png) top no-repeat; display:block;}
a.menurefresh:hover{background:url(../images/refresh.png) bottom no-repeat;}

.treehead{ width:100%; float:left; height:27px; line-height:27px; background:#f1f1f1;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
.treehead .all_tree, .treehead .node_tree, .treehead .select_tree{ margin:5px 0 1px 10px; background:url(../images/showtree.png) no-repeat;display:block; width:22px; height:16px; float:left;}
.treehead .all_tree{ background-position: 0 -34px;}
.treehead .all_tree:hover{ background-position:-22px -34px}
.treehead .node_tree{ background-position:  0 0;}
.treehead .node_tree:hover{ background-position:  -22px 0;}
.treehead .select_tree{ background-position:  0 -17px;}
.treehead .select_tree:hover{ background-position:  -22px -17px;}
.treehead .editfolder{ float:right; margin-right:10px;}

.treeview{ background:#fff;padding-bottom:5px; overflow:auto; width:100%;float:left; margin-top:0;border-top:1px solid #ccc; padding-top:5px;}
.treeview ul{width:100%; float:left;}
.treeview ul li{float:left;padding-bottom:1px;border:0px;padding:0px;width:185px}
.treeview li a{display:block; float:left;height:23px; line-height:23px; text-decoration:none;width:100%}
.treeview li a:hover{ color:#333; text-decoration:none; font-weight:bold} 
.treeview li a b{ float:left; padding-left:15px; cursor:pointer; font-weight:normal;} 
.treeview li a u{ float:left;color:#666; padding-left:5px; font-size:11px;}
.treeview li a.selected b{ font-weight:bold; color:#909; text-decoration:underline;}
.jsontree{width:180px; float:left; margin:5px; padding-bottom:5px;/*overflow:auto*/ /*overflow-y:scroll*/}
.jsontree ul li{ width:100%}
.tree li button.ico_none{display:none!important; }/*tree ctr*/

/*search and adsearch model*/
.searchmodel{ float:left; width:100%; margin-bottom:15px;display:table;/*background:#eee url(../images/search.png) repeat-x;*/ }
.searchhl, .searchhr, .searchfl, .searchfr{ background:url(../images/sprite_main.gif); height:6px; font-size:0px;}
.searchhl { float:left; width:6px; background-position:0 0; }
.searchhr { float:right;width:6px; background-position:-6px 0;}
.searchfl { float:left; width:6px; background-position:0 -6px; }
.searchfr { float:right;width:6px; background-position:-6px -6px;}
.searchh, .searchf{background:url(../images/sprite_repeat_x.gif) repeat-x}
.searchh{width:100%; float:left; background-position:0 0}
.searchf{width:100%; float:left; background-position:0 -6px}
.searchbody { width:100%; height:100%; display:table-row}
.searchbodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;display:table-cell; height:100%; padding:5px 10px;}

/* search */
.search{ padding:0 10px;float:left;}
.search dl{line-height:21px; float:left;width:730px; vertical-align:middle;}
.search dt, .search dd{float:left;}
.search dt{ width:125px; margin-right:8px;text-align:right;}
.search dd{ width:590px;text-align:left;}
.search .searchselect{ width:115px;}
.search .searchinput{width:300px;color:#333; float:left;}
.search .searchbtn{font-size:12px; height:21px;float:left; margin-left:8px; width:70px;}
.search .global{ float:left; margin-left:5px}
.search .globaltxt{ float:left; margin-left:5px}
.search dd select{ float:left; margin-left:8px;}
.search a{margin-left:8px;float:left;}
.search dd .flagdw{ float:left; height:19px;}

/* advanced search searchbox */
.advsearch{ background:#eee; float:left;width:100%; margin-top:8px; position:relative;}

.smboxhl, .smboxhr, .smboxtl, .smboxtr{ background:url(../images/runCnrBlank.gif) no-repeat; height:5px;width:5px; font-size:0px;} 
.smboxh, .smboxt{ width:100%; float:left;}
.smboxhl{ background-position:0 0; float:left;}
.smboxhr{ background-position:0 -5px; float:right;}
.smboxtl{ background-position:0 -15px;  float:left;}
.smboxtr{ background-position:0 -10px; float:right;}
.smboxcnt{ float:left;padding:5px 10px; padding-bottom:0; vertical-align:middle}
.smboxcnt1{ padding:5px 10px; padding-bottom:8px; vertical-align:middle}

.advsearch dl{ width:750px; line-height:21px; float:left; vertical-align:middle;}
.advsearch dt, .advsearch dd{float:left;}
.advsearch dt{ width:125px; margin-right:8px;text-align:right;}
.advsearch dd{ width:610px;text-align:left;padding-bottom:8px;}
.advsearch dd input, 
.advsearch dd select{ vertical-align:middle; margin-right:8px;}
.advsearch dd b{ font-weight:normal;vertical-align:middle; padding-left:5px; margin-right:10px;}  
 
.advsearch dd .flagdw{ float:left; height:19px; margin:0; }
.advsearch dd .productdw{ float:left; height:19px; margin:0;}
.advsearch dd .flagdw b{ font-weight:normal;margin:0;}
/*.advsearch dd .flagdw ul, .advsearch dd .productdw ul{z-index:88}*/
.advsearch .clearsearch{ position:absolute; right:10px;bottom:10px;}

.mboxmodel{ float:left; width:100%; margin-bottom:10px;}
.mboxh, .mboxf, .mboxhl, .mboxhr, .mboxfl, .mboxfr{ background:url(../images/box/rouGrayBox.gif);height:5px;}
.mboxh{width:100%; background-position:0 -72px; float:left;  }
.mboxhl { float:left; width:5px; background-position:0 0;}
.mboxhr { float:right; width:5px;  background-position:0 -36px;}
.mboxf { width:100%; background-position:0 -180px; float:left; font-size:0px;}
.mboxfl { float:left; width:5px; background-position:0 -108px; }
.mboxfr { float:right; width:5px; background-position:0 -144px;}
.mboxbody {width:100%;height:100%;float:left;}
.mboxbodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%; float:left; width:99.8%; }

.mainmodel{ float:left; width:100%; margin-bottom:10px;}
.mainh, .mainf, .mainhl, .mainhr, .mainfl, .mainfr{ background:url(../images/box/mainboxstyle.png) }
.mainh{width:100%; background-position:0 -72px; float:left;  height:31px;border-bottom:1px solid #bbb;}
.mainhl { float:left; width:5px; background-position:0 0;  height:31px;}
.mainhr { float:right; width:5px;  background-position:0 -36px;  height:31px;}
.mainhlc{ float:left;height:28px; line-height:28px; }
.mainhlc .title{ float:left; position:absolute;top:3px;font-weight:bold; display:block;}
.mainhlc .titlel{ background:url(../images/tabbg.png) left;height:36px; display:block; text-align:center; line-height:36px; float:left; margin-left:5px; padding:0 13px 0 18px; white-space:nowrap}
.mainhlc .titler{ background:url(../images/tabbg.png) right; width:5px; height:36px; display:block; text-align:center; line-height:36px;position:absolute;right:-5px;}
.mainhrc{ float:right;height:31px; line-height:31px; margin-right:5px;}
.mainhlc h1{ margin-left:5px; float:left; background:none; height:31px; line-height:31px;}
.mainhrc a.customize{ cursor:pointer;background:url(../images/sysicon.png) -3px -464px no-repeat; padding-left:20px; }
.mainf { width:100%; background-position:0 -180px; float:left; height:5px; font-size:0px;}
.mainfl { float:left; width:5px; background-position:0 -108px; height:5px;}
.mainfr { float:right; width:5px; background-position:0 -144px;height:5px;}

.mainbody {width:100%;height:100%;float:left;}
.mainbodyin{border-left:1px solid #B4B2B4;border-right:1px solid #B4B2B4;height:100%; float:left; width:99.8%;}
.mainbodyedit{border-left:1px solid #B4B2B4;border-right:1px solid #B4B2B4;height:100%;overflow:hidden;}
.mainbodyads{border-left:1px solid #B4B2B4;border-right:1px solid #B4B2B4;height:100%;float:left;width:99.8%;}
/*product and picture*/
.mainbodypimg{border-left:1px solid #B4B2B4;border-right:1px solid #B4B2B4;height:100%; float:left; width:99.8%;}

.mainbodyedit{padding:15px; padding-bottom:0px}


.mainview{padding:1px;overflow:hidden; }
.maincnt{width:100%;height:100%; float:left; background:#fff;}
.maindata{ float:left; width:100%;}

.dltitle{border-bottom:1px solid #ccc; width:100%;float:left; margin-bottom:10px;}
.clear{ width:100%; float:left; height:35px;}
/**/
.mainclass{ height:31px; line-height:31px; float:left;}
.mainclass a{ float:left;}
.mainclass ul{ margin-left:10px;float:left;}
.mainclass ul li img{ vertical-align:middle; margin-right:3px;}
.mainclass, .mainclass .tabselect{ padding:0; margin:0}

.mainclass .tabselect{ float:left; margin-right:5px; height:26px; margin-top:5px;background:url(../images/tabbg.png) right top; padding-right:7px; height:26px; display:block;}
.mainclass .tabselect .tabselecttxt{background:url(../images/tabbg.png) left top; padding-left:7px; display:block; height:26px; line-height:28px; float:left; }
.mainclass .tabselected{ float:left; margin-right:5px; height:30px; margin-top:3px; background:url(../images/tabbg.png) right top; padding-right:7px;height:30px; display:block;}
.mainclass .tabselected .tabselecttxt{ background:url(../images/tabbg.png) left top;padding-left:7px; display:block; height:30px; line-height:30px; float:left;}


.moresite{ float:left; margin-top:3px; margin-left:5px;}

/*country select*/
.mainscroll{ width:100%;height:31px; line-height:31px; background:url(../images/tagbg.png) repeat-x;}
.mainscroll .select, .mainscroll .selected, .mainscroll .frist, .mainscroll .last{ display:block;background:url(../images/tagbg.png);height:31px; line-height:31px; text-align:center; float:left; padding:0 15px;}
.mainscroll .select:hover{ text-decoration:none;}
.mainscroll .select{ background-position: bottom right; background-repeat:no-repeat;}
.mainscroll .select:hover{ background-position:0 -32px; background-repeat:repeat-x}
.mainscroll .selected{background:url(../images/tagbg.png) 0 -32px repeat-x;border:1px solid #ccc; border-top:none; border-bottom:none; color:#666; font-weight:bold; position:relative; }
.mainscroll .selected b{background:url(../images/tagbg1.png) center no-repeat; width:100%; height:7px; position:absolute; top:30px; left:0px; display:inline-block;}
.mainscroll .frist{ background-position: 0 -64px; width:23px; height:31px; padding:0px; float:left; }
.mainscroll .last{background-position: -24px -64px; width:23px; height:31px; padding:0px; float:right; }
.mainscroll .cuntry{background:#eee; margin:4px; float:left; height:20px; line-height:20px;}
.mainscroll .cuntry span{ padding:0 15px;}

/*select all*/
.mainselectall{ width:100%; float:left; background:#ffecc6;border-bottom:1px solid #ccc; height:25px; line-height:25px; margin-bottom:1px;}
.mainselectall a{ padding-left:5px;}
.mainselectall span{ padding-left:8px;}
.mainselectall b{ color:#f60; padding:0 5px;}

.actionmenu{border:1px solid #f00}
.actionmenu ul{ background:#f00}
/*grey box*/
.boxmodel{ width:100%; margin-bottom:10px; float:left;}
.boxh, .boxf, .boxhl, .boxhr, .boxfl, .boxfr{ background:url(../images/box/rouGraybox.gif) }
.boxh{width:100%; background-position:0 -72px;  height:5px;}
.boxhl { float:left; width:5px; background-position:0 0;  height:5px;}
.boxhr { float:right; width:5px;  background-position:0 -36px;  height:5px;}
.boxf {width:100%; background-position:0 -180px; float:left; height:5px;}
.boxfl { float:left; width:5px; background-position:0 -108px; height:5px;}
.boxfr { float:right; width:5px; background-position:0 -144px;height:5px;}
.boxbody {width:100%;height:100%;}
.boxbodyin, .boxbodyintig{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:hidden;}
.boxbodyin{ padding:0 15px;}
.boxbodyintig{padding:0 1px;}

/*main page button*/
.buttontop{ width:100%;float:left;padding:10px auto; background: url(../images/buttonbg1.png) bottom repeat-x;}

.buttontop .leftbutton{ float:left; padding:10px 10px 13px 7px;}
.buttontop .leftbutton input{ float:left; vertical-align:middle}
.buttontop .rightbutton{ float:right; margin:10px; margin-right:14px;}
.buttontop .rightbutton .ActionMenuList{ float:right;}
.buttontop .leftbutton div{ display:inline}
.buttontop .leftbutton .abutton{border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666;
                                height:19px; line-height:19px; cursor:pointer; margin-left:7px; float:left; padding:0 10px;min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer}                           
.buttontop .rightbutton .abutton{border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666; 
                                 height:19px;line-height:19px; cursor:pointer;margin-left:7px;float:right;padding:0 10px; min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer}
.buttontop .rightbutton .upload{border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666; 
                                 height:19px;line-height:19px; cursor:pointer;float:right;padding:0 10px; min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer; margin-left:10px;}

.ActionMenuList{border:1px solid #666; margin-left:7px; float:left;cursor:pointer; background:url(../images/actionbg.png) 0px 0px repeat-x; display:block; position:relative;}
.ActionMenuList span{ display:inline-block; height:19px; line-height:19px; background:url(../images/sysicon.png) right -82px no-repeat;padding:0 18px 0 9px; margin-left:0; white-space:nowrap; text-align:left;min-width:43px; }
.ActionMenuList span a{ text-decoration:none;color:#000; margin:0;}
.ActionMenuList ul{ position:absolute;border:1px solid #666; background:#fff; z-index:1;padding:5px;display:none;}
.ActionMenuList ul, .ActionMenuList ul li{ white-space:nowrap; }
.ActionMenuList ul li{display:block;}
.ActionMenuList ul li a{display:block; color:#333; text-align:left;padding:0 5px; line-height:20px; text-decoration:none; margin:0; min-width:50px; white-space:nowrap;}
.ActionMenuList ul li img{ vertical-align:middle; margin-right:3px;} 
.ActionMenuList dfn{ vertical-align:middle; margin-top:2px; margin-right:1px;}
.ActionMenuList ul li a b{ float:left; font-weight:normal;}
.ActionMenuList ul li:hover{background:#66b3ff; color:#333;}
.ActionMenuList span p{ float:left;}


.ActionMenuList:hover{ z-index:2; }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
.ActionMenuList:hover span p{ display:block;top:19px; width:100%; height:4px; left:-1px; z-index:4;position:absolute; background:#fff;border-left:1px solid #666;border-right:1px solid #666;}
.ActionMenuList:hover ul{ display:block; z-index:3;}
.ActionMenuList:hover span{background:#f00 url(../images/actionbg.png) 0px -21px repeat-x;}

.flagdw, .flagdw ul, .flagdw ul li{ float:left;}
.flagdw ul{width:75px;padding:5px;}
.flagdw ul li a{ min-width:66px;}
.fillvac ul li a{ padding-right:15px;}

.actionleft ul{top:22px; left:-1px;}
.actionlefttop ul{bottom:22px; left:-1px;}
.actionright ul{top:22px; right:-1px;}

.datagrid .flagdw{border:none;float:left;cursor:pointer; background:none; display:block;}
.datagrid .flagdw span{ display:inline-block; height:19px; line-height:19px; background:url(../images/sysicon.png) right -82px no-repeat;padding:0 18px 0 0; margin-left:0; white-space:nowrap; text-align:left;min-width:20px; }
.datagrid .flagdw span a{ text-decoration:none;color:#000; margin:0; float:left; }
.datagrid .flagdw ul{ position:absolute;border:1px solid #666; background:#fff; z-index:888;padding:5px;display:none;}
.datagrid .flagdw ul, .datagrid .flagdw ul li{ white-space:nowrap; }
.datagrid .flagdw ul li{display:block;}
.datagrid .flagdw ul li a{display:block; color:#333; text-align:left;padding:0 5px; line-height:20px; text-decoration:none; margin:0; min-width:60px; white-space:nowrap;}
.datagrid .flagdw ul li img{ vertical-align:middle; margin-right:3px;} 
.datagrid .flagdw dfn{ vertical-align:middle; margin-top:2px; margin-right:1px;}
.datagrid .flagdw ul li a b{ float:left; font-weight:normal;}
.datagrid .flagdw ul li:hover{background:#66b3ff; color:#333;}
.datagrid .flagdw span p{ float:left; display:none}

.datagrid .flagdw:hover ul{ display:block;top:18px;}

/**//*
.sales_info_detail .flagdw{border:none;float:left;cursor:pointer; background:none; display:block;}
.sales_info_detail .flagdw span{ display:inline-block; height:19px; line-height:19px; background:url(../images/sysicon.png) right -82px no-repeat;padding:0 18px 0 0; margin-left:0; white-space:nowrap; text-align:left;min-width:20px; }
.sales_info_detail .flagdw span a{ text-decoration:none;color:#000; margin:0; float:left; }
.sales_info_detail .flagdw ul{ position:absolute;border:1px solid #666; background:#fff; z-index:888;padding:5px;display:none;}
.sales_info_detail .flagdw ul, .sales_info_detail .flagdw ul li{ white-space:nowrap; }
.sales_info_detail .flagdw ul li{display:block;}
.sales_info_detail .flagdw ul li a{display:block; color:#333; text-align:left;padding:0 5px; line-height:20px; text-decoration:none; margin:0; min-width:50px; white-space:nowrap;}
.sales_info_detail .flagdw ul li img{ vertical-align:middle; margin-right:3px;} 
.sales_info_detail .flagdw dfn{ vertical-align:middle; margin-top:2px; margin-right:1px;}
.sales_info_detail .flagdw ul li a b{ float:left; font-weight:normal;}
.sales_info_detail .flagdw ul li:hover{background:#66b3ff; color:#333;}
.sales_info_detail .flagdw span p{ float:left; display:none}
*/
.datagrid .flagdw:hover ul{ display:block;top:18px;}
/**/

.droptree{border:1px solid #666; margin-left:7px; float:left;cursor:pointer; background:url(../images/actionbg.png) 0px 0px repeat-x;position:relative;display:block;}
.droptree span{ display:inline-block; height:19px; line-height:19px;  background:url(../images/sysicon.png) right -82px no-repeat;padding:0 18px 0 9px; margin-right:5px;white-space:nowrap; text-align:left;min-width:43px;}
.droptree span a{ text-decoration:none;color:#000}
.droptree span span{padding:0; margin:0; background:none;}
.droptree .tree{ position:absolute; border:1px solid #666;background:#fff; z-index:888; min-width:250px; max-height:250px; overflow:auto; left:-1px; padding:5px; text-align:left; }
.droptree .tree li{ width:100%; text-align:left; white-space:nowrap}
.droptree .tree span{ background:none;}
.droptree .tree a:hover{color:#000; font-weight:bold}

.droptree ul.tree{ display:none; z-index:999; }
.droptreeup{position:relative; text-align:left; }
/*
.droptreeup  p{ background:#f00; position:absolute; width:100%; height:4px; left:-1px; background:#f00;border-left:1px solid #666;border-right:1px solid #666; z-index:9999; }
*/
.droptree .bottom p{ bottom:19px;}
.droptreeup{background:#f00 url(../images/actionbg.png) 0px -21px repeat-x;}
.droptree .tree li span, .droptreeup .tree li span{ text-align:left; float:left;}  
.droptree ul.bottom{ bottom:22px;}
.droptreetop .tree{top:22px;}

.droptree:hover{background:url(../images/actionbg.png) 0px -21px repeat-x;}
.droptree:hover p{display:block;background:#fff; position:absolute; width:100%; height:4px;top:19px; left:-1px;border-left:1px solid #666;border-right:1px solid #666;z-index:9999;}

.droptree:hover ul{ display:block;}


.maindata{width:100%; float:left;}

.mainpage{width:100%; float:left; height:30px; line-height:30px; text-align:center;border-top:1px solid #ccc }
.mainpage .pagerecordes{ float:left; width:19%; line-height:35px; height:35px; text-align:left;vertical-align:middle; margin-left:1%;}
.mainpage .pagerecordes b{color:#f60; margin-right:3px;}
.mainpage .pagenavagation{float:left; text-align:center; width:60%;line-height:35px; height:35px;}
.mainpage .pagenavagation a{font-weight:bold; color:Blue; margin-right:5px;}
.mainpage .pagenavagation a.disabled{ text-decoration:none; color:#A0A0A0;}
.mainpage .pagenavagation a.selected{ color:#f00; font-weight:bold;}
.mainpage .pageof{text-align:right; float:right; width:18.9%; margin-right:1%;line-height:35px; height:35px;}
.mainpage .pageselected{color:red;}

.emptymessage{ text-align:center; width:100%; padding:80px 0; display:block;margin:0 auto;}
.emptymessage b{ text-align:center; background:url(../images/message/messageIcon.gif) no-repeat;padding:1px; padding-left:20px; font-weight:normal; display:block; height:20px; width:100px;}


.loading{ width:100%;height:100%; left:0px;top:0px; background:#333;position:fixed!important;position:absolute;z-index:999999; 
                filter: Alpha(opacity=20); -moz-opacity:0.2;opacity:0.2;}
.loadingBG{left:0px;top:0px; background:#333;position:fixed!important;position:absolute;z-index:9999998; 
                filter: Alpha(opacity=20); -moz-opacity:0.2;opacity:0.2;}                
.loadingimg{position:absolute;z-index:999999999;width:32px;height:32px;left:50%;top:50%;margin-top:-16px; 
              margin-left:-16px;position:fixed!important;background:url(../images/lb-load.gif) no-repeat; display:block}


.modifymodel{ float:left; width:100%; margin-bottom:10px;}
.modifyh, .modifyhl, .modifyhr, .modifyf, .modifyfl, .modifyfr{ background:url(../images/box/rouGrayBg.gif) }
.modifyh{width:100%; background-position:0 -72px; float:left;  height:32px;}
.modifyhl { float:left; background-position:0 0; width:5px; height:32px; }
.modifyhr { float:right; width:5px;  background-position:0 -36px;  height:32px;}
.modifyhlc{ float:left;height:32px; line-height:32px; position:relative; }
.modifyhlc .title{ float:left; position:absolute;top:3px;font-weight:bold; display:block;}
.modifyhlc .titlel{ background:url(../images/tabbg.png) left;height:36px; display:block; text-align:center; line-height:36px; float:left; margin-left:5px; padding:0 18px 0 23px; white-space:nowrap}
.modifyhlc .titler{ background:url(../images/tabbg.png) right; width:5px; height:36px; display:block; text-align:center; line-height:36px;  position:absolute;right:-5px;}
.modifyhrc{ float:right;height:32px; line-height:32px; margin-right:5px;}
.modifyhrc h1{ margin-left:5px; float:left;}
.modifyf {width:100%; background-position:0 -180px; float:left; height:5px;}
.modifyfl { float:left; width:5px; background-position:0 -108px; height:5px;}
.modifyfr { float:right; width:5px; background-position:0 -144px;height:5px;}

.modifybody {width:100%;height:100%; float:left;}
.modifybodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;padding:0 2px 0 0px;}
.modifycnt{ float:left; /*background:#fff;border:1px solid #bbb;*/padding:1px;width:100%;}
.modifybodyin h1{margin-bottom:3px; height:21px; line-height:21px;}

/*icon model*/
.iconmodel{ float:left; width:100%; margin-bottom:10px;}
.iconh, .iconf, .iconhl, .iconhr, .iconfl, .iconfr{ background:url(../images/box/rouGraybox.gif); font-size:0px;height:3px;}
.iconh{width:100%; background-position:0 -72px; float:left;}
.iconhl { float:left; width:5px; background-position:0 0;}
.iconhr { float:right; width:5px;  background-position:0 -36px; }
.iconf {width:100%; background-position:0 -180px; float:left; }
.iconfl { float:left; width:5px; background-position:0 -108px; }
.iconfr { float:right; width:5px; background-position:0 -144px;}

.iconbody {width:100%;height:100%; float:left;}
.iconbodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;height:99.6%;overflow:hidden;padding:2px 10px; padding-bottom:8px;}
.iconbodyin h1{height:21px; line-height:21px;}
.iconbodyin ul, .iconbodyin li{width:100%; float:left; vertical-align:middle; line-height:19px; padding-top:5px;}
.iconbodyin li dfn{ margin-right:5px;}
.iconbodyin .more{ text-align:right; float:right; width:100%; display:block; }

.btn{float:left;width:100%; margin-top:10px; margin-bottom:10px;}
.btncenter{width:100%; text-align:center; height:30px; line-height:30px; }

/*time picker*/
div.time-picker {position: absolute; height: 150px;width:62px; /* needed for IE */ overflow: auto;background: #fff;border: 1px solid #000;z-index: 999999999; margin:0; padding:0;}
div.time-picker-12hours {width:6em; /* needed for IE */ margin:0; padding:0;}
div.time-picker ul {list-style-type: none;margin: 0;padding: 0;}
div.time-picker li { margin:0; padding: 1px;cursor: pointer;}
div.time-picker li.selected { background: #316AC5;color: #fff;}

/*dialog*/
.dialog{position:relative; overflow:hidden; font-size:12px; line-height:1.4;border-collapse: collapse;z-index:99999997;}
/*.dialog_gb{position:absolute;background-color:#f00;opacity:0.4;filter:alpha(opacity=40);width:100%;height:100%;}
*/
.dialog_gb{position:absolute;width:100%;height:100%; left:0px;top:0px; background:#333;position:fixed!important;z-index:999999; 
           filter: Alpha(opacity=20); -moz-opacity:0.2;opacity:0.2;cursor:not-allowed; cursor:url(../images/unavailable.cur);}
           

/*
.dialog_topleft, .dialog_topright, .dialog_bottomleft, .dialog_bottomright{background:url(../images/dialog/dialog_main.png); font-size:0px;width:10px; height:10px}
.dialog_top, .dialog_bottom{ background:url(../images/dialog/dialog_repeat_x.png) repeat-x; font-size:0px;}
.dialog_left, .dialog_right{background:url(../images/dialog/dialog_repeat_y.png) repeat-y; font-size:0px;}
.dialog_topleft{background-position:0 0;}
.dialog_topright{background-position:-31px 0;}
.dialog_top{height:10px; background-position:top;}
.dialog_bottom{height:10px; background-position:0 -30px;}
.dialog_left{ background-position:left;}
.dialog_right{background-position:-31px 0;}
.dialog_bottomleft{background-position:0 -30px}
.dialog_bottomright{background-position:-31px -30px}
.dialog_close{cursor: pointer; float: right; height: 21px; width: 21px;background: url(../images/dialog/dialog_main.png) 0 -41px; }
.dialog_close:hover{ background-position:0 -63px;}
.dialoghead{ height:28px; width:100%; background:#c5d2e8;border-bottom:1px solid #8AA29D}
.dialog_title{ float:left; line-height:24px; font-weight:bold; padding-left:5px;}
.dialog_covering{position: absolute; height:100%; width: 100%; display: none; background-color:#fff; opacity: 0.5;}
.dialog_frame{border:1px solid #8AA29D;border-top:none;border-left:none;/* overflow:hidden*//*}
.dialog_button{ background:#C5CEE9; padding: 6px 0 3px 0; text-align: right;}
.dialogbutton, .dialog_button input{ width:80px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.dialogmsghead{border:1px solid #8AA29D;border-top:none;border-bottom:none;background:#f2f4fc; font-weight:bold;}
.dialogmsghead table{ height:45px;}*/

.dialog_topleft, .dialog_topright, .dialog_bottomleft, .dialog_bottomright{background:url(../images/dialog/dialog_main.png); font-size:0px;width:10px; height:10px}
.dialog_top, .dialog_bottom{ background:url(../images/dialog/dialog_repeat_x.png) repeat-x; font-size:0px;}
.dialog_left, .dialog_right{background:url(../images/dialog/dialog_repeat_y.png) repeat-y; font-size:0px;}
.dialog_topleft{background-position:0 0;}
.dialog_topright{background-position:-31px 0;}
.dialog_top{height:10px; background-position:top;}
.dialog_bottom{height:10px; background-position:0 -30px;}
.dialog_left{ background-position:left;}
.dialog_right{background-position:-31px 0;}
.dialog_bottomleft{background-position:0 -30px}
.dialog_bottomright{background-position:-31px -30px}
.dialog_close{cursor: pointer; float: right; height:19px; width:19px;background: url(../images/dialog/close.png) 0 0;}
.dialog_close:hover{ background-color:black;}
.dialoghead{ height:28px; width:100%; background:#fff;border-bottom:1px solid #fff}
.dialog_title{ float:left; line-height:24px; font-weight:bold; padding-left:5px;}
.dialog_covering{position: absolute; height:100%; width: 100%; display: none; background-color:#fff; opacity: 0.5;}
.dialog_frame{ border-top:none;border-left:none;/* overflow:hidden*/}
.dialog_button{ background:#fff; padding: 10px 5px 5px 0; text-align: right;}
.dialogbutton, .dialog_button input{ width:80px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.dialogmsghead{border:1px solid #fff;border-top:none;border-bottom:none;background:#fff; font-weight:bold;}
.dialogmsghead table{ height:45px;}


.diogcnt{ padding:18px;}
.diogleft{width:190px; float:left; min-height:420px;border:1px solid #ccc; overflow:auto;}
.diogleft h1{ background:#eee; height:25px; line-height:25px;border-bottom:1px solid #ccc; font-weight:normal}
.diogleft h1 b{ margin-left:5px}
.diogright{ height:392px; margin-left:200px;}
.diogright .search{ height:25px; line-height:25px;}
.dialogdata{border:1px solid #ccc; float:left; width:100%}
.dialogdata table{ border-top:1px solid #fff}
.dialogcreate{ width:100%; float:left; height:30px; line-height:30px;}

.diogpage{width:100%; float:left; height:30px; line-height:30px; text-align:center;background:#f1f1f1; border:1px solid #ccc;border-top:none;}
.diogpage .pagerecordes{ float:left; width:19%; line-height:30px; height:30px; text-align:left;vertical-align:middle; margin-left:1%;}
.diogpage .pagerecordes b{color:#f60;}
.diogpage .pagenavagation{float:left; text-align:center; width:60%;line-height:30px; height:30px; }
.diogpage .pagenavagation a{font-weight:bold; color:Blue; margin-right:5px;}
.diogpage .pagenavagation a.disabled{ text-decoration:none; color:#A0A0A0;}
.diogpage .pagenavagation a.selected{ color:#f00; font-weight:bold;}
.diogpage .pageof{text-align:right; float:right; width:18%; margin-right:1%;line-height:30px; height:30px;}
.diogpage .pageselected{color:red;}

/*dialog customize display*/
.diogcntcdp{ width:100%;}
.diogcntcdp li{ width:150px;}
.dialogcustom{width:100%; float:left;}
.dialogcustomhead ul, 
.dialogcustomhead li{width:100%; height:21px; line-height:21px; margin-bottom:4px;}

.dialogcustom_showdetail{ width:100%; padding-top:10px;}
.dialogcustom_showdetail span{float:left; margin-left:5px;}
.dialogcustom_showdetail ul{ float:left;}
.dialogcustom_showdetail li{ float:left; margin-left:5px;}
.dialogcustom_showdetail li input{ vertical-align:middle}
/*dialog content*/
.dialog_head{  width:100%; background:url(../images/dialogsearchbg.png) repeat-x; padding:10px 0;height:21px; vertical-align:middle}
.dialog_head span{ margin-left:15px; margin-right:8px;}
.dialog_head input, .dialog_head select{ vertical-align:middle;}
.dialog_head .search_txt{width:308px;}
.dialog_head .search_btn{width:72px;}
/*.dialog_head .search_txt{ background:url(../images/dialogsearchbg.png) -4px -47px no-repeat; width:308px;height:19px;border:1px solid #9a9d9d;border-right:none; padding:0 2px;}
.dialog_head .search_btn{ background:url(../images/dialogsearchbg.png) -317px -47px no-repeat; width:72px;height:21px;border:none;color:#fff; font-weight:bold;}
*/
.dialog_head .folder_btn{ border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666;
                                height:19px; line-height:19px; cursor:pointer; margin-left:10px; float:left; padding:0 10px;min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer}
.dialog_head .invoice_title, .invoce_select{ margin-left:10px; float:left;}

.dialog_head .globaltxt{ text-align:left; margin-left:0;}

.dialog_advhead .type_select{ margin-left:15px; margin-right:8px; width:90px;}
.dialog_advhead{  width:100%; background:url(../images/dialogsearchbg.png) repeat-x; padding:10px 0;height:21px; vertical-align:middle; margin-bottom:0;}
.dialog_advhead input, .dialog_advhead select{ vertical-align:middle; float:left;}
.dialog_advhead .search_txt{width:308px;}
.dialog_advhead .search_btn{width:72px; margin-right:10px;}
/*.dialog_advhead .search_txt{ background:url(../images/dialogsearchbg.png) -4px -47px no-repeat; width:308px;height:19px;border:1px solid #9a9d9d;border-right:none; padding:0 2px;}
.dialog_advhead .search_btn{ background:url(../images/dialogsearchbg.png) -317px -47px no-repeat; width:72px;height:21px;border:none;color:#fff; font-weight:bold; margin-right:10px;}
*/.dialog_advhead .folder_btn{ border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666;
                                height:19px; line-height:19px; cursor:pointer; margin-left:10px; float:left; padding:0 10px;min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer}
.dialog_advhead .flagdw{padding:0;margin:0 5px;}
.dialog_advsearch{border-bottom:1px solid #ccc;  width:100%; margin:0; }
.dialog_advsearch dl{ margin-top:0; padding-top:10px;}

.dialog_left_cnt{ background: #ebf4fb; vertical-align:top;border-right: 1px solid #ccc;width:200px;}
.dialog_left_cnt h1{ background:#eee; height:25px; line-height:25px;border-bottom:1px solid #ccc; font-weight:normal}
.dialog_left_cnt h1 span{ margin-left:5px}
.dialog_menu{ width:100%;}
.dialog_menu ul, .dialog_menu ul li{float:left; width:100%;}
.dialog_menu ul li ul{display:none;width:196px; float:left; margin:0 1px;}
.dialog_menu ul li ul li{width:100%; float:left;border:0px;padding:0px;}
.dialog_menu ul li ul li ul{ display:block;margin:0px;}
.dialog_menu a{display:block; float:left; height:27px; line-height:27px; text-decoration:none;}
.dialog_menu a:hover{background:url(../images/leftmenubg.png) 0 0;color:#333; text-decoration:none; font-weight:bold;} 
.dialog_menu a.selected{ background:url(../images/leftmenubg.png) 0 -27px;color:#000; font-weight:bold; } 
.dialog_menu a.selected b{ font-weight:normal; /*color:#909; text-decoration:underline;*/}
.dialog_menu b{ float:left; padding-left:25px; cursor:pointer; font-weight:normal}
.dialog_menu u{ float:right;color:#666; padding-right:10px; font-size:11px}
.dialog_menu u a:hover{ background:none; text-decoration:none; font-weight:normal}
.dialog_menu .select, .dialog_menu .selected{padding:0px; margin:0px;float:left;width:100%;}
.dialog_menu h2{border:none; float:left;width:100%;line-height:31px; height:30px; cursor:pointer; font-weight:bold; }
.dialog_menu h2.select{ background-position:0 0;}
.dialog_menu h2.select b, 
.dialog_menu h2.selected b{width:12px; height:12px; float:left; margin:9px 7px;padding:0px; font-size:0px;background:url(../images/sysicon.png) no-repeat; }
.dialog_menu h2.select b{ background-position:-4px -45px }
.dialog_menu h2.selected b{ background-position:-4px -5px }
.dialogcustomchk li{ float:left;width:150px; line-height:21px; margin-bottom:4px;}
.dialogcustomchk li img{ vertical-align:middle; margin-right:5px;}
.dialogcustomhead li input, .dialogcustomchk li input{ float:left; vertical-align:middle; padding-right:5px;}

/*dialog data*/

.datamodel{ float:left; width:100%; margin-bottom:10px;}
.datah th, .dataf, .datahl, .datahr, .datafl, .datafr{ background:url(../images/box/rouGrayBg.gif) }
.datah th{background-position:0 -72px;  height:28px;}
.datahl {background-position:0 0; background-repeat:no-repeat;  height:28px;}
.datahr {background-position:0 -36px;background-repeat:no-repeat; height:28px; background:#f00}
.datahlc h1{ float:left; margin-left:5px;height:28px; line-height:28px; }
.datahlc select{width:180px; margin:5px 0}
.datahrc{float:right; margin-right:5px;height:28px; line-height:28px; text-align:right; cursor:pointer}
.dataf {width:100%; background-position:0 -180px; float:left; height:5px;}
.datafl { float:left; width:5px; background-position:0 -108px; height:5px;}
.datafr { float:right; width:5px; background-position:0 -144px;height:5px;}
.databody { float:left;width:100%;height:100%;}
.databodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:hidden;}


.boxwarning{border:1px solid #ff7428;padding:3px; margin:5px; margin-bottom:0; background:#ffffca}
.boxwarning b{ background:url(../images/sysicon.png) -2px -483px no-repeat; display:block; width:16px; height:15px; float:left;margin:2px; margin-right:7px; vertical-align:middle}
.dialogcustomchk{width:450px; margin-top:10px; margin-left:17px; }

.templatenav{ width:100%; float:left; height:30px; background:#eee; border-bottom:1px solid #ccc; line-height:30px;}
.templatenav span{ margin-left:10px;}

.dropdowntree{display:block; text-decoration:none; color:#000; height:20px; text-align:center;line-height:20px; padding:0 15px;border:1px solid #666; cursor:pointer;background:url(../images/sildertitlebg.png) 0px -31px repeat-x;}
.dropjsontree{min-width:180px; float:left; z-index:1000;display:none;position:absolute;border:1px solid #666; background:#fff; overflow:inherit; }
.dropjsontree ul{ margin:5px;}
.dropjsontree ul li{ width:100%}

.customercnt{ width:100%}
.customercnt h2{width:100%; line-height:25px; height:25px; border-bottom:1px solid #ccc; margin-bottom:10px; float:left;}
.customercnt dl{ width:520px;}
.customercnt dt, .customercnt dd{ float:left; padding:5px 0}
.customercnt dt{ width:100px; margin-right:10px; text-align:right}
.customercnt dd{ width:150px; text-align:left;} 


/*footpanel*/
.footpanel {position: fixed;bottom:0; left:0;z-index:88;background:#fff;border-top:1px solid #ccc;/* border-bottom:1px solid #fff;*/width:100%;}
.footpanel ul {float: left;width:99.7%;/*border: 1px solid #fff;*/border-bottom:0px;}
.footpanel ul li{ height:30px; line-height:30px; position:relative; vertical-align:middle}
.footpanel ul li a{float: left;color:#333;position:relative;  text-decoration:none; line-height:30px; text-align:center; margin-right:10px;}
html .footpanel ul li a:hover{ }
html .footpanel ul li a.active {margin-top:-2px;border: 1px solid #555;border-top:none;z-index:200; position:relative;}
.footpanel a.home{background: url(home.png) no-repeat 15px center;width:50px;padding-left:40px;border-right:1px solid #bbb;text-indent:0;}
.footpanel a.goto{ padding-left:10px;}
.footpanel li.left{ float:left; text-align:left; margin-left:10px;}
.footpanel li.right{ float:right; text-align:right; margin-right:10px; vertical-align:middle;}
.footpanel li.right input, .footpanel li.left input{ margin:4px 0;}
.footpanel li input{ vertical-align:middle}
.footpanel a small {text-align: center;width:137px;display:none;color:#fff;border:1px solid #8AA29D;background:#c5d2e8;border-bottom:none}
.footpanel a.goto{ background:url(../images/sysicon.png) right -96px no-repeat; padding-right:20px}
.footpanel a:hover small{display: block; position:absolute;bottom:30px;left:-2px; z-index:88; }
.footpanel a small div {float: left;width:125px;border: 1px solid #fff;border-bottom:0px;padding:5px; }
.footpanel a small p{color:#333;display:block;width:115px; padding:0 5px; margin:0px; height:23px; line-height:23px; text-align:left; font-size:12px;}
.footpanel a small p:hover{  background:#66b3ff; text-decoration:none;}

.footpanelNew {position: fixed;top:0; left:0;z-index:88;background:#fff;border-bottom:1px solid #ccc;/* border-bottom:1px solid #fff;*/width:100%;}
.footpanelNew ul {float: left;width:99.7%;/*border: 1px solid #fff;*/border-bottom:0px;}
.footpanelNew ul li{ height:35px; line-height:35px; position:relative; vertical-align:middle}
.footpanelNew li.left{ float:left; text-align:left; margin-left:10px;}

.toppanel {position: fixed;top:0; left:0;z-index:88;background:#fff;border-bottom:1px solid #ccc;/* border-bottom:1px solid #fff;*/width:100%;}


.txtErr{ background-color:Yellow;background:Yellow!important;}



/*icon*/
 dfn{ display:block; width:18px; white-space:nowrap; height:16px; float:left; background:url(../images/ebayicon.png) no-repeat;vertical-align:middle;}
.iconflag-1{ background:none; width:0px;}
.iconflag0{ background-position:-8px -8px;}
.iconflag1{background-position:-40px -8px;}
.iconflag2{background-position:-72px -8px;}
.iconflag3{background-position:-104px -8px;}
.iconflag4{background-position:-137px -8px;}
.iconflag5{background-position:-168px -8px;}
.iconflag6{background-position:-201px -8px;}
.iconflag7{background-position:-232px -8px;}
.iconflag8{background-position:-265px -8px;}
.iconflag9{background-position:-297px -8px;}
.iconflag10{background-position:-265px -40px;}

.iconstart0, .iconstart11{background-position:-8px -105px;}
.iconstart1{background-position:-9px -72px;}
.iconstart2{background-position:-42px -72px;}
.iconstart3{background-position:-74px -72px;}
.iconstart4{background-position:-105px -72px;}
.iconstart5{background-position:-137px -72px;}
.iconstart6{background-position:-169px -72px;}

.iconstart7{background-position:-197px -68px; width:22px; height:24px}
.iconstart8{background-position:-229px -68px;width:22px; height:24px}
.iconstart9{background-position:-261px -68px;width:22px; height:24px}
.iconstart10{background-position:-293px -68px;width:22px; height:24px}

.iconunpaid{background-position:-10px -168px;}
.iconpaid{background-position:-42px -168px;}
.iconneedinfo{background-position:-8px -199px;}
.iconreadytopost{background-position:-103px -168px;}
.iconprint{background-position:-295px -168px;}
.iconnopickup{background-position:-199px -168px;}
.iconpickup{background-position:-42px -199px;}
.iconpickupfail{background-position:-73px -199px;}
.iconintransit{background-position:-232px -168px;}
.icondeliveryfail{background-position:-167px -168px;}
.icondelivered{background-position:-135px -168px;}
.iconshipped{background-position:-72px -168px;}
.iconunship{background-position:-137px -200px;}
.iconems{background-position:-103px -199px; }
.iconrepost{background-position:-232px -199px; }
.iconpending{background-position:-267px -199px; }

.iconcompletedpo{background-position:-198px -199px; }
.iconoustanding{background-position:-166px -199px; }
.iconrefill{background-position:-179px -199px; }

.iconstore{background-position:-74px -137px;}



.iconlisttype1{background-position:-10px -137px;}
.iconlisttype8{background-position:-41px -138px;}
.iconlisttype9{background-position:-136px -136px;}

.iconmail8{ background-position:-8px -41px;}
.iconmail1{background-position:-40px -41px;}
.iconmail2{background-position:-71px -41px; width:19px;}
.iconmail3{background-position:-104px -41px;}
.iconmail4{background-position:-135px -40px;width:19px; height:17px;}
.iconmail5{background-position:-171px -41px;}
.iconmail6{background-position:-203px -41px;}
.iconmail7{background-position:-232px -40px;width:19px;}

.iconfeedback0{background-position:-73px -104px;}
.iconfeedback1{background-position:-40px -104px;}
.iconfeedback2{background-position:-105px -104px;}
.iconfeedback3{background-position:-8px -105px;}

#showlegen, #hidelegen{background:url(../images/sysicon.png) no-repeat; padding-left:16px}
#showlegen{ background-position:-4px -5px }
#hidelegen{ background-position:-4px -23px }

.iconmove{ display:block; width:16px; height:16px; float:left; background:url(../images/sysicon.png) no-repeat;vertical-align:middle}
.iconmove{ background-position:-2px -343px;}

.iconunactive, .iconactive, .iconwarning{display:block; width:16px; height:16px; float:left;background:url(../images/sysicon.png) no-repeat;}
.iconunactive{ background-position:-2px -702px; }
.iconactive{background-position:-2px -503px;}
.iconwarning{background-position:-2px -483px;}

.dragitems{ border:1px solid #ccc; background:#eee; color:#000; font-weight:bold;font-size:12px; padding:10px 15px;}

/**/
.isonline0, .isonline1{display:block; background:url(../images/onlinestatus.png) no-repeat; width:16px; height:16px; font-size:0; }
.isonline0{ background-position:0 -16px;}
.isonline1{ background-position:0 0;}

.editremark{ width:98%; height:120px;}

.btn_remark{margin:10px; float:right;background:url(../images/btn_remark.png) no-repeat; display:block; width:24px; height:30px; position:absolute; right:0; top:0; z-index:9999999}
.btn_remark{ background-position:0 0;}
.btn_noremark{ background-position:-24px 0;}

.schedulestep { width:100%; margin-bottom:10px; float:left;}
.schedulestep ul{background:url(../images/tablestep.png) bottom repeat-x; height:30px; width:100%; float:left;}
.schedulestep ul li{ float:left;}
.schedulestep ul li a{ text-decoration:none; color:#333}
.schedulestep ul li span{background:url(../images/tablestep.png) 0 -102px repeat-x; width:19px; height:29px; display:block; margin:0 10px}
.schedulestep ul li.right{ float:right;}
.schedulestep ul li.right a{color:#002398}

.stepselect, .stepselect a, 
.stepselected, .stepselected a{background:url(../images/tablestep.png) no-repeat;}

.stepselect, .stepselect a{height:29px; line-height:30px; margin-bottom:1px;}
.stepselect{padding-left:20px; background-position:0 0; }
.stepselect a{ background-position:right 0; display:block;padding-right:20px;}

.stepselect:hover{ background-position:0 -34px;}
.stepselect:hover a{ background-position:right -34px;}

.stepselected, .stepselected a{ height:30px; line-height:30px;}
.stepselected{padding-left:20px; background-position:0 -68px;font-weight:bold;}
.stepselected a{ background-position:right -68px; display:block;padding-right:20px; }
.stepselected:hover{padding-left:20px; background-position:0 -68px;font-weight:bold;}
.stepselected:hover a{ background-position:right -68px; display:block;padding-right:20px; }
.poptips{ padding-left:5px;}
.poptips img{ vertical-align:middle}

#pwdStrong_color, #pwdStrong_color table td{padding:0px; margin:0px;}
.pwdstrong{background:#fff; text-align:center;}
.pwdstrong .select{ font-weight:normal}
.pwdstrong .selected{ font-weight:bold}

.strong0, .strong1, .strong2, .strong3{ background:url(../images/pwdstrong.gif) no-repeat;width:50px; height:8px;}
.strong0{ background-position:0 0}
.strong1{ background-position:-50px 0}
.strong2{ background-position:-100px 0}
.strong3{ background-position:-150px 0} 

.step_tab{ width:100%; float:left;background:url(../images/step_tab.png) repeat-x; height:37px;border-top:1px solid #fff;position: fixed;top:0;left:0;z-index:88;}
.step_tab ul, .step_tab ul li{ float:left;}
.step_tab ul li{border-left:1px solid #fff;border-right:1px solid #ccc; height:36px; line-height:36px; display:inline-block;padding:0 15px; text-align:center; position:relative}
.step_tab ul li a{display:inline-block; height:36px; line-height:36px;}
.step_tab ul li:hover{background:url(../images/step_tab.png) 0 -37px repeat-x;}
.step_tab ul li:hover a{color:#333; text-decoration:none}
.step_tab_select b{ display:none;}
.step_tab_selected{ background:url(../images/step_tab.png) 0 -37px repeat-x;font-weight:bold;}
.step_tab_selected b{background:url(../images/step_tab.png) -38px -73px no-repeat; display:block; position:absolute; bottom:-7px;left:42%;width:20px; height:7px;}

.step_tab_msg{ width:100%; float:left;background:url(../images/step_tab.png) repeat-x; height:37px;border-top:1px solid #fff;top:0;left:0;z-index:88;}
.step_tab_msg ul, .step_tab_msg ul li{ float:left;}
.step_tab_msg ul li{border-left:1px solid #fff;border-right:1px solid #ccc; height:36px; line-height:36px; width:110px; text-align:center; position:relative}
.step_tab_msg ul li a{ display:block; width:100%; height:36px; line-height:36px;}
.step_tab_msg ul li:hover{background:url(../images/step_tab.png) 0 -37px repeat-x;}
.step_tab_msg ul li:hover a{color:#333; text-decoration:none}

.sales_info{width:100%; float:left; margin-top:40px}
.sales_info_list{padding:10px 13px 0 10px; overflow:hidden;}

.sales_info_left{ float:left; width:600px; margin:10px; margin-right:0;}
.sales_info_right{ float:left; width:360px; margin-bottom:10px}

.sales_info_address{width:360px; float:left; margin:10px 0 0 10px;  border:1px solid #ccc;padding:10px;}
.sales_info_address h2{ width:100%; float:left; margin:0; padding:0;border:none; height:23px; line-height:23px; margin-bottom:5px;}
.sales_info_address h2 b{ float:left;}
.sales_info_address h2 u{ float:right;}
.sales_info_address p .trackcoder, .sales_info_address p .trackcoder_r{ background:none;padding:0;}
.sales_info_address span{ display:block; width:100%; float:left;}
.sales_info_address span.sort{ float:left; display:inline}
.sales_info_address .ebayaddress{ float:left; width:100%;}
.sales_info_address .paypaladdress{ float:left; width:100%;}

.sales_shiped_address{ float:left; width:100%; background:url(../images/seminar.gif) bottom repeat-x; padding-bottom:10px;}

.sales_info_feedback{border:1px solid #ccc; width:360px; padding:10px; margin:10px 0 0 10px; float:left;}
.sales_info_feedback dl{ width:100%;}
.sales_info_feedback dt, .sales_info_feedback dd{ float:left;}
.sales_info_feedback dt{ width:75px; text-align:right; margin-right:5px;}
.sales_info_feedback dd{ width:270px; }
.sales_info_feedback dd dfn {float:left; margin-right:5px;}
.sales_info_feedback .feedback_txt{ float:left;margin-right:5px;}
.sales_info_feedback .sales_info_fdaction{ float:left;white-space:nowrap; }

.ebayaddress{ background:url(../images/logo/ebay_logo.png) bottom right no-repeat; min-height:35px;}
.paypaladdress{ background:url(../images/logo/paypal_logo.png) bottom right no-repeat; min-height:35px;}
.shipeddress{ background:#E1F3FC;}

.sales_info_detail{ width:100%; float:left;border:2px solid #ccc; margin-bottom:10px; position:relative;}
.sales_info_detail .sales_box_tl{ background:url(../images/sales_box.png) no-repeat; width:2px; height:2px; font-size:0; position:absolute; left:-2px; top:-2px;}
.sales_info_detail .sales_box_tr{ background:url(../images/sales_box.png) -2px 0 no-repeat; width:2px; height:2px; font-size:0; position:absolute; right:-2px; top:-2px;}
.sales_info_detail .sales_box_bl{ background:url(../images/sales_box.png) 0 -2px no-repeat; width:2px; height:2px; font-size:0; position:absolute; left:-2px; bottom:-2px;}
.sales_info_detail .sales_box_br{ background:url(../images/sales_box.png) -2px -2px no-repeat; width:2px; height:2px; font-size:0; position:absolute; right:-2px; bottom:-2px;}
.sales_info_detail_head{ width:100%; border-bottom:1px solid #ccc; height:30px; line-height:30px;background:url(../images/step_tab.png) repeat-x;}
.sales_info_detail_head div{border-right:1px solid #ccc; line-height:30px; float:left; padding:0 10px;}
.sales_info_detail_head div.sales_info_detail_head_icon{ float:right; vertical-align:middle;border-right:0;}
.sales_info_detail_head_icon dfn{ vertical-align:middle; margin:6px 5px;}
.sales_info_total{ color:#f60; font-weight:bold;}

.sales_info_cnt{ width:600px; float:left;}
.sales_info_cnt h2{border-bottom:1px solid #ccc; line-height:30px; width:100%; float:left; margin-bottom:10px;}
.sales_info_table{ border:1px solid #ccc;border-collapse:collapse;text-align:left; width:100%; margin-bottom:5px;}
.sales_info_table th{height:28px;line-height:28px;border:1px solid #ccc;vertical-align:middle;padding:0 5px; background:url(../images/profiledatahead.png) repeat-x; text-align:left; font-weight:normal; }
.sales_info_table td{height:28px;line-height:28px;border:1px solid #ccc;vertical-align:middle;padding:0 5px; text-align:left; }
.sales_info_table .segmentation{border-left:2px solid #ccc;}

.sales_product_title{ width:100%;}
.sales_product_title img{ vertical-align:middle}
.sales_info_item{ }
.sales_info_item dl{ width:600px;}
.sales_info_item dt{ float:left; width:32%; margin-right:2%; text-align:right;}
.sales_info_item dd{ float:left; width:65%;padding-bottom:3px;}
.sales_product_img{ float:right; width:140px; height:140px; text-align:center; position:absolute; top:3px; right:0;}

.sales_info_payment{ width:100%; float:left;}

.sales_info_currency{ width:100%; float:left;color:#f60}

.sales_ebaymessage{width:100%; float:left;}
.sales_ebaymessage_in{border:1px solid #ccc; margin:10px;height:200px; overflow-y:scroll; margin-top:0;}
.sales_ebaymessage_head{height:30px; line-height:30px;background:url(../images/step_tab.png) repeat-x; border-bottom:1px solid #ccc;}
.sales_ebaymessage_head .title{ float:left; margin-left:10px;}
.sales_ebaymessage_head .action{ float:right; margin-right:10px;}

.sales_ebaymessage_last{padding:10px;}

.sales_shipping_item {border:none;border-collapse:collapse;text-align:left; width:100%;margin-top:0;}
.sales_shipping_item th{ line-height:28px;border-bottom:1px solid #ccc;vertical-align:middle;padding:0 5px; background:url(../images/profiledatahead.png) repeat-x; text-align:left; font-weight:normal; }
.sales_shipping_item .linerowt{line-height:25px;vertical-align:middle;padding:0 5px; text-align:left; }
.sales_shipping_item .linerowb{line-height:25px;border-bottom:1px solid #ccc;vertical-align:middle;padding:0 5px; text-align:left; }
.sales_shipping_item .segmentation{border-left:2px solid #ccc;}
.sales_shipping_item .ordertotale { width:100%; line-height:25px; text-align:right; background:#ffecc4;border-top:1px solid #ccc;}   
.sales_shipping_item .ordertotale  span, .ordertotale input{ vertical-align:middle; margin-right:5px;}

.sales_shipping_item  .data_sku{border:1px solid #ccc;border-collapse:collapse;color:#729700; }
.sales_shipping_item  .data_sku td{ line-height:19px; padding:0 5px; background:none;border:1px solid #ccc;border-collapse:collapse;}
.sales_shipping_item  .data_sku th{line-height:19px; padding:0 5px; background:none;border:1px solid #ccc;border-collapse:collapse;text-align:left;}

.order_address_title{ width:100%; float:left; line-height:25px; padding-bottom:5px;}
.sales_info_detail .showtitle{ background:url(../images/sysicon.png) 0 -201px no-repeat; padding-left:20px; display:block; width:450px; height:20px; margin:5px;}
.sales_info_detail .hidetitle{ background:url(../images/sysicon.png) 0 -220px no-repeat; padding-left:20px; display:block; width:450px;height:20px; margin:5px;}

.sales_info_track{border-bottom:1px solid #ccc;}
.sales_info_disdata{border:1px solid #ccc; width:100%; float:left;}
.sales_info_disdata table{border-top:1px solid #fff;}

.sales_shipto_address{ width:100%; float:left;background:url(../images/seminar.gif) bottom repeat-x; }


.sales_note{ color:#f60} 

.relist_rule_add{ width:100%; border-top:1px solid #ccc; float:left; line-height:30px;}
.relist_rule_add a.abutton{border:none; background:url(../images/actionbg.png) 0px 0px repeat-x;border:1px solid #666;
                                height:19px; line-height:19px; cursor:pointer; margin:5px 7px; float:left; padding:0 10px;min-width:50px; text-align:center; text-decoration:none;color:#333; cursor:pointer}                           
table.table_noberder{border:0px;background:none;}
table.table_noberder tr td, table.table_noberder tr{border:0px;padding:3px; background:none;}


.table_autorelist{border:0px;background:none;}
.table_autorelist tr td, .table_autorelist tr{border:0px;padding:3px; background:none;}