/* 
This is the CSS file for the entire project 
All style definitions should be made here
*/

/* General body tag */
html,body{
    padding:0px;
    margin:0; 
    border:none
    font-size: 10px;
}
/* General font tag */
font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;	
}
.font_critique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}
.font_critique_large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 17px;
	font-weight: bold;	
}
.font_critique_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;	
}
.font_critique_medium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin-left: 7px;
	font-weight: bold;	
}
.font_tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;	
}
.font_black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}
.font_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	font-size: 10px;
}
.font_description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
.font_negative {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a {
	color: #0000FF;
	font-size: 10px;
}
a:hover {
	text-decoration: none;
}
.a_boxed {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #FF6666;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px;
	line-height: 5px;
	text-align: center;
}
.a_navigation {
    position: absolute; 
    background-color: #666666; 
    padding: 8px; 
    padding-top: 0px; 
    padding-left: 22px; 
    padding-right: 22px; 
    margin-left: -21px; 
    margin-top: 3px;
}
.academic_year_box {
    position: absolute;
    display: none;
    text-align: center;
    margin-top: 24px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 160px;
}
/* Assignments */
.assignments_done {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
	font-size: 10px;	
}
.assignments_done_bg {
	background-color: #CCFFCC;
}
.assignments_today {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 10px;	
}
.assignments_late {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 10px;	
}
.assignments_late_bg {
	background-color: #FFCCCC;	
}
/* Affects all footer text, and links */
.a_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
.a_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
/* Affects the title text of any error message */
.error_title {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #CC0000;
	font-size: 15px;
	font-weight: bold;
}
/* Affects the title text of any error message */
.password {
	font-family: Times, helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
/* Affects the title text on a page */
.title {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
.title_negative {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}
.title_sub1 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #0066CC;
	font-size: 15px;
	font-weight: bold;
}
.title_sub2 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #CC0000;
	font-size: 15px;
	font-weight: bold;
}
.title_sub3 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #A6CAED;
	font-size: 12px;
	font-weight: bold;
}
.title_sub4 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #EEEEEE;
	font-size: 15px;
	font-weight: bold;
}
.title_sub5 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
}
.titletable {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	border-width: 1px;
	border-style: none;
	border-color: #999999;
	background-color: #0066CC;
	padding: 6px;
	line-height: 26px;
	text-align: center;
}
/*Affects the image tables.*/
.phototable_tiny {
	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
}
.phototable_tiny_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;	
}
.phototable_red {
	border-width: 1px;
	border-style: dashed;
	border-color: #FF3333;
	background-color: #FF6666;
}
/*Affects the administrative links boxes
Possibly other link boxes if the need for linkboxes arises.*/
.linkbox_title {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #0066CC;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
}
.linkbox_description {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	margin: 20px;
	padding: 10px;
}
.linkbox_list {
	margin: 0px;
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 8px;
    text-indent: -3px;
    color: #999999;	
}
.linkbox_table {
	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
}
.critique_table {
	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
}
.gallery_table {
	background-color: #A6CAED;
}
.search_box {
    position: relative;
    top: 5px;
    left: 24px;
    width: 728px;
    bottom: 10px;
    z-index: 5; 
    background-color: #A6CAED; 
    padding: 3px; 
    border: 1px #0066CC double;
    display: none;
}
.myphotos_nav {
    position: relative;
    z-index: 5; 
    background-color: #A6CAED; 
    padding: 3px; 
    border: 1px #66AAED double;
}
.photo_description_box {
    text-align: left;
    position: absolute;
    width: 307px;
    height: 102px;
    margin-left: -60px;
    margin-top: -7px;
    z-index: 6; 
    background-color: #EEEEEE; 
    padding: 3px; 
    border: 1px #CCCCCC double;
    display: inline;
}
.photo_detailed_box {
    text-align: left;
    position: absolute;
    margin-left: -60px;
    margin-top: 115px;
    width: 307px;
    z-index: 6; 
    background-color: #A6CAED; 
    padding: 3px; 
    border: 1px #0066CC double;
}
.announcement_homepage {
	text-align: left;
	margin-left: 25%;
	margin-right: 25%;
    position: absolute;
    width: 50%;
    top: 30px;
    z-index: 6;
    background-color: #CCCCCC; 
    padding: 3px; 
    border: 1px #000000 double;
    display: static;
}
.metamorphose {
    width: 99%;
    top: 0px;
    z-index: 7; 
    background-color: #FF6666; 
    padding: 3px; 
    border: 1px #FF3333 double;
}
.observer_mode {
    width: 99%;
    top: 0px;
    z-index: 7; 
    background-color: #A6CAED; 
    padding: 3px; 
    border: 1px #FFFFFF double;
}
.photo_exif_box {
	background-color: #95B1CD;
}
.assignment_over_clear {
	background-color: #FFFFFF;
}
.assignment_over_highlight {
	background-color: #EEEEEE;
}
.upload_photograph_hide {
	text-align: center;
    position: absolute;
    width: 760px;
    height: 480px;
    z-index: 6;
    background-color: #FFFFFF; 
    padding: 3px; 
    display: none;
}
.error_float {
    position: absolute;
    z-index: 6;
    top: 20px;
}