/* This file builds upon the OUICE core found at www.open.ac.uk/webstandards/gui/screen.css */

/* Study at the OU v2.0 Screen Styles

This style-sheet is NOT production ready. Contact g.d.carberry for more info.

01.05.2009 -- Attempting to use new colour schemes provided. They don't look nice.

The original designs:
http://picasaweb.google.co.uk/guycarberry/StudyPhase2

Designs at request of the committee:
http://picasaweb.google.co.uk/guycarberry/StudyPhase2Iteration1

The current designs follow further committee requirements.


-------------------------------------------------------------------------------------*/

/* NEUTRAL / CORE PAGES (e.g. home page)
----------------------------------------------------------------- */

body {
    font-family:Verdana,Arial,Helvetica,sans-serif;
	
}

a#ou-skip2 {
	left:150px;
}

a {
    color:#003399;	
}


a.pdf, span.pdf {
	background-image:url(icon-pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}


strong.new,
strong.final {
	color:#000;	background-color: #f4f4f4;
	border: 1px solid #ccc;
	padding: 0px 2px 0px 2px;
	vertical-align : middle;
	font-weight:normal;
	
}

div.introduction {
	margin:1em 0;
}


p#graduate {
	padding:0 0.2em;
	margin:0;	
	font-weight:bold;	
}

p#graduate a {
	text-decoration:none;
	color:black;
	background-repeat:no-repeat;
	padding:0.5em;
	display:block;
	margin:0;
}

p#graduate a:hover {	
	background-color:transparent;
}

h1 {
	padding:0.5em;
	margin:0.1em 0 0 0;	
	font-size:2.4em;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	
}

h1 span {		
	display:block;
	padding-top:0.5em;
}

h1 a {		
	font-size:0.5em;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	display:block;
}


div#on-this-page {
	margin:1em 0;
	color:black;
	line-height:150%;
	border:1px solid #EEEEEE;
	padding:1em 1.3em;
	font-size:0.9em;
}

div#on-this-page a {
	/*background-image:url(arrow-down.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:1.5em;
	white-space:nowrap;*/
}
div#region1 div#on-this-page h2 {
	display:inline;
	font-size:1em;
	margin:0 0 0 0;
	padding:0 4px 0 0;
	border:none;
	color:#000;
	/*background-image:url(arrow-right.gif);
	background-repeat:no-repeat;
	background-position:right center;*/
}

div#on-this-page ul {
	margin:0;
	padding:0;
	display:inline;
}

div#region1 div#on-this-page ul li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	background-image:none;
}

div#on-this-page a {
	text-decoration:none;
	border-left:1px solid #EEE;
	padding:0 8px;
}

div#region1 h2 {
	margin:1em 0;
	font-size:1.2em;
	font-weight:bold;
}
div#region1 h3 {
	font-size:1em;
	font-weight:bold;
}
/* added by rho24*/
div#region1 h4 {
	font-size:0.9em;
	font-weight:bold;
}
table {
	border:none;
	width:100%;
}
table tr, table td {
	border:none;
}
table td a {
	text-decoration:none;
}

div#region1 ul li {
	list-style-type:none;	
	padding:0 0 0 25px;
	/*background-image:url(bullet-arrow.gif);*/
	background-image:url(icon-link.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
}

div#region2 #about-this-page a {
	text-decoration:underline;
}

div#region2 h2 {
	padding:1em 0 0 0;
	margin:1em 0;
	background-image:url(h-gutter.png);
	background-repeat:repeat-x;
	background-position:top left;
	border-top:1px solid #C8C866;
}

div#region2 h3, div#region2 h4 {
	font-size:1em;
	font-weight:bold;
}

div#region2 ul {
	padding:0;
	margin:1em 0;
}

div#region2 ul li {
	list-style-type:none;
	margin:0.25em 0;
	padding:0 0 0 25px;
	/*background-image:url(bullet-arrow.gif);*/
	background-image:url(icon-link.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	
}

div#region2 div#tools ul li {
	background-image:url(icon-printer.gif);
	padding:3px 0 3px 25px;
	background-position:left center;	
}

div#region2 div#tools ul {
	margin:0;	
}

div#region2 ul li a {
	text-decoration:none;
}
div#region2 dl {
	margin:0;
	padding:0;
	background-image:none;
	border:none;
}
div#region2 dl dt, div#region2 dl dt a {
	display:inline;
	margin:0;
	padding:0;
	/*background-image:none; removed 02/08/2010 rs8256*/
	border:none;
	font-weight:normal;
}

div#region2 dl {
	/*background-image:url(bullet-arrow.gif);*/
	/*background-image:url(icon-link.gif); Changed 03/08/2010 rs8256 */
	background-image:url(003info_8Bit16x16.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:25px;	
}


div#region2 dl dd {
	display:inline;
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
div#short-description h2 {
	display:none;
}
#about-this-page h2 {
	display:none;
}


div#ou-topbars, div#ou-footerf {
	margin:1em auto;
}
div#site-header {
	margin-bottom:1em;
	padding-bottom:0;
	z-index:-999;
}
div#site-footer {
	background-image:url(h-gutter.png);
	background-repeat:repeat-x;
	background-position:top left;
	border:none;
	margin:1em 0;
}
div#region2 h2 {
	font-size:1em;
	font-weight:700;	
	
}
div#region1 {
	width:67.8%;
	margin:0;
	padding:0;
}
div#region2 {
	width:30%;
}

td, th {
	padding:1em;
	background-image:url(h-gutter.png);
	background-repeat:repeat-x;
	background-position:top left;
}


/* PERSONAL COMPUTING PAGE
----------------------------------------------------------------- */

body.pc div#region1 {
	width:100%;
}

body.pc h1 {
	color:#005856;	
	border:1px solid #CCEFEE;
	margin-bottom:1em;
}

body.pc h1 span {
	padding:0;
}

