/**
* @name nTeN 1.x.x script file
* @author Mariusz Kisiel, xeoncoder.com
* @copyright (C) 2009-2016 xeoncoder.com
* @website http://xeoncoder.com
*/

/* font-family: 'Open Sans'; */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
/* font-family: 'Francois One'; */
@import url("https://fonts.googleapis.com/css?family=Francois+One");

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* base */
body {
    background: #F3F3F3;
    color: #666666;
    font-size: 11px;
    line-height: 17px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/* base font */
body, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* selection */
::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }

/* headers */
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 15px;
}

h3, h4, h5 {
    font-weight: 600;
}

h3 {
    font-size: 16px;
    line-height: 34px;
}

/* links */
a, a > * {
    color: #3a3a3a;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #f15a23; }

/* list */
ul.disc {
    list-style: disc;
}
ul.disc li {
    margin: 2px 0 2px 15px;
}

ul.decimal {
     list-style: decimal;
 }
ul.decimal li {
    margin: 2px 0 2px 20px;
}

ul.roman {
    list-style: upper-roman;
}
ul.roman li {
    margin: 2px 0 2px 20px;
}

/* other */
.zx-header-error {
    width: 910px;
    margin: 0 auto;
    padding: 5px;
    white-space:nowrap;
    overflow:hidden;
    background-color: tomato;
    color: #ffffff;
}
.zx-header-error.adblock {
    display: none;
    text-align: center;
}

/* table */
table.standard-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.03)
}
table.standard-table.disabled {
    opacity: 1 !important;
    filter:Alpha(Opacity=100) !important;
    cursor: default !important;
}
table.standard-table.last {
    margin-bottom: 0;
}
table.standard-table thead td, table.standard-table th {
    border: 1px solid #e0e0e0;
    border-right: none;
    background-color: #fafafa;
    text-align: left;
    padding: 5px;
    color: #444;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600
}
table.standard-table tbody td.th {
    background-color: #fafafa;
    color: #444;
}
table.standard-table thead td:last-child, table.standard-table th:last-child {
    border-right: 1px solid #e0e0e0
}
table.standard-table tbody td:last-child {
    border-right: 1px solid #e0e0e0
}
table.standard-table tbody td {
    padding: 5px;
    border: #e0e0e0 1px solid;
    border-top: none;
    border-right: none
}
table.standard-table tbody tr:hover td {
    background-color: #fafafa
}
table.standard-table tbody tr:hover td.empty {
    background-color: transparent !important;
}
table.standard-table tbody td [class^="icon-"], table.standard-table tbody td [class*=" icon-"] {
    vertical-align: middle;
}
table.standard-table td.empty {
    border-width: 0 0 1px;
    background-color: transparent;
}
table.standard-table td.center {
    text-align: center;
}
table.standard-table td.left {
    text-align: left;
}
table.standard-table td.right {
    text-align: right;
}
table.standard-table tr.no-wrap td {
    white-space: nowrap;
}

/* alert boxes */
.notification {
    font-size: 11px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
    padding: 0 26px 0 10px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.03)
}

.notification.last {
    margin-bottom: 0;
}
.notification p {
    margin: 0;
}
.notification span {
    font-weight: 600;
}
.notification.success,.notification.success strong {
    background-color: #ebf6e0;
    color: #5f9025;
    border: 1px solid #b3dc82;
}
.notification.error,.notification.error strong {
    background-color: #ffe9e9;
    color: #de5959;
    border: 1px solid #fbc4c4;
}
.notification.warning,.notification.warning strong {
    background-color: #fbfadd;
    color: #8f872e;
    border: 1px solid #ded58a;
}
.notification.notice,.notification.notice strong {
    background-color: #e9f7fe;
    color: #5091b2;
    border: 1px solid #b6d7e8;
}
.notification strong {
    border: none !important;
}
.notification.success .close,.notification.error .close,.notification.warning .close,.notification.notice .close {
    display: none;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 14px;
    weight: 14px;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}
.notification.success .close {
    color: #8dbf52;
}
.notification.error .close {
    color: #f59292;
}
.notification.warning .close {
    color: #c6bd67;
}
.notification.notice .close {
    color: #86b4cc;
}
.notification.closeable .close {
    display: block;
}
.notification [class^="icon-"], .notification [class*=" icon-"]{
    float: left;
    margin: 8px 5px 0 -5px;
}

/* buttons */
.button, input[type="button"], input[type="submit"] {
    padding: 5px 10px;
    display: inline-block;
    border: 0;
    font-weight: 500;
    outline: none;
    font-size: 13px;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
    letter-spacing: -.2px;
}
a.button {
    line-height: 17px;
}
.button i {
    margin: 2px 5px 0 -1px
}
.button.medium {
    padding: 7px 14px;
    font-size: 14px;
}
.button.gray {
    color: #fff;
    background: #4c4c4c;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.4);
}
.button.gray span {
    color: #fff;
}
.button.gray:hover {
    background: #169fe6;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
}
.button.gray:hover span {
    color: #fff;
}
.button.light {
    color: #fff;
    background: #aaa;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
}
.button.light span {
    color: #fff;
}
.button.light:hover {
    background: #169fe6;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
}
.button.light:hover span {
    color: #fff;
}
.button.color {
    color: #fff;
    background: #169fe6;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
}
.button.color span {
    color: #fff;
}
.button.color:hover {
    background: #aaa;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
}
.button.color:hover span {
    color: #fff;
}
input[type="button"],input[type="submit"],input[type="button"]:focus,input[type="submit"]:focus {
    color: #fff;
    background: #169fe6;
    padding: 5px 10px;
    border: none !important;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: #aaa;
}
.button.disabled, input[type="button"].disabled {
    opacity: .7;
    cursor: default;
}

/* forms */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #e0e0e0;
    padding: 8px 9px;
    outline: none;
    font-size: 13px;
    color: #888;
    margin: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    border-radius: 2px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

select {
    padding: 4px 9px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #d6d6d6;
    color: #888;
}

textarea {
    min-height: 60px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}

select {

}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

/* wrapper */
#zx {
    position: relative;
    width: 920px;
    margin: 0 auto;
    padding: 0;
    border-top: 6px solid #169FE6;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

#zx .zx-hidden-ob {
    position:absolute;
    top:0 !important;
    left:0 !important;
    width:1px !important;
    height:1px !important;
    max-width:1px !important;
    max-height:1px !important;
    z-index:2000 ! important;
}

/* head */
#zx-header {
    position: relative;
    height: 100px;
    margin: 0;
    padding:0;
    z-index: 1;
}

#zx-header .logo-container {
    position: absolute;
    top: 40px;
    left: 40px;
}
#zx-header .logo-container .logo {
    font-family: 'Francois One', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
#zx-header .logo-container .slogan {
    display: block;
    float: right;
    margin: 1px 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #E8E8E8;
    font-family: 'Francois One', sans-serif;
    font-size: 11px;
}

#zx-header .language-container {
    position: absolute;
    top: 5px;
    right: 5px;
}
#zx-header .language-container div {
    float: left;
    width: 16px;
    height: 11px;
    margin: 0 0 0 5px;
    text-indent: -3000px;
    cursor: pointer;
    opacity: 0.4;
}
#zx-header .language-container div:first-child {
    margin: 0;
}
#zx-header .language-container div:hover {
    border: 1px solid #ffffff;
    opacity: 0.7;
}
#zx-header .language-container .selected {
    opacity: 0.7;
    cursor: default;
}

#zx-header .statistics-container {
    position: absolute;
    top: 41px;
    right: 40px;
    font-family: 'Francois One', sans-serif;
    font-size: 11px;

}
#zx-header .statistics-container div {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #E8E8E8;
}
#zx-header .statistics-container div:first-child {
    width: 132px;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
    text-align: right;
}

/* navigation */
#zx-navigation {
    height: 49px;
    width: 100%;
    margin-left: 0;
    background-color: #4c4c4c;
    float: left;
    left: 0;
    position: relative;
}

