/***********************************************/
/* HTML tag styles               */
/***********************************************/

body {
	background-color: #313131;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size:76%;
	font-family: Arial, helvetica, sans-serif;
}

#IEroot html body{
 	background-color: #ffffff;
} 
 
.clear { clear:both; }

.row {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	clear: both;
}

.float-left 	{ display: block; float:left; }
.float-right 	{ display: block; float:right; }

a:link {
	 color: #005585;
	 text-decoration: none;
}
a:visited {
	 color: #850050;
	 text-decoration: none;
}

a:hover, a:active {
	 color: #005585;
	 text-decoration: underline;
}


a img {
	border: 0;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;	
}

h2 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;	
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;	
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

blockquote {
	font-style: italic;
	line-height: 1.2em;
}

#textOnly, .hideme {
	display: none;
	visibility: hidden;
}

hr {
	border: 1px solid #D90E70;
	margin: 20px 0;
	display: block;
	clear: both;
}

strong {
	font-weight: bold;
}
.block {
	display: block;
}
body em {
	font-style: italic;
}
/* styles begin */

#outer-wrapper {
	display: block;
	width: 100%;
	background-color: #f4f4f4;
	margin: 0px auto;
	padding: 0px;
	overflow: auto;
}

#skipnav {
	display: none;
	visibility: hidden;
}

#skipnav a:focus {
	background: #fff; 
	border: solid 2px #1B6BD8;
}
	 
#skipnav a:hover {
	color: #029EDE;
}

#skipnav a:active {
	background: #fff;
	border: solid 2px #1B6BD8;
}

fieldset {
	
	border: 1px solid #333333;
	color: black;
	margin: 0 0 10px 0;
}
fieldset input {
	margin: 0 8px;
}


/* school colours start */
#uob .BGColor {
	background-color: #850050;
}
/* school colours end */


/* utility start */
#utility-wrapper {	
	display: block;
	width: 100%;
	
	background-color: #000000;
}
#utility {
	display: block;
	width: 940px;
	min-height: 34px;
	margin: 0 auto;
	overflow: auto;
	
}
#IE6root #utility {
	height: 34px;
}

#utility .util-left {
	display: block;
	width: 300px;
	float: left;
}

#utility ul.left {
	display: block;
	margin: 0;
	padding: 0;
}
#utility ul.left li {
	display: block;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/utiltity-left-arrow.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 34px;
}
#utility ul.left li a {
	margin: 0 0 0 14px;
}
#utility ul.left li a:link, #utility ul.left li a:visited {
	color: #bcbcbc;
	font-size: 1.1em;
}
#utility util-right {
	display: block;
	width: 640px;
	padding: 0;
	margin: 0;
	text-align: right;
}
#utility fieldset {
	border: none;
	padding: 0;
	margin: 0;
	width: 640px;
	text-align: right;
}
#utility fieldset legend {
	display: none;
}
#utility fieldset form {
	line-height: 34px;
}
#utility fieldset form label {
	color: #bcbcbc;
	font-size: 1.1em;
}
#utility fieldset form input[type=text] {
	border: 1px solid #454648;
	background-color: #e1e1e1;
} 
#utility fieldset form select {
	border: 1px solid #454648;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #303133;
	color: #bcbcbc;
	padding-right: 10px;
}
#utility fieldset form input[type=submit] {
	font-weight: bold;
	background-color: #454648;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #454648;
	color: #bcbcbc;
}
/* utility end */

/* header start */
#header-wrapper {
	display: block;
	width: 100%;
	
	background-color: #850050;
}
#header {
	display: block;
	width: 940px;
	margin: 0 auto;
	min-height: 95px;
}
#IEroot #header {
	height: 95px;
}




#header-left {
	display: block;
	width: 600px;
	float: left;
	margin: 0;
	padding: 0;
}

#header-left a.logo {
	display: block;
	float: left;
	padding-right: 20px;
}
#header-left h1,
#header-left strong {
	display: block;
	padding: 38px 0 0 40px;
	font-size: 2.6em;
	font-weight: normal;
}
#header-left h1 a:link, #header-left h1 a:visited,
#header-left strong a:link, #header-left strong a:visited {
	color: #ffffff;
}
#header-left h1 a:hover, #header-left h1 a:active,
#header-left strong a:hover, #header-left strong a:active {
	color: #ffffff;
	text-decoration: underline;
}


