/*
	Legacy style sheet
	=====================
	Elements from '2014-main.css' required to style content that is yet to be republished.
	CJG, October 2015
*/
@import "http://fonts.googleapis.com/css?family=Oswald";

h2 a {
	color: inherit
}

.headerimage
{
	margin-top:-16px;
	display:none
}

.content,.level1content,#main-content
{
	margin-top:50px
}

.staffscontent, #main-content
{
	max-width: 1150px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	background-color:#FFF
}
.clearall
{
	clear:both;
	height:0
}

#collection-main
{
	margin-left:4em
}

#breadcrumbs a:link,#breadcrumbs a:visited
{
	color:#333
}

.hidden,.leftbanners,#promos,.coursesearchbox,#breadcrumbs,#related-links
{
	display:none
}

.notvisible
{
	position:absolute!important;
	top:-999em!important;
	left:-999em!important
}

#criticallinks
{
	float:left;
	margin-left:10px
}

#criticallinks a
{
	color:#333
}

#styleswitcher
{
	float:left
}

#styleswitcher img:hover
{
	cursor:pointer
}

#quicklinks
{
	float:left;
	width:260px
}

#sitesearch
{
	float:right;
	width:220px;
	clear:right
}

#criticallinks,#styleswitcher,#site-search
{
	margin-top:10px
}

#site-search *
{
	padding:0;
	margin:0
}

#site-search
{
	width:auto;
	float:right;
	clear:right
}

#site-search .search-box
{
	border:1px solid #CCC;
	width:200px;
	height:20px
}

#site-search-query
{
	float:left;
	width:166px;
	padding:2px;
	background:none;
	border:0;
	outline:none
}

#site-search-submit
{
	border:none;
	background-color:#666;
	float:right;
	width:20px;
	padding:2px 4px;
	height:20px
}

#criticallinks ul
{
	margin:0;
	padding:0
}

#criticallinks ul li
{
	float:left;
	color:#FFF;
	font-size:11px
}

#criticallinks ul li a
{
	padding:0 10px 0 5px;
	color:#000;
	text-decoration:none
}

#styleswitcher img
{
	margin:0;
	padding:0 3px
}

#primary-nav-list,#primary-nav-list a,#primary-nav-list ul,#primary-nav-list li,#primary-nav-list div,#primary-nav-list form,#primary-nav-list input
{
	margin:0;
	padding:0;
	border:none;
	outline:none
}

#primary-nav-list a
{
	text-decoration:none
}

#primary-nav-list li
{
	list-style:none
}

#primary-nav-list
{
	display:inline-block;
	position:absolute;
	top:71px;
	left:120px;
	cursor:default
}

#primary-nav-list > li
{
	display:block;
	float:left
}