body.pc div#region1 h2 {
    border-top:2px solid #CCEFEE;
    color:#005856;
    padding-top:1em;
}

body.pc div.pc-search,
body.pc div.specification {
	margin:1em 0;
	border:2px solid #CCEFEE;
	padding:1em;
}

body.pc div.pc-search label{
	display:block;
	margin-bottom:1em;
	font-weight:bold;
}


body.pc p.introduction{
	margin:1.5em 0;
}

body.pc div#region1 div#help ul li {
	background-image:url(help.gif);
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
	background-repeat:no-repeat;
}

body.pc a.help {
	background-image:url(help.gif);
	padding-top:3px;
	padding-bottom:3px;
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:left center;
}

body.pc div.specification dd,
body.pc div.specification dt {
	display:inline;
}

body.pc div.specification dd {
	margin-left:0;
}

body.pc div.specification p {
	margin-top:1em;
	margin-bottom:1em; /* Changed by rho24 24/07/09 */
}


/* COURSES LIST PAGE
----------------------------------------------------------------- */



body.courses-list h1 {
	color:#005856;	
	border:1px solid #CCEFEE;
	margin-bottom:1em;
}

body.courses-list h1 span {
	padding:0;
}

body.courses-list div#region1 h2 {
    border-top:2px solid #CCEFEE;
    color:#005856;
    padding-top:1em;
}

body.courses-list p.introduction{
	margin:1.5em 0;
}


body.courses-list div#region2 h2 {
   background-image:none;   
   border-top:2px solid #CCEFEE;
   color:#005856;
   padding-top:1em;
}

body.courses-list div#region2 div#speak-to-advisor  h2 {
  border-top:0;
  padding-top:0;	
}


/* UNDERGRADUATE PAGES
----------------------------------------------------------------- */
body.ug {/**/
}

body.ug div#region2 h2 {
	padding:1em 0 0 0;
	margin:1em 0;
	background-image:none;	
	border-top:2px solid #C8C866;
}

body.ug div#region2 hr 
{
	border-top:2px solid #C8C866;
	border-bottom:none;
}

body.ug a.to-top:hover {
    background-color:#EDEDCC;
}

body.ug p#graduate {
	border:1px solid #A4A400;		
	background-color:#C8C866;	
}

body.ug p#graduate a {		
	background-image:url(ug.gif);	
	background-position:8px;	
	padding-left:45px;
}

body.ug h1 {
	border:1px solid #A4A400;
	color:#525200;
}

body.ug div.facts-overview
/*body.ug div#course-facts*/ {	
	border:1px solid #C8C866;	
	background-color:#EDEDCC;	
}

body.ug div#region1 div#facts h2
{
	background:url(ug-facts-bg.jpg) repeat-x;
	background-position:left center; margin:0;
	border-bottom:1px solid #A4A400;
	border-top:1px solid #fff;
	padding:1em;
	color:black;
}

body.ug div#facts dl
/*body.ug div#course-facts dl*/{
	margin:0;
	padding:1em;	
	border-bottom:1px dotted #A4A400;
}

body.ug div#facts dl.product-designation {
    border-bottom:medium none;
}


body.ug div#course-facts {
	border:2px solid #C8C866;	
}

body.ug div#course-facts dl dt {
	color:#525200;
}



/*body.ug div#course-facts {	
    float:right;
    margin-bottom:1em;
    width:33%;	
	margin-top:0;	
}*/

/*body.ug div#course-facts dt,
body.ug div#course-facts dd {
	display:inline;
	margin:0;
	padding:0;
}*/

/*body.ug div#course-facts ul li {
	list-style-type:none;
	margin:0.25em 0;
	padding:0 0 0 1em;
	background-image:url(arrow-right.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
}*/



body.ug div#register {
    border:2px solid #C8C866;
    margin-bottom:10px;
	/*zoom:1;	
	width:60%;
	float:left;*/
}

body.ug div#region1 div#register h2 {
    color:#000;
	margin-top:0;
	padding-top:0;
	border-top:none;
}

body.ug div#register table {
    background-color:#EDEDCC;
	/*float:left;	*/
}

body.ug div#register table td, 
body.ug div#register table th {
	border-top:1px solid #C8C866;
	background-image:none;
	/*white-space:nowrap;*/
}

/* Added 02/08/2010 rs8256*/
body.ug div#register table td#start-date, body.ug div#register table td#end-date{
	white-space:nowrap;
}

body.ug div#register table th {
	border-bottom:1px solid #C8C866;	
	background-color:#C8C866;
	color:#000;
	padding:0.5em 1em;
}

body.ug div#register table td.last {
	border-bottom:1px solid #C8C866;
}


body.ug div#region1 h2 {
	border-top:2px solid #C8C866;
	color:#525200;
	padding-top:1em;
}

/*Added 28/07/2010 rs8256*/
body.ug div#register table tr#FSMessage td{
	border-top:none;
	padding-top:0;
}

/*Added 28/07/2010 rs8256 - The following three apply to both UG and PG*/
div#register table td#register-cell a.button{
	float:left;
	margin-bottom:0px;
}

div#register table td#register-cell p{
	float:left;
	padding-right:20px;
}

body.ug div#register table td#register-cell{
	padding-bottom: 0
}

/*body.ug div#region1 h3 {
	border-bottom:1px dotted #C8C866;
	padding:0.5em 1em;
	background-color:#EDEDCC;
	color:#000;	
}*/


body.ug div#last-presentation  {
	border-bottom:0;	
}

/*body.ug div#region1 p,
body.ug div#region1 ul{
	margin-left:2em;	
}


body.ug div#region1 div#on-this-page ul,
body.ug div#region1 p#graduate,
body.ug div#region1 div#short-description p,
body.ug div#region1 p.top,
body.ug div#region1 div#register p {
	margin-left:0;	
}*/

body.ug div.route {
	border:1px solid #D1D1A5;
	padding:1em;
	margin:1em 0;	
}

