body {
    margin: 0;
    padding: 0;
}

html,
body,
#container {
    height: 100%;
    background: #FFF;
    min-width: 710px;
    min-height: 100%;
    width: 100%;
}

html>body,
html>body #container {
    height: auto;
}

* {
    margin: 0;
    padding: 0;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
}

a,
.link {
    color: #486488;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
.link:hover {
    color: #CFA30C;
}

a.black {
    color: #000;
    text-decoration: none;
}

a.black:hover {
    color: #000;
    text-decoration: underline;
}

#container {
    position: absolute;
    background-image: url('../layout/cont_bg.gif');
    background-repeat: repeat-y;
    top: 0;
    left: 0;
}



#top_bar {
    top: 0px;
    left: 0;
    z-index: 1001;
    background-color: #2d4059;
    width: 100%;
    height: 43px;
    color: #eef2f6;
}

#top_bar a i {
    font-size: 17px;
}

#top_bar a {
    border-radius: 2px;
    color: #B1BCC7;
    margin-left: 2px;
    margin-right: 8px;
    padding: 5px;
}

#top_bar a.top_bar_active,
#top_bar a.hide_menu_button_on {
    background-color: #5D7796;
    color: #eef2f6;
}

#top_bar a:hover,
#top_bar a:focus {
    color: #eef2f6;
}

#top_bar .top_bar_right {
    float: right;
    padding-top: 13px;
    font-family: "Open Sans";
    color: #eef2f6;
}

#top_bar form {
    padding: 0px;
    margin: 0px 20px;
    margin-top: -1px;
    margin-left: 40px;
    display: inline-block;
}

#top_bar input {
    background-color: #8994a2;
    color: #000;
    padding: 2px;
    border: 0px;
    height: 15px;
    width: 140px;
    font-size: 11px;
}

#top_bar input:hover,
#top_bar input:focus {
    background-color: #b1bcc7;
}

#top_bar .top_bar_logo {
    float: left;
    background-color: #1e2e43;
    width: 112px;
    height: 43px;
}

#top_bar .top_bar_logo img {
    margin-top: 12px;
    margin-left: 15px;
}

#top_bar .top_bar_tabs {
    float: left;
    margin-left: 60px;
    padding-top: 3px;
}

#top_bar .top_bar_tabs a {
    float: left;
    margin: 0px;
}

#top_bar .top_bar_tabs div {
    padding: 5px;
    background-color: #3F5777;
    color: #b1bcc7;
    font-size: 13px;
    font-family: "Open Sans";
    border-radius: 2px;
    cursor: pointer;
}

#top_bar .top_bar_tabs div.top_bar_tabs_active,
#top_bar .top_bar_tabs div:hover,
#top_bar .top_bar_tabs div:focus {
    background-color: #4C6584;
    color: #DEE3EA;
}


#menu {
    position: absolute;
    width: 167px;
    left: 0px;
    padding-top: 5px;
}

#main {
    margin-left: 167px;
    position: relative;
    min-height: 520px;
}

.main_text {
    padding: 2px 10px 5px 10px;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    height: 24px;
    text-align: center;
    background-color: #f2f2f2;
    color: #4a4a4a;
    padding-top: 6px;
    font-size: 10px;
    border-top: 3px solid #d8d8d8;
}

#footer_version {
    position: absolute;
    bottom: 3px;
    right: 3px;
    color: #8a8a8a;
    font-size: 8px;
}

.full_transparent {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent url(../layout/alpha_bg.gif) center repeat;
    z-index: 2;
}

.msg,
.msg_ie,
.msg_red {
    background-image: url('../layout/msg.gif');
    background-repeat: no-repeat;
    background-color: #F7EBD7;
    border-bottom: 1px solid #7ba0d7;
    background-position: 3px 3px;
    position: relative;
}

.msg_ie {
    background-image: url('../layout/msg_ie.gif');
}

.msg_red {
    background-image: url('../layout/msg_red.gif');
    background-color: #f8e8e8;
    color: #d12222;
    border-bottom: 1px solid #d12222;
}

