/*************************************************
 * BASE
 */
html, body, td, th{
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    font-family: Bitter, Georgia, serif;
    color:#333;
    font-size: 14px;
    background: #FFFFFF;
}

td, th{
    background: inherit;
}

html, body{
    overflow-x: hidden;
}

table{
    border-collapse: collapse;
}

figure, aside, section, article, nav,
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6{
    color:#556272;
}

ul, li{
    margin: 0;
    padding: 0;
    list-style: none;
}

img{
    border: 0;
}

input, select, textarea{
    border:1px solid #ddd;
    background: #fff;
    padding: 0;
    margin: 0;
}

label{
    color:#333;
    /*font-size: 19px;*/
    display: block;
    margin-bottom: 5px;
}

label.error{
    margin-top:-15px;
    margin-bottom: 15px;
    color:red;
}

input.error,
textarea.error{
    border-color:red;
}

.input-file-wrapper,
select,
textarea,
input{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    /*font-size: 21px;*/
    background: #fff;
    border-radius: 0;
    border:1px solid #999999;
}

input[type=checkbox]{
    padding: 0;
}

button{
    border:1px solid #ddd;
}

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

::-moz-placeholder{
    color:#999999;
    opacity: 1;
}

/**** ckeditor ****/
#wrapper .cke_skin_kama .cke_contents {
    padding: 0 1px 1px;
}

#wrapper span.cke_skin_kama{
    padding: 0;
}

#wrapper .cke_skin_kama .cke_wrapper {
    background: #f3f3f3;
    border: 1px solid #DDDDDD;
    border-radius: 0;
}

#wrapper .cke_skin_kama .cke_toolgroup {
    background:#FFFFFF;
    border-radius: 0;
}

#wrapper .cke_skin_kama .cke_button a, 
#wrapper .cke_skin_kama .cke_button a:hover, 
#wrapper .cke_skin_kama .cke_button a:focus, 
#wrapper .cke_skin_kama .cke_button a:active, 
#wrapper .cke_skin_kama .cke_button a.cke_off{
    border-radius: 0;
}


/**** Buttons ****/

.button{
    background: none repeat scroll 0 0 #556272;
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    display: inline-block;
    font-family: Bitter, Georgia, serif;
}

.button[disabled]{
    background: #ddd;
    border-color: #CCC;
    color:#eee;
    box-shadow: none;
}

