body {
	background-color: #FEFEFE;
	color: #000;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

a {
	color: #F5c681;
	cursor: pointer;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	/* white-space: -pre-wrap;      Opera 4-6 */
	/* white-space: -o-pre-wrap;     Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#header {
	background-color: #274e74;
	color: #fff;
	border-bottom: 3px solid #333;
	height: 30px;
	padding: 20px 10px 10px 10px;
	margin-bottom: 20px;
}

h2, h3, h4 {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #333;
}

#header span {
	float: right;
	width: 50%;
	margin-left: 10px;
	text-align: right;
}

#login {
	width: 350px;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #333;
	background: #DDD;
	padding: 0px 0px 5px 0;px
}

#login p {
	background: #5c95CC;
	border-bottom: 1px solid #333;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

#login table {
	margin: 0px auto;
}

#content {
	padding: 0px 15px 10px 15px;
	min-width: 910px;
}

#left {
	float: left;
	width: 150px;
	border-right: 1px solid #333;
	height: 80%;
}

#right {
	float: right;
	width: 80%;
	margin: 0px auto;
	min-width: 750px;
  	border-spacing: 10px;
}

.uploads, #grade_info {
	background: #A5BfD8;
	min-width: 400px;
	border: 2px solid #000;
	margin: 10px 0px 10px 0px;
}
.uploads td,#grade_info td {
	border: 1px solid #666;
	padding: 5px;
}
.error {
	color: #fff000;
}

li a {
	display: block;
	background: #fff;
	padding: 3px;
	border: 1px solid #fff;
}

li a:hover, li a:active, li a:focus {
	background: #333;
	border: 1px dotted #ddd;
}

#datepicker {
	float: left;
	width: 300px;
	margin: 0px 5px 50px 0px;
}

#files {
	float: right;
	margin-bottom: 50px;
}

#grades {
	clear: both;
	margin-top: 30px;
}

div#message {
	padding: 5px;
	margin-bottom: 10px;
	color: #000;
	width: 400px;
	border: 1px dotted #333;
}

div.expired {
	background: #ED4337;
}

div.regular {
	background: #7CABD8;
}

.ui-state-active {
	background: #d0ecc2;
	color: #314A24;
	font-size: 14px;
}

.ui-state-error {
	background: #fef3ef;
	color: #cd0a0a;
	font-size: 14px;
}

td.highlight {border: none !important;padding: 1px 0 1px 1px !important;background: none !important;overflow:hidden;}
td.highlight a {background: #E3170D 50% 50% repeat-x !important;  border: 1px #000 solid !important; color: #fff !important; }

td.expire {border: none !important;padding: 1px 0 1px 1px !important;background: none !important;overflow:hidden;}
td.expire a {background: #C0C0C0 50% 50% repeat-x !important;  border: 1px #000 solid !important; color: #fff !important;}

#title {
	color: #fff;
	text-decoration: none;
}

#grade_info tbody {
	background: #fff;
}

#footer {
	margin-top: 15px;
	font-size: 10px;
	text-align:center;
	color: #666;
	clear: both;
}

#ret {
	clear: both;
	border: 1px dotted #666;
	padding: 5px;
}