.msg p,
.msg_ie p,
.msg_red p {
    padding: 7px 20px 7px 30px;
}

.msg a {
    color: #000;
    text-decoration: none;
}

.msg a.a_close {
    color: #5B7799;
    text-decoration: none;
}

.msg a:hover {
    color: #000;
    text-decoration: none;
}

.msg .close {
    position: absolute;
    top: 8px;
    right: 0px;
    cursor: pointer;
    margin-right: 5px;
}

.w3c_button {
    width: 46px;
    height: 18px;
    position: absolute;
    bottom: 15px;
    cursor: pointer;
}

.w3c_button1 {
    left: 20px;
    background-image: url('../layout/w3c_xhtml.gif');
}

.w3c_button2 {
    left: 75px;
    background-image: url('../layout/w3c_css.gif');
}

.hide_menu {
    width: 92px;
    height: 19px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url('../layout/menu_hide.gif');
    cursor: pointer;
}

div.menu_pos {
    width: 167px;
    background-image: url('../layout/menu_pos.gif');
    background-repeat: no-repeat;
    font-size: 12px;
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Open Sans";
}

div.menu_pos:hover {
    background: #FFF url('../layout/menu_pos_hov.gif') no-repeat;
}

div.menu_pos_head {
    width: 143px;
    padding-bottom: 7px;
    padding-left: 24px;
    font-size: 12px;
    color: #333;
    padding-top: 6px;
    border-top: 1px solid #ccc;
    font-family: "Open Sans";
    font-size: 13px;
}

div.menu_pos_mini {
    width: 152px;
    height: 16px;
    background-image: url('../layout/menu_pos_mini.gif');
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 3px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    font-family: "Open Sans";
    font-size: 13px;
}

div.menu_pos_mini:hover {
    background: #EEEEEE url('../layout/menu_pos_mini.gif') no-repeat;
    color: #000000;
}

div.menu_pos_open {
    width: 167px;
    background-color: #BACAE1;
    padding-top: 6px;
    padding-bottom: 0px;
    background-image: url('../layout/menu_pos_on.gif');
    background-repeat: no-repeat;
    font-family: "Open Sans";
}

div.menu_pos_open_head {
    width: 147px;
    padding-bottom: 7px;
    padding-left: 24px;
    font-size: 12px;
    color: #333;
    font-family: "Open Sans";
    font-size: 13px;
}

div.menu_pos_open .menu_pos_mini,
.menu_pos_open_mini {
    width: 152px;
    height: 16px;
    background-image: url('../layout/menu_pos_mini.gif');
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 3px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    font-family: "Open Sans";
    font-size: 13px;
}

div.menu_pos_open .menu_pos_mini:hover,
.menu_pos_open_mini {
    background: #adbdd4 url('../layout/menu_pos_mini.gif') no-repeat;
    color: #000000;
}

div.tab_start {
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 20px;
    background: url('../layout/tab_line_bg.gif') repeat-x;
}

div.tab_open {
    float: left;
    height: 36px;
    background: url('../layout/tab_open_bg.gif');
    margin-left: 6px;
}

div.tab_open .left {
    width: 10px;
    height: 36px;
    background: url('../layout/tab_open_left.gif');
    float: left;
}

div.tab_open .center {
    float: left;
    padding: 10px 10px 0px 10px;
}

div.tab_open .right {
    width: 10px;
    height: 36px;
    background: url('../layout/tab_open_right.gif');
    float: right;
}

div.tab {
    float: left;
    height: 26px;
    background: url('../layout/tab_bg.gif');
    margin-top: 10px;
    margin-left: 6px;
    cursor: pointer;
}

div.tab .left {
    width: 11px;
    height: 26px;
    background: url('../layout/tab_left.gif');
    float: left;
}

div.tab .center {
    float: left;
    padding: 5px 10px 0px 10px;
    color: #e2ebf7;
}

div.tab .right {
    width: 11px;
    height: 26px;
    background: url('../layout/tab_right.gif');
    float: right;
}