#zx-navigation .menu i[class^="icon-"], #zx-navigation .menu i[class*=" icon-"] {
    margin: 2px 2px 0 -2px;
}

#zx-navigation .menu ul,
#zx-navigation .menu li>div {
    visibility: hidden;
    display: none;
}

#zx-navigation .menu li:hover>ul,
#zx-navigation .menu li:hover>div {
    visibility: visible;
    display: block;
}

#zx-navigation .menu,
#zx-navigation .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#zx-navigation .menu li,
#zx-navigation .menu ul a {
    position: relative;
}

#zx-navigation .menu>li {
    float: left;
}

#zx-navigation .menu>li.floatr {
    float: right;
}

#zx-navigation .menu li>a {
    display: block;
}

#zx-navigation .menu ul {
    position: absolute;
    display: none;
    width: 170px;
}

#zx-navigation .menu ul ul {
    top: 0;
    left: 170px;
}

#zx-navigation .menu li:hover>ul {
    display: block;
}

#zx-navigation ul li ul li:first-child,
#zx-navigation ul li ul li ul li:first-child {
    margin-left: 0;
}

#zx-navigation .menu .active {
    background-color: #169fe6;
    border-right: 1px solid #169fe6;
    margin-left: -1px;
    padding-left: 16px;
    z-index: 8;
    position: relative;
}

#zx-navigation .menu a {
    text-decoration: none;
}

#zx-navigation .menu>li>a {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 15px 16px 15px;
}

#zx-navigation .menu>li:hover>a {
    background-color: #707070;
    border-left: none;
    padding-left: 15px;
    border-right: 1px solid #707070;
    margin: 0;
}

#zx-navigation ul.menu li a {
    -webkit-transition: background-color 80ms ease-in-out;
    -moz-transition: background-color 80ms ease-in-out;
    -o-transition: background-color 80ms ease-in-out;
    -ms-transition: background-color 80ms ease-in-out;
    transition: background-color 80ms ease-in-out;
}

#zx-navigation .menu ul li a {
    -webkit-transition: background-color 20ms ease-in-out,color 20ms ease-in-out;
    -moz-transition: background-color 20ms ease-in-out,color 20ms ease-in-out;
    -o-transition: background-color 20ms ease-in-out,color 20ms ease-in-out;
    -ms-transition: background-color 20ms ease-in-out,color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out,color 20ms ease-in-out;
}

#zx-navigation .menu>li>a {
    border-right: 1px solid #666;
}

#zx-navigation .menu>li>a:hover {
    border-right: 1px solid #707070;
    margin: 0;
}

#zx-navigation .menu>li>a img,
#zx-navigation .menu li>ul>li>a img {
    border: 0;
    margin-right: 7px;
}

#zx-navigation .menu ul {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    left: -1px;
    z-index: 999;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

#zx-navigation .menu ul a {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    padding: 9px 12px;
    border-top: 1px solid #e6e6e6;
}

#zx-navigation .menu ul a:hover {
    background-color: #f5f5f5;
}

#zx-navigation .menu ul ol a {
    border-top: 0 none;
}

#zx-navigation .menu .cols1,
#zx-navigation .menu .cols2,
#zx-navigation .menu .cols3,
#zx-navigation .menu .cols4,
#zx-navigation .menu .cols5 {
    position: absolute;
    display: none;
    overflow: auto;
    z-index: 999;
    background: #fff;
}

#zx-navigation .menu .cols1,
#zx-navigation .menu .col1 {
    width: 160px;
}

#zx-navigation .menu .cols2,
#zx-navigation .menu .col2 {
    width: 320px;
}

#zx-navigation .menu .cols3,
#zx-navigation .menu .col3 {
    width: 480px;
}

#zx-navigation .menu .cols4,
#zx-navigation .menu .col4 {
    width: 640px;
}

#zx-navigation .menu .cols5,
#zx-navigation .menu .col5 {
    width: 800px;
}

#zx-navigation .menu>li.floatr>ul.cols1,
#zx-navigation ul.cols2,
#zx-navigation ul.cols3,
#zx-navigation ul.cols4,
#zx-navigation ul.cols5 {
    right: 0;
}

#zx-navigation .menu>li:hover>ul.cols1,
#zx-navigation ul.cols2,
#zx-navigation ul.cols3,
#zx-navigation ul.cols4,
#zx-navigation ul.cols5 {
    display: block;
}

#zx-navigation .menu .col1,
#zx-navigation .menu .col2,
#zx-navigation .menu .col3,
#zx-navigation .menu .col4,
#zx-navigation .menu .col5 {
    float: left;
}

#zx-navigation .menu li>ul.cols1,
#zx-navigation ul.cols2,
#zx-navigation ul.cols3,
#zx-navigation ul.cols4,
#zx-navigation ul.cols5 {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    left: -1px;
    padding: 10px;
}

#zx-navigation ul.cols1 a:hover,
#zx-navigation ul.cols2 a:hover,
#zx-navigation ul.cols3 a:hover,
#zx-navigation ul.cols4 a:hover,
#zx-navigation ul.cols5 a:hover {
    background: none;
    border: none;
}

#zx-navigation ul.cols1 a,
#zx-navigation ul.cols2 a
#zx-navigation ul.cols3 a,
#zx-navigation ul.cols4 a,
#zx-navigation ul.cols5 a {
    background: none;
    border: none;
}

#zx-navigation ul.cols1 p a,
#zx-navigation ul.cols2 p a,
#zx-navigation ul.cols3 p a,
#zx-navigation ul.cols4 p a,
#zx-navigation ul.cols5 p a {
    padding: 0;
}

#zx-navigation .menu h4 {
    font-size: 13px;
    color: #888;
    font-weight: 400;
    margin: 0 10px 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    letter-spacing: 0;
}

#zx-navigation .menu h5 {
    font-size: 13px;
    margin: 8px 10px -3px 10px;
}
#zx-navigation .menu h5 a {
    padding: 0;
    color: #333333;
    font-size: 13px;
    font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;
}

#zx-navigation .menu ol {
    list-style: none;
    margin: 7px 10px;
    padding: 0;
}

#zx-navigation .menu ol a {
    color: #777;
    font-size: 12px;
    padding: 3px 0;
    line-height: 15px;
}

#zx-navigation .menu ol a:hover {
    color: #444;
}

#zx-navigation .menu p {
    font-size: 12px;
    line-height: 18px;
    margin: 9px 10px;
    padding: 0;
}

#zx-navigation .menu p a {
    color: #888;
    text-decoration: underline;
}

#zx-navigation .menu p a:hover {
    color: #555;
}

/* Paid To Click Counter */
#zx-navigation .counters {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 10;
    top: -20px;
}

#zx-navigation .counters span {
    background-color: #4C4C4C;
    color: #FFFFFF;
    display: inline-block;
    height: 13px;
    line-height: 13px;
    width: 13px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    cursor: help;
    border: 1px solid #666666;
}

#zx-navigation .counters.active-counter span {
    background-color: #169FE6;
    color: #fff;
    text-shadow: none;
    border: 1px solid #888888;
}

#zx-navigation .counters.active-counter span:hover {
    background-color: #169FE6;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000000;
}

#zx-navigation .menu li:hover .counters span {
    background-color: #707070;
}

/* user info/balances */
#zx-navigation .user {
    height: 43px;
    max-height: 43px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;

    color: #aaaaaa;
    font-size: 11px;
    padding: 6px 15px 0 0;
    text-align: center;
}

#zx-navigation .user a, #zx-navigation .user span span span {
    color: #ffffff;
}

#zx-navigation .user a:hover {
    color: #169FE6;
}

/* footer */
#zx-footer {
    height: 21px;
    background: #424242;
    font-size: 11px;
    padding: 15px;
    color: #aaaaaa;
    text-shadow: 1px 1px 0 #333333;
}

#zx-footer a {
    color: #eeeeee;
}

#zx-footer a:hover {
    color: #f15a23;
}

#zx-footer .left {
    float: left;
}

#zx-footer .right {
    float: right;
}

#zx-footer .menu {
    font-size: 11px;
}