body.ug div.route td, body.ug div.route th {
	padding:0.5em 1em;	
}

body.ug div.route td {
	background-image:none;
	border:1px solid #D1D1A5;
	border-collapse:collapse;
}

body.ug div.route table td.route-level {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#525200;
	color:white;
	font-size:1.6em;	
	width:5em;
	padding-left:0.5em;
	padding-right:0;	
}

body.ug div.route td.route-level dd {
	font-size:1.8em;
	margin-top:-0.2em;		
}

body.ug div.route td.route-sequence {
	background-color:#C8C866;	
	/*font-weight:bold;*/
	color:#000;
	font-size:1.6em;	
	text-align:center;	
	width:2em;
	padding-left:0;
	padding-right:0;	
}

body.ug div.route tr td.first {
	border-bottom:1px solid #FFF;	
}


body.ug div#region1 div.route td.route-course ul {
	margin-left:0;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

body.ug div#region1 div.route td.route-course ul li {
	background-image:none;
	padding-left:0;
	padding-right:1em;
	color:#525200;	
}

body.ug div#region1 p.route-next-step {
	background-image:url(diagram-arrow-ug.gif);
	margin-left:0;	
}

body.ug div#region1 p.route-certificate,
body.ug div#region1 p.route-diploma,
body.ug div#region1 p.route-degree {
	background-color:#C8C866;
	margin-left:0;
}

/* 25/03/2010 - Removed due to readability.
body.ug div#region1 p.route-degree {
	background-color:#525200;	
}*/


body.ug p.route-certificate span,
body.ug p.route-diploma span,
body.ug p.route-degree span{
	background-image:url(award-icon-ug.gif);
	color:#333; /*Added this color line to make degree the same as the other awards.*/
}

/* 25/03/2010 - Same as above.
body.ug p.route-degree span {
	background-image:url(qual-icon-ug.gif);
}*/


body.ug div#courses h3 {
    border-bottom:1px dotted #C8C866;
	background-color:#EDEDCC;
	margin-bottom:2em;
}

body.ug div#student-reviews blockquote {
	background-image:url(student-quote-ug.gif);	
}

body.ug div#student-reviews p {
	background-image:url(student-quote-ug-end.gif);	
	padding-right:0;
}


body.ug ul.route-options a:hover img {
	border:2px solid #C8C866;	
}

body.ug ul.route-options li.current img {
	border:2px solid #C8C866;
}


body.ug div#course-facts {	
	background-image:url(course-facts-bg-ug.gif);
	
}

/*Added 23/07/2010 rs8256.*/
div#about-this-page.undergraduate-page{
	border-bottom:2px solid #C8C866;
	padding-bottom:0px;
}

/* POSTGRADUATE PAGES
----------------------------------------------------------------- */
body.pg {/**/
}

body.pg div#region2 h2 {
	padding:1em 0 0 0;
	margin:1em 0;
	background-image:none;	
	border-top:2px solid #99ADC2;
}

body.pg div#region2 hr 
{
	border-top:2px solid #99ADC2;
	border-bottom:none;
}

body.cpd div#region2 hr 
{
	border-top:2px solid #A7DFDD;
	border-bottom:none;
}

body.courses-list div#region2 hr 
{
	border-top:2px solid #A7DFDD;
	border-bottom:none;
}

body.prof div#region2 hr 
{
	border-top:2px solid #A7DFDD;
	border-bottom:none;
}	


body.pg a.to-top:hover {
    background-color:#E4EAEF;
}

body.pg p#graduate {
	background-color:#003366;
	border:1px solid #00274F;
	color:#FFF;
}

body.pg p#graduate a {
	background-image:url(pg.gif);	
	background-position:8px;	
	padding-left:45px;
	color:#FFF;
}

body.pg h1 {
	border:1px solid #99ADC2;
	color:#003366;	
}


body.pg div.facts-overview
/*body.pg div#course-facts*/{	
	border:1px solid #99ADC2;	
	background-color:#E4EAEF;	
}

body.pg div#region1 div#facts h2
{
	background:url(pg-facts-bg.jpg) repeat-x;
	background-position:left center;
	margin:0;
	border-bottom:1px solid #99ADC2;
	border-top:1px solid #fff;
	padding:1em;
	color:black;
}

body.pg div#facts dl
/*body.pg div#course-facts dl*/ {
	margin:0;
	padding:1em;	
	border-bottom:1px dotted #99ADC2;
}

body.pg div#facts dl.product-designation {
   border-bottom:medium none;
}

body.pg div#course-facts {
	border:2px solid #99ADC2;	
}

body.pg div#course-facts dl dt {
	color:#003366;
}


/*
body.pg div#course-facts {	
    float:right;
    margin-bottom:1em;
    width:33%;	
	margin-top:0;	
}*/

/*body.pg div#course-facts dt,
body.pg div#course-facts dd {
	display:inline;
	margin:0;
	padding:0;
}*/

/*body.pg div#course-facts ul li {
	list-style-type:none;
	margin:0.25em 0;
	padding:0 0 0 1em;
	background-image:url(arrow-right.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
}*/

body.pg div#register {
    border:2px solid #99ADC2;
    margin-bottom:10px;
	/*zoom:1;
	width:60%;
	float:left;*/
}

body.pg div#region1 div#register h2 {
    color:#000;
	margin-top:0;
	padding-top:0;
	border-top:none;
}

body.pg div#register table {
    background-color:#E4EAEF;
	float:left;	
}

body.pg div#register table td, 
body.pg div#register table th {
	border-top:1px solid #003366;
	background-image:none;
	/*white-space:nowrap;*/
}

/* Added 02/08/2010 rs8256*/
body.pg div#register table td#start-date, body.pg div#register table td#end-date{
	white-space:nowrap;
}

body.pg div#register table th {
	border-bottom:1px solid #003366;	
	background-color:#003366;
	color:#FFF;
	padding:0.5em 1em;
}

