* {margin:0;padding:0;}
html {
  height: 100%;
}

body {
  font-size:13px;
  line-height:20px;
  font-family:Helvetica,Arial,Verdana,sans-serif;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  background: #FFF;
}

.panel body {
  background: url(../gfx/background.png) repeat fixed #333;
}

body {
}

#container {
  min-width: 996px;
  max-width: 1440px;
  min-height: 100%;
  margin: 0 auto;
  box-shadow: 0 0 20px #000000;
  /* background: #FFFFFF; */
  position: relative;
}

a {text-decoration:none;color:#007FFF;-moz-outline:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
a img {border:0;}
.clear {clear:both;width:0;height:0;overflow:hidden;}
.left  {float:left;}
.right {float:right;}
.hide  {display:none !important;}
.ellipsis {white-space:nowrap;}

.m-t-10 { margin-top:10px; }
.m-r-10 { margin-right:10px; }
.m-b-10 { margin-bottom:10px; }
.m-l-10 { margin-left:10px; }

#x_db_debug {
  position:fixed;
  left:50%;
  top:50%;
  width:600px;
  height:400px;
  background:#FFF;
  border:1px solid #999;
  margin:-200px 0 0 -300px;
  overflow:auto;
  padding:10px;
  line-height:14px;
  font-family:monospace;
  font-size:11px;
}
#x_db_debug .item {
  padding:5px 0;
}
#x_db_debug .item.dark {
  background-color:#F5F5F5;
}
#x_db_debug .time {
  float:left;
  text-align:right;
  width:60px;
}
#x_db_debug .query {
  float:left;
  margin-left:10px;
  width:510px;
}

.flashplayer {
  padding:50px;
  margin:0 auto;
  width:300px;
  height:75px;
}
.flashplayer a {
  display:block;
  text-align:center;
  height:75px;
  width:300px;
  font-size:12px;
  color:#666;
  line-height:25px;
  font-weight:bold;
  background:url(../gfx/flashplayer.gif) center bottom no-repeat;
}

#topbar {
  position:fixed;
  top: 0;
  width:100%;
  min-width: 996px;
  max-width: 1440px;
  height:40px;
  background:url(../gfx/topnav_bg.png) repeat-x;
  z-index: 110;
}
.dev #topbar {
  background:url(../gfx/topnav_bg_test.png) repeat-x;
}

#topbar .search {
  width:204px;
  height:40px;
  float:right;
  background:url(../gfx/topnav_search.png);
}
#topbar .search input {
  height:16px;
  width:140px;
  margin:14px 0 0 32px;
  color:#FFF;
  background:transparent;
  border:none;
  display:block;
  float:left;
  outline: none;
  text-shadow:1px 1px 1px #000;
}

/* [START] browser fixes */
.win.ie7 #topbar .search input,
.win.firefox #topbar .search input {
  margin:12px 0 0 32px;
}
.mac.safari #topbar .search input {
  margin:13px 0 0 32px;
}
/* [END] browser fixes */



#topbar .search a {
  display:block;
  float:right;
  width:28px;
  margin-top:12px;
  height:16px;
  background:url(../gfx/topnav_search.png) bottom right no-repeat;
  text-indent:-9999px;
}
#topbar .logoff {
  width:39px;
  height:40px;
  float:right;
}
#topbar .logoff a {
  display:block;
  width:39px;
  height:40px;
  text-indent:-9999px;
  background:url(../gfx/topnav_logoff.png) top;
}
#topbar .logoff a:hover {
  background:url(../gfx/topnav_logoff.png) bottom;
}
#topbar .notifications {
    width:39px;
    height:40px;
    float:right;
}
#topbar .notifications a {
    display:block;
    width:39px;
    height:40px;
    text-indent:-9999px;
    background:url(../gfx/topnav_notifications.png) top;
}
#topbar .notifications a:hover {
    background:url(../gfx/topnav_notifications.png) bottom;
}
#topbar .spacer {
    width:3px;
    height:40px;
    float:right;
    background:url(../gfx/topnav_spacer.png);
}
#topbar .pub {
  width:25px;
  height:40px;
  float:right;
  background:url(../gfx/topnav_publishing.gif) left center no-repeat;
}
#topbar .logo {
  width:154px;
  height:40px;
  float:left;
}
#topbar .logo a {
  display:block;
  width:154px;
  height:40px;
  text-indent:-9999px;
}
#topbar .avatar {
  width:24px;
  height:40px;
  background:url(../gfx/topnav_avatar.png) 0px -40px no-repeat;
  float:left;
}
#topbar .avatar .inner {
  width:24px;
  height:40px;
  background:url(../gfx/topnav_avatar.png) 0px 0px no-repeat;
}
#topbar .inbox {
  color:#eee;
  margin-left:10px;
  font-weight:bold;
  font-size:12px;
  text-shadow:0 -1px 0px #000;
  height:40px;
  line-height:40px;
  float:left;
}
#topbar .inbox a {
  color:#eee;
}

#topbar .expires {
  float:right;
  color:#eee;
  margin-right:10px;
  font-weight:bold;
  font-size:12px;
  text-shadow:0 -1px 0px #000;
  height:40px;
  line-height:40px;
}
#topbar .expires a:hover {
  text-decoration:none;
}
#topbar .expires a:hover span {
  text-decoration:underline;
}
#topbar .expires span {
  display:block;
  float:left;
  color:#eee;
}
#topbar .expires em
{
  display:block;
  float:left;
  height:40px;
  width:25px;
  text-align:center;
  background:url(../gfx/topnav_expires.png);
  color:#C80805;
  letter-spacing:-1px;
  font-size:15px;
  margin:0 5px;
  font-family:Arial;
  font-style:normal;
  text-shadow:0 -1px #FFF;
}

#content .msg em
{
    color:#C80805;
    letter-spacing:-1px;
    font-size:15px;
    margin:0 5px;
    font-family:Arial;
    font-style:normal;
    text-shadow:0 -1px #ffcb0a;

}


#x_sidebar_shadow {
  width:154px;
  height:5px;
  position:fixed;
  top:40px;
  background:url(../gfx/sidebar_shadow.png) repeat-x;
  z-index:1000;
}

#sidebar {
  position:fixed;
  top:40px;
  width:154px;
  bottom:63px;
  background:#D9E7F5;
  overflow:auto;
  border-right:1px solid #666;
  z-index: 101;
}
#sidebar.resellers {
  bottom:93px;
}
#titlebar {
  position:fixed;
  top:40px;
  height:30px;
  width: 100%;
  background:url(../gfx/titlebar_bg.png) repeat-x;
  overflow:hidden;
  line-height:30px;
  min-width:800px;
  min-width: 996px;
  max-width: 1440px;
  z-index: 100;
}



.panel #titlebar {
  padding-left: 155px;
  margin-left: -155px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}



#titlebar h1 {
  text-indent:10px;
  font-size:14px;
  color:#000;
  text-shadow:0 1px 1px #fff;
}
#titlebar h1 span.red {
  color:#C80805;
}
#titlebarItems {
  position:absolute;
  top:0;
  right:0;
}
#content {
  background:#FFFFFF;
  position: relative;
}

.panel #content {
  padding: 70px 0 0 155px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


#content.gray {
  background-color:#f5f5f5;
}
#content.dark-gray {
  background-color:#eee;
}
#content.bg-linen-light {
  background: url(../gfx/bg-linen-light.png);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
#content.bg-linen-dark {
  background: url(../gfx/bg-linen-dark.png);
}


#content.content-form {
    padding-bottom: 38px;
}
#content.content-table {
    padding-bottom: 31px;
}


#content .padding {
  padding:10px 0 10px 10px;
  width:840px;
  overflow:hidden;
}

#tooltip {
    background:url(../gfx/interface2/box-gradient-comment.png) repeat-x #FFE78F;
    border:1px solid #000;
    border-color:#DBD0B9 #D2C3A7 #C3AF89 #D2C3A7;
    border-radius:5px;
    box-shadow:0 6px 10px rgba(0, 0, 0, 0.3), inset 0 0 2px #FFF;
    color:#000;
    max-width:400px;
    padding:12px 15px 15px 15px;
    position:fixed;
    top:80px;
    right:30px;
    text-shadow:0 1px 0 #FFF;
    z-index:10;
}

#tooltip .tooltip-title {
    font-size:14px;
    font-weight:bold;
    padding-bottom:5px;
}

#tooltip .tooltip-content {
    font-style:italic;
}

#tooltip .close {
    background:url(../gfx/icons/cross-button.png) no-repeat top left;
    display:block;
    position:absolute;
    top:12px;
    right:15px;
    width:16px;
    height:16px;
}

#tooltip .settings {
    background:url(../gfx/icons/pencil.png) no-repeat top left;
    display:block;
    position:absolute;
    top:12px;
    right:37px;
    width:16px;
    height:16px;
}

.icon-tooltip {
    background-color: #FFF;
    border: 1px solid #333;
    padding: 0px 5px 0 1px;
    position: absolute;
    margin: -22px 0 0 28px;
}

/* start old tags */
/*
#titlebar ul {
  float:right;
  list-style-type:none;
  font-size:10px;
}
#titlebar ul li {
  display:block;
  float:left;
  margin:0 6px 0 2px;
}
#titlebar ul li a {
  display:block;
  height:30px;
  color:#333;
  font-weight:bold;
  text-shadow:0 1px 1px #fff;
}
#titlebar ul li a:active {
  color:#000;
}
#titlebar ul li.active {
  background:url(../gfx/titlebar_buttons.png) top left no-repeat;
}
#titlebar ul li.active a {
  background:url(../gfx/titlebar_buttons.png) top right no-repeat;
  color:#FFF;
  padding:0 8px;
  text-shadow:0 0 1px #333;
}
*/
/* end old tags */

/* start new tags */
#titlebar .title_tabs {
  float:right;
  font-size:10px;
  line-height:34px;
  height:30px;
  font-weight:bold;
  margin-right:4px;
}
#titlebar .title_tabs .tab {
  float:left;
  position:relative;
  z-index:1;
  margin:0 -4px 0 -5px;
}


#titlebar .title_tabs .tab .l {
  float:left;
  width:10px;
  height:30px;
  background:url(../gfx/titlebar_tabs.png) 0px 0px no-repeat;
}
#titlebar .title_tabs .tab .r {
  float:left;
  width:10px;
  height:30px;
  background:url(../gfx/titlebar_tabs.png) -180px 0px no-repeat;
}

#titlebar .title_tabs .tab a {
  display:block;
  height:30px;
  float:left;
  background:url(../gfx/titlebar_tabs.png) center 0px no-repeat;
  text-shadow:0 1px #DDDDDD;
  padding:0 1px;
  color:#333333;
}
#titlebar .title_tabs .tab a:hover {
  text-decoration:none;
}

#titlebar .title_tabs .tab.active {
  z-index:2;
}

#titlebar .title_tabs .tab.over .l {
  background-position:0px -30px;
}
#titlebar .title_tabs .tab.over .r {
  background-position:-180px -30px;
}
#titlebar .title_tabs .tab.over a {
  background-position:center -30px;
}


#titlebar .title_tabs .tab.active .l {
  background-position:0px -60px;
}
#titlebar .title_tabs .tab.active .r {
  background-position:-180px -60px;
}
#titlebar .title_tabs .tab.active a {
  background-position:center -60px;
  text-shadow:0 1px #FFFFFF;
  color:#000000;
  padding:0 6px;
}

/* end new tags */




#titlebar .nav {
  float:right;
  width:49px;
  margin:0 5px 0 0;
  height:30px;

}
#titlebar .nav .spacer {
  float:left;
  height:30px;
  width:1px;

  background:url(../gfx/titlebar_nav.png) -24px 0px no-repeat;
}
#titlebar .nav a {
  display:block;
  float:left;
  text-indent:-9999px;
  width:24px;
  height:30px;
}
#titlebar .nav a.prev {
  background:url(../gfx/titlebar_nav.png) 0px 0px no-repeat;
}
#titlebar .nav a.next {
  background:url(../gfx/titlebar_nav.png) -25px 0px no-repeat;
}

#titlebar .nav a.prev:hover {
  background:url(../gfx/titlebar_nav.png) 0px -30px no-repeat;
}
#titlebar .nav a.prev:active {
  background:url(../gfx/titlebar_nav.png) 0px -60px no-repeat;
}

#titlebar .nav a.prev.dis,
#titlebar .nav a.prev.dis:hover,
#titlebar .nav a.prev.dis:active {
  opacity:0.5;
  background:url(../gfx/titlebar_nav.png) 0px 0px no-repeat;
}

#titlebar .nav a.next:hover {
  background:url(../gfx/titlebar_nav.png) -25px -30px no-repeat;
}
#titlebar .nav a.next:active {
  background:url(../gfx/titlebar_nav.png) -25px -60px no-repeat;
}

#titlebar .nav a.next.dis,
#titlebar .nav a.next.dis:hover,
#titlebar .nav a.next.dis:active {
  opacity:0.5;
  background:url(../gfx/titlebar_nav.png) -25px 0px no-repeat;
}





#panelenv {
  width:154px;
  height:62px;
  position:fixed;
  background:#EBF3FA;
  border-top:1px solid #666;
  border-right:1px solid #666;
  bottom:0;
}
#panelenv.resellers {
  height:92px;
}
#panelenv .title {
  font-size:10px;
  font-weight:bold;
  height:24px;
  line-height:24px;
  text-indent:10px;
  color:#606E80;
  text-shadow:0px 1px 1px #fff;
  background:#D9E7F5;
}
#panelenv .title .plus {
  float:right;
  display:block;
  text-indent:-9999px;
  height:24px;
  width:24px;
  background:url(../gfx/sidebar_plus.png) no-repeat;
}

#panelenv .select .list {
  margin:6px 0 0 6px;
}
/*
#panelenv .select select {
  border:1px solid #666;
  margin:10px 0 0 10px;
  width:134px;
  height:18px;
  font-size:11px;
}
*/
#x_tablenav {
  position:fixed;
  bottom:0;
  height:31px;
  background:url(../gfx/x_tablenav.png) repeat-x;
  color:#000;
  font-size:11px;
  line-height:32px;
  overflow:hidden;

  min-width: 996px;
  max-width: 1440px;


  width: 100%;

}


.panel #x_tablenav {
  margin-left: -155px;
  padding-left: 155px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


#x_tablenav .select,
#x_tablenav .pages {
  float:left;
  margin:4px 4px 0 3px;
}



#x_tablenav .clearsearch {
  height:31px;
  float:right;
}
#x_tablenav .clearsearch a {
  display:block;
}

#x_tablenav .clearsearch a span.l,
#x_tablenav .clearsearch a span.r {
  display:block;
  height:31px;
  float:left;
  background:url(../gfx/x_tablenav.png);
}
#x_tablenav .clearsearch a span.l {
  width:6px;
  background:url(../gfx/x_tablenav.png) 0px -62px;
}
#x_tablenav .clearsearch a span.r {
  background:url(../gfx/x_tablenav.png) right 0px;
  padding:0 10px 0 5px;
  text-shadow:0 1px 1px #fff;
  font-weight:bold;
  color:#111;
}
#x_tablenav .clearsearch a:hover {
  text-decoration:none;
}


#x_tablenav .clearsearch a:active span.l {
  background:url(../gfx/x_tablenav.png) 0px -31px;
}
#x_tablenav .clearsearch a:active span.r {
  background:url(../gfx/x_tablenav.png) right -31px;
}

/*
#x_tablenav .select select,
#x_tablenav .pages select {
  border:1px solid #666;
  background:#eee;
  color:#000;
  margin:6px 0 0 5px;
  width:200px;
  height:18px;
  font-size:11px;
}
#x_tablenav .pages select {
  width:50px;
}
*/
/* BEGIN BROWSER FIXES */
.win.ie7 #x_tablenav .select select {
  margin:2px 0 0 5px;
  height:20px;
}
/* END BROWSER FIXES */
#x_tablenav .nav {
  float:right;
}
#x_tablenav .nav .desc {
  float:right;
  padding:0 10px;
  text-shadow:0 1px 1px #fff;
  font-weight:bold;
  color:#111;
}