#zx-footer .menu a {
    color: #AAAAAA;
}

#zx-footer .menu a:hover {
    color: #f15a23;
}

#zx-footer .menu li:first-child {
    border: medium none;
    padding-left: 0;
}

#zx-footer .menu li {
    border-left: 1px solid #505050;
    display: inline-block;
    line-height: 13px;
    margin: 0;
    padding: 0 3px 0 5px;
}

#zx-footer .menu li select {
    position: absolute;
}

#zx-footer .menu li i {
    vertical-align: middle;
}

#zx-footer .menu li i.theme {
    cursor: pointer;
}

/* page title */
#zx-middle > .title {
    margin: 0 -10px 12px -10px;
    padding: 0 25px 8px 25px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    border-bottom: 1px solid #e0e0e0;
    line-height: 35px;
}

#zx-middle > .title h2 {
    font-weight: 400;
    padding: 0;
    float: left;
    line-height: 35px;
    margin: 0;
}

#zx-middle > .title ul {
    float: right;
    padding: 0;
    font-size: 11px;
    margin: 0;
}

#zx-middle > .title ul li {
    display: inline-block;
    color: #888;
    padding: 0 11px 0 0;
    margin: 0 0 0 5px;
    background: url(../img/breadcrumbs.png) no-repeat 100% 50%
}

#zx-middle > .title ul li:last-child a,
#zx-middle > .title ul li a {

}

#zx-middle > .title ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

#zx-middle > .title ul li:first-child,
#zx-middle > .title ul li:last-child {
    color: #888;
    background: none
}

#zx-middle > .title ul li:last-child {
    padding: 0;
    background: none
}

/* page box */
#zx-middle > .page-container, #zx-middle .page-container-static {
    margin: 0 -10px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    border-bottom: 1px solid #e0e0e0;
}

#zx-middle > .page-container.first, #zx-middle .page-container-static.first {
    padding-top: 0;
}

#zx-middle > .page-container:last-child, #zx-middle .page-container-static.last {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0 none;
    padding-bottom: 0;
}
#zx-middle > .page-container.center, #zx-middle .page-container-static.center {
    text-align: center;
}

/* content */
#zx-middle, #zx-middle-account {
    position: relative;
    margin: 0;
    padding: 10px;
    border: 0 none;
}

#zx-middle-account-left {
    position: relative;
    float: left;
    width: 190px;
    margin: 0;
    padding: 0;
}

#zx-middle-account-right {
    position: relative;
    margin: 0 0 0 200px;
    padding: 0;
}

/* bottom rotator */
#zx-middle-banner{
    margin: 0;
    padding: 15px;
    text-align:center;
    border-top: 1px solid #e8e8e8;
    background: #fcfcfc;
    -webkit-box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
    box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
}

/* Page */
.zx-page {
    position: relative;
    text-align: left;
}

/* Page head */
.zx-page .zx-page-header {
    position:relative;
    height: 24px;
    line-height: 24px;
    background-color: #4C4C4C;
    border-left: 5px solid #169FE6;
    color: #ffffff;
}
.zx-page .zx-page-header a {
    color: #ffffff;
}
.zx-page .zx-page-header a:hover {
    color: #169FE6;
}
.zx-page .zx-page-header i {
    margin: 5px 5px 0 0;
}
.zx-page .zx-page-header .header-left {
    float:left;
    margin: 0;
    padding: 0;
}
.zx-page .zx-page-header .header-left.two {
    padding: 0;
    cursor: default;
}
.zx-page .zx-page-header .header-left.two i {
    margin-left: 5px;
}
.zx-page .zx-page-header .header-right {
    float: right;
    margin: 0;
    padding: 0;
}

.zx-page .zx-page-banner{height:60px;min-height:60px;max-height:60px;margin:0 0 5px 0;padding:5px;text-align:center;}
.zx-page .zx-page-banner *{border: 0 none transparent;}

/* Page content */
.zx-page .zx-page-content {
    margin: 10px 0;
    padding: 5px;
    background: #FCFCFC none;
    border-left: 5px solid #F5F5F5;
}
.zx-page .zx-page-content.blank {
    margin: 10px 0;
    padding: 0;
    border: 0 none;
    background: transparent none;
    overflow: auto;
}
.zx-page .zx-page-content.scroll {
    overflow: scroll;
    max-height: 500px;
}
.zx-page .zx-page-content.title {
    position: relative;
    margin: 34px 0 10px 0;
}
.zx-page .zx-page-content.title .title:first-child {
    position: absolute;
    top: -24px;
    left: -5px;
    width: 685px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    background-color: #EEF6DC;
    border-left: 5px solid #E2F1BF;
}
.zx-page .zx-page-content.blank.title .title:first-child {
    left: 0;
}
.zx-page .zx-page-content.title .title:first-child i.right {
    float: right;
    margin: 5px 0px 0 0;
    cursor: pointer;
}

/* welcome back, logout page */
.zx-page-welcome,
.zx-page-logout{margin: 120px 0 100px 0;}
.zx-page-welcome .text,
.zx-page-logout .text{margin:25px auto 0 auto;font-size:17px;text-align:center;}
.zx-page-welcome .image,
.zx-page-logout .image{margin:25px auto;text-align:center;}

/* suspended page */
.zx-page-suspended{margin: 120px auto 100px auto;width: 500px;}
.zx-page-suspended table {margin: 0 auto;border-collapse: separate;border-spacing: 10px;}
.zx-page-suspended .text{margin:0 auto 25px auto;font-size:17px;text-align:center;}
.zx-page-suspended .text div{font-size: 11px;}

/* middle menu */
#zx-middle-menu {}
#zx-middle-menu .category {
    background: none repeat scroll 0 0 #FCFCFC;
    border-left: 5px solid #F5F5F5;
    margin: 5px 0 0 0;
    padding: 5px;
}
#zx-middle-menu .category:first-child {
    margin-top: 0;
}
#zx-middle-menu .category .title {
    margin: -5px -5px 0 -10px;
    padding-left: 5px;
    background-color: #4C4C4C;
    border-left: 5px solid #169FE6;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    position: relative;
}
#zx-middle-menu .category .container {
    margin-top: 5px;
}
#zx-middle-menu .category .container > div {
    line-height: 18px;
}
#zx-middle-menu .category .container > div.sub {
    margin-left: 15px;
}
#zx-middle-menu .category .container > div a {}
#zx-middle-menu .category .container > div a.active {
    font-weight: bold;
}
#zx-middle-menu .category .container > div a.active i {
    background-image: url(../img/glyphicons-halflings.png);
    font-weight: bold;
}
#zx-middle-menu .category .container > div a .count {
    float: right;
    line-height: 16px;
    margin: 0 5px 0 0;
    padding: 0 7px;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 9px;
    font-weight: bold;
}
#zx-middle-menu .category .container > div a i {
    margin: 2px 5px 0 0;
}

#zx-middle-menu-banner {
    margin:5px 0 0 0;
    padding:5px;
    text-align:center;
}

/* pager php */
.zx-pager-php {}
.zx-pager-php .disabled {opacity: 0.5;}