.button-big{
    font-size: 18px;
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button-small{
    background: #8A8A8A;
    font-size: 12px;
}


/**** other links and buttons ****/
.back-link{
    font-size: 18px;
    color:#999;
    text-transform: lowercase;
    margin-bottom: 20px;
    display: inline-block;
}

.back-link:before{
    content:"<";
    margin-right: 5px;
}

/**** basic-form ****/
.basic-form{

}

.basic-form .intro{
    margin-bottom: 40px;
}

.basic-form fieldset{
    border:0;
    padding: 0 0 60px;
    margin: 0;
}

.basic-form legend{
    border-bottom: 1px solid #B6B6B6;
    color: #556272;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 10px;
    padding: 0 0 5px;
    width: 100%;
}

.basic-form .nicedit-wrapper,
.basic-form .cke_skin_kama,
.basic-form textarea,
.basic-form .custom-select-none,
.basic-form .custom-select,
.basic-form select,
.basic-form input,
.basic-form .input-file-wrapper{
    margin-bottom: 20px;
}

.basic-form input[type=file]{
    margin-bottom: 0;
}

.basic-form .input-file-wrapper label.error{
    margin: 0;
}

.basic-form select{
    width: 100%;
    min-width: 225px;
}

.basic-form input{
    padding: 8px;
}

.basic-form label{
    margin-bottom: 8px;
    clear: both;
}

.basic-form label a{
    float: right;
    font-size: 12px;
    color:#25A3D5;
}

.basic-form .mandatory,
.basic-form label.required:after{
    content:" *";
    font-size: 18px;
    color: #FF7327;
}

.basic-form .button{
    font-size: 16px;
    margin-top: 15px;
    padding: 5px 20px;
    color:#fff;
}

.basic-form input[type=password]{
    width: 225px;
}

.basic-form input[type=radio],
.basic-form input[type=checkbox],
.basic-form input[type=submit],
.basic-form input[size]{
    width: auto;
}
.basic-form input[type=checkbox]{
    float: left;
    margin: 2px 5px 0 0;
}


.basic-form .aligned-checkbox a{
    font-size: inherit;
    float: none;
}

.basic-form .obs{
    margin-top: -10px;
    margin-bottom: 10px;
}

.basic-form .subtitle-obs{
    color:#999;
    margin-top: 20px;
    font-size: 12px;
    clear:both;
}

.basic-form legend + label{
    margin-top: 5px;
}

/**** navigation filters ****/

.navigation-filters{
    margin-bottom: 20px;
    color:#556272;
    clear: both;
}

.navigation-filters select,
.navigation-filters .folder-btn,
.navigation-filters .order-btn{
    background: #fff center no-repeat;
    box-shadow: 0px 1px 2px #666;
    border-radius: 2px;
    display: inline-block;
    font-family: Bitter, Georgia, serif;
    border:0;
    font-size: 14px;
}

.navigation-filters select{
    margin-right: 12px;
    /*width: 145px;*/
    width: auto;
    padding: 5px 7px;
}

.navigation-filters .folder-btn,
.navigation-filters .order-btn{
    float: right;
    height: 30px;
    width: 40px;
    position: relative;
    margin-left: 10px;
}

.navigation-filters.editor-filters .order-btn{
    float: none;
}

.navigation-filters .folder-btn{

}

.navigation-filters .order-btn:before,
.navigation-filters .order-btn:after{
    position: absolute;
    border: 5px solid transparent;
    content:"";
    left: 15px;
}

.navigation-filters .order-btn:after{
    top:4px;
    border-bottom-color: #ddd;
}

.navigation-filters .order-btn:before{
    bottom:4px;
    border-top-color: #ddd;
}


.navigation-filters .order-btn-desc:after{
    border-bottom-color: #3C4451;
}


.navigation-filters .order-btn-asc:before{
    border-top-color: #3C4451;
}

.navigation-filters .folder-btn-inbox{
    background-image: url(img/icn-inbox.png);
}

.navigation-filters .folder-btn-outbox{
    background-image: url(img/icn-outbox.png);
}

.navigation-filters .results-total{
    display: inline-block;
    padding: 5px 0;
}


/**** pagination ****/
.pagination{
    float: right;
}

.pagination div{
    display: inline-block;
    float:left;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color:#556272;
}

.pagination div a{
    display: block;
    width: 100%;
    height: 100%;
    color:inherit;
}

.pagination div:hover{
    background: #fff;
}

.pagination .selected:hover,
.pagination .selected{
    background: #536372;
    color:#fff;
}

.pagination .next,
.pagination .back{
    position: relative;
    font-weight: bold;
}

.pagination .next a,
.pagination .back a{
    position: relative;
    z-index: 5;
}

.pagination .next a{
    background: url(img/icn-nav-next.png) no-repeat center;
}

.pagination .back a{
    background: url(img/icn-nav-prev.png) no-repeat center;
}

/*.pagination .back:after,
.pagination .next:after{
        position: absolute;
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        z-index: 1;
}

.pagination .back:after{
        content:"<";
}

.pagination .next:after{
        content:">";
}*/

/**** Util classes ****/
.shadow{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.box-shadow{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.map{
    width: 100%;
    height: 300px;
}

.float_left{
    float:left;
}

.float_right{
    float:right;
}

.clearer{
    clear: both;
}

/****************************
 * Custom Select
 */
.custom-select {
    position: relative;
    display: inline-block;

}

.custom-select-none,
.custom-select select {
    outline:none; /* remove focus ring from Webkit */
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    background: #fff;
    border:1px solid #ccc;
    padding:10px;
    border-radius:4px;
    min-width: 150px;
}

.custom-select-none{
    width: auto;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .custom-select select {
        padding-right:30px;    
    }
}

/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
    -webkit-box-shadow: 0 0 3px 1px #aaa;
    -moz-box-shadow: 0 0 3px 1px #aaa;
    box-shadow: 0 0 3px 1px #aaa;
}

/* Select arrow styling */
.custom-select:before {
    background: #fff;
    bottom: 2px;
    content: "";
    position: absolute;
    right: 2px;
    top: 2px;
    width: 30px;

    pointer-events:none;
}

.custom-select:after{
    content: "";
    margin-top: -3px;
    position: absolute;
    right: 10px;
    top: 50%;

    border:7px solid transparent;
    border-top-color: #888;

    pointer-events:none;
}

/**** info msgs ****/
.info-warning,
.info-msg,
.info-success,
.info-error{
    margin-bottom: 20px;
    padding: 20px;
    background: #eee;
}

.info-msg{
    background: #FFFAB6;
    /*border:1px solid #E3D966;*/
}

.info-success{
    background: #99FF99;
}

.info-error{
    background: #FFAEAD;
    /*border:1px solid red;*/
}

.info-warning{
    background: #FFF54D;
}

.info-warning a,
.info-msg a,
.info-success a,
.info-error a{
    font-weight: bold;
}

.info-warning li,
.info-msg li,
.info-success li,
.info-error li{
    list-style: disc inside;
    margin: 5px;
}

/**** icons ****/
[class^="icon-"], 
[class*=" icon-"]{
    background-size: 1350px;
    display: inline-block;
    width: 45px;
    height: 45px;
}

[class^="icon-25-"], 
[class*=" icon-25-"]{
    width: 25px;
    height: 25px;
}


/*** labels *****/
.label {
    border-radius: 3px 3px 3px 3px;
}

.label, .badge {
    background-color: #999999;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}


.label-info, .badge-info {
    background-color: #3A87AD;
}

.article-dashboard-detail .top .label{
    font-size: 12px;
    margin-left: 20px;
    padding: 5px 10px;
}

/**** clearfix ****/
.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}





/***********************************************************************
 * STRUCTURE
 */

.container{
    width: 950px;
    margin: 0 auto;
}

#content{
    padding-top: 40px;
}

#left-content{
    width: 630px;
    margin-right: 20px;
    float:left;
}