div.tab .center:hover {
    color: #fff;
}

.help_button {
    display: inline;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 0px;
    margin-top: 3px;
    margin-left: 3px;
    cursor: help;
}

.tip_trigger span.tip,
.tip {
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 0px;
    max-width: 280px;
    color: #fff;
    background: #3D536F;
    display: none;
    padding: 10px;
    position: fixed;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tip img {
    position: absolute;
    bottom: -6px;
    right: 150px;
}

.text_tip {
    display: inline;
    border-bottom: 1px dashed #999;
}

.def_table {
    width: 100%;
}

.def_table th {
    background-color: #5B7799;
    background-image: url('../layout/table_header_bg.gif');
    background-repeat: repeat-x;
    padding: 6px;
    border-right: 2px solid white;
    color: #F7FCFF;
}

.def_table th span {
    font-weight: normal;
    color: #D1E4EF;
}

.def_table tr {
    background-color: #FFFFFF;
}

.def_table td {
    border-bottom: 1px solid #839CBF;
    padding: 4px;
    vertical-align: top;
}

.def_table .c {
    text-align: center;
    font-weight: bold;
}

.def_table td span {
    color: #59779F;
    font-weight: normal;
}

.def_table td span a {
    color: #59779F;
    font-weight: normal;
}

.def_table td span img {
    padding-right: 3px;
}


.def_table td div {
    padding-top: 2px;
}

.def_table .r {
    text-align: right;
}

.def_table td .o_s {
    float: left;
    width: 100px;
}

.def_table td span.o_dm {
    width: 165px;
    clear: both;
}

.def_table td.wh {
    background-color: #FFF;
    padding: 0px;
    border: 0px;
}

.def_table .odd {
    background-color: #E8EDF3;
}

.def_table .sel_even {
    background: #FFEE9F;
}

.def_table .sel_odd {
    background-color: #FFE25F;
}

.def_table .disabled {
    background-color: #DFDFDF;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}


.def_table .disabled td {
    text-decoration: line-through;
}

.def_table .rs {
    font-weight: bold;
}

.def_table .rs span {
    float: right;
}

.def_table .del,
.def_table .edit {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.def_table .del i:hover {
    color: #962121;
}

.def_table tr:hover {
    background-color: #CBD8E9;
}

.def_table tr.no_hover:hover {
    background-color: #FFFFFF;
}

.def_table tr.no_hover td {
    cursor: default;
}

.def_table tr.no_hover td p {
    width: 220px;
    float: left;
}

.def_table tr.sel_even:hover,
.def_table tr.sel_odd:hover {
    background-color: #EFCC2C;
}

.def_table td s {
    display: none;
}

.def_table td.white {
    background-color: #fff;
    border: 0px;
    padding: 0px;
}

.def_table td.white:hover {
    background-color: #fff;
}

fieldset.norm {
    padding: 10px;
    border: 1px dotted #637D9F;
    background: #E8EDF3;
    font-size: 11px;
}

fieldset.norm legend {
    font-size: 12px;
    font-weight: bold;
    color: #486488;
    padding: 5px;
}

fieldset.norm legend a {
    font-size: 12px;
    font-weight: bold;
    color: #486488;
}

fieldset.norm legend a:hover {
    color: #CFA30C;
}

form.def_form .text,
input.text,
input[type=text],
input[type=password],
textarea {
    color: #435C7F;
    height: 17px;
    font-size: 12px;
    width: 150px;
    border: 1px solid #839CBF;
    padding-top: 3px;
    padding-left: 3px;
}

form.def_form .radio {
    margin-top: 7px;
    margin-bottom: -2px;
}

form.def_form select,
select {
    color: #435C7F;
    height: 20px;
    font-size: 12px;
    width: 300px;
    border: 1px solid #839CBF;
}

form.def_form label {
    font-size: 11px;
}

form.def_form .button,
input[type=submit],
input[type=button],
.button {
    background: #5B789B;
    border-bottom: 1px solid #2157AD;
    border-right: 1px solid #2157AD;
    border-top: 1px solid #E0E7EF;
    border-left: 1px solid #E0E7EF;
    color: #fff;
    cursor: pointer;
    height: 23px;
    letter-spacing: 1px;
    font-family: tahoma;
    padding: 0px 10px 2px 10px;
    margin: 3px;
    font-size: 11px;
}

.button {
    display: inline;
    padding: 3px 10px;
}

form.def_form .button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.button:hover {
    background: #FEC600;
    color: #000;
    border-bottom: 1px solid #BF9C23;
    border-right: 1px solid #BF9C23;
    border-top: 1px solid #EFE1B3;
    border-left: 1px solid #EFE1B3;
}

form.def_form .upload_image {
    border: 1px solid #000;
    padding: 5px;
    background-color: #fff;
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.info,
.info_good,
.info_bad {
    padding: 10px;
    padding-left: 60px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: justify;
    background-image: url("../layout/info_bg.gif");
    background-repeat: repeat-y;
}

.info b,
.info_good b,
.info_bad b {
    font-size: 11px;
    letter-spacing: 1px;
}

.info_good {
    padding: 3px;
    padding-left: 60px;
    background-image: url("../layout/info_good_bg.gif");
}

.info_bad {
    padding: 3px;
    padding-left: 60px;
    background-image: url("../layout/info_bad_bg.gif");
    color: #A84F40;
}

.news {
    background-image: url('../layout/news_bg.gif');
    width: 100%;
    min-height: 70px;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: justify;
    position: relative;
}

.news ul {
    margin-left: 20px;
}

.news li {
    padding: 3px;
}

.news_new {
    font-weight: bold;
    color: #FFF;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #8F3535;
    padding: 5px 5px 0px 5px;
    height: 26px;
}

.auction_good,
.auction_bad,
.auction_waiting,
.auction_working {
    padding: 5px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
}

.auction_good {
    background-image: url('../layout/auction_good.gif');
}

.auction_bad {
    background-image: url('../layout/auction_bad.gif');
}

.auction_working {
    background-image: url('../layout/auction_working.gif');
}

.auction_good span {
    color: #538F35;
}

.auction_bad span {
    color: #8F3535;
    background-color: #FFDFDF;
    padding: 3px;
    line-height: 18px;
}

.auction_working span {
    color: #AEAF20;
    font-weight: bold;
}

#working_status {
    width: 500px;
    font-weight: bold;
    text-align: center;
}

#auction_worker {
    width: 500px;
    height: 50px;
    border: 1px solid #7194CC;
    padding: 10px;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

form.def_form .params_form input {
    width: 60px;
}

form.def_form .params_form select {
    width: 60px;
}

form.def_form .params_form li {
    float: left;
    margin-right: 25px;
    padding-top: 4px;
    margin-left: 15px;
    min-height: 22px;
}

form.def_form .params_form ul {
    list-style: circle;
}

form.def_form .params_form .checkbox_label {
    font-size: 9px;
    color: #999;
}

form.def_form .params_form .checkbox_label input {
    width: 18px;
    margin-left: 3px;
    border: 1px solid #999;
    background-color: #AAA;
}

form.def_form .params_form .multiple {
    height: 45px;
    width: 140px;
    float: right;
    margin-left: 5px;
}

.param_desc {
    float: left;
    text-align: right;
    font-size: 10px;
}

.form_def_table td {
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px solid #CCC;
}


div.colorPicker-picker {
    height: 20px;
    width: 60px;
    padding: 0 !important;
    border: 1px solid #ccc;
    background: url('../layout/color_arrow.gif') no-repeat bottom right;
    cursor: pointer;
    line-height: 20px;
}

div.colorPicker-palette {
    width: 110px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #EFEFEF;
    padding: 2px;
    z-index: 9999;
}

div.colorPicker_hexWrap {
    width: 100%;
    float: left
}

div.colorPicker_hexWrap label {
    font-size: 95%;
    color: #2F2F2F;
    margin: 5px 2px;
    width: 25%
}

div.colorPicker_hexWrap input {
    margin: 5px 2px;
    padding: 0;
    font-size: 95%;
    border: 1px solid #000;
    width: 65%;
}

div.colorPicker-swatch {
    height: 12px;
    width: 12px;
    border: 1px solid #000;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 12px;
}


#mini_loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mini_loading_info {
    width: 120px;
    height: 20px;
    background-color: #C2D0E1;
    border: 1px solid #839CBF;
    padding: 3px;
    position: relative;
    top: 30%;
    left: 50%;
    margin-left: -60px;
    margin-top: -10px;
    color: #1F547F;
    text-align: center;

}

.mini_loading_bg {
    width: 100%;
    height: 100%;
    background-color: #E8EDF3;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

#mini_loading img {
    margin-right: 5px;
    vertical-align: middle;
}

.pointer_table td,
.sell_list_table td span {
    cursor: pointer;
}

.filters_header {
    cursor: pointer;
}

.filters_header img {
    border: 0px;
    vertical-align: middle;
    padding: 5px;
}

.filters_form input[type=text] {
    width: 143px;
    border: 1px solid #7F9DB9;
    padding: 2px 0px 2px 2px;
}

.filters_form input[type=text].input_hl,
.filters_form select.input_hl {
    border: 1px solid #AF9715;
    background-color: #FFFADF;
}

.filters_form select {
    border: 1px solid #7F9DB9;
    padding: 1px;
}

.pager_small {
    float: right;
    padding: 5px;
}

.pager em {
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    background-color: #fff;
    padding: 4px;
}

.pager select {
    width: 50px;
}

.ui-selectable-helper {
    border: 1px dotted #333;
    position: absolute;
}

#sell_list_submit {
    width: 237px;
    height: 89px;
    z-index: 1000;
}

.small_text span {
    font-size: 9px;
    line-height: 11px;
}



.params_form input {
    width: 60px;
}

.params_form select {
    width: 60px;
}

.params_form li {
    float: left;
    margin-right: 25px;
    padding-top: 4px;
    margin-left: 15px;
    min-height: 22px;
}

.params_form ul {
    list-style: circle;
}

.params_form .checkbox_label {
    font-size: 9px;
    color: #999;
}

.params_form .checkbox_label input {
    width: 18px;
    margin-left: 3px;
    border: 1px solid #999;
    background-color: #AAA;
}

.params_form .multiple {
    height: 45px;
    width: 140px;
    float: right;
    margin-left: 5px;
}

.def_table .params_form span {
    color: #000;
    font-size: 10px;
}

.sell_list_table .info_tr img {
    padding: 2px 0 0 5px;
}

.sell_list_table .extra_info {
    line-height: 30px;
}

.sell_list_table .extra_info div {
    width: 120px;
    float: left;
}

.sell_list_table .extra_info span {
    cursor: pointer;
}

.sell_list_table .extra_info div.clear {
    float: none;
    clear: both;
    width: 0px;
}

.sell_list_table .extra_info img {
    cursor: pointer;
}

.sell_list_table td.desc textarea {
    margin: 4px;
    width: 500px;
    height: 150px;
}

.sell_list_table td.desc {
    padding-bottom: 15px;
}

.sell_list_table .result_tr {
    display: none;
}

.sell_list_table .result_tr td {
    padding-left: 40px;
}

.sell_list_table .params_form {
    padding-left: 35px;
}

.sell_list_table input.quantity {
    display: none;
    float: left;
    height: 12px;
    margin-right: 3px;
    padding-bottom: 3px;
    width: 50px;
}

.sell_form_starter {
    width: 100%;
    text-align: center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #EFEFEF;
}

.sell_form_starter_box {
    width: 610px;
    margin: auto auto;
    padding: 10px;
}

#progress_bar,
#progress_bar2 {
    height: 20px;
    background-image: url("../layout/progressbar_bg.gif");
    width: 0px;
    text-align: right;
}