#primary-nav-list > li > a
{
	position:relative;
	display:block;
	padding:0 12px;
	font-family:"Oswald",Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:19px;
	color:#333;
	background:#FFF;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}

#primary-nav-list > li.current > a
{
	background-color:#EEE;
	border-bottom:6px solid #EEE
}

#primary-nav-list > li:hover > a
{
	background:#4b4441;
	color:#FFF
}

#primary-nav-list > li > div
{
	position:absolute;
	display:block;
	width:100%;
	top:30px;
	left:0;
	z-index:99;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	background:#EEE;
	-webkit-transition:all .3s ease .15s;
	-moz-transition:all .3s ease .15s;
	-o-transition:all .3s ease .15s;
	-ms-transition:all .3s ease .15s;
	transition:all .3s ease .15s
}

#primary-nav-list > li:hover > div
{
	opacity:1;
	visibility:visible;
	overflow:visible
}

#primary-nav-list .nav-column
{
	float:left;
	width:45%;
	padding:1% 2.5%
}

#primary-nav-list .nav-column h3
{
	margin:20px 0 10px;
	line-height:18px;
	font-family:"Oswald",Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:18px;
	color:#E31837
}

#primary-nav-list .nav-column li a
{
	display:block;
	line-height:26px;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:700;
	font-size:13px;
	color:#333
}

#primary-nav-list .nav-column li a:hover
{
	color:#666
}

#search-staff-profiles
{
	border:1px solid #333;
	height:20px
}

.requestProspectus,.bookOpenDay
{
	display:none!important
}

.tab1 li.askStaffs,#primary-nav li.askStaffs
{
	display:none
}

#contact-us
{
	background:url(//www.staffs.ac.uk/images_new/2014_reskin/britain-map.png) left bottom no-repeat;
	width:320px;
	margin-left:10px;
	min-height:150px
}

#contact-us p
{
	margin:0
}

#contact-us .postal-address,#contact-us .tel-no,#contact-us .find-us
{
	margin-left:100px;
	font-size:13px
}

#contact-us .find-us,#contact-us .tel-no
{
	margin-top:.5em
}

#contact-us .find-us a:link,#contact-us .find-us a:visited
{
	color:#06C;
	text-decoration:underline
}

#contact-us .find-us a:hover
{
	text-decoration:none
}

#quick-links li
{
	list-style-type:none;
	margin-bottom:.5em;
	font-size:12px
}

#search
{
	float:right;
	clear:right
}

#searchquery
{
	min-height:14px;
	width:140px;
	margin-bottom:5px;
	border:solid 1px #666;
	font-size:10px;
	background:#FFF 0 0 no-repeat
}

.gobutton
{
	color:#000;
	border:1px solid #999;
	background-color:#EEE;
	font-size:10px;
	width:2.5em;
	border-radius:0;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	text-align:left
}

a:hover
{
	text-decoration:none
}

#criticallinks ul
{
	list-style:none
}

#criticallinks a:hover
{
	text-decoration:underline
}

#siteSearch .siteSearch_field_large
{
	border:solid #7b9ebd;
	border-width:1px 0 1px 1px;
	font-size:9px;
	background-color:#FFF
}

.siteSearch_submit
{
	background-color:#555;
	border:solid 1px #000;
	color:#fff;
	font-size:12px;
	height:19px
}

.homeTopPanel
{
	margin-left:10px;
	margin-right:10px;
	margin-top:7px
}

.homeTopRight
{
	background-color:#FFF;
}

.level1topright h2 a
{
	text-decoration:none;
	color:#000
}

.level1topright h2 a:hover,.level1Panel1 h2 a:hover,.level1Panel2 h2 a:hover
{
	text-decoration:underline;
	color:#900
}

.homePanel1 p,.homePanel2 p,.homePanelNews p
{
	margin-top:0
}

.level0and1container
{
	background-color:#FFF;
	padding:10px;
	margin:30px 10px 10px
}

.newLevel0and1Top
{
	background-color:#FFF;
	padding:10px;
	margin:10px
}

.searchLabels
{
	margin-left:40px
}

.fieldsplitter
{
	width:100%;
	height:1px;
	border-bottom:1px dotted #BBB;
	margin-top:4px;
	margin-bottom:4px
}

.mainContainer
{
	background-color:#FFF;
	margin:0 10px;
	font-size:13px;
	padding:0 10px 10px;
	background-repeat:no-repeat;
	background-position:bottom
}

.mainContainerTop
{
	background-image:url(http://www.staffs.ac.uk/images_new/2010_design/test_img/maincontent_top_bg.png);
	background-repeat:no-repeat;
	background-position:top;
	height:14px;
	margin-top:8px
}

.breadcrumbs,
{
	font-size:11px
}

.content,.homePageNews {
	overflow:hidden
}

.level1content
{
	color:#2A2A2A;
	margin-left:200px;
	padding:10px
}

address
{
	margin-bottom:1em
}

.coursesearchbox ul li
{
	list-style-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/triangle-white.png)
}

.rborder
{
	margin-top:10px
}

.rborder .menutitle
{
	color:#000
}

.componentnews,.componentnews2
{
	padding-bottom:3px
}

img.floatleft
{
	float:left;
	margin-right:6px
}

.headerText
{
	background-color:#FFF;
	margin-left:6px;
	padding-left:5px;
	padding-right:5px
}

.menutitleText
{
	background-color:#FFF
}

.topcontainer
{
	overflow:hidden
}

.split2way h2,.split2wayend h2
{
	padding-top:5px;
	padding-bottom:5px
}

.split2way
{
	float:left;
	width:48%;
	margin-bottom:15px;
	margin-right:2%;
	clear:left
}

.split2wayend
{
	float:left;
	width:48%;
	margin-bottom:15px
}

.split2way img,.split2wayend img
{
	float:left;
	margin-right:5px;
	margin-top:5px
}

.componentnews img
{
	float:left;
	margin-right:5px;
	margin-top:10px
}

.componentnews h2,.componentnews h4
{
	text-indent:5px
}

.leftmenu
{
	margin: 60px 0 10px 0
}

.leftmenu form
{
	margin:10px
}

.leftmenu label
{
	font-size:13px;
	display:block;
	height:20px;
	font-weight:700
}

.coursesearchbox
{
	padding-bottom:10px;
	background-color:#EEE
}

.coursesearchbox .relatedmenutitle
{
	font-size:18px;
	font-weight:400;
	color:#333;
	padding:5px 10px
}

.coursesearchbox label
{
	display:none
}

.coursesearchbox ul li
{
	list-style-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/triangle-red.png);
	border:0
}

.coursesearchbox form
{
	margin:0;
	padding:15px 5px 0 10px
}

.courseSearchAndNews .coursesearchbox .relatedmenutitle
{
	color:#FFF;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase
}

.courseSearchAndNews .coursesearchbox ul li
{
	list-style-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/triangle-white.png)
}

.courseSearchAndNews .coursesearchbox
{
	padding-bottom:10px;
	margin-top:-10px;
	background-color:#7D0000;
	background-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/coursesearch_bg.jpg)
}

.courseSearchAndNews .coursesearchbox label,.courseSearchAndNews .coursesearchbox a
{
	color:#FFF
}

.fieldsplitter,#category,#study_method,label[for=study_method],label[for=category]
{
	display:none
}

.coursesearchbox li
{
	margin-left:20px
}

.links
{
	float:left;
	width:24%;
	margin:0 0 0 5px
}

.coursesearchbox input[type="image"]
{
	float:right
}

.links a
{
	color:#333
}

.backtotop
{
	display:none
}

.component1 p,.component2 p,.split2way p,.split2wayend p,.componentnews p
{
	clear:none;
	padding:0;
	margin:.7em 0
}

