/* 
 * 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
 * 
*/


body {
	background-color: white;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	height: auto;
	line-height: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 705px;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
}

h2, h3, h4 {
	color: #03257D;
	padding-top: 4px;
}

h1 {
	color: #CC6600;
	font-size: 24px;
}

h2 {
	border-top: solid 1px #CCCCCC;
	font-size: 18px;
}

h3 {
	border-top: dashed 1px #CCCCCC;
	font-size: 14px;
}

h3 a {
	text-decoration: underline;
}

h4 {
	font-size: 12px;
}

a {
	color:#03257D;
	text-decoration: none;
}

a:hover {
	color: #CC6600;
	text-decoration: underline;
}

.noborder {
	background-color: transparent;
	border: none;
}


/*
	The header contains the banner, menu bar and status bar.
*/
.sob_tm_header {
	height: 162px;
	position: relative;
	width: 100%;
}

/*
	Use relative positioning for all images in the header. They also float above all other elements.
*/
.sob_tm_header img {
	border-style: none;
	display: inline;
	position: absolute;
	z-index: 10;
}

/* University of Otago logo. */
.otago_tm_logo img {
	left: 20px;
}

/* School of Business logo. */
.sob_tm_logo img {
	left: 285px;
	top: 19px;
}

/*
	The menu is created within a relatively positioned DIV. This runs the width of the layout and floats behind all other elements.
*/
#sob_tm_menu {
	background-color: #03257D;
	height: 20px;
	position: absolute;
	top: 94px;
	width: 100%;
	z-index: 5;
}

#sob_tm_menu_items {
	background-color: #03257D;
	border-right: dotted 1px #5C78BF;
	float: left;
	left: 127px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align: left;
	z-index: 7;
}

/*
	Drop down menus based on the tutorial at:
		http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
	This includes some odd little hacks for portability across browsers (mainly IE). Additional IE-only hackery can be found in ie_hacks.css.
*/
#sob_tm_menu_items ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 112px;
}

#sob_tm_menu_items a {
	background: none;
	border-left: dotted 1px #5C78BF;
	color: white;
	display: block;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	text-decoration: none;
}

#sob_tm_menu_items li {
	position: relative;
}

#sob_tm_menu_items a:hover {
	background-color: #CC6600;
	color: white;
}

#sob_tm_menu_items ul ul {
	background-color: #03257D;
	border-top: solid 1px white;
	position: absolute;
	text-align: left;
	z-index: 500;
}

#sob_tm_menu_items ul ul a {
	border-style: none;
	padding-left: 1em;
}

#sob_tm_menu_items ul ul ul {
	border: none;
	left: 100%;
	position: absolute;
	top: 0;
}

/*
	Ugly hack for compatibility with all browsers. Would be much cleaner with child selectors. */
div#sob_tm_menu_items ul ul,
div#sob_tm_menu_items ul li:hover ul ul,
div#sob_tm_menu_items ul ul li:hover ul ul,
div#sob_tm_menu_items ul ul ul li:hover ul ul {
	display: none;
}

div#sob_tm_menu_items ul li:hover ul,
div#sob_tm_menu_items ul ul li:hover ul,
div#sob_tm_menu_items ul ul ul li:hover ul,
div#sob_tm_menu_items ul ul ul ul li:hover ul {
	display: block;
}

/*
	Set the appearance of the EPrints status/search bar.
*/
.sob_tm_searchbar {
	color: #666666;
	background-color: #CCCCCC;
	background-image: url(/style/images/gray_bar.png);
	font-size: 10px;
	height: 38px;
	line-height: 14px;
	position: absolute;
	top: 114px;
	width: 100%;
	white-space: nowrap;
}

.sob_tm_searchbar table {
	border: none;
	margin-bottom: 5px;
	margin-left: 117px;
	margin-right: 10px;
	margin-top: 5px;
	width: 578px;
}

.sob_login_status {
	padding-right: 10px;
	text-align: left;
	width: 325px;
}

.sob_search_box, .sob_feeds {
	text-align: right;
}

.sob_feeds {
	float: right;
	height: 0px;
	position: relative;
	top: -32px;
	width: 220px;
}

/*
	Override the appearance of the standard classes for the remaining items in the status/search bar.
*/
.ep_search_feed {
	font-size: 10px;
	line-height: 14px
}

.ep_search_feed a {
	color: #666666;
}

.ep_search_feed a:hover {
	color: #CC6600;
}

.ep_search_feed img {
	position: static;
}

.ep_tm_searchbarbutton {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px
	line-height: 14px;
	padding-left: 3px;
	padding-right: 3px;
}

.ep_tm_searchbarbox {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px
	line-height: 14px;
	width: 180px;
}

/*
	Ensure that tables inside "toolboxes" run to the full width regardless of their contents. Make this a different class from ep_toolbox_content, as
	it's used in other places where it doesn't make sense to change the width
	like this (e.g., the workflow buttons for editing an eprint).
*/
.sob_toolbox_content table {
	width: 100%;
}

/*
	The "main" section contains the main content of the page.
*/
.sob_tm_main {
	margin: 1em;
}

/*
	The footer contains the links menus.
*/
.sob_tm_footer {
	border-top: 1px dotted #CCCCCC;
	color: #666666;
	font-size: 10px;
	height: 30px;
	line-height: 14px;
	padding-top: 5px;
}

.sob_tm_footer_left {
	float: left;
	margin-left: 3em;
}

.sob_tm_footer_right {
	float: right;
	margin-right: 3em;
	text-align: right;
}

.sob_tm_footer a {
	color: #666666;
}

.sob_tm_footer a:hover {
	color: #CC6600;
}


/*
	Override the standard a:hover behaviour for certain link types, as they
	look horrible otherwise. (In particular, the "check boxes" on the Manage
	Deposits screen, or the names of expandable fields when editing an item.)
*/
.ep_items_filters a:hover, a.ep_sr_collapse_link:hover,
a.ep_subjectinput_toggle:hover, .ep_update_doc_options a:hover {
	text-decoration: none;
}