/*

Screen style sheet for University of Oxford Admin pages
Created by Tom James, 10 July 2001
Last modified by Ruth Mason, 13 January 2004
This style sheet will be used for CSS-P compliant browsers

*/

body
	{font-family: verdana, helvetica, arial, sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 80%;
	padding: 0;
	margin: 0;
	background-image: url(bluebg.gif);
	background-repeat: repeat-y;}

#alternative /* for removing the vertical blue bar in the menuless template and adding a horizontal blue bar in its place. A replacement background image is called in and repeated to overide the main template default. */
	
	{padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	background-image: url(topbar.gif);
	background-repeat: repeat-x;
	} 

h1, h2, h3, h4, h5, h6
	{font-family: helvetica, arial, sans-serif;
	color: #000066;
	}

h1
	{font-size: 200%;
        }

h2
	{font-size: 160%;
        }


h3	{font-size: 140%;
	}

h4	{font-size: 130%;
	font-weight: bold;
	}

h5	{font-size: 120%;
	font-weight: bold;
	}

h6	{font-size: 120%;
	font-weight: normal;
	}


hr
	{color: #000066;
	background-color: #ffffff;} /* Works in IE only */

th, td
	{text-align: left;
	vertical-align: top;
	font-size: 80%;}

ul
	{list-style-type: disc;}

ul ul
	{list-style-type: circle;}

ul ul ul
	{list-style-type: square;}

ul.topage
	{list-style-position: outside;
	list-style-image: url("abullet.gif");}

ul.inpage
	{list-style-position: outside;
	list-style-image: url("downbullet.gif");}

p.back2top
	{margin-top : 1px;
	padding-left : 12px;
	background : url("upbullet.gif") no-repeat;
	background-color: #ffffff;
	background-color: transparent;}

caption {
	font-size: 100%;
	text-align: left;
 	color: #000066;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.4em;
	}
	

a:visited
	{color: #663366;
	}

a:active
	{color: #990000;
	}

a:hover
	{color: #990000;
	}

.printonly
	{display: none;}

.sitename
	{color: #000066;
	background-color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.2em;}

.sitename a:link, .sitename a:visited
	{color: #000066;
	background-color: #ffffff;
	text-decoration: none;}

.sitename a:hover
	{text-decoration: underline;
	color: #990000;}

.smallfont
	{font-size: 80%;
	font-family: verdana, helvetica, arial, sans-serif;
	line-height: 9pt;
	color: #666666;}

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

.pictext
	{font-size: 95%;
	font-style: italic;
	color: #000066;}

#topmenu  /* alternative template only */
	{margin-top: 15px;
	background-color: #000066;
	color: #ffffff;}


#topmenu a:link
	{text-decoration: none;
	color: #ffffff;
	background-color: #000066;
	}

#topmenu a:visited
	{text-decoration: none;
	color: #ccccff;
	background-color: #000066;
	}

#topmenu a:active
	{text-decoration: none;
	color: #ffcc00;
	background-color: #000066;}

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

#toprow /* alternative template only */
	{padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	height: 105px;
	color: #ffffff;
	}

#bottomrow /* alternative template only */
	{top: 105px;
	left: 0;
	padding-left: 8px;
	padding-right: 0px;
	color: #000000;}

#leftcol
	{position: absolute;
	width: 150px;
	margin: 0;
	top: 0;
	left: 0;
	background-color: #000066;
	color: #ffffff;}

#sidemenu
	{padding: 10px;} 	

#leftcol ul
	{list-style-position: outside;
	margin-left: 10px;
	list-style-image: url(goldbul.gif);}

#leftcol hr
	{color:  #ff9900;
	background-color: #000066;} /* Works in IE only */

#leftcol a:link
	{text-decoration: none;
	color: #ffffff;
	background-color: #000066;
	font-weight: bold;}

#leftcol a:visited
	{text-decoration: none;
	color: #ccccff;
	background-color: #000066;
	font-weight: bold;}

#leftcol a:active
	{text-decoration: none;
	color: #ffcc00;
	background-color: #000066;}

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

#rightcol
	{margin-left: 150px;
	padding-left: 20px;
	padding-right: 20px;}



#breadcrumb
	{font-weight: bold;}

#footer
	{font-size: 80%;
	color: #808080;
	background-color: #ffffff;}




/* expandable list with alternate switch symbol */

ul.altsym {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

ul.altsym ul {
    display: none;
    margin: 0;
    padding-left: 15px;
}

ul.altsym li {
    list-style-type: none;
    position: relative;
    width: 100%;
}

  ul.altsym a {
    border: 1px solid #ffffff;
/*    color: #000066; */
  /*  display: block; */
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
  /*  width: 100%; */
}

 html>body ul.altsym a { width: auto; } /* hidden from Win/IE */

ul.altsym a:hover {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

ul.altsym a.switch {
    background: transparent url(/template_files/arrows.gif) no-repeat top left;
    border: none;
    height: 10px;
    left: -16px;
    line-height: 0px; /* Win/IE needs this for some reason */
    margin: 0;
    padding: 0;
    text-indent: -500px;
    top: 0.7ex;
    position: absolute;
    width: 10px;
}

ul.altsym a.switch:hover {
    background-color: transparent;
    border: none;
}

ul.altsym a.on { background-position: bottom left; }
ul.altsym a.off { background-position: top left; }

/* Box-model hacks for Win/IE 5.5 \*/
* html ul.altsym { width: 402px; w\idth: 477px; }
* html ul.altsym a { margin-left: 0px; ma\rgin-left: 17px; }
* html ul.altsym a.switch { left: -11px; lef\t: 6px; }
/* end hacks */ 

#maincontent .submitLink {
   cursor: pointer;
   cursor: hand;
color: #00f;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
  }