html, body {
	border:0;
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:400px;
}

#container {
	position:relative;
	min-width:950px;
}

#content-container {
	position:absolute;
	left:250px;
	width:700px;
	top:150px;
	line-height:1.5em;
}

#school-selector {
	position:absolute;
	left:30px;
	width:200px;
	top:150px;
	margin-bottom:100px;
	font-size:1.1em;
	table-layout: fixed;
	width: 200px;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
	box-shadow: 1px 1px 10px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	border:1px solid #e0e0e0;
	background: #f9f9f9;
	border-spacing:0 0;
	border-collapse: collapse;
}

#school-selector td {
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	padding:0.3em 0.2em;
	width: 3em;
	border: 1px solid #f0f0f0;
}

#school-selector td.head {
	font-size:0.8em;
	font-weight:bold;
	padding-bottom: 5px;
	border-bottom: 2px solid #e0e0e0;
}

#school-selector td.year {
	padding-right: 10px;
	text-align:right;
	width:6em;
}

#school-selector td.has {
	cursor:pointer;
}

#school-selector td.has img {
    border:0;
}

body div #school-selector td.selected {
	background: #ffa0a0;
}

#school-selector tr.hover td,
#school-selector td.hover {
	background: #eaeaea;
}

#big-photos {
	position:absolute;
	left:330px;
	top:150px;
	padding-right:100px;
	font-size:1.1em;
	z-index:100;
}
	#big-photos img.main {
		border:1px solid #aaa;
		-moz-box-shadow: 1px 1px 10px #999;
		-webkit-box-shadow: 1px 1px 10px #999;
		box-shadow: 1px 1px 10px #999;
		min-width: 100px;
		min-height: 100px;
		background: url('/i/ajax_indicator.gif') center center no-repeat;
	}
    
    #big-photos div.container {
		margin-bottom: 50px;
		margin-right: 50px;
        position: relative;
    }
    
    #big-photos div.zoom {    
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        height: 150px;
        overflow: hidden;
        border: 1px solid #aaa;
        display: none;
		background: #fff;
    }
    
    #big-photos div.zoom img {    
        position: absolute;
        left: 0;
        top: 0;
    }

h1 {
	font-size:2em;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, serif;
	position:absolute;
	margin:0;
	padding:0;
	left:300px;
	top:35px;
	width:600px;
}

.hint {
	font-style:italic;
	color:#aaa;
}

#year {
	width:6em;
}

#add-photo {
	position:absolute;
	right:50px;
	top:45px;
	width:300px;
	z-index:100;
}

#help-me {
	position:absolute;
	right:0;
	top:30px;
	width:300px;
	z-index:100;
	background:#FFF9DF;
	border:1px solid #efe9cf;
	padding:0.5em;
	z-index:90;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
	box-shadow: 1px 1px 10px #999;	
}

#add-photo span.inside {
	font-size:1.2em;
}

#add-photo-form {
	margin-top:5px;
	border:1px dotted #999;
	background:#fcfcfc;
	padding:5px 10px;
	display:none;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
	box-shadow: 1px 1px 10px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
}
	#add-photo-form div.pad {
		padding-bottom:0.7em;
	}

	#add-photo-form textarea {
		width:20em;
		height:7em;
	}

	#add-photo-form #author {
		width:20em;
	}

.noreq {
	color:#999;
}

#container span.inside {
	border-bottom:1px dotted #0055CC;
}

#container-error, #container-thanks {
	position:absolute;
	top:150px;
	left:200px;
	width:500px;
}

div.error {
	color:red;
}