#right-content{
    float: right;
    width: 225px;
}

#right-content.slpage-right{
    width: 300px;
}

body.archive #left-content{
    width: 710px;
}

body.archive #right-content{
    width:220px;
}
/*******************************************************
 * TOP SECTION
 */
#top-section{
    background: #556272;
    color:#ddd;
}

#top-section a{
    padding: 10px 0;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

#top-section a:hover{
    color:#fff;
}

/**** top menu ****/

#top-menu > ul{
    float: left;
}

.top-menu ul li{
    display: inline-block;
    margin-right: 22px;
    /*padding: 0 11px;*/
    position: relative;
}

.top-menu ul .selected > a{
    color:#fff;
    position: relative;
}

.top-menu ul .selected > a:after{
    position: absolute;
    content:"";
    border:5px solid transparent;
    border-bottom-color: #fff;
    bottom:0;
    left:50%;
    margin-left: -5px;
}

.top-menu .submenu{
    position: absolute;
    display: none;
    background: #556272;
    left: -15px;
    padding-bottom: 17px;
    min-width: 210px;
}

.top-menu .submenu li{
    border-bottom: 1px solid #999;
    display: block;
    white-space: nowrap;
    margin: 0 15px;
}

.top-menu .submenu li:first-child{
    border-top: 1px solid #999;
}

.top-menu .submenu .selected > a:after{
    display: none;
}

.top-menu .submenu a{
    padding: 5px 0;
    line-height: 31px;
}

.top-menu li:hover .submenu{
    display: block;
}


/**** #user-menu *****/
#user-menu > ul{
    float: right;
    height: 50px;
}

#user-menu > ul > li{
    margin-right: 0;
}

#user-menu .submenu{
    top: 50px;
    right: 0;
    left: auto;
}

#user-menu .submenu li{
    border-bottom: 0;
    text-align: right;
}

#user-menu .submenu li a{
    padding: 0;
}


/*** top search ****/
#top-search{
    float:left;
    margin-left: 10px;
    margin-top: 8px;
    background-color: #3C4451;
}

#top-search input,
#top-search button{
    background-color: transparent;
}

#top-search input{
    color:#DDDDDD;
    font-family: Bitter, Georgia, serif;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 10px;
    border:0;
    width: 220px;
}

#top-search input::-moz-placeholder{
    color:#ccc;
}

