/*
** Navigation selectors and classes
* #header
**	#header .logo
**	#header .navigation
*	#tabbedbar
**	#tabbedbar .tab
**  #tabbedbar .bar
* #middle-left 
** 	#middle-left div.navigation
**	#middle-left div.relatedlinks
* #middle-centre
**	#middle-centre div.breadcrumb
* #footer
**	#footer div.navigation
**	#footer div.feedback
*/

/* Header navigation top links */
#header div.logo {
	float: left;
	margin: 0;
	padding: 0;
	}
#header div.logo img { 
	float: left;
	margin: 0 45px 0 44px; 
	padding: 0; 
	}
	
#header div.navigation {
	float: right;
	font-size: 0.85em;
	margin: 0; 
	padding: 2px 2px 0 0;
	width: 340px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
	}
#header div.navigation table tr {
	vertical-align: bottom;
	}
#header div.navigation table td {
	width: 50%;
	}
html>body #header div.navigation {
	width: 360px;
	}
#header div.navigation a,
#header div.navigation span {
	margin: 0 0 0 3px;
	padding: 0;
	text-decoration: none;
	font-size: 1em;
	}
#header div.navigation form {
	margin: 0;
	padding: 0;
	}
#header div.navigation input {
	margin: 0;
	padding: 0;
	font-size: 1em;
	}
#header div.navigation input.radio {
	margin: -2px 0 0 3px;
	padding: 0;
	}
#header div.navigation select {
	margin: 2px 0 0 0;
	padding: 0;
	}
#header div.navigation select option {
	padding: 0 2px 0 2px;
	}
#header div.navigation #search,
#header div.navigation #quicklinks {
	margin: 0;
	padding: 0;
	font-size: 1em;
	}
#header div.navigation #selectquicklinks {
	margin: 0 3px 0 3px;
	padding: 0;
	font-size: 1em;
	}
#header div.navigation #inputsearch {
	margin: 0 3px 0 3px;
	padding: 1px;
	font-size: 1em;
	}

/*
** Tabbed navigation
*/
div.tab {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	}
html>body div.tab { 
	padding-left: 0; /* Opera fix */
	}
div.tab ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
div.tab ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	font-weight: bold;
  }
div.tab ul li a, 
div.tab ul li span {
	float: left;
	display: block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	text-decoration: none;
	}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
div.tab ul li a, 
div.tab ul li span {
	float: none;
	}
 /* End IE5-Mac hack */
div.tab ul li {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcorners_02.gif") no-repeat right top;
	}
div.tab ul li a {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcorners_01.gif") no-repeat left top;
	}
div.tab ul li span, 
#tabbedbar.home div.tab ul li#home,
#tabbedbar.undergraduate div.tab ul li#undergraduate,
#tabbedbar.postgraduate div.tab ul li#postgraduate,
#tabbedbar.international div.tab ul li#international,
#tabbedbar.ourresearch div.tab ul li#ourresearch,
#tabbedbar.business div.tab ul li#business,
#tabbedbar.alumni div.tab ul li#alumni,
#tabbedbar.visitors div.tab ul li#visitors,
#tabbedbar.aboutus div.tab ul li#aboutus,
#tabbedbar.intranet div.tab ul li#intranet {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcornersselected_02.gif") no-repeat top right;
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
div.tab ul li span a,
#tabbedbar.home div.tab ul li#home a, 
#tabbedbar.undergraduate div.tab ul li#undergraduate a,
#tabbedbar.postgraduate div.tab ul li#postgraduate a,
#tabbedbar.international div.tab ul li#international a,
#tabbedbar.ourresearch div.tab ul li#ourresearch a,
#tabbedbar.business div.tab ul li#business a,
#tabbedbar.alumni div.tab ul li#alumni a,
#tabbedbar.visitors div.tab ul li#visitors a,
#tabbedbar.aboutus div.tab ul li#aboutus a,
#tabbedbar.intranet div.tab ul li#intranet a {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcornersselected_01.gif") no-repeat top left;
	border: none;
	color: #ffffff;
	margin: 0;
	}
div.tab ul li a:visited {
	color: #660099;
	}
div.tab ul li span a:visited {
	color: #ffffff;
	}
div.tab ul li a:hover {
	color: #cc9900;
	text-decoration: underline;
	}

#courseprofile div.tab {
	margin: 0;
	padding: 0;
	position: relative;
	width: 98%;
	}
#courseprofile div.tab ul {
	border-bottom: solid 3px #663399;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: auto;
	}
#courseprofile div.tab ul li {
	word-wrap: normal;
	}
	
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#courseprofile div.tab ul li a, 
#courseprofile div.tab ul li span {
	float: none;
	}
 /* End IE5-Mac hack */

