/*** New (2014) template ***/
.clear {
    clear: both;
}
body {
    margin: 0;
    background: transparent url(../images/background_bottomright.png) no-repeat fixed right bottom;
    font-family: Arial, Helvetica, sans-serif;
}
#background-container-topleft {
    background: url(../images/background_topleft.png) no-repeat fixed left top;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize body {
        background-image: url(../images/background_bottomright@2x.png);
        background-size: 389px 333px;
    }
    html.mod-backgroundsize #background-container-topleft {
        background-image: url(../images/background_topleft@2x.png);
        background-size: 610px 499px;
    }
}
#container {
    padding: 20px 26px 39px 26px;
    background-color: #ffffff;
    border: 0;
    width: 980px;
    margin: 0 auto;
    position: relative;
}
html.mod-cssgradients.mod-rgba #container {
    background: linear-gradient(
            135deg,
            rgba(255,255,255,0.75)   0%,
            rgba(255,255,255,0.75)   3%,
            rgba(255,255,255,1.00)  15%,
            rgba(255,255,255,1.00)  85%,
            rgba(255,255,255,0.75)  95%,
            rgba(255,255,255,0.75) 100%
    );
}
html.mod-boxshadow.mod-rgba #container {
    /* only use a box shadow if we support RGBA and box shadows */
    box-shadow: 0px 0px 30px -10px rgba(0,0,0,1);
}
html.mod-no-boxshadow #container, html.mod-no-rgba #container {
    /* fall back to just using a border, or there's no separation at all and it's hard to use */
    border-width: 0 1px 0 1px;
    border-color: #888888;
}
div#content, div#welcome {
    background-color: transparent;
}
#NCRMlogo {
    clear: both;
    width: auto;
    height: auto;
    display: block;
    float: left;
    margin: 0 0 16px 0;
}
#NCRMlogo img {
    width: 341px;
    height: 42px;
    padding: 0;
}
ul.social_icons {
    list-style-type: none;
    padding: 0;
    float: right;
    margin: 0 0 16px;
}
ul.social_icons li {
    display: inline-block;
    padding: 0;
    margin: 0;

}
ul.social_icons li a {
    display: block;
    line-height: 0;
    margin: 0 0 0 22px;
}
ul.social_icons li img {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 25px;
}


div.menu {
    clear: both;
    line-height: 40px;
    font-weight: normal;
    background-image: none;
    margin-bottom: 44px;
}
div.menu .ep_tm_menu, div.menu .ep_tm_menu li:hover {
    background-image: none;
}
div.menu ul {
    list-style-type: none;
}
div.menu > ul {
    padding: 0;
    height: 32px;
    background-color: #1C4F7C;
}
div.menu li{
    float: left;
}
div.menu li a {
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 24px;
}
div.menu li a.active, div.menu li a.active:link, div.menu li a.active:visited{
    background-color: #2A93EF;
    color: #FFFFFF;
}
div.menu li a:hover{
    color: #2A93EF;
}
div.menu li a.active:hover{
    color: #1C4F7C;
}
div.menu > ul > li > a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 32px;
    padding: 0 7px;
    background-color: #005086;
    font-weight: normal;
}
div.menu > ul > li:first-child > a {
    padding-left: 8px;
}
div.menu > ul > li:last-child > a {
    padding-right: 15px;
}
div.menu > ul > li > ul {
    display: none;
}
div.menu > ul > li > ul.active {
    left: 0;
    position: absolute;
    display: block;
    background-color: #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    padding: 0;
    margin: 0 26px;
    width: 980px;
}
div.menu > ul > li > ul > li > a,
div.menu > ul > li > ul > li > a:link,
div.menu > ul > li > ul > li > a:active,
div.menu > ul > li > ul > li > a:visited {
    padding: 0 10px;
    font-size: 13px;
    font-weight: normal;
    color: #1c4f7c;
}
div.menu > ul > li > ul > li > a.active {
    color: #FFFFFF;
}
div.menu li.searchform {
    display: inline-block;
    float: right;
    line-height: 24px;
}
div.menu li.searchform:hover {
    background-color: inherit;
}
div.menu li.searchform > form {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 27px;
    z-index: 100;
    height: 27px;
    background-color: #F0F0F0;
    /*box-shadow: -12px 0px 8px -5px #F0F0F0;*/
    padding: 0 3px 0 30px;
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 10%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 10%, rgba(240, 240, 240, 1) 100%);
}
div.menu li.searchform > form input,
.ep_tm_searchbarbutton,
.ep_tm_searchbarbox {
    margin: 0;
    font-size: inherit;
}
div.menu li.searchform > form .ep_tm_searchbarbox {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    cursor: text;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    width: 50px;
    height: 27px;
    box-sizing: border-box;
    -webkit-transition: border-color 0.5s ease,
                width 0.5s ease;
    transition: border-color 0.5s ease,
                width 0.5s ease;
}
div.menu li.searchform > form .ep_tm_searchbarbox:hover {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    width: 50px;
}
div.menu li.searchform > form .ep_tm_searchbarbox:focus,
div.menu li.searchform > form .ep_tm_searchbarbox:valid {
    /* `:valid` in this context means that the field has a non-empty value, as
        this field is set to "required", thus making an empty field "invalid".
        This allows us to dynamically style the search field according to
        whether anything has been entered into it */
    background-color: #FFFFFF;
    border: 1px solid #666666;
    cursor: text;
    width: 200px;
    height: 28px;
    vertical-align: middle;
}