#top-search button{
    border: 0;
    width: 21px;
    height: 20px;
    background: url(img/icn-search.png) no-repeat center;
    float:right;
    margin: 5px 10px 5px 5px;
}


/*** #lang-menu ****/
#lang-menu{
    float: right;
}

#lang-menu .domain{
    margin-left: 10px;
    text-transform: uppercase;
}

#lang-menu .selected{
    color:#fff;
}

/**** login-a ****/
#login-a{
    float: right;
    margin-right: 20px;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*******************************************************
 *
 */

#top-title{
    border-bottom: 3px solid #556272;
    height: 172px;
}

#top-title h1{
    font-size: 42px;
    font-weight: normal;
    line-height: 44px;
    margin-top: 17px;
    max-width: 300px;
}

#img-logo{
    float: right;
    margin-top: 34px;
}



/*************************************************************
 * MAIN FOOTER
 */
#main-footer{
    margin-top: 125px;
    margin-bottom: 50px;
    border-top: 3px solid #556272;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}

#main-footer .image{
    padding: 10px 0;
}

#main-footer .copyright{
    padding: 10px 0;
    border-top:1px solid #afafaf;
    font-size: 12px;
    color:#999;
}

/*************************************************************
 * PIXEL PERFECT
 */

#wrapper.pixelperfect{
    position: relative;
    z-index: 5;
    opacity: 0.5;
}

#pixelperfect-a{
    position: fixed;
    display: inline-block;
    padding: 10px 20px;
    background: #333;
    color:#fff;
    left:0;
    bottom: 20px;
    z-index: 10;
}

#pixelperfect-div{
    display: none;
    position: absolute;
    top:0; 
    left:12px; 
    right:0; 
    /*bottom:0;*/ 
    height: 100%;
    background:url(_flat/ARP_HPmenu_01.jpg) top center no-repeat; 
    margin:0 auto;
    z-index: 1;
    opacity: .5;
}



/********************************************************
 * HOME PAGE
 */


/**** home-section ****/
.home-section{
    float: left;
    margin-right: 20px;
}

.home-section > h2{
    font-weight: normal;
    font-size: 18px;
    border-bottom: 1px solid #556272;
    padding-bottom: 11px;
    margin-bottom: 20px;
}

.home-section h3{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 25px;
}

.home-section p{
    line-height: 21px;
}

.home-section img{
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: auto;
}

#home-present{
    width: 465px;
}

#home-lastnum{
    width: 225px;
}

#article-in-home .text{
    margin-bottom: 10px;
}

/**** home-online ****/
#home-online{
    width: 220px;
    margin-right: 0;
}

#home-online  nav a{
    display: block;
    border-bottom: 1px solid #556272;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0;
    color: #556272;
    position: relative;
	width: 214px;
}

#home-online  nav a:after{
    content: ">";
    float: right;
    margin-right: 5px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}


#home-online img{
    display: inline;
    margin-bottom: 0;
    width: auto;
}

/* home-lastarticle */
#home-lastarticle{
    background: #EAF3FA;
    height: 200px;
    margin-bottom: 19px;
    position: relative;
    padding: 10px;
}

#home-lastarticle h3{

}

#home-lastarticle .date{
    margin-bottom: 10px;
}

#home-lastarticle .text{
}

#home-lastarticle .links{
    position: absolute;
    bottom:15px;
    left: 10px;
}

#home-lastarticle .links a{
    color: #556272;
    font-size: 12px;
    font-weight: bold;
}


/***********************************************
 * CONTENT BOX (slpage, articles, home sections)
 */

.content-box > h2{
    border-bottom: 1px solid #556272;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 11px;
}

.basic-form a,
.content-box .text a{
    color:#25A3D5;
}

aside.content-box .text{
    font-size: 12px;
}

.content-box .text em{
	font-size: 12px;
}

/***********************************************
 * NORMAS 
 */

#right-content .download{
    border-top:1px solid #a1a1a1;
    padding: 15px 0;
}

#right-content .toc li{
    margin: 15px 0;
    font-size: 14px;
}

#right-content .toc li.sub{
    font-weight: normal;
}




/************************************************************************
 * magazine-in-detail
 */

.magazine-in-detail .left{
    float:left;
    width: 145px;
    margin-right: 20px;
}