#fundingsourceprofile div.tab {
	margin: 0;
	padding: 0;
	position: relative;
	width: 98%;
	}
#fundingsourceprofile div.tab ul {
	border-bottom: solid 3px #663399;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: auto;
	}
#fundingsourceprofile div.tab ul li {
	word-wrap: normal;
	}
	
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#fundingsourceprofile div.tab ul li a, 
#fundingsourceprofile div.tab ul li span {
	float: none;
	}
 /* End IE5-Mac hack */

#researchstaffprofile div.tab {
	margin: 0;
	padding: 0;
	position: relative;
	width: 98%;
	}
#researchstaffprofile div.tab ul {
	border-bottom: solid 3px #663399;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: auto;
	}
#researchstaffprofile div.tab ul li {
	word-wrap: normal;
	}
	
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#researchstaffprofile div.tab ul li a, 
#researchstaffprofile div.tab ul li span {
	float: none;
	}
 /* End IE5-Mac hack */

/*
** Horizontal bar
*/
#tabbedbar div.bar,
#tabbedbar div.bar ul {
	background-color: #663399;
	}
#tabbedbar div.bar {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 5px solid #cccccc;
	}
#tabbedbar div.bar ul  {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	font-size: 0.85em;
	}
#tabbedbar div.bar ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	list-style: none;
	margin: 0;
	}
#tabbedbar div.bar ul li a {
	border-right: 1px solid #cccccc;
	color: #ffffff;
	display: block;
	height: 15px;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 7px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	}
#tabbedbar div.bar ul li span {
	border-right: 1px solid #cccccc;
	background-color: #9966cc;
	color: #ffffff;
	height: 15px;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 7px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	}
#tabbedbar div.bar ul li span a {
	border: none;
	background-color: #9966cc;
	height: 15px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}
#tabbedbar div.bar ul li a:hover {
	color: #ffcc00;
	text-decoration: underline;
	}
	
#tabbedbar div.tab ul,
#tabbedbar div.bar ul {
	width: 900px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	}
	
/* 
** Left hand menu 
*/
#middle-left div.navigation {  
	width: 100%;
	}
#middle-left div.navigation { 
	border: none; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	margin: 0; 
	padding: 0;
	}
#middle-left div.navigation h2 { 
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/leftmenucorner_02.gif") no-repeat top right;
	background-color: #663399; 
	border-left: 1px solid #663399; 
	color: #ffffff; 
	font-size: 1em;
	font-weight: normal; 
	margin: 6px 0 0 0;
	padding: 5px 4px 5px 8px; 
	text-align: left;				
	}
#middle-left div.navigation h2.breadcrumb {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/up_leftmenubullet.gif") no-repeat 3px 8px;
	background-color: #f5f5f5;
	color: #663399;
	border: 1px solid #cccccc;
	margin: 0 0 3px 0;
	padding-left: 16px;
	}
#middle-left div.navigation h2.breadcrumb a {
	color: #663399;
	}
#middle-left div.navigation h2 a {
	color: #ffffff;
	text-decoration: none;
	}
#middle-left div.navigation h2 a:hover {
	color: #ffcc00;
	text-decoration: underline;
	}
#middle-left div.navigation ul { 
	background-color: #f5f5f5;
	border: 1px solid #999999;
	font-size: 1em;
	margin: 0 0 0 0; 
	padding: 0 4px 2px 4px;
	}
#middle-left div.navigation ul li ul {
	border: 0;
	margin: 0; 
	padding: 0px 4px 2px 12px;
	}
#middle-left div.navigation ul li,
#middle-left div.navigation ul li ul li { 
	border: 0;
	display: inline;
	color: #000000;
	list-style: none; 
	text-align: left;
	margin: 0;
	padding: 0;
	}
#middle-left div.navigation ul li a,
#middle-left div.navigation ul li span,
#middle-left div.navigation ul li ul li a {
	border-top: 1px solid #d3d3d3;
	display: block; 
	font-size: 1em;
	margin: 0;
	padding: 4px 0 5px 12px;
	text-decoration: none;
	}
#middle-left div.navigation ul li ul li a,
#middle-left div.navigation ul li ul li span {
	border: none;
	text-decoration: none;
	}
#middle-left div.navigation ul li a,
#middle-left div.navigation ul li span {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/leftmenubullet.gif") no-repeat 0 7px;
	}
#middle-left div.navigation ul li ul li a,
#middle-left div.navigation ul li ul li span {
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/leftmenubullet.gif") no-repeat 0 5px;
	}
#middle-left div.navigation ul li:first-child a,
#middle-left div.navigation ul li:first-child span,
#middle-left div.navigation ul li ul li:first-child a {
	border-top: none;
	} 
