/*

Safe style sheet  These are optional local styles. They are not mandatory for the template to work. Version check number 1.8

*/
/* contents list
Site related:
- Undergraduate prospectus
- Graduate studies prospectus
- Colnos 2 and 3 LH nav FAQ button
- Lecture lists
- Media Production Unit
General:
- Floatbox
- Code text
*/

/* Undergraduate Prospectus Styles */

/* ie pc only \*/*html #content td#rightcontent {font-size: 73%;} /* end hide */
/* ie pc only \*/*html #content td#rightcontent ul li{font-size: 85%;}/* end hide */
/* ie pc only \*/*html #content td#rightcontent ul ul li{font-size: 100%;}/* end hide */

/*/*/
#rightcontent {font-size: 85%;}/* end */
#rightcontent ul li{font-size: 1.2em;}

/* this might need calling as 'box' instead of 'profile'. The id 'profile' set of instructions was deleted and replaced with 'box' under GSP. */
 #rightcol dl#profile dd { 
list-style-position: outside;
	margin-left: -20px;
	/*/*/margin-left: 0.1em;/* End */
		padding-left: 0;
		}
/* end */	
		
.quickinfo {line-height: 12pt; /*/*/line-height: 110%;/* End */ font-size: 12pt; /*/*/font-size: 100%;/* End */}		
.quickinfo strong {color: #2d4b7c;}

.coursetable
	{background-color: #ccc; /*/*/border: 0px; border-right: 3px solid #666; border-top: 3px solid #999;  font-size: 80%; margin-top: 1em; vertical-align: top/* end */;}

/*/*/
.coursetable td, .coursetable th {border-left: 1px; border-bottom: 1px; border-right: 0px; border-top: 0px; border-style: solid; border-color: #999999; border-color: #fff;}/* end */

/*/*/
.coursetable ul li {margin-left: 0.5em;}
.coursetable ol li {margin-left: 0.5em;}
/* end */

/*/*/
.coursetable th
	{color: #fff;
	background-color: #336;
	text-align: left;
	font-weight: bold; padding: 0.25em;}
	
.coursetable .mono {font-size: 150%; font-family: monospace;}
/* end */

.coursetable ul { 
list-style-position: outside;
	margin-left: 0px;
	/*/*/margin-left: 1.5em;/* End */
		padding-left: 0;
		}
/*/*/

.whitecell
	{background-color: #ffffff;
	}
	
.darkcell
	{background-color: #CCCC99;
	}
	
/* end */
/*/*/
#coursetable th {font-weight: normal;}
#coursetable th {border-left: 1px; border-bottom: 1px; border-right: 0px; border-top: 0px; border-style: solid; border-color: #999; padding-left: 3px; padding-right: 2px;}

#coursetable td {border-left: 1px; border-bottom: 1px; border-right: 0px; border-top: 0px; border-style: solid; border-color: #999;}
/* end */



/*Declarations for the  and courses index page links.  Hiding the entire lot from NN4 and other similarly standards-challenged browsers */

/*/*/  
 
.panel
{margin-bottom: 30px; background-color: #e7ecf4; line-height: 1.25em;	float: left; margin-right: 15px; font-size: 96%;}

#panel-container 
{float: left; width: 100%; padding: 0px;
}	

#panel-container div.panel
{width: 29%; }

#panel-container div.subPanel {height: auto; }

.panel li a { color: #0000ff; }
.panel a 	{ text-decoration: none;  }
.panel a:hover { text-decoration: underline; }

div.subPanel {  padding: 3px 3px 0px 3px;}

.bton h3, .bton a { color: #000000;  background-color: #e7ecf4; }
.otow h3, .otow a { color: #000000; background-color: #e7ecf4; }
.pph h3, .pph a { color: #000000; background-color: #e7ecf4; }

.tr {background: url(/local/images/tr.jpg) 100% 0 no-repeat; padding:2px; }
  
   /* end hiding from NN4 et al */





/* end of undergraduate styles */

/* Graduate Studies Styles */
/*/*/
/* #breadcrumb, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb a:hover {font-weight: bold; color: #999;} */
#breadcrumb a:active, #breadcrumb a:hover {font-weight: bold; color: #000066;}
/* end */

.topinfo {font-size: 12pt; background-color: #ffffff;}	
/*/*/
#topinfo
	{font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	background-color: #ffffff;
	}

#topinfo a:link
	{color: #000063;
	text-decoration: underline;
	}
	
#topinfo a:visited
	{color: #000063;
	text-decoration: underline;
	}
#topinfo a:hover 
	{color: #660000;
	text-decoration: underline;
	}
	
#topinfo p
	{color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	}
/* end */	
#topinfo strong
	{color: #333399;}

#topinfo strong a:link
	{color: #000063;
	text-decoration: underline;} 

#topinfo strong a:hover
	{color: #660000;
	text-decoration: underline;}

#topinfo strong a:visited
	{color: #000063;
	text-decoration: underline;}  

#topinfo strong a:active
	{background-color: #ccccff;
	text-decoration: underline;}    

#topinfo em
	{color: #333;
	font-style: normal;
	font-weight: bold;}

#topinfo h4
	{font-size: 10pt;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000066;}
	
#topinfo h4 a:link
	{font-size: 10pt;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000066;
	text-decoration: underline;} 

#rightcol ul li
	{
	list-style-image: url("/images/bullet1.gif");
	margin-bottom: 3px;}

#rightcol li.down
	{list-style-image: url("/images/downbullet.gif");
	margin-bottom: 3px;
	}

#rightcol ul ul li
	{
	margin-bottom: 2px;
	list-style-image: url("/images/bbullet.gif");
	}
	
	.box {
	padding-top: 0px;
	color: #000033;
	font-family: verdana, helvetica, arial, sans-serif;
	border-color: #9999cc;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 5px;
	}
	
.box dl {
	padding: 0px;
	margin-top: 0px;

	}
	

.box dt {
	background-color: #ccc;
	border-color: #000066;
	border-width: 1px;
	padding: 5px;
	margin-top: 0px;
	color: #000066;
	font-weight: bold;
	}
	
.box dd {
	padding-right: 8px;
	}
	
/*/* \*/.box dt {background-image: url(/postgraduate/local/images/profile_strip.jpg); background-repeat: repeat-x;} /* end */

/* makes the same set of instructions for box work on the ugp */

	.ugpbox {
	padding-top: 0px;
	color: #000033;
	font-family: verdana, helvetica, arial, sans-serif;
	border-color: #9999cc;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 5px;
	}
	
.ugpbox dl {
	padding: 0px;
	margin-top: 0px;

	}
	

.ugpbox dt {
	background-color: #ccc;
	border-color: #000066;
	border-width: 1px;
	padding: 5px;
	margin-top: 0px;
	color: #000066;
	font-weight: bold;
	}
	
.ugpbox dd {
	padding-right: 8px;
	}
	
/*/* \*/.ugpbox dt {background-image: url(/local/images/profile_strip.jpg); background-repeat: repeat-x;} /* end */

/* end of box for ugp */

/*/*/ 
.ioffice a {text-decoration: none; font-weight: bold; border: 1px solid red; display: block; text-align: center; color: red; width: 161px; padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 10px;}

 /* end */
/* end of graduate styles */

/* Style for FAQ button */

/*/*/
#questions span {margin-top: 3.0em; display: block; padding: 5px 5px 3px 9px; background-color: #333366; color: #ffffff;  font-size: 85%; border-top: 1px solid #808080; border-bottom: 1px solid #808080; text-decoration: none;}
/* end */

/*/*/
#questions a {margin-top: 3.0em; display: block; padding: 5px 5px 3px 9px; background-color: #333366; color: #ffffff;  font-size: 85%; border-top: 1px solid #808080; border-bottom: 1px solid #808080; text-decoration: none;}
#questions a:hover {background-color: #666699; color: #ffffff;}
#questions a:visited {background-color: #333366; color: #ffffff;}
#questions a:visited:hover {background-color: #666699; color: #ffffff;}
/* end */

/*/*/
#questionshere {margin-top: 3.0em; display: block; padding: 5px 5px 3px 9px; background-color: #666699; color: #ffffff;  font-size: 85%; border-top: 1px solid #808080; border-bottom: 1px solid #808080; text-decoration: none;}
/* end */

/* hides this style from the Colnos1 template where it does not work */
/*/*/
#topmenu #questions a {display: none; visibility: collapse;}
/* end */
/* end of faq button */


/* lecture lists */
/*/*/
.fieldset
	{background-color: #ccc; border: 2px solid #336; font-size: 100%; margin-top: 1em; width: 90%;}

 /* end */
 /*/*/


.fieldset {padding-bottom: 1.5em; line-height: 2.5em;}





.fieldset input, .fieldset select {line-height: normal; padding: 0em;}

.fieldset input {margin: 0em 0em 0em 0em; vertical-align: text-top;}


.fieldset select {vertical-align: text-top; margin: 0em 1em 0em 0em;}

.fieldset legend {font-weight: bold; color: #336; padding-top: 0em;}


.fieldset label {font-size: 90%;}
 /* end */
/*/*/
.fieldset h2 {padding-left: 15px; font-size: 120%; color: #336; font-weight: bold;}

.fieldset h3 {padding-left: 15px; font-size: 110%; color: #336; font-weight: bold;}

.fieldset h4 {padding-left: 15px; color: #336; font-size: 130%; font-weight: normal;}

.fieldset h5 {padding-left: 15px; color: #336; font-size: 120%; font-weight: normal;}

.fieldset h6 {padding-left: 15px; color: #336; font-size: 110%}
 /* end */
 

/* cancels out the fieldset label instructions, so that labels in tables in fieldsets can be styled up with everything else in the table, rather than twice */
/*/*/
.fieldset table label {font-size: 100%;}
/* end */

.fieldset table {background-color: #ccc;}

/*/*/
.fieldset table
	{border: 0px; margin: 0px; line-height: normal; font-size: 80%;}
	
/* end */
/*/*/
.fieldset table
	{border: 0px; margin: 0px; line-height: normal; }
	
/* end */
/*/*/
.fieldset table caption	{color: #336;
	text-align: left;
	font-weight: bold; padding: 0em;}

.fieldset table td {border-right: 2px solid #999; border-top: 2px solid #999; padding: 0.25em 2em 0.25em 0.5em; text-align: left; vertical-align: top;}

.fieldset table th {background-color: #336; border: 2px solid white; color: #fff; padding: 0.25em;}


/* end */
 
/*/*/
#bottomrow ul li{ 
list-style-type: none;
	margin-left: -20px;
	/*/*/margin-left: 1em;/* End */
		padding-left: 0;
		}

#bottomrow ul li
	{list-style-image: url("/images/bullet1.gif");
	margin-bottom: 3px;}


/* end */

/* end of lecture lists */

/* media production unit */

/*/*/
.left {border: 1px solid gray;  width: 92%; padding-bottom: 2em;}
p.left {padding-top: 1em; padding-right: 1em;}
.left img {padding-right: 1em; float: left;}
.right {border: 1px solid gray;  width: 92%; padding-bottom: 2em;}
p.right {padding-top: 1em; padding-left: 1em;}
.right img {padding-left: 1em; float: right;}

.sitename {font-weight: bold; color: #999;}
#righthandlinks p a{color: #000063;}
#righthandlinks em {font-style: normal;}
#righthandlinks a {color: #000063; font-size: 110%}
#righthandlinks p {font-weight: bold; font-size: 100%;}
/* end */




.captionright250
 {	color: #666699;
 	font-size: 9pt;
 	padding-bottom: 2px;
 	/*/*/font-size: 80%;
 	float: right;
 	padding-left: 5px;
 	width: 250px;/* End */
 	}


/* Places using a floatbox, like IT at Oxford, MPU, UGP homepage (taken from VC's website) */

/*/*/
#rightcol .floatbox dt {font-size: 100%; border-top: 0px; border-bottom:
1px; border-left: 0px; border-right: 0px;
border-style: solid;
border-color: #808080;
font-weight: bold;
padding-top: 4px;
padding-left: 8px;
padding-bottom: 4px;}

dl.floatbox {margin-bottom: 10px;}
.maincontent ul {padding-bottom: 8px;}

#rightcol .floatbox dt a:link, #rightcol .floatbox dt a:visited {color:
#333333;
    text-decoration: none;}

#rightcol .floatbox dt a:hover {color: #333333;
    text-decoration: underline;}

#rightcol .floatbox dd {padding-top: 5px; margin-top: 0px; padding-bottom:
5px; margin-bottom: 2px;}
#rightcol .floatbox dd ul {padding-top: 0px; margin-top: 0px;
padding-bottom: 0px; margin-bottom: 0px;}

#rightcol .floatbox dt.blue {background-color: #CCCCFF; color: #333333;}
#rightcol .floatbox .yellow {background-color: #FFFFCC; color: #333333;}
#rightcol .floatbox dt.red {background-color: #FFCCCC; color: #333333;}
#rightcol .floatbox dt.green {background-color: #ccffcc; color: #333333;}
.floatbox {
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;}
/* end of float box */
 .abullet  {
   margin-top : 1px;
   padding-left : 12px;
   background : #FFFFFF url("../images/abullet.gif") no-repeat;}
   
 .abulletspace  {
   margin-top : 1px;
   /*/*/ 
   margin-bottom : 10px;
   /* End */
   padding-left : 12px;
   background : #FFFFFF url("../images/abullet.gif") no-repeat;}
   
.downbullet  {
   margin-top : 1px;
   padding-left : 12px;
   background : #FFFFFF url("../images/dbullet.gif") no-repeat;}
   
.downbulletspace  {
   margin-top : 1px;
   /*/*/ 
   margin-bottom : 10px;
   /* End */
   padding-left : 12px;
   background : #FFFFFF url("../images/downbullet.gif") no-repeat;}
   
.bbullet  {
   padding-left : 8px;
   color: #000066;
   background : #Ffffff url("../images/bbullet.gif") no-repeat;}
   
   
.wordbullet  {
   margin-top : 1px;
   padding-left : 18px;
   background : #FFFFFF url("../images/wordbullet.gif") no-repeat;}
   
p.back2top
	{margin-top : 1px;
	padding-left : 12px;
	background : url("../images/upbullet.gif") no-repeat;
	color: #999999;
	background-color: #ffffff;
	/*/*/background-color: transparent;/* end */
	}
	
p.back2top a:link
	{color: #333366;
	text-decoration: none;
	}
p.back2top a:visited
	{color: #666666;
	text-decoration: none;
	}
	
p.back2top a:hover
	{color: #333366;
	text-decoration: underline;
	}
	
p.back2top a:visited:hover
	{color: #333366;
	text-decoration: underline;
	}
shadedboxbullet  {
   padding-left : 8px;
   color: #000066;
   background : #Ffffcc url("../images/cbullet.gif") no-repeat;}
   
.bbulletshade  {
   padding-left : 8px;
   color: #000000;
   background : #ffcccc url("../images/bbullet.gif") no-repeat;}
   

/* increases the browser default size for code text */
code {font-size: 120%;}

/* end */