.magazine-in-detail .year{
    font-size: 16px;
    margin-bottom: 15px;
}

.magazine-in-detail h2{
    font-size: 16px;
    line-height: 20px;
    color:#333;
    margin-bottom: 5px;
}

.magazine-in-detail .right{
    font-size: 12px;
    margin-left: 165px;
    color:#333;
}

.magazine-in-detail .right .title{
    font-weight: bold;
    text-transform: uppercase;
}

.magazine-in-detail .button{
    color: #FFFFFF;
    font-size: 14px;
    width: 125px;
}

.magazine-in-detail .articles{
    clear: both;
    padding-top: 25px;
    color:#333;
}

/**** article category ****/
.article-category{
    margin-bottom: 40px;
}

.article-category > h3{
    text-transform: uppercase;
    margin-bottom: 20px;
    background: #87919B;
    color:#fff;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 14px;
}



/**** article in list ****/
.article-in-list{
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.article-in-list h4{
    color:#333;
    width: 80%;
}

.article-in-list .author{
}

.article-in-list .pages{
    margin-top: 10px;
    font-size: 12px;
    color:#666;
}

.article-in-list .download-btn{
    display: block;
    float: right;
    height: 45px;
    margin-top: 5px;
    width: 40px;
}

.article-in-list .download-pdf{
    background: url(img/icn-download-pdf.png) no-repeat center;
}

.article-in-list .download-txt{
    background: url(img/icn-download-txt.png) no-repeat center;
    margin-right: 15px;
}


/****************************************************************************
 * SEARCH
 */

/**** search sections ****/
#search-sections{
    margin-bottom: 30px;
}

#search-sections li{
    margin: 10px 0;
    font-weight: bold;
}

#search-sections .total{
    margin-left: 5px;
    font-weight: normal;
}




/**** search results ****/
#search-results{
    padding-top: 15px;
}


#search-results .pagination-wrapper{
    border-top: 1px solid #556272;
    margin-top: 20px;
    padding-top: 10px;
}


/**** article in search ****/
.article-in-search{
    padding-top: 25px;
    color:#666;
}

.article-in-search a{
    color:#0099CB;
    font-size: 14px;
}

/**** article in onlinefirst ****/
.article-in-onlinefirst{
    padding-top: 20px;
    color:#666;
    border-bottom: 1px solid #B6B6B6;
}

.article-in-onlinefirst h4,
.article-in-onlinefirst h3{
    line-height: 18px;
    margin-bottom: 8px;
    font-size: 16px;
}

.article-in-onlinefirst a{
    color:#0099CB;
    font-size: 14px;
}

.article-in-onlinefirst .authors{
    font-size: 12px;
    margin-bottom: 18px;
    line-height: 20px;
}

.article-in-onlinefirst .stats{
    margin-bottom: 25px;
}

.article-in-onlinefirst .links{
    margin-bottom: 25px;
    padding: 0 2px;
}

/**** article in onlinefirst detail****/
.article-in-onlinefirst-detail{
    border-bottom: 0;
}

.article-in-onlinefirst-detail .abstract{
    margin: 60px 0 40px;
    padding: 20px 0;
    border:1px solid #B6B6B6;
    border-width: 1px 0;
}

.article-in-onlinefirst-detail{
}

.article-in-onlinefirst-detail{
}

/**** advsearch-form *****/

#advsearch-form input{
    width: 300px;
}

#advsearch-form.right-side{
    background: #F0F0F0;
    padding: 10px 20px 20px;
}

#advsearch-form.right-side h3{
    font-size: 14px;
    margin-bottom: 23px;
}

#advsearch-form.right-side select,
#advsearch-form.right-side input{
    margin-bottom: 10px;
    width: 225px;
}

#advsearch-form.right-side .button{
    font-size: 14px;
}



/************************************************************************
 * LOGIN / REGISTO
 */
#login-form{
    width: 300px;
}

#login-form input{
    width: 100%;
}

#register-form{
    width: 470px;
}

#register-form .tag-wrapper{
    margin-top: 20px;
}

#register-form .tag-wrapper .tag-complete{
    width: 468px;
}

#register-form .tag-wrapper .custom-btn{
    left: auto;
    right: 0px;
}

#register-form.account .interest-areas{
    width: 630px;
}