#header-right {
	display: block;
	float: right;
	width: 300px;
	text-align: right;
	margin: 25px 10px;
}
#header-right ul {	
	display: block;
	margin: 0;
	padding: 0;
}
#header-right ul li {
	display: block;
	
}
#header-right ul li a {
	color: #eac0d9;
	background-color: #aa0066;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/application-arrow.jpg');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px 20px 10px 10px;
}
#IE7root #header-right ul li a{	display: block; width: 180px;}
#IE7root #mainContent .leftLargeCol #sectionNav li{list-style-image: none;}
/* header end */

/* horizontal nav start */
#main-nav {
	display: block;
	width: 100%;
	background-color: #850051;
	
	margin: 0 auto;
	height: 39px;
	
}

#nav
/* #nav ul*/
/* all lists */
 {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	/*line-height: 1.2em;*/
	width: 940px;
	height: 36px;
	overflow: hidden;
}

#nav a {
	display: block;
	/*width: 10em;*/
	height: 36px;
	padding: 0 10px;
	line-height: 36px;
	background-color: #570035;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}

#nav li.active a {
	background-color: #ffffff;
	color: #570035;
}

#nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	width: auto;
	height: 40px;
	padding: 4px 0 0 0;
	background-color: transparent;
	margin: 0 4px 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#nav li.active {
	background-color: #ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul li {
	margin: 0 !important;
	padding: 0 !important;
}
#nav ul li a {
	padding: 0 !important;
	margin: 0 !important;
}

/* horizontal nav end */

/* searchBar start */
#courseSearch {
	width: 920px;
	padding: 10px;
	margin: 10px auto;
	background: #008577;
	font: 16px Arial, sans-serif;
	height: 30px;
	color: #FFF;
	font-weight: bold;
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
}
#courseSearch fieldset {
	border: 0;
	width: 924px;
	/* 920 if this breaks in IE */
}
#courseSearch p {
	float: left;
	padding: 5px 11px 0px 10px;
	color: #ffffff;
	font-weight: bold;
}
#courseSearch input#q {
	height: 25px;
	margin: 0 5px 0 0;
	float: left;
	font-weight: bold;
	width: 150px;
}
#IE6root #courseSearch input#q {
	width: 80px;
}


#courseSearch input#UoB_form_submit {
	height: 28px;
	font: 16px Arial, sans-serif;
	padding: 0 5px;
	font-weight: bold;
	color: #FFFFFF;
	background: #005047;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

#IE7root #courseSearch input#UoB_form_submit {
	padding: 0;
	width: 140px;
}

#courseSearch input#UoB_form_submit:hover {
	cursor: pointer;
}
#courseSearch a {
	background: #005047;
	padding: 5px 10px;
	margin: 0px 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

	/* inline course search start */
	/* searchBar start */
	#courseSearch_inline {
		
		padding: 10px;
		margin: 10px 0px 10px 20px;
		font: 16px Arial, sans-serif;
		height: 30px;
		color: #FFF;
		font-weight: bold;
	}
	#courseSearch_inline fieldset {
		border: 0;
	}
	#courseSearch_inline p {
		float: left;
		padding: 5px 11px 0px 10px;
		color: #ffffff;
		font-weight: bold;
	}
	#courseSearch_inline input#q_inline {
		height: 25px;
		width: 210px;
		margin: 0 5px 0 0;
		float: left;
		font-weight: bold;
		border-top: 2px inset #cacaca;
		border-left: 2px inset #cacaca;
		border-right: 1px inset #ccc;
		border-bottom: 1px inset #ccc;
	}
	#courseSearch_inline input#UoB_form_submit_inline {
		height: 28px;
		font: 16px Arial, sans-serif;
		padding: 0 5px;
		font-weight: bold;
		color: #FFFFFF;
		background: #005047;
		border: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: left;
	}
	#courseSearch_inline input#UoB_form_submit_inline:hover {
		cursor: pointer;
	}
	#courseSearch_inline a {
		background: #005047;
		padding: 5px 10px;
		margin: 0px 5px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: left;
	}
	/* inline course search end */


/* searchBar end */

