/* Basic Styles */
body,p,a,td	{ font-family: Verdana, Arial, Helvetica,sans-serif;}
h1,h2, h3 {font-family: Arial, Helvetica,sans-serif; color:#000;}
h4	{font-family: Arial, Helvetica,sans-serif; color:#000; font-weight:normal}
body		{ font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 80%; margin:0;position:relative;}
h1	{ font-size: 1.75em; margin:0 0 1em 0;}
h2	{ font-size: 1.5em; margin:.75em 0 .75em 0;}
h3	{ font-size: 1.25em; margin:2em 0 .5em 0}
h4	{ font-size: 1.1em; margin:1.5em 0 .5em 0}
a	{ font-size: 1em;}
p	{ font-size: 1em; padding-bottom:1em;}
td	{ font-size: 1em;}
td p   { margin: 0; padding:0;}
.small	{ font-size: .85em;}
a:link		{ text-decoration:none;}
a:visited	{ text-decoration:none;}
a:active	{ text-decoration:none;}
a:hover		{ text-decoration:underline;}
.error		{ font-weight: bold; font-size: 1em;}
.warn		{ background-color:#FCC;}
.big		{ font-weight: bold; font-size: .85em;}
#add td		{ font-size: .85em;}
#header{
	display:block;
	float:none;
	clear:both;
	padding: .25em 1.5em 1.5em 1.5em;
	border-bottom:3px solid;
	margin:0;
	height:2.5em;
}
#header ul	{ float:right; margin:.7em 0 0 0; list-style-type:none; clear:right; padding:0;}
#header li	{ float:left; clear:none;vertical-align:middle;}
#header a.button {
	display:block;
	font-family: Arial, Helvetica,sans-serif;
	line-height:normal;
	cursor: pointer;
	text-align:center;
	font-size:1em;
	width:9em;
	height: auto;
	border: 2px solid;
	padding: .25em .85em .25em .85em;
	margin:.25em;
}
#header a.button:link		{ font-weight:bold; text-decoration:none;}
#header a.button:visited	{ font-weight:bold; text-decoration:none;}
#header a.button:active	{ font-weight:bold; text-decoration:none;}
#header a.button:hover		{ font-weight:bold; text-decoration:none;}
#title		{ float:left; clear:none; display:block; margin:0; padding:0; width:450px; height:3.6em; min-height:45px;}
#title h1		{ clear:none; font-size:2em;}
#title .group	{ clear:none; font-size:1.15em; padding-bottom:0; font-family:  Arial, Helvetica,sans-serif; font-weight:bold;}
#footer{
	padding: 85px 1.5em 1em 1.5em;
	clear:both;
	margin:0;
	text-align:center;
	vertical-align:bottom;
	height:auto;
	vertical-align:bottom;
	min-width:640px;
	border-bottom:1px solid;
}
#content{ padding: 10px 20px 0 20px; float:none;}
/*#content p{ text-align:left; margin:0; max-width:50em;}*/
#content p.register{
	display:block;
	float:none;
	clear:none;
	border:2px solid;
	padding:.5em 1em .55em 1em;
	margin: 2em -.5em 2em -.5em;
	width:500px;
	max-width:999px;
}
#content li{
	margin-bottom:.5em;
}
h2.status {
	padding:15px 0 0 50px;
	font-size: 1.25em;
	margin-bottom:-.2em;
	height:3em;
}

ul.docs {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.docs li{
    display:block;
    background: url(../img/dl_doc.gif) no-repeat 5px 5px;
    height:50px;
    padding:18px 0 0 50px;
    margin:0;
    font-weight:bold;
}
ul.docs li span.size{
    display:block;
    clear:both;
    font-weight:normal;
}
.tablenav {
	display:block;
	float:none;
	clear:both;
	width:680px;
	border:2px solid;
	padding:.65em;
	margin:.75em 0 .75em 0;
	text-align:left;
}
#filternav {
	display:block;
	float:none;
	width: 90%;
	clear:both;
	border:1px solid #000;
	padding:.65em;
	margin:.75em 0 .75em 0;
	text-align:left;
}
#filternav h1 {
	font-size: 1.3em;
	display: block;
	float:none;
	clear:both;
	margin:0;
	padding: .1em 0 .5em 0;
}
.editbutts {
	display:inline;
	margin:1px 2em 0 0;
}
td{
	border-right: 1px solid;
	padding: .5em .5em .5em .5em;
	vertical-align: middle;
	font-size: 1em;
	height: 2.4em;
	border-bottom: 1px solid;
}
td.wrong {
	background-color: #FAA;
}
th{
	border-right: 1px solid;
	vertical-align: middle;
	margin-left: 0;
	text-align: center;
	padding: 0 .2em 0 .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid;
}
/* start here */
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	line-height:1em;
	font-weight:bold;
	cursor: pointer;
	height: auto;
	width:auto;
	text-align:center;
	text-transform:capitalize;
	vertical-align: middle;
	border-width:0;
	font-size:1em;
	clear: both;
	padding: .25em .75em .25em .75em;
	margin:.15em;
}
input.button:link		{ text-decoration:none;}
input.button:visited	{ text-decoration:none;}
input.button:active		{ text-decoration:none;}
input.button:hover		{ text-decoration:none;}
.button {
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	line-height:1em;
	font-weight:bold;
	cursor: pointer;
	height: auto;
	width:auto;
	text-align:center;
	text-transform:capitalize;
	vertical-align: middle;
	border-width:0;
	font-size:1em;
	clear: both;
	padding: .25em .75em .25em .75em;
	margin:.15em;
}
a.button:link		{ text-decoration:none;}
a.button:visited	{ text-decoration:none;}
a.button:active		{ text-decoration:none;}
a.button:hover		{ cursor: pointer; text-decoration:none;}
table.inputform{
	border:2px solid #000;
	padding:5px;
	border-collapse:collapse;
}
.inputform td {
	border:0;
	margin:0;
}
.inputform col {
	border:0;
	margin:0;
}
.inputform tr {
	border-width:0 0 1px 0;
	border-color:#999;
	border-style:solid;
}
.inputform label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	float:right;
}
.inputform tr>td{
	text-align:right;
}
.inputform td+td{
	text-align:left;
	background-color:#CCC;
}
col.inp{
	background-color:#CCC;
}
.data col{margin:0;}
.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:2px solid;
	border-collapse: collapse;
}
.data caption{
    height: 0;
	width: 0;
	display: none;
	position: absolute;}