#x_tablenav .nav .buttons {
  float:right;
  height:31px;
  width:60px;
}


#x_tablenav .spacer {
  height:31px;
  width:2px;
  background:url(../gfx/x_tablenav.png) 0px -62px;
}

#x_tablenav .nav .buttons a {
  display:block;
  float:left;
  text-indent:-9999px;
  width:30px;
  height:31px;
  background-image:url(../gfx/x_tablenav.png);
}
#x_tablenav .nav .buttons a.prev {
  background-position:-60px -62px;
}
#x_tablenav .nav .buttons a.next {
  background-position:-90px -62px;
}
#x_tablenav .nav .buttons a.prev:active {
  background-position:-120px -62px;
}

#x_tablenav .nav .buttons a.prev.dis,
#x_tablenav .nav .buttons a.prev.dis:hover,
#x_tablenav .nav .buttons a.prev.dis:active {
  background-position:0px -62px;
  cursor:default;
}

#x_tablenav .nav .buttons a.next:active {
  background-position:-150px -62px;
}

#x_tablenav .nav .buttons a.next.dis,
#x_tablenav .nav .buttons a.next.dis:hover,
#x_tablenav .nav .buttons a.next.dis:active {
  background-position:-30px -62px;
  cursor:default;
}



#sidebar .title {
  font-size:10px;
  font-weight:bold;
  height:20px;
  line-height:20px;
  text-indent:20px;
  margin-top:3px;
  text-shadow:0 1px 1px #FFF;
  overflow:hidden;
  text-overflow:ellipsis;
}
#sidebar .title a {
  color:#606E80;
  display:block;
  height:20px;
  background:url(../gfx/sidebar_arrow.png) 10px 0px no-repeat;
}
#sidebar .title a:hover {
  text-decoration:none;
}
#sidebar .open .title a {
  background:url(../gfx/sidebar_arrow.png) 10px -20px no-repeat;
}

#sidebar .admingroup_holder {
    margin:10px 0;
}

#sidebar .admingroup .title {
    background-color:#bdcbd8;
}
#sidebar .admingroup .title a {
    color:#28343e;
}

#sidebar .group {
  display:none;
}
#sidebar .open .group {
  display:block;
}
#sidebar .group .button a {
  display:block;
  height:20px;
  line-height:20px;
  color:#000;
  font-size:11px;
  text-indent:32px;
  text-shadow:0px 1px #fff;
  overflow:hidden;
  position:relative;
}
#sidebar .group .button a:hover {
  text-decoration:none;
}
#sidebar .group .button.active a {
  color:#FFF;
  font-weight:bold;
  text-shadow:0 -1px #005DCD;
}
#sidebar .group .button.active {
  background:url(../gfx/sidebar_active.png) repeat-x;

}
#sidebar .group .button a span {
  width:20px;
  height:20px;
  text-align:center;
  background:url(../gfx/sidebar_pending.png) 0px 0px;
  margin-right:5px;
  font-size:10px;
  font-weight:bold;
  color:#FFF;
  text-indent:0;
  text-shadow:none;
  position:absolute;
  right:0;
}
#sidebar .group .button a span.red {
  background:url(../gfx/sidebar_pending.png) 0px -20px;
}
#sidebar .group .button.active a span {
  background:url(../gfx/sidebar_pending.png) 0px -40px;
  color:#387AC4;
  text-shadow:none;
}

#sidebar .group .button.active a span.red {
  color:#E82920;
}


#sidebar .group .button a.welcome {
  background:url(../gfx/icons/direction.png) 10px 2px no-repeat;
}
#sidebar .group .button a.products {
  background:url(../gfx/icons/t-shirt-print-gray.png) 10px 2px no-repeat;
}
#sidebar .group .button a.options {
  background:url(../gfx/icons/ui-combo-boxes.png) 10px 2px no-repeat;
}
#sidebar .group .button a.custom-fields {
  background:url(../gfx/icons/ui-text-field.png) 10px 2px no-repeat;
}
#sidebar .group .button a.filters {
  background:url(../gfx/icons/ui-check-boxes.png) 10px 2px no-repeat;
}
#sidebar .group .button a.specifications {
  background:url(../gfx/icons/property-blue.png) 10px 2px no-repeat;
}
#sidebar .group .button a.categories {
  background:url(../gfx/icons/folder-open.png) 10px 2px no-repeat;
}
#sidebar .group .button a.headlines {
  background:url(../gfx/icons/projection-screen-presentation.png) 10px 2px no-repeat;
}
#sidebar .group .button a.brands {
  background:url(../gfx/icons/price-tag.png) 10px 2px no-repeat;
}
#sidebar .group .button a.suppliers {
  background:url(../gfx/icons/building-medium.png) 10px 2px no-repeat;
}
#sidebar .group .button a.tags {
  background:url(../gfx/icons/tags-label.png) 10px 2px no-repeat;
}
#sidebar .group .button a.forum {
  background:url(../gfx/icons/balloons.png) 10px 2px no-repeat;
}
#sidebar .group .button a.news {
  background:url(../gfx/icons/newspaper.png) 10px 2px no-repeat;
}
#sidebar .group .button a.subscription {
  background:url(../gfx/icons/credit-card.png) 10px 2px no-repeat;
}
#sidebar .group .button a.app-store {
  background:url(../gfx/icons/application-icon-large.png) 10px 2px no-repeat;
}
#sidebar .group .button a.store {
  background:url(../gfx/icons/license-key.png) 10px 2px no-repeat;
}
#sidebar .group .button a.settings {
  background:url(../gfx/icons/gear.png) 10px 2px no-repeat;
}
#sidebar .group .button a.support {
  background:url(../gfx/icons/information-frame.png) 10px 2px no-repeat;
}
#sidebar .group .button a.webmail {
  background:url(../gfx/icons/mail--arrow.png) 10px 2px no-repeat;
}
#sidebar .group .button a.blog {
  background:url(../gfx/icons/blogs.png) 10px 2px no-repeat;
}
#sidebar .group .button a.account {
  background:url(../gfx/icons/user-silhouette.png) 10px 2px no-repeat;
}
#sidebar .group .button a.messages {
  background:url(../gfx/icons/mail-open.png) 10px 2px no-repeat;
}
#sidebar .group .button a.theme {
  background:url(../gfx/icons/color.png) 10px 2px no-repeat;
}

#sidebar .group .button a.payment {
  background:url(../gfx/icons/credit-cards.png) 10px 2px no-repeat;
}
#sidebar .group .button a.languages {
  background:url(../gfx/icons/money-coin.png) 10px 2px no-repeat;
}
#sidebar .group .button a.preview {
  background:url(../gfx/icons/store--arrow.png) 10px 2px no-repeat;
}
#sidebar .group .button a.dashboard {
  background:url(../gfx/icons/newspaper.png) 10px 2px no-repeat;
}
#sidebar .group .button a.statistics {
  background:url(../gfx/icons/chart-up-color.png) 10px 2px no-repeat;
}
#sidebar .group .button a.activities {
  background:url(../gfx/icons/eye.png) 10px 2px no-repeat;
}
#sidebar .group .button a.updates {
  background:url(../gfx/icons/universal.png) 10px 2px no-repeat;
}
#sidebar .group .button a.barcode {
  background:url(../gfx/icons/barcode.png) 10px 2px no-repeat;
}
#sidebar .group .button a.inventory {
  background:url(../gfx/icons/drawer-open.png) 10px 2px no-repeat;
}
#sidebar .group .button a.discount-rules {
    background:url(../gfx/icons/wand.png) 10px 2px no-repeat;
}
#sidebar .group .button a.coupons {
  background:url(../gfx/icons/present-label.png) 10px 2px no-repeat;
}
#sidebar .group .button a.customers {
  background:url(../gfx/icons/user.png) 10px 2px no-repeat;
}
#sidebar .group .button a.orders {
  background:url(../gfx/icons/inbox-document-text.png) 10px 2px no-repeat;
}
#sidebar .group .button a.invoices {
  background:url(../gfx/icons/clipboard-list.png) 10px 2px no-repeat;
}
#sidebar .group .button a.shipments {
  background:url(../gfx/icons/truck.png) 10px 2px no-repeat;
}
#sidebar .group .button a.returns {
  background:url(../gfx/icons/truck--exclamation.png) 10px 2px no-repeat;
}
#sidebar .group .button a.polling {
  background:url(../gfx/icons/postage-stamp.png) 10px 2px no-repeat;
}
#sidebar .group .button a.files {
  background:url(../gfx/icons/folder-open-image.png) 10px 2px no-repeat;
}
#sidebar .group .button a.tickets {
  background:url(../gfx/icons/ticket.png) 10px 2px no-repeat;
}
#sidebar .group .button a.newsletter {
  background:url(../gfx/icons/newspaper.png) 10px 2px no-repeat;
}
#sidebar .group .button a.emails {
  background:url(../gfx/icons/mail.png) 10px 2px no-repeat;
}
#sidebar .group .button a.pages {
  background:url(../gfx/icons/document-text-image.png) 10px 2px no-repeat;
}
#sidebar .group .button a.faq {
  background:url(../gfx/icons/balloon.png) 10px 2px no-repeat;
}
#sidebar .group .button a.reviews {
  background:url(../gfx/icons/balloon-quotation.png) 10px 2px no-repeat;
}
#sidebar .group .button a.locale {
  background:url(../gfx/icons/locale.png) 10px 2px no-repeat;
}

#sidebar .group .button a.translations {
  background:url(../gfx/icons/locale.png) 10px 2px no-repeat;
}
#sidebar .group .button a.companies {
  background:url(../gfx/icons/building.png) 10px 2px no-repeat;
}
#sidebar .group .button a.shops {
  background:url(../gfx/icons/store.png) 10px 2px no-repeat;
}
#sidebar .group .button a.multishop {
  background:url(../gfx/icons/multishop.png) 10px 2px no-repeat;
}
#sidebar .group .button a.affiliates {
  background:url(../gfx/icons/user-worker.png) 10px 2px no-repeat;
}
#sidebar .group .button a.crm {
  background:url(../gfx/icons/cards-bind-address.png) 10px 2px no-repeat;
}
#sidebar .group .button a.tasks {
  background:url(../gfx/icons/calendar-task.png) 10px 2px no-repeat;
}
#sidebar .group .button a.users {
  background:url(../gfx/icons/user.png) 10px 2px no-repeat;
}
#sidebar .group .button a.system {
  background:url(../gfx/icons/servers-network.png) 10px 2px no-repeat;
}
#sidebar .group .button a.domains {
  background:url(../gfx/icons/globe.png) 10px 2px no-repeat;
}
#sidebar .group .button a.safe {
  background:url(../gfx/icons/safe.png) 10px 2px no-repeat;
}
#sidebar .group .button a.import {
  background:url(../gfx/icons/table-excel.png) 10px 2px no-repeat;
}
#sidebar .group .button a.administration {
    background:url(../gfx/icons/blue-document-convert.png) 10px 2px no-repeat;
}
#sidebar .group .button a.sales {
  background:url(../gfx/icons/chart-up-color.png) 10px 2px no-repeat;
}
#sidebar .group .button a.reports {
  background:url(../gfx/icons/chart-pie-separate.png) 10px 2px no-repeat;
}
#sidebar .group .button a.configuration {
  background:url(../gfx/icons/wrench.png) 10px 2px no-repeat;
}
#sidebar .group .button a.apps {
  background:url(../gfx/icons/game.png) 10px 2px no-repeat;
}
#sidebar .group .button a.themes {
  background:url(../gfx/icons/palette.png) 10px 2px no-repeat;
}
#sidebar .group .button a.administrators {
  background:url(../gfx/icons/user-worker-boss.png) 10px 2px no-repeat;
}
#sidebar .group .button a.logout {
  background:url(../gfx/icons/logout.png) 10px 2px no-repeat;
}
#sidebar .group .button a.partners {
  background:url(../gfx/icons/user-business.png) 10px 2px no-repeat;
}

#x_loader {
  position:fixed;
  left:50%;
  top:50%;
  width:200px;
  height:100px;
  margin:-50px 0 0 -100px;
  z-index:100000;
  background:url(../gfx/x_loader_box.png) no-repeat;
}
#x_loader .inner {
  width:200px;
  height:100px;
  font-size:16px;
  line-height:100px;
  text-indent:80px;
  color:#EEE;
  font-weight:bold;
  text-shadow:0 -1px #000;
  background:url(../gfx/x_loader_spinner.gif) 34px 34px no-repeat;
}
#x_subloader {
  position:fixed;
  left:50%;
  margin-left:-44px;
  top:40px;
  height:30px;
  width:30px;
  z-index:999;
  background:url(../gfx/x_subloader_spinner.gif) center no-repeat;
}

#x_buttons {
  /*width:350px;*/
  height:40px;
  top: 0;
  position:fixed;
  left:50%;
  margin-left:-150px;
  z-index:900;
  /*background:url(../gfx/topnav_nav2.png);*/
}
#x_buttons a {
  display:block;
  float:left;
  height:40px;
  text-indent:-9999px;
  background-image:url(../gfx/topnav_nav2.png);
}
#x_buttons a.dis {
  cursor:default;
}
#x_buttons a.back {
  width:45px;
  background-position:0px 0px;
}
#x_buttons a.back:hover {
  background-position:0px -40px;
}
#x_buttons a.back:active {
  background-position:0px -80px;
}
#x_buttons a.back.dis {
  background-position:0px -120px;
}
#x_buttons a.add {
  width:46px;
  background-position:-45px 0px;
}
#x_buttons a.add:hover {
  background-position:-45px -40px;
}
#x_buttons a.add:active {
  background-position:-45px -80px;
}
#x_buttons a.add.dis {
  background-position:-45px -120px;
}
#x_buttons a.search {
  width:45px;
  background-position:-91px 0px;
}
#x_buttons a.search:hover {
  background-position:-91px -40px;
}
#x_buttons a.search:active {
  background-position:-91px -80px;
}
#x_buttons a.search.dis {
  background-position:-91px -120px;
}
#x_buttons a.support {
  width:46px;
  margin-left:10px;
  background-position:-146px 0px;
}
#x_buttons a.support:hover {
  background-position:-146px -40px;
}
#x_buttons a.support:active {
  background-position:-146px -80px;
}
#x_buttons a.support.dis {
  background-position:-146px -120px;
}
#x_buttons a.notifications {
  width:46px;
  margin-left:10px;
  background-position:-247px 0px;
  position:relative;
}
#x_buttons a.notifications:hover {
  background-position:-247px -40px;
}
#x_buttons a.notifications:active {
  background-position:-247px -80px;
}
#x_buttons a.notifications.dis {
  background-position:-247px -120px;
}
#x_buttons a.notifications.dis:hover {
  background-position:-247px -40px;
  cursor:auto;
}
#x_buttons a.notifications img {
    display:block;
    position:absolute;
    top:8px;
    left:22px;
    width:16px;
    height:16px;
}
#x_buttons a.settings {
  width:45px;
  background-position:-192px 0px;
}
#x_buttons a.settings:hover {
  background-position:-192px -40px;
}
#x_buttons a.settings:active {
  background-position:-192px -80px;
}
#x_buttons a.settings.dis {
  background-position:-192px -120px;
}
#x_buttons .credits
{
  color: #eee;
  float: left;
  font-weight: bold;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}

#x_buttons .credits a
{
  background: transparent;
  color: #eee;
  text-indent: 0;
}

