/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 8, 2016, 11:54:39 PM
    Author     : bhg
*/
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/OpenSans-Extrabold.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/OpenSansLight-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/OpenSans-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/OpenSans-SemiboldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/OpenSans-BoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: 800;
    src: url('fonts/OpenSans-ExtraboldItalic.ttf');
}

html,
body {
    font-family: 'OpenSans';
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #ffffff;
}

body a {
    text-decoration: none;
    color: inherit;
}

image {
    border: 0px
}

h3,
h2 {
    color: #2c6cc3;
}

:-moz-any-link:focus {
    outline: none;
}

#maincontainer {
    min-height: 100%;
    position: relative;
}

#header {
    width: 1024px;
    margin: auto;
    height: 80px;
}

.header_logo {
    float: left;
    position: relative
}

.header_slogan {
    position: absolute;
    top: 40px;
    margin-left: 78px;
    color: #555555;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.header_nav {
    float: right;
    margin-top: 30px;
    padding-right: 82px;
    position: relative;
}

.logo {
    width: 300px
}

#wrapper {
    padding-bottom: 239px;
}

/* START FOOTER */
#footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 239px;
    /* Height of the footer */
}

.footer {
    padding: 20px 0px;
    margin-top: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #777777;
    text-align: center;
    background: #efefef;
    background-image: url('/img/bck_footer.png')
}

.footer p {
    font-size: 12px;
}

.footer a {
    text-decoration: none;
    text-align: center;
    color: #0896FF
}

.footer a:hover {
    text-decoration: underline;
    color: #ffb22b;
}

.footer_box {
    text-transform: uppercase;
    font-size: 12px
}

.footer_bottom {
    padding: 10px 0px;
    text-transform: uppercase;
    font-size: 12px
}

.partners {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.partners ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
}

.partners ul li {
    display: inline-block;
    border: 1px dotted #cccccc;
    background: #e6e6e6;
}

.partners ul li a {
    display: block;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
}

.partners ul li a:hover {
    background-color: #0896ff;
    color: #ffffff;
    text-decoration: none;
}

.siterules {
    font-size: 12px;
    margin-top: 10px;
}

/* END FOOTER */

.headline {
    background: rgba(0, 0, 0, 0) url('/img/head_line.png') repeat-x scroll center center;
    height: 15px;
    width: 100%;
}

.bottomline {
    background: rgba(0, 0, 0, 0) url('/img/bottom_line.png') repeat-x scroll center center;
    height: 15px;
    width: 100%;
}

.frontimage {
    background-image: url("/img/bck_top49.jpg");
    background-size: cover;
    display: block;
    min-height: 630px;
    overflow: hidden;
}

.slider {
    margin: 0 auto;
    position: relative;
    display: none
}

.navButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #79bbff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.navButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #e9e9e9;
}

.navButton:active {
    position: relative;
    top: 1px;
}

/*
.header_icon_login { right: 0px; top: -22px;position: absolute; width:63px; height:65px;z-index:9999;background:url(/img/icon_login.png) 0px -65px no-repeat transparent; cursor: pointer}
.header_icon_login:hover{background:url(/img/icon_login.png) 0px 0px no-repeat transparent;}
.header_icon_login_on { right: 0px; top: -22px;position: absolute; width: 63px; height:65px;z-index:9999;background:url(/img/icon_login.png) 0px 0px no-repeat transparent; cursor: pointer}

*/
.header_icon_login {
    right: 0px;
    position: relative;
    width: 63px;
    height: 65px;
    z-index: 9999;
    background: url(/img/icon_login.png) 0px -65px no-repeat transparent;
    cursor: pointer
}

.header_icon_login:hover {
    background: url(/img/icon_login.png) 0px 0px no-repeat transparent;
}

.header_icon_login_on {
    right: 0px;
    position: relative;
    width: 63px;
    height: 65px;
    z-index: 9999;
    background: url(/img/icon_login.png) 0px 0px no-repeat transparent;
    cursor: pointer
}


/*-----------------------*/
.notice_category {
    margin: auto;
    width: 900px;
}

.notice_category ul {
    border-spacing: 0;
    clear: both;
    display: table;
    list-style: outside none none;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    width: auto;
}

.notice_category ul li {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 10px 22px -15px #806f49;
    float: left;
    margin: 0px 11px 10px 0px;
    width: 100px;
    height: 80px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 10px -4px #777777;
    -moz-box-shadow: 0 10px 10px -4px #777777;
    box-shadow: 0px 10px 10px -4px #777777;
    position: relative;
    transition: all .1s ease-in-out;
}

.notice_category ul li:hover {
    transform: scale(1.1);
    z-index: 100;
}

.notice_category ul li a {
    display: table-cell;
    height: 80px;
    width: 100px;
    vertical-align: middle;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 8px;
    background: transparent linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgb(238, 238, 238)) repeat scroll 0% 0%;
    font-style: italic;
}

.notice_category a::before {
    padding-right: 10px;
    font-family: "FontAwesome";
}

.notice_category div:nth-child(2) {
    color: #555555;
    position: relative;
    top: 15px;
    text-align: center;
}

.notice_category div:nth-child(1) {
    font-size: 26px;
    position: absolute;
    top: 7px;
    left: 35px;
    color: #5d90d5;
    text-shadow:
        1px 0px 1px #ccc, 0px 1px 1px #eee,
        2px 1px 1px #ccc, 1px 2px 1px #eee,
        3px 2px 1px #ccc, 2px 3px 1px #eee,
        4px 3px 1px #ccc, 3px 4px 1px #eee,
        5px 4px 1px #ccc, 4px 5px 1px #eee,
        6px 5px 1px #ccc, 5px 6px 1px #eee,
        7px 6px 1px #ccc;
}

/*-----------------------*/

.choosen_criterion {
    font-size: 10px;
    background: #fff9ef;
    margin: 0px auto;
    width: 97%;
    margin-bottom: 5px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: none;
}

