/* CSS Document */

@font-face{
    font-family: BariolRegular;
    src:url('../fonts/Bariol_Regular.otf'),
	url('../fonts/Bariol_Regular.woff') format('woff')
}

@font-face{
    font-family:BariolBold;
    src:url('../fonts/Bariol_Bold.otf'),
	url('../fonts/Bariol_Bold.woff') format('woff');
}

@font-face{
    font-family: BariolLight;
    src:url('../fonts/Bariol_Light.otf'),
	url('../fonts/Bariol_Light.woff') format('woff')
}

html > *{
	font-family:BariolRegular,arial;
}

.clear {
    clear:both;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 16px;
    font-size:16px;
}

h1 {
    padding:0;
    margin:0;
}

h2 {
    color:#003965;
}

h3 {
    text-align:left;
    font-size:18px;
    color:#037EAF;
}

h3.pub_title {
    font-size:125%;
    color:#000;
}

/*ol {
    padding-left:0px;
}*/

hr { border: 0; height: 1px; background: #6b6b6b; background-image: linear-gradient(to right, #ccc, #6b6b6b, #ccc); }

a {
    text-decoration:none;
}

#container {
    max-width:1080px;
    margin:0 auto;
}

.headertop {
	/*background-attachment: fixed;*/
    margin:0px 13% 0px 13%;
}

a.mobile_toggle {
    display: none;
}

#mobile_menu {
    display: none;
}

#mobile_search {
    display:none;
}

.headertop a span {
    visibility: visible !important;
    position: static !important;
}
.headertop span {
    display: none;
    visibility: hidden;
    position: absolute;
    bottom: 1px;
    left: 1px;
}

.headertop::after {
    content: ".";
    color: transparent;
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    border-bottom: 1px dashed #999999;
    padding-top: 15px;
    left: 0px;
}

.headermenu {
    float:right;
    margin-top:2px;
    font-family:BariolRegular;
    color:#FFFFFF;
    font-size:18px;
    margin-top:36px;
}

.headermiddle {
    margin:0px 13% 0px 13%;
}

.headermiddle h1 {
    font-size: 5em;
    font-weight:normal;
    margin: 0 auto;
    /*padding: 0px 13% 0px 13%;*/
    font-family:BariolLight;
    padding-top:37px;
    padding-bottom:30px;
    height: auto !important;
    position: static !important;
    width: auto !important;
    float:left;
}

.headermiddle h1 img {
    width:45px;
}

.headermiddle h1 span {
    padding-left:10px;
}

.headermiddle h1 a {
    text-decoration:none;
    color: #037eaf;
}

.headermiddle h1::after {
    content: ".";
    color: transparent;
    height: 1px;
    display: block;
    position: absolute;
    border-bottom: 1px dotted #000000;
    padding-top: 20px;
    left: 0px;
    width: 74%;
    margin: 0px 13% 0px 13%;                           
}

.headermiddle #site-search {
    float:right;
    margin-top:35px;
}

.headermiddle #site-search input#keywords {
    display:none;
    width: 300px;
    font-size: 1.1em;
    padding: 15px;
    border: 1px solid #999999;
    border-radius: 25px;
    color: #666666;
    margin-top: 5px;
    margin-right: 10px;
    outline: none;                                      
}

.headermiddle #site-search input.submit-btn {
    width: 70px;
    height: 70px;
    display: block;
    background-image: url('https://www.ncl.ac.uk/gomobileassets/img/icon-search-black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
    text-indent: -100000px;
    border: 1px solid #333333;
    padding: 15px;
    border-radius: 50px;
    float: right;
    background-color:#fff;
    cursor:pointer;
}

.headermenu ul {
    padding-left:5px;
}

.headermenu ul li {
	display:inline;
    margin-right:25px;
}
.headermenu a {
	color:#003965;
	text-decoration:none;
    font-size:25px;
}
.headermenu a:hover {
    color:#037eaf;
}
.headerbottom {
	max-width: 1080px;
	height: 34px;
	margin-left:auto;
	margin-right:auto;
    padding-top:0px;
}

.site_logo {
    margin-top:40px;
    float:left;
}