#x_search {
  position:absolute;
  right:0;
  max-height:500px;
  overflow:auto;
  top:40px;
  width:300px;
  background:#fff;
  border-left:1px solid #666;
  border-bottom:1px solid #666;
  font-size:11px;
}

#x_search .title {
  height:24px;
  text-indent:10px;
  color:#FFF;
  font-weight:bold;
  line-height:24px;
  background:#999;
  text-shadow:0 1px 1px #666;
}
#x_search a {
  display:block;
  height:30px;
  padding:5px;
  border-top:1px solid #DDD;
  line-height:15px;
  color:#333;
}
#x_search a.first {
  border:0;
}
#x_search a:hover {
  background:#EEE;
  text-decoration:none;
}
#x_search a img {
	display:block;
	float:left;
	margin-right:5px;
}
#x_search a span {
	display:block;
	width:235px;
	overflow:hidden;
	white-space:nowrap;
	float:left;
}
#x_search a span strong {
  color:#000;
}
#x_search a.shop img,
#x_search a.customer img {
  margin: 7px 12px 0 7px;
}

#x_popin {
    width: 520px;
    z-index: 2001;
    position: fixed;
    left: 50%;
    top: -1000px;
    margin-left: -250px;
    background-color: #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 10px black;
}
#x_popin .inner {
    margin: 0 25px 45px 25px;
    padding: 20px 20px 0 20px;
}
#x_popin .inner .title {
  font-size:16px;
  font-weight:bold;
  height:25px;
  line-height:20px;
  border-bottom:1px solid #AAA;
}
#x_popin .inner .content {
    border-bottom: 1px solid #AAA;
    border-top: 1px solid #FFF;
    padding: 5px 0;
    max-height: 75vh;
    overflow-x: auto;
}
#x_popin .inner .buttons {
  padding-top:10px;
  border-top:1px solid #FFF;
}

#x_popin_big {
  width:800px;
  z-index:2001;
  position:fixed;
  left:50%;
  top:-1000px;
  margin-left:-400px;
  background:url(../gfx/x_popin_big_bg.png) bottom;
}
#x_popin_big .inner {
  margin:0 25px 45px 25px;
  padding:20px 20px 0 20px;
  background:url(../gfx/x_popin_gradient.png) repeat-x;
}
#x_popin_big .inner .title {
  font-size:16px;
  font-weight:bold;
  height:25px;
  line-height:20px;
  border-bottom:1px solid #AAA;
}
#x_popin_big .inner .content {
  border-bottom:1px solid #AAA;
  border-top:1px solid #FFF;
  padding:5px 0;
  max-height: 70vh;
  overflow-x: scroll;
}
#x_popin_big .inner .buttons {
  padding-top:10px;
  border-top:1px solid #FFF;
}

#x_popin_big .attachments {
  clear:both;
}

#x_popin_big .attachments .item {
  float:left;
  height:20px;
  line-height:20px;
  margin:5px 5px 0 0;
  text-shadow:0 1px 1px #fff;
  color:#333;
  font-size:11px;
}
#x_popin_big .attachments .item span {
  float:left;
  height:20px;
  padding:0 5px 0 10px;
  background:url(../gfx/x_popin_attachment.png) 0px 0px no-repeat;
}
#x_popin_big .attachments .item a {
  float:left;
  display:block;
  width:20px;
  height:20px;
  text-indent:-9999px;
  background:url(../gfx/x_popin_attachment.png) -280px 0px no-repeat;
}


#x_modal {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2001;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*opacity:0;*/
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.50);
}

#x_modal div {
    position:absolute;
}

#x_modal .frame {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background:none;
}


#x_setup_mask {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:3000;
  background:#000;
  opacity:0.5;
}
#x_setup_box {
  position:absolute;
  left:50%;
  top:50%;
  width:750px;
  height:500px;
  margin:-250px 0 0 -375px;
  background:#000;
  z-index:3001;
  -moz-border-radius:10px;
}
#x_setup_frame {
  position:absolute;
  left:50%;
  top:50%;
  width:730px;
  height:480px;
  margin:-240px 0 0 -365px;
  background:#FFF;
  z-index:3002;
}

#x_shadow {
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:#000000;
  z-index:2000;
  opacity:0.5;
  filter:alpha(opacity=50);
}
#x_shadow_logo {
  position:absolute;
  right:15px;
  bottom:15px;
  width:210px;
  height:60px;
  z-index:2001;
}
#x_confirm {
  width:450px;
  height:200px;
  position:fixed;
  left:50%;
  top:-200px;
  background:url(../gfx/x_alert_bg.png);
  margin-left:-225px;
  z-index:2001;
}
#x_confirm .inner {
  margin:25px 25px 45px 25px;
  padding:20px 20px 0 20px;
}
#x_confirm .inner .title {
  font-size:16px;
  font-weight:bold;
  height:20px;
  line-height:20px;
}
#x_confirm .inner .content {
  border-bottom:1px solid #AAA;
  height:53px;
  margin-top:5px;
}
#x_confirm .inner .buttons {
  padding-top:10px;
  border-top:1px solid #FFF;
}
#x_settings {
  width:170px;
  position:fixed;
  left:50%;
  top:0;
  margin:31px 0 0 37px;
  z-index:1002;
  font-size:12px;
}
#x_settings .top {
  width:160px;
  padding:5px 5px 0 5px;
  background:url(../gfx/x_settings_bg.png) top;
}
#x_settings .bottom {
  width:160px;
  padding:0 5px 10px 5px;
  background:url(../gfx/x_settings_bg.png) bottom;
}
#x_settings .line {
  height:1px;
  background:#ccc;
  margin:0 10px 2px 10px;
  border-top:3px solid #eee;
  border-bottom:1px solid #fff;
}
#x_settings a {
  display:block;
  width:160px;
  height:20px;
  line-height:20px;
  text-indent:12px;
  text-decoration:none;
  color:#000;
  text-shadow:0 1px #FFF;
}
#x_settings a:hover {
  background:url(../gfx/sidebar_active.png) top repeat-x;
  text-shadow:0 -1px #005DCD;
  color:#fff;
}
#x_settings_overlay {
  position:fixed;
  z-index:1001;
  left:0;
  top:0;
  right:0;
  bottom:0;
}
#x_popover {
  width:500px;
  height:300px;
  position:absolute;
  padding:25px;
  left:50%;
  top:100px;
  background:url(../gfx/x_popover_bg.png) no-repeat;
  margin-left:-250px;
  z-index:2001;
}
#x_popover .inner {
  width:500px;
  height:300px;
}
#x_popover .inner .title {
  width:500px;
  height:50px;
  background:url(../gfx/icons_32/preferences.png) 9px 9px no-repeat;
  font-size:18px;
  line-height:50px;
  font-weight:bold;
  color:#051E3C;
  text-shadow:0 1px 1px #FFF;
  text-indent:50px;
}
#x_popover .inner .content {
  margin:0 20px;
  border-bottom:1px solid #AAA;
  height:195px;
  padding:0 5px;
}
#x_popover .inner .buttons {
  border-top:1px solid #FFF;
  margin:0 20px;
  padding-top:10px;
}

#content .msg {
    height:26px;
    line-height:26px;
    text-indent:36px;
    font-size:11px;
    font-weight:bold;
    color:#333;
    background:url(../gfx/x_message_bg.png) 0px 0px repeat-x;
}

#content .msg span {
    float:left;
    display:block;
    height:26px;
    min-width:500px;
}

#content .msg a.close {
    display:block;
    width:22px;
    height:26px;
    float:right;
    text-indent:-9999px;
}

#content .msg.green { color:#fff; background:url(../gfx/x_message_bg.png) 0px -104px repeat-x; }
#content .msg.green span { background:url(../gfx/icons/tick-circle-frame.png) 10px 4px no-repeat; }
#content .msg.green span a { color:#fff; }
#content .msg.green a.close { background:url(../gfx/x_message_bg.png) 0px -130px no-repeat; }

#content .msg.yellow { color:#333; background:url(../gfx/x_message_bg.png) 0px 0px repeat-x; }
#content .msg.yellow span { background:url(../gfx/icons/exclamation--frame.png) 10px 4px no-repeat; }
#content .msg.yellow span a { color:#333; }
#content .msg.yellow a.close { background:url(../gfx/x_message_bg.png) 0px -26px no-repeat; }

#content .msg.red { color:#fff; background:url(../gfx/x_message_bg.png) 0px -52px repeat-x; }
#content .msg.red span { background:url(../gfx/icons/cross-circle-frame.png) 10px 4px no-repeat; }
#content .msg.red span a { color:#fff; }
#content .msg.red a.close { background:url(../gfx/x_message_bg.png) 0px -78px no-repeat; }

.iwr {
	width:500px;
	min-height:24px;
	background:#fff;
}

#content .table {
}

#content .table .title {
  height:19px;
  line-height:19px;
  font-weight:bold;
  font-size:11px;
  background:url(../gfx/table.png) 0px 0px repeat-x;
}

#content .table .title a {
  display:block;
  color:#000;
  height:19px;
  float:left;
  border-right:1px solid #666;
  overflow:hidden;
  background:url(../gfx/table.png) 0px 0px repeat-x;
  text-shadow:0 1px 1px #fff;
}
#content .table .title a:hover {
  text-decoration:none;
}
#content .table .title a:active {
  background:url(../gfx/table.png) 0px -19px repeat-x;
}



#content .table .title a.sorted {
  background:url(../gfx/table.png) 0px -38px repeat-x;
  color:#fff;
  text-shadow:none;
}
#content .table .title a.sorted:active  {
  background:url(../gfx/table.png) 0px -57px repeat-x;
}



#content .table .title a span {
  display:block;
  height:19px;
  text-indent:5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#content .table .title a.nosort {
  cursor:default;
}
#content .table .title a.nosort:active {
  background:url(../gfx/table.png) 0px 0px repeat-x;
}
#content .table .title a.up span {
  background:url(../gfx/table.png) right -76px no-repeat;
  padding-right: 15px;
}
#content .table .title a.down span {
  background:url(../gfx/table.png) right -95px no-repeat;
  padding-right: 15px;
}

#content .table .title a.btns {
  border:0;
}
#content .table .title a.btns span {
  background:url(../gfx/table.png) center -133px no-repeat;
  text-indent:-9999px;
}

#content .table .title a.check span {
  width:24px;
  background:url(../gfx/table.png) center -114px no-repeat;
  text-indent:-9999px;
}
#content .table .title a.image span {
  width:23px;
  background:url(../gfx/table.png) center -171px no-repeat;
  text-indent:-9999px;
}
#content .table .title a.sorted.image span {
  background:url(../gfx/table.png) center -209px no-repeat;
}
#content .table .title a.visible span {
  width:23px;
  background:url(../gfx/table.png) center -152px no-repeat;
  text-indent:-9999px;
}
#content .table .title a.sorted.visible span {
  background:url(../gfx/table.png) center -190px no-repeat;
}

#content .table .search {
  height:24px;
  border-bottom:1px solid #666;
  background:#eee;
}
#content .table .search .col {
  float:left;
  border-right:1px solid #666;
  height:24px;
}
#content .table .search .btns {
  float:left;
}
#content .table .search .btns a {
  display:block;
  text-indent:-9999px;
  height:24px;
  width:16px;
  background:#CCC;
  margin:0 auto;
  background:url(../gfx/icons/magnifier-left.png) left center no-repeat;
}

#content .table .rows {
  background:url(../gfx/table_rows_bg.png);
  border-bottom:1px solid #EEE;
}

#content .table .row {
  height:24px;
  font-size:11px;
  line-height:24px;
}
#content .table .row.noresult {
  text-align:center;
  background:#FFE5E5;
}

#content .table .row.over {
  background:#DDD;
}
#content .table .sorting .row.over {
  background:transparent;
}
#content .table .sorting .row.sorting {
  background:#CCC;
}
#content .table .row a {
  color:#000;
  text-decoration:none;
}
#content .table .row.over a {
  color:#000;
  text-decoration:underline;
}
#content .table .row span.gray {
  color:#999;
}

#content .table .row a.blue {
    color:#007fff;
}

#content .table .row.over a.blue {
  text-decoration:none;
}

#content .table .row.over a.blue:hover {
    text-decoration:underline;
}

#content .table .row.green {
    background-color:#d1e1b3;
}

#content .table .row.green.over {
    background-color:#b3cc80;
}

/******************** START TOGGLEABLE CONTENT */

#content .table .row-toggleable {
    background-color:#fff;
    display:none;
    font-size:12px;
    line-height:145%;
}

#content .table .row-toggleable a {
    color:#007FFF;
}

#content .table .row-toggleable a:hover {
    text-decoration:underline;
}

#content .table .row .col-toggleable {
    cursor:pointer;
}

#content .table .row .col-toggleable a {
    color:#007FFF;
    text-decoration:none;
}

#content .table .row .col-toggleable a:hover {
    text-decoration:underline;
}

/******************** END TOGGLEABLE CONTENT */

#content .table .row .col {
  float:left;
  overflow:hidden;
  text-indent:5px;
  border-right:1px solid #d9d9d9;
  height:24px;
  white-space:nowrap;
}
#content .table .row .col.align-r {
  text-align:right;
}
#content .table .row .col.align-r span {
  padding-right:5px;
}
#content .table .row .col span.red {
  color:#d00;
}
#content .table .row .col.align-r span.red {
  padding-right:0;
}
#content .table .row.over .col {
  border-right:1px solid #AAA;
}

#content .table .row.green .col {
    border-right-color:#bccaa1;
}

#content .table .row.green.over .col {
    border-right-color:#8fa366;
}

#content .table .row .btns {
  float:right;
  padding-left:5px;
  opacity:0.2;
}
#content .table .row.over .btns {
  opacity:1;
}
#content .table .row .btns a {
  display:block;
  text-indent:-9999px;
  height:24px;
  width:21px;
  background:#CCC;
  float:left;
}
#content .table .row .btns a.info {
  background:url(../gfx/icons/information.png) left center no-repeat;
}
#content .table .row .btns a.copy {
  background:url(../gfx/icons/document-copy.png) left center no-repeat;
}
#content .table .row .btns a.pdf {
  background:url(../gfx/icons/document-pdf.png) left center no-repeat;
}
#content .table .row .btns a.print {
  background:url(../gfx/icons/printer.png) left center no-repeat;
}
#content .table .row .btns a.pay {
  background:url(../gfx/icons/credit-cards.png) left center no-repeat;
}
#content .table .row .btns a.activate {
  background:url(../gfx/icons/eye.png) left center no-repeat;
}
#content .table .row .btns a.deactivate {
	background:url(../gfx/icons/eye--minus.png) left center no-repeat;
}
#content .table .row .btns a.flag {
  background:url(../gfx/icons/star.png) left center no-repeat;
  margin:0;
}
#content .table .row .btns a.add {
  background:url(../gfx/icons/plus-circle.png) left center no-repeat;
}
#content .table .row .btns a.tick {
  background:url(../gfx/icons/tick-circle.png) left center no-repeat;
}
#content .table .row .btns a.view {
  background:url(../gfx/icons/magnifier.png) left center no-repeat;
}
#content .table .row .btns a.edit {
  background:url(../gfx/icons/pencil.png) left center no-repeat;
}
#content .table .row .btns a.subscription {
  background:url(../gfx/icons/table-money.png) left center no-repeat;
}
#content .table .row .btns a.users {
  background:url(../gfx/icons/user.png) left center no-repeat;
}
#content .table .row .btns a.shops {
  background:url(../gfx/icons/store.png) left center no-repeat;
}
#content .table .row .btns a.login {
  background:url(../gfx/icons/lock.png) left center no-repeat;
}
#content .table .row .btns a.delete {
  background:url(../gfx/icons/minus-circle.png) left center no-repeat;
}
#content .table .row .btns a.reorder {
  background:url(../gfx/icons/arrow-reorder.png) left center no-repeat;
  cursor:move;
}
#content .table .row .btns a.move {
  background:url(../gfx/icons/arrow-step-over.png) left center no-repeat;
}
#content .table .row .btns a.download {
  background:url(../gfx/icons/arrow-stop-270.png) left center no-repeat;
}
#content .table .row .btns a.product {
  background:url(../gfx/icons/box.png) left center no-repeat;
}
#content .table .row .btns a.order {
  background:url(../gfx/icons/inbox-document-text.png) left center no-repeat;
}
#content .table .row .btns a.invoice {
  background:url(../gfx/icons/clipboard-list.png) left center no-repeat;
}
#content .table .row .btns a.shipment {
  background:url(../gfx/icons/wooden-box-label.png) left center no-repeat;
}
#content .table .row .btns a.comment {
  background:url(../gfx/icons/balloon--plus.png) left center no-repeat;
}
#content .table .row .btns a.task {
  background:url(../gfx/icons/calendar-task.png) left center no-repeat;
}
#content .table .row .btns a.return {
  background:url(../gfx/icons/truck--exclamation.png) left center no-repeat;
}
#content .table .row .btns a.logs {
  background:url(../gfx/icons/application-text.png) left center no-repeat;
}
#content .table .row .btns a.required {
    background:url(../gfx/icons/asterisk.png) left center no-repeat;
}