/* pager */
.zx-pager {position: relative;height: 18px;min-height: 18px;max-height: 18px;margin: 10px auto;white-space: nowrap;text-align: center;}
.zx-pager:first-child {margin-top: 0;}
.zx-pager:last-child {margin-bottom: 0;}
.zx-pager .zx-pager-perpage {height: 18px;}
.zx-pager .zx-pager-box-left {position: absolute;top: 0;left: 0;}
.zx-pager .zx-pager-box-center {position: relative;width: 224px;margin: 0 auto;}
.zx-pager .zx-pager-box-center .zx-pager-page {min-width: 80px;margin: 0 26px;line-height: 18px;text-align:center;}
.zx-pager .zx-pager-box-center .zx-pager-page select {width: 120px;text-align:center;}
.zx-pager .zx-pager-box-center .zx-pager-fisrt,
.zx-pager .zx-pager-box-center .zx-pager-prev,
.zx-pager .zx-pager-box-center .zx-pager-next,
.zx-pager .zx-pager-box-center .zx-pager-last {position: absolute;top: 0;width: 18px;height: 18px;margin: 0 5px;cursor: pointer;background: transparent none no-repeat scroll 0 1px;border: 0 none transparent;}
.zx-pager .zx-pager-box-center .zx-pager-fisrt.sq {background-image: url(../img/zx_pager_sq_first.png);left: 0;}
.zx-pager .zx-pager-box-center .zx-pager-prev.sq {background-image: url(../img/zx_pager_sq_prev.png);left: 21px;}
.zx-pager .zx-pager-box-center .zx-pager-next.sq {background-image: url(../img/zx_pager_sq_next.png);right: 21px;}
.zx-pager .zx-pager-box-center .zx-pager-last.sq {background-image: url(../img/zx_pager_sq_last.png);right: 0;}
.zx-pager .zx-pager-box-center .zx-pager-fisrt {background-image: url(../img/zx_pager_first.png);left: 0;}
.zx-pager .zx-pager-box-center .zx-pager-prev {background-image: url(../img/zx_pager_prev.png);left: 21px;}
.zx-pager .zx-pager-box-center .zx-pager-next {background-image: url(../img/zx_pager_next.png);right: 21px;}
.zx-pager .zx-pager-box-center .zx-pager-last {background-image: url(../img/zx_pager_last.png);right: 0;}

.zx-pager .zx-pager-box-right {position: absolute;top: 0;right: 0;}
.zx-pager .zx-pager-box-right .zx-pager-search {}

.zx-pager .zx-pager-box-right .zx-pager-search .zx-pager-search-input {width: 100px;}
.zx-pager .zx-pager-box-right .zx-pager-search .zx-pager-search-btn {display: inline-block;width: 16px;height: 16px;background: transparent url(../img/zx_pager_search.png) no-repeat scroll 0 0;}

/** PAYMENT FORM */
.zx-payment-form input {
    outline:0 none !important;
}

/** ZX: EXTEND */
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}
.cursor-help {cursor:help;}