.site_logo a {
    background: url("../layout_images/ncl-logo.png");
    background-repeat: no-repeat;
    height: 66px;
    width: 200px;
    display: block;
    background-size:100%;
}

#content h1 {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 5px;
    border-bottom: solid 1px #CCCCCC;
}

.publication_title {
    vertical-align:top;
}

ul.pub_list li {
    list-style-type:none;
    list-style-image:none;
    margin-bottom:10px;
}

.full_text_present {
    background-image:url("../layout_images/full_text.png");
    background-repeat:no-repeat;
    height:31px;
    width:20px;
    display:block;
    float:left;
    margin-top:7px;
}

.full_text_list {
    margin-left:30px;
    margin-bottom:20px;
}

.pub_list {
    margin-bottom:10px;
    padding-left:0px;
}

.contenttext a.authors {
    color:#000;
    font-size:80%;
    font-weight:normal;
}

ol.authors li {
    display: inline;
    list-style: none;
    margin-right: 5px;
}
.clear {
	clear:both;
}
#footer {
	height:100px;
    margin-top:10px;
    padding: 0px 13% 0px 13%;
    font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	color:#000;
    border-top: 1px dotted #4c5053;
    padding-top:10px;
    line-height:2;
}
.footercontent a:link{
	color:#000;
}
.footercontent a:active{
	color:#000;
}

.footercontent a:hover{
	color:#4c5053;
	text-decoration:none;
}
.menu {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
    font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    border-radius:0.5em;
    padding:5px;
    margin-top:10px;
}

.menu a {
    padding:10px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top-left-radius:0.5em;
    border-top-right-radius:0.5em;
    background-color:#ebebeb;
    color:#000;
}

.menu a:hover {
    background-color:#ccc;
}

.contentwrapper {
    padding: 0px 13% 0px 13%;
}

.contenttext {
	padding-left:8px;
	padding-right:12px;
    font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    /*font-family:BariolRegular;*/
	color: #000;
	font-size:16px;
	min-height:200px;
    line-height:1.4;
}

.contenttext a {
    font-weight:bold;
    color:#015A9E;
}

.contenttext a:active {
	color: #993333;
}
.contenttext a:hover {
	color: #993333;
	text-decoration:none;
	outline:dotted;
	outline-width:1px;
}

.contenttext form table a, .etal {
    color:#000;
    font-weight:normal;
}

.etal {
    font-size:80%;
}

.contenttext form table a.pub_title {
    font-weight:bold;
    color:#015A9E;
}

.leftmenu {
	background-image: url(../layout_images/menu_left.png);
	background-repeat:repeat-y;
}
.leftmenubg {
	background-image: url(../layout_images/menu_bg.png);
	background-repeat:repeat;
	padding-right:6px;
}

.contenttext li {
    list-style-type:square;
}
.contenttext dl {
	border-bottom:1px dotted #d4e4ea;
}
.contenttext dt, dd {
	border-top:1px dotted #d4e4ea;
}
dt {
	display:block;
	float:left;
	width:111px;
	clear:left;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
}
dd {
	display:block;
	padding-top:1px;
	padding-bottom:5px;
	padding-left:10px;
	margin-left:120px;
	clear:right;
}

.deposit_btn {
    margin:45px 0px 45px 0px; 
}

.deposit_btn a {
    background:#003965;
    padding:20px 35px 20px 20px;
    border-radius:9999px;
    color:#fff;
    background-image: url(../layout_images/arrow-white-right.svg);
    background-position:96%;
    background-repeat:no-repeat;
}

.deposit_btn a:hover {
    background-color:#037EAF;
    color:#fff;
}

.smlbrmenu {
    font-size:1px;
    line-height:13px;
}
.brmenu {
    font-size:1px;
    line-height:14px;
}

.abstract {
    text-align:justify;
}

.gridviewrowstyle {
    /*background-color:#f4f5f5;*/
    background-color:#dfdfdf;
    color:#4c5053;
    vertical-align:top;
}
.gridviewheaderfooterstyle {
    font-weight:bold;
    text-align:left;
    padding-left:8px;
}