#content .table .row .btns a.statistics {
    background:url(../gfx/icons/chart-pie-separate.png) left center no-repeat;
}

#content .table .row .check {
  width:16px;
  padding:0 4px;
}
#content .table .row .image {
  width:23px;
  text-indent:0;
}
#content .table .row .ico {
  margin-top:4px;
}
#content .table .row .flag {
  margin:7px auto 0 auto;
  display:block;
}
#content .table .row .renderer {
  margin:5px auto 0 auto;
  display:block;
}
#content .table .row .image img {
  margin:3px 0 0 2px;
}
#content .table .row .visible {
  width:23px;
  text-indent:0;
}
#content .table .row .icon {
  height:24px;
  width:14px;
  background:url(../gfx/table_row_icons.png) no-repeat;
  margin:0 auto;
}
#content .table .row .icon.inline {
  display:inline-block;
  float:left;
  margin:0 0 0 5px;
}
#content .table .row .icon.green {
  background-position:0px 0px;
}
#content .table .row .icon.red {
  background-position:0px -24px;
}
#content .table .row .icon.orange {
  background-position:0px -48px;
}

#content .table .row .color {
  height:12px;
  width:12px;
  float:left;
  position:relative;
  margin:6px 1px 6px 6px;
}
#content .table .row .color .inner {
  width:14px;
  height:14px;
  background:url(../gfx/table_row_color.png);
  position:absolute;
  left:-1px;
  top:-1px;
}

#content .table .row.link .col {
    cursor:pointer;
}

#x_popup {
  position:absolute;
  width:542px;
  height:309px;
  left:0;
  top:0;
  z-index:1000;
}
#x_popup .c_1,
#x_popup .c_2,
#x_popup .c_3,
#x_popup .c_4 {
  float:left;
  background:url(../gfx/x_popup_bg.png) no-repeat;
  width:50%;
  height:50%;
}
#x_popup .c_1 {
  background-position:top left;
}
#x_popup .c_2 {
  background-position:top right;
}
#x_popup .c_3 {
  background-position:bottom left;
}
#x_popup .c_4 {
  background-position:bottom right;
}
#x_popup .loader {
  width:16px;
  height:16px;
  position:absolute;
  left:26px;
  top:26px;
  background:url(../gfx/x_popup_spinner.gif);
}
#x_popup .close {
  width:28px;
  height:28px;
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
}
#x_popup .title {
  position:absolute;
  left:0;
  top:20px;
  font-size:12px;
  right:0;
  height:28px;
  color:#ddd;
  text-align:center;
  line-height:28px;
  text-shadow:0 0 1px #000;
  cursor:move;
}
#x_popup .frame {
  background:#FFF;
  position:absolute;
  left:21px;
  top:48px;
  right:21px;
  bottom:21px;
}

#x_iframe {
  position:absolute;
  width:600px;
  height:400px;
  left:50%;
  top:50%;
  margin:-200px 0 0 -300px;
  z-index:100000;
}
#x_iframe .c_1,
#x_iframe .c_2,
#x_iframe .c_3,
#x_iframe .c_4 {
  float:left;
  background:url(../gfx/x_iframe_box.png) no-repeat;
  width:50%;
  height:50%;
}
#x_iframe .c_1 {
  background-position:top left;
}
#x_iframe .c_2 {
  background-position:top right;
}
#x_iframe .c_3 {
  background-position:bottom left;
}
#x_iframe .c_4 {
  background-position:bottom right;
}
#x_iframe .frame {
  background:url(../gfx/x_loader_spinner.gif) center no-repeat;
  position:absolute;
  left:30px;
  top:30px;
  right:30px;
  bottom:30px;
}
#x_iframe .close {
  width:30px;
  height:30px;
  cursor:pointer;
  position:absolute;
  right:0;
  top:0;
}

#x_submit {
  position:fixed;
  bottom:0;
  height:38px;
  background:url(../gfx/x_submit_bg.png) repeat-x;
  margin-left: -155px;
  padding-left: 155px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  min-width: 996px;
  max-width: 1440px;
}
#x_submit .list {
  float:left;
  margin:7px 0 0 7px;
}
#x_submit .button {
  float:right;
  margin:7px 7px 0 0;
}
#x_submit .tbutton {
  float:left;
  text-indent:10px;
  line-height:38px;
  font-size:12px;
  text-shadow:0 1px 1px #000;
  font-weight:bold;
}
#x_submit .tbutton a {
  color:#fff;
}


.pse {
  width:600px;
  height:400px;
  margin:100px;
}
.pse .title {
  height:24px;
  background:url(../gfx/titlebar_bg.png) repeat-x;
  padding:3px 3px;
}

#x_popin .form {
  margin:0;
  border:0;
  width:410px;
}
#x_popin .form .label {
  font-weight:normal;
  width:160px;
}
#x_popin .form .input {
  width:250px;
}
#x_popin .form .label strong {
  font-weight:normal;
}
#x_popin .form .row {
  border:0;
}

#x_popin_big .form {
  margin:0;
  border:0;
  width:710px;
}
#x_popin_big .form .label {
  font-weight:normal;
  width:160px;
}
#x_popin_big .form .input {
  width:550px;
}
#x_popin_big .form .label strong {
  font-weight:normal;
}
#x_popin_big .form .row {
  border:0;
}

.imagesort {
  margin:10px;
}
.imagesort .image {
  float:left;
  width:204px;
  height:204px;
  margin:8px;
  background:center no-repeat;
  position:relative;
}
.imagesort .image .inner {
  width:204px;
  height:204px;
  background-image:url(../gfx/img_mask_200.png);
  background-position:0px 0px;
}
.imagesort .image .relative {
  position:relative;
}
.imagesort .image.focus .inner {
  background-position:0px -204px;
}
.imagesort .image .zoom,
.imagesort .image .handle {
  display:block;
  position:absolute;
  visibility:hidden;
  width:27px;
  height:27px;
  top:15px;
  background:url(../gfx/img_mask_200.png) no-repeat;
}
.imagesort .image .zoom {
  left:15px;
  background-position:0px -612px;
}
.imagesort .image .handle {
  right:15px;
  background-position:-27px -612px;
  cursor:move;
}
.imagesort .image.over .zoom,
.imagesort .image.over .handle {
  visibility:visible;
}
.imagesort .image.clone {
  z-index:100;
}
.imagesort .image.clone .inner {
  background:none;
}
.imagesort .image.clone .zoom {
  display:none;
}

#content .cat {
}

#content .cat .title {
  height:19px;
  line-height:19px;
  font-weight:bold;
  font-size:11px;
  background:url(../gfx/table.png) 0px 0px repeat-x;
}

#content .cat .title a {
  display:block;
  color:#000;
  height:19px;
  float:left;
  border-right:1px solid #666;
  overflow:hidden;
  background:url(../gfx/table.png) 0px 0px repeat-x;

  cursor:default;
}
#content .cat .title a:hover {
  text-decoration:none;
}
#content .cat .title a span {
  display:block;
  height:19px;
  text-indent:5px;
}
#content .cat .title a.btns {
  border:0;
}
#content .cat .title a.btns span {
  background:url(../gfx/table.png) center -133px no-repeat;
  text-indent:-9999px;
}
#content .cat .title a.visible span {
  width:23px;
  background:url(../gfx/table.png) center -152px no-repeat;
  text-indent:-9999px;
}

#content .cat .rows {
  background:url(../gfx/table_rows_bg.png);
  border-bottom:1px solid #EEE;
}

#content .cat .row {
  height:24px;
  font-size:11px;
  line-height:24px;
}
#content .cat .row .col {
  float:left;
  overflow:hidden;
  text-indent:5px;
  border-right:1px solid #d9d9d9;
  height:24px;
}
#content .cat .row.over .col {
  border-right:1px solid #AAA;
}
#content .cat.sorting .row.over .col {
  border-right:1px solid #d9d9d9;
}
#content .cat .sorting .row .col,
#content .cat.sorting .sorting .row.over .col {
  border-right:1px solid #AAA;
}
#content .cat .row .visible {
  width:23px;
  text-indent:0;
}

#content .cat .row .icon {
  height:24px;
  width:14px;
  background:url(../gfx/table_row_icons.png) no-repeat;
  margin:0 auto;
}
#content .cat .row .icon.green {
  background-position:0px 0px;
}
#content .cat .row .icon.red {
  background-position:0px -24px;
}
#content .cat .row.over {
  background:#DDD;
}
#content .cat.sorting .row.over {
  background:transparent;
}
#content .cat .sorting {
  background:#CCC;
}

#content .cat .row .btns {
  float:right;
  padding-left:5px;
  opacity:0.2;
}
#content .cat .row.over .btns {
  opacity:1;
}
#content .cat.sorting .row.over .btns {
  opacity:0.2;
}
#content .cat .sorting .row .btns,
#content .cat.sorting .sorting .row.over .btns {
  opacity:1;
}
#content .cat .row .btns a {
  display:block;
  text-indent:-9999px;
  height:24px;
  width:21px;
  background:#CCC;
  float:left;
}
#content .cat .row .btns a.add {
  background:url(../gfx/icons/plus-circle.png) left center no-repeat;
}
#content .cat .row .btns a.edit {
  background:url(../gfx/icons/pencil.png) left center no-repeat;
}
#content .cat .row .btns a.delete {
  background:url(../gfx/icons/minus-circle.png) left center no-repeat;
}
#content .cat .row .btns a.reorder {
  background:url(../gfx/icons/arrow-reorder.png) left center no-repeat;
  cursor:move;
}
#content .cat .row .btns a.move {
  background:url(../gfx/icons/arrow-switch.png) left center no-repeat;
}

#content .cat .row .name .check {
  float:left;
  width:16px;
  height:24px;
  margin:0 5px 0 0;
}
#content .cat .row .name .arrow {
  float:left;
  width:16px;
  height:24px;
  background:url(../gfx/table_row_arrow.png) top center no-repeat;
}
#content .cat .row .name .ico {
  float:left;
  width:16px;
  height:24px;
}
#content .cat .row .name .ico.cat {
  background:url(../gfx/icons/folder-open.png) center no-repeat;
}
#content .cat .row .name .ico.text {
  background:url(../gfx/icons/document-text.png) center no-repeat;
}
#content .cat .row .name .ico.index {
  background:url(../gfx/icons/document-view-thumbnail.png) center no-repeat;
}



#content .cat .row .name .ico.article-article {
  background:url(../gfx/icons/document-text.png) center no-repeat;
}
#content .cat .row .name .ico.article-book {
  background:url(../gfx/icons/book-open.png) center no-repeat;
}
#content .cat .row .name .ico.article-book-chapter {
  background:url(../gfx/icons/book-open-bookmark.png) center no-repeat;
}
#content .cat .row .name .ico.article-book-page {
  background:url(../gfx/icons/book-open-text.png) center no-repeat;
}
#content .cat .row .name .ico.article-blog {
  background:url(../gfx/icons/blog.png) center no-repeat;
}
#content .cat .row .name .ico.article-faq {
  background:url(../gfx/icons/book-question.png) center no-repeat;
}



#content .wysiwyg {
  width:560px;
  height:287px;
  background:url(../gfx/content_wysiwyg_bg.png);
  padding:3px 10px 10px 10px;
}
#content .wysiwyg .top {
  height:24px;
  border-bottom:1px solid #FFE57F;
}
#content .wysiwyg .top a {
  display:block;
  height:24px;
  line-height:24px;
  float:right;
  color:#000;
  padding-left:21px;
  font-size:11px;
  background:url(../gfx/icons/pencil-small.png) left center no-repeat;
}
#content .wysiwyg .html {
  width:560px;
  height:253px;
  overflow:auto;
  margin-top:10px;
}


#drag {
}

#drag .list {
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:300px;
  border-left:1px solid #666;

  background:url(../gfx/dragdrop_rows_bg.png) 0 45px;
}
#drag .list .search {
  height:44px;
  border-bottom:1px solid #666;
  background:url(../gfx/dragdrop_search.png);
}
#drag .list .search input {
  height:16px;
  width:240px;
  margin:15px 0 0 34px;
  color:#555;
  background:transparent;
  border:none;
  display:block;
  float:left;
  text-shadow:1px 1px 1px #fff;
  outline: none;
}
#drag .list .results {
  position:absolute;
  left:0;
  right:0;
  top:45px;
  bottom:0;
  font-size:11px;
  overflow:auto;
}
#drag .list .results .inner {
  background:url(../gfx/dragdrop_rows_bg.png) left top;
}
#drag .list .overlay {
  position:absolute;
  left:0;
  right:0;
  top:45px;
  bottom:0;
  background:#eee;
  text-align:center;
  padding:20px 10px 0 10px;
  font-weight:bold;
  color:#666;
  font-size:12px;
  z-index:100;

}
#drag .list .overlay.loading {
  background:url(../gfx/x_loader_spinner.gif) center no-repeat #eee;
}




#drag .list .results .item {
  display:block;
  height:30px;
  padding:5px;
  line-height:15px;
  color:#333;
  margin-bottom:1px;
}
#drag .list .results .item img {
  display:block;
  float:left;
  background:url(../gfx/noimg_30x30.png);
  margin-right:5px;
}
#drag .list .results .item span {
  display:block;
  width:210px;
  overflow:hidden;
  white-space:nowrap;
  float:left;
}
#drag .list .results .item span strong {
  color:#000;
}
#drag .list .results .item a {
  width:16px;
  background:url(../gfx/icons/plus-circle.png) center no-repeat;
  height:30px;
  float:right;
  display:block;
}

#drag .contents {
  position:absolute;
  left:0;
  right:299px;
  top:0;
  bottom:0;
  background:#fff;
  overflow:auto;
}
#drag .contents .title {
background:url(../gfx/table.png) repeat-x;
font-size:11px;
font-weight:bold;
height:19px;
line-height:19px;
}
#drag .contents .title .col {
background:url(../gfx/table.png) repeat-x;
border-right:1px solid #666666;
color:#000000;
display:block;
float:left;
height:19px;
overflow:hidden;
}
#drag .contents .title .col span {
  display:block;
  height:19px;
  text-indent:5px;
}
#drag .contents .title .col.img span {
  width:23px;
  background:url(../gfx/table.png) center -171px no-repeat;
  text-indent:-9999px;
}
#drag .contents .title .col.btns {
  border:0;
}
#drag .contents .title .col.btns span {
  background:url(../gfx/table.png) center -133px no-repeat;
  text-indent:-9999px;
}
#drag .contents .rows {
  background:url(../gfx/table_rows_bg.png);
  border-bottom:1px solid #EEE;
}
#drag .contents .rows .row {
  height:24px;
  font-size:11px;
  line-height:24px;
}
#drag .contents .rows .row.noresult {
  text-align:center;
  background:#FFE5E5;
}
#drag .contents .rows .row.over {
  background:#DDD;
}
#drag .contents .rows .row .col {
  float:left;
  overflow:hidden;
  text-indent:5px;
  border-right:1px solid #d9d9d9;
  height:24px;
}
#drag .contents .rows .row.over .col {
  border-right:1px solid #AAA;
}
#drag .contents .rows .row .image {
  width:23px;
  text-indent:0;
}
#drag .contents .rows .row .image img {
  margin:3px 0 0 2px;
  background:url(../gfx/noimg_19x18.png);
}

