/*  	
	Site custom CSS
	Version : 1.2
	Filename : _site_id.css
	Type: DEVOLVED - External / Internal  
	Date created : 31/10/2006
	Validates : CSS2, CSS2.1, CSS3
	
	Known issues : 	None
	
	Usage notes:
	Set site-wide colour scheme for site name, primary navigation, secondary navigation, home and leader page splash boxes

	NOTE DO NOT REPLACE COLOUR SHADES IN THIS COMMENT
	
	pallete			shade 0 shade 1 shade 2
	red				cc0000	ff9999	ffcccc
	blue			0066cc	3399ff	99ccff
	green			009933	66cc66	ccffcc
	turquoise		009999	66cccc	ccffff
	mauve			cc3399	ff99cc	ffccff
	purple			660099	9966cc	eecdff
	
	Replace cc3399 with shade 0 value
	Replace ff99cc with shade 1 value
	Replace ffccff with shade 2 value	
*/
@font-face {
	font-family: 'MyriadProSemibold';
	src: url('myriadpro-semibold-webfont.eot');
	src: local('?'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontLs5JOK4r') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { position: relative; width: 1003px; font-size: 80%; }
#manchesterescholar h1 { color: #663399; font-family: 'MyriadProSemibold',Tahoma,sans-serif; font-size: 1.8em; font-weight: bold; margin: 0; padding: 0 0 0.2em 0; }
#manchesterescholar #sitename { border-bottom-color: #660099 !important; }
#manchesterescholar #sitename span, 
#manchesterescholar #sitename h1,
#manchesterescholar #sitename a,
#manchesterescholar #sitename a:visited { background-color: inherit; color: #660099; }

#manchesterescholar #nav-primary,
#manchesterescholar .tab { border-bottom-color: #660099; }
#manchesterescholar #nav-primary a,
#manchesterescholar .tab a { background-color: inherit; color: #660099; }

#manchesterescholar .searchresources li#searchresources,
#manchesterescholar .academicsuppport li#academicsupport,
#manchesterescholar .ourservices li#ourservices,
#manchesterescholar .page-deansgate li#deansgate,
#manchesterescholar .specialcollections li#specialcollections,
#manchesterescholar .aboutus li#aboutus,
#manchesterescholar .account li#account,
#manchesterescholar #nav-primary ul li.selected,
#manchesterescholar .tab ul li.selected,
#manchesterescholar .tab ul li span { background: url("/jrul/images/tab_660099_ffffff_right.gif") no-repeat top right; background-color: inherit; color: #ffffff; }
#manchesterescholar #nav-primary .account { float: right; }

#manchesterescholar .searchresources li#searchresources a,
#manchesterescholar .academicsuppport li#academicsupport a,
#manchesterescholar .ourservices li#ourservices a,
#manchesterescholar .page-deansgate li#deansgate a,
#manchesterescholar .specialcollections li#specialcollections a,
#manchesterescholar .aboutus li#aboutus a,
#manchesterescholar .account li#account a,
#manchesterescholar #nav-primary li.selected a,
#manchesterescholar .tab ul li.selected a,
#manchesterescholar .tab ul li span a { background: url("/jrul/images/tab_660099_ffffff_left.gif") no-repeat top left; background-color: inherit; color: #ffffff; }



#manchesterescholar #nav-secondary li.nav-secondary-sectionheader { background: url("/jrul/images/sec_660099_ffffff_right.gif") no-repeat top right; }

#manchesterescholar .secondary-button { display: block; margin-top: 15px; }

/* Set home page primary splash colour */
#manchesterescholar .page-home #content { background-color: #ffccff; color: inherit; } 
#manchesterescholar .boxsplashhome, 
#manchesterescholar .boxsplashhome .header { background-color: #660099; color: #ffffff; }
#manchesterescholar .boxsplashhome .header { width: 680px; }
 
/* Set leader page primary colour */
#manchesterescholar .boxsplashleader, 
#manchesterescholar .boxsplashleader .body, 
#manchesterescholar .boxsplashleader h1 { background-color: #660099; color: #ffffff; }

/* Set site home page secondary content row custom height */
#manchesterescholar .page-home .content-column25percent,
#manchesterescholar .page-home .content-column30percent, 
#manchesterescholar .page-home .content-column33percent, 
#manchesterescholar .page-home .content-column40percent, 
#manchesterescholar .page-home .content-column50percent, 
#manchesterescholar .page-home .content-column60percent,
#manchesterescholar .page-home .content-column70percent { height: 15em; }

#manchesterescholar .datatable th { background-color: #ff99cc; color: inherit; }

#manchesterescholar #courseprofile .factfile,
#manchesterescholar #wikiprofile .factfile { border-top-color: #660099; border-bottom-color: #660099; }

.page-leader-style1 #content { width: 542px; }
.page-leader-style1 #content-primary { width: 335px !important;}
.page-leader-style1 #content-secondary { margin-left: 562px !important;}

#manchesterescholar .box-icons p { clear:right; height: 4em; margin: 1em 0 0.4em 0; }
#manchesterescholar .box-icons p span {display: block; margin-left: 45px; padding: 0 1em 0 1em;}
#manchesterescholar .box-icons p img { float:left; width: 35px; padding:0; margin:5px 0 0 5px; border: none; }

.box-image64pxcolumn-right img,
.box-image95pxcolumn-right img,
.box-image150pxcolumn-right img { float: right; margin-left: 1.1em; margin-bottom: 0.4em; }
.box-image64pxcolumn-left img,
.box-image95pxcolumn-left img,
.box-image150pxcolumn-left img { float: left; margin-right: 1.1em; margin-bottom: 0.4em; }
.box-image64pxcolumn-left h2,
.box-image64pxcolumn-left h3,
.box-image64pxcolumn-left h4,
.box-image64pxcolumn-left p,
.box-image64pxcolumn-left ul,
.box-image64pxcolumn-left ol { margin-left: 80px; }
.box-image64pxcolumn-right h2,
.box-image64pxcolumn-right h3,
.box-image64pxcolumn-right h4,
.box-image64pxcolumn-right p,
.box-image64pxcolumn-right ul,
.box-image64pxcolumn-right ol { margin-right: 80px; }
.box-image95pxcolumn-left h2,
.box-image95pxcolumn-left h3,
.box-image95pxcolumn-left h4,
.box-image95pxcolumn-left p,
.box-image95pxcolumn-left ul,
.box-image95pxcolumn-left ol { margin-left: 110px; }
.box-image95pxcolumn-right h2,
.box-image95pxcolumn-right h3,
.box-image95pxcolumn-right h4,
.box-image95pxcolumn-right p,
.box-image95pxcolumn-right ul,
.box-image95pxcolumn-right ol { margin-right: 110px; }
.box-image150pxcolumn-left h2,
.box-image150pxcolumn-left h3,
.box-image150pxcolumn-left h4,
.box-image150pxcolumn-left p,
.box-image150pxcolumn-left ul,
.box-image150pxcolumn-left ol { margin-left: 165px; }
.box-image150pxcolumn-right h2,
.box-image150pxcolumn-right h3,
.box-image150pxcolumn-right h4,
.box-image150pxcolumn-right p,
.box-image150pxcolumn-right ul,
.box-image150pxcolumn-right ol { margin-right: 165px; }

.box-pallete-brandred a,
.box-pallete-brandred a:link { background-color: inherit; color: #ffcccc; }
.box-pallete-brandred a:visited { background-color: inherit; color: #ff9999; }
.box-pallete-brandred a:hover { background-color: inherit; color: #ff9999; }
.box-pallete-brandblue a, 
.box-pallete-brandblue a:link { background-color: inherit; color: #99ccff; }
.box-pallete-brandblue a:visited { background-color: inherit; color: #3399ff; }
.box-pallete-brandblue a:hover { background-color: inherit; color: #3399ff; }
.box-pallete-brandmauve a,
.box-pallete-brandmauve a:link { background-color: inherit; color: #ffcccc; }
.box-pallete-brandmauve a:visited { background-color: inherit; color: #ff9999; }
.box-pallete-brandmauve a:hover { background-color: inherit; color: #ff9999; }
.box-pallete-brandgreen a,
.box-pallete-brandgreen a:link { background-color: inherit; color: #ccffcc; }
.box-pallete-brandgreen a:visited { background-color: inherit; color: #66cc66; }
.box-pallete-brandgreen a:hover { background-color: inherit; color: #66cc66; }
.box-pallete-brandturquoise a, 
.box-pallete-brandturquoise a:link { background-color: inherit; color: #ccffff; }
.box-pallete-brandturquoise a:visited { background-color: inherit; color: #66cccc; }
.box-pallete-brandturquoise a:hover { background-color: inherit; color: #66cccc; }
.box-pallete-brandpurple a, 
.box-pallete-brandpurple a:link { background-color: inherit; color: #eecdff; }
.box-pallete-brandpurple a:visited { background-color: inherit; color: #ffccff; }
.box-pallete-brandpurple a:hover { background-color: inherit; color: #ffccff; }

.box-minheight-imagesplash .body { min-height: 112px; }
.box-minheight-imagelarge .body { min-height: 75px; }
.box-minheight-imagesmall .body { min-height: 55px; }

.boxhighlight { font-size: 0.85em; margin: 0.8em 0 0.8em 0; line-height: 1.2em; word-wrap: break-word; width: 100%; min-height: 50px; color: inherit; background-color: #f5f5f5 }
.boxhighlight .body { padding: 0.3em 0.7em 0.6em 0.8em; }
.boxhighlight .footer { margin: 0; padding: 0; line-height: 1px; height: 1px; width: 90%; clear: right;}
.boxhighlight p,
.boxhighlight blockquote { margin: 0; padding: 0.8em 0 0.5em 1em; }
.boxhighlight blockquote { margin-left: 1em; margin-right: 1em; }
.boxhighlight ul { margin: 0; padding: 0 0 0.8em 1.4em; }
.boxhighlight ul li { margin: 0 0 0 2em; padding: 0; }
.boxhighlight img {	float: right; border: 1px solid black; background-color: #f5f5f5; margin-right: 1.1em; margin-bottom: 0.4em; padding: 0; }
.boxhighlight .special { color: #660099; background-color: inherit; }

#search-simpleform { overflow: hidden; border-top: 2px solid #660099; border-bottom: 1px solid #660099; background-color: #9966cc; margin: 0; margin-bottom: 1em; padding: 1.2em 1em 1em 1em; height: 30px; display: block; width: auto; }
#search-simpleform div { margin: 0; padding: 0; text-align: left; display: block; }
#search-simpleform fieldset { border: none; margin: 0; padding: 0; width: 310px; float: left; position: relative; height: 25px;}
#search-simpleform fieldset label { height: 1px; left: -1000px; overflow: hidden; position: absolute; top: auto; width: 1px; }
#search-simpleform fieldset p { border: 0; text-align: right; margin-top: 30px; }
#search-simpleform fieldset p a { text-decoration: underline !important; }
#search-simpleform-input { border: 1px solid #660099; background-color: #ffffff; font-size: 0.9em; line-height: 1; float: left; position: relative; margin: 0; padding: 5px 5px 4px 5px; vertical-align: middle; height: 15px; width: 220px;}
#search-simpleform-submit { -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #666666; float: left; position: relative; height: 26px; line-height: 1; margin: 0; margin-left: 1px; padding: 0; outline: 0; vertical-align: top; }
#search-simpleform-submit { background-color: #e87107; color: #ffffff; width: 70px; }

body { background:none !important; width: 940px;} /* this removes the vertial part of the logo  */
#logo { top:25px; left: 25px; }
#logo img { width:169px; height:69px;  }
#sitename { top:40px; left:217px; width:390px; }
#sitename span, #sitename h1  { font-family: Verdana, Arial, Helvetica, Sans-Serif; white-space: normal !important; font-size:1.3em;} /* Allows the sitetitle to wrap */
#toolbar { top:25px; width: auto !important; }
#nav-primary-cpd,
#nav-primary { margin-left: 25px !important; top:119px; }
#nav-primary ul { width: 916px; }
#main { margin-left: 25px; }
#footer { margin-left: 25px; }
#quicklinks,
#search { float: left; margin: 0; padding: 0; }
#search p { float: left; }
#quicklinks select { width: 12em; }
#search #q { width: 11em; }

.page-content-librarysearch { background-image: none; width: 100% !important; }
.page-content-librarysearch #logo,
.page-content-librarysearch #toolbar,
.page-content-librarysearch #sitename,
.page-content-librarysearch #nav-primary,
.page-content-librarysearch #nav-secondary,
.page-content-librarysearch #footer { display: none !important; }
.page-content-librarysearch #main,
.page-content-librarysearch #content { margin: 0; }
.page-content-librarysearch #metadata { width: 68% !important; margin: 0 !important; }
.page-content-librarysearch #metadata #record-metadata { margin-bottom: 1em; }
.page-content-librarysearch #metadata h1 { font-family: Arial,Verdana,Sans serif !important; color: #000000 !important; }
.page-content-librarysearch #linkouts { width: 25% !important; border: 1px solid #e1e1e1; background-image: url("/jrul/images/bg_strip_details_links.png"); background-position: center bottom; background-repeat: repeat-x; padding: 0.5em !important; margin: 0; }
.page-content-librarysearch #linkouts h2 { background-color: transparent !important; border: none !important; font-size: 1.1em !important; padding: 0 !important; margin: 0 !important; }
.page-content-librarysearch #linkouts h3, 
.page-content-librarysearch #linkouts ul,
.page-content-librarysearch #linkouts li { font-size: 1em !important; margin-left: 0 !important; padding-left: 0 !important; }
.page-content-librarysearch #linkouts a,
.page-content-librarysearch #linkouts a:link,
.page-content-librarysearch #linkouts a:visited,
.page-content-librarysearch .linktosearch,
.page-content-librarysearch .linktosearch:link,
.page-content-librarysearch .linktosearch:visited { color: #0075b0 !important; }
.page-content-librarysearch .linktosearch:hover { border-bottom-color: #0075b0 !important; }
.page-content-librarysearch .label { color: #000000 !important; font-weight: bold !important; }