#register-form.account .interest-areas label{
    width: 50%;
}

#register-form .interest-areas{
    border: 1px solid #A1A1A1;
    padding: 10px;
    width: 930px;
    margin-bottom: 20px;
}

#register-form .interest-areas label{
    float: left;
    width: 33%;
    margin-bottom: 10px;
}

#register-form .interest-areas input{
    float:left;
    margin-right: 5px;
    margin-bottom: 0;
}

#register-form #ctc_dnasc_year,
#register-form #ctc_dnasc_month,
#register-form #ctc_dnasc_day{
    width: auto;
    min-width: 0;
}

.required-fields{
    color:#FF7327;
    font-size: 12px;
    /*margin-top: -35px;*/
    margin-bottom: 35px;
}

.required-fields:before{
    content:"* ";
    font-size: 18px;
}



/**** tabs ****/
.tabs{

}

.tabs .tab-nav{
    min-height: 45px;
}

.tabs  .tab-nav a{
    background: none repeat scroll 0 0 #F7F7F7;
    color: #999999;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    min-width: 73px;
    padding: 10px 24px;
    text-align: center;
    margin-right: 2px;
    border-bottom: 2px solid transparent;
}


.tabs  .tab-nav .selected{
    background: #fff;
    border-bottom-color: #fff;
}

.tabs .tab-container{
    background: #fff;
    padding: 40px;
}


/****************************************************************************+
 * ARCHIVE LIST
 *******/
#archive-filters{
    margin-top: -10px;
    border-bottom: 1px solid #556272;
    padding-bottom: 15px;
    margin-bottom: 0;
}


/**** archive-toc ****/

#archive-toc h2 {
    margin-bottom: 10px;
}

#archive-toc ul{
    font-size: 18px;
    font-weight: bold;
    color:#556272;
}

#archive-toc li a{
    display: block;
    margin-bottom: 8px;
    padding: 2px 14px;
}

#archive-toc .selected,
#archive-toc li a:hover{
    background: #ECECEC;
}

#archive-toc ul ul{
    font-size: 16px;
    font-weight: normal;
    padding-top: 4px;
    display: none;
}

#archive-toc .open ul{
    display: block;
}

#archive-toc ul ul a{
    line-height: 18px;
    padding: 3px 22px;
}

#archive-toc ul ul a:before{
    content:"⋅ ";
}

#archive-toc .selected{
    font-weight: bold;
}


/**** archive-list *****/
#archive-list{
    margin-bottom: 20px;
}




/**** magazine-in-list *****/

.magazine-in-list{
    padding: 15px 20px 20px;
    border-bottom: 1px solid #b6b6b6;
}

.magazine-in-list .left{
    float:left;
    margin-right: 20px;
}

.magazine-in-list .right{
    margin-left: 165px;
    color:#556272;
}

.magazine-in-list h3{
    margin-bottom: 5px;
}

.magazine-in-list .download-btn{
    float: right;

    background: url(img/icn-download-small.png) no-repeat center #F8F8F8;
    border:1px solid #ddd;
    width: 25px;
    height: 25px;
    display: block;
}

/**** magazine-img-placeholder ****/
.magazine-img-placeholder{
    background: none repeat scroll 0 0 #556272;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 160px;
    line-height: 20px;
    padding: 5px 11px;
    width: 125px;
}

.magazine-in-detail .left img,
.magazine-in-list .left img{
    max-width: 147px;
    height: auto;
}


/**** section-tab ****/

.section-tab{
    font-size: 18px;
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 50px;
}

.section-tab span,
.section-tab a{
    bottom: -2px;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    margin-right: 30px;
}

.section-tab .selected{
    border-bottom: 3px solid #556272;
}


/**** image-gallery ****/
.image-gallery{

}

.image-gallery figure{
    float: left;
    /*height: 215px;*/
    margin-bottom: 20px;
    margin-left: 20px;
    width: 176px;
}

.image-gallery figure:nth-child(3n+1){
    margin-left: 0;
    clear: both;
}

.image-gallery figure img{
    max-width: 100%;
    max-height: 100%;
}

.image-gallery figcaption{
    font-size: 12px;
    color:#556272;
}




/**** attachment-gallery ****/
.attachment-gallery{

}