body.pg div#register table td.last {
	border-bottom:1px solid #003366;
}



body.pg div#region1 h2 {
	border-top:2px solid #99ADC2;
	padding-top:1em;
	color:#003366;
}

body.pg div#last-presentation  {
	border-bottom:0;	
}

/*body.pg div#region1 p,
body.pg div#region1 ul{
	margin-left:2em;	
}


body.pg div#region1 div#on-this-page ul,
body.pg div#region1 p#graduate,
body.pg div#region1 div#short-description p,
body.pg div#region1 p.top,
body.pg div#region1 div#register p {
	margin-left:0;	
}*/

body.pg div.route {
	border:1px solid #99ADC2;
	padding:1em;
	margin:1em 0;	
}

body.pg div.route td, body.ug div.route th {
	padding:0.5em 1em;	
}

body.pg div.route td {
	background-image:none;
	border:1px solid #99ADC2;
	border-collapse:collapse;
}

body.pg div.route table td.route-level {
	background-color:#003366;
	color:white;
	font-size:1.6em;	
	width:5em;
	padding-left:0.5em;
	padding-right:0;
	font-family:Arial, Helvetica, sans-serif;
}

body.pg div.route td.route-level dd {
	font-size:1.8em;
	margin-top:-0.2em;		
}

body.pg div.route td.route-sequence {
	background-color:#99ADC2;	
	color:#000;
	font-size:1.6em;	
	text-align:center;	
	width:2em;
	padding-left:0;
	padding-right:0;	
}

body.pg div.route tr td.first {
	border-bottom:1px solid #FFF;	
}

body.pg div#region1 div.route td.route-course ul {
	margin-left:0;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

body.pg div#region1 div.route td.route-course ul li {
	background-image:none;
	padding-left:0;
	padding-right:1em;
	color:#003366;	
}

body.pg div#region1 p.route-next-step {
	background-image:url(diagram-arrow-pg.gif);
	margin-left:0;	
}

body.pg div#region1 p.route-certificate,
body.pg div#region1 p.route-diploma,
body.pg div#region1 p.route-degree {
	background-color:#99ADC2;
	margin-left:0;
}

body.pg div#region1 p.route-degree {
	background-color:#003366;	
}


body.pg p.route-certificate span,
body.pg p.route-diploma span {
	background-image:url(award-icon-pg.gif);
}

body.pg p.route-degree span {
	background-image:url(qual-icon-pg.gif);
}


body.pg div#courses h3 {
    border-bottom:1px dotted #003366;
	background-color:#E4EAEF;
}

body.pg div#student-reviews blockquote {
	background-image:url(student-quote-pg.gif);	
}

body.pg div#student-reviews p {
	background-image:url(student-quote-pg-end.gif);	
	padding-right:0;
}


body.pg ul.route-options a:hover img {
	border:2px solid #99ADC2;	
}

body.pg ul.route-options li.current img {
	border:2px solid #99ADC2;
}

body.pg div#course-facts {	
	background-image:url(course-facts-bg-pg.gif);
	
}

/*Added 23/07/2010 rs8256.*/
div#about-this-page.postgraduate-page{
	border-bottom:2px solid #99ADC2;
	padding-bottom:0px;
}


/* RESEARCH PAGES
----------------------------------------------------------------- */
body.research {/**/
}
body.research p#research {
	background-color:#D1D1A5;
	border-color:#545442;
}

body.research h1 {
	border:1px solid #545442;
	color:#545442;
}




/* SUBJECT PAGES
----------------------------------------------------------------- */
body.subject {/**/
}
div#introduction img {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

div#introduction img {
	float:left;
	margin-bottom:1.5em; /* 14/04/2010 rs8256 - margins changed from 0*/
	margin-right:1.5em;
	border-bottom:1em solid #fff;
	/* border-right:1em solid #fff; removed 14/04/2010 rs8256 */
	clear:right;
}
/*14/04/2010 rs8256 - Following two properties added because sometimes the
 lists were disappearing behind the pictures in the intro section.*/
div#introduction.subject-intro li
{
	margin-left:15px
}

div#introduction.subject-intro ul
{
	overflow:hidden
}

/* SUB-SUBJECT PAGES - Added 014/04/2010 by rs8256
-----------------------------------------------------------------*/

/*14/04/2010 rs8256 - Following two properties added because sometimes the
 lists were disappearing behind the pictures in the intro section.*/
div#introduction.subsubject-intro li
{
	margin-left:15px	
}

div#introduction.subsubject-intro ul
{
	overflow:hidden;
}

/* QUALIFICATION PAGES
----------------------------------------------------------------- */
body.qualification {/**/
}
table.course-list a {/**/
}

table.course-list th,
table.course-list td {
	color:#005856;
	padding:0.5em 1em;
	background-image:none;
	/*background-image:url(h-gutter-course-table.png);
	background-repeat:repeat-x;
	background-position:top left;*/
	border-bottom:none;
}

table.course-list {
	/*background-image:url(h-gutter-course-table.png);
	background-repeat:repeat-x;
	background-position:bottom left;*/
	border-bottom:none;
	/*border-top:1px solid #CCEFEE;
	margin-bottom:5em;*/
}

