@charset "utf-8";

/* CSS Document for School Intranet designed by Lee Elvin */

body {
	margin: 0;
	padding: 0;
	background-color: #333333;
	background-image: url(../graphics/bg.gif);
	background-attachment: fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
#wrapper {
	margin: 20px auto 20px auto;
	padding: 0;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	width: 914px;
}

/* Header Section */

#header {
	margin: 0px;
	padding: 0px;
}
/* Main Content */

#main {
	margin: 5px;
	padding: 0;
	background-color: #CCCCCC;
	border-color: #000000;
}
#content {
	margin: 0 220px 0 0;
}
#content .inner {
	margin: 0;
	padding: 3px;
	border: 1px solid #333333;
	background-color: #e7e2c7;
	background-image: url(../graphics/DMS-Page-BG.jpg);
}
#content .inner h1 {
	margin: 0px;
	padding: 0 0 2px 2px;
	color: #333333;
	background-color: #CCC;
	border-bottom: 1px solid #006699;
	font-size: 20px;
}
#content .inner h2 {
	margin: 5px;
	padding: 0 0 2px 2px;
	color: #333333;
	border-bottom: 1px solid #006699;
	font-size: 105%;
}
#content .inner p {
	margin: 5px;
	padding: 0 3px 3px 3px;
	color: #333333;
	font-size: 90%;
}
#content .inner table {
	margin: 5px;
	padding: 0px;
	border: 1px solid #000000;
	color: #333333;
	font-size: 80%;
	background-color: #FFF;
}
#content .inner td {
	padding: 2px;
}
.table-title {
	background-color: #A4BCE7;
	border-bottom: 1px solid #000000;
}
.table-title-middle {
	background-color: #A4BCE7;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.table-data {
	background-color: #FFFFFF;
}
.table-data-highlighted {
	background-color: #FFFF99;
	cursor: pointer;
}
.option-disabled {
	color: #CCCCCC;
}
#content a:link, #content a:visited {
	text-decoration: none;
	color: #000077;
	font-weight: normal;
}
#content a:hover {
	text-decoration: none;
	color: #ff0000;
	font-weight: normal;
}
#folderlist {
	margin: 10px 10px 10px 20px;
	padding: 0;
}

/* Sidebar */

#sidebar {
	margin: 0;
	padding: 0;
	float: right;
	width: 215px;
}
#sidebar .inner {
	margin: 0;
	padding: 2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}
#sidebar .inner h2 {
	margin: 3px;
	padding: 0 0 2px 2px;
	border-bottom: 1px solid #006699;
	font-size: 90%;
}
#sidebar .inner p {
	margin: 3px;
	padding: 0 0 5px 5px;
	font-size: 80%;
	color: #666666;
}
#sidebar ul {
	margin: 3px;
	padding: 0 0 5px 5px;
	list-style: none;
	font-size: 80%;
}
#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}
#sidebar li a:hover {
	text-decoration: none;
	color: #ff0000;
	font-weight: normal;
}

/* Footer */

#footer {
	margin: 5px;
	padding: 0;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 2px;
	border: 1px solid #000000;
	background-color: #25658B;
	color: #BBBBBB;
	font-size: 80%;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #BBBBBB;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: none;
	color: #FF6;
	font-weight: normal;
}

/* General Styles for Everywhere */

#status-info {
	margin: 10px 20px 10px 20px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-image: url(../graphics/status_info.png);
	background-repeat: no-repeat;
	background-color: #DAE7F9;
	background-position: 5px 7px;
	border: thin solid #6F9DFF;
}
#status-alert {
	margin: 10px 20px 10px 20px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-image: url(../graphics/status_alert.png);
	background-repeat: no-repeat;
	background-color: #FFD9D9;
	background-position: 5px 7px;
	border: thin solid #B70700;
}
#status-note {
	margin: 10px 20px 10px 20px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-image: url(../graphics/status_note.png);
	background-repeat: no-repeat;
	background-color: #FFF7D9;
	background-position: 5px 7px;
	border: thin solid #FED872;
}
#status-download {
	margin: 10px 20px 10px 20px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-image: url(../graphics/status_download.png);
	background-repeat: no-repeat;
	background-color: #EEF7DD;
	background-position: 5px 7px;
	border: thin solid #34AE0A;
}
#clock {
	margin-top: 10px;
	padding: 0;

}
.form-input {
	margin: 2px;
	padding: 2px;
	background-color: #FFFFCC;
	border: 1px groove;
	color: #000000;
	font-size: 90%;
}
.form-select100 {
	width: 99%;
	margin: 2px;
	padding: 2px;
	background-color: #FFFFCC;
	border: 1px groove;
	color: #000000;
	font-size: 90%;
}
.form-input-readonly {
	margin: 2px;
	padding: 2px;
	background-color: #FFFFCC;
	border: 1px groove;
	color: #666666;
	font-size: 90%;
	cursor: not-allowed;
}
#update {
	margin: 5px;
	padding: 2px;
	border: 1px solid #000;
	background-color: #FFC;
}
/* Student Tracker v2 Style */
.table-heading-top {
	background-color: #A4BCE7;
	border-bottom: 1px solid #000000;
	font-size: 20px;
}
.table-heading-middle {
	background-color: #A4BCE7;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 20px;
}
#chart {
	border: 1px solid #000;
	margin: 5px 10px;
	padding: 0;
	background-color: #FFF;
	text-align: center;
}