.choosen_criterion ul {
    border-spacing: 0;
    list-style: outside none none;
    padding: 0;
    text-align: center;
    width: auto;
}

.choosen_criterion ul li {
    margin: 0px 5px 8px 0px;
    border-radius: 3px;
    transition: all .1s ease-in-out;
    float: left;
}

.choosen_criterion ul li:hover {
    transform: scale(1.01);
    z-index: 100;
}

.choosen_criterion ul li a {
    display: block;
    padding: 3px;
    vertical-align: middle;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: transparent linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgb(238, 238, 238)) repeat scroll 0% 0%;
    font-style: italic;
    color: #2273c3;
}


#subcategory_title {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
    color: #2273c3;
    font-family: Arial;
    font-size: 16px;
    padding: 6px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    line-height: 28px;
}

.subcategory {
    padding-left: 10px;
}

/*-----------------------------*/


.thumbnail {
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: inline-block;
    padding: 4px;
    width: 250px;
    height: 400px;
    text-align: center;
    font-size: 14px;
    margin: 0px 5px 10px 5px;
    vertical-align: top;
    -webkit-box-shadow: -1px 0px 6px 1px rgba(196, 196, 196, 1);
    -moz-box-shadow: -1px 0px 6px 1px rgba(196, 196, 196, 1);
    box-shadow: -1px 0px 6px 1px rgba(196, 196, 196, 1);
    position: relative;
    background: #fff9f2;
}

.thumbnail .vipstat {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 111px;
    height: 85px;
}

.thumbnail .supervipstat {
    position: absolute;
    top: -2px;
    left: 0px;
    width: 257px;
    height: 100px;

}

.thumbnail h4 {
    border-bottom: 1px solid #ccc;
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    height: 20px;
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.thumbnail img {
    width: 250px;
    height: 157px;
}

.thumbnail .textmsg {
    text-align: left;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.thumbnail .nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.thumbnail .nav li {
    display: inline-block;
    border-right: 1px solid #ffffff;
    background: #aaaaff;
    width: 32%
}

.thumbnail .nav li a {
    display: inline-block;
    color: #777777;
    text-align: center;
    padding: 5px 2px;
    text-decoration: none;
    font-size: 12px;
}

.thumbnail .nav li a:hover {
    background-color: #111;
}

.adtextmsg {
    text-align: left;
    height: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.notice_link ul {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    font-size: 0;
}

.notice_link ul li {
    display: inline-block;
    margin: 0px;
    font-size: 14px;

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    line-height: 20px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    border-right: 0px;
}

.notice_link ul li:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.notice_link ul li:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 0;
    border-right: 1px solid #a2a2a2;
}

.clear {
    clear: both;
}


/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    font-size: 12px;
    text-shadow: none;
    line-height: 1.5;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    transition: visibility 0s linear 0.3s;
    opacity: 0.8
}

/* end tooltip */

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    min-width: 601px;
}

.link {
    color: #0896FF;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.link:hover,
.link_popular:hover {
    color: #ffb22b;
    text-decoration: underline;
}

/* pagination */

.pagingmenu {
    margin-top: 20px;
    text-align: center;
}

.pagingmenu a {
    text-decoration: none;
    background-color: #efefef;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 4px;
    color: #428BDD;

    font-size: 14px;

    background-color: #f5f5f5;
    background-image: linear-gradient(#fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
}

.pagingmenu a:hover {
    color: #fff;
    background-color: #8dbc4f;
    background-image: linear-gradient(#8dbc4f, #8dbc4f);
}

.pagingmenu .currentpage {
    color: #fff !important;
    background-image: linear-gradient(#ffffff, #428BDD);
}

.pagingmenu a.pn_inactive {
    color: #aaaaaa;
}

.pn_inactive:hover {
    background-color: #efefef !important;
    cursor: not-allowed
}

/* end na pgination */


/* search box */
.search_box {
    width: 192px;
    float: left
}

.criterion_name {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: Arial;
    font-size: 16px;
    padding: 6px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    width: 178px;
    vertical-align: middle;
    line-height: 28px;
    min-height: 28px;
}

.criterion_name:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
    background-color: #dfdfdf;
}

input[type='checkbox'],
input[type='radio'] {
    vertical-align: middle;
    margin-top: -2px;
    width: 16px;
    height: 16px;
}

.search_box label {
    margin: 5px 0px;
    font-size: 14px;
}

.btn_checkresult {
    text-align: center;
}

.btn_checkresult button {
    -moz-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
    background: -moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background: -webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background: -o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background: -ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
    background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d', GradientType=0);
    background-color: #fc8d83;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d83526;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 24px;
    text-decoration: none;
}

.btn_checkresult button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
    background: -moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background: -webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background: -o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background: -ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
    background: linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83', GradientType=0);
    background-color: #e4685d;
}


.side_menu {
    margin-bottom: 5px
}

.sel {
    background: #dddddd;
}

.subsel a {
    color: #ffffff !important;

    background: #1e5799 !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0) !important;
    /* IE6-9 */
}

.criterion_box {
    display: none;
    color: #2273c3;
    ;
    padding: 5px;
    width: 180px;
    background: #fff9ef;
    font-size: 16px;
    z-index: 100;
    border: 1px solid #dddddd;
    border-radius: 2px;

    /*-webkit-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.75);
//-moz-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.75);
box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.75); */
}

.search_clear {
    background: transparent url("/img/icon_delete.png") no-repeat scroll left center;
    color: #ff8449;
    display: block;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px 3px 3px 17px;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.search_box input[type='text'] {
    width: 100px;
    border: 1px solid #b8e356;
    border-radius: 3px;
    height: 20px
}

.ui-dialog {
    font-size: 12px !important;
}


#ui-datepicker-div {
    font-size: 13px;
    border: 1px solid #b8e356;
}

#ui-datepicker-div select {
    background: #ffffff;
    height: 20px;
}

/*
//.ui-widget-content {
  //  background: #f0e8ff  !important;
//}
*/
#primary_nav_wrap ul {
    list-style: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul a {
    display: block;
    color: #2273c3;
    text-decoration: none;
    font-size: 14px;
    line-height: 32px;
    padding: 0 15px;
}

#primary_nav_wrap ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul li.current-menu-item {
    background: #ddd
}

