/*
	School of Mathematics screen CSS. Developed by Hykel Hosni, this version 14/07/06
	TOC:
 	Main tags
 	Sidebar and Main body of the page
 	Lists
 	Custom classes (sorted alphabetically)
 	Staff list table
 	Eprints
*/

/* Main tags*/

body{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size: 83%;	margin: 0 0 0 88px;	padding: 0 0 0 0px;
	 background:  url(logo_left.gif) no-repeat 6px 44px;
	 background-attachment: fixed; background-color: #FFF; color: #000000;
		}

a {color:  #CC0000; text-decoration: none; font-weight: bold;
	}
	a:hover {text-decoration: underline;font-weight: bold;}

img {border:none}

h1, h2{
	border-bottom:1px solid #cbcbcb;
		}

h2 { font-size: 1.15em;   background: transparent url(arrowsmall_red.gif) no-repeat left;
    padding: 0 0 0 8px;	margin-top: 2em;
	}

h1{	font-size: 1.25em;	margin-bottom:1em;
	}

h3{	font-weight: bold;	font-size:1em; 	margin:14px 40px 0px 0px;}

tt {font-size:1.1em}

abbr, acronym{cursor:help}

tbody{font-size: .85em}

table{font-size:1em}

caption{font-size:1.25em; padding:1em;}

form{margin: 1em 2em 2em 2em;}
	label{display:block;margin-top:1em;}
	



/* Sidebar menu and Main body of the page */

#sidebar{
	float: left;	width: 184px;	padding: 1px 2px 1px 1px;	background-color:#FFCC33;   
	}

.toolbar { margin: 0; padding: 0 0 .3em 0; width: auto;  height: 2.3em; position: absolute; top: 0; right: 0; background-color: #f5f5f5;}
.toolbar form { float:left; margin: -2em 1em 0 0; padding: 0; }
.toolbar p { float: left; padding:.5em; margin: 0 1em 0 0;}
.toolbar input, 
.toolbar select { font-size: 0.95em; }

.navlist a {
	font-size: 1em;
	display: block;
	background-color: #fff;
	border-bottom: 1px #999 solid;
	text-decoration: none;
	padding: 3px 14px 3px 2px;
	background-image: url(arrowlarge_red.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #333333;
            }

.navlist a:visited {background-color: #FFFFFF; color: #333333; font-weight: bold; text-decoration: none;}
.navlist a:hover {background-color: #ffffa0; color: #333333; font-weight: bold; text-decoration: none;}
.navlist a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}
.navlist .subtopic {padding-left:1.2em; font-size:.9em;}
        

        
.navlist-title{	  font-size: 1em;
	  font-weight: bold;
	  padding: 10px 10px 10px 10px;
}

.navlist-title a {
	text-decoration: none;
	font-weight: bold;
	color:  #CC0000;
	background-color: #FFCC33;
	}

.navlist-title a:hover {
	text-decoration: underline;
	color:#000099;
}

.active{
	font-weight:bold;
	display: block;
	background-color: #fff;
	border-bottom: 1px #999 solid;
	text-decoration: none;
	padding: 3px 8px 3px 2px;
	color: #000000;
	font-variant: small-caps;
	           }

.left-box {border:1px solid #959595;	background:#FFFFF0;	padding: .5em;	font-size: .8em; margin-bottom: 2.5em;	color: #000;}
	.left-box h2 {margin-top: .5em;}
	.left-box ul {list-style-position: inside; margin-bottom:2em;}
	.left-box li {margin-left: -3.5em; }

#main {
		padding:15px 15px 15px 210px;
		margin-right: 1em;
		line-height: 1.5em;
/*		max-width:700px;		*/	/* max-width prevents lines to spread too wide across the page*/
 									/* making the text unconfortable to read. IE is too stupid for this. */			
}


#main a {
	text-decoration: none;
	font-weight: bold;
	color: #000099;
	background-color: transparent;
}
#main a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000099;
	background-color: transparent;
}
#main a:hover {
	text-decoration: underline;
	font-weight: bold;
 	background-color: transparent;
	color: #CC0000;
}
#main a:active {background-color: #FFFF00; color: #4B0082;font-weight: bold; text-decoration: none;}


/* Lists -- NOTE: non-standard list css to be found in the alphabetical list of classes*/

ul {list-style: square;
	}
	.no-bullets ul {list-style: none;}
	.horizontal-list ul {list-style-type:none; white-space:nowrap;}
	ul.row { margin-left: 0;  padding: 0;
			}
	ul.timetable {				/* UG coursework timetables*/
    			margin:0; padding: 0;
				}