.zx-vertical{display:table;#position:relative;overflow:hidden;width:100%;text-align:center;}
.zx-vertical .v-box-1{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;}
.zx-vertical .v-box-2{#position:relative;#top:-50%;}

ul.normal{margin:5px 0;padding:0 0 0 40px;}
ul.normal li{}

ul.nostyle{list-style:none;}
ul.nostyle li{list-style:none;}

input.error,
select.error{border:1px solid red;}

.disabled {opacity: .35 !important; filter:Alpha(Opacity=35) !important;cursor: default !important;}

/** tooltip */
.zx-css-tip{background-color:rgb(68,68,68);background-color:rgba(68,68,68,0.9);margin:0;padding:2px 5px;border:1px solid rgb(0,0,0);border:1px solid rgba(68,68,68,0.5);color:#FFF;border-width:1px 1px 0 1px;font-family:Tahoma;font-size:11px;white-space:nowrap;position:absolute;-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);-moz-text-shadow:0 0 1px rgba(255,255,255,0.2);-webkit-text-shadow:0 0 1px rgba(255,255,255,0.2);z-index:4000;border-radius: 5px;}
.zx-css-tip .zx-css-tip-pointer-down,
.zx-css-tip .zx-css-tip-pointer-down-inner{position:absolute; width:0; height:0; border-bottom-width:0;background:none;}
.zx-css-tip .zx-css-tip-pointer-down{border-left:7px solid; border-right:7px solid;border-top-width:14px;border-color:rgb(0,0,0) transparent;border-color:rgba(68,68,68,0.9) transparent;bottom:-14px;right:auto;left:50%;margin-left:-7px;}
.zx-css-tip .zx-css-tip-pointer-down-inner{border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid rgb(68,68,68);border-top:10px solid rgba(68,68,68,0.9);bottom:auto;top:-14px;left:-5px;}
.zx-css-tip.zx-tip-wrap{white-space:normal;}

/** bottom tooltip */
.zx-css-tip-bottom{background-color:rgb(68,68,68);background-color:rgba(68,68,68,0.9);margin:0;padding:2px 5px;border:1px solid rgb(68,68,68);border:1px solid rgba(68,68,68,0.5);color:#FFF;border-width:0 1px 1px 1px;font-family:Tahoma;font-size:11px;white-space:nowrap;position:absolute;-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);-moz-text-shadow:0 0 1px rgba(255,255,255,0.2);-webkit-text-shadow:0 0 1px rgba(255,255,255,0.2);z-index:4000;border-radius: 5px;}
.zx-css-tip-bottom .zx-css-tip-pointer-top,
.zx-css-tip-bottom .zx-css-tip-pointer-top-inner{position:absolute;width:0;height:0;border-top-width:0;background:none;}
.zx-css-tip-bottom .zx-css-tip-pointer-top{border-left:7px solid;border-right:7px solid;border-bottom-width:14px;border-color:rgb(68,68,68) transparent;border-color:rgba(68,68,68,0.9) transparent;top:-14px;right:auto;left:50%;margin-left:-7px;}
.zx-css-tip-bottom .zx-css-tip-pointer-top-inner{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid rgb(68,68,68);border-bottom:10px solid rgba(68,68,68,0.9);top:auto;bottom:-14px;left:-5px;}
.zx-css-tip-bottom.zx-tip-wrap{white-space:normal;}

/** Dialog window overlay */
.zx-dialog-overlay {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/overlay.png) repeat scroll 0 0 transparent;
    background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    z-index: 4000;
}
.zx-dialog-overlay .zx-dialog-overlay-window {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.zx-dialog-overlay .zx-dialog-overlay-window .zx-dialog-overlay-window-inner {
    width: 500px;
    margin: 25px auto;
    padding: 5px;
}
.zx-dialog-overlay .zx-dialog-overlay-window .zx-dialog-overlay-window-inner.widthmax {
    width: 97% !important;
    min-width: 500px !important;
}

/** Dialog window */
.zx-dialog {
    display: none;
    padding: 4px;
    background-color: #666666;
    box-shadow: 0 0 20px #333333;
}
.zx-dialog .zx-dialog-preloader {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: url(../img/loader.gif) no-repeat scroll center center rgba(0,0,0, 0.05);
}
.msie .zx-dialog .zx-dialog-preloader {
    filter: Alpha(Opacity=35);
    background-color: #000000;
}
.zx-dialog .zx-dialog-panel {
    position: relative;
    left: 0;
    top: 0;
}

/* Dialog head */
.zx-dialog .hd {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    cursor: default;
    background-color: #E6E6E6;
    font-family: arial, sans-serif;

}
.zx-dialog .hd > .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border-left: 1px solid #BBBBBB;
    height: 34px;
    text-align: center;
    width: 34px;
    font-weight: bold;
}
.zx-dialog .hd > .close:hover, .zx-dialog .hd > .close:hover .timer {
    background: #ffffff;
}
.zx-dialog .hd > .close i {
    margin: 11px 0 0 0;
}
.zx-dialog .hd > .close > span {
    display: none;
    visibility: hidden;
}
.zx-dialog .hd > .close .timer {
    white-space: nowrap;
    background: #E6E6E6;
    border: 4px solid #595959;
    border-width: 4px 4px 4px 0;
    font-size: 11px;
    font-weight: normal;
    height: 14px;
    left: 34px;
    line-height: 14px;
    padding: 0 5px 0 0;
    position: absolute;
    top: 6px;
    box-shadow: 12px 0 20px rgba(0, 0, 0, 0.3);
}

/* Dialog buttons */
.zx-dialog .bu {
    position: absolute;
    top: 0;
    right: 35px;
    height: 34px;
    line-height: 34px;
}
.zx-dialog .bu .button-group {
    display: block;
    height: 34px;
    line-height: 34px;
}
.zx-dialog .bu .button-group button {
    display: block;
    position: relative;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    color: #000000;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;

    border: 1px solid #BBBBBB;
    border-width: 0 0 0 1px;
    background: transparent;
    float: left;
}
.zx-dialog .bu .button-group button:hover {
    background: #ffffff;
}
.zx-dialog .bu .button-group button.disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    cursor: default;
}
.zx-dialog .bu .button-group button.disabled:hover {
    background: #E6E6E6;
}
.zx-dialog .bu .button-group button.close {
    display: none;
}
.zx-dialog .bu .button-group button:focus {
    outline: none;
}
.zx-dialog .bu .button-group button:empty {
    display: none;
    visibility: hidden;
}

/* Dialog content */
.zx-dialog .bd {
    background-color: #FFFFFF;
    text-align: left;
    font: 13px arial;
}
.zx-dialog .bd {
    padding: 10px;
    font-size: 13px;
    text-shadow: 1px 1px 0 #FFF;
    text-align: left;
}
.zx-dialog .bd a {
    color: #000;
}
.zx-dialog .bd .input-error {
    border: 1px solid red !important;
}
.zx-dialog .bd .bd-separator {
    margin: 10px -10px;
    padding: 0;
    text-align: left;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
}
.zx-dialog .bd .bd-separator > div {
    color: #04586C;
    font-size: 11px;
    font-weight: bold;
    padding: 8px;
    text-shadow: 0 1px 0 #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
}

/* Dialog other */
.zx-dialog-content {
    display: none;
    visibility: hidden;
}

/* icons */
.the-icons {
    margin-left: 0;
    list-style: none;
    width: 637px;
}
.the-icons li {
    float: left;
    width: 25%;
}
.the-icons i:hover {
    background-color: rgba(255,0,0,.25);
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    *margin-right: .3em;
}

[class^="icon-"].white, [class*=" icon-"].white {
    background-image: url(../img/glyphicons-halflings-white.png);
}

.icon-glass {
    background-position: 0 0;
}
.icon-music {
    background-position: -24px 0;
}
.icon-search {
    background-position: -48px 0;
}
.icon-envelope {
    background-position: -72px 0;
}
.icon-heart {
    background-position: -96px 0;
}
.icon-star {
    background-position: -120px 0;
}
.icon-star-empty {
    background-position: -144px 0;
}
.icon-user {
    background-position: -168px 0;
}
.icon-film {
    background-position: -192px 0;
}
.icon-th-large {
    background-position: -216px 0;
}
.icon-th {
    background-position: -240px 0;
}
.icon-th-list {
    background-position: -264px 0;
}
.icon-ok {
    background-position: -288px 0;
}
.icon-remove {
    background-position: -312px 0;
}
.icon-zoom-in {
    background-position: -336px 0;
}
.icon-zoom-out {
    background-position: -360px 0;
}
.icon-off {
    background-position: -384px 0;
}
.icon-signal {
    background-position: -408px 0;
}
.icon-cog {
    background-position: -432px 0;
}
.icon-trash {
    background-position: -456px 0;
}
.icon-home {
    background-position: 0 -24px;
}
.icon-file {
    background-position: -24px -24px;
}
.icon-time {
    background-position: -48px -24px;
}
.icon-road {
    background-position: -71px -24px;
}
.icon-download-alt {
    background-position: -96px -24px;
}
.icon-download {
    background-position: -120px -24px;
}
.icon-upload {
    background-position: -144px -24px;
}
.icon-inbox {
    background-position: -168px -24px;
}
.icon-play-circle {
    background-position: -192px -24px;
}
.icon-repeat {
    background-position: -216px -24px;
}
.icon-refresh {
    background-position: -240px -24px;
}
.icon-list-alt {
    background-position: -264px -24px;
}
.icon-lock {
    background-position: -287px -24px;
}
.icon-flag {
    background-position: -312px -24px;
}
.icon-headphones {
    background-position: -336px -24px;
}
.icon-volume-off {
    background-position: -360px -24px;
}
.icon-volume-down {
    background-position: -384px -24px;
}
.icon-volume-up {
    background-position: -408px -24px;
}
.icon-qrcode {
    background-position: -432px -24px;
}
.icon-barcode {
    background-position: -456px -24px;
}
.icon-tag {
    background-position: 0 -48px;
}
.icon-tags {
    background-position: -24px -48px;
}
.icon-book {
    background-position: -48px -48px;
}
.icon-bookmark {
    background-position: -72px -48px;
}
.icon-print {
    background-position: -96px -48px;
}
.icon-camera {
    background-position: -120px -48px;
}
.icon-font {
    background-position: -144px -48px;
}
.icon-bold {
    background-position: -167px -48px;
}
.icon-italic {
    background-position: -192px -48px;
}
.icon-text-height {
    background-position: -216px -48px;
}
.icon-text-width {
    background-position: -240px -48px;
}
.icon-align-left {
    background-position: -264px -48px;
}
.icon-align-center {
    background-position: -288px -48px;
}
.icon-align-right {
    background-position: -312px -48px;
}
.icon-align-justify {
    background-position: -336px -48px;
}
.icon-list {
    background-position: -360px -48px;
}
.icon-indent-left {
    background-position: -384px -48px;
}
.icon-indent-right {
    background-position: -408px -48px;
}
.icon-facetime-video {
    background-position: -432px -48px;
}
.icon-picture {
    background-position: -456px -48px;
}
.icon-pencil {
    background-position: 0 -72px;
}
.icon-map-marker {
    background-position: -24px -72px;
}
.icon-adjust {
    background-position: -48px -72px;
}
.icon-tint {
    background-position: -72px -72px;
}
.icon-edit {
    background-position: -96px -72px;
}
.icon-share {
    background-position: -120px -72px;
}
.icon-check {
    background-position: -144px -72px;
}
.icon-move {
    background-position: -168px -72px;
}
.icon-step-backward {
    background-position: -192px -72px;
}
.icon-fast-backward {
    background-position: -216px -72px;
}
.icon-backward {
    background-position: -240px -72px;
}
.icon-play {
    background-position: -264px -72px;
}
.icon-pause {
    background-position: -288px -72px;
}
.icon-stop {
    background-position: -312px -72px;
}
.icon-forward {
    background-position: -336px -72px;
}
.icon-fast-forward {
    background-position: -360px -72px;
}
.icon-step-forward {
    background-position: -384px -72px;
}
.icon-eject {
    background-position: -408px -72px;
}
.icon-chevron-left {
    background-position: -432px -72px;
}
.icon-chevron-right {
    background-position: -456px -72px;
}
.icon-plus-sign {
    background-position: 0 -96px;
}
.icon-minus-sign {
    background-position: -24px -96px;
}
.icon-remove-sign {
    background-position: -48px -96px;
}
.icon-ok-sign {
    background-position: -72px -96px;
}
.icon-question-sign {
    background-position: -96px -96px;
}
.icon-info-sign {
    background-position: -120px -96px;
}
.icon-screenshot {
    background-position: -144px -96px;
}
.icon-remove-circle {
    background-position: -168px -96px;
}
.icon-ok-circle {
    background-position: -192px -96px;
}
.icon-ban-circle {
    background-position: -216px -96px;
}
.icon-arrow-left {
    background-position: -240px -96px;
}
.icon-arrow-right {
    background-position: -264px -96px;
}
.icon-arrow-up {
    background-position: -289px -96px;
}
.icon-arrow-down {
    background-position: -312px -96px;
}
.icon-share-alt {
    background-position: -336px -96px;
}
.icon-resize-full {
    background-position: -360px -96px;
}
.icon-resize-small {
    background-position: -384px -96px;
}
.icon-plus {
    background-position: -408px -96px;
}
.icon-minus {
    background-position: -433px -96px;
}
.icon-asterisk {
    background-position: -456px -96px;
}
.icon-exclamation-sign {
    background-position: 0 -120px;
}
.icon-gift {
    background-position: -24px -120px;
}
.icon-leaf {
    background-position: -48px -120px;
}
.icon-fire {
    background-position: -72px -120px;
}
.icon-eye-open {
    background-position: -96px -120px;
}
.icon-eye-close {
    background-position: -120px -120px;
}
.icon-warning-sign {
    background-position: -144px -120px;
}
.icon-plane {
    background-position: -168px -120px;
}
.icon-calendar {
    background-position: -192px -120px;
}
.icon-random {
    background-position: -216px -120px;
}
.icon-comments {
    background-position: -240px -120px;
}
.icon-magnet {
    background-position: -264px -120px;
}
.icon-chevron-up {
    background-position: -288px -120px;
}
.icon-chevron-down {
    background-position: -313px -119px;
}
.icon-retweet {
    background-position: -336px -120px;
}
.icon-shopping-cart {
    background-position: -360px -120px;
}
.icon-folder-close {
    background-position: -384px -120px;
}
.icon-folder-open {
    background-position: -408px -120px;
}
.icon-resize-vertical {
    background-position: -432px -119px;
}
.icon-resize-horizontal {
    background-position: -456px -118px;
}
.icon-hdd {
    background-position: 0 -144px;
}
.icon-bullhorn {
    background-position: -24px -144px;
}
.icon-bell {
    background-position: -48px -144px;
}
.icon-certificate {
    background-position: -72px -144px;
}
.icon-thumbs-up {
    background-position: -96px -144px;
}
.icon-thumbs-down {
    background-position: -120px -144px;
}
.icon-hand-right {
    background-position: -144px -144px;
}
.icon-hand-left {
    background-position: -167px -144px;
}
.icon-hand-top {
    background-position: -192px -144px;
}
.icon-hand-down {
    background-position: -216px -144px;
}
.icon-circle-arrow-right {
    background-position: -240px -144px;
}
.icon-circle-arrow-left {
    background-position: -264px -144px;
}
.icon-circle-arrow-top {
    background-position: -288px -144px;
}
.icon-circle-arrow-down {
    background-position: -312px -144px;
}
.icon-globe {
    background-position: -336px -144px;
}
.icon-wrench {
    background-position: -360px -144px;
}
.icon-tasks {
    background-position: -384px -144px;
}
.icon-filter {
    background-position: -408px -144px;
}
.icon-briefcase {
    background-position: -432px -144px;
}
.icon-fullscreen {
    background-position: -456px -144px;
}
.icon-dashboard {
    background-position: 0 -168px;
}
.icon-paperclip {
    background-position: -24px -168px;
}
.icon-heart-empty {
    background-position: -48px -168px;
}
.icon-link {
    background-position: -72px -168px;
}
.icon-phone {
    background-position: -96px -168px;
}
.icon-pushpin {
    background-position: -120px -168px;
}
.icon-euro {
    background-position: -144px -168px;
}
.icon-usd {
    background-position: -168px -168px;
}
.icon-gbp {
    background-position: -192px -168px;
}
.icon-sort {
    background-position: -216px -168px;
}
.icon-sort-by-alphabet {
    background-position: -240px -168px;
}
.icon-sort-by-alphabet-alt {
    background-position: -264px -168px;
}
.icon-sort-by-order {
    background-position: -288px -168px;
}
.icon-sort-by-order-alt {
    background-position: -313px -168px;
}
.icon-sort-by-attributes {
    background-position: -336px -168px;
}
.icon-sort-by-attributes-alt {
    background-position: -360px -168px;
}
.icon-unchecked {
    background-position: -384px -168px;
}
.icon-expand {
    background-position: -408px -168px;
}
.icon-collapse {
    background-position: -432px -168px;
}
.icon-collapse-top {
    background-position: -456px -168px;
}

/* flags */
.zx-flag {
    width: 16px;
    height: 11px;
    background: url(../img/flags.png) no-repeat top left;
}
.zx-flag.ad {
    background-position: 0 0;
}
.zx-flag.ae {
    background-position: -17px 0;
}
.zx-flag.af {
    background-position: -34px 0;
}
.zx-flag.ag {
    background-position: -51px 0;
}
.zx-flag.ai {
    background-position: -68px 0;
}
.zx-flag.al {
    background-position: -85px 0;
}
.zx-flag.am {
    background-position: -102px 0;
}
.zx-flag.an {
    background-position: -119px 0;
}
.zx-flag.ao {
    background-position: -136px 0;
}
.zx-flag.ar {
    background-position: -153px 0;
}
.zx-flag.as {
    background-position: -170px 0;
}
.zx-flag.at {
    background-position: -187px 0;
}
.zx-flag.au {
    background-position: -204px 0;
}
.zx-flag.aw {
    background-position: -221px 0;
}
.zx-flag.ax {
    background-position: -238px 0;
}
.zx-flag.az {
    background-position: -255px 0;
}
.zx-flag.ba {
    background-position: -272px 0;
}
.zx-flag.bb {
    background-position: -289px 0;
}
.zx-flag.bd {
    background-position: -306px 0;
}
.zx-flag.be {
    background-position: -323px 0;
}
.zx-flag.bf {
    background-position: -340px 0;
}
.zx-flag.bg {
    background-position: -357px 0;
}
.zx-flag.bh {
    background-position: -374px 0;
}
.zx-flag.bi {
    background-position: -391px 0;
}
.zx-flag.bj {
    background-position: -408px 0;
}
.zx-flag.bm {
    background-position: -425px 0;
}
.zx-flag.bn {
    background-position: -442px 0;
}
.zx-flag.bo {
    background-position: -459px 0;
}
.zx-flag.br {
    background-position: -476px 0;
}
.zx-flag.bs {
    background-position: -493px 0;
}
.zx-flag.bt {
    background-position: -510px 0;
}
.zx-flag.bv {
    background-position: -527px 0;
}
.zx-flag.bw {
    background-position: -544px 0;
}
.zx-flag.by {
    background-position: -561px 0;
}
.zx-flag.bz {
    background-position: -578px 0;
}
.zx-flag.ca {
    background-position: -595px 0;
}
.zx-flag.catalonia {
    background-position: -612px 0;
}
.zx-flag.cc {
    background-position: -629px 0;
}
.zx-flag.cd {
    background-position: -646px 0;
}
.zx-flag.cf {
    background-position: -663px 0;
}
.zx-flag.cg {
    background-position: -680px 0;
}
.zx-flag.ch {
    background-position: -697px 0;
}
.zx-flag.ci {
    background-position: -709px 0;
}
.zx-flag.ck {
    background-position: -726px 0;
}
.zx-flag.cl {
    background-position: -743px 0;
}
.zx-flag.cm {
    background-position: -760px 0;
}
.zx-flag.cn {
    background-position: -777px 0;
}
.zx-flag.co {
    background-position: -794px 0;
}
.zx-flag.cr {
    background-position: -811px 0;
}
.zx-flag.cs {
    background-position: -828px 0;
}
.zx-flag.cu {
    background-position: -845px 0;
}
.zx-flag.cv {
    background-position: -862px 0;
}
.zx-flag.cx {
    background-position: -879px 0;
}
.zx-flag.cy {
    background-position: -896px 0;
}
.zx-flag.cz {
    background-position: -913px 0;
}
.zx-flag.de {
    background-position: -930px 0;
}
.zx-flag.dj {
    background-position: -947px 0;
}
.zx-flag.dk {
    background-position: -964px 0;
}
.zx-flag.dm {
    background-position: -981px 0;
}
.zx-flag.do {
    background-position: -998px 0;
}
.zx-flag.dz {
    background-position: -1015px 0;
}
.zx-flag.ec {
    background-position: -1032px 0;
}
.zx-flag.ee {
    background-position: -1049px 0;
}
.zx-flag.eg {
    background-position: -1066px 0;
}
.zx-flag.eh {
    background-position: -1083px 0;
}
.zx-flag.england {
    background-position: -1100px 0;
}
.zx-flag.er {
    background-position: -1117px 0;
}
.zx-flag.es {
    background-position: -1134px 0;
}
.zx-flag.et {
    background-position: -1151px 0;
}
.zx-flag.eu {
    background-position: -1168px 0;
}
.zx-flag.fam {
    background-position: -1185px 0;
}
.zx-flag.fi {
    background-position: -1202px 0;
}
.zx-flag.fj {
    background-position: -1219px 0;
}
.zx-flag.fk {
    background-position: -1236px 0;
}
.zx-flag.fm {
    background-position: -1253px 0;
}
.zx-flag.fo {
    background-position: -1270px 0;
}
.zx-flag.fr {
    background-position: -1287px 0;
}
.zx-flag.ga {
    background-position: -1304px 0;
}
.zx-flag.gb {
    background-position: -1321px 0;
}
.zx-flag.gd {
    background-position: -1338px 0;
}
.zx-flag.ge {
    background-position: -1355px 0;
}
.zx-flag.gf {
    background-position: -1372px 0;
}
.zx-flag.gh {
    background-position: -1389px 0;
}
.zx-flag.gi {
    background-position: -1406px 0;
}
.zx-flag.gl {
    background-position: -1423px 0;
}
.zx-flag.gm {
    background-position: -1440px 0;
}
.zx-flag.gn {
    background-position: -1457px 0;
}
.zx-flag.gp {
    background-position: -1474px 0;
}
.zx-flag.gq {
    background-position: -1491px 0;
}
.zx-flag.gr {
    background-position: -1508px 0;
}
.zx-flag.gs {
    background-position: -1525px 0;
}
.zx-flag.gt {
    background-position: -1542px 0;
}
.zx-flag.gu {
    background-position: -1559px 0;
}
.zx-flag.gw {
    background-position: -1576px 0;
}
.zx-flag.gy {
    background-position: -1593px 0;
}
.zx-flag.hk {
    background-position: -1610px 0;
}
.zx-flag.hm {
    background-position: -1627px 0;
}
.zx-flag.hn {
    background-position: -1644px 0;
}
.zx-flag.hr {
    background-position: -1661px 0;
}
.zx-flag.ht {
    background-position: -1678px 0;
}
.zx-flag.hu {
    background-position: -1695px 0;
}
.zx-flag.id {
    background-position: -1712px 0;
}
.zx-flag.ie {
    background-position: -1729px 0;
}
.zx-flag.il {
    background-position: -1746px 0;
}
.zx-flag.in {
    background-position: -1763px 0;
}
.zx-flag.io {
    background-position: -1780px 0;
}
.zx-flag.iq {
    background-position: -1797px 0;
}
.zx-flag.ir {
    background-position: -1814px 0;
}
.zx-flag.is {
    background-position: -1831px 0;
}
.zx-flag.it {
    background-position: -1848px 0;
}
.zx-flag.je {
    background-position: -1865px 0;
}
.zx-flag.jm {
    background-position: -1882px 0;
}
.zx-flag.jo {
    background-position: -1899px 0;
}
.zx-flag.jp {
    background-position: -1916px 0;
}
.zx-flag.ke {
    background-position: -1933px 0;
}
.zx-flag.kg {
    background-position: -1950px 0;
}
.zx-flag.kh {
    background-position: -1967px 0;
}
.zx-flag.ki {
    background-position: -1984px 0;
}
.zx-flag.km {
    background-position: 0 -12px;
}
.zx-flag.kn {
    background-position: -17px -12px;
}
.zx-flag.kp {
    background-position: -34px -12px;
}
.zx-flag.kr {
    background-position: -51px -12px;
}
.zx-flag.kw {
    background-position: -68px -12px;
}
.zx-flag.ky {
    background-position: -85px -12px;
}
.zx-flag.kz {
    background-position: -102px -12px;
}
.zx-flag.la {
    background-position: -119px -12px;
}
.zx-flag.lb {
    background-position: -136px -12px;
}
.zx-flag.lc {
    background-position: -153px -12px;
}
.zx-flag.li {
    background-position: -170px -12px;
}
.zx-flag.lk {
    background-position: -187px -12px;
}
.zx-flag.lr {
    background-position: -204px -12px;
}
.zx-flag.ls {
    background-position: -221px -12px;
}
.zx-flag.lt {
    background-position: -238px -12px;
}
.zx-flag.lu {
    background-position: -255px -12px;
}
.zx-flag.lv {
    background-position: -272px -12px;
}
.zx-flag.ly {
    background-position: -289px -12px;
}
.zx-flag.ma {
    background-position: -306px -12px;
}
.zx-flag.mc {
    background-position: -323px -12px;
}
.zx-flag.md {
    background-position: -340px -12px;
}
.zx-flag.me {
    background-position: -357px -12px;
}
.zx-flag.mg {
    background-position: -374px -12px;
}
.zx-flag.mh {
    background-position: -391px -12px;
}
.zx-flag.mk {
    background-position: -408px -12px;
}
.zx-flag.ml {
    background-position: -425px -12px;
}
.zx-flag.mm {
    background-position: -442px -12px;
}
.zx-flag.mn {
    background-position: -459px -12px;
}
.zx-flag.mo {
    background-position: -476px -12px;
}
.zx-flag.mp {
    background-position: -493px -12px;
}
.zx-flag.mq {
    background-position: -510px -12px;
}
.zx-flag.mr {
    background-position: -527px -12px;
}
.zx-flag.ms {
    background-position: -544px -12px;
}
.zx-flag.mt {
    background-position: -561px -12px;
}
.zx-flag.mu {
    background-position: -578px -12px;
}
.zx-flag.mv {
    background-position: -595px -12px;
}
.zx-flag.mw {
    background-position: -612px -12px;
}
.zx-flag.mx {
    background-position: -629px -12px;
}
.zx-flag.my {
    background-position: -646px -12px;
}
.zx-flag.mz {
    background-position: -663px -12px;
}
.zx-flag.na {
    background-position: -680px -12px;
}
.zx-flag.nc {
    background-position: -697px -12px;
}
.zx-flag.ne {
    background-position: -714px -12px;
}
.zx-flag.nf {
    background-position: -731px -12px;
}
.zx-flag.ng {
    background-position: -748px -12px;
}
.zx-flag.ni {
    background-position: -765px -12px;
}
.zx-flag.nl {
    background-position: -782px -12px;
}
.zx-flag.no {
    background-position: -799px -12px;
}
.zx-flag.np {
    background-position: -816px -12px;
}
.zx-flag.nr {
    background-position: -826px -12px;
}
.zx-flag.nu {
    background-position: -843px -12px;
}
.zx-flag.nz {
    background-position: -860px -12px;
}
.zx-flag.om {
    background-position: -877px -12px;
}
.zx-flag.pa {
    background-position: -894px -12px;
}
.zx-flag.pe {
    background-position: -911px -12px;
}
.zx-flag.pf {
    background-position: -928px -12px;
}
.zx-flag.pg {
    background-position: -945px -12px;
}
.zx-flag.ph {
    background-position: -962px -12px;
}
.zx-flag.pk {
    background-position: -979px -12px;
}
.zx-flag.pl {
    background-position: -996px -12px;
}
.zx-flag.pm {
    background-position: -1013px -12px;
}
.zx-flag.pn {
    background-position: -1030px -12px;
}
.zx-flag.pr {
    background-position: -1047px -12px;
}
.zx-flag.ps {
    background-position: -1064px -12px;
}
.zx-flag.pt {
    background-position: -1081px -12px;
}
.zx-flag.pw {
    background-position: -1098px -12px;
}
.zx-flag.py {
    background-position: -1115px -12px;
}
.zx-flag.qa {
    background-position: -1132px -12px;
}
.zx-flag.re {
    background-position: -1149px -12px;
}
.zx-flag.ro {
    background-position: -1166px -12px;
}
.zx-flag.rs {
    background-position: -1183px -12px;
}
.zx-flag.ru {
    background-position: -1200px -12px;
}
.zx-flag.rw {
    background-position: -1217px -12px;
}
.zx-flag.sa {
    background-position: -1234px -12px;
}
.zx-flag.sb {
    background-position: -1251px -12px;
}
.zx-flag.sc {
    background-position: -1268px -12px;
}
.zx-flag.scotland {
    background-position: -1285px -12px;
}
.zx-flag.sd {
    background-position: -1302px -12px;
}
.zx-flag.se {
    background-position: -1319px -12px;
}
.zx-flag.sg {
    background-position: -1336px -12px;
}
.zx-flag.sh {
    background-position: -1353px -12px;
}
.zx-flag.si {
    background-position: -1370px -12px;
}
.zx-flag.sj {
    background-position: -1387px -12px;
}
.zx-flag.sk {
    background-position: -1404px -12px;
}
.zx-flag.sl {
    background-position: -1421px -12px;
}
.zx-flag.sm {
    background-position: -1438px -12px;
}
.zx-flag.sn {
    background-position: -1455px -12px;
}
.zx-flag.so {
    background-position: -1472px -12px;
}
.zx-flag.sr {
    background-position: -1489px -12px;
}
.zx-flag.st {
    background-position: -1506px -12px;
}
.zx-flag.sv {
    background-position: -1523px -12px;
}
.zx-flag.sy {
    background-position: -1540px -12px;
}
.zx-flag.sz {
    background-position: -1557px -12px;
}
.zx-flag.tc {
    background-position: -1574px -12px;
}
.zx-flag.td {
    background-position: -1591px -12px;
}
.zx-flag.tf {
    background-position: -1608px -12px;
}
.zx-flag.tg {
    background-position: -1625px -12px;
}
.zx-flag.th {
    background-position: -1642px -12px;
}
.zx-flag.tj {
    background-position: -1659px -12px;
}
.zx-flag.tk {
    background-position: -1676px -12px;
}
.zx-flag.tl {
    background-position: -1693px -12px;
}
.zx-flag.tm {
    background-position: -1710px -12px;
}
.zx-flag.tn {
    background-position: -1727px -12px;
}
.zx-flag.to {
    background-position: -1744px -12px;
}
.zx-flag.tr {
    background-position: -1761px -12px;
}
.zx-flag.tt {
    background-position: -1778px -12px;
}
.zx-flag.tv {
    background-position: -1795px -12px;
}
.zx-flag.tw {
    background-position: -1812px -12px;
}
.zx-flag.tz {
    background-position: -1829px -12px;
}
.zx-flag.ua {
    background-position: -1846px -12px;
}
.zx-flag.ug {
    background-position: -1863px -12px;
}
.zx-flag.um {
    background-position: -1880px -12px;
}
.zx-flag.us,
.zx-flag.en{
    background-position: -1897px -12px;
}
.zx-flag.uy {
    background-position: -1914px -12px;
}
.zx-flag.uz {
    background-position: -1931px -12px;
}
.zx-flag.va {
    background-position: -1948px -12px;
}
.zx-flag.vc {
    background-position: -1965px -12px;
}
.zx-flag.ve {
    background-position: -1982px -12px;
}
.zx-flag.vg {
    background-position: 0 -25px;
}
.zx-flag.vi {
    background-position: -17px -25px;
}
.zx-flag.vn {
    background-position: -34px -25px;
}
.zx-flag.vu {
    background-position: -51px -25px;
}
.zx-flag.wales {
    background-position: -68px -25px;
}
.zx-flag.wf {
    background-position: -85px -25px;
}
.zx-flag.ws {
    background-position: -102px -25px;
}
.zx-flag.ye {
    background-position: -119px -25px;
}
.zx-flag.yt {
    background-position: -136px -25px;
}
.zx-flag.za {
    background-position: -153px -25px;
}
.zx-flag.zm {
    background-position: -170px -25px;
}
.zx-flag.zw {
    background-position: -187px -25px;
}

/* dataTables */
.dataTables_wrapper{ overflow: auto; }

/* per page */
.dataTables_length { float:left; }
.dataTables_length select {  }
.dataTables_length a {  }
.dataTables_length label { float:left; }

/* filter */
.dataTables_filter { float:right; }
.dataTables_filter input[type=text] {  }
.dataTables_filter input[type=search] {  }
.dataTables_filter input[type=text]:hover {  }
.dataTables_filter input[type=text]:focus {  }
.dataTables_filter label {}

/* info */
.dataTables_info {float: left;  margin: 15px 0 0; }
.dataTables_processing { display: none; }

/* sorting */
.dataTable .sorting,
.dataTable .sorting_asc,
.dataTable .sorting_desc {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../img/datatables_arrows.png);
}

.dataTable .sorting {
    background-position: right -48px;
}

.dataTable .sorting_asc {
    background-position: right 6px;
}

.dataTable .sorting_desc {
    background-position: center right;
}

/* pagination */
.dataTables_paginate {
    float: right;
    margin-top: 10px;
}

.dataTables_paginate .last {
    margin-right: 0 !important;
}

.paging_full_numbers {
    float: right;
    font-size: .8em;
    text-shadow: none;
    font-weight: bold;
}

.paging_full_numbers .next:active,
.paging_full_numbers .first:active,
.paging_full_numbers .previous:active,
.paging_full_numbers .last:active {
    font-weight: normal !important;
}

.paging_full_numbers a:active {
    outline: none;
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    display: inline-block;
    padding: 6px 10px;
    border-bottom: none;
    margin-right: 4px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 2px;
    cursor: pointer;
    font-weight: normal;
    font-size: 11px;
}

.paging_full_numbers a.paginate_button {
    color: #888;
    background-color: #f4f4f4;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.07);
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    color: #fff;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1);
}

.paging_full_numbers a.paginate_button.current,
.paging_full_numbers a.paginate_button:active {
    color: #fff;
    background: #169fe6!important;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
}

.paginate_button_disabled,
.paginate_button_disabled:active {
    cursor: default !important;
}

.paginate_button_disabled:active {

}

/* error page */
#zx-error {
    padding: 25px !important;
}
#zx-error h1 {
    font-family: 'Francois One', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