#primary_nav_wrap ul li:hover {
    background: #99ccff;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);
    box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);
}

#primary_nav_wrap ul li a:hover {
    color: #ffffff
}

#primary_nav_wrap ul ul {
    display: none;
    position: absolute;
    left: 170px;
    border: 1px solid #99ccff;
    border-radius: 1px 4px 4px 4px;
    z-index: 100;
    top: 0px;
    padding: 0px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);
    box-shadow: 10px 10px 5px 0px rgba(130, 130, 130, 1);

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+50,ededed+51,ffffff+96,ffffff+100 */
    background: #f3f3f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 50%, #ededed 51%, #ffffff 96%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f3f3 50%, #ededed 51%, #ffffff 96%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f3f3 50%, #ededed 51%, #ffffff 96%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

#primary_nav_wrap ul ul li {
    float: none;
    width: 200px;
    color: #ffffff;

}

#primary_nav_wrap ul ul li:nth-child(1) {
    background: #99ccff;
}

#primary_nav_wrap ul ul li:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#primary_nav_wrap ul ul li a {
    line-height: 31px;
}


#primary_nav_wrap ul li:hover>ul {
    display: block;
}

.choosen {
    font-size: 10px;
    margin-top: -10px;
    margin-left: 10px;
    color: #2273c3;
}

/* end search box */

.noticeinfo {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding: 5px;
    border-top: 1px solid #ffffff;
    line-height: 22px;
}

.noticeinfo div {
    color: #2c6cc3;
    width: 100%;
}

.noticeinfo span {
    color: #555555;
    font-size: 13px;
    font-style: italic;
}


.controlbtn {
    display: flex;
    margin-top: 2px;
}

.controlbtn .button {
    cursor: pointer;
    color: #ffffff !important;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 19px 6px;
    text-decoration: none;
    width: 33%;
    text-align: center;
    margin-right: 1px;
}

.controlbtnvip .button {
    cursor: pointer;
    color: #ffffff !important;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 19px 8px;
    text-decoration: none;
    width: 42%;
    text-align: center;
    margin-right: 1px;
}

.controlbtnsupervip .button {
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 19px 8px;
    text-decoration: none;
    width: 95%;
    text-align: center;
    margin-right: 1px;
}

.btn_vip {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25', GradientType=0);
    background-color: #ffc477;
    border: 1px solid #eeb44f;
}

.btn_vip:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background: -moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background: -webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background: -o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background: -ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background: linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477', GradientType=0);
    background-color: #fb9e25;
}

.btn_supervip {
    -moz-box-shadow: inset 0px 1px 0px 0px #fbafe3;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fbafe3;
    box-shadow: inset 0px 1px 0px 0px #fbafe3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
    background: -moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d', GradientType=0);
    background-color: #ff5bb0;
    border: 1px solid #ee1eb5;
}

.btn_supervip:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
    background: -moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: -ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
    background: linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0', GradientType=0);
    background-color: #ef027d;
}


.btn_ask {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
    background-color: #89c403;
    border: 1px solid #74b807;
    margin-right: 1px;
}

.btn_ask:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
    background-color: #77a809;
}

.shortinfo {

    font-size: 14px;
    text-align: left;


    color: #555555;

    background: #FFF;
    margin: 5px 15px;
    padding: 5px;
    padding-left: 28%;

}

.shortinfo div {
    margin-bottom: 4px;
    display: block;
    font-size: 14px;
    color: #428BDD
}

.shortinfo span {
    margin-left: 10px;
    font-size: 12px;
    color: #666666;
}


.effect8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect8:before,
.effect8:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect8:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

/*--------------------------*/

.nonbutton {
    padding: 7px 0;
    display: inline-block;
    color: #FFF;
    background: #eee;
    text-decoration: none;
    font-size: 12px;
    width: 48%;
    height: 33px;
    border: 0px;
    background: none;
}

.button {
    padding: 5px 0px;
    cursor: pointer;
    display: inline-block;
    color: #FFF;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #aaa;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 12px;
    width: 48%;
    height: 36px;
}

.button:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -khtml-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -o-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    opacity: 1;
}

.button:active {
    -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    text-shadow: 1px 1px 1px #eee;
}


.light {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
    padding: 1px 9px;
    top: -6px;
    left: -13px;
    height: 0px;
}

.button:hover .light {
    padding: 1px 5px;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -khtml-animation-name: shine;
    -khtml-animation-duration: 0.6s;
    -khtml-animation-timing-function: linear;
    -moz-animation-name: shine;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -o-animation-name: shine;
    -o-animation-duration: 0.6s;
    -o-animation-timing-function: linear;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    left: 15px;
}

@-webkit-keyframes shine {
    0% {
        top: -15px;
        left: -48px;
    }

    10% {
        top: -5px;
    }

    20% {
        top: 5px;
    }

    30% {
        top: 15px;
    }

    40% {
        top: 25px;
    }

    50% {
        top: 35px;
    }

    60% {
        top: 25px;
    }

    70% {
        top: 15px;
    }

    80% {
        top: 5px;
    }

    90% {
        top: -5px;
    }

    100% {
        top: -15px;
        left: 45px;
        -webkit-transform: rotate(-480deg);
    }
}

@-khtml-keyframes shine {
    0% {
        top: -15px;
        left: -48px;
    }

    10% {
        top: -5px;
    }

    20% {
        top: 5px;
    }

    30% {
        top: 15px;
    }

    40% {
        top: 25px;
    }

    50% {
        top: 35px;
    }

    60% {
        top: 25px;
    }

    70% {
        top: 15px;
    }

    80% {
        top: 5px;
    }

    90% {
        top: -5px;
    }

    100% {
        top: -15px;
        left: 25px;
        -khtml-transform: rotate(-480deg);
    }
}

