/* Reset */
html{background:#1B4B6C none repeat scroll 0 0;color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-spacing:0}fieldset,img{border:0 none}address,caption,cite,code,dfn,em,strong,th,var,tt{font-style:normal;font-weight:normal}strong{font-weight:bold}li{list-style-image:none;list-style-position:outside;list-style-type:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0 none;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:0}legend{color:#000}del,ins{text-decoration:none}a{text-decoration:underline;outline:0}a:hover{text-decoration:none}
li{list-style:none;}
/* Common elements */
body{

    width:100%;
    height:100%;
    min-height:768px;
    -webkit-text-size-adjust:100%;
    font-family: 'PT Serif', serif;
    font-size:14px;
}
a, img{
    outline: none;
    text-decoration: none;
    border: none;
    color: inherit;
}
a{
    text-decoration: none;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.clear{
    display:block;
    content:"";
    clear:both;
}
.left{
    float:left;
}
.right{
    float:right;

}

/*fonts*/
@font-face
{
    font-family: PTsans1;
    src: url('../fonts/PTS55F.ttf');
}


/*main styles*/
.wrapper{
    width:100%;
    min-width:1200px;
    position:absolute;
    top:0;
    left:0;
    background: linear-gradient(to bottom, #1b4b6c, #15638f);
    background:#1b4b6c;
    /*height:1370px;*/
    overflow:hidden;
}
.main-navigation{
    float:left;
    height:100%;
    top:0;
    left:0;
    /*min-width:226px;*/
    min-width:60px;
    background:#0d72a6;
    /*overflow:hidden;*/
    position:fixed;
    z-index:13;
}
.inner-page-wrapper{
    /*float:left;*/
    background:url("../images/layout/bg.png") repeat-x scroll 0 0 #184d71;
    width:auto;
    margin:0 0 0 60px;
    min-height: 800px;
}
/*main-navigation style*/
.main-navigation div.menu-icon{
    width:32px;
    height:32px;
    margin:30px auto 60px;

}

.main-navigation>ul li{
    /*padding:6px 0 6px 17px;*/
    border-top:1px solid #09618e;
    transition: background 0.2s ease 0s;
    -weblit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
}

.main-navigation>ul li.item-1:hover{
    border-right:none;
    padding-right:5px;
}

.main-navigation ul li:hover{
    background:#2f9dd5;
}


.main-navigation>ul li>a{
    background-position: 14px 15px;
    background-repeat: no-repeat;
    height:30px;
    padding:15px 0 14px 12px;
    display:block;
    position:relative;
}

.main-navigation>ul>li>a.has-sub-menu:after{
    content:'';
    background:url(/library/web/images/layout/arrow1.png)no-repeat;
    width:9px;
    height:15px;
    position:absolute;
    top:24px;
    right:10px;
    display: none;
}

.main-navigation>ul>li:hover>a.has-sub-menu:after{
    display:block;
}

/*.main-navigation ul li:hover img.arrow-right{
        display:block;
}
show this in js
*/

.main-navigation ul li.item-8{
    border-bottom:1px solid #09618e;
}

.main-navigation ul li.item-1 .sub-menu{
    position:absolute;
    top:0;
    left:226px;
    /*width:100%;
    width:1070px;*/
    overflow:hidden;
    background:#1b8bc4;
    /*display:none;*/
    visibility:hidden;

    height:700px;
}
/*sub menu shows on hover*/
.main-navigation ul li.item-1:hover .sub-menu{
    /*display:block;*/
    visibility:visible;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;


}


.main-navigation ul li.item-1 .sub-menu ul{
    overflow:hidden;
    min-width:1100px;
}

.main-navigation ul li.item-1 .sub-menu ul li{
    float:left;
    padding:0;
    margin:0;
    border:none;
    /*width: 3.2%;*/
}



.main-navigation ul li.item-1 .sub-menu ul li>a{
    font-family: 'PT Serif', serif;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    line-height:42px;
    /*padding:19px 12px 17px;*/
    padding:19px 13px 17px;
    border-bottom:1px solid #09618e;
    transition: color 0s ease 0s;
    -webkit-transition: color0s ease 0s;
    -moz-transition: color 0s ease 0s;
    -o-transition: color 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;

}
.main-navigation ul li.item-1 .sub-menu ul li>a sup{line-height:14px;}

.main-navigation ul li.item-1 .sub-menu ul li.selected a{
    background:#2f9dd5;
    border-left:1px solid #09618e;
    border-right:1px solid #09618e;
    border-bottom:none;
    position:relative;
    padding-bottom:18px;
}



.main-navigation ul li.item-1 .sub-menu ul li.selected a sup.counter{
    /*display:inline;*/
    position:absolute;
    left:20px;
    bottom:40px;
    right:inherit;
    top:inherit;

}

.main-navigation>ul li.item-1 .sub-menu ul li:active a{
    background:#2f9dd5;
    border-left:1px solid #09618e;
    border-right:1px solid #09618e;
}

.main-navigation ul li.item-1 .sub-menu .tab-content{
    display:none;
    border:1px solid #09618e;
    border-top:none;
    width:100%;
    max-height:60%;
    background:#2f9dd5;
    border:1px solid #09618e;
    margin:-1px 0 0 0;
    padding:0 0 20px 10px;
    overflow: hidden;
}
.main-navigation ul li.item-1 .sub-menu  .visible-tab{display:block;}
.main-navigation ul li.item-1 .sub-menu .tab-content ol{
    /*width:1070px;*/
    width:98%;
    margin:15px 0 15px 0;
    overflow-y:hidden;
    overflow-x:hidden;
    /*overflow:hidden;*/
}

.main-navigation ul li.item-1 .sub-menu .tab-content ol li{
    /*float:left;*/
    /*width:196px;
    border:none;
    padding:10px 0 10px 20px;*/
    width:18%;
    border:none;
    padding:10px 0 10px 10px;
    display:inline-block;

}


.main-navigation ul li.item-1 .sub-menu .tab-content ol li a{
    font-family:'PTsans1', serif;
    font-size:16px;
    color: #fff;
    transition: all 0.2s linear;
}
.main-navigation ul li.item-1 .sub-menu .tab-content ol li:hover a{
    color: #f2f2f2;

    letter-spacing: 1px;

}
.main-navigation ul li.item-1 .sub-menu .tab-content .last a{
    background:#f4d111;
    color:#000;
    font-family:'PTsans1', serif;
    font-size:18px;
    padding:7px 31px;
    transition: all 0.2s linear;
}
.main-navigation ul li.item-1 .sub-menu .tab-content .last:hover a{color: #000;}

.main-navigation ul li a span{
    color:#fff;
    font-family: 'PT Serif', serif;
    font-size:18px;
    /*line-height:44px;*/
    display:none;
    padding:0 0 0 50px;
}

.main-navigation ul li a img{
    vertical-align:middle;
    /*margin:0 20px 0 0;*/
}


/*inner page style*/


.inner-page-wrapper .inner-page{
    width:1020px;
    margin:0 auto;
}
.inner-page .header{
    height:136px;

    /*overflow:hidden;*/
}
/*search box*/

.inner-page #search-box{
    /*display:none;*/
    background:#fff;
    position:absolute;
    top:-540px;
    height:530px;
    width:1020px;
    box-shadow:0 5px 5px #3b3b3b;
    -moz-box-shadow:0 5px 5px #3b3b3b;
    -webkit-box-shadow:0 5px 5px #3b3b3b;
    -o-box-shadow:0 5px 5px #3b3b3b;
    -ms-box-shadow:0 5px 5px #3b3b3b;
    z-index:12;
}
.inner-page #search-box div.yellow-title{
    float:left;
    width:100%;

    background:#f4d111;
}
.inner-page #search-box div.yellow-title img{
    margin:8px 15px 0 0;
}



.inner-page #search-box h3{
    font-family:'PT serif', serif;
    font-size:24px;
    line-height:50px;
    padding:0 0 0 18px;
}
.inner-page #search-box form{

    height: 385px;
    margin: 94px 0 0;
}
.inner-page #search-box form>input[type="text"]{
    width:796px;
    height:56px;
    display:block;
    margin:0 auto;
    text-align:center;
    color:#000;
    font-family:tahoma;
    font-size:18px;
}
/*.inner-page #search-box form input[type="text"],.inner-page #search-box form select{
        border:1px solid #94968e;
        border-bottom:1px solid #d1d5c2;
        border-right:1px solid #d1d5c2;
        background:#e4e7da;
}

.inner-page #search-box form label{
        float:left;
        width:460px;
        font-family:'PTsans1', serif;
        font-size:16px;
}
.inner-page #search-box form label select{
        width:326px;
        height:39px;
        margin:0 0 0 111px;
}
.inner-page #search-box form label .mini-select{
        width:124px;
        float:none;
        margin:0;

}*/
.inner-page #search-box form input[type="text"],.inner-page #search-box form select{
    border:1px solid #94968e;
    border-bottom:1px solid #d1d5c2;
    border-right:1px solid #d1d5c2;
    background:#e4e7da;
}