#sell_form_log {
    background-color: #fff;
    height: 30px;
    border: 1px solid #966027;
    padding: 10px;
    overflow: auto;
    width: 430px;
}

#progress_bar_percent,
#progress_bar_percent2 {
    padding: 2px 6px 0 0;
    float: right;
    font-weight: bold;
    margin-right: -33px;
}

.td_underline {
    border-bottom: 1px solid #966027;
    padding: 5px;
    width: 40px;
    font-weight: bold;
}

#overlay_box {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    z-index: 1002;
    width: 600px;
    height: 500px;
    margin-left: -300px;
    margin-top: -250px;
    padding: 20px;
    border: 1px solid #666;
}

#overlay_content {
    overflow: auto;
    height: 500px;
    position: relative;
}

#overlay_bg {
    display: none;
    background: transparent url('../layout/overlay.png') repeat top left;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}

#overlay_close {
    float: right;
    width: 26px;
    height: 26px;
    background: transparent url('../layout/cancel.png') repeat top left;
    margin-top: -30px;
    margin-right: -30px;
    cursor: pointer;
}

#auction_details_table td.header {
    color: #486488;
    font-size: 12px;
    font-weight: bold;
    padding: 7px;
    border-bottom: 2px solid #486488;
}

#auction_details_action_result {
    border: 1px solid #486488;
    padding: 3px;
    margin: 5px;
    display: none;
}