li {margin-top:.3em;
	}
	.no-bullets li {list-style: none;margin-bottom: .5em;}
	.horizontal-list li{display:inline; padding-right: 20px;  white-space:nowrap;  }
	.row li,
	.timetable li {
		    clear: both;   list-style-type: none;	padding-top:1em;	border-top:1px solid #F5F5F5;
						}
	.row .area{							/* SCL */
    background: #FAF4C8;line-height:1.4em;font-size:0.8em;padding:.7em;
    border-right: 1px solid #E3DE9F; border-bottom: 1px solid #E3DE9F;
    float: left;   text-align: center;  width: 105px;  color: #333333;
    margin-bottom: 50px;  margin-right: 10px;
    }

dt {font-weight:bold; margin-top:1em;
	}

	.multiplerow-list dt{border-top:1px solid #F5F5F5;
						}

dd{margin-left:0px}



/*Custom classes*/

.after-highlight-box { /* Needed to add safely (IE) content after tabulars */
					  margin-top:1.3em;
					}

.after-free-box{clear: both;}

.aftertabular{ font-size:xx-small;}

.boxed-text {border:1px solid #959595;	background:#FFFFF0;	padding: 2px;	
			 font-size: .8em;	color: #000;
			}

.bread {color:#609;	margin: 0px 0px 6px 135px;	padding: 0px 2px 0px 0px;	background-color: #FFF;
         }

.bottomline {border-top: 1px #609 solid; clear: both; text-align:right;
			font-size:.85em; padding:.5em;	color:#333333;
				}

.box {							/*HELM table*/
		width:44%; margin-right:2%; float:left; height:195px; overflow:auto
		}
	.box dd {font-size:.87em}
	.box dt {border-bottom:1px solid #ccc;}

.centered{text-align:center
			}

.contact{					/*See staff members pages*/
			background-color: #fafafa;	color:#000;	padding: 2em 2em 4em 2em;	border-bottom: 2px solid #CCCCCC;
			}
	.contact h2 {					/*See staff members pages*/
    			font-size: 1.15em;   background: none;   padding: 0; margin-top: 0;
					}

.column{width:45%; float:left; margin-right:10px; 
		border-bottom: 2px solid #E8E8E6; border-right: 1px solid #E8E8E6;
			}	
	.column h2, .column h3{margin-top:-.2em;}

.course-contents {						/*See UG course units pages - hidden to printer*/
					float: left;	width: 150px;	border: 1px solid #FFCC00;
						}
	.course-contents li  {margin-left:-10px;}

.course-facts {						/*See UG course units pages*/
			float: left;	width: 70%;	border: 1px solid #FFCC00;	margin-right:1em;
				}
				
.date {background: #FAF4C8;   border-right: 1px solid #E3DE9F;    border-bottom: 1px solid #E3DE9F;
        float: left;    text-align: center;    width: 55px;    color: #333333;	margin:0 1em 1em 1.5em;
    	}

.description {			/*SCL*/
				margin: 2em ;
				}

.email{background: url(email.gif) center right no-repeat; padding-right:22px;
		}

.emphasis {background-color:#ECF1FB; color:#000; padding : 0.7em; border-top: 1px solid #cccccc;
		   border-bottom: 2px solid #CCCCCC;	margin-bottom:0.5em;
			}

.external{background:  url(external.png) center right no-repeat ;	padding-right:12px;
			}

.even{color:#000000; background-color:#FFFFCC; border-bottom:1px solid #ccc;padding-top:.3em;
		}

.free-box {					/*See service course units page*/
			margin-right:2em; float:left;
			}

.hidden {visibility:hidden}

.highlight-box {float: left; width:40%;	margin: 15px 30px 0px 0px;	border: 1px solid #FFCC00; 
				}
	.highlight-box li{margin-left:-10px;}

.highlight-title{background-color:#FFFF99; 	color: #000; font-size: 1em;
	   			 font-weight: bold;	padding: .4em; 
 				 border-top: 1px none #FF9900; border-right: 1px none #FFCC00;
			  	 border-bottom: 1px solid #FF9900; border-left: 1px none #FFCC00;
					}

.hotspot {				/*Visibility toggle used for events*/
			color: #FF6600; border-bottom-style: dotted; border-bottom-width: 1px;
			cursor: se-resize;
			}

.illustration {border:1px solid #000; margin:10px 0px 10px 10px; float: right;	font-size:.75em;
    			}			
	.illustration p {text-align:center}

.library{background:  url(library.gif) center right no-repeat ; padding-right:18px;
			}	

.list-element {background: transparent url(/styles/right-orange-arrow.png) no-repeat center left;
				padding-left:18px;
				}

.logo{ position:relative;left:-44px;	top:0px; margin-bottom:16px;
		}

.marker{background-color: #fafafa; color:#000; padding: 6px 6px 6px 40px; 
		border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
		}

.odd{color:#000000; background-color:#e5ecf9; border-bottom:1px solid #ccc;padding-top:.3em;
		}

#owner {margin:1em;	text-align:right;   font-size:.8em;
        }
		