@-moz-keyframes shine {
    0% {
        top: -15px;
        left: -48px;
    }

    10% {
        top: -5px;
    }

    20% {
        top: 5px;
    }

    30% {
        top: 15px;
    }

    40% {
        top: 25px;
    }

    50% {
        top: 35px;
    }

    60% {
        top: 25px;
    }

    70% {
        top: 15px;
    }

    80% {
        top: 5px;
    }

    90% {
        top: -5px;
    }

    100% {
        top: -15px;
        left: 25px;
        -moz-transform: rotate(-480deg);
    }
}

@-o-keyframes shine {
    0% {
        top: -15px;
        left: -48px;
    }

    10% {
        top: -5px;
    }

    20% {
        top: 5px;
    }

    30% {
        top: 15px;
    }

    40% {
        top: 25px;
    }

    50% {
        top: 35px;
    }

    60% {
        top: 25px;
    }

    70% {
        top: 15px;
    }

    80% {
        top: 5px;
    }

    90% {
        top: -5px;
    }

    100% {
        top: -15px;
        left: 25px;
        -o-transform: rotate(-480deg);
    }
}

@-keyframes shine {
    0% {
        top: -15px;
        left: -48px;
    }

    10% {
        top: -5px;
    }

    20% {
        top: 5px;
    }

    30% {
        top: 15px;
    }

    40% {
        top: 25px;
    }

    50% {
        top: 35px;
    }

    60% {
        top: 25px;
    }

    70% {
        top: 15px;
    }

    80% {
        top: 5px;
    }

    90% {
        top: -5px;
    }

    100% {
        top: -15px;
        left: 25px;
        transform: rotate(-480deg);
    }
}

/***********************************************************************
 * 	Green Background
 **********************************************************************/
.green {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);

}

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

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

/***********************************************************************
 * 	Grey Background
 **********************************************************************/
.grey {
    background: rgb(238, 238, 238);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* IE10+ */
    background: linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=1);
    /* IE6-9 */
}

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

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

/***********************************************************************
 * 	Blue Background
 **********************************************************************/
.blue {
    background: #7abcff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abcff), color-stop(44%, #60abf8), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* IE10+ */
    background: linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
}

/***********************************************************************
 * 	Dark Red Background
 **********************************************************************/
.darkred {
    background: rgb(169, 3, 41);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 3, 41, 1)), color-stop(44%, rgba(143, 2, 34, 1)), color-stop(100%, rgba(109, 0, 25, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    /* IE10+ */
    background: linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=1);
    /* IE6-9 */
}

/***********************************************************************
 * 	Purple Background
 **********************************************************************/
