/* @import url(generic/editor.css);	
@import url(generic/main.css);
@import url(generic/amends.css);	
*/


.text_align_left {text-align:left;}
.text_align_right {text-align:right;}
.text_align_center {text-align:center;}
.indent {margin-left:20px;}
.indent2 {margin-left:40px;}
strong {font-weight:bold;}
em {font-style:italic;}
.underline_text {text-decoration:underline;}
/*.strikethrough_text {text-decoration:line-through;}*/
.superscript_text {vertical-align:super;}
.subscript_text {vertical-align:sub;}
.float_left {float:left;}
.float_right {float:right;}
.image_centre { margin:0 auto; display:block; }

td.highlightCell {background:#cfc;}
tr.highlightRow td {background:#cfc;}
tr.zebra {background:#ffc;}

#contentCol cite { display: block; padding: 0 30px 20px 0; font-style:italic;  font-size: 1.3em;  background:  url(css_img/cornerQuote.gif) bottom right no-repeat; font-size:1.2em;  font-style:italic;  line-height:30px;}
#contentCol blockquote {  margin: 20px 0; display: block; background:#D6EFF7 url(css_img/cornerQuoteTop.gif) 0 0 no-repeat; padding: 20px 0 0 30px; }
#contentCol blockquote p { margin: 0 30px 0 0; }

/*  Information
------------------------------------------------------------------------------------------------------------------*/
/*  Styles for The University of Northampton
    General styles for all browsers
    By Leigh Howells (Headscape) leigh.howells@headscape.co.uk 2010
    
    Additional styles by Jadu Ltd & The University of Northampton
------------------------------------------------------------------------------------------------------------------*/

/*  Foundation layout / reset styles / general typography
------------------------------------------------------------------------------------------------------------------*/

* html, p, h1, h2, h3, h4, h5, h6, ul, ol, li, q, td, tr, table, div, dl, dd, dt, a, input, text, button, form, span, img 
							{ margin: 0px; padding: 0px;}

a 							{ text-decoration: none; color: #888; cursor: pointer;}
a img 						{ border: none;}
a:hover 					{ color: #000 !important;}
li 							{ list-style: none; } /* fixed by Jadu */

h1 							{ color: #69c; font-weight: normal; margin-bottom: 10px; font-size: 1.7em; line-height: 1.1em;}
h2,h3,h4,h5,h6				{ color: #69c; line-height: 1.1em; font-weight: normal;}

q							{ quotes: '' '';}
acronym 					{ border-bottom: 1px dotted;}

.meta						{ display: none !important;}
.left						{ float: left;}
.right						{ float: right;}

/*= Main Panels --------------------------------------------------------------------------------------------------------------------------*/

body 						{ font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.2em; color: #666; margin:0;
						  	  background: #BFE0F1 url(css_img/bgTopFade.jpg) 0 0 repeat-x; text-align: center; border-top: 10px solid #A8CF00;}
#bottomFade					{ background: url(css_img/bgFootFade.jpg) left bottom repeat-x; }
#surround 					{ margin: 0px auto 0 auto; width:980px; text-align:left;}
#container 					{ padding: 0 20px 0 20px; background: #fff url(css_img/bgHeader.jpg) 0 9px no-repeat;  }
#content 					{ float: left; background: url(); padding: 0px 0 0 0; margin: 0; width: 100%;  font-size: 13px;}
#contentSurround 			{ background: url(css_img/pageFoot.png) center bottom no-repeat; }
#uon_pageFooter				{ float: left; background: #fff; margin: 0 0 0 -15px;}
#footPageFade 				{ background: url(css_img/pageFoot.jpg) left bottom repeat-x; float:left; width: 960px; padding: 0 0 0 20px}
#footPageEnd 				{ background: url(css_img/pageFootEnd.png) left bottom no-repeat; width: 980px;  clear:left;  display:block;  height:34px;  
							  width:100%; text-align:center;}
#footPageEnd a				{ color: #fff; font-size:0.8em; font-weight:bold; padding:10px 20px; }

/*= Body ---------------------------------------------------------------------------------------------------------------------------------*/

#accessibility 				{ display: none; }
#uon_branding h2, 
#uon_branding h3, 
#tools h3, legend, label,
#pNavigation h3				{ display: none; }
#uon_branding h1				{ overflow: hidden; margin-left: -3000px; }
#header 					{ margin: 0 0 0 0; }
#uon_branding 					{ height: 80px; float: left; width: 205px; margin: 35px 0 0 0; }

/*= Search -----------------------------------------------*/

#searcharea 				{ margin: 22px 0 0 0; height: 30px; clear: right; float:right; text-align: right; width:445px; }
#search 					{ padding:10px 0 14px; background: url(css_img/bgSearch.jpg) 0 0 no-repeat; float: right; width: 210px;  }
#search #sField 			{ width: 115px; border: 0; float: left;  font-size: 1.2em; margin:0 0 0 10px !important; padding: 3px 3px 4px 5px;  }
.thome #sFieldCourse				{ width: 130px; border: 0; float: left;  font-size: 1.2em; margin: 5px 5px 10px 0  !important; padding: 1px 3px 3px 5px;  }
#search #sButton 			{ cursor: pointer; border:0; background: url(css_img/search.png) 0 0 no-repeat;  color:#000000;  font-weight:normal; font-size: .7em; margin:0 10px 0 0;
							  padding:5px 8px 8px 5px;}
//body.tSearch div#contentCol {width:720px;} /* UN - full width for search results page */ 
#sButtonCourse				{ float: left; cursor: pointer; border:0; background: url(css_img/search.png) 0 0 no-repeat;  color:#000000;  font-weight:normal; font-size: .7em; margin:5px 0 0 0; 
							  padding:5px 8px 8px 5px;}
#tools 						{ float: left; height: 30px; width: 225px; }
#tools ul li 				{ font-size: .8em; padding: 0 10px 0 0 ; background: url(css_img/iconYellArrow.gif) right 3px no-repeat; }
fieldset					{ border: none; padding: 0; }

/*= Top tabs----------------------------------------------*/

a.contactLink				{ float: left; display:block; color: #009DC0 !important; font-weight: bold; /*background: url(css_img/iconPhone.gif) right 3px no-repeat;*/ 
						  	  padding: 4px 0 10px 0; /*margin-right: 10px;*/}
#users 						{ height: 10px; padding:0px 0 15px 0; text-align: right; float: right; width: 296px; }
#users ul 					{ display: inline;  }
#users li 					{ display: inline-block; height: 25px; margin-right: 2px;}
#users li a					{ line-height: 22px; color: #fff; font-size: .9em; display:block;  height: 25px; padding-left:10px; padding-right: 15px; }

#uoStudents 				{ float: right; width: 66px; height: 30px; display: block; background: url(css_img/bgUserTabOnRight.gif) bottom right no-repeat; margin:0; }
#uoStaff					{ float: right; width: 46px; height: 30px; display: block; background: url(css_img/bgUserTabOnRight.gif) bottom right no-repeat; margin:0; }
#uoAccess 					{ float: right; width: 88px; height: 30px; display: block; background: url(css_img/bgUserTabOffAccessRight.gif) bottom right no-repeat; margin:0; }
#uoAccess a					{ background: url(css_img/bgUserTabOffAccessLeft.gif) bottom left no-repeat; margin:0; }
#uoStaff a					{ background: url(css_img/bgUserTabOnLeft.gif) bottom left no-repeat; margin:0; }
#uoStudents a 				{ background: url(css_img/bgUserTabOnLeft.gif) bottom left no-repeat; margin:0; }

/*= Main Navigation -----------------------------------------------------------------------------------------------------------------------*/

#pNavigation 				{ height: 65px; clear: left; }
#pNavigation ul li 			{ margin-right: 1px; float: left;  padding: 0; background: url(css_img/bgPnavLeft.jpg) top left no-repeat; }
#pNavigation ul li a 		{ float:left;  text-transform: uppercase; padding:15px 40px; color: #004679; background: url(css_img/bgPnavRight.jpg) top right no-repeat; font-weight: bold; }
#pNavigation ul li a:hover	{ background: url(css_img/bgPnavRightOver.jpg) top right no-repeat; color: #000; }
#pNavigation ul li:hover	{ background: url(css_img/bgPnavLeftOver.jpg) top left no-repeat; color: #000; }

#pNavigation ul li#pnCurrent 			{ height: 65px; float: left; z-index: 10000; padding: 0; background: url(css_img/bgPnavLeftCurr.jpg) top left no-repeat; }
#pNavigation ul li#pnCurrent a 			{ height: 22px; float:left;  text-transform: uppercase; padding:15px 33px; color: #009FC2; background: url(css_img/bgPnavRightCurr.jpg) top right no-repeat; font-weight: bold; }
#pNavigation ul li#pnCurrent a:hover 	{ color: #000; }

/* main content area -----------------------*/

#contentCol h1, 
#contentCol h1 a			{ color:#002F59 !important; font-size: 23px; font-weight: bold !important; margin: 30px 0 0px 0;  text-decoration: none !important; }
	
#contentCol h1.course	    { width: 400px; }
#contentCol h2.course		{ width: 400px; }
#contentCol p.course		{ min-height: 80px; }
#contentCol h2, 
#contentCol h2 a			{ font-size: 14px; font-weight:bold; clear: left; padding: 10px 0 10px 0; text-decoration: none !important; word-wrap:break-word; } /* font-weight added by Jadu*/
#contentCol h3				{ font-size: 1em; padding: 0px 0 10px 0; color: #005A9B; font-weight:bold;  }
.tGallery #contentCol h3	{ float: left; clear: left; margin-top: 25px; font-size: 1.1em; }
#contentCol h3.date			{ font-weight: normal !important; color: #94B800; }
#contentCol h4				{ font-size: .9em; padding: 0px 0 0 0; }
#contentCol p 				{ margin: 10px 0 20px 0;  line-height: 1.7em; }
#contentCol abbr			{ font-style: italic !important; color: #666; padding:4px;}
#contentCol a				{ color: #005A9B; text-decoration: underline; }
#contentCol a:hover			{ color: #000; }
#contentCol a:visited		{ color: #005A9B;  }
#contentCol a:active		{ color: #005A9B; }
#contentCol em				{ color: #777777; font-weight: bold; font-style: italic; color: #8DB000; }
#contentCol cite strong		{ display: block; padding: 0 10px 10px 30px; font-size: 0.8em;  font-style: normal; }
#contentCol img.fullWidth   { width: 100%; }

#contentCol .imageCaptionLeft 	{ float: left; margin: 0 15px 15px 0; }
#contentCol .imageCaptionRight 	{ float: right; margin: 0 0 15px 15px; }
#contentCol .imageCourse		{ background:url('css_img/shadow3.png') no-repeat scroll left bottom transparent; float:right; margin:35px 0 20px 20px;
								  padding:4px 0 0 50px;}							  
#contentCol .imageCaptionLeft.top { margin-top: 15px; }

#contentCol .caption		{ margin: -3px 0 0 0; clear:left; background: #A2C800 url(css_img/cornerCaption.gif) bottom right no-repeat; padding: 8px; color: #fff; font-size: 0.9em; }
#contentCol .caption strong { display: block; margin: 0; padding: 0; }
#contentCol .caption p		{ margin: 3px 0 !important; line-height: 1.2em !important; }

#contentCol table			{ clear: both; margin: 20px 0; text-align: center; width: 100%;  background: #fff; font-size: 0.9em; }
#contentCol table th 		{ margin-top:30px; }
#contentCol table td		{ margin: 1px; background: #efefef; padding: 5px; text-align: left;} /* text-align added by Jadu */
#contentCol table caption	{ font-size:1.3em; color: #005A9B;  margin: 3px 0 9px 0;  }

#contentCol ul				{ margin: 10px 0 20px 20px; padding: 0; } /* borders removed by Jadu */
#contentCol ul li			{ padding: 3px 0 3px 10px; background: url(css_img/iconGreenArrow.gif) 0 8px no-repeat; color: #888;}
#contentCol ul li h2 		{ display: block; 	font-size: 0.9em; 	font-weight: bold; padding: 3px 0 3px 0 !important; margin-bottom: 2px;; color: #000; }
#contentCol ul li p 		{ font-weight: normal; margin: 5px 0px 5px 0px !important; line-height:1.3em; }
#contentCol ul li ul		{ border: none !important; padding:2px 0 2px 0px;  font-size: 0.9em; }
#contentCol ul ul li		{ background: url(css_img/iconGreenArrow2.gif) 0 8px no-repeat;  }
#contentCol ul ul ul		{ border: none !important; padding:2px 0 2px 0px;  font-size: 0.9em; padding-left: 40px;  }
#contentCol ul ul ul li		{ background: url(css_img/iconGreenArrow2.gif) 0 8px no-repeat; padding-left: 10px;}
#contentCol ul ol			{ margin: 8px 0 0 15px !important; border: 0 !important; background: none !important; }
#contentCol ul ol li		{ border: none !important; font-size: .9em; color: #333;  padding: 1px 0 1px 20px;  font-weight: normal; background: none !important; }

#contentCol img.left		{ display: block; clear: left; float: left;  }
#contentCol img.right		{ display: block; clear: left; float: right; margin: 0 0 15px 15px; }

#contentCol ol 				{ margin: 10px 0 10px 25px; padding: 0; } /* New ol style by Jadu */
#contentCol ol li 			{ color: #888888; list-style:outside decimal; margin: 0; padding: 3px 0;  }
#contentCol ol ol			{ border: none !important;  margin: 0 0 0 15px !important; }
#contentCol ol ol li		{ border: none !important; font-size: .9em; font-weight: normal; }
#contentCol ol ul			{ list-style-type: square !important; margin: 0 0 0 15px !important; border: 0 !important; background: none !important; }
#contentCol ol ul li		{ list-style-type: square !important;  border: none !important; font-weight: normal; background: none !important}

#contentCol .AtoZ			{ border-top: none; border-bottom: none; width:710px !important; text-transform: uppercase; margin: 10px 0 30px;} /* text-transform added by Jadu */
#contentCol ul.AtoZ li 		{ display: inline; padding: 0 !important; background: none; }
#contentCol ul.AtoZ li a	 { text-decoration: none; padding: 3px 4px 3px 5px;  border-right: 1px solid #fff; color: #fff; background: #9BC000; } 
#contentCol ul.AtoZ li a:link, 
#contentCol ul.AtoZ li a:visited { color: #fff; background: #9BC000; } /* pseudo classes added by Jadu */
#contentCol ul.AtoZ li a:hover, 
#contentCol ul.AtoZ li a:active { color: #000 !important;  border-right: 1px solid #fff; background: #FFD630; }
#contentCol ul.AtoZ li a.noContent  { background: #BBB; color: #666;  }
#contentCol ul.AtoZ li a:hover.noContent { color: #666 !important; } 
#contentCol ul.AtoZ li a { padding: 6px 9px 6px 8px; } /* template class removed by Jadu */
#contentCol ul.AtoZ li.current a    { background: #ffd630 !important;  color: #000 !important; }

a.backtop					{ clear: left; float:none; display: block; margin: 20px 0 20px 0; padding: 5px 0 0 14px; width: 200px; background: url(css_img/iconGreenArrowUp.png) 0 0px no-repeat; 
							  text-decoration:none !important; }
a:hover.backtop				{ text-decoration: underline; }

/*=Pagination--------------------------------*/

#contentCol ul.pgInation 				{ clear: left; text-align: center; margin: 20px 0 20px 0;  }							
#contentCol ul.pgInation li				{ display: inline; background: none; margin: 0; padding: 0; }	
#contentCol ul.pgInation li	a			{ font-size: 0.9em; color: #444; text-decoration: none;  padding: 4px 10px 6px 10px; background: #efefef; margin: 0; position: relative; }	
#contentCol ul.pgInation li	a:hover		{ color: #444; background: #FFD52B;  }	

#contentCol ul.pgInation li.pgBack a	{ color: #000; font-size: 0.8em; font-weight: bold; display: inline; background: none; border-left: none; }						
#contentCol ul.pgInation li.pgNext a 	{ color: #000; font-size: 0.8em; font-weight: bold; display: inline; background: none; border-left: none;  }	
#contentCol ul.pgInation li.pgBack 		{ border-left: none; padding:3px 0px 6px 14px; background: url(css_img/paginationArrowLeft.gif) top left no-repeat; }						
#contentCol ul.pgInation li.pgNext  	{ border-left: none; padding:3px 14px 6px 2px; background: url(css_img/paginationArrow.gif) top right no-repeat; }

#contentCol ul.pgInation li.pgBack:hover { background: url(css_img/paginationArrowLeft.gif) bottom left no-repeat; }						
#contentCol ul.pgInation li.pgNext:hover { background: url(css_img/paginationArrow.gif) bottom right no-repeat; }						
							
/*=Sub Page Banners-------------------------*/

#bannerSub 				 		{ background: url(css_img/bgBannerSub.jpg) right bottom no-repeat;  height: 180px; width: 710px;  }
#bannerSub img.banner			{ float: left; height:180px;  width:506px; border-right:1px solid #FFFFFF;}
#bannerSubContent 				{ width: 175px;  float: right; padding: 15px 10px 0 0; }
#bannerSubContent .bannerTitle	{ display: block; color: #fff;  padding: 5px 0 5px 0; font-size: 1.3em; }
#bannerSubContent .bannerText	{ color: #fff; line-height:1.2em; font-size: 0.9em; display:block; }
#bannerSubContent strong		{ text-decoration: none; color: #fff; }
#bannerSubContent:hover strong 	{ color: #FFEC9F; }

/*=Breadcrumbs ----------------------------*/

#breadcrumbs				{ background: url(css_img/breadcrumbFade.jpg) left 25px no-repeat; padding: 6px 0 10px 0;  }
#breadcrumbs h3 			{ overflow:hidden; margin-left:-4000px; display: none;}
#breadcrumbs ul li			{ background: url(css_img/iconCrumbArrow.gif) 0px 2px no-repeat; margin:0; display:inline; 
							  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.8em;  padding:0 0 0 12px; }
#breadcrumbs ul li.first	{ background: none; padding: 0;}

/*=Main Column definitions -----------------------------------------------------------------------------------------------------------------*/

#mainColumn					{ float:left;  padding:0 20px 20px 0; width: 710px; }
#contentCol					{ float: left; width: 484px; margin: 0 20px 0 0; overflow: hidden; }
#rightCol					{ float: left; width: 200px; margin: 20px 0 0 0; }

.tCourseDetails #mainColumn { width: 980px; }
.tCourseDetails	#contentCol	{ width: 720px; }

.tCourseListing #contentCol { width: 710px; }

/*=Left Page Column Sub Page ------------------------------------------------------------------------------------------------------------*/

#leftCol 										{ margin: 0; float:left; width:190px; padding: 0 40px 15px 0;}

.secName 										{line-height: 1;}
.secName span									{ display: block; font-size: 2.1em; z-index:100; height:60px; margin: 0 0 0 0; width:200px; padding: 20px 0 0 15px; color: #009FC2; }

#sNavigation ul ul li a 						{ color: #000; padding: 8px 0 8px 15px; display: block; width:190px; background: url(css_img/bgSubNav.jpg) bottom left repeat-x; border-bottom: 1px solid #fff;}
#sNavigation ul ul li a:hover 					{ background: url(css_img/bgSubNavOver.jpg) left bottom repeat-x; color: #000; }
#sNavigation ul ul li.current a					{ background: url(css_img/bgSubNavOn2.jpg) left bottom repeat-x; font-weight: bold; color: #1C4468; margin-left: -20px; text-indent: 0px; padding-left: 35px; width: 190px; }

#sNavigation ul ul li.current ul li a 			{ border-left: 3px solid #BBE2EC;font-weight:normal; background: url(css_img/iconBlueArrow.gif) 10px 8px no-repeat; padding: 5px 0 5px 18px;  margin: 0; width: 180px; color:#009FC2; font-size: 11px;  text-indent: 0;} 
#sNavigation ul ul li.current ul li a:hover 	{ color: #000; }

#sNavigation ul ul li.current ul li.current a 												{ width: 180px; font-weight: bold; color: #014984; } /* further navigation active states added */
#sNavigation ul ul li.current ul li.current ul li a 										{ font-weight: normal !important;  background: none; padding: 5px 0 1px 28px; width: 170px }
#sNavigation ul ul li.current ul li.current ul li.current a 								{ font-weight: bold !important;  }
#sNavigation ul ul li.current ul li.current ul li.current ul li a 							{ font-weight: normal !important; padding: 5px 0 1px 38px; width: 160px; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current a 					{ font-weight: bold !important; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li a 			{ font-weight: normal !important; padding: 5px 0 1px 48px; width: 150px; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current a 	{ font-weight: bold !important; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li a 	{ font-weight: normal !important; padding: 5px 0 1px 58px; width: 140px;}
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current a 	{ font-weight: bold !important; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li a 	{ font-weight: normal !important; padding: 5px 0 1px 68px; width: 130px;}
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current a 	{ font-weight: bold !important; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li a 	{ font-weight: normal !important; padding: 5px 0 1px 78px; width: 120px;}
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current a 	{ font-weight: bold !important; }
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li a 	{ font-weight: normal !important; padding: 5px 0 1px 88px; width: 110px;}
#sNavigation ul ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current a 	{ font-weight: bold !important; }

#courseFilter h3							     { padding: 15px 0 8px 0; font-weight: bold; }

#courseFilter li 								 { padding:3px 5px 5px 7px; margin: 1px; background: url(css_img/bgSubNav.jpg) repeat-x scroll left bottom ; }
#courseFilter input								 { float: right; display: inline; padding: 0; margin: -14px 0 0 0; }
#courseFilter label								 { display: block; width: 150px; }

.clearAll										 { display: block; text-decoration: underline;  margin: 6px 0 10px 0 !important; }

ul.csCriteria li 								 { padding: 3px 0 3px 0; background: #009FC2 !important;  color: #fff;}
.removeCriteria									 { /*float:right;*/  color: #FFFF00; background:url(css_img/cross.gif) right 6px no-repeat;  padding:0 10px 0 120px;/*display:block;*/ text-align:right;}
.removeCriteria:hover							 { text-decoration: underline; }
/* added span class for long criteria names */
ul.csCriteria li span.criteriaName {display:block; /*width:115px;*/}


.finderhome			{ padding: 0 8px 0 8px; background: url(css_img/bgSearchInner.png) 0 23px no-repeat; } /* inner page course finder styles added by Jadu */
.jobSignIn form		{ height: 102px;}
.finderhome a		{ display: block; font-size: .8em; clear: left;  }
.finderhome h3		{ background: none; margin: 0 0 15px -7px ; text-transform: uppercase; font-size: 1.2em; padding: 0;   color: #009FC0; }
.finderhome form		{ margin:0; padding: 0; width: 212px; }
#sFieldCourse, .sFieldCourse		{ width: 110px; border: 0; float: left;  font-size: 1.2em; margin: 5px 5px 10px 0  !important; padding: 1px 3px 3px 5px; }
.finderhome #crsList { width: 200px; height: 60px;}
.finderhome #crsList a { color: #005A9B; background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat; padding: 0 0 3px 9px; font-size: 0.85em; }
.finderhome #crsLeft { float: left; width:70%; }
.finderhome #crsRight{ float: left; width: 30%; }
#crsList a { color: #005A9B; background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat; padding: 0 0 3px 9px; font-size: 0.85em; }

/*=Foot of Page link box ------------------------------------------------------------------------------------------------------------*/

#linkModule 				{ background: url(css_img/bgLinkModule.png) 0 0 no-repeat; padding: 24px 0 18px 20px; margin: 0 ; clear:left; height:140px; width:965px; }
.tHome #linkModule			{ margin: 0 0 20px 0; }
.linkPanel 					{ float: left; width: 236px; height: 125px; background: url(css_img/bgLinkModuleItems.png) top left no-repeat; }
.linkPanel:hover			{ background: url(css_img/bgLinkModuleItemsHover.png) top left no-repeat; }
.linkPanel img				{ float: left; padding: 12px 10px 10px 12px; }
.linkPanel .linkTitle		{ display: block; color: #00599A; color:#00599A; font-size:1em; font-weight:bold; padding: 15px 0 4px 0px;  }
.tHome .linkPanel .linkTitle{ display: block; color: #00599A; color:#00599A; font-size:1em; font-weight:bold; padding: 0px 0 4px 12px; width: 100px; }
.goButton 					{ background: url(css_img/linkGo.png) 0 0 no-repeat; position:relative; z-index:9000; padding:0; 
							  display: none; }

/*=Footer -----------------------------------------------------------------------------------------------------------------------------------*/

#footer 					{ padding: 20px; font-size: 13px; color: #ccc; clear:left; width: 940px; height: 180px; 
							  background:  url(css_img/footer.png) 0 0 no-repeat; }
#footer strong 				{ font-weight: bold; color: #fff; }

#footerBottom 				{ line-height: 20px !important; padding: 15px 20px 20px 10px;  background: #000044; text-align: right; 
							  background: url(css_img/footerBg.png) left bottom no-repeat;}
							  
#footerBottom a 			{ color: #fff; }
p.footer 					{ width: 985px; padding: 10px 0 15px 0; font-size: 10px; text-align: right; }
#searchCentre 				{ background:transparent url(css_img/centreBg.jpg) no-repeat scroll 0 0; margin:0 0 0 620px;   
							  padding:10px 25px 24px 10px;  position:absolute; top:445px; width:250px; z-index:9000 !important;  }
#searchCentre label 		{ display: block; }
#searchCentre input 		{ padding: 5px; }
#contactDetails				{ float:left; width: 230px; }
#contactDetails h3			{ font-size: 1.3em; font-weight: bold;  color: #A7CE00; padding: 0 0 4px 0;}
#contactDetails a			{ color: #fff; }
#contactDetails strong		{ display: block; padding: 0 0 20px 0; }

#footerLinks 				{ float:left; width: 150px; padding: 5px 5px 5px 5px; text-align:left; font-size: 1em; }
#footerLinks ul				{ display: block;}
#footerLinks ul li 			{ padding: 0 0 6px 9px; background: url(css_img/iconGreenArrow.gif) 0 5px no-repeat; }
#footerLinks ul li a		{ color: #fff; font-size: .9em; }

#socialNets					{ float: left; background: url(css_img/socialPanel.png) 0 0 no-repeat; width: 160px; height: 170px; padding: 10px 0 0 15px;}
#socialNets h3 				{ color: #fff; font-size: 1.2em; padding: 0 0 10px 0;}

#footerMaps					{ float: left; width: 350px; height:180px;  margin: 0 0 0 5px; background: url(css_img/panelMaps.png) 0 0 no-repeat; padding: 10px 0 0 20px; }
#footerMaps h3 				{ color: #fff; font-size: 1.2em; }
#footerMaps strong			{ font-size:0.9em; color: #A7CE00; padding: 2px 0 0px 0; margin: 0;  }
#campusPark, #campusAvenue, #campusSilver  { float: left; display: block; width: 32%; padding: 9px 0 0 0; margin: 0; }
#campusSilver				{ display: none; }

/*=News Listing --------------------------------------------------------------------------------------------------------------------------------*/

#contentCol .rsList .listFeature					{ display: block; margin: 0 0 15px 0; float: left; overflow: hidden; width: 484px;}
#contentCol .rsList .listFeature .entry-title		{ margin: 10px 0 5px 0; font-size: 1.2em; word-wrap: break-word; }
#contentCol .rsList a .entry-title 		{ display: block; clear:left; margin: 0; padding: 0 0 10px 0; font-weight: bold; font-size: 1.1em; color: #014783; word-wrap:break-word;}
#contentCol .rsList .listFeature a .entry-title { font-size: 1.3em; }

#contentCol .rsList a .lDate 			{ display: block; clear:left; font-size: 0.9em; margin: 0 0 6px 0; }
#contentCol .rsList img 				{ float: left; margin-right:15px; padding:3px;  background: #fff; border: 1px solid #efefef; width: 120px; }
#contentCol .rsList .itemFields			{ display: block; float: left; width: 65%;  }
#contentCol .rsList a .lCategory 		{ display: block; clear:left; font-size: 11px; margin: 5px 0 5px 0; }
#contentCol .rsList a .entry-content  	{ display: block; color: #888; }
#contentCol .rsList a .entry-content strong { color: #009FC2; background: #fff; padding: 0px 3px 2px 3px;  }
#contentCol .rsList a:hover p.entry-content strong { background: #FFD52B; color: #000; }
#contentCol .rsList a					{ text-decoration: none; display: block; clear:both; } /* clear added by Jadu, increased stability */
#contentCol .rsList a:hover				{ color: #000 !important; }
#contentCol .rsList .listItem			{ border: 1px solid #F4F8FA; clear: left; display: block; float: left; margin: 0 0 5px 0; padding: 10px; background: #F1F5F7; width: 95%; }
										  		
.events #contentCol .rsList .listItem	{ border: 1px solid #FFF8DD !important; background: #FFFCF0 !important; }
.events #contentCol .rsList .listItem a .entry-title { color: #96BA00; }	

#contentCol .rsList						{ border: none; padding: 0; margin: 10px 0; display: block; } /* display added by Jadu */
#contentCol .rsList .listItem:hover		{ border: 1px solid #FFCC00 !important;  }

#contentCol .courseList 				{ width: 724px; } /* course list styles fixed by Jadu */
#contentCol .courseList .listItem 		{ padding: 2px !important; margin: 0 0 1px 0; }
#contentCol .courseList .courseLetter 	{ line-height: 1.4; font-size: 2em; color: #009FC2; background: none; padding: 0;}

.tCourseListing #contentCol .courseList li 		{ background: none; padding: 2px !important; margin: 0 0 1px 60px; }
.tCourseListing #contentCol .courseList .courseLetter	{ line-height: 1;display: block; float: left; margin:0 0 0px 0; clear: left; font-size: 5em; color: #009FC2; border: none; background: none; height: 60px;  }
.tCourseListing #contentCol .rsList a 	{ clear:none;}


/* Gallery Customisation ---------------------*/

#contentCol ul.rsList.gallery img 		{ float: left; margin-right:15px; padding:3px; background: #fff !important; border: 1px solid #efefef; height: 100px; width: 100px;   }
#contentCol ul.rsList.gallery h4		{ color: #005A9B; padding: 2px 0 8px 0; font-weight: normal; }
#contentCol ul.rsList.gallery h3		{ color: #009FC0; font-weight: normal; font-size: 1.2em; padding: 10px 0 10px 0; clear: left; }
#contentCol ul.rsList.gallery p			{ padding-top: 0px !important; margin-top: 0px !important; }
#contentCol ul.rsList.gallery li		{ border: 1px solid #efefef !important; clear: left; display: block; float: left; margin: 0 0 5px 0; 
										  padding: 10px; background: #ECF1F4 !important; width: 95%; }
#contentCol ul.rsList.gallery li:hover	{ border: 1px solid #8DCAE7 !important; }

/*=Widgets x-------------------------------------------------------------------------------------------------------------------------------------*/

.widget						{ margin-bottom: 5px; display: block;} /* display added by Jadu */
.widget	.linkTitle			{ display: block; text-transform: uppercase; font-size: 1.2em; padding: 10px 0 5px 0; margin-top: 10px;  color: #009FC0;
							  background: url(css_img/bgWidgetTop.jpg) top left no-repeat }	
.widget p					{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; font-size: .8em; padding: 0 0 10px 0; 
							  width: 120px;  }		
.widget.enquiries			{ font-size: 120%; }
.widget.enquiries .linkTitle{ font-size: 100% !important; margin-bottom:5px;  }

.widget a img				{ padding-bottom: 10px; }
.widget .widgetGo			{ background: url(css_img/buttonGo.gif) 0 0 no-repeat;  display: block; height: 40px; margin: 8px 0 0 0; }
.widget:hover .widgetGo		{ background: url(css_img/buttonGoOver.gif) 0 0 no-repeat;  display: block; height: 40px; }

.tHome .widget .widgetGo		{ height: 28px; }
.tHome .widget:hover .widgetGo	{ height: 28px; }
.tHome .widget.prospectus .linkTitle { background: none !important; padding-top: 0; }

.widget.testimonial	p		{ padding: 10px 0 10px 0; background: none; font-size:1em; line-height:1.5em; width: 100%; 
							  font-style: italic;  font-family: Georgia, "Times New Roman", Times, serif; }
.widget.testimonial img		{ padding:1px; border: 1px solid #efefef; }

/*=Widgets -------------------------------------------------------------------------------------------------------------------------------------*/

.linkList					{ margin-bottom: 5px;   }
.linkList h3				{ text-transform: uppercase; font-size: 1.2em; padding: 10px 0 5px 0; margin-top: 10px;  color: #009FC0; }	
.linkList h3 a				{ color: #009FC0; }
.linkList p					{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; font-size: .8em; padding: 0 0 10px 0; width: 120px;  }
.linkList li				{ padding: 8px 0 10px 0; background: url(css_img/fadelineLight.png) top left no-repeat}		
.linkList li a				{ display: block; font-size: 0.9em; padding: 0 0 0 10px; background: url(css_img/iconBlueArrow.gif) 0 4px no-repeat; } /* display added by Jadu */
.linkList.category h3		{ color: #83A400; }			
.linkList.category h3 a		{ color: #83A400; }
.linkList.category li a	    { background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat}		
.linkList li a img			{ vertical-align: middle; }

/*=Home Page ---------------------------------------------------------------------------------------------------------------------*/

.tHome #mainColumn 			{ width: 940px; } /* width added by Jadu */
.tHome .finderhome			{ padding: 0 8px 0 8px; background: url(css_img/bgSearchHome.png) 0 23px no-repeat; }
.tHome .finderhome a		{ display: block; font-size: .8em; clear: left;  }
.tHome .finderhome h3		{ background: none; margin: 0 0 15px -7px ; text-transform: uppercase; font-size: 1.2em; padding: 0;   color: #009FC0; } /* margin adjusted by Jadu */
.tHome .finderhome form		{ margin:0; padding: 0; width: 212px; }
.tHome .finderhome #sButton { cursor: pointer; border:0; background: url(css_img/search.png) 0 0 no-repeat;  color:#000000;  font-weight:normal; font-size: .7em; 
							  margin:5px 0 0; padding:5px 10px 8px 6px; }
.tHome .finderhome #sField 	{ width: 132px;  border: 0; float: left;  font-size: 1.1em;  padding: 3px 3px 4px 5px; margin: 5px 5px 10px 0; }
.tHome .finderhome #crsList { width: 200px; height: 60px;}
.tHome .finderhome #crsList a { color: #005A9B; background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat; padding: 0 0 3px 9px; font-size: 0.85em; }
.tHome .finderhome #crsLeft { float: left; width:70%; }
.tHome .finderhome #crsRight{ float: left; width: 30%; }

.tHome .prospectus h3 		{ background:none; margin: 0 0 0 0; padding:10px 0 5px;  }
.tHome .opendays h3			{ margin-top: 8px; }
.tHome .prospectus			{ display: block; background: url(css_img/bgWidgetProspectus.jpg) left bottom no-repeat; height: 86px;}
.tHome .opendays			{ display: block; background: url(css_img/bgWidgetOpendaysHome.png) left -13px no-repeat; height:90px;}
.tHome .prospectus a.widgetGo { height: 25px; }
.tHome .opendays a.widgetGo { height: 45px; }
.tHome .widget				{ margin-bottom: 0;}

.tHome  #newsEvents			{ float: left; width: 225px; }

.tHome .linkModuleHomeLinks	{ float: left; }
.tHome .linkPanel h3		{ clear: left; float: left; }
.tHome #bannerSubContent 	{ display: block; width: 255px;  float: left; padding: 0 0 0 20px;}
.tHome #bannerImage			{ float: left; width: 422px; height: 323px; border-right: 1px solid #fff; } /* banner background removed by Jadu*/

.tHome #bannerImage a#arrowLeft  { float: left; width: 32px; height: 37px;
								position: relative; top: 140px; left:0px; z-index: 9000; display: block; 
								background: url(css_img/imgArrowLeft.png) top left no-repeat;  
								}
.tHome #bannerImage a:hover#arrowLeft  { float: left; width: 32px; height: 37px;
								position: relative; top: 140px; left:0px; z-index: 9000; display: block; 
								background: url(css_img/imgArrowLeft.png) bottom left no-repeat;  
								}			
								
.tHome #bannerImage a#arrowRight { float: left; width: 32px; height: 37px;
								position: relative; top: 130px; left:358px; z-index: 9000; display: block; 
								background: url(css_img/imgArrowRight.png) top left no-repeat; 
								}
.tHome #bannerImage a:hover#arrowRight { float: left; width: 32px; height: 37px;
								position: relative; top: 130px; left:358px; z-index: 9000; display: block; 
								background: url(css_img/imgArrowRight.png) bottom left no-repeat; 
								}

.tHome #bannerImage .bannerTitle { color: #fff; font-weight: bold; display: block; padding: 0 0 1px 0 !important; margin: 0 !important;  }
							  
.tHome #bannerImage a:hover { color: #FC0 !important; }
.tHome #leftCol 			{ width: 220px; padding-right: 10px; }
.tHome #uon_pageFooter			{ margin: 0; }

.tHome #linkModule			{ background: url(css_img/bgLinkModuleHome.png) 0 0 no-repeat; padding: 24px 0 18px 10px;}
.tHome #linkModule 			{ margin: 0 0 20px 0; clear:left; height:10px; margin: 5px 0 0 0; width:940px; height: 182px; padding: 20px; }

.tHome .linkPanel 			{ background: url(css_img/bgLinkModuleHome2.png) 0 0 no-repeat; float: left;  width: 147px; height: 180px;  }
.tHome .linkPanel.end		{ width: 126px; }
.tHome .linkPanel img		{ float: left; padding: 10px 10px 5px 1px; }
.tHome .linkPanel h3 a		{ display: block; color: #00599A; text-align: right; font-size: 0.8em; font-weight: bold; padding: 10px 0 4px 10px;}
.tHome .linkPanel h3		{ padding: 0 0 0 12px; font-size: 1em; width: 110px; line-height: 0.97em; }
.tHome .linkPanel:hover		{ background: url(css_img/bgLinkModuleHomeHover.png) 0 0 no-repeat; }
.tHome .linkPanel:hover h3  { color: #000; }

.wt1						{ color: #fff; display: block; font-size: 18px; padding: 45px 0 6px 0;  }
.wt2						{ color: #fff; display: block; clear: left; font-size: 18px; padding: 0 0 6px 0; }
.wt3						{ color: #fff; display: block; font-size: 32px; padding: 6px 0 0 0; }

.tHome #newsEvents p		{ font-family: Verdana, Geneva, sans-serif;  font-size: 0.9em; width: 170px; padding: 4px 0 0 10px; }

.tHome h3.events a, .tHome h3.events a:hover	{ color: #83A400 !important; font-weight: bold; }
.tHome h3.news a, .tHome h3.news a				{ display: block; padding: 15px 0 0 0; color: #009FC1 !important; font-weight: bold; }

.tHome .newsDate			{ color: #83A400; font-size: 0.9em; padding: 0 0 0 10px; background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat; }
.tHome .eventsDate			{ color: #009FC1; font-size: 0.9em; padding: 0 0 0 10px; background: url(css_img/iconGreenArrow.gif) 0 4px no-repeat; }
.viewAll					{ color: #666; font-size: 11px;}

.tHome h3.events a:hover .viewAll, 
.tHome h3.news a:hover .viewAll		{ color: #000;}
#videoPanel					{ float: left; padding: 25px 0 0 20px; }

/*=Home Page Announcement -------------------------------------------------------------------------------------------------------*/

.announce					{ display: block;  clear: left; font-size: 1.4em; color: #fff; background: #005A9B url(css_img/annouceBgTop.gif) left top no-repeat; width: 920px; padding: 10px 10px 10px 10px; margin: 0 0 0 0;  line-height: 1.1em; }
.announce img				{ float: left; }
.announce .announceHeader	{ font-size: 1em; padding: 6px 0 0 8px; color: #fff; width: 175px; float: left; display: block; }
.announce .announceText		{ padding: 6px 0 0 0; font-size: 0.7em; line-height: 1.3em; display: block;   }
.announce strong			{ color: #FFE554; }
.announce a 				{ color: #fff; padding: 0 0 0 10px;  font-size: 1em; font-weight: bold; }
a:hover .announce .announceHeader		{ color: #ffe554; }
.announceFoot 				{ height: 10px; width: 100%; display: block; background: url(css_img/annouceBgFoot.gif) #005A9B  left bottom no-repeat;  margin: 0 0 12px 0; }

/*=Landing Shortcuts --------------------------------------------------------------------------------------------------------------*/

.landingShortcuts div		{ padding: 0 13px 15px 0; background: none; list-style: none; float: left; height: 150px; } /* selector changed by Jadu */
.landingShortcuts img 		{ border: 3px solid #efefef; }
.landingShortcuts span.h3		{ font-size: 0.9em; padding: 3px 0 0 0; width: 102px; display: block; font-weight: bold; }
.landingShortcuts a:hover img { border: 3px solid #FFCC00; }
.landingShortcuts a:hover span.h3 { color: #000!important; }

/* =COURSE PAGE -----------------------------------------------------------------------------*/

#courseBlock 				{ background: url(css_img/backg_fader2.jpg) 0 2.6em repeat-x; }
#courseBlock p 				{ padding: 3px 5px 3px 5px !important; background: #e0e7ed;}

#courseContentModules p 	{ background: none !important; }
#courseBlock strong 		{ color: #b51845  !important; }
#courseContentOverview, 
#courseContentModules		{ display: block; padding: 1.2em; font-size: 1.1em; margin: .6em 0 0 0; border: 2px solid #b0c0cf ; }

ul#courseTabs li 			{ background: #b0c0cf url(css_img/tabcornerL.gif) left top no-repeat; display: inline; margin: 0 1px 0 0; }
ul#courseTabs li a			{ background: #c5d3e0 url(css_img/tabcorner.gif) right top no-repeat; font-size: 1.2em; font-weight: bold; display: inline;
							  margin: 0; padding: 0.4em 1.3em .7em 1.3em;}
ul#courseTabs li a.current				{ border-bottom: 2px solid #b0c0cf; background: #b0c0cf url(css_img/tabcorner.gif) right top no-repeat; }
ul#courseTabs li a:hover				{ text-decoration: none; color: #fff; background: #6082a5 url(css_img/tabcorner.gif) right top no-repeat; }
#content table.detailBlock				{ width: 60%; margin: 0 0 2em 0; padding: 0;	border: 1px solid #c5d3e0; }
#content table.detailBlock td 			{ border: 1px solid #c5d3e0; background: url(css_img/backg_fader3.jpg) right top repeat-y; padding: .5em; }
#content table.detailBlock td.dkblue	{ width: 33%; color: #fff; font-weight: bold; background: #839db8; }

.linkImage 					{ background: #fff; margin: 10px 10px 5px 10px; border: 3px solid #fff;
							  display: block; width: 100px; height: 100px; z-index:1000; }
.linkImage:hover			{ border: 3px solid #ffcc00; }
.goButton 					{ float: left;display: block; position:relative; z-index:9000; top:20px; left:0px; width: 32px; height: 30px; 
							  display: none; }
.linkContainer				{ float:right;  margin-top:-125px;  width:115px; }
.widgetLinkText				{ display: block; margin-top:0px; width:110px; }
.tHome .linkText            { display: block; float: none;  margin-top:0;  width:140px; }

/*=Home Page Banner-------------------------*/

.tHome #banner				{ background: url(css_img/bgBanner.png) right bottom no-repeat; height: 323px; }
.tHome #banner img.banner	{ float: left; height:323px;  width: 423px;}
.tHome #footPageFade 		{ background: url(css_img/pageFootHome.png) left bottom repeat-x; padding-bottom:15px; }
.tHome #uon_pageFooter			{ background: none; } 

/*=Tabs ------------------------------------*/

#tabPanel					{ width: 100%; float: left; margin: 0 0 30px 0;  background: url(css_img/bgPanel.jpg) #91B600 right 0 no-repeat;  padding: 0; border: none;}
#tabPanel ul				{ border: none; }
#tabPanel ul li 			{ display: inline; background: none; padding: 0;}
#tabPanel ul li a 			{ color: #005A9B !important; text-decoration: none !important;  background: url(css_img/bgPanelTab.jpg) 0 0 ; padding: 5px 12px 10px; }
#tabPanel ul li a:hover		{ background: #91B600; }
#tabPanel ul li.current	a	{ background: none repeat scroll 0 0 #A8CF00; }
#tabPanel ul li.current a 	{ color: #fff !important; font-weight: bold !important; text-decoration: none !important; }
#tabPanel-1, #tabPanel-2	{ padding: 20px 20px 30px 20px;  color: #fff; }
#tabPanel p					{ line-height: 17px !important; }
#tabPanel a					{ text-decoration: none !important; color: #fff !important;}
#tabPanel a:hover			{ color: #fff !important; }
#tabPanel a .tbDate			{ font-weight: normal; color: #000; padding-right: 2px; }
#tabPanel a .tbTitle		{ font-weight: bold; color: #000;}
#tabPanel a .tbDesc			{ font-weight: normal; display: block; clear: left;  }
#tabPanel a.tbDetails		{ background: #A8CF00; display: block; padding: 10px; margin-bottom: 2px; }
#tabPanel a.tbDetails:hover	{ background: #B9D933; }

/*=Tabs Courses ----------------------------------*/

#tabPanelBlue				{ clear: left;  float: left; border-left: 5px solid #A8CF00; border-bottom: 1px solid #eee;  margin: 20px 0 30px 0;  
							  background: url(css_img/bgPanelGrey.jpg) #F2F6F8 right -16px no-repeat; padding: 1px 0 0 0; width: 100%; }
/* Steve M - added .tabset_tabs to ul so lists within tab boxes don't pick up tab style */
#tabPanelBlue ul.tabset_tabs			{ border: none; padding: 5px 0 0 0 !important; margin: 0; } /* margin added by Jadu */
#tabPanelBlue ul.tabset_tabs li 		{ display: inline; background: none; padding: 0;}
#tabPanelBlue ul.tabset_tabs li a 		{ font-size: 1.1em; color: #005A9B !important; text-decoration: none !important;  background: url(css_img/bgPanelTabGrey.jpg) 0 0 ; 
							  padding: 5px 12px 8px 12px; }
#tabPanelBlue ul.tabset_tabs li a:hover	{ background: #9aa9b1; color: #fff !important;}
#tabPanelBlue ul.tabset_tabs li.active a			{ color: #000 !important;  font-weight: bold; background: none repeat scroll 0 0 #CDDCE3; }
#tabtabPanelBluePanel ul.tabset_tabs li.active a 	{ color: #000 !important; font-weight: bold !important; text-decoration: none !important; }
#tabPanelBlue-1, #tabPanelBlue-2, 
#tabPanelBlue-3, #tabPanelBlue-4, 
#tabPanelBlue-5, #tabPanelBlue-6		{ color: #444; padding: 40px 30px 30px 30px;  } /* Webteam */
#tabPanelBlue p				{ line-height: 17px !important; }
/* Steve M - added .tbDetails class to links so links in tab boxes don't pick up the tab news item style */
#tabPanelBlue a.tbDetails	{ text-decoration: none !important; color: #fff !important;}
#tabPanelBlue a.tbDetails:hover		{ color: #fff !important; }
#tabPanelBlue a .tbDate		{ font-weight: normal; color: #000; padding-right: 2px; }
#tabPanelBlue a .tbTitle	{ font-weight: bold; color: #000;}
#tabPanelBlue a .tbDesc		{ font-weight: normal; display: block; clear: left;  }
#tabPanelBlue a.tbDetails	{ background: #8AADBF; display: block; padding: 10px; margin-bottom: 2px; }
#tabPanelBlue a.tbDetails:hover	{ background: #ABC5D1; }
#tabPanelBlue h4			{ margin: 20px 0 0px 0;  font-weight: bold; font-size: 1.1em; color: #A8CF00; }

a.pdf 	{ background: url(css_img/icon_pdf.gif) 0 0 no-repeat;  padding: 0 0 5px 27px; }
a.word 	{ background: url(css_img/icon_word.gif) 0 0 no-repeat;  padding: 0 0 5px 27px; }
a.doc 	{ background: url(css_img/icon_xls.gif) 0 0 no-repeat;  padding: 0 0 5px 27px; }

/*=Gallery Listing --------------------------------------------------------------------------------------------------------------*/

#landingShortcuts ul				{ display: block; clear: left; border-bottom: none; border-top: 1px solid #efefef; padding:20px 0; margin:20px 0 0 0;}
#landingShortcuts ul li				{ padding: 0 13px 15px 0 ; background: none; list-style: none; float: left; height: 150px; }
#landingShortcuts ul li img 		{ border: 3px solid #efefef;}
#landingShortcuts h3				{ font-size: 0.9em; padding: 3px 0 0 0; width: 102px; }
#landingShortcuts ul li a:hover img { border: 3px solid #FFCC00; }
#landingShortcuts ul li a:hover h3 	{ color: #000!important; }

/*=Gallery Thumbnails --------------------------------------------------------------------------------------------------------------*/

#contentCol .galleryThumbs 						{ overflow: auto; border-top: 1px solid #efefef; padding: 20px 0 0 0; margin: 20px 0; }
#contentCol .galleryThumbs ul					{ display: block; clear: left; border: none; padding: 0 0 20px 0; margin: 0;}
#contentCol .galleryThumbs ul li				{ display: block; padding: 0 13px 15px 0 ; background: none !important; list-style: none; float: left; min-height: 100px; }
#contentCol .galleryThumbs ul li img 			{ display: block; border: 1px solid #efefef; padding:3px;}
#contentCol .galleryThumbs .galleryTitle		{ display: block; font-weight: normal; font-size: 0.9em; padding: 5px 0 0 0; width: 102px; }
#contentCol .galleryThumbs ul li a:hover img	{ display: block; border: 1px solid #FFCC00; }
#contentCol .galleryThumbs ul li a:hover h3 	{ color: #000!important; }

/*=FORMS -----------------------------------------------------------------------*/

#contentCol fieldset 					{ /* Commented out left float as not sure if it is required, for clearing content after forms... float: left;*/ position: relative; border: none;  padding: 20px 0 20px 0; margin: 0 0 10px 0; width: 484px;}
#contentCol fieldset 					{ width: 467px;}
#contentCol fieldset legend 			{ display: block; font-weight: bold; font-size: 1.3em; color: #80AF00; margin: 0; padding: 0; }
#contentCol fieldset ul 				{ float: left; position: relative; padding: 10px 0 0 0; margin: 0; border: none !important;}
#contentCol fieldset ul 				{ width: 467px;}
#contentCol fieldset ul li 				{ color: #333; width: 467px; background: none !important; padding: 10px !important;}
#contentCol fieldset li 				{ float: left; display: block; border-top: 1px solid #ddd; padding: 10px 0; margin: 0px;}
#contentCol fieldset li.first 			{ }
#contentCol fieldset li.odd 			{ background-color: #FFFCF0 !important; }
#contentCol fieldset li.even 			{ background-color: #FFFCDF !important; }
#contentCol fieldset li.last 			{ border-bottom: 1px solid #ddd;}
#contentCol fieldset li.formError label,
#contentCol fieldset li.formError span.label { color: #CC3300;}
#contentCol fieldset li.formError input,
#contentCol fieldset li.formError textarea, 
#contentCol fieldset li.formError select { border: 1px solid #CC3300; color: #000;  } /* additional selectors added by Jadu */
#contentCol fieldset label 				{ color: #555; display: block; float: left; width: 140px; font-weight: bold; padding: 0 0 0 2px;}
#contentCol fieldset label.long			{ float: none; width: auto;}
#contentCol .formReq 					{ font-size: 1.1em; color: #cc3300;}
#contentCol fieldset input 				{ float: left; margin: 5px 0 5px 0; padding: 5px; background: #fff; border: 1px solid #999; }
#contentCol fieldset textarea			{ float: left; margin: 5px 0 5px 0; padding: 5px; background: #fff; border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } /* textarea added by Jadu */
#contentCol form textarea.required		{ background: #FFE656;  }
#contentCol form textarea.description	{ width: 300px;}
#contentCol fieldset .textField 		{ width: 200px;}
#contentCol fieldset li .formErrorMessage { color: #CC3300; float: right; width: 95px; font-size: .8em; font-weight: bold;}
#contentCol fieldset .formReq			{ clear: left; }
#contentCol fieldset li p 				{ clear: both; padding-left: 142px; padding: 0; margin: 0 !important; font-size: 0.8em;}
#contentCol fieldset button				{ background: url(css_img/buttonLeft.png) left top no-repeat; border: none; padding: 4px 0px 6px 6px; cursor: pointer;  margin:0;}
#contentCol fieldset .butRight			{ background: url(css_img/buttonRight.png) top right no-repeat; padding:5px 15px 8px 5px; cursor: pointer; margin:0; }
#contentCol fieldset input.checkbox		{ float: none; vertical-align: center; }
button.button 									{ background: url(css_img/buttonLeft.png) no-repeat; border: none; padding: 4px 0px 6px 6px; cursor: pointer; margin: 0;} /* additional form styles added by Jadu */
button.button .butRight							{ background: url(css_img/buttonRight.gif) top right no-repeat; padding:5px 15px 8px 5px; cursor: pointer; margin:0; }
#contentCol fieldset .advancedSearch input 		{ float: none; margin: 5px 5px 5px 0; padding: 5px; }
#contentCol fieldset .advancedSearch span.label { float: none; width: auto; clear: both; padding: 0 0 10px 0;}
#contentCol fieldset .advancedSearch br 		{ display: none; }
#contentCol fieldset legend strong 				{ color: #555; font-weight: normal; }
#contentCol fieldset input.button				{ background: #ffe656; border: none;  } 

#contentCol fieldset .ethnicOrigin input 		{ float: left; margin:0 5px 10px 0; padding: 0; }
#contentCol fieldset .ethnicOrigin label		{ display: block; font-weight: bold; color: #555555; padding: 0; margin: 0 10px 5px 0; overflow: auto; width: 220px; vertical-align: middle;}
.clearLeft 										{ clear:left; } 
#categoryIDs, #roleIDs							{ width: 200px; }

#contentCol span.label					{ width: 140px; display: block;  font-weight: bold; color: #555555;  float: left; }
#contentCol span.dateSet					{ display: block; float: left; width: 300px;}
#contentCol span.dateSet	 label			{ display: inline; float: none; margin: 0 10px 0 5px;  }
#contentCol span.dateSet	 input			{ display: inline; float: none; margin: 0;  }

/* =Site Map ----------------------------------------------------------------------------------- */

#contentCol ul.listing.sitemap 					{ display: block; margin: 10px 0 40px 0; clear: both;} /* margin adjusted and clear added by Jadu */
#contentCol ul.listing.sitemap ul				{ margin: 0 0 0 0; }
#contentCol ul.listing.sitemap li 				{ font-size: 1em; border: none; background: none; margin: 0 0 1px 0; padding: 0; }
#contentCol ul.listing.sitemap li a				{ font-weight: bold; display: block; background: #9DC332; color: #fff !important; text-decoration: none  !important;
										      	  padding: 6px 3px 6px 5px; margin: 0; }
#contentCol ul.listing.sitemap li ul li a		{ color: #555  !important; background: #B3E1EE;	padding: 5px 5px 5px 10px !important; }
#contentCol ul.listing.sitemap li ul li ul li a	{ color: #888  !important; background: #E4EBF5; padding: 5px 5px 5px 10px !important; }
#contentCol ul.listing.sitemap a:hover			{ color: #000  !important; text-decoration:none !important; }
#contentCol ul.listing ul ul 					{ border:medium none !important; font-size:0.9em; padding:2px 0 2px 10px; }

/*=Other Site Wide Pages ------------------------------------------------------------------------ */

.tError #bottomFade		{ background: none; }
.tError h1				{ text-align: center; padding: 90px 0 90px 0; }
.tError #contentCol		{ width: 920px; text-align: center; }

/* Jadu styles ------------------------------------------------------------------------ */
.tSystemTools #contentCol 						{ width: 660px; }
.tContentTwo  #contentCol						{ width: 700px; } 
.fullWidth #mainColumn 							{ width: 920px; }
.fullWidth #mainColumn #contentCol 				{ width: 700px; }
.tContentTwo .fullWidth #mainColumn #contentCol { width: 920px; }


/* styles for Jadu items */
#contentCol div.byEditor 						{ line-height: 1.7em;}

#pageTools ul 									{ border:none; margin: 20px 0 0; clear: both; }
#pageTools ul li 								{ display: block; width: 18%; float: left;  padding-left: 26px;}
#pageTools ul li.relprint 						{ padding-left: 26px; background: url(css_img/iconPrintPage.gif) no-repeat left top;} 
#pageTools ul li.relemail 						{ padding-left: 26px; background: url(css_img/iconEmailFriend.gif) no-repeat left top;} 
#pageTools ul li.relcomment	 	 				{ padding-left: 26px; background: url(css_img/iconRelatedFAQs.gif) no-repeat left top;}

#contentCol .sociable ul 						{ overflow: auto; clear: both; margin: 20px 0 0 0; padding: 0; }
#contentCol .sociable ul li 					{ display:block; list-style:none; width: 18%; float: left; padding-left: 26px;}
#contentCol .sociable ul li.digg 				{ background:url(css_img/bm16pxdigg.gif) no-repeat 3px top;}
#contentCol .sociable ul li.delicious 			{ background:url(css_img/bm16pxdelicious.gif) no-repeat 3px top;}
#contentCol .sociable ul li.stumbleupon 			{ background:url(css_img/bm16pxstumble.gif) no-repeat 3px top;}
#contentCol .sociable ul li.facebook 			{ background:url(css_img/bm16pxfacebook.gif) no-repeat 3px top;}
#contentCol .sociable ul li.google 				{ background:url(css_img/bm16pxgoogle.gif) no-repeat 3px top;}
#contentCol .sociable ul li.linkedin 			{ background:url(css_img/bm16pxlinkedin.gif) no-repeat 3px top;}

#calendar 										{ margin: 0 0 15px 0;}
#calendar table 								{ width: 180px; border: none; font-size: 0.9em; }
#calendar table th 								{ border: none; font-weight: bold; text-align: left;}
#calendar table td								{ border: none; font-weight: normal; text-align: left; padding: 2px 2px 2px 0; color: #999;}
#calendar table td a:link,
#calendar table td a:visited 					{ color: #014783;}
#calendar h3 									{ text-transform: uppercase; font-size: 1.2em; padding: 10px 0 5px; margin-top: 10px; color: #009fc0;}
#calendar p 										{ padding:10px 0 0 0;}

#contentCol #related 							{ border-top: 1px solid #e5e5e5; clear: both; margin: 20px 0 0 0; padding: 10px 0 0;}
#mainColumn #contentCol #related h3 			{ width: auto; float: none; margin: 0; padding: 0 0 5px 0; }
#contentCol #related ul 						{ margin: 0 0 5px; padding: 0; clear: left; overflow: auto; }
#contentCol #related li 						{ width: 18%; float: left;  padding-left: 26px; }
#contentCol #related li ul 						{ padding: 1px 0; margin: 0;}
#contentCol #related li ul li a 				{ background: none; padding: 0; }
#contentCol #related li ul li 					{ float: none; padding: 0; width: auto; font-size: 0.9em; background: #ffffff; }
#contentCol #related li ul li strong 			{ color: #444;}
#contentCol #related li.relatedForms 			{ background: url(css_img/iconRelatedForms.gif) no-repeat left top; }
#contentCol #related li.relatedDownloads 		{ background: url(css_img/iconRelatedDownloads.gif) no-repeat left top;}
#contentCol #related li.relatedPodcasts 		{ background: url(css_img/iconRelatedDownloads.gif) no-repeat left top;}
#contentCol #related li.relatedGalleries 		{ background: url(css_img/iconRelatedGalleries.gif) no-repeat left top;}
#contentCol #related li.relatedNews 			{ background: url(css_img/iconRelatedNews.gif) no-repeat left top;}
#contentCol #related li.relatedEvents 			{ background: url(css_img/iconRelatedEvents.gif) no-repeat left top;}
#contentCol #related li.relatedFaqs 				{ background: url(css_img/iconRelatedFAQs.gif) no-repeat left top;}
#contentCol #related li.relatedServices 		{ background: url(css_img/iconRelatedServices.gif) no-repeat left top;}
#contentCol #related li.relatedBlogs 			{ background: url(css_img/iconRelatedBlogs.gif) no-repeat left top;}
#contentCol #related li.relatedDirectories 		{ background: url(css_img/iconRelatedDirectories.gif) no-repeat left top;}
#contentCol p.rss								{ clear: left; padding: 10px 0;}

.pluit-carousel 									{ position: relative; width: 422px;}
.pluit-carousel ul 								{ margin: 0; padding: 0; list-style: none;}
.pluit-carousel .viewport 						{ width: 1px; overflow: hidden; position: relative; }
.pluit-carousel .viewport ul 					{ width: 6000px;}
.pluit-carousel .viewport ul li 					{ float: left; display: block; }
.pluit-carousel .viewport ul li a 				{ display: block; width: 422px; height: 323px; padding: 0; margin: 0;}
.pluit-carousel .nav 							{ padding: 0; }
.pluit-carousel .nav li a 						{ display: block; overflow: hidden; width: 32px; height: 37px; outline: none; text-indent: -100em; }
.pluit-carousel .nav li a:hover 					{ background-position: left bottom; }
.pluit-carousel .nav .prev, 
.pluit-carousel .nav .next 						{ float: left; position: absolute; z-index: 9000; }
.pluit-carousel .nav .prev 						{ top: 130px; left:0; }
.pluit-carousel .nav .prev a 					{ background: url(css_img/imgArrowLeft.png) left top no-repeat;}
.pluit-carousel .nav .prev a:hover 				{ background-position: left bottom; }
.pluit-carousel .nav .next 						{ top: 130px; right:0; }
.pluit-carousel .nav .next a 					{ background: url(css_img/imgArrowRight.png) left top no-repeat;}
.pluit-carousel .nav .next a:hover 				{ background-position: left bottom; }
.pluit-carousel .nav .pages 						{ display:none; }
.pluit-carousel ul:after, 
.pluit-carousel .nav .pages:after, 
.pluit-carousel .nav:after 						{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.tHome #bannerImage .caption 					{ display: block; position: absolute; background: url(css_img/80black.png); color: #fff; width: 402px; padding: 10px; bottom:0; line-height: 0.9em; }
.tHome #bannerImage a 							{ color: #ccc; position: relative }			

#contentCol .rsList img.pollbar,
#contentCol img.pollbar 							{ float: none; display: block; margin: 15px 0; padding: 3px; background: #ffffff; border: 1px solid #efefef; width: auto; height: 15px; }

.signin 										{ display: block; clear: left; color: #fff; background: #005A9B url(css_img/annouceBgTop.gif) left top no-repeat; width: 940px; padding: 10px 0 0 0; margin: 0; line-height: 1.1em;}
.signin ul li 									{ display: block; float: left; width: 225px;}
.signin ul li input 								{ margin: 0; padding: 5px; background: #ffffff; border: 1px solid #efefef;}
.signin fieldset 								{ padding: 0 10px 10px 10px; display: block; background: url(css_img/annouceBgFoot.gif) #005A9B  left bottom no-repeat; margin: 0 0 12px 0; }
.signin legend 									{ font-size: 1.4em; padding: 6px 0 0 8px; color: #fff; width: 175px; float: left; display: block;}
.signin fieldset button 						{ background: url(css_img/buttonLeft.png) left top no-repeat; border: none; padding: 4px 0px 6px 6px; cursor: pointer;  margin:0;}
.signin fieldset .butRight 						{ background: url(css_img/buttonRight.png) top right no-repeat; padding:5px 15px 8px 5px; cursor: pointer; margin:0; }
.signin label 									{ display: inline; color: #fff;}
.signin a:link, .signin a:visited, 
.signin a:hover, .signin a:active 				{ color: #eee;}
h2.welcome 										{ clear: both; margin: 15px 0;}

#contentCol h2.progress 							{ margin:15px 0 5px 0; padding: 0; line-height: 1; }
div.progress 									{ border: 1px solid #ccc; margin:0 0 25px 0;  padding: 3px; background: #ffffff;}
div.progress img 								{ float: none; display: block; width: auto; height: 15px; overflow:hidden; }

table.directoryRecord td 						{ text-align: left; vertical-align: top; }

.supplementNavigation							{ clear: both; }
.supplementNavigation h2 						{ padding: 15px 0 8px; font-weight: bold; font-size: 1.2em; }
.supplementNavigation li							{ margin: 1px; }
.supplementNavigation li a:link, 
.supplementNavigation li a:visited				{ color: #000; background: url(css_img/bgSubNav.jpg) repeat-x left bottom; display: block; padding: 8px 0 8px 15px; width: 190px; }
.supplementNavigation li a:hover,
.supplementNavigation li a:active 				{ color: #000; background: url(css_img/bgSubNavOver.jpg) repeat-x left bottom; display: block; padding: 8px 0 8px 15px; width: 190px; }

#contentCol  .cate_info ul						{ margin: 0; }

/* Additional styles added by UN */

/* Steve Martin 04/06/10 
Added temporary style for highlighting problem areas on page during migration */
.strikethrough_text 							{ background:#ff66cc; padding:5px; color:#000;}

#contentCol a.action {text-transform:uppercase; text-decoration:none; font-size: 1.2em; padding:10px 40px 10px 0; color: #009FC0; background: url(css_img/buttonGo.gif) right center no-repeat;}
#contentCol a.action:hover {background: url(css_img/buttonGoOver.gif) right center no-repeat;}

/* Staff directory/profiles ----------------------------------- */

.tStaffDir #contentCol		{ width: 720px; }
.tStaffProfile #contentCol	{ width: 720px; }
div.staff-image {float:right; margin:-20px 20px 0 0;}
div.staff-contact-details {width:400px; float:left;}

/* General A-Z listing pages (adapted from course listings) -----------------------------------*/
#contentCol .atozList .listItem 	{ padding: 2px !important; margin: 0 0 1px 0; }
#contentCol .atozList .atozLetter 	{ line-height: 1.4; font-size: 2em; color: #009FC2; background: none; padding: 0;}
#contentCol .atozList li 		{ background: none; padding: 2px !important; margin: 0 0 1px 60px; }
#contentCol .atozList .atozLetter	{ line-height: 1;display: block; float: left; margin:0 0 0px 0; clear: left; font-size: 5em; color: #009FC2; border: none; background: none; height: 60px;  }
#contentCol .rsList a 	{ clear:none;}

/* Google translate supplement ------------------------------------------*/
div#google_translate_element a:hover {background-color:#ffffff;}
div#google_translate_element select {margin:0.5em 0 0.5em 0; border:2px inset #CCCCCC; width:10em;}
div.translate h3 {text-transform:uppercase;}
div.translate span span {background: transparent !important;} /* removes google default cream background */

/* RSS reader HTML supplement ------------------------------------------*/
div.rss-supplement p {width:100%;}

/************************************************/
/*       Amendments to main prism styles        */
/************************************************/

#page {
	background: none; 
	border-top: none;
	position: static;
}

#branding {
	display: none;
}

#headerLinks {
	top: 0;
}

#headerLinks .accessibilityLinks a, #headerLinks .userLinks a {
	color: #009EC1;
	font-size: 1.3em;
	font-weight: bold;
}

#index #pageHeader {
/*	height: 50px; */
}

#index #eb {
	display: none;
}

#searchBox {
	padding: 2em 2em 2em 0;
	float: left;
	text-align: left;
}

#index #searchBox {
	padding: 2em 0;
	text-align: center;
	margin: 0 0 0 282px;
}

#pageContainer {
	margin: 0 auto 0;
	text-align: left;
	width: 980px;
	background-color: #FFFFFF;
}

#pageFooter {
	margin-top: 1em;
	padding-bottom: 0px;
}

#search fieldset {
	margin: 0 2px 0 2px;
}

#searchform input#s {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.sidebar h3 {
	padding: 1em 0 0.5em;
}

.sidebar ul li {
	padding: 0.25em 0;
}

#itemActions.sidebar {
	margin: 0;
}

.available div, .holdings div , .unavailable div{
	display: block !important;
}

.searchHelp p, #content p, #borrowerServices p {
	padding: 0.5em 0;
}

.online, .hotlinks, p.footer {
	display: none;
}

.list .actions input {
    margin: 0 10px 0 0;
}

.userLinks {
	width: 30% !important;
	text-align: right !important;
}

#borrowerServices label {
	display: none; 
}

.loginForm .confirm {
	padding: 0;
}

.loginForm .confirm input {
	margin: 0;
}

#advancedSearch label{ 
	display: inline;
	width: 190px !important;
}

#availability {
	padding: 2em 0 0;
}

/************************************************/
/*    End of amendments to main prism styles    */
/************************************************/


/************************************************/
/*    Amendments to main northampton styles     */
/************************************************/

legend, label {
	display: inline;
}

#search label, #search legend{
	display: none;
}

#pageTools {
	background: url("css_img/pageFoot.jpg") repeat-x scroll left bottom transparent;
	float: left;
	padding: 0 0 20px 20px;
	width: 960px;
}

#pageTools ul {
	margin: 0;
}

#pageTools ul li.relprint {
	text-align: left;
	padding: 3px 0 3px 26px;
}


#pageTools ul li.relprint a {
	color: #005A9B;
	text-decoration: underline;
}

#mainColumn {
	width: 940px;
}

#footPageFade {
	background-image: none;
}

#footer {
	text-align: left;
	margin: 0 0 0 -15px;
}

#changepinlink {
	padding: 0.25em 0;
}

#sButton {
	overflow: visible;
}

#accessibility {
	display: block !important;
}

/************************************************/
/* End of amendments to main northampton styles */
/************************************************/



/************************************************/
/*                 New styles                   */
/************************************************/

#blurb {
	text-align: center;
/*	padding: 0 0 4em; */
}

#blurb h1, #blurb h2, #talislist, #video {
	color: #004679;
}

#blurb h1 {
	font-size: 2.4em;
}

#blurb h2 {
	font-size: 1.5em;
	margin: 1.75em 0;
}

#homelinks {
	position: relative;
	clear: both;
}

#talislist, #video {
	width: 50%;
	font-size: 1.3em;
	padding: 1em 0;
	font-weight: bold;
	position: relative;
}

#video {
	text-align: left;
	float: left;
}

#talislist {
	text-align: right;
	float: right;
}

#talislist a, #video a {
	color: #009EC1 !important;
}

#homepagePics {
	clear: both;
}