/*new form styles*/
.inner-page #search-box form ul li{
    float:left;
    width:460px;
    margin:0 10px 0 0;
}
.inner-page #search-box form ul li.extra-added {
    text-align:center;
}
.inner-page #search-box form ul li.extra-added label{
    margin:0 10px;
}
.inner-page #search-box form ul li.extra-added label input{margin-right:5px;}


.inner-page #search-box form ul li.last .select-text{
    padding:10px 0 0 10px;
}
.inner-page #search-box form ul li.last label:last-child{
    width:164px;
    margin:0 0 0 34px;
}
.ie8 .inner-page #search-box form ul li.last label+label{width:198px;}

.inner-page #search-box form ul li .pretty-select>select{
    height: 40px;
    left: -4px;

    opacity: 0;
    position: relative;
    top: -30px;
    width: 326px;

}
.inner-page #search-box form ul li.last .mini-select{
    height: 40px;
    left: 0px;
    opacity: 0;
    position: relative;
    top: -30px;
}
.inner-page #search-box form ul li.last label+label .mini-select{
    top:-30px;
}

.inner-page #search-box form ul li label{
    position:relative;
    top:30px;
    left:15px;
    font-family:'PTsans1', serif;
    font-size:15px;
}
.ie8 .inner-page #search-box form ul li label{
    font-family:'PT sans', serif;
    font-size:15px;
}
.inner-page #search-box form ul li.last label{/*float:left;*/display:inline-block;width:222px;}

.inner-page #search-box form ul li select.mini-select{
    width:124px;
    float:none;
    margin:0;
    position: relative;
    top: -30px;
    width: 124px;
}
/*custom select image*/
.inner-page #search-box form ul li .pretty-select{
    background: url("../images/layout/normal-select.png") no-repeat scroll 111px -1px transparent;
    height: 40px;
    margin: 0;
    padding: 0 0 0 115px;
    position: relative;
    width: 328px;
}

.inner-page #search-box form ul li .pretty-select .select-text{padding:10px 0 0 10px;}
.inner-page #search-box form ul li .wrap-select{
    background: url("../images/layout/small-select.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 41px;
    float:right;
    width: 126px;
    margin:-10px 0 20px;
}

/*end customizing*/

.inner-page #search-box form input[type="submit"] {
    width:257px;
    height:48px;
    background:#98af3b;
    color:#fff;
    border:none;
    display:block;
    margin:35px auto;
    cursor:pointer;
    font-family:'PTsans1', serif;
    font-size:20px;
    text-transform:uppercase;
    background: linear-gradient(to top, #a6bf41,#b2cc4b, #98af3b);

}
.ie8 .inner-page #search-box form input[type="submit"] {font-family:'PT sans'}

.inner-page #search-box form input[type="submit"]:hover{
    background-position:0px 47px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    border:1px solid #94968E;
    box-shadow:1px 0 1px #eeeef4;
}

.inner-page #search-box .open-close-button{
    width:79px;
    height:151px;
    background: url("../images/layout/y2.png") no-repeat scroll 0 0 transparent;
    margin:20px auto 0;
}
.inner-page #search-box .open-close-button:hover{
    cursor:pointer;
}

.inner-page #search-box .open-close-button>span{
    display:block;
    width:31px;
    height:31px;

    position: relative;
    top:72px;
    left:22px;
}
.open-img{
    background:URL('../images/layout/search.png')no-repeat;
}
.close-img{
    background:URL('../images/layout/x.png')no-repeat;
}
/*end new form*/

.inner-page #user-nav-button{
    margin:28px 0 0 0;
    height:66px;
    width:61px;
    /*-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;*/
    transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
}
.inner-page #user-nav-box{
    display:none;
    /*position:absolute;
    left:1005px;
    top:94px;*/
    min-width:192px;
    position:relative;
    top:3px;
    float:right;
    background:#0d72a6;
    box-shadow:0 5px 5px #2b2b2b;
    z-index:10;
}


.header h1.title a{
    background: url("../images/layout/logo2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 70px;
    text-indent: -999px;
    width: 234px;
    margin:28px 0 0 0;
}

.header #user-nav-button>a{
    background: url("../images/layout/user-white.png") no-repeat scroll 13px center transparent;
    display: block;
    text-indent: -9999px;
    width:60px;
    /*height:66px;
    margin:20px 0 0 0;*/
    padding:40px 0 0 0;

}
.header #user-nav-button>a span{
    width:10px;
    height:10px;
    background:url('../images/layout/mini2.png')no-repeat;
    display:block;
    float:right;
    margin:-10px 13px 0 0;
}
.header #user-nav-button:hover{background:#0d72a6;}
.header #user-nav-button:hover a span{
    background:url('../images/layout/mini1.png')no-repeat;
}
.header #user-nav-button:hover  #user-nav-box{display:block;}

.header #user-nav-box  div{
    border-bottom: 1px solid #09618E;
    color: #FFFFFF;
    line-height: 47px;
    padding:0 0 0 0;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
}
.header #user-nav-box  div a{
    display:block;
    padding:0 18px;
}

.header #user-nav-box  div:hover{background:#2f9dd5;}
.header #user-nav-box  div.no-border{
    border-bottom:none;
}

/*carousel here*/
.content{overflow:hidden;}

.inner-page .content .main-slider{
    height:470px;
    border-bottom:1px solid transparent;

    overflow:hidden;
    background:#015f90;
}
.inner-page .content .main-slider li{
    float:left;
    width:242px;
    margin:35px 0 0 12px;

    min-height:380px;
}
.inner-page .content .main-slider li a {
    background:url('../images/layout/book0.png')no-repeat;
    width:200px;
    height:277px;
    display:block;
    margin:0 0 0 10px;
}
.inner-page .content .main-slider li a img{
    margin:1px 0 0 2px;
}
.inner-page .content .main-slider li p{
    color:#fff;
    padding:10px 0 0 13px;
    font-size:18px;
    line-height:24px;
}
.bx-controls-direction{display:none;}

.main-slider .bx-wrapper .bx-viewport ul li{
    width:242px !important;
}
.bx-viewport{
    min-height:420px;
}
.bx-default-pager{
    position:absolute;
}
.bx-pager-item{
    float:left;
    display:block;
    margin:0 0 0 5px;
}
.bx-pager-item a{
    background:url('../images/layout/bullet0.png')no-repeat;
    color:transparent;
    display:block;
    width:10px;
    height:10px;
}
.bx-pager-item a.active{
    background:url('../images/layout/bullet1.png')no-repeat;
}
.bx-controls{
    overflow:hidden;
    margin:10px auto;
    width:90px;
}
/*carousel end*/

/*the three columns*/
.content-container{
    border-top:1px solid #194b6c;
}
.content-container .content-box{
    float:left;
    width:340px;
    border-right:1px solid #194b6c;
    background: none repeat scroll 0 0 #F0F2E8;
    height:702px;
    /*overflow:auto;*/
}
.content-container .content-box.last{
    border-right:none;
    width:338px;
}

.content-container .content-box h2{
    font-size:24px;
    font-family: 'PT Serif', serif;
    color:#fff;
    background:#98af3b;
    line-height:48px;
    padding:0 0 0 20px;
}
.content-container .content-box img {
    /*bottom: 35px;
    left: 303px;
    position: relative;*/
    display:block;
    float:right;
    margin:-35px 15px 0 0;
}
.content-container .content-box ul{
    overflow:auto;
    height:590px;
}

.content-container .content-box .letter-picker{overflow:hidden;margin:0 0 10px 0;}

.content-container .content-box .letter-picker label{
    font-family: 'PT Serif', serif;
    font-size:14px;
    color:#66791c;
    float:left;
    margin:8px 0 0 165px;
}
.content-container .content-box .letter-picker span{
    background: url("../images/layout/letter-holder.png") no-repeat scroll 0 -1px transparent;
    display: block;
    height: 41px;
    width: 31px;
    float:left;
    margin:0 0 0 8px;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
}
.ie8 .content-container .content-box .letter-picker span{
    margin-left:2px;
}
.ie9 .content-container .content-box .letter-picker span{
    margin-left:3px;
}
.content-container .content-box .letter-picker select{
    float:left;
    /*background:#F0F2E8;
    border:none;*/
    margin:8px 0 0 5px;

}