/* mainContent start */
#mainContent {
	display: block;
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 10px;
}

#mainContent h2, #mainContent h3, #mainContent h4 {
	margin-bottom: 10px;
}



#mainContent ul {
	display: block;
	margin: 0 0 10px 40px;
}
#mainContent ul li {
	list-style-image: url(uob_grey_bullet.jpg);
	margin: 10px 10px 0px 14px;
	line-height: 1.1em;
	padding: 0;
	
}
/* mainContent end */


/* leftLargeCol start */
#mainContent .leftLargeCol {
	display: block;
	float: left;
	width: 710px;
	border-right: 1px dotted #b3b3b3;
}
#mainContent #fullWidth .leftLargeCol {
	width: 940px;
	border: none;
}
.leftLargeCol h2 {
	color: #6e6f71;
	line-height: 1.2em;
}

.leftLargeCol p {
	margin: 0 20px 10px 0px;
	line-height: 1.2em;
	color: #313131;
}



/* leftLargeCol end */


/* section-nav start (left main nav) */

#mainContent .leftLargeCol #leftContentNavWrapper {
	background: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/making-knowledge-work.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 200px;
	display: block;
	float: left;
}

#mainContent .leftLargeCol #menuLevel0,
#mainContent .leftLargeCol #menuLevel1,
#mainContent .leftLargeCol #menuLevel2 {
	display: block;
	width: 220px;
	float: left;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/section-nav-top-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 10px;
}


#mainContent .leftLargeCol #sectionNav {
	display: block;
	float: left;
	width: 220px;
	background-color: transparent;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/section-nav-repeating-bg.jpg');
	background-position: 0px 0px;
	background-repeat: repeat-y;
	padding-bottom: 10px;
}

#IE6root #mainContent .leftLargeCol #sectionNav,
#IE6root #mainContent .leftLargeCol #menuLevel0,
#IE6root #mainContent .leftLargeCol #menuLevel1,
#IE6root #mainContent .leftLargeCol #menuLevel2 {
}



#mainContent .leftLargeCol #sectionNav h2 {
	color: #333333;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font-size: 1.6em;
	width: 202px;
}
#mainContent .leftLargeCol #sectionNav h2 a:link, #mainContent .leftLargeCol #sectionNav h2 a:visited {
	color: #333333;
	text-decoration: none;
}
#mainContent .leftLargeCol #sectionNav h2 a:hover, #mainContent .leftLargeCol #sectionNav h2 a:active  {
	color: #333333;
	text-decoration: underline;
}
	#mainContent .leftLargeCol #menuLevel0 #sectionNav  h2 a {
		color: #FFF;
	}
	
	#mainContent .leftLargeCol #menuLevel0 #sectionNav  h2 {
		border-bottom: 0px;
		background: #570035 url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/left-menu-arrow.png') no-repeat right center;
		color: #FFF;
		overflow: auto;
		list-style-type: none;
		list-style-position: outside;
		
		

		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}


#mainContent .leftLargeCol #sectionNav ul#UoB_Nav {
	display: block;
	margin: 0;
	padding: 0;
	background-color: transparent;
	list-style-image: none;
	list-style-type: none;
}
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li a:link,
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li a:visited {
	display: block;
	font-size: 14px;
	padding: 8px 1px 8px 12px;
	color: #000000;
	line-height: 1.2em;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	margin: 0 18px 0 6px;
}
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li a:hover, 
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li a:active {
	display: block;
	font-size: 14px;
	padding: 8px 1px 8px 12px;
	color: #570035;
	line-height: 1.2em;
	text-decoration: underline;
	border-bottom: 1px solid #ccc;
	margin: 0 18px 0 6px;
}
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li:last-child a:link,
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li:last-child a:hover,
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li:last-child a:active,
#mainContent .leftLargeCol #sectionNav ul#UoB_Nav li:last-child a:visited {
	border-bottom: none;
}

#IEroot #mainContent .leftLargeCol #sectionNav ul#UoB_Nav li a {
    border-bottom: expression(this.nextSibling==null?'none':'inherit');
}