.purple {
    background: rgb(203, 96, 179);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(203, 96, 179, 1) 0%, rgba(173, 18, 131, 1) 50%, rgba(222, 71, 172, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(203, 96, 179, 1)), color-stop(50%, rgba(173, 18, 131, 1)), color-stop(100%, rgba(222, 71, 172, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(203, 96, 179, 1) 0%, rgba(173, 18, 131, 1) 50%, rgba(222, 71, 172, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(203, 96, 179, 1) 0%, rgba(173, 18, 131, 1) 50%, rgba(222, 71, 172, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(203, 96, 179, 1) 0%, rgba(173, 18, 131, 1) 50%, rgba(222, 71, 172, 1) 100%);
    /* IE10+ */
    background: linear-gradient(left, rgba(203, 96, 179, 1) 0%, rgba(173, 18, 131, 1) 50%, rgba(222, 71, 172, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb60b3', endColorstr='#de47ac', GradientType=1);
    /* IE6-9 */
}

.purplesec {
    -moz-box-shadow: inset 0px -3px 7px 0px #fbafe3;
    -webkit-box-shadow: inset 0px -3px 7px 0px #fbafe3;
    box-shadow: inset 0px -3px 7px 0px #fbafe3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
    background: -moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: -ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
    background: linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d', GradientType=0);
    background-color: #ff5bb0;
}

.purplethird {
    -moz-box-shadow: inset 0px -3px 7px 0px #e184f3;
    -webkit-box-shadow: inset 0px -3px 7px 0px #e184f3;
    box-shadow: inset 0px -3px 7px 0px #e184f3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
    background: -moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: -ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
    background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd', GradientType=0);
    background-color: #c123de;
}

.purplefirst {
    -moz-box-shadow: inset 0px -3px 7px 0px #efdcfb;
    -webkit-box-shadow: inset 0px -3px 7px 0px #efdcfb;
    box-shadow: inset 0px -3px 7px 0px #efdcfb;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
    background: -moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background: -webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background: -o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background: -ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
    background: linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea', GradientType=0);
    background-color: #dfbdfa;
}

.orange {
    -moz-box-shadow: 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: 0px 1px 0px 0px #fce2c1;
    box-shadow: 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: -ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background: linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25', GradientType=0);
    background-color: #ffc477;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.redone {
    -moz-box-shadow: inset 0px 39px 0px -24px #f5978e;
    -webkit-box-shadow: inset 0px 39px 0px -24px #f5978e;
    box-shadow: inset 0px 39px 0px -24px #f5978e;
    background-color: #f24537;
}

.blueone {
    -moz-box-shadow: inset 0px 39px 0px -24px #97c4fe;
    -webkit-box-shadow: inset 0px 39px 0px -24px #97c4fe;
    box-shadow: inset 0px 39px 0px -24px #97c4fe;
    background-color: #3d94f6;
}

.yelloone {
    -moz-box-shadow: inset 0px 39px 0px -24px #f5e4b1;
    -webkit-box-shadow: inset 0px 39px 0px -24px #f5e4b1;
    box-shadow: inset 0px 39px 0px -24px #f5e4b1;
    background-color: #fec92a
}

.vipandsvip1 {
    background: #bddcfa;
}

.vipandsvip2 {
    background: #ffd593;
}

/* input fields style */

input.rounded,
textarea.rounded {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #e1e1e1;
    font-size: 16px;
    outline: 0 none;
    padding: 5px 2px;
    width: 300px;
    color: #8dabff;
}

.text_sb {
    color: #003580;
}

input.rounded:focus {
    border: 1px solid #4a89ba;
}

select.publishing {
    background: #ffffff;
    border: 1px solid #d5d2d1;
    border-radius: 0;
    box-shadow: 1px 1px 10px #e1e1e1;
    color: #8dabff;
    font-size: 16px;
    padding: 5px 7px;
    border-radius: 5px;
}

input.css-checkbox[type="checkbox"],
input.css-checkbox[type="radio"] {
    display: none;
}

input.css-checkbox[type="checkbox"]:checked+label.css-label,
input.css-checkbox[type="radio"]:checked+label.css-label {
    background-position: 0 -20px;
}

input.css-checkbox[type="checkbox"]+label.css-label,
input.css-checkbox[type="radio"]+label.css-label {
    -moz-user-select: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 20px;
    line-height: 15px;
    padding-left: 20px;
    text-align: center;
    vertical-align: middle;
}

.lite-green-check {
    background-image: url("/img/lite-green-check.png");
}

.mand {
    color: #ff0000
}

.section_t {
    margin-top: 10px;
}


/* image style */

.dd {
    border: 1px dotted #999999;
    background-size: 200px 150px;
    cursor: pointer;
    text-align: center;
    color: #ab45eb;
    padding-top: 10px;
    background-color: #D6E0FF;
    background-image: url("../img/noimage.jpg");
    border: 1px solid #dedede;
    float: right;
    height: 150px;
    margin-left: 5px;
    margin-top: 10px;
    width: 200px;
}

.imgdel {
    display: none;
}

.dd:hover .imgdel {
    display: block;
}

.imgdel {
    background-image: url("../img/xicon.png");
    height: 32px;
    width: 40px;
}

.imgdel:hover {
    background-image: url("../img/xicon.png");
    background-position: left bottom;
    height: 32px;
    width: 40px;
    z-index: 100;
}

.loader {
    background-image: url("../img/loader.gif");
    height: 66px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 66px;
}

.formsubmitbutton {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: #ffffff;
}

.error {
    border: 2px solid #ff0000 !important;
}


/* text formating */

.u {
    text-transform: uppercase;
}

.l {
    text-transform: lowercase;
}

.c {
    text-transform: capitalize;
}

.fc:first-letter {
    text-transform: uppercase;
}

.text_sb {
    color: #003580;
}

.strong {
    font-weight: bold;
}

/* end text formating */


.rounded_box {
    background: none repeat scroll 0 0 #e4f4ff;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #efefef;
    padding: 15px;
}

.system-message {
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 15px;
    min-height: 35px;
    padding: 10px 15px 10px 0px;
    background-repeat: no-repeat;
    background-position: left center;
}

.system-message.success {
    background-color: #D6F8D5;
    border: 1px solid #8DE18B;
    background-image: url("/img/system-message-success.gif");
    color: #1a9b00;
}

.system-message.error {
    background-color: #FFCFCF;
    background-image: url("/img/system-message-error.gif");
    border: 1px solid #F28A8A;
    color: #ad0000;
}

.system-message.notice {
    background-color: #fcf5c9;
    background-image: url("/img/system-message-notice.gif");
    border: 1px solid #FFEB8B;
    color: #777777;
}

.system-message.noticeblue {
    background-color: #e7f6ff;
    background-image: url("/img/system-message-noticeblue.png");
    border: 1px solid #3cbade;
    color: #0066cc;
}

.system-message.error strong {
    color: #C00000;
}

.system_message_text {
    text-align: left;
    margin-left: 50px;
    padding: 5px;
}



.header_menubox {
    background: none repeat scroll 0 0 #f2faff;
    border: 1px solid #46B0D3;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 8px #46B0D3;
    position: absolute;
    left: 0px;
    margin-top: -1px;
    display: none;
    font: 12px/135% arial, helvetica, clean, sans-serif;
    width: 210px;
}

.header_icon_login .arrowup,
.header_icon_login_on .arrowup {
    background: url("/img/arrowup.png") 0px -2px no-repeat transparent;
    bottom: 0px;
    height: 9px;
    position: relative;
    width: 16px;
    z-index: 100;
    display: none;
}

.header_menubox ul li {
    border-left: 0px;
    margin-left: 0px;
    line-height: 12px;
    display: block;
    height: 12px;
    float: none;
    text-align: left;
    padding: 8px;
    font-weight: bold;
    color: #555555;
}

.header_menubox ul li:hover {
    background-color: #efefef;
    color: #FFA915;
}

.header_menubox ul {
    margin-left: 10px;
    padding-left: 0px;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}


.logged ul {
    margin: 0;
    padding-left: 0;
    width: 100%;
}

.logged ul li {
    border-left: 0 none;
    color: #ff5795;
    display: block;
    font-weight: bold;
    margin-left: 0;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px dotted #79bbff;
    padding: 15px 20px;
}

.logged a {
    display: block
}



.header_menubox .message {
    display: none
}


#signin_register {
    float: none;
    margin-bottom: 0px;
    padding: 0px;
    text-align: left;
    cursor: pointer
}

#signin_register li {
    display: inline;
    border: 1px solid #cccccc;
    border-bottom: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 49px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0px 0px;
    padding-left: 20px;
    padding-right: 20px;
    color: #003580;
    font-weight: bold;
}

#signin_register li:hover {
    background-color: #ffffff;
    color: #0896FF
}

#signin_register .tabs_signin {
    border-bottom: 2px solid #ffffff;
}

#signin_register .tab_selected {
    color: #0896FF
}