#middle-left div.navigation ul li ul li a {
	border: none;
	}
#middle-left div.navigation ul li ul li span,
#middle-left div.navigation ul li ul li a {
	font-size: 1em;
	padding: 2px 0 4px 14px;
	}
#middle-left div.navigation ul li span,
#middle-left div.navigation ul li ul li span {
	font-weight: normal;
	}
#middle-left div.navigation ul li a:hover,
#middle-left div.navigation ul li ul li a:hover {
	color: #cc9900;
	text-decoration: underline;
	}

/*
* RelatedLinks
*/
#middle-left div.relatedlinks {  
	width: 100%;
	}
#middle-left div.relatedlinks {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	margin: 10px 0 0 0; 
	padding: 0 0 5px 0; }
#middle-left div.relatedlinks h2 { 
	background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/relatedlinkscorners_02.gif") no-repeat top right;
	background-color: #aeaeae; 
	border: none; 
	color: #ffffff; 
	font-weight: normal; 
	font-size: 1em;
	margin: 0;
	padding: 5px 4px 5px 8px; 
	text-align: left;				
	}
#middle-left div.relatedlinks ul { 
	margin: 0 0 0 1.4em; 
	padding: 2px 0 2px 0;
	}
#middle-left div.relatedlinks ul li { 
	color: #663399;
	list-style: disc; 
	text-align: left;
	margin: 0;  
	padding: 2px 0 1px 0;
	}
#middle-left div.relatedlinks ul li a { 
	color: #663399;
	display: block; 
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
#middle-left div.relatedlinks ul li a:hover { 
	color: #cc9900;
	text-decoration: underline; 
	}
#middle-left div.relatedlinks a {
	text-decoration: none; /* separated due to ie5 */
}

/* 
* Breadcrumb  
*/
#middle-centre div.breadcrumb {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
	}
#middle-centre div.breadcrumb label {		/* required for 'You are here' label */
	font-weight: bold;
	float: left;		
	margin: 0 0.5em 0 0;
	}
#middle-centre div.breadcrumb ul { 
	display: inline; 		/* required for ul to line up with 'You are here' label */
	margin: 0;
	padding: 0;
	}
#middle-centre div.breadcrumb ul li {
	display: inline;
	padding: 0;
	margin: 0 0.1em 0 0;
	}
#middle-centre div.breadcrumb ul li a {
	text-decoration: none;
	}
#middle-centre div.breadcrumb ul li a:hover {
	text-decoration: underline;
	}

/*
/*IE workaround*/
/*All IE browsers*/
* html #middle-centre div.breadcrumbs label {
*	margin: 0 1.5em 0 0;
*	}
* html #middle-centre div.breadcrumb sul li {
*	background: url("gt.gif") no-repeat 0 50%;
*	padding: 0 0 0 1em;
*	margin: 0 1em 0 -0.7em;
*	}

/*Win IE browsers - hide from Mac IE */
* html #middle-centre div.breadcrumbs {
*	height: 1%; 
*	}
* html #middle-centre div.breadcrumbs ul li {
*	display: block;
*	float: left;
*	}
/*End hide*/
/*Mac IE 5*/
* html #middle-centre div.breadcrumbs ul li:first-child { 
*	background-image: none; 
*	}
	
/* 
* Footer navigation
*/
#footer div.navigation {
	text-align: left; 
	margin: 0; 
	padding: 6px 0 6px 6px; 
	}
#footer div.navigation p { 
	margin-top: 3px; 
	margin-bottom: 8px;	
	}
#footer div.feedback {  
	border-top: 1px solid #999999; 
	margin-bottom: 5px; 
	padding: 6px 5px 10px 6px; 
	text-align: right; 
	}
#footer div.feedback p { 
	margin-top: 3px; 
	margin-bottom: 0px; 
	}

/*
* list navigation used in courses indexes
*/
ul.atoz,
ul.bullet {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	}
ul.bullet {
	margin-top: 1em;
	margin-left: 1.5em;
	}
ul.atoz li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #000000;
	width: 0.8em;
	}
ul.atoz li a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	}
div.courseresults {
	}
div.courseresults ul {
	margin: 1em 1em 0 1.5em;
	padding: 0;
	}
div.courseresults ul li {
	margin: 0.1em 0 0.1em 0;
	padding: 0;
	}
div.courseresults ul ul {
	margin: 0 0 0.4em 1.5em;
	padding: 0;
	font-size: 0.95em;
	}	
div.courseresults ul ul ul{
	font-size: 1em;
	}
table.courseoptions {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 5px 0 20px 0;
	}
table.courseoptions td {
	text-align: center;
	}

/*
* Search forms and results
*/