table.course-list th.course-title {
	padding-left:2.5em;	
	width:60%;		
	background:url(course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;	
	line-height:2.5em;		 
	padding:0 0 0 1em;
	margin:0;
}

table.course-list th.course-points {
	width:10%;
	background:url(course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;	
	line-height:2.5em;
	padding:0 0 0 1em;
	
}

table.course-list th.course-fee {
	width:20%;	
	background:url(course-list-bottom.jpg) #F4F4F4 repeat-x bottom left;	
	line-height:2.5em;
	padding:0 0 0 1em;
}

table.course-list  {
	border-collapse:collapse;		
}

ul.toggle-all {
	margin:1em;
}


div#region1 ul.toggle-all li {
	list-style-type:none;
	margin:0;
	padding:0 1.5em 0 0;
	display:inline;
}

table.course-list dl, div#region1 ul.toggle-all li {
	background-image:url(arrow-down.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	padding-left:1.5em;
	margin:0;	
}

table.course-list tr.highlight{
	background-color:#EDF9F9;
}

table.course-list dl a:focus {
	background-color:transparent;
	color:#003399;
}

table.course-list dl.contracted {
	background-image:url(arrow-right.gif);
	/*background-color:#FFF;*/
}

div#region1 ul.toggle-all li.contracted {
	background-image:url(arrow-right.gif);
	background-position:0 0.3em;
}

table.course-list dt, table.course-list dd {
	margin:0;
	padding:0;	
}

table.course-list dd {
	margin-top:1em;
	color:#000;
}

table.course-list dt {
	font-weight:normal;
}

div#courses h3 {
	font-weight:bold;	
	padding:0.5em 1em;	
}

/* specialisms added by rho24 on 05/08/2009 */
body.ug div#courses h2.specialism {
}

body.pg div#courses h2.specialism {
}

body.ug div#courses h3.specialism, body.pg div#courses h3.specialism{	
	margin-bottom:0.5em;	
}

body.ug div#courses h3.specialism {
	background-color:#C8C866;
}

body.pg div#courses h3.specialism {
	background-color:#D4DAFF;
}


/* ROUTE PAGES
----------------------------------------------------------------- */
body.route {/**/
}

ul.route-options {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	
}

ul.route-options li a,
ul.route-options li a span {
	text-decoration:underline;	
}

ul.route-options li a span {
	padding-left:2px;	
}

ul.route-options li a:hover {
	background-color:transparent;
}

ul.route-options li a:hover span {
	background-color:#EEE;
}

ul.route-options a img {
	border:2px solid transparent;		
}


div#region1 ul.route-options li {
	list-style-type:none;
	margin:0 2em 1em 0;
	padding:0;
	float:left;
	width:140px;
	height:18em;
	background-image:none;	
}

ul.route-options span.caption {
	display:block;
	margin:0 0 1em 0;
	font-size:0.9em;
}

ul.route-options li.current span {
	color:#000;
	background-color:#EEE;
}



div.route {
	border:1px solid #CCC;
	padding:1em;
	margin:1em 0;
}
div.route table {
	border-collapse:collapse;
	margin:0;
}
div.route dl, div.route dt, div.route dd {
	margin:0;
	padding:0;
}
div.route table td.route-level {
	background-color:#545442;
	color:white;
	font-size:1.4em;
}
td.route-sequence {
	background-color:#eee;
	font-size:1.2em;
	/*font-weight:bold;*/
}
div.route td {
	background-image:none;
	border:1px solid #CCC;
	border-collapse:collapse;
}
td.route-level dt {
	margin-bottom:0.5em;
}
td.route-level dd {
	font-size:1.8em;
}
p.route-award {
	background-color:#ccc;
	padding:1em;
	text-align:center;
	margin:0;
	/*border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;*/
	font-weight:bold;
}
p.route-degree {
	background-color:#333;
}
p.route-award span {
	background-image:url(award-icon.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0.5em 0 0.5em 30px;
}

p.route-degree span {
	background-image:url(qual-icon.gif);
	color:white;
}
p.route-next-step {
	text-indent:-5000em;
	overflow:hidden;
	background-image:url(diagram-arrow.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
}
td.route-course ul {
	margin:0;
	padding:0;
}
td.route-course dd {
	margin:0;
	padding:0;
}
td.route-course ul li {
	margin:0;
	padding:0 1em 0 0;
	list-style:none;
	display:inline;
}

/* COURSE PAGES
----------------------------------------------------------------- */
body.course {/**/
}

div#course-facts {	
	margin-bottom:1em;
	padding:1em 1.3em;	
	width:auto;	
	display:inline-block;	
	background-position:60% 0;
	background-repeat:repeat-y;
}

div#course-facts h2 {
	display:none;
}
div#course-facts dl {
	/*display:inline;*/
	float:left;	
	margin:0 1em 0 0;
	padding:0;	
	width:100%;	
}

div#course-facts dl dt {
	/*display:inline;*/
	float:left;
	/*width:7em;*/
	margin:0;
	padding:0;
	font-weight:normal;	
	line-height:150%;
}

div#course-facts div.set1 dl dt {
	width:6em;						/* Modified by rho24 27/07/09 - was 5em. */
}

div#course-facts div.set2 dl dt {
	width:7em;	
}


div#course-facts dl dd {
	/*display:inline;*/
	float:left;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:bold;
	line-height:150%;
	
}

div#course-facts ul {
	padding:0;	
	float:left;
	width:28%;
	margin:0 0 0 0;
	font-size:0.9em;		
}

div#course-facts ul li {
	background-position:0 0.6em;	
}


div.set1 {
	padding:0 0 0 0;	
	float:left;
	width:30%;
	margin-right:1em;	
	display:inline-block;
}

div.set2 {	
	padding:0 0 0 0;	
	float:left;	
	width:30%;		
	display:inline-block;
	padding-left:1em;	
	height:100%;	
}

div#course-facts ul.course-assignments li{
	background-image:none;
	padding-left:0;
	
}


div#last-presentation {
	border-bottom:3px solid #eee;
	padding:1em 0;
}
ul.jump-to {
	display:none;
}
div#facts {
	width:33%;
	float:right;
	border-left:1em solid white;
	margin-bottom:1em;
}
div.facts-overview {
	border:1px solid #ccc;
	background-color:#fff;
}
div#region1 div#facts h2 {
	/*font-size:1em;
	margin:0;
	padding:1em;
	background-color:#eee;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;	
	background-position:center;
	background-repeat:repeat-x;*/
}