.content_signin,
.content_signup,
.content_forgoten_password {
    margin-left: auto;
    margin-right: auto;
    width: 370px;
    border-top: 1px solid #cccccc;
    margin-top: -8px;
    text-align: left;
    line-height: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #555555;
}

.content_signin label,
.content_signup label,
.content_forgoten_password label {
    width: 250px;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 10px;
}

.content_signin input,
.content_signup input,
.content_forgoten_password input {
    color: #666666;
    font-weight: normal;
    border-radius: 3px;
}

.content_signin h3,
.content_signup h3,
.content_forgoten_password h3 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    color: #0896FF
}

.starthere_signup {
    color: #0896FF;
    text-decoration: underline;
}

.forgotenpassword {
    font-size: 11px;
    color: #0073ea;
    cursor: pointer;
}

div.bluebuttonsmall,
button.bluebuttonsmall {
    background-clip: padding-box;
    background-color: #0897FF;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 1px 1px 2px #888888;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 15px 6px 15px;
    text-align: center;
}

div.bluebuttonsmall {
    padding: 6px 15px 6px 15px;
}

div.bluebuttonsmall:hover,
button.bluebuttonsmall:hover {
    background-color: #0c21a1;
    cursor: pointer;
}

div.bluebuttonsmall a {
    text-decoration: none;
    color: #ffffff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.margin_l_10 {
    margin-left: 10px;
}

.error_redtick {
    display: none;
    background-image: url("/img/red_tick_24.png");
    width: 24px;
    height: 24px;
}

.error_small {
    background-color: #FFCFCF;
    color: #ff0000;
    padding: 5px;
    margin-left: -20px;
    margin-top: 5px;
    border-radius: 2px;
    padding-left: 10px;
    display: none;
}

.ok_small {
    background-color: #d4ffcf;
    color: #0d8900;
    padding: 5px;
    margin-left: -20px;
    margin-top: 5px;
    border-radius: 2px;
    padding-left: 10px;
    display: none;
}

input.rounded,
textarea.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 10px #e1e1e1;
    -webkit-box-shadow: 1px 1px 10px #e1e1e1;
    box-shadow: 1px 1px 10px #e1e1e1;
    font-size: 18px;
    font-family: verdana;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
    width: 228px;
}

input.rounded:focus,
textarea.rounded:focus {
    border: 1px solid #4a89ba;
}

.bigloader {
    background-image: url('/img/loader.gif');
    width: 66px;
    height: 66px;
    position: absolute;
    margin-top: 90px;
    margin-left: 150px;
}

.bigloader1 {
    background-image: url('/img/loader.gif');
    width: 66px;
    height: 66px;
    position: absolute;
    margin-top: 90px;
    margin-left: 150px;
}

.mynotices {
    border-collapse: collapse;
}

.mynotices tr:nth-child(odd) {
    background: #ffffff;
    border-bottom: 2px solid #ffcc00;
    font-size: 13px;
    padding-top: 120px;
}

.mynotices tr:nth-child(even) {
    background: #ffffff;
    font-size: 13px;
}

.mynotices tr:nth-child(even) td {
    padding-top: 10px;
}

.mynotices th {
    font-size: 12px;
    color: #2c6cc3;
    padding-bottom: 10px;
}

.mynotices .shortinfo {
    padding: 0px
}


div.mnbutton,
button.mnbutton {
    background-clip: padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888888;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 5px 0px;
}

div.mnbutton {
    padding: 6px 15px 6px 15px;
}

div.mnbutton:hover,
button.mnbutton:hover {
    background-color: #0c21a1;
    cursor: pointer;
}

div.mnbutton a {
    text-decoration: none;
    color: #ffffff;
}

.bck_yellow {
    background: #f8cf40
}

.bck_red {
    background-color: #f37786
}

.bck_purpple {
    background: #dfbdfa
}

.bck_pink {
    background: #f37786
}

.bck_green {
    background: #3ecb00
}

.bck_blue {
    background: #4096ee
}

.bck_grey {
    background: #a5a5a5
}


.br_but {
    cursor: pointer;
    /*forces the cursor to change to a hand when the button is hovered*/
    padding: 10px;
    /*give the background a gradient */
    background-color: #ffffff;
    /*required for browsers that don't support gradients*/
    /*style to the text inside the button*/
    color: #ffad0f;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    /*give the corners a small curve*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*add a drop shadow to the button*/
    /*-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;*/
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
    margin: 10px;
    border: 1px solid #ffffff;
}

.br_but:hover,
.br_but:focus {
    box-shadow: #D1EDFF 0px 0px 20px;
    border: 1px solid #D1EDFF;
}

.br_but:active {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}

.br_but {
    text-decoration: none;
    color: #777777
}

.br_but:hover {
    text-decoration: none;
    color: #7aacf8
}

.curbutton,
.curbutton:hover {
    background: #ffce0c !important;
}

.curbutton {
    color: #ffffff
}


.dialogWithDropShadow {
    -webkit-box-shadow: 0px 14px 24px -1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 14px 24px -1px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 14px 24px -1px rgba(0, 0, 0, 0.8);
    font-size: 26px;

}

.modern {
    display: inline-block;
    margin: 10px;
    padding: 8px 15px;
    background: #ffeecc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 2px 2px rgba(0, 0, 0, 0.3),
        0 0 4px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;

    /* Font styles */
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}

.modern.embossed-link {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 2px 2px rgba(0, 0, 0, 0.3),
        0 0 4px 1px rgba(0, 0, 0, 0.2),
        inset 0 3px 2px rgba(255, 255, 255, .22),
        inset 0 -3px 2px rgba(0, 0, 0, .15),
        inset 0 20px 10px rgba(255, 255, 255, .12),
        0 0 4px 1px rgba(0, 0, 0, .1),
        0 3px 2px rgba(0, 0, 0, .2);
}

