.data{width:100%; float:left;/*padding-top:10px;padding-bottom:10px;*/ }
.datagrid{ width:100%; text-align:left;border-collapse:collapse;border-left:1px solid #fff;border-right:1px solid #fff }
.datagrid th{height:29px;padding:0 5px; text-align:left; background:#e6e6e6;border-bottom:1px solid #ccc; white-space:nowrap;font-weight:normal; }
.datagrid td a{ margin-right:5px;}
.datagrid td .ActionMenuList, .sales_info_detail td .ActionMenuList{ margin-left:0; margin-right:5px;}/*reset*/
.datagrid .first, .datagrid .first{ padding-left:8px;}
/*.datagrid td{border:1px solid #ddd;}*/

.datagridfoot td{ background:#FDF8D0; height:25px; line-height:25px; border-top:1px solid #ccc;padding:2px 5px;}

.chbox{width:13px;}
.actiontitle{width:80px;white-space:nowrap;}  
th.actiontitle a{ color:#333}
.imgtitle{width:50px!important;}
.imgtitle img{ width:60px; max-height:60px; max-width:60px; }
.viewpicture { width:60px; height:60px; max-height:60px; max-width:60px; display:block;background:url(../images/small_loading.gif) 20px 20px no-repeat; cursor:default}
.salesimg{width:60px; height:60px; float:left; margin-right:5px;background:url(../images/small_loading.gif) 20px 20px no-repeat;}
.salesid{font-size:11px; width:100%; float:left; padding-top:5px;}
.topsalesimg{max-height:60px; max-width:60px; float:left; margin-right:5px;background:url(../images/small_loading.gif) 20px 20px no-repeat; text-align:center;}
.slodqty{ font-weight:bold;}
.viewpicture:hover{ cursor:default}
.datagrid .skutitle{ color:#729700}
.icondfn{ width:16px;}
.shippingtype{ width:100%; float:left;}

.outtopaction{ width:100%; float:left; margin-bottom:3px;}

.action_edit{ margin-bottom:3px; float:left;}

.itemid{ font-size:11px;}
a.itemtitle, span.itemtitle{ font-size:12px;}
.itemrelist{ background:url(../images/icons/iconRelistBlue.gif) no-repeat; padding-left:20px;}
.itemtitle b{ font-weight:normal}
.whirespace{ white-space:nowrap; }
/*in data line*/
.whire_price{white-space:nowrap;}
.whire_price b{ font-size:11px; font-weight:normal;}
 

.datanote, .ebaynote, .paypalnote, .errornote, .pamentnote{ position:relative;  min-height:20px; float:left; width:100%; margin-top:2px}
.datanote p, .ebaynote p, .paypalnote p, .errornote p, .pamentnote p{border:1px solid #f90; background:url(../images/sysicon.png) -1px -581px no-repeat; 
            position:absolute; line-height:18px; left:0; top:1px;margin:0;
            white-space:nowrap;padding-left:23px; padding-right:5px; z-index:0}

.ebaynote p{ background-position: -1px -601px;}
.paypalnote p{ background-position: -1px -621px;}
.errornote p{ background-position: -1px -641px;border:1px solid #f00;}
.pamentnote{ }
.pamentnote p{ background:none; border:none; font-size:11px; padding-left:0; color:#999;overflow:hidden; width:760px;padding:0; margin:0;}

.dataremark{ min-height:18px; margin-top:2px; margin-bottom:5px;float:left; height:20px;}
.dataremark p{border:1px solid #f90; background:url(../images/sysicon.png) -1px -580px no-repeat; line-height:18px;margin:0;padding-left:21px; padding-right:5px;}


  
.datalisterror{min-height:18px; margin-top:2px; margin-bottom:5px;border:1px solid #f60;}
.datalisterror b{float:left; display:block; width:18px; height:18px;background:url(../images/sysicon.png) -1px -641px no-repeat;}
.datalisterror p{line-height:18px;margin:0; padding:0; padding-right:5px;}

.datashipping{ display:block; width:100%; float:left;}
.datashipping table{border:1px solid #ddd; width:600px;border-collapse:collapse;}
.datashipping table td{border:1px solid #ddd;padding:2px 3px; font-size:10px; color:#666;border-collapse:collapse;}
.datashipping table td b{ float:none; font-weight:normal}
.datashipping table td.data_ship_name{ width:34%}
.datashipping table td.data_ship_value{ width:16%}



.datarow td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;}
.datarow1 td{background:#fff; vertical-align:top;}
.datarow td, .datarow1 td{border-top:1px solid #ccc;padding:5px;}

.datarownoborder td{border:none;}

/*product remarkline*/
.prowt td, .prowb td, .prowaltert td, .prowalterb td{padding:5px;vertical-align:top;}
.prowt td{border-top:1px solid #ccc;background:#f6f6f6 url(../images/datarow.png) top repeat-x;}
.prowb td{background:#f6f6f6; padding-top:0;}
.prowaltert td{background:#fff;border-top:1px solid #ccc;}
.prowalterb td{background:#fff;}


.datarowT td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:5px 3px;border-top:1px solid #ccc;}
.datarowB td{ padding:5px 3px;background:#fff; vertical-align:top; padding-bottom:15px;}
.datarowT td img, .datarowB td img{ vertical-align:middle;}
.datarowedit td{border-top:1px solid #ccc;border-collapse:collapse;padding:5px;background:#FDF8D0;}
.datarowedit td a{ margin-right:5px;}
.data-property span{ float:left;}
.data-property div{ width:100%; padding-bottom:2px;float:left;}
.data-property-cuntry{ font-size:11px; padding-left:10px}

  
.linerow td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;}
.linerow1 td{background:#fff; vertical-align:top;}
.linerow td, .linerow1 td{border-top:1px solid #ccc;padding:5px;}
.linerow td img, .linerow1 td img{ vertical-align:middle; margin-right:5px;}

.linerow td input, .linerow1 td input, 
.linerow td select, .linerow1 td select{ vertical-align:middle}
/*.linerow:hover td, .linerow1:hover td{ background:#FDF8D0;}*/

.linerowt td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:5px;border-top:1px solid #ccc;}
.linerowc td{ padding:5px;padding-top:0px;background:#f6f6f6; vertical-align:top;}
.linerowb td{ padding:5px;padding-top:0px;background:#f6f6f6; vertical-align:top;}
.linerowt1 td{background:#fff; vertical-align:top;padding:5px;border-top:1px solid #ccc;}
.linerowc1 td{ padding:5px;padding-top:0px;background:#fff; vertical-align:top;}
.linerowb1 td{ padding:5px;padding-top:0px;background:#fff; vertical-align:top;}
.linerowb td b, .linerowb1 td b, .linerowc td b, .linerowc1 td b{ margin-right:10px; float:left;}
.linerowb td .custometitle, .linerowb1 td .custometitle{ margin-top:5px;}

.userrole{ margin:10px 30px; width:92%}
.userrole th{ background:none; height:23px; line-height:23px;border:0px;}
.userrole td{border:0px;border-top:1px solid #ccc;}

.rowselected td, .rowselected:hover td{ background:#FFF1B9}
.pictureselected, .pictureselected:hover{ background:#FFF1B9}

.borderbottom td{border-bottom:1px solid #ccc;}

.datalinet td, .datalineb td, .datalinealtert td, .datalinealterb td{padding:5px;padding-top:0px;}
.datalinet td{border-top:1px solid #ccc;background:#f6f6f6;}
.datalineb td{background:#f6f6f6;}
.datalinealtert td{background:#fff;border-top:1px solid #ccc;}
.datalinealterb td{background:#fff;}

.linerowbl td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;}
.linerowbl1 td{background:#fff; vertical-align:top;}
.linerowbl td, .linerowbl1 td{border-bottom:1px solid #ccc;padding:5px;}
.linerowedit td{background:#FDF8D0;}

.msgrowhead td{ padding:5px 0;border-bottom:2px solid #999;}
.msgrowhead td b{ margin-left:8px;}
.msgrowhead td u{ margin-left:5px;}

.msgrowline td{ background:#fff; border-bottom:1px solid #e3e6eb; vertical-align:top;  padding:5px}
.msgrowline td img{ vertical-align:top;}
.msgrowline td a{ text-decoration:none;}
.msgrowline:hover td{ background:#f3f3f3;}

.bfdatarowT td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:5px 3px;border-top:1px solid #ccc; padding-top:10px;}
.bfdatarowB td{ padding:2px 3px;padding-bottom:5px;background:#fff; vertical-align:top; }
.bfdatarowC td{ padding:0 3px;padding-bottom:5px;background:#fff; vertical-align:top;}
.bfdatarowD td{ padding:0 3px;padding-bottom:5px;background:#fff; vertical-align:top;}
.bfdatarowT td img, .datarowB td img{ vertical-align:middle;}

.bfdatarowD .datanotenowrap{border:1px solid #f90; text-align:left; float:left; padding-bottom:10px;}  
.bfdatarowD .datanotenowrap th{ background:#f90;padding:0; margin:0;height:20px}   
.bfdatarowD .datanotenowrap td{padding:0; margin:0; vertical-align:middle;padding:0 5px;}
.bfdatarowD .datanotenowrap th b{ background:url(../images/sysicon.png) -1px -601px no-repeat; width:16px; height:16px; display:block;} 

.dataerrorwrap{border:1px solid #f00; text-align:left; float:left; padding-bottom:10px;}  
.dataerrorwrap th{ background:#f00;padding:0; margin:0; border-bottom:1px solid #f00; height:auto}   
.dataerrorwrap td{padding:0; margin:0; vertical-align:middle;padding:0 5px;}
.dataerrorwrap th b{ background:url(../images/sysicon.png) -1px -641px no-repeat; width:10px; height:18px; display:block;} 


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

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


.downgrid{ width:100%; text-align:left;border-collapse:collapse;border-left:1px solid #fff;border-right:1px solid #fff }
.downgrid th{height:29px;padding:0 5px; text-align:left; border-bottom:1px solid #ccc; white-space:nowrap;font-weight:normal; }
.downgrid td a{ margin-right:5px;}
.downgrid td .ActionMenuList{ margin-left:0; margin-right:5px;}/*reset*/
.downgrid .first, .downgrid .first{ padding-left:8px;}

.downrow td{ vertical-align:top;border-top:1px solid #ccc;padding:5px;}
.downrow:hover td{ background:#FDF8D0;}
.downrowselected td{ vertical-align:top;border-top:1px solid #ccc;padding:5px; background:#F7E651}

.downrowflicker{ border:1px solid #F7E651; background:#F7E651; color:#333;}
.downrowflicker td{background:#F7E651;}




.syngrid{text-align:left;border-collapse:collapse; width:100%;}
.syngrid th{height:29px;padding:0 5px; text-align:left; background:#e6e6e6;border-bottom:1px solid #ccc; white-space:nowrap;font-weight:normal; }


.synrowa td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:5px;border-top:1px solid #ccc;}
.synrowa0 td{padding:5px;padding-top:0px;background:#f6f6f6;vertical-align:top;}
.synrowa1 td{padding:5px;padding-top:0px;background:#f6f6f6;vertical-align:top;}


.synrowb td{ padding:5px;background:#fff; vertical-align:top;border-top:1px solid #ccc;}
.synrowb0 td{ padding:5px;padding-top:0px;background:#fff; vertical-align:top;}
.synrowb1 td{ padding:5px;padding-top:0px;background:#fff; vertical-align:top;}

.synrowa td b, .synrowa0 td b, .synrowa1 td b, 
.synrowb td b, .synrowb0 td b, .synrowb1 td b{ font-weight:normal}


.sync_success{ color:#333;}
.sync_success b{ font-weight:normal;}
.sync_failure{ color:#f00; font-weight:normal;}
.sync_failure b{ font-weight:normal;}
.sync_failure u{ font-weight:normal;}
.sync_error{ color:#f00}
.sync_processing{ color:green;}

.sync_warning{ color:#f60}


.synhistorylist{ padding:5px 10px; width:100%;}
.synhistorylist div{ padding-left:10px;}


/*change price*/
.changeprice{text-align:left;border-collapse:collapse; width:100%;}
.changeprice th{height:29px;padding:0 5px; text-align:left; background:#e6e6e6;border-bottom:1px solid #ccc; white-space:nowrap;font-weight:normal; }

.changepriceedit td{background:#FFEAA8; vertical-align:top;padding:5px;border-top:1px solid #ccc; font-weight:bold;}
.changepriceedit0 td{padding:5px;padding-top:0px;background:#FFEAA8;vertical-align:top;}
.changepriceedit1 td{padding:5px;padding-top:0px;background:#FFEAA8;vertical-align:top;}

.changepricerowa td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:5px;border-top:1px solid #ccc;}
.changepricerowa0 td{padding:5px;background:#f6f6f6;vertical-align:top;}
.changepricerowa1 td{padding:5px;background:#f6f6f6;vertical-align:top;}

.changepricerowb td{ background:#fff; vertical-align:top;padding:5px;border-top:1px solid #ccc;}
.changepricerowb0 td{ padding:5px;background:#fff; vertical-align:top;}
.changepricerowb1 td{ padding:5px;background:#fff; vertical-align:top;}


.order_track{text-align:left;border-collapse:collapse; width:100%;}
.order_track th{height:29px;padding:0 5px; text-align:left; background:#e6e6e6;border-bottom:1px solid #ccc; white-space:nowrap;font-weight:normal; }

.ordertrackrow td{background:#f6f6f6 url(../images/datarow.png) top repeat-x; vertical-align:top;padding:10px 5px;border-top:1px solid #ccc;}
.ordertrackrow1 td{padding:10px 5px;background:#fff;vertical-align:top;border-top:1px solid #ccc;}

.refill_head{ width:100%; float:left; background:#FFEAA8;border-top:1px solid #ccc;border-bottom:1px solid #ccc; width:100%}
.refill_head table{ height:35px; line-height:35px; float:left; margin-left:10px;}
.refill_head table td{ padding:0 5px}

.itemselected td{ background:#FDF8D0;padding:0 3px;padding-top:5px;padding-bottom:2px;}
.itemselected1 td{background:#fff;padding:0 3px;padding-top:5px;padding-bottom:2px;}
.itemselected2 td{background:#f4f4f4;padding:0 3px;padding-top:5px;padding-bottom:2px;}

.imgDiv { background: url(../images/small_loading.gif) center center no-repeat; min-height:20px; min-width:20px;}