#menuLevel1 #sectionNav ul#UoB_Nav span.currentbranch0 {
	display: block;
	font-size: 16px;
	padding: 8px 22px 8px 17px;
	line-height: 1.2em;
	font-weight: bold;
		border-bottom: 0px;
		background: #570035 url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/left-menu-arrow.png') no-repeat right center;
		color: #FFF;
		overflow: auto;
		list-style-type: none;
		list-style-position: outside;
		
		

		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
}





#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	display: block;
	margin: 0;
	padding: 0px 5px;
	background-color: transparent;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/multilevel-linkul-bg.jpg');
	background-position: 6px 0px;
	background-repeat: repeat-y;
}

#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:link,
#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:active,
#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:visited,
#menuLevel1 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:hover {
	border: none;
}



#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 {
	display: block;
	margin: 0;
	padding: 0px 5px;
	background-color: transparent;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/multilevel-linkul-bg.jpg');
	background-position: 6px 0px;
	background-repeat: repeat-y;
}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:link,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:active,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:visited,
#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 li a:hover {
	border: none;
}

#menuLevel2 #sectionNav ul#UoB_Nav ul.multilevel-linkul-0 span.currentbranch1 {
	display: block;
	font-size: 16px;
	padding: 8px 22px 8px 17px;
	line-height: 1.2em;
	font-weight: bold;
		border-bottom: 0px;
		background: #570035 url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/left-menu-arrow.png') no-repeat right center;
		color: #FFF;
		overflow: auto;
		list-style-type: none;
		list-style-position: outside;
		
		

		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
}





/* section-nav end */	

/* breadcrumb start */
#mainContent #breadcrumbWrapper {
	display: block;
	margin: 0px 10px 10px 0px;
	overflow: auto;
}
#mainContent #breadcrumbWrapper p {
	padding: 0;
	margin: 0;
	overflow: auto;
	margin: 0;
	padding: 0;
	
	font-size: 1.1em;
}

#mainContent #breadcrumbWrapper a:link, #mainContent #breadcrumbWrapper a:visited {
	
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/breadcrumb-arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
	color: #6e6f71;
	
}
/* breadcrumb end */

#mainContent table {
	margin: 10px;
	border-collapse: collapse;
}

#mainContent table th {
	font-weight: bold;
}

#mainContent table th, #mainContent table td {
	padding: 4px;
	border: 1px solid #cccccc;
}


/* middleCol start */
#mainContent .leftLargeCol .middleCol {
	display: block;
	width: 470px;
	float: left;
	margin-left: 10px; /* paddy change 10 */
}
#mainContent #fullWidth .leftLargeCol .middleCol {
	width: 700px;
	margin: 40px 0 0 10px;  /* paddy change 10 */
}
#mainContent .leftLargeCol .middleCol h1 {
	
	margin-bottom: 20px;
}
#mainContent .leftLargeCol .middleCol h2 {
	margin-right: 10px;
	margin-bottom: 14px;
}
#mainContent .leftLargeCol .middleCol h3 {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 14px;
}
/* middleCol end */

/* whiteBox start */
#mainContent .whiteBox {
	display: block;
	background-color: #ffffff;
	padding: 14px 10px;
	border: 1px solid #cacaca;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border--radius: 10px;
	margin: 14px 10px 14px 0;
}
#mainContent .whiteBox ul li {
	list-style-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/bullet-dot-fff-bg.png');
}

#mainContent .whiteBox h1 {
	padding-left: 16px;
}
 
#mainContent .whiteBox h2,
#mainContent .whiteBox h3, 
#mainContent .whiteBox p {
	padding-left: 20px;
	padding-right: 10px;
	color: #000000;
} 
#mainContent .whiteBox ul {
	padding-left: 0px;
	padding-right: 10px;
	color: #000000;
} 
#mainContent .whiteBox ul li {
	margin-left: 4px;
	padding-left: 0;
}

#mainContent .whiteBox h2 {
	
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/purple-arrow-fff-bg.png');
	background-position: 0px 6px;
	background-repeat: no-repeat;
}
#mainContent .whiteBox hr {
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px dotted #cacaca;
}
/* whiteBox end */

/* rightSmallCol start */
#mainContent .rightSmallCol {
	display: block;
	float: right;
	width: 220px;
	padding-left: 0;
}
/* rightSmallCol end */

/* largeHalfPanel start */
.largeHalfPanel {
	display: block;
	width: 345px;
	float: left;
	min-height: 280px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0 10px 10px 0;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#IEroot .largeHalfPanel {
	height: 280px;
}