.auctions_active_on,
.auctions_active_off,
.auctions_ended_on,
.auctions_ended_off {
    width: 131px;
    height: 37px;
    cursor: pointer;
}

.auctions_active_on {
    background-image: url('../layout/auctions_active_on.png');
}

.auctions_active_off {
    background-image: url('../layout/auctions_active_off.png');
}

.auctions_ended_on {
    background-image: url('../layout/auctions_ended_on.png');
}

.auctions_ended_off {
    background-image: url('../layout/auctions_ended_off.png');
}

.sell_list_start_off {
    cursor: pointer;
    width: 227px;
    margin-top: -3px;
    height: 44px;
    background-image: url('../layout/sell_list_start_off.png');
}

.sell_list_start_off:hover {
    cursor: pointer;
    width: 227px;
    height: 44px;
    background-image: url('../layout/sell_list_start_on.png');
}

.params_buttons {
    display: none;
    padding-top: 5px;
}

#massive_action_div {
    float: right;
    padding: 5px;
}

#massive_action_div img {
    vertical-align: middle;
    padding-bottom: 4px;
    cursor: pointer;
}


#box_stats {
    display: inline-block;
    border: 2px solid #bacee3;
    width: 470px;
    height: 175px;
    margin-top: 30px;
    color: #47658B;
}