#askfornotice.ui-dialog-content {
    font-size: 16px;

}

#askfornotice.ui-dialog-content input {
    padding: 5px;
    font-size: 18px;
}

.del {
    background-image: url("../img/del.png");
    height: 24px;
    width: 24px;
}

.del:hover {
    background-image: url("../img/del.png");
    background-position: left bottom;
    height: 24px;
    width: 24px;
    z-index: 100;
}

.blockuser,
.unblockuser {
    background-image: url("../img/banuser.png");
    background-position: right top;
    height: 32px;
    width: 32px;
}

.blockuser:hover,
.unblockuser:hover {
    background-image: url("../img/banuser.png");
    background-position: right bottom;
    height: 32px;
    width: 32px;
    z-index: 100;
}

.unblockuser {
    background-position: left top;
}

.unblockuser:hover {
    background-position: left bottom;
}

.bold {
    font-weight: bold;
    font-style: italic;
}

.readed {
    color: #1a9b00;
    font-weight: bold;
    cursor: pointer
}

.comment {
    padding: 10px;
}

a.morelink {
    text-decoration: none;
    outline: none;
    color: #0897FF;
}

.morecontent span {
    display: none;

}


#contact input,
#registrationform input,
select {
    height: 30px;
    -moz-border-radius: 0px / 0px;
    border-radius: 0px / 0px;
    border: 1px solid #d5d2d1;
    background: #ffffff;
    box-shadow: 1px 1px 10px #e1e1e1;
    color: #8dabff;
    font-size: 16px;

}

#contact textarea {
    -moz-border-radius: 0px / 0px;
    border-radius: 0px / 0px;
    border: 1px solid #d5d2d1;
    color: #8dabff;
    resize: none;
    width: 450px;
    font-size: 16px;
}

#contact select {
    width: 227px;
    height: 34px;
}

.h1set {
    color: #7aacf8;
    text-shadow: 0 1px 1px #000000;
}

.req {
    background-image: url("../img/asterisk_red12.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
}

.reql {
    background-image: url("../img/asterisk_red12.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 14px;
}


.sf {
    font-size: 16px;
    color: #555555;
}

.googleads_front {
    width: 900px;
    text-align: center;
    margin: 30px auto;
}

.buttonno {
    background: #367cc1 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    border: 2px solid #ffffff !important;
}

.buttonyes {
    background: #01bc16 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    border: 2px solid #ffffff !important;
}

.ui-dialog {
    z-index: 9000 !important;
    /* The default is 100. !important overrides the default. */
}

.box_ok {
    background-color: #dbffcf;
    color: #4f8a10;
    border: 1px solid #4f8a10;
}

.box_warning {
    background-color: #feefb3;
    color: #9f6000;
    border: 1px solid #9f6000;
}

.box_info {
    background-color: #bde5f8;
    color: #00529b;
    border: 1px solid #00529b;
}

.box_error {
    background-color: #ffbaba;
    color: #d8000c;
    border: 1px solid #d8000c;
}

.box_ok div img {
    width: 48px;
    height: 48px;
    background: url('/img/icon_messages.png') 0 -144px;
}

.box_warning div img {
    width: 48px;
    height: 48px;
    background: url('/img/icon_messages.png') 0 0px;
}

.box_info div img {
    width: 48px;
    height: 48px;
    background: url('/img/icon_messages.png') 0 -96px;
}

.box_error div img {
    width: 48px;
    height: 48px;
    background: url('/img/icon_messages.png') 0 -48px;
}

.notification {
    cursor: pointer;
    padding: 25px 12px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    /*give the corners a small curve*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
    margin: 10px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.ntf_lft {
    height: 48px;
    width: 48px;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
}

.ntf_rgt {
    float: right;
    width: 440px;
}


/*==================================================
 * Effect 7
 * ===============================================*/
.effect7 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    /* box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}

.effect7:before,
.effect7:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.effect7:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}



.noticestyle .ui-dialog-content {

    background: #fffaf3 !important;
    border: 0 none;
    overflow: auto;
    position: relative;
    font-size: 14px;
    min-width: 300px;
    text-align: center;
}

.noticestyle .ui-widget-header {
    background: #b0de78;
    border: 0;
    color: #fff;
    font-size: 1.6em;
}

.noticestyle .ui-dialog,
.noticestyle .ui-widget-content,
.noticestyle .ui-widget {
    background: #fffaf3;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .orange {
    display: inline-block;
    position: relative;

    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    /* removes extra width in IE */
    background-color: #b0de78;
    background-image: none;
    color: White;
    font-size: 16px;
}

.noticestyle.ui-widget {
    background: #fffaf3;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 4.5);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 4.5);
    border: 1px solid #aaaaaa !important;
}

/**
 * Tabs
 */
.tabs,
.tabsv {
    display: flex;
    flex-wrap: wrap;
}

.tabs label,
.tabsv label {
    order: 1;
    display: block;
    padding: 20px 0px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #90CAF9;
    font-weight: bold;
    transition: background ease 0.2s;
    width: 49%;
    text-align: center;
}

.tabs .tab,
.tabsv .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
}

.tabs input[type="radio"],
.tabsv input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked+label,
.tabsv input[type="radio"]:checked+label {
    background: #fff;
}

.tabs input[type="radio"]:checked+label+.tab,
.tabsv input[type="radio"]:checked+label+.tab {
    display: block;
}

@media (max-width: 45em) {

    .tabs .tab,
    .tabs label,
    .tabsv .tab,
    .tabsv label {
        order: initial;
    }

    .tabs label,
    .tabsv label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }
}



.inputGroup {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
}

.inputGroup label {
    padding: 12px 22px;
    width: 90%;
    display: block;
    text-align: left;
    color: #3C454C;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
    overflow: hidden;
}

.inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #5562eb;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.inputGroup label:after {
    width: 25px;
    height: 25px;
    content: '';
    border: 2px solid #D1D7DC;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.inputGroup input:checked~label {
    color: #fff;
}