.leftPanel {
	background-image: url(home-taught-image.jpg);
	
}

.rightPanel {
	background-image: url(home-research-image.jpg);
}
.leftLargeCol .uob {
	background-color: #850050;
}

.largeHalfPanel h2 {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	margin: 174px 0 10px 18px;
}
#mainContent .largeHalfPanel ul {
	margin: 0 0 10px 35px;
}
#mainContent .largeHalfPanel ul li {
	color: #ffffff;
	margin: 0 0 10px 0;
	list-style-image: url(uob-panel-bullet.jpg);
	
}
#mainContent .largeHalfPanel ul li a {
	color: #ffffff;
}
#mainContent .largeHalfPanel ul li a:hover {
	text-decoration: underline;
}
/* largeHalfPanel end */

/* leftLargeCol > leftLargeCol start */
#mainContent  .leftLargeCol .leftLargeCol {
	width: 470px;
}


#mainContent .leftLargeCol .leftLargeCol .mkwLogo {
	display: block;
	float: left; /* was clear if we have 2 boxes */
	margin:0 auto;
	text-align: center;
	width: 220px;
}


/* leftLargeCol > leftLargeCol end */

/* leftLargeCol > rightSmallCol start */
#mainContent  .leftLargeCol .rightSmallCol {
	
	margin-right: 10px;
}

#mainContent  .leftLargeCol .rightSmallCol h3 {
	color: #222222;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 10px 10px 10px;
}
#mainContent  .leftLargeCol .rightSmallCol ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#mainContent  .leftLargeCol .rightSmallCol ul li {
	font-size: 1em;
	font-weight: bold;
}
/* leftLargeCol > rightSmallCol end */

/* largeColHalf start */
#mainContent .largeColHalf {
	display: block;
	width: 220px;
	overflow: auto;
	float: left;
	margin: 0 10px 0 0;
}
#mainContent .largeColHalf img {
	border: 1px solid #a5a5a5;
	margin-bottom: 8px;
}
#mainContent .largeColHalf p {
	margin-left: 0;
}
#mainContent .largeColHalf blockquote {
	margin: 0 4px 10px;
	
}
/* largeColHalf end */


/* A to Z to start */

	/* A to Z wrapper start */
	#mainContent #azWrapper {
		display: block;
		padding: 0px;
	}
	
	
	#mainContent #azWrapper #page-nav {
		clear: left; 
		display: block; 
		width: 700px;
		padding-top: 5px;
		padding-top: 0px; 
		margin: 0; 
		overflow: auto;
	}
	#mainContent #azWrapper #page-nav ul {
		display: block;
		width: 700px;
		list-style-type: none;
		overflow: auto;
		margin: 0;
		padding: 0;
		clear: both;
	}

	#mainContent #azWrapper #page-nav li {
		display: block; 
		float: left; 
		list-style-type: none;  
		border-bottom: none; 
		margin: 0 10px 2px 0; 
		text-align: center;
		padding: 10px 20px;
		background-color: #bbbbbb;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
	}
	#mainContent #azWrapper #page-nav li a:link { 
		
		font-size: 1.1em; 
		color: #000000;  
		margin: 0 0 0 0; 
		font-weight: bold;
	}
	#mainContent #azWrapper #page-nav li a:hover, #mainContent #azWrapper #page-nav li a:active {
		
		font-size: 1.1em; 
		color: #000000; 
		margin: 0 0 0 0; 
		font-weight: bold;
		text-decoration: underline;
	}
	#mainContent #page-nav li a:visited {
		
		font-size: 1.1em; 
		color: #000000; 
		margin: 0 0 0 0; 
		font-weight: bold;
	}
	#mainContent #azWrapper #page-nav li.active {
		background-color: #850051;
		color: #ffffff;
	}
	#mainContent #azWrapper #page-nav li.active a {
		background-color: #850051;
		color: #ffffff;
	}

	#mainContent #azWrapper .tab_container {
		display: block;
		width: 676px;
		padding: 14px 10px;
		margin: -15px 0 0 0;
		border: 1px solid #850051;
		border-top: 4px solid #850051;
		background-color: #ffffff;
	}
	
	#mainContent #azWrapper .tab_container ul {
		margin: 20px 0;
		padding: 0;
	}
	#mainContent #azWrapper .tab_container ul li {
		list-style-type: none;
		list-style-image: none;
	}

	
	/* A to Z wrapper end */