.content-container .content-box ul li{
    margin:0 38px 0 20px;
    font-size:16px;
    line-height:62px;
}
.content-container .content-box ul li h4{
    font-size:40px;
    border-bottom:1px solid #97ab46;

}
.content-container .content-box ul li a{
    /*background: url("../images/layout/button.png") no-repeat scroll 0 0 transparent;*/
    width:68px;
    height:28px;
    margin: 0 0 0 0;
    float:right;
}
.content-container .content-box ul li a span{
    font-family: arial;
    /* font-size: 11px; */
    font-size: 10px;
    font-weight: bold;
    /* text-transform: uppercase; */
    text-transform: lowercase;
}
.content-container .content-box ul li a span .right-arrow {
    margin: 15px -4px;
    min-width: 85px;
}
.content-container .smaller-box li{
    border-bottom:1px solid #97ab46;
}
.main-navigation ul li a sup.counter{
    background: none repeat scroll 0 0 #F4D111;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    top: -5px;
    color: #000000;
    font-size: 10px;
    font-family:'PT Serif', serif;
    right: -5px;
    /*left:-22px;*/
    padding: 2px 4px;
    position:absolute;
    display:none;
    behavior:url(PIE.htc);
    z-index:1;
}
/*whole inner page no scrolls and stuff*/
.wide-content-box{
    background: #f0f2e8;
    /*max-height:1070px;*/
    padding:0 0 50px 0;
    position:relative;
    min-height: 510px;
}
.wide-content-box>h2{
    background: none repeat scroll 0 0 #98AF3B;
    color: #FFFFFF;
    font-family: 'PT Serif',serif;
    font-size: 24px;
    line-height: 48px;
    padding: 0 46px 0 20px;
}
.wide-content-box>img{
    display: block;
    /*float: right;
    margin: -35px 15px 0 0;*/
    position:absolute;
    top:8px;
    right:10px;
}
.wide-content-box .letter-picker {
    margin: 0 0 10px;
    overflow: hidden;
}
/*scroll styles*/
.wide-content-box .letter-picker .float-lists-holder .mCSB_draggerContainer .mCSB_dragger{height:22px;}
.wide-content-box .letter-picker span {
    background: url("../images/layout/letter-holder.png") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px;
    height: 41px;
    line-height: 34px;
    margin: 0 0 0 8px;
    text-align: center;
    width: 31px;
}