div#facts dl {
	margin:0;
	padding:1em;
	border-bottom:1px dotted #ccc;
}
div#facts dl.product-designation {
	border-bottom:none;
}
div#facts dt, div#facts dd {
	margin:0;
	padding:0;
	display:inline;
}
div#register caption {
	display:none;
}
div.toggles ul {
	width:100%;
	height:Auto;
	clear:both;
	float:left;
}
div.toggles ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
div.toggles ul li a {
	display:block;
	float:left;
	margin:0;
	padding:1em;
	background-color:#eee;
	width:auto;
}
form#form-register table {
	clear:both;
	float:left;
	width:auto;
}

div#register form#form-register {
	/*float:left;*/
	width:100%;
}

div#register {
	border:2px solid #ddd;
	padding:1em;
/**/}



div#register table {
	margin-top:0.3em;
	border-collapse:collapse;
	width:100%;
}
div#register table td, div#register table th {
	border-top:1px solid #ccc;
}

div#register table td {
	background-image:none;
}

div#register table td p {
	margin-bottom:0;
}

div#register table td.last {
	border-bottom:1px solid #ccc;
}

div#register-top, div#register-bottom {
	padding:0.5em 0;
	clear:both;
	width:auto;
	/*zoom:1;*/
	margin:0;
}


/*Removed by rho24 12/08/2009*/
/*div#register-top select {
	width:100%;
}*/

/*Added by rho24 06/08/2009*/
div#register-top select optgroup {
  font-weight:normal;
}

div#register-top select optgroup option {
  -moz-padding-start:0;
}

div#register-top label {
	font-weight:bold;
	margin-right:1em;
}

div#student-reviews p {
	background-repeat:no-repeat;
	background-position:bottom right;		
}

div#student-reviews blockquote  {		
	padding-left:25px;	
	background-repeat:no-repeat;
	background-position:0 0.3em;
	font-style:normal;
	margin-left:0;
}


div#course-satisfaction-survey p {
	padding-left:25px;
	background-image:url(icon-info.gif);
	background-repeat:no-repeat;
	background-position:center left;	
}

/*15/02/2010 rs8256 - These only appear when the page is printed.*/
div#register-top label.no-screen, div#register-bottom p.no-screen { 
	display:none;
} 

/*Added 23/07/2010 rs8256. The following 3 styles affect PG and CPD course pages too.*/

div#course-facts-new table th{
	background-image:none;
	background-color:white;
	color:Black;
	border:none;
	padding:0 0 12px 0;
}

div#course-facts-new table td.course-fact{
	font-weight:bold;
}

div#course-facts-new table td.course-fact-name{
	width:120px;
}

/*Added 10/08/2010 rs8256 - facts box that only shows up when printed.*/
div#print-facts-box{
	display:none;
}


/* FINANCIAL SUPPORT FORM
----------------------------------------------------------------- */

form#financial {
   	width:75%;		
}

form#financial fieldset {
   	margin:1em 0;
	padding:1em;
	border:2px solid #CCEFEE;		
}

form#financial legend {
   	font-weight:bold;	
	margin-bottom:0;
	min-height:2em;
}




form#financial label {
	display:block;
	margin-bottom:0.2em;
}

form#financial input.radio {
	float:left;
	margin-right:1em;		
}

form#financial strong.required {
	font-weight:normal;
	font-style:italic;
	font-size:0.9em;
}

form#financial strong.help {
	font-weight:normal;
	display:block;
}

form#financial input:focus,
form#financial textarea:focus {
	background: #FFC;
}

form#financial a.help-link {
	padding:0 0.3em;	
}

form#financial img.help-img {
	vertical-align:text-top;	
}

form#financial p.help-text {
	background-color:#EDF9F9;
	padding:1em;
}


form#financial a:hover {
	background-color:transparent;	
}

form#financial a.help-skip {
	text-indent:-1000em;
	overflow:hidden;
	display:block;
	height:0px;
	visibility:hidden;
}

/* BOOKMARKLET
----------------------------------------------------------------- */

a.addthis_toolbox {
	margin-bottom:2em;
}



/* COMPONENTS
----------------------------------------------------------------- */

div#speak-to-advisor {
    background:transparent url(speak-advisor-lips.gif) no-repeat scroll right top;
    border:2px solid #E8E8E8;
    margin:1.5em 0;
	padding:0 1em;
    width:auto;
	
}

body div#region2 div#speak-to-advisor h2 {
    border:none;
	padding:0;
	
}

/* SUBJECT lIST WIDGET
----------------------------------------------------------------- */


/*    STYLES REQUIRED BY TABBED MENU WIDGET

	  Supplied by G.Carberry				*/

div#region2 div#subjects-list {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 15px 0;
}

div#region2 div#subjects-toggle {
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}



div#region2 div#subjects-toggle ul {
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;
	height:auto;
}

div#region2 div#subjects-toggle ul li {
	background-image:none;
	margin:0 0.5em 0 0;
	padding:0;
	float:left;
	position:relative;
	z-index:1;
}

div#region2 div#subjects-toggle ul li a {
	display:block;
	padding:0;
	margin:0;
	background-image:none;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0.5em 1em;
	/*-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;*/
	background-image:url(images/subjects-list-toggle-item-bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #B8DBFF;
	background-color:#fff;
}

div#region2 div#subjects-toggle ul li a:hover {
	color:#000;
}

div#region2 div#subjects-toggle ul li.selected {
	border-bottom:none;
	background-color:#fff;
}


div#region2 div#subjects-toggle ul li.selected a {
	color:black;	
	background-image:none;
	border-bottom-color:white;
}

div#region2 div.subjects-links {
	border:1px solid #B8DBFF;
	position:relative;
	z-index:0;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0 0 1em 0;
	padding:0;
	top:-1px;
	/*-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;*/
}

div#region2 div.subjects-links ul li {
  border-bottom:1px solid #EEE;
}

div#region2 div.subjects-links ul li.last {
  border-bottom:none;
}