#drag .contents .rows .row .btns {
  float:right;
  padding-left:5px;
  opacity:0.2;
}
#drag .contents .rows .row.over .btns {
  opacity:1;
}
#drag .contents .rows .row .btns a {
  display:block;
  text-indent:-9999px;
  height:24px;
  width:21px;
  background:#CCC;
  float:left;
}
#drag .contents .rows .row .btns a.edit {
  background:url(../gfx/icons/pencil.png) left center no-repeat;
}
#drag .contents .rows .row .btns a.delete {
  background:url(../gfx/icons/minus-circle.png) left center no-repeat;
}
#drag .contents .rows .row .btns a.reorder {
  background:url(../gfx/icons/arrow-reorder.png) left center no-repeat;
  cursor:move;
}

.page_settings .row {
  border-bottom:1px solid #ddd;
}
.page_settings .row.dark {
  background:#eee;
}
.page_settings .row .title {
  font-weight:bold;
  font-size:12px;
  height:30px;
  line-height:30px;
  color:#333;
  text-indent:10px;
}
.page_settings .row .inner {
  min-height:65px;
}
.page_settings .row .inner a {
  display:block;
  width:65px;
  float:left;
  color:#000;
  text-align:center;
  margin:0 5px 0 0;
  font-size:11px;
  width:70px;
  min-height:60px;
  line-height:12px;
}
.page_settings .row a:hover {
  text-decoration:none;
}
.page_settings .row a img {
  display:block;
  margin:0 auto 4px auto;
}
.page_settings .row a .active {
  width:16px;
  height:16px;
  position:absolute;
  margin-left:45px;
  background:url(../gfx/icons/tick-circle.png);

}
.page_settings .row a .number {
  width:20px;
  height:16px;
  position:absolute;
  margin-left:45px;
  background:url(../gfx/settings_icon_number.png);
  font-size:10px;
  text-align:center;
  line-height:16px;
  color:#fff;

}


table.fancy {
  border:1px solid #bbb;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:11px;
  background:url(../gfx/table_head_bg.png) repeat-x #FFF;
  text-shadow:0 1px 1px #FFF;
}
table.fancy thead td {
  height:19px;
  line-height:19px;
  font-weight:bold;
  text-indent:5px;
  border-right:1px solid #bbb;
}
table.fancy thead td:last-child {
  border-right:none;
}
table.fancy tbody td {
  border-top:1px solid #bbb;
  border-right:1px solid #eee;
  padding:5px;
  line-height:14px;
}
table.fancy tbody tr:first-child td {
  border-top:none;
}
table.fancy tbody td:last-child {
  border-right:none;
}

table.fancy td.no-result {
    color:#999;
    font-size:14px;
    font-weight:bold;
    line-height:1;
    padding:20px;
    text-align:center;
}

.table-fancy-title {
    font-size:20px;
    margin:20px 0 10px;
}

.table-fancy-buttons {
    margin:10px 0 20px;
    width:820px;
}

.table-fancy-buttons .f {
    float:right;
}

/*
table.fancy {
  border:1px solid #999;

  font-size:11px;
  background:url(../gfx/table_rows_bg.png) left 19px;
}
table.fancy .head td {
  font-weight:bold;
  height:19px;
  background:url(../gfx/table.png) repeat-x;
  line-height:19px;
  text-indent:5px;
  border-right:1px solid #999;
}
table.fancy .row td {
  border-right:1px solid #D9D9D9;
  height:24px;
  line-height:24px;
  padding:0 5px;
  overflow:hidden;
  white-space:nowrap;
}
table.fancy .head td:last-child,
table.fancy .row td:last-child {
  border:0;
}
*/

.fancy_address {
  width:820px;
  height:180px;
}
.fancy_address .box {
  width:405px;
  height:180px;
  float:left;
  line-height:20px;
  background:url(../gfx/address_bg.png) no-repeat;
}
.fancy_address .box .text {
  float:left;
  margin:10px 0 0 10px;
  height:160px;
  width:195px;
  /*white-space:nowrap;*/
  /*overflow:hidden;*/
}
.fancy_address .box .text a {
  font-size:12px;
  display:block;
  height:20px;
  text-indent:21px;
  background:url(../gfx/icons/map.png) left center no-repeat;
}
.fancy_address .box .map {
  background:#fff url(../gfx/icons_32/maps.png) center no-repeat;
  float:right;
  margin:9px 9px 0 0;
  height:160px;
  width:180px;
  border:1px solid #ccc;
}


.customer_info {
  width:820px;
  height:180px;
  background:url(../gfx/customer_bg.png);
  margin:10px 0 0 10px;
}
.customer_info .text {
  float:left;
  width:400px;
  height:160px;
  margin:10px 0 0 10px;
}
.customer_info .text a.vcf {
  font-size:12px;
  display:block;
  height:20px;
  text-indent:21px;
  background:url(../gfx/icons/card-address.png) left center no-repeat;
}
.customer_info .graph {
  width:395px;
  height:160px;
  margin:9px 9px 0 0;
  float:right;
  border:1px solid #ccc;
  background:#fff;
}



.conversation {
  width:820px;
  margin:10px 0 0 10px;
}
.conversation .balloon {
  width:750px;
  margin-bottom:20px;
}
.conversation .balloon .title {
  font-size:13px;
  color:#999;
  line-height:14px;
}
.conversation .balloon .title strong {
  color:#000;
}
.conversation .balloon .title a {
  font-size:11px;
}
.conversation .balloon .message {
  margin:11px 0 0 0;
  padding:0 10px 9px 10px;
}

.conversation .balloon.customer {
  float:left;
  background:url(../gfx/chat.png) left 8px no-repeat;
}
.conversation .balloon.customer .title {
  padding-left:35px;
}
.conversation .balloon.customer .message {
  background:url(../gfx/chat.png) left bottom no-repeat;
}
.conversation .balloon.owner {
  float:right;
  background:url(../gfx/chat.png) right 8px no-repeat;
}
.conversation .balloon.owner .title {
  padding-right:35px;
  text-align:right;
}
.conversation .balloon.owner .message {
  background:url(../gfx/chat.png) right bottom no-repeat;
}

.conversation .balloon .message .translation {
  border:1px solid #FFCC00;
  background:#FFFAE5;
  padding:10px;
  margin-top:5px;
}




.order_dash {
  margin:10px 0 10px 10px;
}
.order_dash .info {
  width:800px;
  height:162px;
  padding:8px 10px 10px 10px;
  background:url(../gfx/customer_bg.png);
  margin-bottom:10px;
}
.order_dash .info .customer {
  width:395px;
  height:160px;
  float:left;
}
.order_dash .info .details {
  width:365px;
  height:160px;
  float:right;
  text-align:right;
  margin-right:5px;
}


.order_dash .info .details .number {
  height:40px;
  line-height:40px;
  font-size:30px;
}
.order_dash .info .details .middle {
  margin:5px 0;
  font-size:12px;
  line-height:20px;
  color:#333;
}
.order_dash .info .details .price {
  height:40px;
  line-height:40px;
  font-size:24px;
}
.order_dash .info .details .price span {
  color:#333;
  font-size:13px;
}




.order_dash .fancy_address {
  margin-bottom:10px;
}
.order_dash .comment {
  width:820px;
  padding-top:10px;
  background:url(../gfx/comment_bg.png) top no-repeat;
  margin-bottom:10px;
}
.order_dash .comment .inner {
  padding:0 10px 10px 10px;
  line-height:16px;
  background:url(../gfx/comment_bg.png) bottom no-repeat;
}
.order_dash .memo {
  width:820px;
  padding-top:10px;
  background:url(../gfx/memo_bg.png) top no-repeat;
  margin-bottom:10px;
}
.order_dash .memo .inner {
  padding:0 10px 10px 10px;
  line-height:16px;
  background:url(../gfx/memo_bg.png) bottom no-repeat;
}
.order_dash .statusses {
  margin-bottom:10px;
  height:79px;
}
.order_dash .statusses .box {
  float:left;
  width:385px;
  height:59px;
  background:#EEE;
  padding:10px;
  line-height:22px;

  background:url(../gfx/status_bg.png) top no-repeat;
}
.order_dash .statusses .box .status {
  height:24px;
  width:385px;
  border-bottom:1px solid #CCC;
  padding-bottom:5px;
}
.order_dash .statusses .box .download {
  height:24px;
  width:385px;
  padding-top:5px;
}

.order_dash .statusses .box .title {
  width:215px;
  height:24px;
  overflow:hidden;
  white-space:nowrap;
  float:left;
}

.order_dash .statusses .box .button {
  width:160px;
  float:right;
}

.order_dash .statusses .box .title.oke {
  background:url(../gfx/icons/tick.png) 0 3px no-repeat;
  text-indent:20px;
}
.order_dash .statusses .box .title.err {
  background:url(../gfx/icons/cross.png) 0 3px no-repeat;
  text-indent:20px;
}

.order_dash .contents {
}
.order_dash .shipmentinfo {
    margin-bottom: 10px;
}

.order_dash .epbox {
    background-color:#fff;
    border:1px solid #7ba7c9;
    border-radius:5px;
    float:left;
    line-height:1.5;
    overflow:hidden;
    padding:10px;
    width:383px;
    height:57px;
}

.order_dash .epbox .logo {
    margin-top:2px;
}

.order_dash .epbox .download {
    border-top:1px solid #ccc;
    margin-top:5px;
    padding-top:7px;
}

.order_dash .epbox .download .accepted { color:#090; }
.order_dash .epbox .download .pending { color:#999; }
.order_dash .epbox .download .denied { color:#c00; }

.order_dash .epbox .download .error {
    color:#c00;
    display:block;
    font-size:10px;
    line-height:1;
    margin-top:-2px;
}












.gui {
}
.gui .gui-button {
  height:24px;
  position:relative;
  line-height:24px;
  text-align:center;
  cursor:pointer;
  color:#000;
  font-weight:bold;
  text-shadow:0 1px 1px #FFF;
  font-size:12px;
}
.gui .gui-button div {
  background:url(../../core/gfx/gui_buttons_v2.png);
  height:24px;
  position:absolute;
}
.gui .gui-button .l {
  width:10px;
  left:0;
}
.gui .gui-button .c {
  left:10px;
  right:10px;
}
.gui .gui-button .r {
  width:10px;
  right:0;
}

.gui .gui-button.gray {
  color:#333;
  text-shadow:0 1px #FFF;
}

.gui .gui-button.round.gray .l {
  background-position:left 0px;
}
.gui .gui-button.round.gray .c {
  background-position:center 0px;
}
.gui .gui-button.round.gray .r {
  background-position:right 0px;
}
.gui .gui-button.round.gray.down .l {
  background-position:left -24px;
}
.gui .gui-button.round.gray.down .c {
  background-position:center -24px;
}
.gui .gui-button.round.gray.down .r {
  background-position:right -24px;
}

.gui .gui-button.square.gray .l {
  background-position:left -96px;
}
.gui .gui-button.square.gray .c {
  background-position:center -96px;
}
.gui .gui-button.square.gray .r {
  background-position:right -96px;
}
.gui .gui-button.square.gray.down .l {
  background-position:left -120px;
}
.gui .gui-button.square.gray.down .c {
  background-position:center -120px;
}
.gui .gui-button.square.gray.down .r {
  background-position:right -120px;
}

.gui .gui-button.blue {
  color:#FFF;
  text-shadow:0 -1px #005DCD;
}

.gui .gui-button.round.blue .l {
  background-position:left -48px;
}
.gui .gui-button.round.blue .c {
  background-position:center -48px;
}
.gui .gui-button.round.blue .r {
  background-position:right -48px;
}
.gui .gui-button.round.blue.down .l {
  background-position:left -72px;
}
.gui .gui-button.round.blue.down .c {
  background-position:center -72px;
}
.gui .gui-button.round.blue.down .r {
  background-position:right -72px;
}

.gui .gui-button.square.blue .l {
  background-position:left -144px;
}
.gui .gui-button.square.blue .c {
  background-position:center -144px;
}
.gui .gui-button.square.blue .r {
  background-position:right -144px;
}
.gui .gui-button.square.blue.down .l {
  background-position:left -168px;
}
.gui .gui-button.square.blue.down .c {
  background-position:center -168px;
}
.gui .gui-button.square.blue.down .r {
  background-position:right -168px;
}

#shop_user_info {
    background-color:#fff;
    border-bottom:1px solid #666;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    margin-bottom:20px;
    padding:15px 20px 20px 20px;
}

#shop_user_info .label-holder {
    padding-right:30px;
}

#shop_user_info .info-holder {
    padding-right:60px;
}

#shop_user_info .small {
    color:#999;
    font-size:12px;
}

#shop_user_info .error {
    color:#f00;
}


#happiness-report {
    margin:30px 0 40px 0;
}

#happiness-report h3 {
    color:#333;
    display:block;
    font-size:15px;
}

#happiness-report .smileys {
    margin:20px 0 0 10px;
}

#happiness-report .smiley {
    background:no-repeat 50% 0;
    cursor:pointer;
    display:block;
    float:left;
    margin-right:30px;
    padding-top:40px;
    text-align:center;
    text-decoration:none;
    width:100px;
}

#happiness-report .smiley-happy {
    background-image:url('../gfx/icons_32/smiley_happy.png');
}

#happiness-report .smiley-neutral {
    background-image:url('../gfx/icons_32/smiley_neutral.png');
}

#happiness-report .smiley-sad {
    background-image:url('../gfx/icons_32/smiley_sad.png');
}

#happiness-report .smiley h4 {
    display:block;
    font-size:13px;
    font-weight:bold;
    text-decoration:underline;
}

#happiness-report .smiley:hover h4 {
    color:#333;
}

#happiness-report .smiley p {
    color:#555;
    display:block;
    font-size:11px;
    margin-top:5px;
}

#happiness-report .confirmation {
    display:none;
}


#trial-expired {
    padding:20px;
}

#payment-overdue {
    padding:20px;
}

#payment-overdue .details {
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:1px 2px 2px #ddd;
    font-size:16px;
    line-height:2.0;
    margin:50px 0 0 30px;
    padding:20px 40px 30px 20px;
    text-align:center;
    white-space:nowrap;
    width:250px;
}

#payment-overdue .btn {
    background:#66ab30 url('../gfx/btns/pay-now.png') repeat-x top left;
    border:1px solid #5c9a2b;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:1px 2px 2px #ccc;
    color:#fff;
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    line-height:50px;
    margin-top:20px;
    padding:0 20px;
    text-shadow:0 -1px #528926;
}

#blog {
    background-color:#fff;
    box-shadow:0 1px 15px rgba(0, 0, 0, 0.4);
    padding:20px 30px;
    position:relative;
    width:760px;
}

#blog .blog-item .blog-item-head {
    position:relative;
}

#blog .blog-item .blog-item-head h2 {
    border-bottom:1px solid #666;
    color:#000;
    display:block;
    font-size:24px;
    margin-bottom:5px;
    padding:10px 0;
}

#blog .blog-item .blog-item-head .timeago {
    color:#999;
    font-size:12px;
    position:absolute;
    top:12px;
    right:0;
}

