/*
 * This CSS file will be applied after all the built in styles.
 *
 * CSS files are loaded in alphabetic order, hence the  "zzz" in
 * the filename to force it to load after the other css files!
 *
 * Add any local over-rides here.
 *
 * To totally replace a system css file, create a file of the same
 * name in this directory. eg. messages.css
 *
*/




/*+++++++++++++++ Changes to Enlighten brand ME October 2015  +++++++++++++++++++++++++*/

/* Change the body background to grey */

body{
      background-color: #cdced2;
}

/* set the margin on the main content to 10px left and right */

#eprints_content{
	margin: 10px 10px;
}

/* set horizontal scroll on data entry forms in admin

.ep_sr_content {
    overflow-x: scroll;
}

*/

/* add ref select button style to meprints ME 21/11/16 */

#refselection_button_div a{
  display:block;
	background: #00365B;
	border-bottom: #04141F 1px solid;
	border-left: #00365B 1px solid;
	border-radius: 5px;
	border-right: #00365B 1px solid;
    	border-top: #00365B 1px solid;
    	color: #fff;
    	padding:5px 0 0 5px;
    	font-family: "PT Sans",sans-serif;
      height: 24px;
      width: 120px;
      margin: 5px 0 10px 0;

}


/* add repolink box styling ME 8/11/16 */

div.repo_links{
    width: 98%;
    border: 1px solid #ddd;
    padding: 0  0  0 10px;
}


/* remove left margin from content table */

.ep_summary_content_main table {
    	margin-left: 0;
}

/* make the dashed line on the left table border thinner */

td.ep_columns_cell:first-child{
    	border-left-width: 1px;
}

/* align H1 left  */

h1 {
	text-align:left;
}

/* heading sizes */

.maincontent h2{
	font-size: 1.6em;
}

.maincontent h4 {
    font-size: 1.5em;
    font-weight: 500;
    margin: .5em 0;
}

.maincontent ul{
	font-family: 'PT Sans';
}

.maincontent h1{
	font-size: 2.0em;
	margin-top:0.5em;
}

/* table headings  */
.maincontent th{
	background-color:#EDEDED;
}

/* total hack to get the table on the Impact screen Activities compound field to display in one row */

th#c7_imp_engagement_th_3{
	padding-right: 60px;
	padding-left: 60px;
}


th#c7_imp_engagement_th_4{
	padding-right: 250px;
	padding-left: 250px;
}

/*admin page tabs background color */

.ep_tab_bar li a, .ep_summary_box_title, .ep_summary_box_body,
.ep_sr_title_bar, .ep_sr_content, .ep_sr_collapse_bar, .ep_tab_panel,
.ep_toolbox_content, .ep_upload_doc, .ep_toolbox_content, .ep_search_buttons,
.ep_search_buttons, .ep_search_controls, .ep_search_controls_bottom,
.ep_view_group_by{
	background-color:#e1edf9;
}


/* link text variations of University Cobalt Blue */

a, .ep_tm_key_tools a:visited {
	color:#009dec;
}

a:visited {
	color:#257bb8;
}


a:hover {
	color:#0080ec;
}

.ep_only_js{
	text-align: left;
}

/* force the help '?' to the right of their container  */

.ep_sr_show_help,.ep_sr_hide_help{
	text-align:right;
}



/* make list of latest additions look nicer  - trying to get the shelves results to look better (form table) but commented out just now as has implications with other */

div.ep_latest_list div:nth-child(even)/*, form table tr:nth-child(even)*/{
	background: #efefef;
	line-height:1.4em;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.ep_latest_list div:nth-child(odd)/*, form table tr:nth-child(odd)*/{
	background: #FFF;
	line-height:1.4em;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* give some borders to td element in forms */
form table tr td{
    border-style: none dashed solid none;
    border-width: 1px;
}

/* ref plugin */

table.ep_paginate_list tr:nth-child(even), table.ref_current_selections tr:nth-child(even){
	background: #efefef;
	line-height:1.4em;
}

table.ep_paginate_list tr:nth-child(odd), table.ref_current_selections tr:nth-child(odd){
	background: #FFF;
	line-height:1.4em;
}

table.ep_paginate_list td, table.ref_current_selections td{
	padding: .5em 0 .5em 0;
}

table.ep_paginate_list td:nth-of-type(2){
	width:92%;
}

table.ref_current_selections tr td ul li{
	margin-bottom:10px;
	list-style-type:none;
}

table.ref_current_selections tr td ul li a:hover, table.ref_current_selections tr td ul li a:visited{
	color: #fff;
}

table.ep_paginate_list td:nth-of-type(3) a, table.ep_paginate_list td:nth-of-type(4) a{
	background: 0;
	border:0;
	/*
	border-bottom: #04141F 1px solid;
	border-left: #00365B 1px solid;
	border-radius: 5px;
	border-right: #00365B 1px solid;
    	border-top: #00365B 1px solid;
    	*/
    	color: #fff;
    	padding:3px;
    	font-family: "PT Sans",sans-serif;
}

table.ref_current_selections tr td ul li a{
	display:block;
	background: #00365B;
	border-bottom: #04141F 1px solid;
	border-left: #00365B 1px solid;
	border-radius: 5px;
	border-right: #00365B 1px solid;
    	border-top: #00365B 1px solid;
    	color: #fff;
    	padding:3px;
    	font-family: "PT Sans",sans-serif;
    	margin-right:2px;
}

div.ep_ref_listing_content table.ep_paginate_list td:nth-of-type(3) a {
	display: block;
	background: #00365B;
	border-bottom: #04141F 1px solid;
	border-left: #00365B 1px solid;
	border-radius: 5px;
	border-right: #00365B 1px solid;
	border-top: #00365B 1px solid;
	color: #fff;
	padding: 3px;
	font-family: "PT Sans",sans-serif;
	margin-right: 2px;
}


ul li#ref_user_overview_tab_1, ul li#ref_user_overview_tab_2 {
    visibility: hidden;
}



/* make the icons on the manage deposits page more visible */

ul.ep_action_list{
	width:180px;
}

ul.ep_action_list img{
	width:70%;
}
/* for shelves input checkbox - margin is set below */

#mainpage form input[type="checkbox"][name="eprintids"]{
	max-width:100%;
}

