/*

Safe style sheet for University of Oxford Admissions pages
Created by Neil Wood, 9 March 2005 
Last modified by Trevor Barton 17 March 2006
This style sheet is readable by CSS-P and non CSS-P compliant browsers
Originally created for Undergraduate Admissions site. 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 */

/* 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 colleges 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; }

div.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(/common/images/bullet1.gif);
	margin-bottom: 3px;}

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

#rightcol ul ul li
	{
	margin-bottom: 2px;
	list-style-image: url(/common/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(/common/images/bullet1.gif);
	margin-bottom: 3px;}


/* end */

/* end of lecture lists */

/* media production unit */

/*/*/
.left {min-height: 50px; 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 */

/* 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 */


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


.clearboth {clear: both; padding-top: 1em; }


/*need captions for images!*/
.new_caption
 {	color: #666699;
 	font-size: 9pt;
 	/*/*/font-size: 80%;
 	}


/*home page hacks*/
.left {background-color: #e7ecf4;}

.ugradtitle1 {font-size: 50%; font-weight: bold;}
.ugradtitle2 {font-size: 80%;}
.ugradtitle3 {font-size: 80%; font-weight: bold; color: #999;}

.ugradtitle1 {display: inline; visibility: visible; /*/*/ display: none; visibility: collapse; /* end */}

.ioffice a {text-decoration: none; font-weight: bold; border: 1px solid #000066; background-color: #e7ecf4; display: block; text-align: center; color: #333399; width: 161px; padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 0px; width: 100%;}


div.admissionsi {border-width: 1px 1px 0px 1px; border-style: solid; border-color: black; padding: 0.5em;}

.admissionsi h2 {padding: 0.1em 0.25em 0.1em 0.25em; background-color: #990000; color: #fff; font-size: 130%; text-align: left;}

.admissionsi p {padding-left: 0.25em;}


.news {border: 1px solid black; padding: 0.5em;}

.news h2 {padding: 0.1em 0.25em 0.1em 0.25em; background-color: #990000; color: #fff; font-size: 130%; text-align: left;}

.news p {padding-left: 0.25em;}

div.internationals {border-width: 1px; border-style: solid; border-color: black; padding: 0.25em; margin-bottom: 1em; text-align: center; background-color:#ffffcc;}

.internationals a{text-decoration: none; padding: 0.5em; font-weight: bold; color:#333366; }

.quals {
	font-size: 110%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 4px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
.quals td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
}


/* end */

/*Some new buttons*/
div.buttons {border-width: 1px; border-style: solid; border-color: black; padding: 0.25em; margin-bottom: 1em; text-align: left; background-color:#ffffcc;}

.buttons a{text-decoration: none; padding: 0.5em; font-weight: bold; color:#333366; }


div.buttons2 {border-width: 1px; border-style: solid; border-color: black; padding: 0.25em; margin-bottom: 1em; text-align: left; background-color:#ffccff;}

.buttons2 a{text-decoration: none; padding: 0.5em; font-weight: bold; color:#333366; }

div.buttons3 {border-width: 1px; border-style: solid; border-color: black; padding: 0.25em; margin-bottom: 1em; text-align: left; background-color:#ccffcc;}

.buttons3 a{text-decoration: none; padding: 0.5em; font-weight: bold; color:#333366; }

div.buttons4 {border-width: 1px; border-style: solid; border-color: black; padding: 0.25em; margin-bottom: 1em; text-align: left; background-color:#ccccff;}

.buttons4 a{text-decoration: none; padding: 0.5em; font-weight: bold; color:#333366; }

/*styles for podcasts page*/

.podcasts {background-color: #ff9100; clear: left; width: 100%;
                  color: #000000; margin-bottom: 10px;}
.podcasts2 {background-color: #ff9100; clear: left; width: 100%;
                  color: #000000; margin-bottom: 10px;}

.mp3table {clear: left;
				  
				  margin-top: 10px;
				  
				  }
				  
	
.podcasttitle {font-size: 105%; }
	.podcasttitle a {color: #000000;}
.podcasttitle a:hover {text-decoration: none; }
	
	
.t {background: url(/local/images/podcasts/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(/local/images/podcasts/dot.gif) 0 100% repeat-x;}
.l {background: url(/local/images/podcasts/dot.gif) 0 0 repeat-y;}
.r {background: url(/local/images/podcasts/dot.gif) 100% 0 repeat-y;}
.bl {background: url(/local/images/podcasts/bl.gif) 0 100% no-repeat;}
.br {background: url(/local/images/podcasts/br.gif) 100% 100% no-repeat;}
.tl {background: url(/local/images/podcasts/tl.gif) 0 0 no-repeat;}
.trpod {background: url(/local/images/podcasts/tr.gif) 100% 0 no-repeat; padding:10px;}


.biography {clear: both; margin-bottom: 20px;}
.biogpic {float:left; margin-bottom: 15px; padding-right: 10px;}

/* end */