.wide-content-box .letter-picker label {
    color: #66791C;
    float: left;
    font-family: 'PT Serif',serif;
    font-size: 14px;
    margin: 8px 0 0 840px;
}
.wide-content-box .letter-picker select{
    margin:8px 0 0 5px;
}
.float-ul-holder{
    float:left;
    width:312px;
    margin:0 0 0 20px;
}
.wide-content-box ul li h4 {
    border-bottom: 1px solid #97AB46;
    font-size: 44px;
}
.wide-content-box ul li {
    font-size: 14px;
    /*line-height: 62px;*/
    width:290px;
}
.wide-content-box>ul>li>a {
    background: url("../images/layout/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 28px;
    margin: 16px 0 0;
    width: 68px;
}
/* #Changes */
.wide-content-box ul li a span {
    /*bottom: 16px;*/
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    /*left: 18px;*/
    position: relative;
    text-transform: uppercase;
}

/*single book container*/
.wide-content-box .book-box{
    float:left;
    width:478px;
    min-height:130px;
    border-bottom:1px dotted #76911d;
    overflow: hidden;
    margin:15px 0 0 22px;
}
.wide-content-box .book-box ul li{width:auto;}

.wide-content-box>.last{border-bottom:none; margin:0 0 20px 0;}
.wide-content-box>.first{margin:25px 0 0 22px;}

.wide-content-box .book-box ul li{
    float:left;
    padding-bottom:2px;
}

.wide-content-box .book-box ul li>span{
    display:block;
    background: url('../images/layout/default.png')no-repeat;
    height: 110px;
    margin: 0 10px 0 0;
    width: 78px;
}

.wide-content-box .book-box ul li img{
    margin:0 10px 0 0;
    cursor:pointer;
}
.wide-content-box .book-box ul li table h2{font-family:'PT serif', serif;font-size:18px; max-width:365px;}
.wide-content-box .book-box ul li table td{ font-family:'PT serif', serif;font-size:14px; line-height:16px; text-align: left;}
.wide-content-box .book-box ul li table td:first-child{color:#57690E;}

.wide-content-box .book-box ul li table th{line-height:20px; padding:0 0 10px 0;}

.wide-content-box .book-box ul li.right{
    float:right;
}

.wide-content-box .book-box ul li.right a{display:inline-block;width:27px; height:27px;float:left;margin:0 1px 0 0;}
.wide-content-box .book-box ul li.right a.word{background:url('../images/layout/word.png')no-repeat;}
.wide-content-box .book-box ul li.right a.html{background:url('../images/layout/html.png')no-repeat;}
.wide-content-box .book-box ul li.right a.pdf{background:url('../images/layout/pdf.png')no-repeat;}
.wide-content-box .book-box ul li.right a.audio{background:url('../images/layout/audio_smal.png')no-repeat;}
.wide-content-box .book-box ul li.right a.video{background:url('../images/layout/video_smal.png')no-repeat;}

.page-counter a{
    padding: 0 3px;
    text-align: center;
}
.page-counter a:hover span{
    color:#565656;
}
.wide-content-box .page-counter{
    margin:20px 0 -30px;
    text-align:center;
}

.wide-content-box .page-counter span.prev{
    background: url("../images/layout/arrow3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
    position:relative;
    top:5px;
}

.wide-content-box .page-counter span.next{
    background: url("../images/layout/arrow2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
    position:relative;
    top:5px;
}
.wide-content-box .page-counter span.cent{
    display: inline-block;
    width:24px;
    height:24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    background:#98af3b;
    color:#fff;
    text-align:center;
    font-size:16px;
    behavior:url(PIE.htc);
}

.wide-content-box .big-book-box{
    width:980px;
    min-height:350px;
    margin:20px auto 40px;

}
.wide-content-box .big-book-box ul li{
    float:left;
}
.wide-content-box .big-book-box ul li>span{
    display:block;
    background:url('../images/layout/bb.png')no-repeat;
    width:213px;
    height:316px;
    margin:0 20px 0 0;

    -webkit-box-shadow: 3px 16px 11px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 16px 11px -14px rgba(0,0,0,0.75);
    box-shadow: 3px 16px 11px -14px rgba(0,0,0,0.75);


}
.wide-content-box .big-book-box ul li table{
    width:535px;
    line-height: 24px;
    margin:0 0 30px 0;
}
.wide-content-box .big-book-box ul li table th h2{
    font-size:25px;
    font-family: 'PT serif', serif;
    margin:0 0 20px 0;
}
.wide-content-box .big-book-box ul li table td{
    font-size:16px;
    font-family: 'PT serif', serif;
    line-height:25px;
}
.wide-content-box .big-book-box ul li table td:first-child{
    color:#57690e;
    font-family: 'PTsans1', Serif;

}
.ie8 .wide-content-box .big-book-box ul li table td{
    font-family: 'PT sans';
    font-size:16px;
}
.wide-content-box .big-book-box ul li>a{float:left;width:56px;height:54px;}
.wide-content-box .big-book-box ul li>a.word{background: url('../images/layout/word1.png')no-repeat; margin:10px 2px 0 0;}
.wide-content-box .big-book-box ul li>a.html{background: url('../images/layout/html1.png')no-repeat; margin:10px 2px 0 0;}
.wide-content-box .big-book-box ul li>a.pdf{background: url('../images/layout/pdf1.png')no-repeat; margin:10px 2px 0 0;}
.wide-content-box .big-book-box ul li>a.audio{background: url('../images/layout/audio.png')no-repeat; margin:10px 2px 0 0;}
.wide-content-box .big-book-box ul li>a.video{background: url('../images/layout/video.png')no-repeat; margin:10px 2px 0 0;}
.wide-content-box .big-book-box ul li>a.zip{background: url('../images/layout/zip.png')no-repeat; margin:10px 2px 0 0;}

.wide-content-box .big-book-box ul li > a{display:inline-block;}

.wide-content-box .big-book-box ul li.last{width:174px;padding:10px 9px 10px 10px;background: #dce0cb;float:right;text-align: center;}
.wide-content-box .big-book-box ul li.last b{font-weight: 500;}

.wide-content-box .big-book-box ul li .more-info p{
    width: 505px;
    line-height: 16px;
    font-size: 14px;
}
.wide-content-box .big-book-box ul li .more-info span{
    display:inline-block;
    margin:0 0 20px 0;
    color:white;
    background:#98af3b;
    padding:5px 45px;
}

.wide-content-box .big-book-box ul li .more-info span>em{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #98af3b;
    height: 0;
    position: relative;
    right: 43px;
    top: 36px;
    width: 0;
}

.wide-content-box .big-book-box ul li .more-info img{
    float:left;
    margin:0 10px 0 0;
}
.wide-content-box h3{
    border-bottom:1px solid #98af3b;
    margin:0 20px;
    font-size:24px;
    font-family:'PT serif', serif;
}
.wide-content-box>div.last{margin:15px 0 0 22px;}
.wide-content-box .book-box-extended{
    float:left;
    width:478px;
    border-bottom:1px dotted #76911d;
    overflow: hidden;
    margin:15px 0 0 22px;
}/*line 727*/

.wide-content-box .book-box-extended ul li{width:auto;}
.wide-content-box .book-box-extended.last{border-bottom:none;}
.wide-content-box .book-box-extended.first{}

.wide-content-box .book-box-extended ul li{float:left;}
.wide-content-box .book-box-extended ul li>a{
    background: url("../images/layout/default.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 110px;
    margin: 0 10px 0 0;
    width: 78px;
}
/*.wide-content-box .book-box-extended ul li a > span {
    background: url("../images/layout/default.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 110px;
    margin: 0 10px 0 0;
    width: 78px;
} */
.wide-content-box .book-box-extended ul li table th {
    line-height: 20px;
    padding: 0 0 10px;
}
.wide-content-box .book-box-extended ul li table h2{font-family:'PT serif', serif;font-size:18px;}
.wide-content-box .book-box-extended ul li table h2:hover{text-decoration:underline;color:#98af3b;}

.wide-content-box .book-box-extended ul li table td{ font-family:'PTsans1', serif; font-size:14px; line-height:20px; text-align: left;}
.wide-content-box .book-box-extended ul li table td:first-child {color:#57690e; padding:0 5px 0 0;}
.wide-content-box .book-box-extended ul li table th{line-height:20px; padding:0 0 10px 0; font-size: 18px;}

.wide-content-box .book-box-extended .more-info{
    max-width: 390px;
    margin:0 0 20px 0;
}
.wide-content-box .book-box-extended .more-info>span{
    display:inline-block;
    margin:16px 0;
    background: none repeat scroll 0 0 #98AF3B;
    color: #FFFFFF;
    padding: 5px 28px 5px 52px;
}
.wide-content-box .book-box-extended .more-info>span em{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #98af3b;
    height: 0;
    position: relative;
    right: 43px;
    top: 33px;
    width: 0;
}
.wide-content-box .book-box-extended .more-info>img{float:left;margin:0 10px 30px 0;}
.wide-content-box .book-box-extended .more-info p{
    font-size: 14px;
    line-height: 16px;

}
.wide-content-box .searching-by{background: #e5e9d7;overflow:hidden;padding:0 0 0 20px;margin:0 0 20px 0; line-height: 48px;}
.wide-content-box .searching-by ul li{float:left; margin:0 3px 0 0; width:auto;}
.wide-content-box .searching-by ul li a{font-family: 'PTsans1', serif;font-size:15px;}
.wide-content-box .searching-by ul li a:hover{color:#98af3b;}


.wide-content-box .book-box-result{
    border-bottom: 1px dotted #76911D;
    margin: 15px 22px 0;
    overflow: hidden;
}
.wide-content-box .book-box-result.last{border-bottom:none;}

.wide-content-box .book-box-result .book-image{
    background: url("../images/layout/default.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 110px;
    margin: 0 10px 0 0;
    width: 78px;
    float:left;
}

.wide-content-box .book-box-result .book-info h2{
    font-family: 'PT serif',serif;
    font-size: 18px;
    margin-bottom:10px;
}

.wide-content-box .book-box-result .book-info h2:hover{
    text-decoration: underline;
    color: #98af3b;
}

.wide-content-box .book-box-result .book-info ul{
    margin:0;
    padding:0;
    float:left;
}

.wide-content-box .book-box-result .book-info ul.long-info{
    width:400px;
}

.wide-content-box .book-box-result .book-info ul.short-info{
    width:450px;
    margin-left:20px;
}

.wide-content-box .book-box-result .book-info ul li{
    font-family: 'PTsans1',serif;
    width:auto;
    margin:0 20px 0 0;
    font-size: 14px;
    line-height: 20px;
    float:left;
    color:#57690e;
}

.wide-content-box .book-box-result .book-info ul.long-info li{
    float:none;
}

.wide-content-box .book-box-result .book-info ul.short-info li{
    width:200px;
}

.wide-content-box .book-box-result .book-info ul li span{
    color:#000000;
}

.more-content{
    margin:10px 0 10px 89px;
    width:100%;
    display:inline-block;
    clear:both;
}

.more-content a:hover{
    color: #98af3b;
}

























.wide-content-box .book-box-result ul li table th{
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 7px;
}

.wide-content-box .book-box-result ul li table h2:hover{text-decoration:underline;color:#98af3b;}
.wide-content-box .book-box-result ul li table td{
    font-family: 'PTsans1',serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding:0 10px 0 0;
}
.wide-content-box .book-box-result ul li table td:nth-child(2n-1){color:#57690e;}
.wide-content-box .book-box-result li span a{text-decoration: underline;}
.wide-content-box .book-box-result li span a em{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #98af3b;
    height: 0;
    position: relative;
    right: -8px;
    top: 16px;
    width: 0;
}

.letter-container{margin-bottom:20px; overflow: hidden;}
.letter-container h2{font-size:40px; font-family: 'PT serif', serif; padding:0 0 0 20px;}
.wide-content-box .letter-container ul li{
    width:313px;
    margin:0 0 0 20px;
    border-top:1px dotted #97ab46;
    float:left;
    line-height:55px;
    transition: background 0.5s ease 0s;
    -moz-transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease 0s;
    -o-transition: background 0.5s ease 0s;
    position:relative;
}
.wide-content-box .letter-container ul li>div{
    line-height: 28px;
    min-height: 50px;
    vertical-align: middle;
    width: 75%;
}
.wide-content-box .letter-container ul li>a{
    position:absolute;
    top:0;
    right:0;
}
.wide-content-box .letter-container ul li:hover a{
    margin:13px 5px 0 0;

}
.wide-content-box .letter-container ul li>span{margin:0 0 0 5px;}

.wide-content-box .letter-container ul li.solid-border{
    border-top: 1px solid #97ab46;
    padding-top:12px;
}
/*.wide-content-box .letter-container ul li.solid-border.changed{
    border-top: 1px solid #97ab46;
    padding-top:12px;
}*/

.wide-content-box .letter-container ul li div a{
    background:none;
}

.wide-content-box .letter-container ul li div a span{
    font-size:14px;
    font-weight: normal;
}

.wide-content-box .letter-container ul li div a:hover{
    color:#98af3b;
}
/* #Changes */
.wide-content-box .letter-container ul li a{
    /* background: url("../images/layout/button.png") no-repeat scroll 0 0 transparent; */
    /* width:68px; */
    width: 90px;
    height:28px;
    margin:13px 0 0 0;
    /* float:right; */
    background: #f4d111;
}
/* #CHANGES */
.wide-content-box .letter-container ul li>a>span{
    bottom:13px; 
    /* left:18px; */
    left:8px;
    text-transform: lowercase;
    display: block;
}
.wide-content-box .letter-container ul li>a>span::before {
    content: "";
    border-style: solid;
    border-width: 0;
    height: 0;
    position: absolute;
    width: 0;
    border-width: 14px 0 14px 14px;
    border-color: #F4D111 transparent;
    left: -22px;
    top: 13px;
}
.wide-content-box .letter-container ul li>a>span::after {
    content: "";
    border-style: solid;
    border-width: 0;
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent #F4D111;
    right: -19px;
}
/*second try html #3*/
.float-lists-holder{}

.float-lists-holder .list-holder{
    width:313px;
    margin:0 0 10px 20px;
    float:left;
    height:250px;
    overflow-y:auto;

}
.float-lists-holder .list-holder h2{
    font-family: 'PT serif',serif;
    font-size: 44px;

}

.float-lists-holder .list-holder ul li{
    line-height:55px;
}
.float-lists-holder .list-holder ul li:first-child{
    border-top:1px solid #97AB46;
}
.float-lists-holder .list-holder ul li{
    border-top:1px dotted #97AB46;
}
.float-lists-holder .list-holder ul li a{
    background: url("../images/layout/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 28px;
    margin: 13px 0 0;
    width: 68px;
}
.float-lists-holder .list-holder ul li a>span{
    bottom:13px;
}

/*.float-lists-holder { overflow: hidden; }
.float-lists-holder .list-holder {
width: 313px;
float: left;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.float-lists-holder .list-holder:nth-child(1n) { margin-left: 20px;  }
.float-lists-holder .list-holder:nth-child(2n) { margin-left: 20px; }
.float-lists-holder .list-holder:nth-child(3n) { left: 706px;  }*/
/*fix all the li.last elements//use hack 4 <ie></ie>*/

/*info-form*/
/*single label*/

.wide-content-box>label{
    display:block;
    line-height:35px;
    margin:30px 0 10px 0;
    font-family: 'PTsans1',serif;
    font-size: 14px;
    padding:0 0 0 40px;
}
.wide-content-box>label select[name="entering"]{
    width:340px;
    height:34px;
    border:1px solid #677c10;
    background: #98af3b;
    border-radius: 1px;
    margin:0 0 0 60px;
    color:#fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wide-content-box label .wrap-big-select{
    width:340px;
    background: url('../images/layout/lg-drop.png')no-repeat;
}

.info-form{
    border:1px solid #abaf9b;
    width:980px;
    margin:20px auto 0;
    /*overflow:hidden;*/
    position:relative;
    padding:20px 0 0 0;
}
/*.info-form ul li{
    float:left;
    width:450px;
    margin:0 0 0 20px;

}
    .info-form ul li.same-height{
        height:80px;
        margin: 0 0 0 0;
    }

.info-form ul li label{
    font-family: 'PTsans1',serif;
    font-size: 14px;
    line-height: 35px;


}
    .info-form ul li label input{
        float:right;
        border:1px solid #677c10;
        height:34px;

    }
    .info-form ul li label input.normal{
        width:310px;
    }
    .info-form ul li label input.special{
        width:270px;
    }
    .info-form ul li label input.small{
        width:154px;
    }
    .info-form ul li label textarea{
        float:right;
        border:1px solid #677c10;
        height: 80px;
        width:310px;
    }
    .info-form span.border{
        display: block;
        width: 944px;
        height: 1px;
        border-top:1px dotted #787974;
        margin:0 auto;
    }
    .info-form>a{
        display:block;
        font-family: PTsans1;
        font-size: 14px;
        margin:0 0 0 130px;
        text-decoration: underline;
    }*/

/*tab menu*/
.wide-content-box .admin-tab{overflow: hidden; margin:22px 0 0 19px;}
.wide-content-box .admin-tab li{
    float:left;
    /*pay attention below*/
    position:relative;
    overflow: visible;
    width:auto;
}
.wide-content-box .admin-tab li a{
    font-size:13px;
    text-transform: uppercase;
    font-family: 'PTsans1',serif;
    background: none;
    float:none;
    padding:0px 10px;
    line-height: 46px;
}
.ie8 .wide-content-box .admin-tab li a{
    font-family:"PT sans";
    padding:0 27px;
}
/*the arrow in the tab*/
/*.wide-content-box .admin-tab li em{
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;

        border-bottom: 10px solid #f0f2e8;
        position:absolute;
        left:50%;
        top:38px;
}*/

.wide-content-box .admin-tab li.active a{
    color:#fff;
}
.wide-content-box .admin-tab li.active{
    background: #98af3b;
    border:1px solid #677c10;
    border-bottom:none;
}

.wide-content-box .admin-tab-box h2{
    font-family: PTsans1;
    font-size: 20px;
    text-align: center;
    line-height: 65px;
}
/* #To Change */
.toolbar {height:30px; margin:10px 0 20px;}
.wide-content-box .admin-tab-box>span, .toolbar span, .button4 {
    float:right;
    margin:0 10px 0 0;
    /* margin: -38px 13px 0 0; */
    background: #98af3b;
    border:1px solid #6a7f13;
    box-shadow: 0 0 1px #999;
}
.wide-content-box .admin-tab-box>span>a, .toolbar a, .button4 {
    color:#fff;
    padding:10px 22px;
    /* padding: 10px 18px 8px 18px; */
    display: block;
    font-family:'PTsans1', serif;}
.toolbar span select {
	    float:right;
    padding:10px;
    background: #98af3b;
    border:none;
    box-shadow: 0 0 1px #999;
color:#fff;
    font-family:'PTsans1', serif;}
.button4 {cursor:pointer; }
.ie8 .wide-content-box .admin-tab-box>span>a{
    font-family:'PT sans', serif;
}
.wide-content-box .admin-tab-box>span>a>img{padding:0 0 0 5px;}

.wide-content-box .admin-tab-box .users-list{
    width:950px;
    height:510px;
    /*overflow-y:scroll;*/
    margin:20px auto;

}


/*.wide-content-box .admin-tab-box .users-list .mCSB_container div{*/
.mCSB_container>div{
    line-height: 56px;
    border-bottom:1px dotted #787974;
    font-size:14px;
    font-family: "PT serif", serif;
    width:920px;
    clear:both;
    display:inline-block;
}

.wide-content-box .admin-tab-box .users-list div .left-readers{
    float:left;
}

.wide-content-box .admin-tab-box .users-list div .right-readers{
    float:right;
}

.wide-content-box .admin-tab-box .users-list div label{
    font-size:14px;
    font-family: "PTsans1", serif;
}

.wide-content-box .admin-tab-box .users-list div label span{
    float:left;
}

.ie8 .wide-content-box .admin-tab-box .users-list div label{
    font-family:"PT sans";
}
.wide-content-box .admin-tab-box .users-list div label>select{
    width:154px;
    height:32px;
    border:1px solid #677c10;
    background:#f0f2e8;
    margin:0 0 0 15px;
    vertical-align: middle;
}
/*stiles for custom select*/
.wide-content-box .admin-tab-box .users-list div label .wrap-select{
    background:url('../images/layout/smalld.png')no-repeat;
    width:158px;
}


.wide-content-box .admin-tab-box .users-list>div input[type='checkbox']{
    margin:0 5px 0 0;

}
.wide-content-box .admin-tab-box .users-list>div>label{
    float:right;
    font-size:14px;
    font-family: "PTsans1", serif;
}
/*shorter for check*/
.users-list>div>label{
    float:right;
    font-size:14px;
    font-family: "PTsans1", serif;
}

.wide-content-box .admin-tab-box .users-list>div>label>select{
    width:154px;
    height:32px;
    border:1px solid #677c10;
    background:#f0f2e8;
    margin:0 0 0 15px;
    vertical-align: middle;
}


.wide-content-box .big-tab-container{
    margin:0 19px 0 19px;
    border:1px solid #abaf9b;
}

.personal-info{
    margin:30px auto;


}
.dotted-border{
    border-top:1px dotted #787974;
    width:985px;
    margin: 0 auto;
    height:1px;
}

.personal-info label{
    display: block;
    font-size:14px;
    font-family: "PTsans1", serif;
    margin:0 0 10px 20px;
    line-height:35px;
}
.personal-info input {
    width:420px;
    border: 1px solid #677c10;
    height: 32px;
    background: #f0f2e8;
    margin:0 0 0 170px;
    position:absolute;
    left:200px;
    padding:0 0 0 5px;
}

.btn{text-align:center;}
.version2 a,.btn a{
    padding:10px 65px;
    border:1px solid #677c10;
    background: #98af3b;
    color:#fff;
    box-shadow: 0 0 2px #C0C3B1;
    font-size: 18px;
    font-family: "PTsans1", serif;
    text-transform: uppercase;
    border-radius: 2px;

}
.version2{margin:150px auto 0;}
.version1{margin:20px auto 20px;}
.version3{margin:50px auto 60px;}
.version1 a{
    padding:10px 65px;
    border:1px solid #677c10;
    background: #98af3b;
    color:#fff;
    box-shadow: 0 0 2px #C0C3B1;
    font-size: 18px;
    font-family: "PTsans1", serif;
    text-transform: uppercase;
    border-radius: 2px;
}
.version1 a:hover{
    text-shadow:0 0 1px #666;

}
.version1 input{
    padding:10px 65px;
    border:1px solid #677c10;
    background: #98af3b;
    color:#fff;
    box-shadow: 0 0 2px #C0C3B1;
    font-size: 18px;
    font-family: "PTsans1", serif;
    text-transform: uppercase;
    border-radius: 2px;
}
.version1 input:hover{
    text-shadow:0 0 1px #666;
    cursor: pointer;
}

.logs{}

.logs table{}

.logs table tr{
    height:30px;
}

.logs table tr.table-header td{
    color:#98af3b;
}

.logs table tr td{
    border-bottom:1px solid #98af3b;
}

.logs table td.message_log{
    width:470px;
}

/*page 14 popup*/

.popup {
    background: none repeat scroll 0 0 rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    z-index: 5;
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
}
.popup>div{
    width:720px;
    background: #f0f2e8;
    margin:150px auto;
    overflow:hidden;
}
.popup>div h2{
    background: none repeat scroll 0 0 #98AF3B;
    color: #FFFFFF;
    font-family: 'PT Serif',serif;
    font-size: 24px;
    line-height: 48px;
    padding: 0 0 0 20px;
}
.popup>div img{
    display: block;
    float: right;
    margin: -35px 15px 0 0;
}
.popup>div label{
    display:block;
    font-family:'PTsans1', serif;
    margin:20px;
}
.popup>div label input,.popup>div label select {
    width:490px;
    border: 1px solid #677c10;
    height: 32px;
    background: #f0f2e8;
    float: right;
    margin: 0 100px 0 0;
}
/*TRIANGLE*/
#inner-tab1 em{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid #F0F2E8;
    position:relative;
    left:65px;
    bottom:722px;
}
#inner-tab2 em{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid #F0F2E8;
    position:relative;
    left:232px;
    bottom:722px;
}
#inner-tab3 em{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid #F0F2E8;
    position:relative;
    left:360px;
    top:-29px;
}
#inner-tab4 em{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid #F0F2E8;
    position:relative;
    left:577px;
    top:-29px;
}
/*page 13*/
.info-form td {vertical-align:top}
.info-form div.v4{height: 46px;}
.info-form div{
    width:460px;
    float:left;
    overflow:hidden;
    margin:0 0 10px 18px;
}

/*.info-form div label{font-family:'PTsans1', serif;display: block; font-size:14px;}*/
.info-form div label{font-family:'PTsans1', serif;/*display: block;*/ font-size:14px;}
.ie8 .info-form label{font-family:'PT sans'}
.info-form .v4 label .wrap-select{
    background: url("../images/layout/smalld.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    width:160px;
    margin:-2px 0 0 0;
    height: 36px;
}
.info-form .v4 label .wrap-select .select-text{
    display:inline-block;
    width:160px;
    margin:0 10px -26px;

}

.info-form div.v1 input{
    width:290px;
    border:1px solid #677c10;
    background: #f0f2e8;
    height:32px;
    float:right;
    padding-left:2px;
}
.ie8 .info-form div.v1 input{line-height:32px;}
.info-form div.v2 input{
    width:330px;
    border:1px solid #677c10;
    background: #f0f2e8;
    height:32px;
    float:right;
    padding-left:2px;
}
.ie8 .info-form div.v2 input{
    line-height:32px;
}
.info-form div.v3 input{
    width:155px;
    border:1px solid #677c10;
    background: #f0f2e8;
    height: 32px;
    float:left;
    margin:0 0 0 3px;
    padding-left:2px;
}

.info-form div textarea{
    width:330px;
    border:1px solid #677c10;
    background: #f0f2e8;
    height:200px;
    float:right;
    padding-left:2px;
}

.info-form div select{
    width:155px;
    height: 32px;
    border:1px solid #677c10;
    background: #f0f2e8;
    /*float:right;*/
    margin:-5px 0 0 3px;
    opacity:0;
    padding-left:2px;
}
.ie8 .info-form div select{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.info-form div.spec { min-height:80px;}
.info-form div.spec label{margin:0 0 10px 0; overflow: hidden;}
.info-form div label .add_btn {
    display: inline-block;
    float:right;
    margin:0 0 0 8px;
    width:30px;
    height:32px;
    border:1px solid #677c10;
    background:url("../images/layout/add.png") no-repeat scroll center center #98AF3B;
}
.info-form div label span{
    display: inline-block;
    line-height: 32px;
    float:left;
    width:105px;
	margin-left:15px

}
.info-form em{
    background: url("../images/layout/arrow4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 8px;
    left: 142px;
    position: absolute;
    top: -8px;
    width: 16px;
}
.info-form .border{
    height:1px;
    border-top:1px dotted #787974;
    margin:40px 20px 20px;
}
.info-form>a{
    font-size:14px;
    text-decoration: underline;
    font-family: 'PTsans1', serif;
    display:block;
    margin:0 0 40px 164px;
}
.info-form div.underline{width:100%;}
.info-form div.underline input{float:left;}
.info-form div.underline button{
    color:#fff;
    background: #98af3b;
    border:0px solid #677c10;
    line-height:30px;
    padding:1px 10px;
    margin:0 0 0 8px;
    border-radius:1px;
    cursor:pointer;
}
.info-form input[type='submit']{
    color:#fff;
    background: #98af3b;
    border:1px solid #677c10;
    display:block;
    margin:10px auto 10px;
    min-width:100px;
    padding:9px 50px;
    border-radius:1px;
    text-transform: uppercase;
    font-family: 'PTsans1', serif;
    font-size:18px;
    cursor:pointer;
}
.ie8 .info-form input[type='submit']{
    font-family: 'PT sans', serif;
}
/*error page*/


.wide-content-box ol {

    display: inline-block;
    float: right;
    margin: -35px 20px 0;
    overflow: hidden;
}

.wide-content-box ol li{
    float:left;
    color:white;
    margin:0 2px;
}
.wide-content-box ol li a{
    color:#fff;
    /*font-size:13px;*/
    font-family: 'PTsans1',serif;
}
.wide-content-box ol li img{padding:0 5px 0 0;}
.wide-content-box ol li:first-child a{text-decoration: underline;}
.wide-content-box div.error{
    margin:200px auto 0;
    text-align:center;
}
.wide-content-box div.error>p,.wide-content-box div.error>h2{display:inline;}
.error>p{font-size:18px;margin:0 80px 0 0;}
.error>h2{color:#98af3b; font-size:250px;}

/*login page*/
.login-fix{
    margin:0;
}
.login-fix .login-fix2{
    background:#015f90;
    text-align:center;
}
.login-fix .login-fix2 h3{
    font-size:16px;
    color:#fff;
    background: #005581;
    margin:0;
    line-height: 70px;
    border:none;
    padding:0 0 0 20px;
    text-align:left;
}
.login-fix .content h2{
    font-size:37px;
    text-align: center;
    color:#fff;
    background:none;
    margin:50px 0 40px 0;
}
.login-fix .content form{
    width:800px;
    margin: 0 auto 40px;
    background:#184d6f;
    text-align:center;

}
.login-fix .content form label{
    text-align: left;
    width:308px;
    display:inline-block;

    color:#fff;
    margin: 60px 0;
}
.login-fix .content form label span{

}
.login-fix .content form label input{
    background: url("../images/layout/user.png") no-repeat scroll 6px center #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 1px 1px 2px #001A38;
    height: 39px;
    width: 276px;
    padding:0 0 0 20px;
    padding-left:24px;
    margin:5px 0 0 0;
}

.ie8 .login-fix .content form label input{
    line-height:38px;
}

.login-fix .content form label+label input{
    background: url("../images/layout/pass.png") no-repeat scroll 6px center #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 1px 1px 2px #001A38;
    height: 39px;
    width: 282px;
    padding:0 0 0 18px;
}
.login-fix .login-fix2>a{
    background: none repeat scroll 0 0 #98AF3B;
    color: #FFFFFF;
    font-family: 'PTsans1',serif;
    font-size: 18px;
    padding: 8px 45px;
    border-top:1px solid #b6c33f;
}
.ie8 .login-fix .login-fix2>a{
    font-family:'PT sans', sans-serif;
}
.login-fix .login-fix2>a:hover{text-shadow:0 0 2px #666; box-shadow:0 0 1px #333;}


/*footer*/
.footer{


}
.footer span{
    font-family: 'PTsans1', serif;
    font-size:13px;
    color:#fff;
    line-height:40px;
}
.ie8 .footer span{
    font-family: 'PT sans', serif;
}

/*genaral class for scrolling*/
.mCSB_dragger{height:22px !important;}

/*custom inputs*/
.wide-content-box > label .wrap-select{
    display:inline-block;
    background: url("../images/layout/lg-drop.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin:0 0 0 40px;
    height:36px;
}

.wide-content-box > label .wrap-select .select-text{
    display:inline-block;
    color:#fff;
    padding:0 0 0 12px;
}
.wide-content-box > label select[name="entering"]{margin:0 0 0 -4px;opacity:0;}

/*IE9 fixes*/

.letter-picker select{
    font-size:14px;
}

/*left menu active*/
.light-box{
    background:#2f9dd5;
}
.main-navigation ul li.light-box>a>sup.counter{
    display:block !important;
}

/*new letter picker*/
.wide-content-box .letter-picker>div{
    position: absolute;
    text-align: center;
    width: 83px;
    height:476px;
    background:url('../images/layout/lp-bg.png')no-repeat;
    /*margin:40px 0 0 -75px;*/
    margin:0 0 0 936px;
    display:inline-block;
    z-index:1;
}
.wide-content-box .letter-picker>a{
    display:inline-block;
    width:40px;
    height:40px;
    background: url('../images/layout/triangle.png')no-repeat center center;
}
.wide-content-box .letter-picker>div ul{margin:20px 0 0 0;height:425px;}
.wide-content-box .letter-picker>div ul li{
    width:auto;
    font-size:16px;
    line-height:22px;
}
.wide-content-box .letter-picker>div ul li:hover{
    background: #f4f5ee;
    font-size:20px;
    cursor:pointer;
}
/*homepage letter picker*/
.letter-picker.first-col>div{
    position: absolute;
    text-align: center;
    width: 83px;
    height:476px;
    background:url('../images/layout/lp-bg.png');
    background-repeat:no-repeat;
    /*margin:40px 0 0 -75px;*/
    margin:0 0 0 254px;
    display:inline-block;
    z-index:1;
}
.ie8 .letter-picker.first-col>div,.ie8 .letter-picker.mid-col>div,.ie8 .letter-picker.last-col>div{
    display:block;
    float:right;
}

.letter-picker.mid-col>div{
    position: absolute;
    text-align: center;
    width: 83px;
    height:476px;
    background:url('../images/layout/lp-bg.png');
    background-repeat:no-repeat;
    /*margin:40px 0 0 -75px;*/
    margin:0 0 0 256px;
    display:inline-block;
    z-index:1;
}
.letter-picker.last-col>div{
    position: absolute;
    text-align: center;
    width: 83px;
    height:476px;
    background:url('../images/layout/lp-bg.png');
    background-repeat:no-repeat;
    /*margin:40px 0 0 -75px;*/
    margin:0 0 0 255px;
    display:inline-block;
    z-index:1;
}
.ie8 .letter-picker.last-col>div,.ie8 .letter-picker.mid-col>div,.ie8 .letter-picker.first-col>div{
    margin-top:38px;
}

/*break*/
.letter-picker.first-col>a{
    display:inline-block;
    width:40px;
    height:40px;
    background: url('../images/layout/triangle.png')no-repeat center center;
}
.letter-picker.mid-col>a{
    display:inline-block;
    width:40px;
    height:40px;
    background: url('../images/layout/triangle.png')no-repeat center center;
}
.letter-picker.last-col>a{
    display:inline-block;
    width:40px;
    height:40px;
    background: url('../images/layout/triangle.png')no-repeat center center;
}
/*ie8 hacks*/
.ie8 .letter-picker.first-col>a,.ie8 .letter-picker.mid-col>a,.ie8 .letter-picker.last-col>a{
    display:block;
    float:right;
    background-image:url("../images/layout/triangle.png");
    background-position:center;
    background-repeat:no-repeat;
}

/*break*/
.letter-picker.first-col>div ul{margin:20px 0 0 0;height:425px;}
.letter-picker.mid-col>div ul{margin:20px 0 0 0;height:425px;width:82px;}
.letter-picker.last-col>div ul{margin:20px 0 0 0;height:425px;}
/*break*/
.letter-picker.first-col>div ul li,.letter-picker.mid-col>div ul li,.letter-picker.last-col>div ul li{
    width:auto;
    font-size:16px;
    line-height:22px;
    margin:0;
    border:none;
}
.letter-picker.mid-col>div ul li{
    width:auto;
    font-size:16px;
    line-height:22px;
}
.letter-picker.lasst-col>div ul li{
    width:auto;
    font-size:16px;
    line-height:22px;
}
/*break*/
.letter-picker>div ul li:hover{
    background: #f4f5ee;
    font-size:20px;
    cursor:pointer;
}

/*custom scrollbar sub menu*/
.main-navigation ul li.item-1 .sub-menu div.tab-content  .mCSB_scrollTools .mCSB_draggerContainer{
    left: -24px !important;

}
/*** VLADO ***/
.errors {
    width: 674px;
    margin: 0px auto;
    color: #cd0000;
}

.success {background:#f4d111; padding:10px 30px}
.title {color:98af3b; font-weight:bold;}
.add_box {
    margin: 20px;
    padding: 20px;
    border: 1px solid #98AF3B;
    display: none;
}

.add_user_box {}

.add_user_box table {
    border-spacing: 10px;
    border-collapse: separate;
}
tr.error td,
tr.error input,
tr.error select,
tr.error textarea,
input.error,
select.error,
textarea.error
{
    border-color: red;
    color: red;
}
.add_user_box table td{
    padding: 10px;
}
.add_user_box select {
    background: none repeat scroll 0 0 #F0F2E8;
    border: 1px solid #677C10;
    height: 32px;
    margin: 0 0 0 3px;
    vertical-align: middle;
    width: 164px;
}

.add_box input, .add_user_box input {
    background: none repeat scroll 0 0 #F0F2E8;
    border: 1px solid #677C10;
    height: 32px;
    margin: 0 0 0 3px;
    width: 160px;
    padding-left:2px;
}

.save {
    background: none repeat scroll 0 0 #98AF3B;
    border: 1px solid #677C10;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 2px #C0C3B1;
    color: #FFFFFF;
    font-family: "PTsans1",serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 10px;
    padding: 10px 18px 8px 18px;
}

.inp {
    background: none repeat scroll 0 0 #F0F2E8;
    border: 1px solid #677C10;
    height: 32px;
    margin: 0 0 0 3px;
}

.del_link { color:red; font-weight:bold}

.outOfBox{
    position:relative;
    top:-63px;
    left:15px;
    /*position:absolute;
    top:-50px;
    left:15px;*/
    font-family: 'PTsans1',serif;
    font-size: 14px;
    display:none;
    height:30px;
}

.outOfBox .wrap-select1{
    float:none;
    position: relative;
    left: 85px;
    top: -26px;
    background:url("../images/layout/lg-drop.png");
    background-repeat:no-repeat;
    background-position: -1px 0;
    color:#fff;
    height:36px;
}
.outOfBox .wrap-select1 select{
    position:relative;
    top:-37px;
    width:338px;
    background-color:#98AF3B;
    border:1px solid #677C10;
    border-radius:1px;
    color:#fff;
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.crashed{
    height:20px;
}
.info-form a.ref{
    position:relative;
    left:165px;
    text-decoration:underline;
}
/*styles for cust sel*/
/*.wrap-select2, .select-text2{display:inline;}
.big-tab-container form .users-list .wrap-select2{
        width:160px;
        height:38px;
        background-image:url('../images/layout/smalld.png');
        background-repeat:no-repeat;
}
.wrap-select2 select{

}*/
.showIt{
    display:block;
    border-bottom: 10px solid #F0F2E8;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    bottom: 722px;
    height: 0;
    left: 65px;
    position: relative;
    width: 0;
}
/*
.info-form .v4 select{
        opacity:0;
        -moz-opacity:0;
        -webkit-opacity:0;
        -ms-opacity:0;
        -o-opacity:0;
}
.info-form  .wrap-select3{
         display: block;
    float: right;
    height: 38px;
    width: 160px;
}
.info-form  .select-text3{display:block; position:absolute;}
.info-form  .wrap-select3{
        background-image:url('../images/layout/smalld.png');
        background-position: -1px -2px;
        margin:0;
        margin-left: 0;
    margin-right: 155px;
        position:relative;
}

.admin-tab-box .wrap-select4{
        display: block;
    float: right;
    height: 38px;
    width: 160px !important;
}
.admin-tab-box .select-text4{display:block; position:absolute; width:160px !important; text-align:center;}
.admin-tab-box  .wrap-select4{
        background-image:url('../images/layout/smalld.png');
        ..background-position: -1px -2px;
        position:relative;
        border:none !important;
        top:8px;
}
        .wrap-select4 > select {
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                width:100%;
                height:36px;
        }
*/
.short-select{
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.wrap-select2{
    /*background-image:url('../images/layout/smalld.png');*/
    background-image:url('../images/layout/select-butt.png');
    background-repeat:no-repeat;
    background-position:140px center;
    position:relative;
    border:1px solid #657a0e;
    float:left;
    height: 36px;
    width: 160px;
    margin:0 5px;
}
.wrap-select2 .select-text2{
    height:36px;
    line-height:36px;
    padding:5px;
}
.wrap-select2 .short-select{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}
.info-form .wrap-select2{
    width:160px;
    margin:0;
}
.info-form .select-text2{
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align:left;
}

.menu-icon a{
    padding:35px 0 60px 0;
}
/*main-navigation fix*/

.item-1.light-box ul li{

    overflow:hidden;
    height:50px !important;
}
.item-1.light-box ul li a{

}

/*test left menu*/
/*
.main-navigation .item-2,.main-navigation .item-1,.main-navigation .item-3,.main-navigation .item-4,.main-navigation .item-0,.main-navigation .item-5,.main-navigation .item-6,.main-navigation .item-7,.main-navigation .item-8{
        padding:0;
}
.main-navigation .item-2 a,.main-navigation .item-1 a,.main-navigation .item-3 a,.main-navigation .item-4 a,.main-navigation .item-0 a,.main-navigation .item-5 a,.main-navigation .item-6 a,.main-navigation .item-7 a,.main-navigation .item-8 a{
        padding:13px 0 13px 12px;
        display:block;
}*/

/* fixes */
.hidden_block{
    display: block;
}
.file_input{
    border: 1px solid #677C10;
    left: 123px;
    padding: 0 10px;
    position: absolute;
    width: 310px !important;
}
.paginate{
    list-style-type:none ;
    margin:10px;
    padding:0 ;
}
.paginate li{
    display: inline ;
    list-style-type: none ;
    padding-right: 5px ;
}

.paginate li a{
    font-size:13px;
}
.paginate li a.active{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    background: #98af3b;
    color: #fff;
    text-align: center;
    font-size: 16px;
    behavior: url(PIE.htc);
}
.table_log{
    padding: 10px;
}
.table_log tr:first-child{
    border-bottom: 1px solid #000;
    color:red;
}
.table_log td{
    padding-left: 10px;
}


.error-message{
    margin:-20px 0 20px 0;
    font-size:16px;
    color:#f3f3f3;
    display:inline-block;
    position:relative;
}

.system-messages-book{
    background:#98af3b;
    width:auto !important;
    margin:0 !important;
    padding:20px;
    display:block;
    position: absolute;
    top:0;
    left:0;
    right:0;
}

.system-messages-book p{
    color:#ffffff;
}

.system-messages-book a{
    background:#0d72a6;
    padding:5px 10px;
    color:#ffffff;
}




.system-messages-book-error{
    background:#DC252B;
    width:auto !important;
    margin:0 !important;
    padding:20px;
    display:block;
    position: absolute;
    top:0;
    left:0;
    right:0;
}

.system-messages-book-error p{
    color:#ffffff;
}

.system-messages-book-error a{
    background:#0d72a6;
    padding:5px 10px;
    color:#ffffff;
}


/*Custom upload style*/
.info-form div.file-wrapper{
    width:500px;
    margin:0 0 0 2px;
    padding:0;
    position:relative;
}

.info-form div.file-wrapper .file-upload{
    width:470px;
    position:absolute;
    top:0;
    left:0;
}

@media screen and (max-height: 640px){

    .main-navigation div.menu-icon{
        margin:10px 14px;
    }

    .main-navigation .menu-icon a{
        padding-bottom:10px;
    }
}

.diamond, .ribbon, .right-arrow, .left-arrow {
    display: inline-block;
    color: #000;
    font-size: 22px;
    line-height: 38px;
    margin: 15px 1px;
    position: relative;
    text-align: center;
    min-width: 80px;
}
.diamond:before, .diamond:after, .ribbon:before, .ribbon:after, .right-arrow:before, .right-arrow:after, .left-arrow:before, .left-arrow:after {
    content:"";
    border-style: solid;
    border-width: 0;
    height: 0;
    position: absolute;
    width: 0;
}
.diamond {
    background-color: #F4D111;
}
.diamond:after, .diamond:before {
    border-color: transparent #F4D111;
}
.diamond:before {
    left: -19px;
    border-width: 19px 19px 19px 0;
}
.diamond:after {
    right: -19px;
    border-width: 19px 0 19px 19px;
}
.ribbon {
    background-color: #CCCCCC;
}
.ribbon:before, .ribbon:after {
    top: 6px;
    z-index: -15;
}
.ribbon:before {
    border-color: #B2B2B2 #B2B2B2 #B2B2B2 transparent;
    border-width: 19px;
    left: -25px;
}
.ribbon:after {
    border-color: #B2B2B2 transparent #B2B2B2 #B2B2B2;
    border-width: 19px;
    right: -25px;
}
.right-arrow {
    background-color: #F4D111;
}
.right-arrow:after{
        /*border-width: 19px 0 19px 19px;*/

}
.right-arrow:before {
    border-width: 19px 0 19px 19px;
}
.right-arrow:before {
    border-color: #F4D111 transparent;
    left: -19px;
}
.right-arrow:after {
    border-color: transparent #F4D111;
    right: -19px;
}
.left-arrow {
    background-color: #F4D111;
}
.left-arrow:after{
    /*border-width: 19px 19px 19px 0;*/
}

.left-arrow:before {
    border-width: 19px 19px 19px 0;
}
.left-arrow:before {
    border-color: transparent #F4D111;
    left: -19px;
}
.left-arrow:after {
    border-color: #F4D111 transparent;
    right: -19px;
}



.search-btn{
    background: none repeat scroll 0 0 #98AF3B;
border: 1px solid #677C10;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 2px #C0C3B1;
color: #FFFFFF;
font-family: "PTsans1",serif;
font-size: 14px;
text-transform: uppercase;
margin-left: 10px;
padding: 10px 18px 8px 18px;

}

.search-field{
background: none repeat scroll 0 0 #F0F2E8;
border: 1px solid #677C10;
margin: 0 0 0 3px;
width: 180px;
padding-: 2px;
height:18px;
}
.toolbar .search-field{width:150px;; padding:10px 5px;}
.small {line-height:1.2em;;font-size:0.8em!important; color:#808080; }
.small i {margin:0 0 -10px 10px; font-style:normal}
.small span {line-height:12px!important;}
@media screen and (max-width: 1366px) {
    .main-navigation div.menu-icon {
        height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .main-navigation>ul li>a {
        padding-top: 12px;
    }
}

/*!***USER TABLE **!*/

/** {*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*box-sizing: border-box;*/
/*}*/

/*body {*/
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
  /*color: #333;*/
/*}*/

/*table {*/
  /*text-align: left;*/
  /*line-height: 40px;*/
  /*border-collapse: separate;*/
  /*border-spacing: 0;*/
  /*border: 2px solid #ccc;*/
  /*width: 100%;*/
  /*margin: 50px auto;*/
  /*border-radius: .25rem;*/
/*}*/

/*thead tr:first-child {*/
  /*background: transparent;*/
  /*color: #000;*/
  /*border: none;*/
/*}*/

/*th:first-child,*/
/*td:first-child {*/
  /*padding: 0 15px 0 20px;*/
/*}*/

/*thead tr:last-child th {*/
  /*border-bottom: 3px solid #ddd;*/
/*}*/

/*tbody tr:hover {*/
  /*background-color: #98AF3B;*/
  /*cursor: default;*/
/*}*/

/*tbody tr:last-child td {*/
  /*border: none;*/
/*}*/

/*tbody td {*/
  /*border-bottom: 1px solid #ddd;*/
/*}*/

/*td:last-child {*/
  /*text-align: right;*/
  /*padding-right: 10px;*/
/*}*/

/*.edit:hover {*/
  /*color: #0a79df;*/
/*}*/

/*.delete:hover {*/
  /*color: #98AF3B;*/
/*}*/

/*.add-btn {*/
    /*float: right;*/
    /*padding: 0px 10px;*/
    /*background: #98af3b;*/
    /*border: 1px solid #6a7f13;*/
    /*box-shadow: 0 0 1px #999;*/
/*}*/

/*.add-btn:after{*/
    /*content: '';*/
    /*clear: both;*/
/*}*/
/*.add-btn > a{*/
    /*color: #fff;*/
    /*display: block;*/
    /*font-family: 'PTsans1', serif;*/

/*}*/