/*

Safe style sheet for University of Oxford Admin pages
Original created by Tom James, 10 July 2001
Update for XHTML Strict 1.0 by Philippa Vereker, December 2004, incorporating CSS-P compliant browser styles
Further updates for XHTML 1.0 Strict by Trevor Barton, July 2005.
For use with template version 6.5
This style sheet will be used for non CSS-P compliant and CSS-P compliant browsers
Commenting up by TB 2005.
*/

/* table of contents:
- basic global styles
- shortcut optional styles
- Headers
- Tables
- Page nitty gritty
- print stylesheet related
- breadcrumb
- footer
- search
- left hand navigation bar (where that is used)
- CSS Positioning instructions. There are three templates. Colnos1 (one column) to Colnos 3 (three column). The instructions are sequential.
- some random stuff


*/

/* Some basic global styles */

body
	{color: #000066;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}
/*/*/body {font-family: verdana, helvetica, arial, sans-serif; 
font-size: 90%;}/* end */

th, td
	{text-align: left;
	vertical-align: top;
	}

/* these ul defaults get overwritten with instructions further down for modern browsers */
ul
	{list-style-type: disc;}
ul ul
	{list-style-type: circle;}
ul ul ul
	{list-style-type: square;}

img {border: 0px;
color: #ffffff}

#layout {width: 100%;}

/* This image is necessary to make the navigation bar colour run the full length of the page in CSS-P. It only loads once on the client side. */

/*/*/#layout {background-image: url(http://www.admin.ox.ac.uk/graphics/bluebg.gif);
	background-repeat: repeat-y;}/* end */
	
/* this makes sure that acronyms are styled up in IE */
abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
    
	
/* some shortcut ways of calling some styles for content follow, which you may use if you like, but you might prefer to put this sort of thing in your local stylesheet */

 /*/*/ .floatright {float: right;
 	padding-left: 5px; padding-right: 5px;}
/* End */

/*/*/.floatleft {float: left;
	padding-right: 5px;}
/* End */

.textcenter {
	text-align: center;
		}
	
.textright {
	text-align: right;
		}	

.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.smallprint {font-size: 90%; }
.largeprint {font-size: 140%; }

.inline {display: inline;}

#coursetable
	{background-color: #FFFFCC;}
	
#shadycell {background-color: #FFFFCC;}

/* I really don't think people use these. Anyway, it's better practice to create a new local stylesheet declaration determining the behaviour of a singular class or id than call global shortcuts like these
.width10
	{width: 10%;}
.width20
	{width: 20%;}
.width30
	{width: 30%;}
.width40
	{width: 40%;}
.width50
	{width: 50%;}
.width60
	{width: 60%;}
.width70
	{width: 70%;}
.width80
	{width: 80%;}
.width90
	{width: 90%;}
.width100
	{width: 100%;}
	
	*/

/* Global header text behaviour */

h1, h2, h3, h4, h5, h6
	{color: #000066;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	font-weight: normal;}

/* Header sizes for old browsers and then new browsers */
h1
	{font-size: 18pt;
	/*/*/font-size: 200%;/* end */}

h2
	{
	font-size: 16pt;
	/*/*/font-size: 160%;/* end */}

h3
	{font-size: 14pt;
	/*/*/font-size: 140%;/* end */}

h4
	{font-size: 13pt;
	font-weight: bold;
	/*/*/font-size: 130%;/* end */}

h5
	{font-size: 12pt;
	font-weight: bold;
	/*/*/font-size: 120%;/* end */}

h6
	{font-size: 12pt;
	font-weight: normal;
	/*/*/font-size: 120%;/* end */}

/* Table behaviour */	
/*/*/
th, td {font-size: x-small;}

head:first-child+body td, head:first-child+body th {font-size: 100%;
	}/* end */

.textcenter table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}


/* don't get confused. In the below set of declarations, colnos means a class (for tables) called 'colnos' and originates as a short name for college numbers */
	
.colnos td, th {border: 1px solid #dadce3;}
.colnos th {background-color: #dadce3;}
.colnostotal {background-color:#2d4b7c; color: #ffffff;}
.colnostotal th {background-color:#2d4b7c; color: #ffffff;}

 .shadycell {background-color: #ebedf4;}

/* nitty gritty page styles */

#rightcol li.topage
	{list-style-position: outside;
	list-style-image: url("/common/images/abullet.gif");}

#rightcol li.inpage
	{list-style-position: outside;
	list-style-image: url("/common/images/downbullet.gif");}

/* deprecated style here:
#rightcol li.goldball
	{list-style-position: outside;
	list-style-image: url("http://www.ox.ac.uk/i/goldball.gif");} */

p.back2top
	{margin-top : 1px;
	padding-left : 12px;
	background : url("/common/images/upbullet.gif") no-repeat;
	color: #999;
	background-color: #fff;
	/*/*/background-color: transparent;/* end */
	}
	
p.back2top a:link
	{color: #333366;
	text-decoration: none;
	}
p.back2top a:visited
	{color: #666;
	text-decoration: none;
	}
	
p.back2top a:hover, p.back2top a:focus, p.back2top a:visited:hover
	{color: #333366;
	text-decoration: underline;
	}
	
caption	{
	text-align: left;
	color: #000066;
	font-weight: bold;
	margin-top: 2pt;
	margin-bottom: 0.5pt;
	}

/* I don't know where this is called */
#content {clear: both;}

/* related to the print style sheet, or hiding things for normal on-screen use that switch back on when the page is viewed as text-only */
.printonly
	{display: inline; /*/*/display: none;/* End */}

/* the intention here is that in the print style sheet this next declaration is set to 'inline' so the object is switched on. This still needs testing in the print stylesheet. */

/*/*/.hidden {display: none;} /* end */

/* This controls the breadcrumb trail appearance */

#breadcrumb
	{font-weight: bold;
	color: #000066;}
	
#rightcol #breadcrumb { padding-bottom: 8px; padding-top: 0.5em;}


#rightcol #breadcrumb ul {margin-left: -20px; /*/*/margin-left: 0px; padding-left: 0px; display: inline;/* end */}

#rightcol  #breadcrumb ul li {display: inline; /*/*//*/ 
  display : none;
  /* */}

#breadcrumb a:link, .sitename a:visited
	{color: #000066;
	font-weight: bold;
	text-decoration: none;}

#breadcrumb a:hover
	{color: #990000;
	font-weight: bold;
	text-decoration: underline;}
	
	#breadcrumb a:focus
	{color: #990000;
	font-weight: normal;
	text-decoration: none;}

/*/*/.ruleh1 {border-bottom: 2px; border-top: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-color: #000066; padding-top: 3px; padding-bottom: 2px;}
		
.ruleh1 hr {display: none;}/* end */

/* End of breadcrumb trail instructions */
	
/* I think all of these should be deprecated
.smallfont
	{font-size: 8.5pt;
	font-family: verdana, helvetica, arial, sans-serif;
	line-height: 9pt;
	color: #666666;}

.largefont
	{font-size: 12.5pt;
	font-family: verdana, helvetica, arial, sans-serif;}

.pictext
	{font-size: 9pt;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	color: #000066;}
	*/
	

/* Footer area instructions - there are two footer includes */

/*/*/.rule { border-bottom: 1px; border-top: 0px; border-left: 0px; border-right: 0px;
		border-style: solid; border-color: #000066; padding-top: 3px; padding-bottom: 2px;}
		
.rule hr {display: none; clear: both;}/* end */

#layout #footer
	{position: relative; /*/*/margin-left: 150px;
	padding-left: 20px; margin-right: 10px;/* end */
	font-size: 9pt;
	/*/*/font-size: 85%;/* end */
	color: #808080;
	background-color: #ffffff;
	}
	
#footer a:link {text-decoration: none;}
#footer a:hover, a:focus {text-decoration: underline;}	

#footer a:link.navlink, #footer a:hover.navlink, #footer a:visited.navlink, #footer a:focus.navlink   
	{color: #ffffff;
	background-color: #ffffff;}
	
#footer {clear: both; font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9pt;
	/*/*/font-size: 85%;/* end */
	color: #808080;
	background-color: #ffffff;
	margin-left: 0px; padding-left: 10px;
	padding-right: 20px;}
	
#footer2 a:link {text-decoration: none;}
#footer a:hover, a:focus {text-decoration: underline;}	

#footer a:link.navlink, #footer2 a:hover.navlink, #footer2 a:visited.navlink, #footer2 a:focus.navlink  
	{color: #ffffff;
	background-color: #ffffff;}

/* end of footer area instructions */

/* think this is deprecated - it was for newer browsers only 
.floatforsearch {width: 80%; float: left;}/* end */

/* instructions for the search function area */

.searchbox {text-align: left; /*/*/float: right; text-align: right;/* end */  padding-top: 2px; margin-top: 0px; vertical-align: top;
font-size: 9pt;
/*/*/font-size: 80%;/* end */
}

.searchbox fieldset {/*/*/display: inline;/* end */ vertical-align: top;
border: 0px;  padding: 0px; padding-top: 2px; padding-bottom: 2px; margin: 0px; text-align: left; /*/*/float: right;/* end */ color: #000000;}

.searchbox fieldset legend {display: block; /*/*/display: inline; float: left;/* end */ }
.input {clear: both;}
.searchbox fieldset legend img {/*/*/display: inline;/* end */}

/*/*/#layout #search {position: absolute; right: 20px; top: 0;}
#layout #search .searchbox fieldset {color: #000066;}/* end */

/* The following instructions for the search box were to make the 'back to top' link invisible to normal on-screen use, but visible for users viewing the page in text-only. It has been replaced by a class called 'hidden' which hides the link completely on-screen, but reveals it when in text-only view (see above)
#layout #search a:link.navlink, #layout  #search a:hover.navlink, #layout #search a:visited.navlink, #layout  #search a:focus.navlink  
	{color: #ffffff;
	background-color: #ffffff;}

*/
/*/*/#search .searchbox {margin: 0px; padding: 0px; vertical-align: top;}
#search .searchbox fieldset {margin: 0px; padding: 0px; color: #ffffff;}

#search {position: absolute; top: 0; right: 10px;}
#search .navlink {background-color: #000066; color: #000066;}	/* end */

/*/*/ #advsearch {padding-right: 38px;} 
#advsearch2 a:link, #advsearch2 a:active, #advsearch2 a:hover, #advsearch2 a:visited, #advsearch2 a:focus {color: #fff;}

/* end */

/* end of instructions for search function area */

/* this is most-likely homepage specific, and should either be moved into the homepage local stylesheet, or dropped

.vam {vertical-align: middle;}
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}

*/





/* the following styling is for the left hand navigation bar in colnos2 and colnos3 templates. It was rewritten from scratch, so there is no pre-XHTML legacy in this chunk */

/*/*/#leftcol
	{position: absolute;
	width: 150px;
	margin: 0;
	top: 0;
	left: 0;
	/*/*/background-color: #000066; /* end *//*/*/
	color: #ffffff;
	z-index:10; /* end */}
	
#leftcol #unilogo {text-align: center;  padding-top: 5px; padding-bottom: 0px; margin: 0px; }


#leftcol #unilogo img {width: 90px; height: 107px; display: none; /*/*/display: inline;/* End */ }
	
#leftcol #physicslogo {text-align: center;  padding-top: 0px; padding-bottom: 0px; margin: 0px; }

#leftcol #physicslogo img {width: 150px; height: 90px; display: none; /*/*/display: inline;/* End */ }

/*/*/#lhnavbar {font-size: 100%; font-weight: bold; }/* end */

/* note to be careful. The list_title element is set to display inline in the Colnos1 template. Whatever selectors are added here must be mirrored in the colnos1 template instructions for topmenu */
/*/*/.list_title1, .list_title2, .list_title3, .list_title4, .list_title5 {padding-left: 5px; padding-top: 2px; font-size: 90%; display: block; border-top: 2px solid #E9EFF2; border-left: 0px solid #E9EFF2;padding-bottom: 3px; border-bottom: 2px solid #383B43; border-right: 0px solid #383B43; color: #eeffbb;} /* end */

/* if you want to change these colours, you can override this next bit in your local stylesheet, but don't go for anything whacky. Choose just one of these shades for example: #8099B3, #607794, #608794, #609794, #609774  */

/*/*/
.list_title1 {background-color: #607794;}

.list_title2 {background-color: #607794;}

.list_title3 {background-color: #607794;}

.list_title4 {background-color: #607794;}

.list_title5 {background-color: #607794;} /* end */


#lhnavbar ul
	{list-style-type: square;
		margin-left: -20px;
	/*/*/margin-left: 0px;/* End */
		padding: 0px;
		margin: 0px;
/*/*/width: auto; /* end */
	}	
	
	/*/*/ #lhnavbar ul {list-style-type: none;} /* end */

#lhnavbar li {margin: 0; padding: 0;}

#lhnavbar ul a {/*/*/text-decoration: none;  display: block;/* end */ padding: 5px 5px 3px 9px; /*/*/background-color: #000066; color: #ffffff;/* End */ border-top: 0px solid #808080; border-bottom: 1px solid #808080; font-size: 85%;}

/* ie pc only \*/*html #lhnavbar ul a {margin-bottom: -16px;} /* end hide */

#lhnavbar a:hover, #lhnavbar a:active /*/*/{background-color: #ccccff; color: #000066; text-decoration: none;} /* end */

#lhnavbar a:focus /*/*/{background-color: #ccccff; color: #000066; text-decoration: none;}

 /* end */

#lhnavbar ul .here {display: block; background-color: #333399; color: #ffffff; text-decoration: none; padding: 5px 5px 3px 9px; font-size: 85%; border-bottom: 1px solid #808080; /* border-top: 0.5px solid #808080;*/ }

/*/*/#lhnavbar a:visited {color: #ccccff; background-color: #000066;}/* end */

/*/*/#lhnavbar a:visited:hover {background-color: #ccccff; color: #000066; text-decoration: none;}

#lhnavbar li a:visited.lhlink, #lhnavbar li a:link.lhlink {
		background-color: #333399;
		color: #ffffff;}
/* End */
	
/* for address information in the lh navigation */

/*/*/#leftcol p {font-size: 85%; padding-top: 3em; padding-left: 7px; padding-right: 5px; padding-bottom: 5px; color: #cccccc; font-weight: normal; border-bottom: 1px solid #808080;} /* end */

#leftcol p a {text-decoration: none; font-weight: normal; /*/*/color: #cccccc;/* end */} 

/* hides the address information in the navigation bar on the Colnos1 template */

/*/*/#topmenu p {display: none;} /* end */
	
/* end of styling for left hand navigation bar */

/* CSS Positioning and core template instructions - the meaty stuff */

/* Colnos1 template  */

/*/*/#toprow 
	{
	height: 80px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin: 0px;
	color: #ffffff;
	background-color: #000066;
	width: auto;
	}
	
#topmenu 
	{position: absolute;
	top: 80px;
	right: 15px;
	margin-right: -15px;
	display: block;
  list-style: none;
  text-align: left;
  background-color: #ccccff;
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
  border-color: #000066;
  width: 100%;
    padding-left: 10px; font-size: 90%;}

/* unfortunately you have to write out separate instructions for each of this next lot. If you bunch them together, the declarations don't work */

#topmenu .list_title1 {list-style: none; display: inline; border: none; background-color: #ccccff; padding: 0px; font-size: 90%; font-weight: bold; color: #000066; text-transform: uppercase;}

#topmenu .list_title2 {list-style: none; display: inline; border: none; background-color: #ccccff; padding: 0px; font-size: 90%; font-weight: bold; color: #000066; text-transform: uppercase;}

#topmenu .list_title3 {list-style: none; display: inline; border: none; background-color: #ccccff; padding: 0px; font-size: 90%; font-weight: bold; color: #000066; text-transform: uppercase;}

#topmenu .list_title4 {list-style: none; display: inline; border: none; background-color: #ccccff; padding: 0px; font-size: 90%; font-weight: bold; color: #000066; text-transform: uppercase;}

#topmenu .list_title5 {list-style: none; display: inline; border: none; background-color: #ccccff; padding: 0px; font-size: 90%; font-weight: bold; color: #000066; text-transform: uppercase;}

#topmenu ul {margin: 0px; 
	padding: 0px;
	display: inline;
	} 

#topmenu li {
	list-style: none;
	display: inline;
	margin: 0px;
	font-weight: bold;
	}

#topmenu a {border-right: 1px solid #000066;
padding:  0px 4px 0px 4px; font-weight: normal;}
	
		
#topmenu ul li.here {
	
	padding: 0px 4px 0px 4px;
	list-style: none;
	display: inline;
	color: #666;
	}
	
#topmenu li a { margin: 0px;}
	
		
#topmenu a:link
	{text-decoration: none;
	color: #000066;
	background-color: #ccccff;
	text-decoration: underline;}

	
#topmenu a:visited
	{text-decoration: underline;

		
	color: #000066;
	background-color: #ccccff;
	}

#topmenu a:active

	{text-decoration: underline;
	color: #ffcc00;
	background-color: #000066;}

#topmenu a:hover, a:focus
	{text-decoration: underline;
	color: #0000FF;
}
	
#toprow #unilogo {text-align: left;  padding-top: 0px; padding-left: 5px; margin-top: 0px; float: left;}
#toprow #unilogo a:link.navlink, #toprow #unilogo a:visited.navlink , #toprow #unilogo a:hover.navlink, #toprow #unilogo a:focus.navlink {color: #000066;}
#toprow #unilogo img.noprint {display: none; /*/*/display: inline;/* End */ }

 /*/*/	#bottomrow 
	{margin-top: 40px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	color: #000000;
	}
/* end */

#bottomrow {clear: both;}
#bottomrow h1  {margin-top: 70px;}
#bottomrow .content {padding-left: 10px; padding-right: 8px;}

/*/*/#bottomrow #breadcrumb {padding-top: 4px; padding-bottom: 10px;}/* end */
/*/*/#bottomrow #breadcrumb ul, #bottomrow #breadcrumb ul li {margin-left: 0px; padding-left: 0px; display: inline;}/* end */


#bottomrow ul, #bottomrow dd { 
list-style-position: outside;
	margin-left: -20px;
	/*/*/margin-left: 1.5em;/* End */
		padding-left: 0;
		}
		
#bottomrow ul li
	{list-style-image: url(/common/images/bullet3.gif);
	margin-bottom: 3px;}
	
#bottomrow ul ul li
	{list-style-image: url(/common/images/bullet1.gif);
	margin-bottom: 3px;}


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

/* end */


/* For Colnos 2 and Colnos 3 */

/*/*/#rightcol
	{margin-top: 70px;
	margin-left: 150px;
	padding-left: 20px;
	padding-right: 20px;

	}/* end */

#rightcol ul, #rightcol dd { 
list-style-position: outside;
	margin-left: -20px;
	/*/*/margin-left: 1.5em;/* End */
		padding-left: 0;
		}
				
#rightcol ul li
	{list-style-image: url(/common/images/bullet1.gif);
	margin-bottom: 3px;}
	
#rightcol ul 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 hr {width: 100%;}
#rightcol a:link.navlink, #rightcol a:hover.navlink, #rightcol a:visited.navlink, #rightcol a:focus.navlink   
	{color: #ffffff;
	background-color: #ffffff;}


/* think this should be deprecated 
#optional {vertical-align: top;}
*/
	
/* right template only */

/*/*/ 
#content td, table#content td  {margin: 0px; padding: 0px;}
#leftcontent {width: 75%;}
#rightcontent {width: 20%;}
#rightcontent img {padding-left: 10px;}
/* end */


/* end of the meaty stuff */


/* some random stuff - don't know where it's used */
.captionright
 {	color: #666699;
 	font-size: 9pt;
 	padding-bottom: 2px;
 	/*/*/font-size: 80%;
 	float: right;
 	padding-left: 5px;
 	width: 200px;/* End */
 	}
 	
 	
/* end of random stuff */
/* end of style sheet */