#searchaction #ExtentionsPanel h2 {
	padding: 10px 10px 0;
}

#renderitem .sidebar h2 {
	position: inherit !important;
	padding: 1em 0 0 0;	
}

#renderitem .sidebar h3 {
	padding: 0.75em 0 0.5em 0.5em;
}

#renderitem .sidebar ul {
	margin: 0 1.5em;
}

#ebooksJuice {
/*	margin: 0 0 1.5em 0; */
}

#eb {
/*	width: 208px; */
	float: right;
	margin:	2.5em 0 0;
	border-top: 1px solid #E6E7E8;
	border-bottom: 1px solid #E6E7E8;
}

#ebooksJuice a {
	color: #004679;
}

#hideReserveLink {
	height: 2em;
}

#qrcode {
	margin: 0 0 0 -30px;
}

#pageContent a {
	color: #004679;
}

.bl {
	background: url("css_img/bl.png") 0 100% no-repeat #A8CF00; 
	width: 20em
}

.br {
	background: url("css_img/br.png") 100% 100% no-repeat;
}

.tl {
	background: url("css_img/tl.png") 0 0 no-repeat;
}

.tr {
	background: url("css_img/tr.png") 100% 0 no-repeat; 
	padding: 10px;
}

#pinreminder {
	padding: 2em 0 0;
}

#forgotten {
	font-weight: bold;
}

#jnls img {
	margin: 0;
	float: none;
}

#payfines {
	padding: 1em 0 1em 0;
}

#uon_accessibility {
	display: none;
}

/* for ie */
#uon_pageFooter {
	width: 980px !important;
}

#announce {
    background-color: #109ABD;
    color: #FFFFFF;
    font-size: 130%;
    margin: 25px 50px !important;
    padding: 20px;
}

#announce h2 {
    color: #FFFFFF;
    font-size: 125%;
    margin: 0;
    padding: 0 0 10px;
}

/************************************************/
/*              End of new styles               */
/************************************************/