/* make the drop down lists for 'myPublications' and 'Browse' always appear on top of other elements */

ul#ep_tm_menu_tools, li.ep_drop_down ul{
	z-index:99999999;
}

.ep_search_results {
	overflow-x: scroll;
}

/* information page list spacing */

dt, dd{margin:0 0 20px 10px;}
dd.last_item{border-bottom:1px solid #ccc;padding-bottom:20px;}

/* change the width of the official_url field so that look-up is wide enough */

.ep_eprint_official_url {
	width:480px;
}



/* to fix margins on the right hand side of the page at amaller widths */

@media screen and (max-width: 768px) {

  		.maincontent h1{
			margin-top:0;
		}

		.ep_summary_content{
			margin-right:10px;
		}

		.ep_toolbox{
			margin-right:10px;
		}
}

@media only screen and (max-width: 680px){
.dropdownNav {
   padding:0;
	}
}


/*/////////////   End of ME changes October 15          ////////////////////////////////////////////////////////////////////////////////////////*/


h1{
	color: #02456d;
	font-weight: normal;
}

#pageContent #mainpage img{
	display:inline;
	border:none;
	max-width:inherit;  /*added to prevent arrow images shrinking ME 27/11/15*/
}

#pageContent .aside{
	position: static;
	float:left;
	margin-right: 20px;
	background:1em top no-repeat #ededed;
}

#mainpage{
	float:none;
}

#mainpage form{
	border:none;
}

.sectionHeader h1{
	text-align: left;
}

.maincontent .ep_columns_cell.ep_columns_cell_last{
	padding:0;
}

#mainpage form{
	padding:0;
}

#mainpage #eprints_content input[type="submit"]{
	margin: 0.4em;
	padding: 5px;
}

ul.ep_action_list li{
	vertical-align: middle;
}

.maincontent td{
	padding:0;
}

.ep_columns td table, .ep_columns td table > *{
	margin:0;
	padding:0;
}

#mainpage #eprints_content .ep_columns_cell_last .caption{
	display:none;
}

#mainpage #eprints_content p, #mainpage #eprints_content a, #mainpage #eprints_content li, #mainpage #eprints_content td,
#mainpage #eprints_content form input, #mainpage #eprints_content form p, #mainpage #eprints_content form label{
	font-size: 1em !important;
	white-space: normal;
}

#mainpage #eprints_content form input, #mainpage #eprints_content form select, #mainpage #eprints_content form label
{
	display: inline;
	float:none;
	margin:0.5em;
	font-family: "PT Sans",sans-serif;
}


/*#eprints_content #ep_admin_tabs_tabs li*/
#mainpage #eprints_content .ep_tab_bar li{
	display:inline;
	margin:0;
	list-style: none;
}

#mainpage input, #mainpage select, #mainpage textarea {
	margin:0.5em;
}


.ep_tm_key_tools li{
	display:block;
	border:none;
}


#sNav .ep_tm_key_tools li a{
	margin-left:0;
	padding-left: 0;
}

/*
Resizing so that we can fit Search Repository onto the title button
*/
#siteSearch input{
	width:62%;
}

#siteSearch button{
	width: 32%;
}

#mainpage #eprints_content form td, #mainpage #eprints_content form table{
	border:none;

}


#mainpage input[type="password"]{
	width:60% !important;
}

.ep_block p{
	text-align: left;
}


.open{
  background-color:#ededed;
}


.contentPanelContainer0{
	display:none;
}

.ep_msg_message_content, .ep_msg_error_content, .ep_msg_warning_content, .ep_msg_other_content
{
    border-width: 0;
}

.ep_msg_message_content table
{
    border: 1px solid #ccc;
}

.ep_msg_message_content td
{
    border: none;
}

.caption {
	display: none;
}

/*For the table with the PDF and author details*/
.maincontent table{
	border:none;
}

.maincontent td{
	border: none;
}
/*end PDF table*/

.maincontent .ep_blister_bar{
	width:100%;
	margin:auto;
}