/* ug */

div#region2 div#subjects-undergraduate {
   border:1px solid #C8C866;   
}

div#region2 div#subjects-toggle ul li#toggle-undergraduate a { 
   border:1px solid #C8C866;
   border-bottom-color:#003366; 
   background-color:#C8C866;  
   color:#000; 
   background-image:none;   
}

div#region2 div#subjects-toggle ul li#toggle-undergraduate.selected {
border:1px solid #C8C866;
display:block;
margin:0px;
margin-right:5px;
padding:0.5em 1em;
text-decoration:none;
background-color:#FFFFFF;
border-bottom-color:#FFFFFF;
color:#000000;
}



div#region2 div#subjects-toggle ul li#toggle-undergraduate.selected a { 
   color:#000;
   background-color:#FFF;
   border-bottom-color:#FFF;   
}





/* pg */


div#region2 div#subjects-postgraduate {
   border:1px solid #003366;   
}

div#region2 div#subjects-toggle ul li#toggle-postgraduate a { 
   border:1px solid #003366;
   border-bottom-color:#C8C866; 
   background-color:#003366;  
   color:#FFF; 
   background-image:none;    
}

div#region2 div#subjects-toggle ul li#toggle-postgraduate.selected {
border:1px solid #003366;
display:block;
margin:0px;
margin-right:5px;
padding:0.5em 1em;
text-decoration:none;
background-color:#FFFFFF;
border-bottom-color:#FFFFFF;
color:#000000;
}

div#region2 div#subjects-toggle ul li#toggle-postgraduate.selected a { 
   color:#003399;
   background-color:#FFF;
   border-bottom-color:#FFF;   
}









/* body.ug div#region2 div#subjects-toggle ul li.selected {
	border-bottom:none;
	background-color:#fff;
}

body.ug div#region2 div#subjects-toggle ul li.selected a {
	color:black;	
	background-image:none;
	background-color:#FFF;
	border-bottom-color:white;
}

body.ug div#region2 div.subjects-links,
body.ug div#region2 div#subjects-toggle ul li a {
	border:1px solid #C8C866;
}


body.ug div#region2 div#subjects-toggle ul li.toggle-postgraduate a {
	background-color:#003366;
	color:#FFF;
} */







div#region2 div.subjects-links ul {
	margin:0.5em 1em;

}

div#region2 div.subjects-links ul li {
	background-image:none;
	margin:0;
	padding:0.5em 0;
	/*border-bottom:1px solid #eee;*/
}

div#region2 div.subjects-links ul li.last {
	border-bottom:none;
}

div#region2 div.subjects-links ul li a {
	text-decoration:none;
}

div#region2 div.subjects-links h3 {
	margin:1em;
	font-weight:normal;
	color:black;
}



/* LEARNING OUTCOMES PAGE
----------------------------------------------------------------- */

body.learning-outcomes div#region1 {
	width:100%;
}

/* GENERAL */

body, div#site {max-width:none;}
body {margin:0 20px;}
div#site-header {margin-top:0; padding:0;}
div#region1 h2 {font-size: 1.2em; font-weight:bold; color: #000;  border-top: 3px solid #CCEFEE; padding:.8em 0 0 0; margin:1.8em 0 0 0; }
div#region1 h2 {margin:1em 0;}
div.products ul {margin:1em 0;}
div.subcols {width:100%; height:Auto; float:left; clear:both; margin:0; padding:0;}
div.subcol1 {float:left; width:48%; height:auto; margin:0; padding:0;}
div.subcol2 {float:right; width:48%; height:auto; margin:0; padding:0;}
div#region1 ul li {background-image:none; list-style-type:disc; padding:0; margin-left:1em; list-style-position:outside;}
div#region1 ol li {margin-left:1em;}
div#site-footer {background-image:none;}
div#region0 {display:none;}
div#site-header {margin-bottom:0.3em;}
div#region2 {margin-top:1em;}
div#on-this-page ul li:first-child a {border-left:none;}
div#disclaimer {margin-top:1em;}
a.addthis_button {text-decoration:none;}
a.addthis_button img {margin-right:0.5em;}
body.ug a.to-top:hover, body.pg a.to-top:hover {background-color:transparent; color:#000;}
div#course-satisfaction-survey p {background-position:left 0.2em;}

/* HOMEPAGE */

div#region1 div.teaser {margin: 0 0 2em 0; float:left; clear:both; width:100%; height:Auto;}
div#region1 div.teasers h2 {margin-bottom:0; padding-bottom: 0; margin-left:170px; margin-top:0;} 
div.teasers p {margin-top:0; padding-top:.5em; padding-left: 170px;} 
div.teasers ul {margin:0; list-style:none; padding:0; padding-left: 105px;}
div.teasers ul li {display: inline; background:none; margin:0; padding:0;}
div#region1 div.teasers ul li a {padding: 0 8px 0 0; border-right: 1px solid #ccc; margin-right: 0.7em;  white-space:nowrap; background-image:none;}
div.teasers ul li:last-child a {border-right:none;}
#teaser-explore {
	background-image: url(../images/sidhant.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#teaser-explore1 {
	background-image: url(../images/pratibha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rv {background:url(/img/Manish Jain.JPG) top left no-repeat;}
#teaser-support {
	background-image: url(../images/rathi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#teaser-research {background:url(../images/MATHED_UG-edit.jpg) top left no-repeat;}
#teaser-open-programme {
	background-image: url(../images/archit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#teaser-open-programme1 {
	background-image: url(../images/amitnigam.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#teaser-open-programme2 {
	background-image: url(../images/bashant.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#teaser-open-programme3 {background:url(../images/Mayank.jpg) top left no-repeat;}
#teaser-open-programme4 {background:url(../images/Deepti.jpg) top left no-repeat;}
#teaser-open-programme5 {background:url(../images/Abha.jpg) top left no-repeat;} 
#teaser-open-programme6 {background:url(../images/Mohit_Jaiswal.jpg) top left no-repeat;} 
#teaser-open-programme7 {background:url(../images/Pawan_Raj.jpg) top left no-repeat;} 
#teaser-open-programme8 {background:url(../images/Nishant_Dixit.jpg) top left no-repeat;} 

div.teaser {float:left; clear:both; width:100%;}
div#region1 div.teaser ul li {display:inline;}
div#region1 div.teaser ul li a {float:left;}

div#region1 div.teaser ul li {background-image:none;}

/* QUAL */

body.ug div#region1 div#description h2, body.pg div#region1 div#description h2 {border-top:none; padding-top:0; margin-top:0;}

body.ug div#region1 div#education-aims h2, body.pg div#region1 div#education-aims h2 {border:none;}

a:hover {
background-color:transparent;
color:#B8A7CA;
}

body.ug div#tools ul, body.rils div#tools ul{
border-top:2px solid #C8C866;
}

body.pg div#tools ul{
border-top:2px solid #99ADC2;
}

div#request-print-prospectus {
clear:both;
float:left;
margin-bottom:1.5em;
width:100%;
}

div#request-print-prospectus img {
float:left;
margin:0 10px 10px 0;
}

div#speak-to-advisor h2 {
color:#C10031;
}

div#speak-to-advisor p {
margin-right:100px;
}
div#browse-prospectus 
{
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}


div#course-facts-new
{
	margin-bottom:12px;
}

body.ug div#course-facts-new
{
	border:2px solid #C8C866;
}

body.pg div#course-facts-new
{
	border:2px solid #99ADC2;
}

div#course-facts-new div
{
	margin:0;
	padding:12px 15px;
}

body.ug div#course-facts-new div#set2
{
	border-top: 2px solid #C8C866;
}

body.pg div#course-facts-new div#set2
{
	border-top: 2px solid #99ADC2;
}

div#course-facts-new table
{
	padding:0;
	margin:0;
	max-width:600px;
}

div#course-facts-new td
{
	background:none;
	padding:2px 0;
}

div#course-facts-new dl
{
	margin-bottom:0;
}

div#course-facts-new dt ,div#course-facts-new dd 
{
  display:inline;
  margin:0;
  padding:0;
}

div#course-facts-new dt
{
	font-weight:normal;
}

div#course-facts-new dd
{
	font-weight:bold;
}



table.course-list td.or-grouper
{
	padding:0 40px;
}


body div#region2 h2 {
	padding:1em 0 0 0;
	margin:1em 0;
	background-image:none;	
	border-top:2px solid #CCEFEE;
}