#box_stats_header {
    background-image: url('../layout/box_header_stats.gif');
    background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: -2px;
    width: 108px;
    height: 35px;
}

#box_dyk {
    position: absolute;
    display: inline-block;
    border: 2px solid #acbacc;
    height: 175px;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #f0f5fa;
    color: #486489;
}

#box_dyk_header {
    background-image: url('../layout/box_header_dyk.gif');
    background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: -2px;
    width: 153px;
    height: 35px;
}

#do_you_know_div {
    text-align: justify;
    overflow: auto;
    height: 125px;
}

#box_banners {
    height: 175px;
    margin-top: 30px;
    width: 440px;
    float: right;
    border: 2px solid #acbacc;
}

#slider {
    height: 175px;
}


#box_account {
    border: 2px solid #bacee3;
    height: 175px;
    margin-top: 30px;
    color: #47658B;
    margin-right: 460px;
}

#box_account_header {
    background-image: url('../layout/box_header_account.gif');
    background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: -2px;
    width: 128px;
    height: 35px;
}

#box_account_header2 {
    width: 110px;
    padding: 3px 10px;
    background-color: #bacee3;
    color: #203d61;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
}

#box_account_column1 {
    padding: 0px 10px 10px 10px;
    float: left;
    text-align: center;
    width: 140px;
}

#box_account_column2 {
    padding: 0px 5px 10px 0px;
    float: left;
    width: 200px;
}

#box_account_column23 {
    padding: 0px 10px 10px 170px;
    float: none;
    width: auto;
}