#main-content p,#main-content li,.content p,.content li
{
	line-height:1.2em
}

.component1 h3
{

	padding-top:10px
}

.component1 img
{
	float:left;
	margin:0 10px 10px 0
}

.component2
{
	width:100%
}

.component2 .links
{
	float:left;
	padding:5px 25px 10px 0
}

.component2 img
{
	float:right;
	clear:right;
	margin:0 0 0 10px
}

.component2 iframe
{
	clear:right;
	float:right;
	margin-bottom:5px
}

.AtoZ
{
	font-weight:700;
	text-align:left;
	margin-bottom:15px
}

.AtoZ a
{
	background-color:#DDD;
	color:#000;
	padding:4px 8px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	display:inline-block
}

.AtoZ a:hover,.AtoZ .selected
{
	color:#FFF;
	background-color:#E31837
}

.homeTopPanelFlash
{
	float:left
}

.level1LinklistItem h2
{
	color:#333;
	font-size:15px;
	border-bottom:0;
	clear:both
}

.level1LinklistItem
{
	border-bottom:1px solid #DDD;
	padding-bottom:5px;
	padding-top:5px
}

.level1LinklistItem p
{
	margin:0;
	min-height:55px
}

.level1LinklistItem img
{
	float:left;
	margin-right:5px
}

.level1LinklistItem.last
{
	border-bottom:0
}

.level1topleft
{
	float:left
}

.level1topright
{
	width:340px;
	float:right;
	margin:0 10px 0 0;
	padding:0 10px
}

.level1topright p
{
	margin-top:0
}

.topblocks
{
	padding-bottom:5px
}

.topblocks h3
{
	padding-top:5px;
	border-top:1px solid #DDD;
	padding-bottom:3px;
	margin-bottom:5px;
	margin-top:0;
	color:#000
}

.topblocks p
{
	margin:0;
	min-height:65px
}

.topblocks img
{
	margin-right:10px;
	margin-bottom:10px
}

.margtop h3
{
	padding-top:5px
}

.split3way li,.split3wayEnd li
{
	margin-bottom:3px;
	font-family:Arial,Helvetica,sans-serif;
	list-style-type:square
}

.split3wayEnd p.margtop
{
	float:right
}

.linksLeftHolder ul
{
	padding-left:20px;
	margin-left:10px;
	list-style-position:outside
}

.newsbottom
{
	width:23%;
	margin-right:2%;
	float:left;
	font-size:12px;
	padding-top:8px
}

.rowof4 a img
{
	float:left;
	margin-right:5px
}

.newsbottom img
{
	float:right;
	margin-left:5px
}

.newHomePanels
{
	margin-left:210px;
	margin-right:10px
}

.newsPanel,.eventsPanel
{
	border-left:1px solid #555;
	padding-bottom:10px
}

.newsPanel,.spotlightPanel
{
	margin-top:10px;
	height:220px
}

.newsPanel
{
	float:left;
	width:378px;
	border-right:1px solid #555
}

.eventsPanel
{
	float:left;
	width:100%
}

.spotlightPanel
{
	float:right;
	width:380px
}

.spotlightPanel h2
{
	margin:0;
	border-left:1px solid #FFF
}

.newsPanel p,.newsPanel h3,.eventsPanel p,.eventsPanel h3
{
	margin:0;
	line-height:1.4em;
	padding-left:10px;
	padding-right:10px
}

.newsPanel p,.eventsPanel p
{
	margin-bottom:5px
}

.newsPanel em,.eventsPanel em
{
	font-size:11px
}

.spotlightPanel iframe,.spotlightPanel p
{
	margin:10px
}

.spotlightPanel p
{
	border-bottom:1px solid #555;
	border-top:1px solid #555;
	padding:10px 0
}

.newsSplitter
{
	clear:both;
	width:100%;
	border-bottom:1px dotted #CCC;
	height:1px;
	margin-bottom:3px
}

.newsPanel h2 a,.level1Panel1 h2 a,.level1Panel2 h2 a
{
	text-decoration:none
}

.newsPanel h2 a img,.eventsPanel h2 a img
{
	margin-left:10px;
	margin-top:3px
}

.newsPanel h2
{
	margin-top:0
}

.newsPanel h3
{
	margin-bottom:0;
	margin-top:.5em;
	clear:both
}

.newsPanel h3 a,.eventsPanel h3 a
{
	text-decoration:none
}

.newsPanel a:hover,.eventsPanel a:hover
{
	text-decoration:underline
}

.topsplitleft
{
	float:left;
	width:470px
}

.topsplitright
{
	float:right
}

.rowof4
{
	font-size:13px;
	padding-top:5px;
	float:left;
	width:250px
}

.bottomblock
{
	clear:both
}

.Vtoursholder
{
	float:left
}