#zx-error .information {
    margin: 0 0 20px;
    font-size: 13px;
}
#zx-error .information:last-child {
    margin: 0;
    font-size: 11px;
}

/* jQuery UI slider */
.ui-slider {
    height: 10px;
    position: relative;
    text-align: left;
    background-color: #F0EFEA;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    background-color: #169FE6;
    border: 1px solid #1286C2;
}

/* Notice */
.condition.notice {
    margin: 0 0 10px 0;
    padding: 0 5px;
    line-height: 24px;
    color: #ffffff;
    cursor: help;
    background-color: #E06666;
    border-left: 5px solid #D42929;
    text-shadow: 1px 1px 0 #000;
}
.condition.notice.m10 {
    margin-top: 10px;
}
.condition.notice i {
    float:left;
    margin: 5px 5px 0 0;
}
.condition.notice .bold {
    margin:0 5px 0 0;
}
.condition.notice .bold b {
    font-weight: bold;
}
.condition.notice a {
    color: #FFD700;
    text-shadow: 1px 1px 0 #000;
}
.condition.notice a:hover {
    color: #F7B83E;
}
.condition.notice.yellow {
    color: #EDB436;
    background-color: #FDF0D5;
    border-left-color: #FCE4B3;
    text-shadow: 1px 1px 0 #ffffff;
}
.condition.notice.blue {
    color: #79CEEC;
    background-color: #E9F7FB;
    border-left-color: #D7F0F8;
    text-shadow: 1px 1px 0 #ffffff;
}
.condition.notice.green {
    color: #fff;
    background-color: #66B366;
    border-left-color: #299529;
    text-shadow: 1px 1px 0 #000;
}

/* Accordion */
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.accordion {
    overflow: hidden;
    background: #FCFCFC;
}

.accordion:first-child {
    border-top: 1px solid #e0e0e0;
}

.accordion-section {
    border: 1px solid #e0e0e0;
    border-top: 0 none;
}

.accordion-section-title {
    width:100%;
    padding:10px;
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    background:#FCFCFC;
    transition:all linear 0.15s;
}

.accordion-section-title i {
    display: block;
    float: left;
    margin: 2px 10px 0 0;
}

.accordion-section-title.active, .accordion-section-title:hover {
    background:#fff;
    text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}

.accordion-section-content {
    padding:10px;
    display:none;
    position: relative;
}

.accordion-section-content.open {
    background-color: #ffffff;
    display: block;
}