#box_account_column3 {
    padding: 0px 3px 10px 10px;
    float: left;
    border-left: 1px solid #ccc;
}

#box_account_column2 a,
#box_account_column23 a {
    text-decoration: underline;
}

#account_test_counter {
    background-image: url('../layout/account_test.png');
    background-repeat: no-repeat;
    width: 127px;
    height: 51px;
    position: relative;
    margin-top: 25px;
}

#account_test_counter div {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 30px;
    text-align: center;
    font-family: "Helvetica", "Arial";
}

#box_start {
    border: 2px solid #d2c593;
    margin-top: 40px;
    background-color: #fef7da;
}

#box_start_header {
    background-image: url('../layout/box_header_start.gif');
    background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: -2px;
    width: 131px;
    height: 35px;
}

#box_start_header2 {
    width: 230px;
    padding: 3px 10px;
    background-color: #d2c593;
    color: #31280b;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}


#box_start select {
    border: 1px solid #76672B;
    background-color: #FFFDF7;
    color: #76672B;
    width: 500px;
}

#box_start a {
    color: #7F6911;
}

#box_start a:hover {
    text-decoration: underline;
}

#box_videos {
    border: 2px solid #ccc;
    margin-top: 20px;
    background-color: #f0f0f0;
}

#box_videos_header {
    width: 250px;
    padding: 3px 10px;
    background-color: #ccc;
    color: #000;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
}

#box_videos_list {
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
}

#box_videos_list .video {
    display: inline-block;
    width: 120px;
    vertical-align: top;
    padding: 10px 10px;
    background-color: #FFF;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.video_block {
    display: block;
    float: left;
}

.box_videos_button {
    background-color: #BABABA;
    float: right;
    font-weight: bold;
    padding: 5px 10px;
}

a .box_videos_button {
    color: #000;
}

.video .video_image {
    position: relative;
    width: 120px;
    height: 90px;
    border: 1px solid #aaa;
    text-align: center;
}

.video .video_image img {
    max-width: 120px;
    max-height: 90px;
}

.video .video_image .video_overlay {
    width: 120px;
    height: 90px;
    background-image: url('../layout/video_images/thumb_off.png');
    z-index: 100;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: opacity 400ms ease 0s;
}

.video .video_image .video_overlay:hover {
    background-image: url('../layout/video_images/thumb_on.png');
    opacity: 1;
    transition: opacity 400ms ease 0s;
}

.video {
    text-align: center;
    font-size: 10px;
    width: 120px;
    padding-top: 3px;
    white-space: normal;
}

.video_name {
    position: absolute;
    bottom: 0px;
    background-color: #000;
    color: #fff;
    font-size: 10px;
    white-space: normal;
    z-index: 101;
    width: 120px;
    padding: 3px 0px;
    text-align: center;
}

.dot_green {
    padding: 0px 0px 5px 25px;
    background-image: url('../layout/dot_green.png');
    background-repeat: no-repeat;
    margin-left: 20px;
}

.dot_red {
    padding: 0px 0px 5px 25px;
    background-image: url('../layout/dot_red.png');
    background-repeat: no-repeat;
    margin-left: 20px;
}

.dot_white {
    padding: 0px 0px 5px 25px;
    background-image: url('../layout/dot_white.png');
    background-repeat: no-repeat;
    margin-left: 20px;
}


.plugin,
.plugin_on {
    border: 1px solid #CCC;
    padding: 10px 10px 10px 10px;
    background-repeat: repeat-y;
    position: relative;
    opacity: 0.7;

}

.plugin:hover {
    opacity: 1;
}

.plugin_on {
    background-color: #F1F9EF;
    opacity: 1;
}

.plugin_logo {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    float: left;
    margin: 0 10px 3px 0;
    padding: 5px;
    width: 140px;
}

.plugin_name {
    color: #555;
    font-size: 20px;
    font-weight: bold;
}

.plugin_price {
    color: #7B9726;
    font-size: 14px;
    font-weight: bold;
}

.plugin_price span {
    color: #872727;
    font-size: 14px;
    font-weight: bold;
}