#blog .blog-item .blog-item-body {
    color:#000;
    padding:10px 20px 40px 0;
}

#order-methods {
    padding:20px;
}

#order-methods h1 {
    border-bottom:1px dotted #999;
    font-size:20px;
    line-height:normal;
    margin-bottom:20px;
    padding-bottom:5px;
}

#order-methods .method {
    background-color:#fff;
    border:1px solid #bbb;
    border-top:1px solid #ccc;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    color:#000;
    display:inline-block;
    margin:0 20px 20px 0;
    padding:10px 20px 10px 15px;
    text-decoration:none;
    width:250px;
}

#order-methods .method:hover {
    box-shadow:0 0 10px #007FFF;
}

#order-methods .method .details {
    float:right;
    width:210px;
}

#order-methods .method .details h3 {
    font-size:16px;
    line-height:24px;
    padding-top:4px;
}

#order-methods .method .details .list {
    color:#555;
    font-size:12px;
    padding-top:5px;
}


#partner-dashboard {
    padding:20px;
    width:962px;
}

#partner-dashboard .block {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom:20px;
    padding:10px;
}

#partner-dashboard .tiles .tile {
    background-color:#666;
    border-radius:4px;
    color:#ccc;
    float:left;
    font-size:9px;
    font-weight:bold;
    height:50px;
    margin-right:10px;
    padding-top:5px;
    text-align:center;
    text-shadow:0 0 1px #000;
    white-space:nowrap;
    width:180px;
}

#partner-dashboard .tiles .tile.last {
    margin-right:0;
}

#partner-dashboard .tiles .tile strong {
    color:#fff;
    font-size:20px;
    text-shadow:0 1px 1px #000;
}

#partner-dashboard .statistics {
    margin-top:20px;
}

#partner-dashboard .statistics .controls {
    border:1px dotted #ccc;
    border-radius:3px;
    color:#444;
    float:right;
    font-size:16px;
    font-weight:bold;
    padding:3px 5px;
}

#partner-dashboard .statistics .controls:hover {
    border:1px solid #bbb;
    border-bottom-color:#999;
}

#partner-dashboard .statistics .controls .datepicker {
    border:0;
    color:#444;
    cursor:pointer;
    font-size:18px;
    padding:4px;
    text-align:center;
    width:100px;
}

#partner-dashboard .statistics .controls .selector {
    border:0;
    color:#444;
    cursor:pointer;
    font-size:18px;
    padding:3px;
    width:200px;
}

#partner-dashboard .statistics .controls .submit {
    color:#222;
    cursor:pointer;
    font-size:14px;
    padding:5px 7px;
}

#partner-dashboard .tabs {
    height:24px;
}

#partner-dashboard .tabs ul {
    list-style-type:none;
}

#partner-dashboard .tabs ul li {
    float:left;
    margin-right:3px;
}

#partner-dashboard .tabs ul li a {
    background:#e6e6e6 url('../gfx/statistics-tabs-bg.png') repeat-x top left;
    border:1px solid #bbb;
    border-bottom:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    color:#444;
    display:block;
    font-size:12px;
    line-height:23px;
    padding:0 10px;
}

#partner-dashboard .tabs ul li.active a {
    background:#fff;
    color:#000;
    line-height:24px;
}

#partner-dashboard .graphs {
    border:1px solid #bbb;
    border-bottom-color:#999;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding-top:10px;
}

#partner-dashboard .partner-dl {
    float:left;
    width:471px;
}

#partner-invoices {
    margin-left:20px;
}

#partner-dashboard .partner-dl h2 {
    background-color:#888;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    padding:0 10px;
    text-shadow:0 1px 1px #333;
}

#partner-dashboard .partner-dl table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#partner-dashboard .partner-dl table th {
    background-color:#ddd;
    border-bottom:1px solid #bbb;
    color:#222;
    font-size:12px;
    padding:4px 0 4px 10px;
    text-align:left;
}

#partner-dashboard .partner-dl table td {
    border-bottom:1px dotted #ccc;
    color:#222;
    font-size:12px;
    padding:4px 0 4px 10px;
}

#partner-dashboard .partner-dl table td a {
    color:#222;
}

#partner-dashboard .partner-dl table td.foot {
    background-color:#ddd;
    border-top:1px solid #bbb;
    border-bottom:0;
}

#partner-dashboard .partner-dl table td.foot a {
    color:#007FFF;
}

#partner-dashboard .partner-dl table td.no-results {
    color:#666;
    padding:50px 0;
    text-align:center;
}

.inputv2 {
    border:1px solid #999;
    border-right-color:#ccc;
    border-bottom-color:#ccc;
    border-radius:2px;
    box-shadow:0 1px #fff;
    font-size:11px;
    line-height:13px;
    margin:1px 0;
    padding:3px;
}

#setOptionsForm input {
    width:150px;
}

#setOptionsForm #addOptionBtnHolder {
    display:none;
    padding-top:2px;
}

#setOptionsForm .addValueBtnHolder {
    display:none;
    padding-top:2px;
}

#setOptionsForm .optionHolder {
    float:left;
    width:240px;
}

#setOptionsForm .valuesHolder {
    float:left;
    width:320px;
}

#setOptionsForm .inputHolder {
    float:left;
}

#setOptionsForm .iconsHolder {
    float:left;
    padding:4px 0 0 7px;
}

#setOptionsForm .iconsHolder img {
    margin-right:3px;
}

#customFieldValues {
    padding-top:10px;
}

#customFieldValues table {
    background-color:#fff;
    border:1px solid #ccc;
    border-bottom-color:#bbb;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#customFieldValues table th {
    background:#ddd url('../gfx/form-table/bg-white.png') repeat-x top left;
    border-bottom:1px solid #bbb;
    border-right:1px solid #ccc;
    font-size:11px;
    font-weight:bold;
    line-height:30px;
    overflow:hidden;
    padding:0 10px 0 5px;
    text-align:left;
    text-shadow:0 1px #fff;
    white-space:nowrap;
}

#customFieldValues table td {
    border-bottom:1px dotted #ccc;
    border-right:1px dotted #ccc;
    padding:2px 5px;
}

#customFieldValues table th.icon {
    padding:0 5px;
    width:16px;
}

#customFieldValues table td.icon {
    padding:0;
    text-align:center;
}

#customFieldValues table input.name {
    width:85%;
    min-width:100px;
}

#customFieldValues table input.price {
    width:60px;
}

#customFieldValues table select.price_type {
    width:100px;
}

#customFieldValues table td.foot {
    background-color:#e4e9ef;
    border-top:1px solid #ccc;
    padding:5px;
}

#customFieldValues #addValueButton {
    float:right;
}

/* DASHBOARD */
/************************************************************/
#notification-important {
    background:#f8b630 url('../gfx/dashboard/title-bg.png') repeat-x top left;
    border:1px solid #ccc;
    border-top:0;
    border-bottom-color:#db9b04;
    border-radius:5px 5px 0 0;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    color:#000;
    font-size:13px;
    font-weight:bold;
    line-height:31px;
    padding:0 10px;
    text-align:center;
    text-shadow:0 1px rgba(255, 255, 255, 0.5);
}

#notification-important a {
    color:#000;
}

#dashboard {
    color:#333;
    font-size:12px;
    line-height:1.5;
}

#dashboard a:hover {
    color:#005b91;
}

#dashboard .title a {
  color: #19A9E5;
}

#dashboard .columns {
    padding:20px 15px;
    width:1020px;
}

#dashboard .left-column {
    float:left;
    width:720px;
}

#dashboard .right-column {
    margin-left:740px;
}

#dashboard .headlines {
    margin-bottom:20px;
    position:relative;
}

#dashboard .headlines .banners {
    height:340px;
    position:relative;
    z-index:2;
}

#dashboard .headlines .banners a {
    display:none;
    position:absolute;
    top:0;
    left:0;
}

#dashboard .headlines .sidenav {
    background-color:#fff;
    border:1px solid #ccc;
    border-left:0;
    display:none;
    height:338px;
    overflow:auto;
    position:absolute;
    top:0;
    right:0;
    width:299px;
    z-index:1;
}

#dashboard .block {
    border-radius:5px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom:20px;
}

#dashboard .block .head {
    background:#ddd url('../gfx/dashboard/title-bg.png') repeat-x top left;
    border:1px solid #ccc;
    border-top-color:#ddd;
    border-bottom-color:#bbb;
    border-radius:5px 5px 0 0;
    color:#555;
    font-size:13px;
    font-weight:bold;
    line-height:31px;
    padding:0 10px;
    text-shadow:0 1px rgba(255, 255, 255, 1);
}

#dashboard .block .body {
    background-color:#fff;
    border:1px solid #ccc;
    border-top:0;
    border-bottom-color:#bbb;
    border-radius:0 0 5px 5px;
    padding:10px;
}

#dashboard .block .goto {
    background-color:#EEE;
    border-radius:3px;
    color:#2F353E;
    display:block;
    font-size:15px;
    font-weight:bold;
    padding:8px 0;
    text-align:center;
  text-shadow: 0 1px 0 #FFF;
  box-shadow: inset 0 0 2px #CCC;
}

#dashboard .blog .row {
    border-bottom:1px solid #ddd;
    margin-bottom:10px;
    padding-bottom:20px;
}

#dashboard .blog .row .left {
    float:none;
    margin-right:120px;
}

#dashboard .blog .row .title {
    font-size:20px;
    font-weight:bold;
}

#dashboard .blog .row .date {
    background-color:#bbb;
    border-radius:3px;
    color:#fff;
    font-size:20px;
    line-height:1;
    margin-bottom:8px;
    padding:8px 0;
    text-align:center;
    width:78px;
}

#dashboard .forum .row {
    border-bottom:1px solid #ddd;
    padding:3px 0;
}

#dashboard .forum .row .left {
    float:none;
    margin-right:200px;
}

#dashboard .forum .row a {
    color:#333;
}

#dashboard .forum .row .date {
    color:#808080;
}

#dashboard .forum .goto {
    margin-top:10px;
}

#dashboard .accountmanager .info {
    height:100px;
}

#dashboard .accountmanager .info .photo {
    margin-left:10px;
}

#dashboard .accountmanager table {
    border-collapse:collapse;
    margin-bottom:10px;
    width:100%;
}

#dashboard .accountmanager table td {
    border-bottom:1px solid #ddd;
    padding:3px 0;
}

#dashboard .accountmanager table td.label-holder {
    color:#808080;
    font-size:11px;
    padding-right:15px;
    white-space:nowrap;
    width:1px;
}

#dashboard .accountmanager table td a {
    font-size:12px;
}

#dashboard .accountmanager table td .phone {
    color:#333;
    font-weight:bold;
}

#dashboard .notifications .head {
    color:#d00;
}

#dashboard .notifications .row {
    background:url('../gfx/dashboard/notification-bg.png') repeat-x top left;
    border:1px solid #b3d9ff;
    border-radius:3px;
    margin-bottom:10px;
    padding:8px;
}

#dashboard .notifications .row .title {
    border-bottom:1px solid #b3d9ff;
    color:#333;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
    min-height:20px;
    padding-bottom:5px;
}

#dashboard .notifications .row .description {
    font-size:11px;
    margin-bottom:5px;
    position:relative;
}

#dashboard .notifications .row .date {
    background-color:#005b91;
    border-radius:3px;
    color:#fff;
    float:right;
    font-size:11px;
    line-height:1;
    margin-left:5px;
    padding:4px 5px;
    text-align:center;
}

#dashboard .help .row {
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:3px;
    margin-bottom:10px;
    padding:8px;
}

#dashboard .help .row .title {
    border-bottom:1px solid #ccc;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
    padding-bottom:5px;
}

#dashboard .help .row .title a {
    color:#333;
}

#dashboard .help .row .description {
    font-size:11px;
    margin-bottom:5px;
}


#pop-email {
    padding:10px;
}

#pop-email .subject {
    color:#000;
    font-size:16px;
    font-weight:bold;
    margin:5px 0 10px;
}

#pop-email .data {
    border:1px solid #ccc;
    border-radius:7px;
    padding:10px 20px 10px 10px;
}

#pop-email .details {
    margin-bottom:10px;
}

#pop-email .details table {
    border-collapse:collapse;
    border-spacing:0;
}

#pop-email .details table td {
    padding:1px 0;
    vertical-align:top;
}

#pop-email .details table td.label {
    color:#888;
    padding-right:15px;
    text-align:right;
}

#pop-email .details .from {
    color:#00681c;
    font-weight:bold;
}

#pop-email .details .light {
    color:#555;
}

#pop-email .details .attachment {
    background-color:#d9e7f5;
    border-radius:4px;
    float:left;
    margin:0 5px 5px 0;
    padding:2px 5px;
}

#pop-email .message iframe {
    border:0;
    width:100%;
    height:400px;
}

#pop-email .message pre {
    font-size:13px;
    padding:10px;
}


#bulk-filters .heading {
    border-bottom:1px solid #999;
    padding-top:20px;
}

#bulk-filters .heading .title {
    border:0;
    float:left;
    padding:0;
}

#bulk-filters .heading .image {
    border:1px solid #ccc;
    float:left;
    padding:3px;
    margin:0 10px 5px 0;
}

#bulk-filters .heading .image img {
    display:block;
}


#order-dashboard {
    margin:0 auto;
    padding:30px 10px;
    width:1070px;
}

#order-dashboard table,
#order-modal table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#order-dashboard table th,
#order-modal table th {
    font-weight:bold;
    padding:2px 10px 2px 0;
    text-align:left;
    vertical-align:top;
}

#order-dashboard table td,
#order-modal table td {
    padding:2px 10px 2px 0;
    vertical-align:top;
}

#order-dashboard table .align-right,
#order-modal table .align-right {
    text-align:right;
}

#order-dashboard table .align-right .f,
#order-modal table .align-right .f {
    float:right;
    text-align:left;
}

#order-dashboard .summary {
    background-color:#fff;
    margin-bottom:20px;
    padding:10px;
}

#order-dashboard .container {
    background-color:#fff;
    padding:10px;
}

#order-dashboard .maincol {
    background-color:#ddd;
    float:left;
    padding:10px;
    width:750px;
}

#order-dashboard .maincol .left-column {
    float:left;
    width:365px;
}

#order-dashboard .maincol .right-column {
    float:left;
    margin-left:20px;
    width:365px;
}

#order-dashboard .sidecol {
    float:left;
    margin-left:20px;
    width:260px;
}

#order-dashboard .box {
    margin-bottom:20px;
}

#order-dashboard .box .heading {
    background-color:#ddd;
    border:1px solid #ccc;
    color:#333;
    font-size:13px;
    font-weight:bold;
    line-height:32px;
    padding:0 10px;
}

#order-dashboard .box .body {
    background-color:#fff;
    border:1px solid #ccc;
    border-top:0;
    padding:10px;
}

#order-dashboard .maincol .box .heading {
    background-color:#999;
    border-color:#777;
    color:#fff;
}

#order-dashboard .maincol .box .body {
    border-color:#aaa;
}

#order-modal .extra-input {
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:5px;
    margin-top:30px;
    padding:15px 20px 20px 20px;
}

#order-modal .extra-input label {
    display:block;
    font-weight:bold;
    line-height:24px;
}


#task-modal {
    color:#333;
}

#task-modal .form {
    margin:0;
    width:482px;
}

#task-modal .form .row .label {
    width:152px;
}

#task-modal .form .row .input {
    width:330px;
}

#task-modal .view table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#task-modal .view table td {
    border-bottom:1px solid #ddd;
    padding:4px 0;
    vertical-align:top;
}

#task-modal .view table td.label-holder {
    width:152px;
}

#task-modal .view .description {
    background-color:#ffc;
    border-radius:5px;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
    font-size:12px;
    line-height:1.3;
    margin:5px 0 15px;
    padding:10px;
}

