* {margin: 0px; padding: 0px;}



body {font: 11px Verdana, Tahoma, Arial; color: #1f1a17; background: #e8e8e7/* url(../images/main_middle_right_m100.png) right top repeat-y*/;}

html, body, .general {height: 100%;}

body > .general {height: auto; min-height: 100%;}

a:link,
a:active,
a:hover,
a:visited {
  font: 11px Tahoma;
  text-decoration: underline;
  color: #00539b;
  outline: none;
}

a img {border: 0px none; outline: 0px none; vertical-align: middle;}
a.img_space {text-decoration: none;}

table {border: 0px none; border-spacing: 0px; border-collapse: collapse;}

td {vertical-align: top;}

h3 {padding: 5px 0px; font: 21px Tahoma;}
p {padding: 5px 0px;}

.submit .btn {width: 110px; height: 43px; font: 15px Verdana; text-align: center; outline: none; border: none; background: url(../images/btn_bg.png) left top no-repeat;}
.buttons .btn {width: 110px; height: 43px; font: bold 15px Verdana; text-align: center; outline: none; border: none; background: url(../images/btn_bg.png) left top no-repeat;}
.tmp {height:50px;}

.general {min-width: 1150px; text-align: left; background: url(../images/bg.gif) no-repeat;}

.header {/*width: 900px; */height: 60px; padding: 20px 120px 20px 55px;}
  .header .homelink {float: left; padding-top: 10px;}
  .header .b2b_banner {float: right; padding-top: 5px;}

.main_top_bg {height: 25px; margin-right: 60px; padding-right: 25px; background: url(../images/main_top_right.png) right top no-repeat;}
  .main_top_bg .main_top_bg_2 {height: 25px; background: url(../images/main_top.png) top repeat-x;}

.main_bottom_bg {height: 5px; margin-right: 60px; padding-right: 25px; background: url(../images/main_bottom_right.png) right top no-repeat;}
  .main_bottom_bg .main_bottom_bg_2 {height: 5px; background: url(../images/main_bottom.png) top repeat-x;}

.main_middle_bg {margin-right: 60px; padding-right: 25px; background: url(../images/main_middle_right.png) right repeat-y;}
  .main_middle_bg .main_middle_bg_2 {background: #fff;}

.min_width {width: 1010px; height: 1px; overflow: hidden;}

.home {padding-bottom: 75px;}

.maincontent {min-height: 400px; padding: 0px 30px 0px 55px; overflow: hidden;}
  .maincontent .maintop {float: left; width: 100%;}
    .maincontent .maintop .links {height: 30px; padding-bottom: 20px;}
      .maincontent .maintop .links .item {float: left; width: auto; padding: 0px 20px 0px 0px;}
        .maincontent .maintop .links .item .left,
        .maincontent .maintop .links .item .right {float: left; width: 10px; height: 30px; overflow: hidden;}
        .maincontent .maintop .links .item .center {float: left; height: 22px; padding-top: 8px; overflow: hidden;}
          .maincontent .maintop .links .item.active .left {background: url(../images/purchase_link_bg_left.png) left top no-repeat;}
          .maincontent .maintop .links .item.active .right {background: url(../images/purchase_link_bg_right.png) left top no-repeat;}
          .maincontent .maintop .links .item.active .center {background: url(../images/purchase_link_bg_center.png) left top repeat-x;}
            .maincontent .maintop .links .item.active .center a {font-weight: bold; text-decoration: none; color: #1f1a17;}
  .maincontent .mainmenu {display: block; float: left; width: 100%; clear: both;}
    .maincontent .mainmenu .item {display: block; float: left; padding: 0px 3px; color: #00539b;}
      .maincontent .mainmenu .item.right {display: block; float: right;}
        .maincontent .mainmenu .item.right .link {padding: 0 0 3px;}

  .maincontent .maintitle {display: block; float: left; width: 100%; padding: 5px 0px 10px 0px; clear: both;}
    .maincontent .maintitle .left {display: block; float: left;}
    .maincontent .maintitle .right {display: block; float: right; padding: 0px 5px;}
      .maincontent .maintitle .right a img {margin-right: 5px;}
      .maincontent .maintitle .right a.edit{padding: 0px 10px 0px 20px; background: url(../images/admin_edit.gif) left center no-repeat;}
      .maincontent .maintitle .right a.log{padding: 0px 10px 0px 5px; }
  .maincontent .mainform {display: block; float: left; width: 100%; clear: both; overflow: hidden; background: url(../images/form_index_bg.gif) left top repeat;}
    .maincontent .mainform .mainform_top {height: 10px; overflow: hidden;}
      .maincontent .mainform .mainform_top .mainform_left {float: left; width: 10px; height: 10px; background: url(../images/form_index_bg_top_left.gif) left top no-repeat;}
      .maincontent .mainform .mainform_top .mainform_right {float: right; width: 10px; height: 10px; background: url(../images/form_index_bg_top_right.gif) right top no-repeat;}
    .maincontent .mainform .mainform_bottom {height: 10px; overflow: hidden;}
      .maincontent .mainform .mainform_bottom .mainform_left {float: left; width: 10px; height: 10px; background: url(../images/form_index_bg_bottom_left.gif) left top no-repeat;}
      .maincontent .mainform .mainform_bottom .mainform_right {float: right; width: 10px; height: 10px; background: url(../images/form_index_bg_bottom_right.gif) right top no-repeat;}
    .maincontent .mainform .formcontent {display: block; float: none; width: 800px; margin: 0px auto; padding: 10px 0px; font: 11px Tahoma;}
      .maincontent .mainform .formcontent .mainleft {display: inline; float: left; width: 395px;}
      .maincontent .mainform .formcontent .mainright {display: inline; float: right; width: 395px;}
      .maincontent .mainform .formcontent .item {display: block; float: left; width: 395px; padding: 5px 0px;}
        .maincontent .mainform .formcontent .item .left {display: block; float: left; width: 200px; padding-top: 3px; text-align: right;}
        .maincontent .mainform .formcontent .item .right {display: block; float: right; width: 190px;}
          .maincontent .mainform .formcontent .item .right a.calendar {display: block; float: left; width: 20px; height: 20px; margin: 0px 5px; padding: 3px 0px 0px 3px; background: url(../images/icalendar_bg.png);}
          .maincontent .mainform .formcontent .item .right input.calendar {float: left; width: 74px; height: 19px; padding-top:1px; outline: none; border: 1px solid #a5acb2;}
          .maincontent .mainform .formcontent .item .right span.calendar {float: left; padding: 3px 10px 0px 5px;}
          .maincontent .mainform .formcontent .item .right .dropdown {width: 180px; outline: none; border: 1px solid #a5acb2;}
          .maincontent .mainform .formcontent .item .right .textbox {width: 180px; height: 19px; padding-top: 1px; outline: none; border: 1px solid #a5acb2;}
      .maincontent .mainform .formcontent .submit {display: block; float: left; width: 800px; padding-top: 15px;}
        .maincontent .mainform .formcontent .submit .right {display: block; float: none; width: 240px; height: 45px; margin: 0 auto;}
          .maincontent .mainform .formcontent .submit .right .btn {float: left; width: 110px; height: 43px; font-weight: bold; text-align: center;}
            .maincontent .mainform .formcontent .submit .right .btn.clear {float: right; width: 110px; height: 43px; font-weight: bold; text-align: center;}
  .maincontent .maintable {display: block; float: left; width: 100%; padding: 15px 0px 5px 0px; clear: both; overflow: hidden;}
    .maincontent .maintable .purchase_link {display: block; float: left; width: 430px; font-size: 12px;}
      .maincontent .maintable .purchase_link a {font-size: 12px;}
      .maincontent .maintable .purchase_link .item {display: inline; float: left; padding-right: 10px;}
        .maincontent .maintable .purchase_link .item .left,
        .maincontent .maintable .purchase_link .item .right {display: inline; float: left; width: 10px; height: 30px; overflow: hidden;}
        .maincontent .maintable .purchase_link .item .center {display: inline; float: left; height: 22px; padding-top: 8px; overflow: hidden;}
          .maincontent .maintable .purchase_link .item.active .left {background: url(../images/purchase_link_bg_left.png) left top no-repeat;}
          .maincontent .maintable .purchase_link .item.active .right {background: url(../images/purchase_link_bg_right.png) left top no-repeat;}
          .maincontent .maintable .purchase_link .item.active .center {background: url(../images/purchase_link_bg_center.png) left top repeat-x;}
            .maincontent .maintable .purchase_link .item.active .center a {font-weight: bold; text-decoration: none; color: #1f1a17;}
    .maincontent .maintable .subscribe_link {display: block; float: right;}
      .maincontent .maintable .subscribe_link .item {display: inline; height: 30px;}
        .maincontent .maintable .subscribe_link .item .rss {float: left; margin: 7px 10px 0px 0px; padding: 2px 0px 2px 20px; background: url(../images/rss_button.gif) left center no-repeat;}
        .maincontent .maintable .subscribe_link .item .subscribe {float: left; margin: 7px 0px 0px 0px; padding: 2px 0px 2px 20px; background: url(../images/mail_button.png) left center no-repeat;}
    .maincontent .maintable .response {margin: 8px 200px 0px 440px; font-size: 12px; text-align: center;}
      .maincontent .maintable .response a {font-size: 12px;}

    .maincontent .maintable .table {float: left; width: 100%; padding: 25px 0px 35px 0px;}
      .maincontent .maintable .table table {width: 100%; font-size: 10px;}
        .maincontent .maintable .table table .title {font-size: 11px;}
          .maincontent .maintable .table table .title th,
          .maincontent .maintable .table table .title td {background: #f0efef;}
        .maincontent .maintable .table table th {padding: 10px 5px;}
          .maincontent .maintable .table table th a {padding: 10px 5px;}
          .maincontent .maintable .table table th.date {width: 80px;}
          .maincontent .maintable .table table th.action {width: 120px;}
          .maincontent .maintable .table table th.user {width: 120px;}
          .maincontent .maintable .table table th.type {width: 120px;}
          .maincontent .maintable .table table th.checkbox {width: 15px;}
          .maincontent .maintable .table table th.name {width: 200px;}
          .maincontent .maintable .table table th.email {width: 200px;}
          .maincontent .maintable .table table th.ip_address {width: 30px;}
        .maincontent .maintable .table table td {padding: 10px;}
          .maincontent .maintable .table table td.date {width: 65px;}
          .maincontent .maintable .table table td.name_p {width: 250px;}
          .maincontent .maintable .table table .spacer td {height: 1px; padding: 0px; overflow: hidden; background: #d6d6d6;}
        .maincontent .maintable .table table .table2 th,
        .maincontent .maintable .table table .table2 td {padding: 0px; vertical-align: middle;}
        .maincontent .maintable .table table .table2 a img {margin-left: 5px;}
  .maincontent .id_z {display: block; float: left; width: 100%; padding: 0px 0px 10px 0px; clear: both;}
  .maincontent .purchase_div {display: block; float: left; width: 100%; padding: 0px 0px 10px 0px; clear: both;}
    .maincontent .purchase_div table {width: 100%;}
      .maincontent .purchase_div table th {padding: 10px; text-align: left; background: #f0efef;}
      .maincontent .purchase_div table td {padding: 10px;}
        .maincontent .purchase_div table .spacer td {height: 1px; padding: 0px; overflow: hidden; background: #d6d6d6;}
    .maincontent .purchase_div .item {display: block; float: left; width: 100%; padding: 15px 0px;}
      .maincontent .purchase_div .item .title {display: block; float: left; width: 100%; padding: 0px 0px 3px 0px; border-bottom: 2px solid #d6d6d6;}
        .maincontent .purchase_div .item .title h3 {padding-left: 10px; font: 18px Tahoma; color: #1f1a17;}
      .maincontent .purchase_div .item .content {display: block; float: left; width: 100%; font: italic 11px Trebuchet MS; color: #000;}
        .maincontent .purchase_div .item .content .item {display: block; float: left; width: 100%; padding: 10px 0px 0px 0px;}
          .maincontent .purchase_div .item .content table td.icon {width: 20px;}
          .maincontent .purchase_div .item .content table td.link {width: 300px;}
          .maincontent .purchase_div .item .content table td.comment {width: 380px;}
          .maincontent .purchase_div .item .content table td.date {width: 60px;}
    .maincontent .purchase_div .back {display: block; float: left; width: 100%; padding: 10px 0px 20px 10px;}

  .maincontent .autorize {display: block; float: left; width: 100%; padding-bottom: 20px; clear: both;}
    .maincontent .autorize .items {display: block; float: none; width: 400px; margin: 0 auto; font: 12px Verdana;}
    .maincontent .autorize .link {display: block; float: left; width: auto; padding-right: 20px; font: 12px Verdana;}
      .maincontent .autorize .link a {font: 12px Verdana;}
    .maincontent .autorize .spacer {display: block; float: left; width: 100%; height: 2px; margin: 20px 0px 10px 0px; clear: both; background: #d6d6d6;}
    .maincontent .autorize .item {display: block; float: left; width: 100%; padding: 3px 0px;}
      .maincontent .autorize .item .name {display: block; float: left; width: 100%; padding: 5px 0px 3px 0px;}
      .maincontent .autorize .item .field {display: block; float: left; width: 100%; padding: 3px 0px 5px 0px;}
        .maincontent .autorize .item .field .textbox {width: 350px; height: 25px; font: 20px Tahoma;}
          .maincontent .autorize .item .field input.textbox {width: 383px; height: 22px; font: 16px Tahoma;}
          .maincontent .autorize .item .field textarea.textbox {width: 383px; height: 200px; font: 16px Tahoma;}
        .maincontent .autorize .item .field .dropdown {width: 350px; height: 30px; font: 20px Tahoma;}
        .maincontent .autorize .item .field .checkbox {display: block; float: left; width: 100%; padding: 3px 0px;}
          .maincontent .autorize .item .field .checkbox label {padding-left: 5px; position: relative; top: -2px; font: 12px Verdana;}
        .maincontent .autorize .item .field .captcha {float: left;}
          .maincontent .autorize .item .field .captcha img {float: left;}
          .maincontent .autorize .item .field .captcha input.captcha {float: left; width: 166px; height: 25px; font: 19px Verdana; text-align: center;}
      .maincontent .autorize .submit .btn.del {margin-left: 135px;}
    .maincontent .autorize .items.files {width: 900px;}
      .maincontent .autorize .items.files .file_nams {width: 300px; margin-right: 5px; overflow: hidden; font-size: 0.8em;}
      .maincontent .autorize .items.files .upload {padding: 5px 0px;}
      .maincontent .autorize .items.files .submit {padding: 5px 0px;}
      .maincontent .autorize .items.files textarea.textbox {width: 385px;}
      .maincontent .autorize .items.files .view_link {padding: 10px 0px;}

  .maincontent .admin_users {display: block; float: left; width: 100%;}
    .maincontent .admin_users table {width: 100%;}
        .maincontent .admin_users table tr.spacer td {height: 1px; padding: 0px; overflow: hidden; background: #d6d6d6;}
      .maincontent .admin_users table th {padding: 10px 5px; background: #f0efef;}
      .maincontent .admin_users table td {padding: 10px;}
    .maincontent .admin_users .table_text {display: block; float: left; width: 885px; padding: 5px; clear: both;}
      .maincontent .admin_users .table_text .title {display: block; float: left; width: 800px; padding: 0px 15px; clear: both;}
      .maincontent .admin_users .table_text .table {display: block; float: left; width: 870px; padding: 0px 5px; clear: both;}
    .maincontent .admin_users .text {display: block; float: left; width: 100%;}
    .maincontent .admin_users .form_ip {display: block; float: left; width: 100%; padding: 5px 0px;}
      .maincontent .admin_users .form_ip .textbox {width: 200px;}
      .maincontent .admin_users .form_ip .submit {padding-top: 5px;}
      .maincontent .admin_users .form_ip .btn {/*height: 20px; padding: 0px 10px; border: 1px solid #aaa; background: #ececec;*/}
    .maincontent .admin_users .edit_ip {clear: both;}
      .maincontent .admin_users .edit_ip .title {float: left; width: 100%; padding-top: 10px; clear: both;}
      .maincontent .admin_users .edit_ip .table {float: left; width: 100%; clear: both;}
        .maincontent .admin_users .edit_ip .table .table_alt {width: 300px;}
          .maincontent .admin_users .edit_ip .table .table_alt td.ip_mask {padding: 5px 10px 5px 0px;}
          .maincontent .admin_users .edit_ip .table .table_alt td.delete {width: 75px; padding: 5px 0px;}

  .maincontent .adminmenu {display: block; float: left; width: 100%; padding: 15px 0px 10px 0px; clear: both;}
    .maincontent .adminmenu a {padding: 0px 10px;}
    .maincontent .adminmenu a.add {padding: 0px 10px 0px 20px; background: url(../images/admin_add.gif) left center no-repeat;}
    .maincontent .adminmenu a.users {padding: 0px 10px 0px 20px; background: url(../images/admin_users.gif) left center no-repeat;}
    .maincontent .adminmenu a.edit {padding: 0px 10px 0px 20px; background: url(../images/admin_edit.gif) left center no-repeat;}
    .maincontent .adminmenu a.logout {float: right; padding: 0px 10px 0px 20px; background: url(../images/admin_logout.gif) left center no-repeat;}
    .maincontent .adminmenu a.login {float: right; padding: 0px 10px 0px 20px; background: url(../images/admin_login.gif) left center no-repeat;}

  .maincontent .message .item {padding-bottom: 5px;}

.pager {display: block; float: left; width: 100%; padding-bottom: 10px; clear: both; overflow: hidden;}
  .pager .text {display: block; float: left; height: 22px; margin: 0px 5px; padding-top: 8px;}
  .pager .page {display: block; float: left; height: 22px; padding: 8px 5px 0px 5px; text-align: center;}
    .pager .page.active {width: 30px; margin: 0px 5px 0px 5px; padding: 8px 0px 0px 0px; background: url(../images/pager_bg.png) left top no-repeat;}
      .pager .page.active a {text-decoration: none; color: #1f1a17; cursor: default;}
  .pager .all_records {display: block; float: left; padding: 5px; clear: left; font-size: 12px;}
  .pager .page_size {display: block; float: right; padding: 5px; width: auto;}
    .pager .page_size span {display: inline; float: left; padding: 0px 10px 0px 5px;}
    .pager .page_size #pager,
    .pager .page_size #log,
    .pager .page_size #trash,
    .pager .page_size #suppliers,
    .pager .page_size #users_pager, 
    .pager .page_size #feedback {display: inline; float: left; position: relative; top: -3px;}
#div_pager_items {display: block; float: left; width: 100%; padding-bottom: 10px; clear: both;}

.clearfix {clear: both;}

.validator {display: block; float: left; width: 100%; padding: 5px 0px 10px 0px; font-size: 0.8em; color: #f00; clear: both;}
.fail {display: block; float: left; width: 100%; padding: 5px 0px 10px 0px; clear: both;}
  .fail .message {display: block; float: left; width: 100%; /*font-size: 0.8em; color: #f00;*/ clear: both;}
  .fail .message {padding: 8px 10px; font: bold 14px Verdana, Tahoma, Arial; color: #f00; border: 1px solid #f00; clear: both; background: #fff0f0;}
.success {display: block; float: left; width: 100%; padding: 5px 0px 10px 0px; clear: both;}
  .success .message {padding: 8px 10px; font: bold 14px Verdana, Tahoma, Arial; color: #008000; border: 1px solid #008000; clear: both; background: #f0fff0;}

.footer {min-width: 1150px; height: 75px; margin-top: -75px; overflow: hidden; position: relative; /*position: fixed; bottom: 0px; left: 0px;*/ clear: both; background: #e8e8e7 url(../images/footer_bg.gif) left 2px no-repeat;}
  .footer_content {padding-left: 55px;}
  .footer .left {float: left; padding-top: 12px;}
    .footer .left span.copy_text {display: block;}
    .footer .left a.copy_link {display: block; padding-top: 15px;}
  .footer .right_out {float: right; padding-right: 120px;}
  .footer .right {float: right; width: 150px; padding-top: 10px; text-align: right; clear: both;}
    /*.footer .right a {padding-right: 15px;}*/
  .footer .adminmenu {float: right; padding-top: 10px; text-align: right; clear: both;}
    .footer .adminmenu a.login {display: block; float: right; padding: 0px 0px 0px 20px; background: url(../images/admin_login_bot.gif) left center no-repeat;}
    .footer .adminmenu a.logout {display: block; float: right; padding: 0px 0px 0px 20px; background: url(../images/admin_logout_bot.gif) left center no-repeat;}

#ui-datepicker-div {display: none;}

table.form {width: 100%; vertical-align: middle;}
  table.form td.name {width: 350px; padding: 5px 10px 5px 0px; text-align: right; vertical-align: middle;}
  table.form td.field {padding: 5px 0px;}
    table.form td.field .textbox {width: 99%; vertical-align: middle;}
  table.form td.buttons {padding: 5px 0px;}
tr.alt td {background: #f0efef;}
th.id, td.id {width: 30px;}

.download_csv {padding: 10px 0px;}

/*
.header {display: block; float: left; width: 1050px; clear: both;}
  .header .logo {display: block; float: left; width: 800px; padding: 20px;}

.content {display: block; float: left; width: 1050px; clear: both;}
  .content .player {display: block; float: left; width: 1050px; margin: 10px 0px;}
  .content .info {display: block; float: left; width: 1050px; margin: 10px 0px; font: 10pt Trebuchet MS;}
    .content .info table {width: 1050px;}
    .content .info .img {width: 150px; padding: 0px 10px;}
    .content .info .left_info {width: 50%; padding: 30px 10px;}
    .content .info .right_info {width: 50%; padding: 30px 10px;}

.footer {display: block; float: left; width: 1050px; font: 8pt Trebuchet MS; clear: both; margin: 20px 0px;}
  .footer .copy {display: inline; float: left; width: 300px;}
  .footer .address {display: inline; float: left; width: 700px;}
*/