.Vtourmedia
{
	float:right;
	width:300px;
	background-image:url(http://www.staffs.ac.uk/images_new/2010_design/h2_bg.gif);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:13px;
	font-weight:700
}

.VtourAllmedia
{
	float:right;
	height:28px;
	margin-top:5px;
	padding:5px;
	width:300px;
	font-size:13px
}

.VtourAllmedia a
{
	color:#333;
	text-decoration:none;
	font-weight:700
}

.Vtoursthumbscroll,.Vtoursdescription
{
	display:none
}

.VtoursQT
{
	width:380px;
	float:left
}

.videotext p
{
	padding-left:5px
}

.VtoursTut
{
	width:175px;
	float:left
}

.VtoursQT img
{
	float:left;
	margin:10px 5px 0 10px
}

.VtoursQT p
{
	float:left
}

.clipselector
{
	clear:left;
	margin:0;
	padding-right:5px;
	padding-top:0;
	padding-bottom:0;
	height:250px;
	overflow:auto;
	font-size:11px
}

.clipselector .clip
{
	width:270px;
	clear:both
}

.clipselector .clip a
{
	float:left
}

.clipselector .clip img
{
	width:65px;
	height:50px;
	margin-right:5px;
	margin-bottom:5px
}

.embeddedVideo
{
	float:right;
	margin-left:10px;
	margin-bottom:5px
}

.gradshowbg
{
	display:none
}

.gradshow
{
	padding:0
}

.gradshow img
{
	float:left;
	padding:0;
	margin:0 5px 5px 0
}

.gradtextlinks
{
	float:left;
	margin:0;
	padding:0
}

.gradshowholder
{
	clear:both
}

.gradshowholder a
{
	overflow:hidden
}

.bg_gradshowbg_1
{
	background:url(http://www.staffs.ac.uk/assets/bg_gradshow08_01.gif) no-repeat
}

.bg_gradshowbg_2
{
	background:url(http://www.staffs.ac.uk/images_new/bg_bg_gradshowbg_2.gif) no-repeat
}

.bg_gradshowbg_3
{
	background:url(http://www.staffs.ac.uk/assets/bg_bg_gradshowbg_3.gif) no-repeat
}

.bg_gradshowbg_4
{
	background:url(http://www.staffs.ac.uk/images_new/bg_bg_gradshowbg_4.gif) no-repeat
}

.bg_gradshowbg_5
{
	background:url(http://www.staffs.ac.uk/images_new/bg_accelerate09_01.gif) no-repeat
}

.bg_gradshowbg_6
{
	background:url(http://www.staffs.ac.uk/images_new/bg_gradex09.gif) no-repeat
}

.bg_gradshowbg_7
{
	background:url(http://www.staffs.ac.uk/images_new/bg_irresistible_09.gif) no-repeat
}

.bg_gradshowbg_8
{
	background:url(http://www.staffs.ac.uk/images_new/bg_graduation09_01.gif) no-repeat
}

.bg_gradshowbg_9
{
	background:url(http://www.staffs.ac.uk/images_new/bg_staff_success_09.gif) no-repeat
}

.splitright
{
	float:right;
	width:200px;
	padding-left:15px;
	padding-top:1em
}

.splitright p
{
	font-size:13px;
	line-height:1.1em
}

.splitright address
{
	margin-top:1em
}

.splitleft
{
	margin-right:170px
}

.splitleft h3
{
	padding-bottom:1em
}

.formElement
{
	clear:both;
	padding-left:.2em;
	padding-top:.2em
}

.formElement1
{
	clear:both;
	padding-left:5em;
	padding-top:.2em
}

.formHeadPad
{
	padding-left:1em;
	padding-bottom:.2em;
	padding-top:.4em
}

.formHead
{
	float:none;
	margin:0;
	width:100%;
	padding:0
}

fieldset
{
	margin:0;
	padding:.7em
}

.formSection
{
	float:none;
	padding-bottom:.6em;
	width:100%;
	padding-top:.6em
}

.formSection p
{
	margin-bottom:10px;
	margin-left:10px
}

.formSection .labelBlock p
{
	margin-bottom:0;
	margin-left:0
}

.contentBlockBorder form
{
	margin:0;
	padding:0
}

.labelColumn
{
	padding-left:.8em;
	float:left;
	width:40%
}

.inputColumn
{
	float:left;
	width:40%
}

form.search .labelColumn
{
	padding:8px 0 0 10px;
	float:left;
	width:145px
}

form.search .searchbtn
{
	position:absolute;
	right:0;
	margin:5px
}

.labelColumnNoIndent
{
	float:left;
	width:30%
}

.labelBlock
{
	float:left;
	width:90%
}

.inputBlock
{
	padding-left:.8em;
	padding-bottom:.4em
}

form.search .leftmenu
{
	width:330px;
	float:left;
	height:40px
}

form.search .department
{
	width:170px
}

form.search .inputBlock
{
	padding:4px 0 0
}

.fullWidthLabelColumn
{
	padding-left:1em;
	float:left;
	width:95%
}

.formHeadPad
{
	font-weight:700
}

.formHead
{
	border-bottom:#E8E8E8 3px solid;
	background-color:#E8E8E8;
	color:#333;
	font-weight:700
}

fieldset
{
	text-align:left;
	border-style:none

}

.formSection
{
	text-align:left
}

.contentBlockBorder form
{
	text-align:left
}

.labelBlock
{
	text-align:left;
	font-size:1.1em
}

form.search .labelBlock
{
	text-align:left
}

.labelBlock label,.labelBlock p
{
	color:#333
}

.inputBlock label
{
	font-size:1.1em
}

input.invalid
{
	background-color:#FF9;
	border:2px red inset
}

label.invalid
{
	color:red
}

.clickButtonsBlock
{
	text-align:left
}

.clickButtonsBlock P
{
	color:#333;
	text-align:left
}

.yesNoAnswerColumn,.yesNoLabelColumn label,.fullWidthLabelColumn
{
	font-size:69%;
	font-weight:700;
	color:#333
}

p select,p input,p textarea
{
	font-size:100%
}

.error
{
	color:#C00;
	font-size:9pt;
	font-weight:700;
	float:left
}

table,th,td,td p,td li,.factfilefix
{
	font-size:15px;
	border:0;
	padding:0
}

table
{
	border-spacing:0;
	border-collapse:collapse
}

th
{
	background-color:#DDD;
	font-weight:700
}

th,td
{
	margin:0;
	padding:10px;
	border:1px solid #CCC
}

tr.even
{
	background-color:#FFF
}

tr.odd
{
	background-color:#EEE
}

caption
{
	font-weight:700
}

.table1,.table2
{
	border-width:1px;
	border:solid #FFF;
	width:100%;
	margin-top:10px;
	padding:0
}

.Archivetab1 ul
{
	margin:10px 0 5px 10px;
	padding-left:0
}

.Archivetab1 li
{
	display:inline;
	margin:0 0 5px;
	list-style-type:none;
	padding:5px 10px
}

.Archivetab1 li.current a,.pagenumbers a.selected
{
	text-decoration:none;
	font-weight:700;
	color:#000
}

.Archivetab1 li.current
{
	background-color:#DEDEDE
}

.Archivetabmenu,.ArchivetabmenuMonth
{
	border-bottom:1px solid #DEDEDE
}

.bannerads
{
	float:left;
	padding:0;
	margin:0;
	width:24%;
	height:90px;
	margin-bottom:10px
}

.midblocklower2,.indexTopPanel,.midblock3way
{
	margin-bottom:15px;
	float:left;
}

.midBlockwide br
{
	clear:none;
	float:left
}

.rowof5
{
	float:left;
	text-align:center;
	padding:1% 5%;
	font-size:12px;
	width:20%
}

.linkstop
{
	float:left;
	width:49%;
	padding-top:10px
}

.midblock3way
{
	margin-top:10px
}

.midblock3way li
{
	list-style-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/triangle-red.png)
}

.category
{
	margin-bottom:.2em
}

.searchresult
{
	margin-bottom:1.5em;
	margin-top:1.5em;
	padding-bottom:.2em
}

.searchresult p
{
	margin:.2em
}

.searchresult em
{
	color:#666;
	font-size:.8em
}

.ResultsTable
{
	width:100%
}

.ResultsTable th,.ResultsTable td
{
	padding:10px
}

.ResultsTable tr:hover
{
	background-color:#EEE
}

.block
{
	float:left;
	width:100%;
	margin-left:3px;
	height:25px;
	padding:0 0 2px;
	margin-bottom:3px;
	background-image:url(http://www.staffs.ac.uk/images_new/2010_design/block_bg.png)
}

.block img
{
	margin-right:5px
}

.block p
{
	margin:6px 100px 0 13px;
	padding:0 0 0 12px;
	font-size:1.1em;
	font-weight:700;
	font-family:Arial,Helvetica,sans-serif
}

.block p a
{
	color:#000;
	text-decoration:none
}

.block p a:hover
{
	color:#900;
	text-decoration:underline
}

.basiclist li
{
	margin-bottom:.5em
}

.basiclist .list1 ul li ul li
{
	list-style-type:none!important;
	margin-left:-40px;
	font-size:13px
}

.bubble
{
	width:400px;
	overflow:auto;
	font-size:12px
}

.bubble img
{
	float:right;
	margin-left:3px
}

.bubble h3
{
	font-size:13px;
	margin-bottom:3px
}

.pullquote
{
	float:right;
	background-color:#EEE;
	max-width:400px;
	font-style:italic;
	border-left:10px solid #FFF;
	clear:right
}

.pullquote img
{
	float:right
}

.component1 iframe
{
	border-left:10px solid #FFF;
	margin-bottom:10px;
	float:right;
	clear:right
}

table.tablesorter
{
	background-color:#CDCDCD;
	margin:10px 0 15px;
	font-size:10pt;
	width:100%;
	text-align:left
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th
{
	background-color:#e6EEEE;
	border:1px solid #FFF;
	font-size:8pt;
	padding:4px
}

table.tablesorter thead tr .header
{
	background-image:url(http://www.staffs.ac.uk/images_new/tablesorter/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer
}

table.tablesorter tbody td
{
	color:#3D3D3D;
	padding:4px;
	background-color:#FFF;
	vertical-align:top
}

table.tablesorter tbody tr.odd td
{
	background-color:#F0F0F6
}

table.tablesorter thead tr .headerSortUp
{
	background-image:url(http://www.staffs.ac.uk/images_new/tablesorter/asc.gif)
}

table.tablesorter thead tr .headerSortDown
{
	background-image:url(http://www.staffs.ac.uk/images_new/tablesorter/desc.gif)
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp
{
	background-color:#8dbdd8
}

#jquery-overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px
}

#jquery-lightbox
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0
}

#jquery-lightbox a img
{
	border:none
}

#lightbox-container-image-box
{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto
}

#lightbox-container-image
{
	padding:10px
}

#lightbox-loading
{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0
}

#lightbox-nav
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
}

#lightbox-container-image-box > #lightbox-nav
{
	left:0
}

#lightbox-nav a
{
	outline:none
}

#lightbox-nav-btnPrev,#lightbox-nav-btnNext
{
	width:49%;
	height:100%;
	zoom:1;
	display:block
}

#lightbox-nav-btnPrev
{
	left:0;
	float:left
}

#lightbox-nav-btnNext
{
	right:0;
	float:right
}

#lightbox-container-image-data-box
{
	font:10px Verdana,Helvetica,sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	padding:0 10px
}

#lightbox-container-image-data
{
	padding:0 10px;
	color:#666
}

#lightbox-container-image-data #lightbox-image-details
{
	width:70%;
	float:left;
	text-align:left
}

#lightbox-image-details-caption
{
	font-weight:700;
	font-size:13px
}

#lightbox-image-details-currentNumber
{
	display:block;
	clear:left;
	padding-bottom:1em
}

#lightbox-secNav-btnClose
{
	width:66px;
	float:right;
	padding-bottom:.7em
}

#gallery ul
{
	list-style:none;
	padding:0
}

#gallery ul li
{
	display:inline
}

#gallery ul img
{
	border:2px solid #CCC
}

#gallery ul a:hover img
{
	border:2px solid #fff;
	color:#fff
}

#gallery ul a:hover
{
	color:#fff
}

/* Clearfix for boxouts */
.boxout-1:before, .boxout-2:before, .boxout-3:before, .boxout-1:after, .boxout-2:after, .boxout-3:after{
	display: table;
	content: " ";
}
.boxout-1:after, .boxout-2:after, .boxout-3:after{
	clear: both;
}

.boxout-1 h2,.boxout-2 h2,.boxout-3 h2
{
	padding:3px 10px;
	color:#900;
	border:0;
	background-color:#E31837;
	font-size:18px
}

.boxout.hover
{
	cursor:pointer
}

.boxout.hover h2
{
	background-color:#900
}

.boxout-2 h2 a,.boxout-3 h2 a
{
	color:#FFF;
	text-decoration:none
}

.boxout-1 aside,.boxout-2 aside,.boxout-3 aside,.boxout-1 div,.boxout-2 div,.boxout-3 div,.boxout
{
	display:inline-block;
	float:left;
	box-shadow:0 1px 7px silver;
	margin-bottom:2%;
	background-position:center top;
	background-repeat:no-repeat
}

.boxout-1 p,.boxout-2 p
{
	padding:.5em .5em 0
}

aside.hover
{
	cursor:pointer
}

aside.hover h2
{
	background-color:#900
}

.boxout-2 aside,.boxout-2 div,.boxout-2 article,.boxout-2 .boxout
{
	width:49%;
	padding-top:11em;
	background-size:cover
}

.boxout-2 p, .boxout-3 p { display: none; }

.boxout-2 .first
{
	margin-right:2%
}

.boxout-3 .first,.boxout-3 .second
{
	width:32%
}

.boxout-3 .third
{
	width:33%
}

.boxout-3 aside,.boxout-3 div,.boxout-3 article,.boxout-3 .boxout
{
	min-height:150px;
	padding-top:100px;
	background-size:cover
}

.boxout-3 .first,.boxout-3 .second
{
	margin-right:1%
}

.boxout-2 .first,.boxout-3 .first
{
	clear:left
}

.boxout h2
{
	border:0;
	padding:3px 10px;
	color:#900;
	background-color:#E31837;
	transition:all .3s ease 0
}

.boxout-1 p
{
	color:#000
}

.boxout-1 a h2,.boxout-2 a h2,.boxout-3 a h2
{
	color:#FFF
}

.boxout-1 a,.boxout-2 a,.boxout-3 a,.boxout-1 h2,.boxout-2 h2,.boxout-3 h2
{
	color:#FFF;
	text-decoration:none
}

.firstpanel,.secondpanel,.thirdpanel
{
	float:left;
	width:240px;
	margin-bottom:15px
}

.firstpanel,.secondpanel
{
	margin-right:20px
}

.contactAndTwoPanels
{
	clear:both
}

.firstpanel p,.secondpanel p,.thirdpanel p
{
	margin-left:10px;
	margin-right:10px
}

.videoPanel
{
	width:500px;
	float:left;
	margin-bottom:15px
}

.threeImagePanels
{
	clear:both
}

.first
{
	margin-left:0!important
}

.imagePanel h2,.imagePanel p
{
	position:absolute;
	bottom:0;
	left:0;
	font-size:15px;
	color:#FFF;
	margin:0;
	padding:2px;
	background-image:url(http://www.staffs.ac.uk/images_new/teamstaffs/transpBlack50.png);
	width:171px
}

.threeImagePanels .imagePanel h2
{
	width:236px
}

.strapline
{
	width:400px;
	max-width:400px;
	padding:2px 2px 2px 20px;
	position:absolute;
	bottom:10px;
	background-color:#E31837
}

.strapline h2
{
	font-size:20px;
	line-height:1.2em;
	color:#FFF;
	font-weight:400;
	background:none;
	text-transform:none;
	margin:0 0 3px;
	padding:0;
	border:0
}

.strapline p
{
	margin:0;
	color:#FFF
}

.strapline a:hover
{
	text-decoration:underline
}

.imagePanel a
{
	text-decoration:none;
	color:#FFF;
	display:block
}

.fourImagePanels
{
	clear:both
}

/* 4.11 */
.sliderContainer
{
	float:left;
	margin-bottom:15px
}

#sliderWrapper
{
	overflow:hidden;
	position:relative;
	float:left;
	height:250px
}

#sliderWrapper .cover
{
	position:absolute;
	height:250px
}

.sliderContent a
{
	text-decoration:none;
	color:#FFF
}

#sliderWrapper .sliderContent
{
	height:250px;
	float:left;
	padding:20px 0
}

#button a
{
	color:#FFF;
	background:#666;
	padding:3px;
	display:block;
	float:left;
	margin-right:5px;
	text-decoration:none
}

#button
{
	padding-left:5px;
	font-size:11px
}

#button a.active
{
	background:#111;
	padding:6px;
	display:block;
	float:left;
	outline:none
}

.clear
{
	clear:both
}

.results
{
	float:right;
	width:156px;
	height:250px;
	padding:0
}

.results form
{
	padding:0 5px
}

.results h3
{
	padding-bottom:5px
}

.results input
{
	float:left
}

.imagePanel
{
	display: inline-block;
	margin-right:20px;
	margin-bottom:15px;
	position:relative
}

#expandall
{
	color:#900;
	float:right;
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
	clear:both
}

#course-apply table
{
	background-color:#fff;
	width:100%;
	text-align:left
}

#course-apply th
{
	text-align:center
}

#course-apply .odd
{
	background-color:#fff
}

.course-apply table td,.course-apply table thead th
{
	padding:2px;
	border:0;
	background-color:#99000;
	vertical-align:top
}

#course-apply table tr
{
	padding:10px
}

#course-apply
{
	margin-top:10px
}

.applycta
{
	text-align:center;
	text-decoration:none;
	color:#900;
	padding:2px 6px
}

.applycta a
{
	width:100%;
	color:#900;
	display:block
}

#course-apply
{
	padding:10px 0
}

#accreditation
{
	text-align:center
}

.applycta
{
	background-color:#900;
	padding:10px;
	background-color:#E31837;
	text-align:center
}

.applycta a
{
	color:#fff;
	text-decoration:none
}

.call-to-action
{
	display:inline-block;
	background-color:#E31837;
	color:#FFF!important;
	text-decoration:none;
	padding:5px 10px;
	font-size:14px;
	font-weight:700;
	margin-top:.5em;
	font-style:normal
}

a.call-to-action:hover
{
	background-color:#900;
	background-image:none
}

#course-widget
{
	float:right;
	margin-left:10px
}

.course-info li
{
	list-style-type:none
}

#course-gallery {
	float:right;
	text-align:right
}

#course-gallery img.small
{
	margin-right:5px;
	margin-top:5px
	max-width: 100%;
	height: auto;
}

#course-gallery img:first-child
{
	float:right
}

#course-factfile table
{
	float:left;
	width:400px
}

#course-factfile td,#course-factfile th
{
	padding:2px;
	border:0;
	background-color:transparent;
	vertical-align:top
}

#course-factfile p
{
	margin-top:0
}

#course-factfile h3
{
	margin:0;
	font-size:17px;
	color:#000
}

#course-factfile tr,.factfile th
{
	text-align:left;
	background-color:transparent
}

#course-gallery ul,.gallery ul
{
	list-style:none;
	margin:0;
	padding:0
}

#course-gallery ul li,.gallery ul li
{
	display:inline;
	margin:0;
	padding:0
}

.tray iframe,.tray blockquote,.tray img
{
	float:right;
	clear:right;
	margin-left:10px
}

.twitter
{
	float:right;
	width:250px;
	margin-left:5px
}

iframe
{
	border:0
}

#course-search-feature
{
	width:98%;
	background-position:center center;
	background-size:cover;
	min-height:250px;
	padding:1%;
	color:#FFF
}

#course-keywords
{
	float:left;
	padding:5px;
	color: #333
}

#course-search-container h2
{
	color:#FFF;
	text-transform:uppercase;
	font-size:3em;
	margin:0 0 .3em
}

#course-search-container
{
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	width:280px;
	padding:10px;
	margin:50px auto
}

.search-field button
{
	background-color:#E31837;
	float:right;
	padding:2px
}

.search-field
{
	display:inline-block;
	background-color:#FFF;
	border:1px solid #333;
	width:100%
}

.search-field input,.search-field button
{
	border:none
}

.slideshow
{
	clear:both
}

.slideshow img {
	max-width: 100%;
	height: auto;	
}

.facebook-footer a,.twitter-footer a,.googleplus-footer a,.youtube-footer a
{
	padding-left:45px;
	height:26px;
	background-repeat:no-repeat;
	display:block;
	padding-top:10px
}

.facebook-footer a
{
	background-image:url(images/facebook.png)
}

.twitter-footer a
{
	background-image:url(images/twitter.png)
}

.googleplus-footer a
{
	background-image:url(images/googleplus.png)
}

.youtube-footer a
{
	background-image:url(images/youtube.png)
}

#course-summary
{
	margin-top:10px
}

#course-entry
{
	clear:both;
	padding-top:10px
}

#course-factfile iframe,#course-summary img,#course-summary iframe
{
	float:right
}

#course-summary img
{
	clear:both
}

#course-summary p
{
	padding-top:10px
}

#course-factfile h2,#enquire-button h2,#course-apply h2
{
	position:absolute!important;
	top:-999em!important;
	left:-999em!important
}

#course-entry h2:before {
	font-family:'Glyphicons Halflings';
	content:"\e080\00a0";
	font-size:16px;
	color:#E31837
}
#course-entry h2.expanded:before {
	content:"\e114\00a0";
}

#enquire-button
{
	clear:both
}

#enquire-button a
{
	float:right;
	display:block;
	width:156px;
	border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #529922;
	padding:8px;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	background-color:#5BAC26;
	background-image:url(http://www.staffs.ac.uk/images_new/2012_reskin/arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:5px
}

.eventDetails
{
	margin-left:9em;
	padding-bottom:.5em
}

.date
{
	float:left;
	text-align:center;
	border:1px solid #CCC;
	padding:0;
	min-width:7em;
	background-color:#FFF
}

.date p
{
	margin:3px 0
}

.date-month
{
	background-color:#900;
	color:#FFF;
	margin:0!important;
	font-weight:700
}

.date-day-no
{
	font-size:18px
}

.date-day
{
	font-size:11px
}

ul.actions
{
	text-align:right
}

ul.actions li
{
	list-style-type:none;
	display:inline;
	padding-right:20px;
	background-position:right top;
	background-repeat:no-repeat;
	font-size:11px
}

li.ical
{
	background-image:url(http://www.staffs.ac.uk/images_new/events/ical.gif);
	margin-right:2em
}

ul.details
{
	padding-left:0;
	margin-left:0
}

ul.details li
{
	list-style-type:none;
	font-size:11px;
	color:#333
}

.selectedEvent
{
	padding:2px 10px;
	background-color:#FFC
}

#magnify
{
	position:absolute;
	margin-top:5px
}

#response-tap-banner
{
	font-family:"Oswald",Arial,Helvetica,sans-serif;
	background-color:#EEE;
	text-align:center;
	margin-bottom:10px;
	text-transform:uppercase;
	padding:5px;
	background-image:url(http://www.staffs.ac.uk/images_new/icons/phone-red.png);
	background-repeat:no-repeat;
	background-position:20px 50px
}

#response-tap-banner p
{
	font-size:24px;
	margin:0;
	color:#000
}

#response-tap-banner .tel
{
	color:#E31837
}

#response-tap-banner a
{
	text-decoration:none
}

#response-tap-banner .rTapNumber147793
{
	padding-left:20px
}

.ui-autocomplete .ui-menu-item
{
	color:#333;
	font-size:13px
}

.ui-autocomplete .ui-menu-item span
{
	display:block
}

/* 4.14 */
.homePanel1,.homePanel2,.homePanelNews,.level1Panel1,.level1Panel2
{
	background-color:#EEE;
	padding: 1% 2%;
	margin:10px 0;
}
@media all and (min-width: 768px) {
	/* 4.4 */
	#course-factfile table {
		float:left;
		width: 55%;	
	}
	#course-gallery {
		width:40%
	}
	#course-gallery img {
		max-width: 100%;
		height:auto
	}
	/* 4.13 */
	.homePanels,.level1Panels
	{
		margin-right:10px;
	}
	
	.homePanel1,.homePanel2,.homePanelNews,.level1Panel1,.level1Panel2
	{
		background-color:#EEE;
		width:47%;
		background-repeat:no-repeat;
		background-position:bottom;
		margin-bottom:10px
	}
	
	.level1Panel1 img,.level1Panel2 img
	{
		margin-bottom:1em
	}
	
	.homePanel1
	{
		clear:left
	}
	
	.homePanel2,.level1Panel2
	{
		float:right
	}
	
	.homePanel1,.level1Panel1,.homePanelNews
	{
		float:left
	}
	
	.homePanel1 h2,.homePanel2 h2,.homePanelNews h2,.level1Panels h2
	{
		margin-bottom:15px;
		margin-top:0
	}
	
	.homePanelNews h2 img
	{
		margin-left:10px
	}
	
	.homePanel1 p,.homePanel2 p
	{
		margin-bottom:10px;
		padding-bottom:10px
	}
	
	.homePanel1 p.last,.homePanel2 p.last
	{
		border-bottom:0;
		margin-bottom:0;
		padding-bottom:5px
	}
	
	.homePanelNews p img,.level1Panels p img
	{
		float:left;
		margin-right:5px
	}
	
	.homePanel1 img,.homePanel2 img
	{
		float:left;
		margin-right:5px
	}
	/* 4.14 */
	.midblock3way:before, .midblock3way:after, {
		content: ' ';
		display: table
	}
	
	.split3way, .split3wayEnd
	{
		float: left;
		width: 33%
	}
	
}
@media all and (max-width: 768px) {
	.boxout-2 .boxout, .boxout-3 .boxout {
		width: 100%
	}
	#course-gallery {
		text-align:left;
		width:100%;
		clear:both
	}
}