#task-modal .view .description .label {
    font-size:13px;
    margin-bottom:5px;
}


.task-label, .ticket-label, .order-label, .payment-label, .shipping-label, .return-label {
    background-color:#999;
    border:1px solid #999;
    border-radius:3px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:1px 4px 2px;
    text-shadow:0 -1px rgba(0, 0, 0, 0.25);
    white-space:nowrap;
}

.task-label.task-label-new                          { background-color:#fff; border-color:#ccc; color:#333; text-shadow:none; }
.task-label.task-label-pending                      { background-color:#0091e3; border-color:#0091e3; }
.task-label.task-label-resolved                     { background-color:#1fc200; border-color:#1fc200; }
.task-label.task-label-hold                         { background-color:#f89406; border-color:#f89406; }
.task-label.task-label-invalid                      { background-color:#e82920; border-color:#e82920; }
.task-label.task-label-overdue                      { background-color:#e82920; border-color:#e82920; }

.ticket-label.ticket-label-answered                 { background-color:#1fc200; border-color:#1fc200; }
.ticket-label.ticket-label-unanswered               { background-color:#e82920; border-color:#e82920; }
.ticket-label.ticket-label-todo                     { background-color:#f89406; border-color:#f89406; }

.order-label.order-label-new                        { background-color:#fff; border-color:#ccc; color:#333; text-shadow:none; }
.order-label.order-label-offer                      { background-color:#333; border-color:#333; }
.order-label.order-label-on_hold                    { background-color:#f89406; border-color:#f89406; }
.order-label.order-label-processing                 { background-color:#0091e3; border-color:#0091e3; }
.order-label.order-label-completed                  { background-color:#1fc200; border-color:#1fc200; }
.order-label.order-label-cancelled                  { background-color:#e82920; border-color:#e82920; }

.payment-label.payment-label-not_paid               { background-color:#fff; border-color:#ccc; color:#333; text-shadow:none; }
.payment-label.payment-label-partially_paid         { background-color:#f89406; border-color:#f89406; }
.payment-label.payment-label-paid                   { background-color:#1fc200; border-color:#1fc200; }
.payment-label.payment-label-cancelled              { background-color:#e82920; border-color:#e82920; }

.shipping-label.shipping-label-not_shipped          { background-color:#fff; border-color:#ccc; color:#333; text-shadow:none; }
.shipping-label.shipping-label-partially_shipped    { background-color:#f89406; border-color:#f89406; }
.shipping-label.shipping-label-shipped              { background-color:#1fc200; border-color:#1fc200; }
.shipping-label.shipping-label-cancelled            { background-color:#e82920; border-color:#e82920; }

.return-label.return-label-new                      { background-color:#fff; border-color:#ccc; color:#333; text-shadow:none; }
.return-label.return-label-pending                  { background-color:#0091e3; border-color:#0091e3; }
.return-label.return-label-authorized               { background-color:#1fc200; border-color:#1fc200; }
.return-label.return-label-repaired                 { background-color:#f89406; border-color:#f89406; }
.return-label.return-label-refunded                 { background-color:#1fc200; border-color:#1fc200; }
.return-label.return-label-rejected                 { background-color:#e82920; border-color:#e82920; }
.return-label.return-label-cancelled                { background-color:#e82920; border-color:#e82920; }

span.base-label {
    background-color:#999;
    border-radius:12px;
    color:#fff;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    line-height:24px;
    padding:0 15px;
    text-shadow:0 -1px rgba(0, 0, 0, 0.25);
    white-space:nowrap;
}

span.base-label.green { background-color:#669900; }
span.base-label.orange { background-color:#F89406; }
span.base-label.red { background-color:#CC3333; }
span.base-label.blue { background-color:#0099CC; }
span.base-label.pink { background-color:#EA4C88; }
span.base-label.black { background-color:#333333; }
span.base-label.gray { background-color:#999999; }

.table-label {
    display: block;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    height: 18px;
    line-height: 18px;
    margin: 1px 0;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #999;
    margin: 3px 5px;
    text-indent: 0;
}

#customer-messages {
    margin:0 auto;
    padding:20px 165px 20px 10px;
    width:800px;
}

#customer-messages .date {
    color:#666;
    margin-bottom:5px;
    text-align:center;
    text-shadow:0 1px #fff;
}

#customer-messages .message {
    background-color:#fff;
    border:1px solid #ccc;
    border-top-color:#ddd;
    border-bottom-color:#bbb;
    border-radius:5px;
    margin-bottom:20px;
    padding:10px;
}


#content.store {
    color:#000;
}

#content.store .wrapper {
    margin:0 auto;
    padding:20px 0 100px;
    width:1010px;
}

#content.store .heading {
    border-bottom:1px solid #999;
    margin-bottom:30px;
    padding-bottom:5px;
}

#content.store .heading h1 {
    color:#446d96;
    float:left;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    text-shadow:0 1px #fff;
}

#content.store .heading .filters {
    float:right;
}

#content.store .heading .filters .f {
    margin-left:5px;
}

#content.store .heading .filters .f-button {
    margin-left:5px;
}

#content.store .apps, #content.store .services {
    padding:0 10px;
}

#content.store .wrapper .rows .row {
    margin-bottom:30px;
}

#content.store .rows .row .item {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    color:#333;
    float:left;
    margin-left:30px;
    padding:10px;
    position:relative;
    text-decoration:none;
    width:288px;
    height:260px;
}

#content.store .rows .row .item.first {
    margin-left:0;
}

#content.store .rows .row .item .image img {
    border-radius:5px;
    display:block;
}

#content.store .rows .row .item .info {
    padding:10px;
}

#content.store .rows .row .item .info .title {
    display:block;
    font-size:20px;
    font-weight:normal;
    line-height:1.2;
    margin-bottom:2px;
}

#content.store .rows .row .item .info .price {
    color:#555;
    display:block;
}

#content.store .rows .row .item .info .summary {
    color:#808080;
    display:none;
    height:120px;
    line-height:20px;
    margin-top:15px;
    overflow:hidden;
    text-overflow:ellipsis;
}

#content.store .rows .row .item .bottom {
    height:24px;
    position:absolute;
    bottom:15px;
    left:20px;
    right:20px;
}

#content.store .rows .row .item .stars-holder {
    float:right;
    margin-top:2px;
}

#content.store .rows .row .item.hover .stars-holder {
  float: left;
}

#content.store .rows .row .item .bottom .view-button {
    display:none;
    float:right;
}

#content.store .rows .row .item.hover {
    box-shadow:0 0 10px #007FFF;
}

#content.store .rows .row .item.hover .image {
    display:none;
}

#content.store .rows .row .item.hover .info .title {
}

#content.store .rows .row .item.hover .info .price {
}

#content.store .rows .row .item.hover .info .summary {
    display:block;
}

#content.store .rows .row .item.hover .bottom .view-button {
    display:block;
}

#content.store .shelfs .shelf {
    background:url('../gfx/store/shelf.png') no-repeat bottom center;
    margin-bottom:40px;
    padding:0 0 24px 25px;
}

#content.store .shelfs .shelf .theme {
    background-color:#fff;
    display:block;
    float:left;
    margin-left:40px;
    position:relative;
    width:210px;
    height:280px;
}

#content.store .shelfs .shelf .theme.first {
    margin-left:0;
}

#content.store .shelfs .shelf .theme .info {
    background:url('../gfx/store/label.png') no-repeat;
    color:#fff;
    display:none;
    position:absolute;
    bottom:70px;
    left:-10px;
    text-shadow:0 -1px rgba(0, 0, 0, 0.3);
    width:230px;
    height:75px;
    white-space:nowrap;
}

#content.store .shelfs .shelf .theme:hover .info {
    display:block;
}

#content.store .shelfs .shelf .theme .info .title {
    font-size:16px;
    line-height:16px;
    overflow:hidden;
    position:absolute;
    top:20px;
    left:15px;
    text-overflow:ellipsis;
    width:100px;
}

#content.store .shelfs .shelf .theme .info .style {
    font-size:14px;
    line-height:14px;
    font-style:italic;
    overflow:hidden;
    position:absolute;
    top:38px;
    left:15px;
    text-overflow:ellipsis;
    width:100px;
}

#content.store .shelfs .shelf .theme .info .price {
    font-size:28px;
    line-height:28px;
    font-weight:bold;
    overflow:hidden;
    position:absolute;
    text-align:right;
    top:20px;
    right:15px;
    width:100px;
}

#content.store .shelfs .shelf .theme .image img {
    display:block;
}

#content.store .experts .expert {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    color:#333;
    display:block;
    line-height:1.5;
    margin-bottom:30px;
    position:relative;
    text-decoration:none;
}

#content.store .experts .expert .icon {
    float:left;
    padding:60px 30px;
}

#content.store .experts .expert .icon img {
    border-radius:3px;
    display:block;
}

#content.store .experts .expert .images {
    float:right;
}

#content.store .experts .expert .images img {
    display:block;
    float:left;;
}

#content.store .experts .expert .images img:last-child {
    border-radius:0 4px 4px 0;
}

#content.store .experts .expert .info {
    margin-left:160px;
    padding-top:60px;
    width:370px;
}

#content.store .experts .expert .info .title {
    display:block;
    font-size:24px;
    font-weight:normal;
    line-height:1.2;
}

#content.store .experts .expert .info .expertises {
    display:block;
    font-size:12px;
    margin-bottom:10px;
}

#content.store .experts .expert .info .rates {
    color:#808080;
    display:block;
    font-size:12px;
}

#content.store .experts .expert .info .summary {
    border-top:1px dotted #ccc;
    color:#808080;
    display:none;
    font-size:12px;
    height:80px;
    line-height:20px;
    overflow:hidden;
    padding-top:15px;
    text-overflow:ellipsis;
}

#content.store .experts .expert .info .stars {
    margin-top:20px;
}

#content.store .experts .expert.hover {
    box-shadow:0 0 10px #007FFF;
}

#content.store .experts .expert.hover .info {
    padding-top:20px;
}

#content.store .experts .expert.hover .info .rates {
    display:none;
}

#content.store .experts .expert.hover .info .summary {
    display:block;
}

#content.store .experts .expert.hover .info .stars {
    margin-top:10px;
}

#content.store .item {
    line-height:1.5;
    padding-top:10px;
    text-shadow:0 1px #fff;
}

#content.store .item a {
    color:#446d96;
}

#content.store .item a.black {
    color:#333;
}

#content.store .item a.reinstall_url {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #333;
}

#content.store .item h1 {
    color:#2f4c69;
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
}

#content.store .item h2 {
    color:#446d96;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

#content.store .item .left-column {
    float:left;
    width:175px;
}

#content.store .item .right-column {
    margin-left:225px;
}

#content.store .item .icon {
    margin-bottom:10px;
}

#content.store .item .icon img {
    background-color:#fff;
    border-radius:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
    display:block;
}

#content.store .item .icon img.theme-icon {
    border-radius:5px;
}

#content.store .item .button-buy {
    margin-bottom:20px;
}

#content.store .item .info {
    font-size:12px;
}

#content.store .item .info a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display:block;
}

#content.store .item .info .partner-price-text
{
    font-size: 10px;
}

#content.store .item .description {
    padding-bottom:50px;
}

#content.store .item .description .websites {
    margin-top:30px;
}

#content.store .item .screenshots {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:8px;
    margin:0 0 30px -16px;
    padding:15px;
}

#content.store .item .screenshots .slider {
    padding:0 0 15px 4px;
    overflow:auto;
}

#content.store .item .screenshots .slider ul {
    float:left;
    list-style-type:none;
}

#content.store .item .screenshots .slider ul li {
    float:left;
    margin-right:12px;
}

#content.store .item .screenshots .slider ul li img {
    background-color:#fff;
    border:1px solid #fff;
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.20);
    display:block;
}

#content.store .item .rating {
    padding-bottom:30px;
}

#content.store .stars {
    background:url('../gfx/icons/star-empty.png') repeat-x bottom left;
    display:inline-block;
    position:relative;
    top:1px;
    width:80px;
    height:16px;
}

#content.store .stars span {
    background:url('../gfx/icons/star.png') repeat-x bottom left;
    display:block;
    width:80%;
    height:16px;
}

#content.store .stars-small,
#content.content-table .stars-small
{
    background:url('../gfx/icons/star-small-black-empty.png') repeat-x bottom left;
    display:inline-block;
    position:relative;
    top:1px;
    width:50px;
    height:16px;
}

#content.store .stars-small span,
#content.content-table .stars-small span
{
    background:url('../gfx/icons/star-small-black.png') repeat-x bottom left;
    display:block;
    width:80%;
    height:16px;
}

#content.store .item .reviews {
}

#content.store .item #form-review-holder {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:8px;
    display:none;
    margin:10px 0 0 -16px;
    padding:15px;
}

#content.store .item #form-review-holder h2 {
    margin-bottom:10px;
}

#content.store .item #form-review-holder .label {
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-bottom:2px;
}

#content.store .item #form-review-holder .input-holder {
    margin-bottom:15px;
}

#content.store .item .comments {
    line-height:1.3;
}

#content.store .item .comments .comment {
    border-bottom:1px solid #ccc;
    font-size:12px;
    padding:15px 0;
}

#content.store .item .comments .comment .title {
    font-weight:bold;
}

#content.store .item .comments .comment .author {
    color:#808080;
}

#content.store .item .comments .comment .content {
    display:block;
    margin-top:10px;
}

/* ----------------------- settings/customfeeds ----------------- */

.page_settings_customfeeds .feed-item {
    position: relative;
    float: left;
    width: 450px;
    margin: 0px 0px 10px 10px;
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow:  2px 2px 10px 0px #999;
    box-shadow:  2px 2px 10px 0px #999;
    background: url('../gfx/upl_bg.png') #fff;
}


.page_settings_customfeeds img {
    float: left;
    margin: 5px;
}
.page_settings_customfeeds .feed-name {
    float: left;
    width: 380px;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 4px;
    margin-left: 5px;
}
.page_settings_customfeeds .feed-modified {
    float: left;
    width: 380px;
    font-size: 9px;
    line-height: 10px;
    margin-left: 5px;
}

.page_settings_customfeeds .feed-links {
    clear: both;
    border-top: 1px dotted #ccc;
    margin: 5px 0 5px 45px;
}
/*.page_settings_customfeeds .feed-links .feed-link img {*/
    /*margin: 6px 0 0 2px;*/
/*}*/
.page_settings_customfeeds .feed-links .feed-link label {
    margin: 4px 0 0 2px;
    display: block;
    width: 15px;
    line-height: 16px;
    font-size: 11px;
    float: left;
    clear: left;
}
.page_settings_customfeeds .feed-links .feed-link a {
    margin: 0;
    min-height: 0;
}
.page_settings_customfeeds .feed-links .feed-link span {
    margin: 4px 0 0 2px;
    border: 0px;
    width: 360px;
    display: block;
    background: none;
    margin-left: 5px;
    line-height: 16px;
    text-align: left;
    font-size: 11px;
    float: left;
}
.page_settings_customfeeds .feed-links .feed-link a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 2px;
}

.page_settings_customfeeds .feed-edit a,
.page_settings_customfeeds .feed-delete a,
.page_settings_customfeeds .feed-copy a,
.page_settings_customfeeds .feed-view a{
    float: none !important;
    width: 16px !important;
    height: 16px !important;
    min-height: 0 !important;
}
.page_settings_customfeeds .feed-copy {
    position: absolute;
    top: 5px; right: 25px;
    width: 16px; height: 16px;
}
.page_settings_customfeeds .feed-view {
    position: absolute;
    top: 5px; right: 5px;
    width: 16px; height: 16px;
}
.page_settings_customfeeds .feed-edit {
    position: absolute;
    top: 5px; right: 25px;
    width: 16px; height: 16px;
}
.page_settings_customfeeds .feed-delete {
    position: absolute;
    top: 5px; right: 5px;
    width: 16px; height: 16px;
}