div#region1 ul.no-bullet li, div#region1 ul li.no-bullet {
list-style-type:none;
margin-left:0;
}

div#region1 ul.arrows li, div#region1 div#qualifications ul li, div#region1 div#students-also-studied ul li {
background-image:url(icon-link.gif);
background-position:0 0.2em;
background-repeat:no-repeat;
list-style-type:none;
margin:0.25em 0;
padding:0 0 0 25px;
}

div#region1 ul#setbooks li {
background-image:url(045book_8Bit16x16.gif);
background-position:left 0.2em;
background-repeat:no-repeat;
list-style-type:none;
padding-left:25px;
margin-left:0;
}

div#region1 ul#setdvds li {
background-image:url(053dvdVideo_8Bit16x16.gif);
background-position:left 0.2em;
background-repeat:no-repeat;
list-style-type:none;
padding-left:25px;
margin-left:0;
}

a.to-top 
{
	display:inline;
}

div#disclaimer {font-size:smaller; width:67.8%; margin-top:1.5em; padding-top:0.5em; border-top:1px solid #eee;}

div#region2 div#subjects-list {padding-bottom:0; margin-top:0; padding-top:0;}
div#region2 div#subjects-list h2 {margin-top:0;}
div#region2 h2 {background-image:none;}
div#region2 {margin-top:0;}

h1 {border:1px solid rgb(204, 239, 238);}

div#introduction {margin-top:1em;}

body.ug div#course-facts-new, body.pg div#course-facts-new 
{
	margin-bottom:0;
}

body.ug div#register, body.pg div#register
{
	margin-top:0;
	/*border-top:none;   removed 23/07/2010 rs8256*/
}

body.ug div#region1 div#register h2, body.pg div#region1 div#register h2
{
	display:none;
}

div#register-bottom 
{
	margin:0;
	padding:0;
}

div#speak-to-advisor a
{
	text-decoration:underline;
}

div#courses h3
{
	line-height:inherit;
}

div#region2 div#related-sites a {
text-decoration:underline;
}

.no-js-hide
{
	display:none;
}

a.button:hover {
background-color:#E0E0DB;
}

a.button {
background-color:#F0F0EB;
border-color:#000;
border-style:solid;
border-width:1px;
color:black;
display:block;
margin:0 0 1em;
padding:0.2em 0;
text-align:center;
width:10em;
}


div#link-back p {
border:1px solid #E8E8E8;
color:#464646;
font-size:0.9em;
margin-top:2em;
padding:10px;
}

.italic {
font-style:italic;
}

div#link-equivalent
{
	display:inline-block;
	width:100%;
}

div#link-equivalent div
{
	border:1px solid #CCCCCC;
	padding:1em 1.3em;
}


div#request-print-prospectus {
	float:left;
	background: transparent url(/study/images/prospectus-img-large.gif) no-repeat scroll 100% 0%;
	border: solid 2px #E8E8E8;
	margin: 1em 0px 0px 0px;
	padding: 0px 1em 0px 1em;
	width: 93%;
	max-height:270px;
	min-height:140px;
	display:block;
}

div#prospectus-link-text a
{
	float:left;
	border:none;
	padding:15px 0px;
	color: #C10031;
	margin:0px 0px 0.75em 0px;
	text-decoration:none;
	font-weight:bold;
}