.plugin_options {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #AAA;
    padding: 5px;
    position: absolute;
    right: -1px;
    top: -1px;
    border: 1px solid #ccc;
    background-color: #FFF;
    width: 230px;
}

.plugin_options a {
    font-size: 14px;
    font-weight: bold;
}

.plugin_show_desc {
    cursor: pointer;
    color: #225DB7;
}


#shop_list li {
    position: relative;
    width: 150px;
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
    border: 3px solid #CCC;
    margin: 10px;
    float: left;
    list-style: none;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
}

#shop_list li:hover {
    border: 3px solid #333;
}

#shop_list li img {
    vertical-align: middle;
}

div.title {
    font-size: 25px;
    font-family: Tahoma;
    color: #3D536F;
    text-align: center;
    padding: 20px;
}

.download_link img {
    vertical-align: middle;
}

.download_link {
    font-size: 15px;
    color: #2D871B;
}

.file_link_div {
    display: none;
}

.file_video_div {
    display: none;
}

.more_options_row {
    display: none;
}


.more_options_row td {
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #CCC;
    vertical-align: top;
}

.green_button {
    background-color: #82A570;
    color: #EAF7E3;
    float: right;
    margin-right: 10px;
    padding: 6px;
    text-decoration: none;
    border-radius: 6px;
}

.green_button:hover {
    background-color: #244912;
}

.my_account_table {
    background-color: #E8EDF3;
    width: 100%;
    border: 1px solid #738FB2;
    margin-top: 20px;
    border-radius: 15px;
}

.my_account_table td {
    padding: 10px;
    vertical-align: top;
    border-radius: 15px;
}

input.button_account_activate {
    background-image: url('../layout/account_make_active.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 153px;
    height: 50px;
    margin: 5px;
    margin-left: 170px;
    background-color: #B7D8A6;
    border-radius: 15px;
    border: 0px;
    text-align: center;
    border: 1px solid #5E8B48;
}

input.button_account_activate:hover {
    background-image: url('../layout/account_make_active.png');
    background-repeat: no-repeat;
    background-color: #9BC487;
    background-position: center;
    border: 0px;
    border: 1px solid #5E8B48;
}

.my_account_info_box {
    margin: auto;
    margin-top: 50px;
    width: 500px;
    background-color: #D1EAC5;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
}

.news_comments {
    font-weight: bold;
    float: right;
    margin-right: 20px;
    background-color: #E8EDF3;
    padding: 5px 10px;
}


#help_dropdown {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 13px;
    left: -100px;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
}

#help_dropdown li:hover,
#help_dropdown li:focus {
    background-color: #2D4059;
}

#help_dropdown li:hover a,
#help_dropdown li:focus a {
    color: #fff;
}

#help_dropdown>li>a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    font-family: "Open Sans";
    font-size: 13px;
}

.competition_price_table th {
    padding: 3px;
    font-weight: bold;
    text-align: center;
}

.competition_price_table td {
    padding: 2px;
    text-align: right;
    width: 100px;
}

.competition_price_table td:first-child {
    font-weight: bold;
}

.competition_price_table td.green {
    color: #2A6D1F;
    font-weight: bold;
}

.competition_price_table td.red {
    color: #6D211F;
    font-weight: bold;
}

#auctions_table .yellow {
    color: #CEA500;
}

#auctions_table .red {
    color: #CE0300;
}

#auctions_table .green {
    color: #309625;
}

#auctions_table .black {
    color: #000;
}

#auctions_table .fa-stack {
    cursor: help;
}

#auctions_table tr td:nth-child(5),
#auctions_table tr td:nth-child(6) {
    text-align: right;
}

#auctions_table tr td.c {
    text-align: center;
}

@media (max-width:767px) {

    .table,
    .table tr,
    .table tr td {
        display: block;
        width: 100%;

    }

    .table tr td {
        width: 100% !important;
    }
}

@media (max-width:992px) {

    html,
    body,
    #container {
        min-width: 100%;
        max-width: 100%;
    }
}