.page_settings_customfeeds a.view {
    width: 16px; height: 16px;
    background: url(../gfx/icons/feed--arrow.png) left center no-repeat;
}
.page_settings_customfeeds a.copy {
    width: 16px; height: 16px;
    background: url(../gfx/icons/document-copy.png) left center no-repeat;
}
.page_settings_customfeeds a.edit {
    width: 16px; height: 16px;
    background: url(../gfx/icons/pencil.png) left center no-repeat;
}
.page_settings_customfeeds a.delete {
    width: 16px; height: 16px;
    background: url(../gfx/icons/minus-circle.png) left center no-repeat;
}

.page_settings_customfeeds .no-feeds {
    padding: 10px 30px;
    font-style: italic;
}

#icon-select-ctnr {
    overflow: hidden;
}
.icon-select {
    margin: 0;
    border: 2px solid transparent;
    padding: 2px !important;
}
.icon-select.selected {
    border: 2px solid #ff8c00;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: white;
}

.progress {
    width: 90%;
    height: 16px;
    position: relative;
    border: 1px solid #444;
    margin-left: 4%;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;

}
.progress .percent {
    background: rgb(180,227,145); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZTM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzYxYzQxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(180,227,145,1) 0%, rgba(97,196,25,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(99%,rgba(97,196,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-8 */
}
.progress .value {
    position: absolute;
    width: 50px;
    left: 50%;
    top: 0;
    margin-left: -25px;
    text-align: center;
    color: black;
    line-height: 17px;
    text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.input_descriptor {
    line-height: 16px;
    margin: 1px 3px 0;
}

#partner-notes {
    width: 380px;
    float:right;
    display:inline-block;
    margin:25px;
    padding: 10px;
    border: 1px solid #bbb;
    border-right: none;
    background: white;
    border-radius:7px;
    background: rgb(237,237,237); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 17%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(17%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow:  -1px 2px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -1px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
#partner-notes h2 {
    border-bottom: 1px solid #DDD;
    margin: 0 0 10px;
    font-size: 14px;
}
#partner-note-new {
    padding: 0 0 20px;
}
#partner-note {
    width: 100%;
}
#save-partner-note {
    vertical-align: top;
    width: 32px;
    height: 32px;
}
.partner-note {
    border-top: 1px solid #DDD;
    padding: 10px 0 15px;
    vertical-align: top;
    line-height: 16px;

}
.partner-note img {
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}

.partner-note-text {
    margin-left:25px;
}

#custom-feed-tags {
    position: absolute;
    top: 50px;
    bottom:20px;;
    right: 20px;
    padding: 10px;
    border: 1px solid #BBB;
    border-right: none;
    background: white;
    border-radius: 7px;
    background: rgb(237,237,237); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 17%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(17%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 17%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow:  -1px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  -1px 2px 5px 0px rgba(0, 0, 0, 0.2);
    overflow: scroll;
    width:300px;
}

#custom-feed-tags h2 {
    border-bottom: 1px solid #DDD;
    margin: 0 0 10px;
    padding-bottom:5px;
    font-size: 14px;
}
#custom-feed-tags li {
    white-space: nowrap;
}
#custom-feed-tags li:hover {
    background: #eee;
}
#custom-feed-tags li.list {
    font-style: italic;
    color: #333;
}
#custom-feed-tags ul {
    margin: 0;
    list-style-type: none;
}
#custom-feed-tags ul ul {
    margin: 0 0 0 20px;
}

.ac-profile {
    padding:2px 0;
}

.ac-profile .photo {
    float:left;
}

.ac-profile .photo img {
    background-color:#fff;
    display:block;
}

.ac-profile .fullname {
    margin-left:37px;
}

.ac-profile .email {
    color:#666;
    margin-left:37px;
}


#nc-holder {
    position:absolute;
    top:40px;
    right:0;
    width:290px;
    z-index:80;
}

#nc {
    background-color:#eee;
    border-left:1px solid #000;
    color:#333;
    display:none;
    font-size:11px;
    line-height:1.3;
    overflow:auto;
    position:fixed;
    top:40px;
    bottom:0;
    width:290px;
    z-index:100;
}

#body.nc-visible #nc { display:block; }
#body.nc-visible #content { padding-right:290px; }
#body.nc-visible #titlebar { padding-right:290px; }
#body.nc-visible #x_submit { padding-right:290px; }
#body.nc-visible #x_tablenav { padding-right:290px; }
#body.nc-visible #titlebarItems { right:290px; }

#nc .nc-title {
    background:url(../gfx/nc/title-bg.png) repeat-x top left;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
    color:#808080;
    font-size:13px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    overflow:hidden;
    padding:0 10px 0 30px;
    position:relative;
    text-overflow:ellipsis;
    text-shadow:0 1px 0 rgba(255, 255, 255, 1);
}

#nc .nc-title .icon {
    background-position:top left;
    background-repeat:no-repeat;
    position:absolute;
    top:7px;
    left:10px;
    width:16px;
    height:16px;
}

#nc .nc-title .icon.tasks { background-image:url(../gfx/nc/calendar-task.png); }
#nc .nc-title .icon.notes { background-image:url(../gfx/nc/sticky-notes-text.png); }

#nc .nc-title .btn-add {
    background:url(../gfx/nc/icon-add.png) no-repeat 0px 0px;
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    width:10px;
    height:11px;
}

#nc .nc-title .btn-add:hover {
    background-position:0px -11px;
}

#nc .no-results {
    background-color:#ddd;
    color:#808080;
    padding:15px 10px;
    text-align:center;
    text-shadow:0 1px rgba(255, 255, 255, 0.7);
}

#nc .f.f-autocomplete .f-ac-data {
    min-width:236px;
}

#nc .container-add {
    background-color:#d9e7f5;
    border-bottom:2px solid #aeb9c4;
    box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.1);
    display:none;
    padding:10px 10px 15px 10px;
}

#nc .label-holder {
    font-weight:bold;
}

#nc .input-holder {
    margin-bottom:10px;
}

#nc .button-holder {
    margin-top:15px;
}

#nc-admin-tasks {
    margin-bottom:15px;
}

#nc-admin-tasks .overview .items .item {
    border-bottom:1px dotted #aaa;
    cursor:pointer;
    padding:4px 10px;
}

#nc-admin-tasks .overview .items .item .title {
    font-size:12px;
}

#nc-admin-notes {
    margin-bottom:15px;
}

#nc-admin-notes .overview {
}

#nc-admin-notes .overview .items .item {
    border-bottom:1px dotted #aaa;
    padding:10px;
}

#nc-admin-notes .overview .items .item.even {
}

#nc-admin-notes .overview .items .item .title {
    font-size:12px;
    font-weight:bold;
}

#nc-admin-notes .overview .items .item .type {
    background-color:#faed97;
    border-radius:5px;
    color:#666;
    display:inline-block;
    float:right;
    font-style:italic;
    margin:0 0 5px 5px;
    padding:2px;
}

#nc-admin-notes .overview .items .item .description {
    clear:both;
    margin-top:5px;
}

#nc-admin-notes .overview .items .item .info {
    display:block;
    font-style:italic;
    margin-top:8px;
}


.alert
{
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info
{
    background: #d9edf7;
    color: #3a87ad;
    border: 1px solid #bce8f1;
}

.gui-progressbar {
    list-style-type:none;
    margin:20px 0 30px;
    padding:0;
}

.gui-progressbar.steps2 li { width: 50%; }
.gui-progressbar.steps3 li { width: 33.33%; }
.gui-progressbar.steps4 li { width: 25%; }
.gui-progressbar.steps5 li { width: 20%; }
.gui-progressbar.steps6 li { width: 16.67%; }
.gui-progressbar.steps7 li { width: 14.28%; }
.gui-progressbar.steps8 li { width: 12.5%; }
.gui-progressbar.steps9 li { width: 11.11%; }

.gui-progressbar li {
    border-bottom:4px solid #ccc;
    color:#808080;
    font-size:13px;
    display:inline-block;
    line-height:20px;
    padding-bottom:15px;
    position:relative;
    text-align:center;
}

.gui-progressbar li.done {
    border-bottom-color:#119e4c;
    color:#808080;
}

.gui-progressbar li.active {
    border-bottom-color:#119e4c;
    color:#333;
    font-weight:bold;
}

#content .gui-progressbar li.active a {
    color:#333;
}

.gui-progressbar li .circle {
    background-color:#ccc;
    border-radius:12px;
    color:#666;
    font-size:13px;
    line-height:24px;
    margin-left:-12px;
    position:absolute;
    top:25px;
    left:50%;
    width:24px;
    height:24px;
}

.gui-progressbar li.done .circle {
    background-color:#119e4c;
    color:#fff;
}

.gui-progressbar li.active .circle {
    background-color:#119e4c;
    color:#fff;
    font-weight:normal;
}

.gui-progressbar li.active .border-overlay {
    background-color:#ccc;
    position:absolute;
    top:35px;
    left:50%;
    width:50%;
    height:4px;
}


.content-center {
    color:#333;
    margin:10px auto;
    padding:10px;
    width:820px;
}

.content-center.wide {
    width:975px;
}

.content-center h1 {
    font-size:20px;
    margin-bottom:10px;
    text-shadow:0 1px #fff;
}

.content-center .form {
    margin:0;
}

.content-center .form-buttons {
    margin:20px 0;
}

.content-center .form-progress .gui-progressbar {
    margin-bottom:40px;
}

.content-center .form-errors {
    background-color:#ffe;
    border:1px solid #f00;
    border-radius:5px;
    color:#f00;
    list-style-type:none;
    margin-bottom:20px;
    padding:10px;
}

.content-center .form-errors li {
    line-height:18px;
}

#account-expired {
    background-color:#ffc;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow:0 2px 12px rgba(0, 0, 0, 0.5);
    color:#c00;
    font-size:18px;
    font-weight:bold;
    line-height:1.3;
    margin:0 0 30px 0;
    padding:20px;
    text-align:center;
}

#account-expired a {
    background:#66ab30 url('../gfx/btns/pay-now.png') repeat-x top left;
    border:1px solid #5c9a2b;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:1px 2px 2px #ccc;
    color:#fff;
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    line-height:40px;
    margin-top:20px;
    padding:0 20px;
    text-shadow:0 -1px #528926;
}

#account-info {
    background-color:#eee;
    border-radius:5px;
    color:#000;
    margin-bottom:30px;
    padding:30px 20px;
}

#account-info .subscription-info table td {
    padding:2px 5px;
}

#account-info .subscription-info table td.label {
    color:#666;
    text-align:right;
}

#account-info .subscription-info .sub-progress {
    background-color:#fff;
    border:1px solid #bbb;
    border-radius:3px;
    display:inline-block;
    line-height:0;
    width:200px;
}

#account-info .subscription-info .sub-progress .sub-percentage {
    background:#18ae29 url('../gfx/account-sub-progress-bg.png') repeat-x top left;
    border-radius:3px;
    display:inline-block;
    height:12px;
}

#account-info .subscription-info .count {
    font-size:20px;
    margin-left:10px;
}

#account-info .subscription-info .remaining {
    color:#666;
    font-size:12px;
}

#account-info .subscription-info .terminate {
    text-align:right;
    margin:20px 20px 0 0;
}

#account-info .subscription-info .terminate a {
    color:#555;
}

#account-info .upgrade-info {
    border-left:1px solid #bbb;
    float:right;
    padding:10px 50px 15px 30px;
    width:360px;
}

#account-info .upgrade-info h2 {
    font-size:20px;
}

#account-info .upgrade-info p {
    font-size:12px;
    margin:8px 0 12px 0;
}


.gui3-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    border: 1px solid #bbb;
    display: inline-block;
    line-height: 30px;
    padding: 0 9px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    background: url(../gfx/ui3/btn-green-gray.png) no-repeat #EEE;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #555;
    text-shadow: 0 1px 0 #FFF;
    box-shadow: 0 1px 0 #FFFFFF;
    font-family: Helvetica;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    outline: none;
}

.gui3-btn.small {
    height: 28px;
    line-height: 26px;
    background-position: 0 -2px;
}

.gui3-btn.large {
}

.gui3-btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gui3-btn:hover {
    background-position: -300px 0;
    text-decoration: none;
    color: #000;
}

.gui3-btn.small:hover {
    background-position: -300px -2px;
}

.gui3-btn:active, .gui3-btn.active {
    color: #000;
    background-position: -600px 0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.gui3-btn.small:hover {
    background-position: -600px -2px;
}

.gui3-btn.green {
    background: url(../gfx/ui3/btn/btn-green.png) repeat-x;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    border-color: #679B1F;
}

.gui3-btn.green:hover {
    background-position: 0 -104px;
}

.gui3-btn.green:active {
    background-position: 0 -208px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}

.gui3-btn.small.green {
    height: 32px;
    background: url(../gfx/ui3/btn/btn-green-small.png) repeat-x;
}

.gui3-btn.small.green:hover {
    background-position: 0 -64px;
}

.gui3-btn.small.green:active {
    background-position: 0 -128px;
}

.gui3-btn.red {
    background-image: url(../gfx/ui3/btn-red-small.png);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    border-color: #9D1D19;
}

.gui3-btn.red:active {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}

.gui3-btn.primary {
    background-image: url(../gfx/ui3/btn-blue-small.png);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    border-color: #0E82A8;
}

.gui3-btn.primary:active {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}

.form .row .tokens,
.form .row .count
{
  width: 580px;
  float: right;
  font-size: 11px;
}

#x_popin .form .row .count
{
  width: 100%;
}

.form .row .count
{
  text-align: right;
}

.form .row .count span
{
  font-weight: bold;
}

.form .row .count span.warning
{
  color: #ff0000;
}

/* Panes */
.pane {
    padding-top: 47px; /* IE7 fix */
    margin: 0 auto;
    width: 550px;
    text-align: center;
}

.pane h1 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 46px;
}

.pane p.description {
    color: #666;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 61px;
    text-align:justify;
}

.pane p {
    line-height: 15px;
    margin-bottom: 13px;
}

.pane .call-to-action {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.pane .call-to-action .btn {
    margin-right: 13px;
    min-width: 128px;
}

.pane .btn:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    text-decoration: none;
}

.pane .visual {
    display: block;
    margin-bottom: 37px;
    position: relative;
}

.pane a.visual:hover {
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    text-decoration: none;
}

.pane .visual.clickable {
    cursor: pointer;
}

.pane .visual.clickable .state-active, .pane .visual.clickable:active .state-default {
    display: none;
}

.pane .visual.clickable:active .state-active {
    display: inline;
}

.pane .visual .overlay {
    bottom: 34px;
    color: #000;
    display: block;
    left: 0;
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.pane .visual .overlay span {
    margin: 0 10%;
}

/* Buttons */
.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 10px;
}

.btn-gray {
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

    border-color: #bdbdbd;
    color: #666666;
    text-shadow: 0 1px 0 #FFF;
}

.btn-blue {
    background: #8dc3f6; /* Old browsers */
    background: -moz-linear-gradient(top, #8dc3f6 0%, #58a1f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc3f6), color-stop(100%,#58a1f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8dc3f6 0%,#58a1f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8dc3f6 0%,#58a1f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8dc3f6 0%,#58a1f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8dc3f6 0%,#58a1f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc3f6', endColorstr='#58a1f3',GradientType=0 ); /* IE6-9 */

    border-color: #5b97da;
    color: #0c3277;
    text-shadow: 0 1px 1px #FFF;
}

.livechat_button
{
  height: 40px;
  position: fixed;
  top:0;
  left:50%;
  margin-left:150px;
  z-index:999;
}

.livechat_button a img
{
  height:25px;
  margin-top:8px;
}

#livechat-compact-container {
  display: none;
}