.inputGroup input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.inputGroup input:checked~label:after {
    background-color: #54E0C7;
    border-color: #54E0C7;
}

.inputGroup input {
    width: 32px;
    height: 32px;
    -webkit-box-ordinal-group: 2;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.form {

    font-size: 14px;
}

form #website {
    display: none;
}


.arrow_box_left {
    position: relative;
    background: #c4fdff;
    border: 2px solid #c2e1f5;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    width: 80%;
    text-align: left;
}

.arrow_box_left:after,
.arrow_box_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #c4fdff;
    border-width: 10px;
    margin-top: -10px;
}

.arrow_box_left:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #c2e1f5;
    border-width: 13px;
    margin-top: -13px;
}


.arrow_box_right {
    position: relative;
    background: #ffeddb;
    border: 2px solid #f5dac2;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
    width: 80%;
    text-align: left;
}

.arrow_box_right:after,
.arrow_box_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    border-color: rgba(196, 253, 255, 0);
    border-left-color: #ffeddb;
    border-width: 10px;
    margin-top: -10px;
}

.arrow_box_right:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f5dac2;
    border-width: 13px;
    margin-top: -13px;
}

.nameonleft {
    background: #c2e1f5;
    padding: 2px;
    position: absolute;
    left: 12px;
    top: -18px;
    border-radius: 5px 5px 0px 0px;
    font-size: 10px;
    font-weight: bold;
}


.nameonright {
    background: #f5dac2;
    padding: 2px 6px;
    position: absolute;
    right: 12px;
    top: -18px;
    border-radius: 5px 5px 0px 0px;
    font-size: 10px;
    font-weight: bold;
}

.newmsg {
    right: 36px;
    top: 0px;
    position: absolute;
    width: 41px;
    height: 47px;
    z-index: 9999;
    background: url(/img/newmsg.png) 0px 0px no-repeat transparent;
    cursor: pointer;
    color: #ffffff;
    font-size: 10px;

    padding-top: 6px;
}

.newmsgtxt {
    text-align: center;
    width: 28px;
    position: absolute;
    right: 0px;
}





/* nav */
.nav {
    position: relative;
    margin: auto;
    max-width: 1024px;
    right: 10px;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {

    padding: 0;
    list-style: none;
    display: inline-block;
}

/* right nav */
.nav.right ul {
    text-align: right;
}

/* center nav */
.nav.center ul {
    text-align: center;
}

.nav ul>li:first-child {
    display: none;
}

@media screen and (max-width: 990px) {
    .nav {
        position: relative;
        min-height: 40px;
        z-index: 5000;
        right: 20px;
        line-height: 30px;
    }

    .nav ul {
        width: 180px;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 0;

        background: #fff url(/img/icon-menu.png) no-repeat 10px 11px;
        background-position: 10px center;
        border-radius: 5px;
    }

    .nav ul>li:first-child {
        display: inline-block;
        text-align: left;
        width: 180px;
    }

    .nav li {
        display: none;
        /* hide all <li> items */
        margin: 0;
    }

    .nav .current {
        display: block;
        /* show only current <li> item */
    }

    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }

    .nav .current a {
        background: none;
        color: #666;
    }

    /* on nav hover */
    .nav ul:hover {
        background-image: none;
    }

    .nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }

    .nav ul:hover .current {
        background: #fff url(/img/icon-menu.png) no-repeat 10px 11px;
    }

    /* right nav */
    .nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
    .nav.center ul {
        left: 50%;
        margin-left: -90px;
    }
}


:focus {
    outline-color: transparent;
    outline-style: none;

}

/* news section */

.news_all {
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news_box {
    position: relative;
    box-shadow: -1px 10px 6px 1px rgba(196, 196, 196, 1);
    border-radius: 10px;
    margin-bottom: 20px;
}

.news_title {
    width: 280px;
    margin-bottom: 30px;
    padding: 8px;
    text-align: left;
    color: #1F73B0
}

.news_img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 300px;
}

.news_info {
    position: absolute;
    bottom: 0px;
    margin: 5px;
    font-size: 13px;
    text-align: left;
    margin-left: 8px;
}

.news_info_ul {
    list-style: none;
    padding-left: 0;
    height: 20px;
    margin: 0px;
    color: #424242
}

.news_view {
    display: block;
    float: left;
    margin-right: 10px;
}

.news_posted_date {
    display: block;
    float: left;
    margin-right: 10px;
}

.news_read {
    width: 720px;
    box-shadow: -1px 10px 6px 1px rgba(196, 196, 196, 1);
    border-radius: 10px;
    margin-bottom: 20px;
}

.news_read_title {
    position: absolute;
    color: #ffffff;
    padding: 20px;
    bottom: 1px;
    font-weight: bold;
    z-index: 100;
}

.news_img-gradient {
    position: relative;
}


.news_img-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1))
}

.delmsg {
    background-image: url("../img/bin32.png");
    background-position: right top;
    height: 32px;
    width: 32px;
}

.delmsg:hover {
    background-image: url("../img/bin32.png");
    background-position: right bottom;
    height: 32px;
    width: 32px;
    z-index: 100;
}

.newscomment {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 5px 10px 5px rgb(196, 196, 196);
    margin: 10px 0px;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #777777;
    background-color: #ffffff;
    text-align: left;
}

.boxwritecomment {
    box-shadow: 0px 2px 2px 1px rgba(196, 196, 196, 1);
    padding: 20px;
    margin: 10px;
    border-radius: 7px;
    border-top: 1px solid #dddddd;
    background-color: #f4f8ff;

}

.commentfields {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    width: 98%
}

.commentfields input {
    width: 100%;
    height: 30px;
    display: block;
}

.nickname {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-right: 15px;
}

.thread {
    list-style-type: none;
    padding: 0px;
}

/* customizable snowflake styling */
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}