.listNav {
	margin:0 0 10px;
}
.ln-letters {
	overflow:hidden;
	margin: 0 2px 0 0;
}
.ln-letters a {
	font-size:1.1em;
	display:block;
	float:left;
	padding:6px;
	margin: 0 2px 0 0;
	border-right:none;
	text-decoration:none;
	color: #ffffff;
	background-color: #55565A;
	font-weight: bold;
}
.ln-letters a.ln-last {
}
.ln-letters a:hover,
.ln-letters a.ln-selected {
	background-color:#850051;
	color: #ffffff;
}
.ln-letters a.ln-disabled {
	color:#222;
}
.ln-letter-count {
	text-align:center;
	font-size:1em;
	line-height:1; 
	margin-bottom:3px;
	color:#D90E70;
}
.ln-letter-count:after {
	content: " Courses";
}

/* A to Z end */


/* course page styles start */

#mainContent .courseBrochureWrapper,
#iframeWrapper .courseBrochureWrapper {
	display: block;
	overflow: auto;
	margin-bottom: 20px;
	min-height: 120px;
}
#IE6root #mainContent .courseBrochureWrapper,
#IE6root #iframeWrapper .courseBrochureWrapper {
	height: 120px;
}

#mainContent .courseBrochureWrapper .courseBrochureWrapperLeft,
#iframeWrapper .courseBrochureWrapper .courseBrochureWrapperLeft {
	display: block;
	width: 25%;
	float: left;
}
#mainContent .courseBrochureWrapper .courseBrochureWrapperLeft p,
#mainContent .courseBrochureWrapper .courseBrochureWrapperLeft img,
#iframeWrapper .courseBrochureWrapper .courseBrochureWrapperLeft p,
#iframeWrapper .courseBrochureWrapper .courseBrochureWrapperLeft img {
	padding: 0;
	margin: 0;
}
#mainContent .courseBrochureWrapper .courseBrochureWrapperRight,
#iframeWrapper .courseBrochureWrapper .courseBrochureWrapperRight {
	display: block;
	width: 75%;
	float: left;
}

#pg_courseWrapper {
	display: block;
	width: 460px;
}
#pg_courseWrapper h2.backSchoolLink {
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/courses/v2/uob_grey_bullet_back.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#pg_courseWrapper h2.backSchoolLink a:visited {
	color: #005585;
}

#pg_tabWrapper {
	/*
	border-left: 1px solid #850051;
	border-right: 1px solid #850051;
	*/
	margin: 0;
	overflow: auto;
}


	#mainContent #pg_tabWrapper #page-nav {
		clear: left; 
		display: block; 
		width: 440px;
		padding-top: 5px;
		padding-top: 0px; 
		margin: 0; 
		overflow: auto;
	}
	#mainContent #pg_tabWrapper #page-nav ul {
		display: block;
		width: 440px;
		list-style-type: none;
		overflow: auto;
		margin: 0;
		padding: 0;
		clear: both;
	}

	#mainContent #pg_tabWrapper #page-nav li {
		display: block; 
		overflow: hidden;
		float: left;
		width: 80px;
		height: 60px;
		list-style-type: none;  
		border-bottom: none; 
		margin: 0 10px 2px 0; 
		text-align: center;
		padding: 10px 5px;
		line-height: 15px;
		background-color: #bbbbbb;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
	}
	#mainContent #pg_tabWrapper #page-nav li a:link { 
		
		font-size: 1.1em; 
		color: #000000;  
		margin: 0 0 0 0; 
		font-weight: bold;
	}
	#mainContent #pg_tabWrapper #page-nav li a:hover, #mainContent #pg_tabWrapper #page-nav li a:active, #right-area #page-nav li a:visited {
		
		font-size: 1.1em; 
		color: #000000; 
		text-decoration: underline;
		margin: 0 0 0 0; 
		font-weight: bold;
	}
	#mainContent #pg_tabWrapper #page-nav li.active {
		background-color: #850051;
		color: #ffffff;
	}
	#mainContent #pg_tabWrapper #page-nav li.active a {
		background-color: #850051;
		color: #ffffff;
	}

	#mainContent #pg_tabWrapper .tab_container {
		display: block;
		width: 438px;
		padding: 14px 10px;
		margin: -15px 0 0 0;
		border: 1px solid #850051;
		border-top: 4px solid #850051;
		border-bottom: none;
		background-color: #ffffff;
	}
	
	#mainContent #pg_tabWrapper .tab_container ul {
		margin: 20px 0;
		padding: 0;
	}
	#mainContent #pg_tabWrapper .tab_container ul li {
		list-style-type: none;
		list-style-image: none;
	}