.gridviewheaderfooterstyle table tr td a {
    margin-right:10px;
    padding:4px;
}

.gridviewaltrowstyle {
    background-color:#FFFFFF;
    color:#4c5053;
    vertical-align:top;
}
div#faqs div{display:none;}

div#author_ajax
{
    margin-top:10px;
    padding-bottom:10px;
    max-height:400px;
    overflow:auto;
    border-bottom:1px solid #CCCCCC;
    max-width:1080px;
}

.rss_icon {
    background:url("../layout_images/feed-icon.png") no-repeat scroll right;
    padding-right:35px;
    height:30px;
    float:right;
    margin-top:-37px;
}

.website_stats tr:nth-child(even) td{  
  background-color: #dfdfdf;  
}

@media only screen and (max-device-width : 900px) {
    .headertop h1 {
        font-size:90px;
    }

    .headerbottom {
        display:none;
    }
}

@media (max-width: 1489px) {
    .headertop {
        width:90%;
		padding:0px 5% 0px 5%;
        margin:0px 5px 0px 5px;
    }

    .headermiddle h2 {
        /*font-size:1.2em;*/
    }

    .site_logo a {
        height: 55px;
        width: 160px;
    }

    .headermiddle {
        width:90%;
		padding:0px 5% 0px 5%;
        margin:0px 5px 0px 5px;
    }

    .contentwrapper {
        width:90%;
		padding:0px 5% 0px 5%;
        margin:0px 5px 0px 5px;
    }
	
	 .headermiddle h1::after  {
		width: 90%;
		margin: 0px 5% 0px 5%;
	 }

    #footer {
        width:90%;
		padding:0px 5% 0px 5%;
        margin:0px 5px 0px 5px;
    }

    .headermiddle h2::after {
        width: 90%;
        margin: 0px 5px 0px 6%;
    }
}

@media (max-width: 1140px) {
    .headermenu, #site-search {
        display:none;
    }

    a#mobile_menu_toggle {
        background-image: url('../layout_images/icon-menu.svg');
    }

    a#mobile_search_toggle {
        background-image: url('../layout_images/icon-search.svg');
        margin-right: 50px;
    }

    a.mobile_toggle {
        display: block;
        position: absolute;
        top: 10px;
        right: 5%;
        text-indent: -10000px;
        width: 40px;
        height: 40px;
        border: 1px solid #999999;
        border-radius: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top:25px;
    }

    body.mobile_menu_showing #mobile_menu {
        display: block;
    }

    body.mobile_search_showing #mobile_search {
        display: block;
    }

    #mobile_menu, #mobile_search {
        background-color: #003965;
        color: #FFFFFF;
        display: none;
        width: 90%;
        margin-top: 17px;
        padding: 10px 5% 20px 5%;
    }

    #mobile_menu ul li {
        list-style-image:none;
        list-style:none;
        font-size:1.5em;
    }

    #mobile_menu ul {
        margin:0;
        padding:0;
    }

    #mobile_menu ul li a {
        color:#fff;
        display:block;
        padding:9px 0px 9px 0px;
        border-bottom: 1px dotted #FFFFFF;
    }

    body.mobile_menu_showing a#mobile_menu_toggle, body.mobile_search_showing a#mobile_search_toggle {
        background-image: url('../layout_images/icon-close.svg');
    }

    #mobile_search input#keywords {
        border-radius:25px;
        border: 2px solid #003965;
        width: 70%;
        color:#666;
        padding: 10px 5%;
        font-size:1em;
    }

    #mobile_search input.submit-btn {
        width: 45px;
        height: 45px;
        display: block;
        background-image: url('https://www.ncl.ac.uk/gomobileassets/img/icon-search-black.svg');
        background-repeat: no-repeat;
        background-position: center center;
        color: transparent;
        text-indent: -100000px;
        border: 1px solid #333333;
        padding: 15px;
        border-radius: 50px;
        float: right;
        background-color: #fff;
        cursor: pointer;
    }

    .gridviewheaderfooterstyle table tr td a {
        margin-right:0px;
        border:none;
        border-radius:0;
        padding:0px;
}

}