.picture{					/*See staff members pages*/
		    border:1px solid #000;   margin: 0 1em 2em 2em;   float: right;
    		}
	.row .picture {	/*note that IE introduces unwanted white space if used in DIV*/
					float: left;    margin: 0px 30px 30px 0px;	border: 1px solid #000;
					}
	.picture img{border: 1px solid #000;}

.video { 
	background-color: #f5f5f5; 
	color: inherit; 
	display: block; 
	font-size: 0.85em; 
	margin: 1em; 
	padding: 0em; 
	width: 350px; 
	float: right; 
	text-align: right; 
}
.video-strapline {
	font-size: 1em; 
	margin: 0; 
	padding: 0.5em 0.6em 0.8em 0.8em; 
}

.pdf{background:  url(pdf.gif) center right no-repeat; padding-right:18px;
		}

.quick-links{ 	color: #000;  
 				 border-top: 1px none #FF9900; border-right: 1px none #FFCC00;
			  	 border-bottom: 1px solid #FF9900; border-left: 1px none #FFCC00;
					}

.readmore {	background-color: #fafafa;	color:#000; margin-top:40px; padding: .5em;
			border-top: 2px solid #999999;	border-bottom: 1px solid #CCCCCC; font-size:.95em;
			}
	.readmore h3{font-size:1em;}

.right{float: right; text-align:right;
   		 }

.school{font-weight: bold;	padding: .4em;	background-color:#000080;	color:#fff;
		border: 1px solid #FFCC33;
        }

.staff-mask{			/*See staff members pages*/
			float:left; width:280px; margin: 0; padding:1em; border:1px solid #cdcdcd;
			}

.source-code{font-family:"Courier New", Courier, mono;  font-size:.88em; background-color:#99CCFF;}
			
.table-header{font-weight: bold; padding: .4em; background-color:#000080;
			  color:#fff; border: 1px solid #FFCC33;	
		          }			

.tabular {
			float:left; width:100%; clear:right; margin-bottom:1em;
			}

.timetable {background: #FAF4C8;   border-right: 1px solid #E3DE9F;    border-bottom: 1px solid #E3DE9F;
        	float: left;    text-align: center;    width: 55px;    color: #333333;	margin:0 1em 1em 1.5em;
    		}

.toggle{			/*Visibility toggle used for events*/
margin: 1em 1em 2em 1em ; font-size: .9em; font-style:italic; 
 		}
					
.top { text-align:right; line-height:.2em;font-size:.75em;
		}
								
.toc{                              
	background-color: #fafafa;	color:#000;	padding:1em;	
	border-top: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;
			}
	 .toc li {display:inline; margin-right:.4em; white-space:normal;  background: transparent url(arrowsmall_red.gif) no-repeat left;
    padding: 0 0 0 8px;}

.twocolumn{width:45%; float:left; margin-right:10px; }
        .twocolumn h2, .twocolumn h3{margin-top:-.2em;}

.threecolumn{width:30%; float:left; margin-right:10px; }
	.threecolumn h2, .threecolumn h3{margin-top:-.2em;}

.word{background:  url(word.gif) center right no-repeat ;padding-right:18px;
		}
       
/*end of custom classes entries*/	










/*Staff list table */

tr.stripe1{background-color: #fff; border-bottom:1px solid #000; }
tr.stripe2{background-color: #eee; border-bottom:1px solid #ccc; }
tr:hover.stripe1{background-color: #ffffa0}
tr:hover.stripe2{background-color: #ffffa0}
.greybglink a:hover{background:#ccc}


/* Eprints */
 span.field_publication { font-style: italic }
 span.field_volume { font-weight: bold }
 p.eprint_citation { margin-left:2em; display: list-item;
 list-style-type:square;}



/* UNUSED

.bottomline:after{
	content:"School of Mathematics - The University of Manchester, Oxford Road,  Manchester M13 9PL. Tel: +44 (0) 161 275 5800 Fax: +44 (0) 161 275 5819.";
	display: block;
	margin-top: 40px;
	font-size:10px;
	border-bottom: 1px solid #cfcfcf;
	text-align:left;
	
.row-paragraph{ 
padding-top:.6em;
margin-bottom:0px;
border-top: 1px solid #E8E8E6}
}


*/