/*
#pg_tabWrapper #page-nav{clear: left; display: block; width: 440px; padding-top: 5px; margin: 0; overflow: auto;}

  #mainContent .largeColHalf #page-nav ul {
	display: block;
	width: 740px;
	list-style-type: none;
	overflow: auto;
	margin: 0;
	padding: 0;
}

#mainContent .largeColHalf #page-nav li{float: left; list-style-type: none; padding: 10px 4px; margin: 0 0 0 20px;}
#mainContent .largeColHalf #page-nav li a{font-size: 1.1em;padding: 4px; color: #FFF; font-weight: bold;}

#mainContent .largeColHalf #page-nav li a.pg {font-size: 1em;padding: 4px 2px; color: #FFF; font-weight: bold;}


#mainContent .largeColHalf #page-nav li.active  {color: #333; background-color: #ffffff;}
#mainContent .largeColHalf #page-nav li.active  a {color: #333; background-color: #ffffff;}

#mainContent .largeColHalf .tab_container {
	display: block;
	width: 716px;
	padding: 20px;
	margin: -12px 0 20px 0;
	/asterix border: 2px solid #cccccc;asterix/
}
*/

/*
#scim #mainContent .largeColHalf #page-nav {background-color: #EE0000;}
#management #mainContent .largeColHalf #page-nav {background-color: #518AC9;}
#health #mainContent .largeColHalf #page-nav {background-color: #99CC33;}
#ssis #mainContent .largeColHalf #page-nav {background-color: #916CAF;}
#sled #mainContent .largeColHalf #page-nav {background-color: #006BB6;}
#life #mainContent .largeColHalf #page-nav {background-color: #00B5C7;}
#edt #mainContent .largeColHalf #page-nav {background-color: #FFCC00;}


#scim #mainContent .largeColHalf .tab_container {border: 2px solid #EE0000; border-top: none;}
#management #mainContent .largeColHalf .tab_container {border: 2px solid #518AC9; border-top: none;}
#health #mainContent .largeColHalf .tab_container {border: 2px solid #99CC33; border-top: none;}
#ssis #mainContent .largeColHalf .tab_container {border: 2px solid #916CAF; border-top: none;}
#sled #mainContent .largeColHalf .tab_container {border: 2px solid #006BB6; border-top: none;}
#life #mainContent .largeColHalf .tab_container {border: 2px solid #00B5C7; border-top: none;}
#edt #mainContent .largeColHalf .tab_container {border: 2px solid #FFCC00; border-top: none;}
*/
#pg_tabWrapper .tab_container  table {
	margin: 10px;
	border-collapse: collapse;
}

#pg_tabWrapper .tab_container  table th {
	font-weight: bold;
}

#pg_tabWrapper .tab_container  table th, #pg_tabWrapper .tab_container  table td {
	padding: 4px;
	border: 1px solid #cccccc;
}

#pg_courseWhiteBox {
	border: 1px solid #850051;
	border-top: none;
	display: block;
	width: 438px;
	padding: 10px;
	background-color: #ffffff;
	margin: 0;
}
/* course page styles end */



/* shareButtons start */
#shareButtons {
	display: block;
	text-align: right;
	overflow: hidden;
}
#shareButtons span {
	display: block;
	float: left;
	padding-left: 8px;
}
/* shareButtons end */

/* rightContentPanel start */
.rightContentPanel {
	display: block;
	clear: both;
	margin: 10px 0;
	border: 1px solid #c9c9c9;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	background-color: #ffffff;
}