#sNav a{
	font-size: 1em !important;
}

#sNav li{
	font-size: 14px;
}

/*
Input is set to 60% which is just huge.  Unless specified otherwise, 160px looks slightly better

*/

#mainpage #eprints_content input[type='text'], #mainpage #eprints_content input[type='password']{
	width: 160px !important;
}


/*
Line up the EPrints form buttons
*/

.ep_form_input_grid_arrows{
	text-align: right;
}

/* removed to top of page with other edits - changed to align left */
/*.ep_only_js{
	text-align: right;
}*/

.ep_sr_title > *{
	text-align: left;
}

/*Seems there's a specific rule for id="q", so overriding*/
#mainpage input#q{
	padding:0.5em !important;
}


/*The width="100%" breaks the display in Chrome on display items*/
td.ep_columns_alter td{
	width:14px;
}

/*The last cell disappears off the edge if the display get too small without this*/
table ul.ep_action_list{
	white-space: normal;
}

#sNav .ep_drop_down:hover ul{
  display:block;
  float:none;

}

#sNav ul li ul{
  display:none;

  background-color:#ededed;
}

th.ep_row{
	vertical-align: middle;
}

/*add padding left to the file info table cells */

td.ep_row {
	vertical-align: middle;
	padding:0 0 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bbbbff;
}

.ep_preview{
	border: solid 1px black;
}

/* navigation buttons selected */

#mainpage input[type=submit].ep_blister_node_selected{
background:#e1edf9;
color:#003658;
font-weight:bolder;
}

/*
we need to target some text inputs to be wider than the 160px above - as the above uses !important we need to put these here so they load last

ME 6/6/2016
*/

#mainpage #eprints_content input[type='text'].ep_eprint_id_number, #mainpage #eprints_content input[type='text'].ep_eprint_publication,
#mainpage #eprints_content input[type='text'].ep_eprint_researchgrp, #mainpage #eprints_content input[type='text'].ep_eprint_journal_abbr,
#mainpage #eprints_content input[type='text'].ep_eprint_official_url, #mainpage #eprints_content input[type='text'].ep_eprint_thomson_ut{
	width: 320px !important;
}

/* REF */
/* ME 19/8/16 added to make the traffic light */

div.traffic-light-wrapper {
      	padding:0;
      	width:96%;
      	border-top:1px solid #ddd;
      	margin-top:8px;
}
ul.traffic-light {
	padding: 0;
	margin: 5px 0 0 0;
}
ul.traffic-light li {
    	float:left;
    	list-style-type:none;
    	margin:0 4px 0 0;
}
table.ref_current_selections tr:nth-child(odd) div:nth-child(2) {
    	border-top:1px solid #eee;
}
ul.traffic-light li span {
      	display: block;
      	margin: 2px 0 0;
      	width: 10px;
      	height: 10px;
      	content:'';
      	background-color: #000;
     	border-top: 1px solid rgba(255,255,255,0.6);
        -moz-border-radius:     50%;
        -webkit-border-radius:  50%;
      	border-radius:            50%;
}
ul.traffic-light li span.green-on, ul#ref-selection-info li span.green {
      	background-color: #43C532;
      	border:1px solid #999;
}
ul.traffic-light li span.amber-on, ul#ref-selection-info li span.amber {
      	background-color: #ffd633;
   	border:1px solid #999;
}
ul.traffic-light li span.red-on, ul#ref-selection-info li span.red {
      	background-color: #D10A11;
      	border:1px solid #999;
}
ul.traffic-light li span.green-off {
	background-color: #f2f9f0;
	-moz-box-shadow:    0 0 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
      	box-shadow:         0 0 1px rgba(0,0,0,.3);
}
ul.traffic-light li span.amber-off {
	background-color: #fdfbee;
	-moz-box-shadow:    0 0 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
      	box-shadow:         0 0 1px rgba(0,0,0,.3);
}
ul.traffic-light li span.red-off {
	background-color: #fbeeee;
	-moz-box-shadow:    0 0 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
      	box-shadow:         0 0 1px rgba(0,0,0,.3);
}

/* ==========================================================  for the ref selection help text*/

ul#ref-selection-info{
	padding: 0;
	margin:0 0 10px 0;
}

ul#ref-selection-info li{
	list-style-type:none;
}

ul#ref-selection-info li ul{
	margin:7px 0 0 20px;
}

ul#ref-selection-info li ul li{
	list-style-type:square;
}

ul#ref-selection-info li span {
      	display: block;
      	padding:0;
      	float:left;
      	margin: 2px 4px 4px 0;
      	width: 10px;
      	height: 10px;
      	content:'';
      	background-color: #000;
     	border-top: 1px solid rgba(255,255,255,0.6);
        -moz-border-radius:     50%;
        -webkit-border-radius:  50%;
      	border-radius:            50%;
}

.ep_msg_message_content, .ep_msg_warning_content, .ep_msg_error_content, .ep_msg_other_content {
   	background-color: #9fdf9f;
    	border-color: #aa8;
    	border-width:1px;
        background-image: none;
        padding:5px;
}