.data td{ border-right: 1px solid #000; padding: .5em; vertical-align: middle; font-size: 1em; border-bottom: 1px solid #000;}
.data tr.picked { background-color:#CCF; }
.data th{
	border-right: 1px solid;
	vertical-align: middle;
	margin: 0;
	text-align: center;
	padding: .25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.data th a{ font-family: Arial, Helvetica, sans-serif;}
.data th.form{ text-align:right;}
.data td+th{ border-left:1px solid;}
.data th.sort		{padding:0;}
.data th.sort a		{ display:block; float:left; clear:none; width:100%; padding:.25em 0 .25em 0; height:100%; text-decoration:none;}
.data th.currentsort		{padding:0;}
.data th.currentsort a		{ display:block; float:left; clear:none; padding:.25em 0 .25em 0; width:100%; height:100%; text-decoration:none;}
.hide { overflow:hidden; height:0;width:0; display:block; float:left; position: absolute;  /* for the benefit of IE5 Mac */}
col.X1		{width:2em;}
col.X2		{width:4em;}
col.X3		{width:6em;}
col.X4		{width:8em;}
col.X5		{width:10em;}
col.X6		{width:12em;}
col.X7		{width:14em;}
col.X8		{width:16em;}
col.X9		{width:18em;}
col.X10		{width:20em;}
col.X20		{width:40em;}
.bio{
	list-style-type:none;
	padding-left:0;
}
.bio .name{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
.ccode{
	font-weight:normal;
	font-size:.85em;
}
tr.key th{
	border-bottom:2px solid #000;
}
tr.key td{
	background-color:#CFC;
	border-bottom:2px solid #000;
}
#log{
	display:block;
	float:right;
	clear:left;
	padding:10px;
	color:#002A62;
	margin:0 0 10px 10px;
	background-color:#D9E9FF;
	width:200px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:160px;
	border:1px solid #002A62;
}
#log label, #log input{
    display:block;
    clear:right;
}
#log a:link{
	color:#0F34B0;
}
#log h2{
	margin-top:.5em;
	color:#002A62;
	font-size:1em;
}
#log .button:link{
    color:#FFF;
    background-color:#002A62;
}
#log .button:visited{
    color:#FFF;
    background-color:#002A62;
}
#log .button:link:hover{
    color:#FFF;
    background-color:#002A62;
}
#log p{
    padding-bottom:.5em;
}

span.thumbnail {
	display: block;
	float: left;
	background-color:#eee;
	padding: 10px;
}

span.thumbnail p {
	font-size: 0.8em;
	text-align: center;
}

dl {
	display: block;
	padding: 0;
	margin: 0 0 20px 48px;
}

dl dt {
	display: block;
	float: left;
	clear: left;
	font-weight: bold;
	width: 120px;
	padding: 0;
	margin: 0;
}

dl dd {
	display: block;
	width: 450px;
	padding: 0;
	margin: 0 0 0 130px;
}

.detail_link {
	margin: 5px;
	float: right;
	display: block;
	padding: 5px;
	display: block;
	color: #999;
}

.detail_link a {
		text-decoration: underline;
}
p.detail_link a:link, p.detail_link a:visited {
	color: #669;
	font-weight: bold;
}
p.detail_link a:hover, p.detail_link a:active {
	color: #000;
	font-weight: bold;
}

div.activity {
	background-color: #fff;
	padding: 10px;
	border: 2px solid #000;
	background-color: #eee;
}

.activity h2 {
	font-size: 1.2em;
	margin: 0;
}

.activity h3 {
	font-size: 1em;
	margin: 0;
}

.activity dl {
	margin-left: 0;
}

p.date {
	margin: 0;
}

div.student_response, div.mentor_response {
	margin: 5px 0 10px 0;
	padding: 10px;
	background-color: #fff;
	color: #000;
	border: 1px solid #999;
}
div#formerror {
	background-color: #FCC;
	color: #900;
	border: 1px solid #900;
	padding: 10px;
}
div#formmsg, div#errormsg {
	display: block;	
	padding: 1em 3em;
	font-size: 1.3em;
}
div#formmsg {
    background: url(/img/success-checkmark.png) no-repeat 0.4em 1.0em #CFC;	
	color: #393;
	border-top: 2px solid #7C7;
	border-bottom: 1px solid #ACA;
}
div#errormsg {
	color: #933;
	border-top: 2px solid #C77;
	border-bottom: 1px solid #CAA;
    background: url(/img/error-x.gif) no-repeat 1em 1.1em #FCC;	
}
#imagelib {
	background-color: #fff;
}
#imagelib ul {
	width: 100%;
	background-color: #fff;
	float: left;
}
#imagelib ul li {
	display: block;
	list-style-type: none;
	width: 370px;
	margin-bottom: 2em;
	background-color: #fff;
	float: left;
}
#imagelib dl {
	display: block;
	margin: 0;
}
#imagelib dt {
	margin: 0;
	font-weight: bold;
	width: 40px;
}
#imagelib dd {
	margin: 0;
	float: left;
	width: 250px;
}