.rightContentPanelYouTube {

	display: block;
	clear: both;
	margin: 10px 0;
	border: 1px solid #c9c9c9;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	background-color: #ffffff;

}
.rightContentPanelYouTube h3 {
	display: block;
	padding: 14px 14px 0px 14px;
	background-image: url(right-purple-bullet.jpg);
	background-position: 196px 180px;
	background-repeat: no-repeat;
}
.rightContentPanelYouTube p {
	padding: 0 14px 14px;
}


.rightContentPanel h3 a {
	display: block;
	padding: 14px 14px 0px 14px;
	background-image: url(right-purple-bullet.jpg);
	background-position: 196px 180px;
	background-repeat: no-repeat;
}
.rightContentPanel p strong a {
	display: block;
	padding: 14px 14px 0px 14px;
	background-image: url(right-purple-bullet.jpg);
	background-position: 180px 20px;
	background-repeat: no-repeat;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
}
.videoPanel h3 a {
	padding: 173px 14px 0px 14px;
	background-image: url(videoLibrary.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.rightContentPanel  p {
	line-height: 1.2em;
	padding: 0 14px 10px 14px;
}


#mainContent #apply-online {width: 200px; text-align: center; margin: 0 auto; height: 40px;}

#mainContent #apply-online a {
	display: block; 
	font-size: 18px; 
	background: #005047; 
	padding: 10px;
	margin-bottom: 10px;
	color: #FFF;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 2px #ABABAB;
-webkit-box-shadow: 3px 3px 2px #ABABAB;
box-shadow: 3px 3px 2px #ABABAB;
}


/* modal styles start */

.basic-modal {
	display: block;
	width: 360px;
	padding: 10px 40px 20px 0;
	
}

.basic-modal-content,
.basic-modal-content1, .basic-modal-content2,
.basic-modal-content3, .basic-modal-content4,
.basic-modal-content5, .basic-modal-content6,
.basic-modal-content7, .basic-modal-content8,
.basic-modal-content9, .basic-modal-content10
{display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:pointer;}

/* Container */
#simplemodal-container {
	height:auto; 
	width:auto; 
	min-height: 200px; 
	min-width: 600px; 
	color:#bbb; 
	background-color:#333; 
	border:4px solid #444; 
	padding:40px; 
	margin: 0; 
	text-align: center;
}
#simplemodal-container img {padding-right: 40px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url('http://www.bradford.ac.uk/T4-css-corporate/js/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#simplemodal-container .basic-modal-content,
#simplemodal-container .basic-modal-content1,
#simplemodal-container .basic-modal-content2,
#simplemodal-container .basic-modal-content3,
#simplemodal-container .basic-modal-content4,
#simplemodal-container .basic-modal-content5,
#simplemodal-container .basic-modal-content6,
#simplemodal-container .basic-modal-content7,
#simplemodal-container .basic-modal-content8,
#simplemodal-container .basic-modal-content9,
#simplemodal-container .basic-modal-content10
{padding:8px;}

#simplemodal-container h2, #simplemodal-container p {
	font-family: Arial;
	padding: 8px;
	font-size: 14px;
}
.simplemodal-close {
	padding: 8px;
}

/* modal styles end */



#mainContent #pg_siteMap ul {
	margin: 0;
	padding: 0;
}
#mainContent #pg_siteMap ul ul {
	margin: 10px;
}


/* rightContentPanel end */

/* footer-wrapper start */
#footer-wrapper {
	display: block;
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	color: #f4f4f4;
}
#footer-wrapper ul {
	margin: 8px 0 30px 0;
}
#footer-wrapper ul li {
	padding: 0 10px 0 10px;
	line-height: 1.3em;
}
#footer-wrapper ul li {
	display: block;
	float: left;
	border-right: 1px solid #f4f4f4;
}
#footer-wrapper ul > li:last-child {
	border-right: none;
}

#footer-wrapper ul li a {
	color: #f4f4f4;
}
#footer-wrapper ul li a:hover {
	color: #f4f4f4;
	text-decoration: underline;
}
#footer-wrapper p {
	padding: 8px 10px 10px 10px;
}
#footer-wrapper address {
	padding: 8px 10px 10px 10px;
	line-height: 1.3em;
	clear: left;
}
#footer-wrapper img {
	display: block;
	float: right;
}
/* footer-wrapper end */