div.intermediatesearch,
div.advancedsearch,
div.pagesearch {
	margin: 1em 0 0 0;
	padding: 0;
	}
div.intermediatesearch form,
div.advancedsearch form,
div.pagesearch form {
	border-top: 2px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #f5f5f5;
	margin: 0;
	padding: 10px 8px 10px 20px;
	width: auto;
}

div.intermediatesearch form label {
	display: none;
	}
div.intermediatesearch form h2 {
	display: none;
	font-size: 0.9em;
	margin: 0 3px 0 5px;
	padding: 0;
	}
div.advancedsearch form h2,
div.pagesearch form h2 {
	display: none;
	font-size: 0.9em;
	margin: 0 3px 0 0;
	padding: 0; 
	}
div.intermediatesearch form p {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	}
div.advancedsearch form p {
	display: block;
	margin: 5px 5px 0 0;
	padding: 0;
	width: auto;
	border: none;
	}
div.advancedsearch form p label,
div.pagesearch form p label {
	float: left;
	width: 17em;
	text-align: left;
	margin: 0 2em 0 0;
	padding: 0;
	}
div.advancedsearch form p input,
div.advancedsearch form p select {
	margin: 0;
	padding: 0;
	width: 13em;
	}
div.advancedOptions {
	display: none;
	}
div.intermediatesearch form input {
	width: 166px;
	margin: 5px 0 0 0;
	padding: 1px 0 1px 0;
	}
div.intermediatesearch form input#btnG {
	width: 6em;
	margin: 5px 0 0 0;
	padding: 0;
	}	
div.advancedsearch form input#btnG {
	width: 8em;
	margin: 5px 0 0 0;
	padding: 0;
	}	
div.intermediatesearch form select {
	width: auto;
	margin: 5px 0 0 0;
	padding: 0;
	}
div.intermediatesearch form select option {
	margin: 0;
	padding: 0;
	}
div.advancedSearchLink {
	background-color: #f5f5f5;
	margin: -10px 0 0 0;
	padding: 0;
	}
div.advancedSearchLink p {
	margin: 0;
	padding: 3px 8px 10px 20px;
	font-size: 0.85em;
	border-bottom: 1px solid #cccccc;
	}
div#searchSeperationBar {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: auto;
	font-size: 0.9em;
	background-color: #f5f5f5;
	color: #000000;
	margin: 0 0 2em 0;
	padding: 8px 8px 8px 8px;
	}
div.searchSortBy {
	display: none;
	margin: 5px 0 5px 0;
	padding: 0;
	}
#searchTopNavigation {
	display: none;
	}

div.searchNavigation {
	margin: 1em 0 2.5em 0;
	padding: 0;
	width: 98%;
	}
div.searchNavigation ol {
	margin: 0;
	padding: 0;
	}
div.searchNavigation ol li {
	display: inline;
	float: left;
	margin: 0;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: normal;
	width: auto;
  }

div.searchResults dl {
	margin: 0;
	padding: 0;
	}
div.searchResults dl dt {
	font-size: 1em;
	font-weight: normal;
	margin: 1.2em 0 0.1em 0;
	padding: 0;
	}	
div.searchResults dl dt a {
	text-decoration: underline;
	}
div.searchResults dl dd {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	padding: 0;
	}
div.searchResults dl dl {
	margin: 1.2em 0 0 2em;
	}
div.searchResults dl dl dt {
	font-size: 0.9em;
	margin: 0 0 0 0;
	padding: 0;
	}
div.searchResults dl dl dd {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	padding: 0;
	}
div.searchResults dl span.searchURL {
	color: #cc0033;
	}
div.searchResults dl a.f {
	}
div.searchResults dl dt.searchKeyMatch {
	color: #000000;
	margin-bottom: 0.5em;
	padding: 0;
	width: auto;
	}

div.searchResults dl dt.searchKeyMatch span.a {
	display: block;
	color: #cc0033;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	}
p.poweredbygoogle {
	font-size: 0.85em;
	margin: 0.2em 0 0 0;
	padding: 0;
	}

/* The next three selectors are used on search results pages e.g. accommodation search */

p.pagenumber {
float: left;
}

p.prevnextlinks {
float: right;
}

p.newsearch {
clear: right;
}

.tab ul li { background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcorners_02.gif") no-repeat right top; }
.tab ul li a { background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcorners_01.gif") no-repeat left top; }
.tab ul li.currentbranch0 { background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcornersselected_02.gif") no-repeat top right; }
.tab ul li.currentbranch0 span { background: url("http://www.manchester.ac.uk/medialibrary/images/corporate/tabcornersselected_01.gif") no-repeat top left; padding: 5px 10px 5px 10px; }