.attachment-gallery li{
    background: url("img/ic-download-file.png") no-repeat scroll 5px 8px #fff;
    padding: 10px;
    color:#556272;
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 50px;
    min-height: 30px;
}

.attachment-gallery li .size{
    padding-top: 5px;
    font-size: 12px;
    font-weight: normal;
    color:#666;
}

/**** download-gallery ****/
.download-gallery{

}

.download-gallery li{
    /*	background: no-repeat scroll 5px 8px #EDEDED;
            padding: 10px;*/
    color:#556272;
    font-weight: bold;
}

.download-gallery .button{
    background-image: url("img/ic-dowload-white.jpg");
    background-position: 12px center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    padding: 10px 25px 10px 40px;
}


/**** pubmed-form ****/
#pubmed-form{
    margin:  0 auto;
    width: 460px;

}

#pubmed-form input[type=text]{
    margin-right: 10px;
    padding: 8px;
    width: 350px;	
}

#pubmed-form .button{
    padding: 6px 14px 8px;
}

#pubmed-form .img-wrapper{
    text-align: center;
    margin-bottom: 45px;
}




/******************************************
 * article-submit-login
 */
#article-submit-login .text{
    margin-bottom: 45px;
    line-height: 25px;
}



/**********************************************************+
 * POPUP
 */

.popup-overlay{
    position: fixed;
    z-index: 1000;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    background: rgba(0,0,0,0.4);
}

.popup{
    position: fixed;
    top:40%;
    left: 0;
    margin-top: -300px;
    left: 50%;
    margin-left: -410px;
    background: #fff;
    width: 820px;
    /*max-height: 590px;*/
    padding: 35px 40px;
    display: none;
    z-index: 1001;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup .tag-current{
    border: 1px solid #b4b4b4;
    min-height: 20px;
}

.popup .tag-current .empty{
    color: #b4b4b4;
    margin:5px;
    height:20px;
    display:block;
    line-height: 20px;
}

.popup .popup-close{
    position: absolute;
    top:20px;
    right: 20px;
    background: url(img/icn-remove.png) no-repeat center;
    display: block;
    width: 35px;
    height: 35px;

}

.popup .popup-title{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #556272;
    font-weight: bold;
}

.popup .tab-nav{
    border-bottom: 3px solid #556272;
    position: relative;
    z-index: 1;
}

.popup .tab-container{
    border: 1px solid #DDDDDD;
    padding: 20px 20px 60px;
    position: relative;
    top: -1px;
}

.popup .tab-nav a{
    position: relative;
    border: 1px solid #ddd;
    border-bottom: 3px solid #556272;
    bottom: -3px;
}

.popup .tab-nav a.selected{
    border-bottom-color: #fff;
}

/**** title-hr *****/
.title-hr{
    margin-bottom: 20px;
    background: #EEEEEE;
    color:#556272;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 14px;
}

.subtitle-big,
.subtitle{
    color: #556272;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.subtitle-big{
    font-size: 16px;
}

/**** rb-tags *****/
.rb-tags{
    color:#666;
    margin-top: 30px;
}

.rb-tags strong{
    display: block;
    font-size: 16px;
    color:#556272;
}


/**** tb****/

.rb-msg-notifications{
    margin: 40px 0;
}

.rb-msg-notifications .title{
    border-bottom: 2px solid #556272;
}

.rb-msg-notifications .highlight{
    background: none repeat scroll 0 0 #00BEF2;
    color: #FFFFFF;
    display: block;
    float: right;
    margin: 2px 2px 0 0;
    padding: 0 10px;
}

.rb-msg-notifications .version a{
    padding-left: 20px;
    background: url(img/icn-comment-gray.png) no-repeat left center;
    margin-right: 20px;
}



/****  suggested-revisers-box ****/
/*#rb-suggested-revisers-box{
        margin-top: 40px;
        color:#666;
}

#rb-suggested-revisers-box strong{
        color:#333;
}

#rb-suggested-revisers-box a{
        float:right;
}

#rb-suggested-revisers-box .reviser-suggestion{
        margin-bottom: 10px;
}*/

.wraper-msgs{
    background-color: #ffffff;
    padding: 40px;
}

#statistics-list{
    background: none repeat scroll 0 0 #f3f3f3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 20px 20px;
}