.ep_tm_searchbarbutton {
    height: 25px;
}

table.ep_search_fields {
    margin-left: auto;
    margin-right: auto;
}


#eprints_login-status-tools {
    position: relative;
    top: -20px;
    border-top: 1px solid #ffffff;
    background-color: #f0f0f0;
}

.ep_logged_in_tools,
.ep_not_logged_in_tools,
.ep_tm_key_tools {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 0px;
}

.ep_logged_in_tools li,
.ep_not_logged_in_tools li,
.ep_tm_key_tools li {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.ep_logged_in_tools li a,
.ep_not_logged_in_tools li a,
.ep_tm_key_tools li a,
.ep_logged_in_tools li a:link,
.ep_not_logged_in_tools li a:link,
.ep_tm_key_tools li a:link,
.ep_logged_in_tools li a:visited,
.ep_not_logged_in_tools li a:visited,
.ep_tm_key_tools li a:visited,
.ep_logged_in_tools li a:active,
.ep_not_logged_in_tools li a:active,
.ep_tm_key_tools li a:active {
    padding: 2px 10px;
    text-decoration: none;
    color: #1C4F7C;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
}

.ep_logged_in_tools li a:hover,
.ep_not_logged_in_tools li a:hover,
.ep_tm_key_tools li a:hover {
    background-color: #279AE2;
    color: inherit;
    text-decoration: inherit;
}

/*ul.ep_tm_key_tools {
    display: inline;
    font-size: 13px;
    font-weight: normal;
}
.ep_tm_key_tools li {
    padding: 2px 0 2px 0;
    border-left: none;
    border-right: 1px solid #000000;
}
.ep_tm_key_tools li a:link,
.ep_tm_key_tools li a:visited,
.ep_tm_key_tools li a:active {
    padding: 0 5px;
    text-decoration: none;
    color: #1c4f7c;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); *//* make it stand out against grey background *//*
}
.ep_tm_key_tools li a:hover {
    background-color: #279ae2;
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
    font-weight: inherit;
}*/



.ep_tm_footer {
    margin-top: 25px;
    padding: 15px 0 0 0;
    border-top: 1px solid #C0CCE6;
}
/*.ep_tm_footer:after {
    content: "";
    display: block;
    border-top: 1px solid #c0cce6;
    position: relative;
    top: -96px;
}*/
/*#footer {
    border-top: 1px solid #c0cce6;
    margin-top: 25px;
    padding-top: 13px;
}*/
#support_icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#support_icons li {
    padding: 0;
    margin: 0;
    float: left;
}
#support_icons li img {
    border: none;
}
#support_icons .esrc {
    margin-right: 22px;
}
#support_icons .esrc img {
    width: 70px;
    height: 58px;
}
#support_icons .soton {
    margin-right: 26px;
    margin-top: 14px;
}
#support_icons .soton img {
    width: 142px;
    height: 31px;
}
#support_icons .manchester {
    margin-right: 28px;
    margin-top: 5px;
}
#support_icons .manchester img {
    width: 115px;
    height: 49px;
}
#support_icons .edinburgh {
    margin-top: 7px;
}
#support_icons .edinburgh img {
    width: 237px;
    height: 44px;
}
#legal {
    list-style-type: none;
    margin: 19px 0 0 0;
    padding: 0;
    float: right;
    font-size: 12px;
}
#legal li {
    border-left: 1px solid #595959;
    padding: 0 1px 0 2px;
    margin: 0;
    display: inline-block;
}
#legal li:first-child {
    border-left: none;
    padding-left: 0;
}
#legal li:last-child {
    padding-right: 0;
}
#legal li:first-child a {
    padding-left: 0;
}
#legal li:last-child a {
    padding-right: 0;
}
#legal li a {
    display: block;
    padding: 2px 3px;
    color: #595959;
    font-weight: normal;
    text-decoration: none;
}
#legal li a:hover {
    text-decoration: underline;
}
.eprints_about {
    padding-top: 10px;
    clear: both;
}
#legal li .person_name {
    padding-right: 3px;
}


div#content {
    padding: 0;
    margin-top: 12px;
}

div.ep_tm_header {
    background: transparent;
    margin-top: 45px;
}
div.ep_tm_page_content {
    width: 980px;
}

