html, body {
  height: 100%;
  margin: 0;
  padding: 5px;
  color: #000;
  background: #B8B7B7;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}
a {
  color: #000;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
  text-decoration: none;
}

span {
  /*font: bold 11px Tahoma, Verdana, Arial, Sans-Serif;*/
}
img {border: 0;}
form {margin: 0;}

.error {
  font: 12px Verdana, Arial, Sans-Serif;
  color: #ed7527;
}
.alert_message {
  color: #fff;
  background: red;
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
}
.alert_message a {
  color: #000;
  font-weight: bold;
}
input {
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}
input.box, .form input.box {
  width: auto;   
}
input.button, input.icon, button {
  background: #D3D3D9 url(/images/admin/button-bg.gif) repeat-x;
  border: 1px solid #6C6C72;
  padding: 3px 10px;
  color: #000;
  cursor: pointer;
}
input.icon {
  padding-left: 25px;
  padding-right: 15px;
  background-repeat: no-repeat; 
}
/* html input.icon {padding-left: 15px; padding-right: 2px;} */
button {
  height: 25px;
  padding: 3px 8px 3px 5px;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
  text-align: left;
}
button img {
  padding-right: 3px;
}
.buttons {
  background: #e1e1e1;
  margin-top: 20px;
  padding: 10px;
  /*border-bottom: 1px solid #6C6C72;*/
}
/** PRICE **/
.price, .price-special {
  color: red;
}
.price-old {
  text-decoration: line-through;
}
td.price, th.price, .table th.price {
  text-align: right;
  color: #000;
}
.price-total {
  color: red;
}
th.price-total, td.price-total, .table th.price-total {
  text-align: right;
}
.total {
  border-top: 1px solid #6C6C72;
  padding-top: 3px;
  font-weight: bold;
}
/** !PRICE **/

/*** form ***/
table.form  {
  width: 100%;
  border: 1px solid #ccc;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}
.form td {
  padding: 5px;
  background: #F5F5F5;
  border-bottom: 1px solid #ccc;
}
.form th {
  background: #E1E1E1;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.form span {
  font-weight: normal;
}
.asterisk {
  color: red;
}
.form-left {
  text-align: left;
  width: 160px;
}
.form .info {
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
}
.form .buttons {
  padding-top: 10px;
  text-align: center;
  background: #e1e1e1;
  border-bottom: 0;
}
/*** !form ***/

/*** table ***/
.table {
  width: 100%;
  border: 1px solid #ccc;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}
.table th {
  background: #E1E1E1;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.table th.footer {
  border-top: 1px solid #ccc;
  border-bottom: 0;
}
.table th a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
tr.over {
  background: #DDEAF3;
}
tr.line0 {
  background: #F5F5F5;
}
tr.line1 {
  background: #fff;
}
.table tr.active {
  background: #ccc;
  font-weight: normal;  
}
.table tr.active a {
  
}
.table td.order-desc {
  background: url(/images/admin/bg-desc.gif);
}
.table td.order-asc {
  background: url(/images/admin/bg-asc.gif);
}
.table td {
  padding: 3px;
}
.table td table td {
  padding: 0;
}
.table td a {
  text-decoration: none;
}
.table td.edit {
  text-align: center;
  white-space: nowrap;
}
.table td.edit a {
  font-size: 11px;
  font-weight: normal;
}
/*** !table ***/

/*** ADMIN SHOW ***/
table.admin-show {
  width: 100%;
}
table.admin-show .border, table.admin-show .border-none-top {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 10px;
}
.admin-show td.border {
  border: 1px solid #ccc;
}
/*** ADMIN SHOW ***/

/** ORDER **/
.received {
  color: #46AD2E;
}
.processing {
  color: #FFA711;
}
.shipped {
  color: #973232;
}
.onhold, .refunded, .canceled {
}
/** !ORDER **/

/*   pageTab   */
ul.pageTab {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
ul.pageTab li {
  padding: 0;
  list-style: none;
  display: inline;
}
ul.pageTab li.current, a.begin, a.end, a.previous, a.next, a.page {
  padding: 2px 7px;
  margin: 0 -3px;
  background: #f9f9f9;
  border: 1px solid #F5F5F5;
  color: #666;
}
ul.pageTab a.begin:hover, a.end:hover, a.previous:hover, a.next:hover, a.page:hover {
  background: #F5F5F5;
}
ul.pageTab li.current {
  background: #ccc;
  color: #F5F5F5;
}
/*   !pageTab  */


/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
#top {
  background: url(/images/admin/top-bg.gif) repeat-x;
  height: 70px;
  vertical-align: top;
  border: 1px solid #fff;
}
#fheader {
  background: #e1e1e1;
  font-weight: bold;
  border-bottom: 1px solid #f9f9f9;
  height: 20px;
}
#fheader a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
#navigation {
  padding: 3px 0 0 10px;
}
#title {
  font-size: 14px;
  padding: 0px 10px 0 0;
  color: #000;
}
#body {
  width: 100%;
  /*height: 100%;*/
  background: #fff;
}
.border {
  border: 1px solid #ccc;
}
#content {
  padding: 10px;
  height: 100%;
}
#fleft, #fcontent {
  background: #F9F9F9 url(/images/admin/content-bg.gif) repeat-x;
}
#footer {
  background: #dfdbdc;
  border-bottom: 1px solid #f9f9f9;
  height: 33px;
  text-align: center;
  padding-top: 7px;
}

/*** LEFT MENU ***/
.navlist {
  margin: 0;
  padding: 0px;
  width: 195px;
  margin-left: 0;
}
.navlist li {
  list-style: none;
  border-top: 1px solid #fff;
}
.navlist li.top {
  background: url(/images/admin/menu/top.gif);
  height: 17px;
  border: 0;
  width: 195px;
}
.navlist li.bottom {
  background: url(/images/admin/menu/bottom.gif);
  height: 14px;
  border: 0;
  border-top: 1px solid #fff;
  width: 195px;
}
.navlist a {
  width: 165px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 4px 12px 4px 18px;
  color: #000;
  background: #ccc url(/images/admin/menu/bullet.gif) 4px no-repeat;
}
.navlist a:hover {
  background: #ccc url(/images/admin/menu/bullet.gif) 4px no-repeat;
  color: #000;
}
li.subnavlist a, li.subnavlist a.active {
  font-weight: normal;
  background: #F5F5F5 url(/images/admin/menu/bullet-sub.gif) 8px no-repeat;
  width: 163px;
  padding-left: 20px;
}
li.subnavlist a:hover {
  background: #DDEAF3 url(/images/admin/menu/bullet-sub.gif) 10px no-repeat;
  width: 163px;
  padding-left: 20px;
}
li.subnavlist a.active {font-weight: bold; background-color: #DDEAF3;}