#main-column {
    width: 980px;
    float: left;
    margin: 10px 0 10px 0;
}


/*
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.large-navy-title {
    font-size:18px;
    color:#1c4f7c;
    margin-bottom:5px;
}

.ep_block h1 {
    color:#000000;
    font-size:15px;
    margin-bottom:5px;
    font-style:normal !important;
    font-weight:600;
}

h1{
    color:#1c4f7c;
    font-size:18px;
    font-weight:400;
    margin-bottom:5px;
}

h2 {

    color:#1c4f7c;
    font-size:18px;
    font-weight:400;
    margin-bottom:5px;
    /*
    color:#000000;
    font-size:15px;
    margin-bottom:5px;*/
}

h3 {
    color:#000000;
    font-size:15px;
    margin-bottom:5px;
}

h1, h1 a, h1 a:visited, h1 a:link {
    text-decoration: none;
    color: #1c4f7c;
    font-size:18px;
    font-weight:400;
}

h2 a, h2 a:visited, h2 a:link{
    color: #1c4f7c;
    font-size:15px;

}

h3, h3 a, h3 a:visited {
    color: #000000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: none;
    color: #2a93ef !important;
}

h1 a:hover {
    font-size:18px;
}

h2 a:hover, h3 a:hover {
    text-decoration: none;
    color: #2a93ef !important;
    font-size:15px;
}


h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited {
    color:#3d9ab4;
    font-size:16px;
    margin:8px 0;
}
h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
    color: #1c4f7c !important;
}


p {
    font-size:12px;
    color:#000;
    margin-bottom:5px;
}

tr td {
    font-size:12px;
    color:#000;
}





/*
Links: Always implement all four states through-out this stylesheet */
a:link,
a:visited,
a:active {
    color: #1C4F7C;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
a:hover {
    color: #2A93EF;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}
/*
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.highlight {
    color:#2a93ef !important;
}

.buttons {
    float: left;
}

.buttons img {
    border:0px;
}

.buttons tr td {
    padding:6px;
}




/*
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Homepage Columns*/
.column1, .column2, .column3 {
    margin-top:10px;
    width:303px;
    float:left;
}

.column1 td, .column2 td  {
    padding-bottom:7px;
}

.column1 h2, .column2 h2, .column3 h2 {
    font-size:15px;
    color:#000;
    font-weight:600;
    margin:4px 0;
    padding-bottom:8px;
    padding-top:10px;
    border-top: 1px solid #b9bdc1;
    background: none;
}

.column1, .column2 {
    margin-right: 35px;
}

.column-image {
    border-top: 1px dotted #0b2b47;
    border-bottom: 1px dotted #0b2b47;
    padding: 5px 0;
    margin-bottom:10px;
}

.column-list {
    font-size:12px;
    margin:0 0 0 15px;
    padding:0;
    line-height:14px;
}
.column-list li {
    margin-bottom: 10px;
}

/* Internal Page */
#internal-content {
    border-top:2px solid #0b2b47;
    font-size:11px;
}
#internal-content p{
    margin-bottom:10px;
}
#internal-content ul, #sidebar ul{
    font-size:11px;
    margin:0 0 0 17px;
    padding:0;
    line-height:14px;
    list-style-type:square;
    color:#000000;
}
#internal-content ol, #sidebar ol{
    font-size:11px;
    margin:0 0 0 24px;
    padding:0;
    line-height:14px;
    color:#000000;
}
#internal-content li, #sidebar li {
    margin-bottom:7px;
}

/*
IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p img {
    padding: 0;
    max-width: 100%;
}

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:5px;
    border: 1px solid #d4d4d4;
    clear:both;
}

img.alignright {
    margin: 10px 20px 10px 30px;
    display: inline;
    padding:5px;
    border: 1px solid #d4d4d4;
    clear:right;
}

img.alignleft {
    margin: 10px 30px 10px 20px;
    display: inline;
    padding:5px;
    border: 1px solid #d4d4d4;
    clear:left
}

.alignright {
    float: right;
}

.alignleft {
    float:left;
}
/*
END IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

fieldset {
    border: none;
}

fieldset legend {
    padding: 10px 0 10px 0 !important;
    font-size:14px;
    font-weight:bold;
}

form, label input {
    margin: 0;
    padding: 0;
    font-size:12px;
}

#sidebar input:focus, #sidebar textarea:focus, #sidebar label:focus {
    background: #fff;
    border: 1px solid #686868;
}

label.formLabel, input.formField {
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 5px;
    color:#555;
}

label.formLabel {
    text-align: left;
    float:left;
    width: 130px;
    display: block;
}

.formField {
    border:1px solid #bccdf0;
    padding:2px;
    color:#b3b2b2;
}

br.formBR {
    clear: left;
}
/*
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
