/* A CSS Framework by Mike Stenhouse of Content with Style */

html * {
	margin: 0;
	padding: 0;
}
/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: 'DejaVu Sans','trebuchet ms', Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
        line-height: 1em;
		color: #333;
	}
	div {
		font-size: 1em;
	}
	
	img {
		border: 0;
	}
	
	* {
		margin: 0px;
		padding: 0px;
	}
	
	img.float {
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		margin-top: 10px;
		margin-right: 20px;
	}
	
	p img#student_spinner, p img#unit_spinner, p img#trainer_spinner {
		margin: 0;
		padding: 0;
/*		border: 4px solid #999; 
*/	}
	
/* LINKS */
	a,
	a:link 
	a:active {
		color: #950000;
		
		text-decoration: none;
	}
	a:visited {
		color: #950000;
		background-color: transparent;
	}
	a:hover {
        
        
		text-decoration: underline;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
    color: black;
	}
	
	#pagetitle {
		background: url(../images/pagetitle_bg.png) no-repeat top;
		height: 37px;
		padding: 12px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
#main img {
	padding: 10px 0px 10px 20px;
}	

#main img.vert {
	float:right;
	display: block;
}

#main img.horizontal {
	float: right;
	clear: both;
	
}



#main img.button {
	margin: 0;
	padding: 0px;
}
	
 h2 {
    margin: 0px 0 0 0;
    font-size: 14px;
		line-height: 1.3em;
    font-weight: normal;
    color: #000;
    padding: 10px 10px 10px 20px;
    display: block;
		
}

h2#sectionheader {
	width: 95%;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

form h2 {
	padding: 10px 0px 10px 20px;
    
}
	
	#pagetitle h2 {
		margin: 0;   
		font-size: 15px;
		font-weight: normal;
		padding-bottom:15px;  
		color: #FFF;    
		padding-left: 20px;
		display: inline;
		padding-right: 5px;  
		text-transform: uppercase;  
	}
	
	.success h3{
		background: #950000 url('../images/success-titlebkgnd.png');
		margin: 0;

		font-size: 12px;
		font-weight: normal;
		padding-bottom:5px;
		color: #fff;
		padding-top: 10px;

		padding-left: 40px;
		height: 20px;
		font-weight: normal;
	}
	
	
	
	.fail h3{
		background: #950000 url('../images/fail-titlebkgnd.png');
		margin: 20px 0 0 6px;  
		font-size: 12px;
		font-weight: normal;
		padding-bottom:5px;
		color: #fff;
		padding-top: 10px;
		padding-left: 40px;
		height: 20px;
		width: 667px;
		font-weight: normal;
	}
	
	
	.errorExplanation {		
		margin: 0;
		padding: 0;
		width: 710px;
		background: #faeaeb;
		margin: 20px 0;
	}
	
	.errorExplanation h2{
		background: #f13b46 url('../images/fail-titlebkgnd.png') no-repeat;
		margin: 0;

		font-size: 12px;
		font-weight: normal;
		padding-bottom:5px;
		color: #fff;
		padding-top: 10px;

		padding-left: 40px;
		height: 20px;
		font-weight: normal;
			
	}
	
		.errorExplanation ul {
			padding-left: 15px;
		}
	

			.errorExplanation li	{
				background: transparent url("../images/error.png") left center no-repeat;
				list-style: none;
				margin: 0;
				border-bottom: 1px solid #f1c7ca;
				text-align: left;
				padding: 5px 0 5px 20px;
			}

				.errorExplanation li a {
					display: block;
					padding: 3px;
					text-decoration: none;
					color: #363636;
				}

				.errorExplanation li a:link { color: #363636; }
				.errorExplanation li a:visited { color: #363636; }
				.errorExplanation li a:hover {
		/*
		border-color: #FE3;
		*/
		color: #FFF;
		background: #29B6FF;
		padding: 3px;
		}
		
		
	
	
	.delete h3{
		background: #f13b46 url('../images/errorExplanation-titlebkgnd.png') no-repeat;
		margin: 0;

		font-size: 12px;
		font-weight: normal;
		padding-bottom:5px;
		color: #fff;
		padding-top: 10px;

		padding-left: 40px;
		height: 20px;
		font-weight: normal;
			
	}
	
	div#flashcontent, div.flashcontent {
		padding: 10px 0px 10px 20px;
	}

  div.unit_info_flash {
    text-align: center;
  }
	
	#pagetitle h3 {
		display: inline;
		color: white;
		font-size: 12px;
		font-style: oblique;
		font-weight: normal;
		letter-spacing: 1px;
	}
	h4 {
		font-size: 13px;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
		color: black;
		padding: 10px 0px 0px 20px;
		font-weight:normal;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 5px 20px 10px 20px;
		padding: 0;
		line-height:1.4em;
	}
	
	.success {		
		margin: 0;
		padding: 0;
		width: 710px;
		background: #ebf6e2;
		margin: 20px 0;
		margin-left: 5px;
	}
	
	
	.success p {
		background: #ebf6e2;
		padding: 10px;
		
	}
	

	
	.errorExplanation {		
		margin: 0;
		padding: 0;
		width: 710px;
		background: #faeaeb;
		margin: 20px 0;
	}
	
		.errorExplanation p {
			background: #faeaeb;
			padding: 10px;
		}
		
		.errorExplanation ul {
			padding-left: 15px;
		}
	

			.errorExplanation li	{
				background: transparent url("../images/error.png") left center no-repeat;
				list-style: none;
				margin: 0;
				border-bottom: 1px solid #f1c7ca;
				text-align: left;
				padding: 5px 0 5px 20px;
			}

				.errorExplanation li a {
					display: block;
					padding: 3px;
					text-decoration: none;
					color: #363636;
				}

				.errorExplanation li a:link { color: #363636; }
				.errorExplanation li a:visited { color: #363636; }
				.errorExplanation li a:hover {
		/*
		border-color: #FE3;
		*/
		color: #FFF;
		background: #950000;
		padding: 3px;
		}
	
	
	
	
	
	
	
	
	
		.delete {		
			margin: 0;
			padding: 0;
			width: 710px;
			background: #faeaeb;
			margin: 20px 0;
			display: block;
			float:  left;
		}
		
		.delete form fieldset{
			display: none;
			margin:  0;
			padding:  0;
		}
		
		.delete form {
		/*	border: 1px solid #999;*/
			display: block;
			float:  left;
			margin:  0;
			padding:  0;
		}
		
		.delete form p.submit {
			background-color: #faeaeb;
			display: block;
			float:  left;
			margin:  0;
			padding:  0;
			padding: 5px 0 20px 10px;
			
			
		}

			.delete p {
				background: #faeaeb;
				margin:  0;
				padding: 5px 0 5px 10px;
			}

			.delete ul {
				padding-left: 15px;
			}


				.delete li	{
					background: transparent url("../images/error.png") left center no-repeat;
					list-style: none;
					margin: 0;
					border-bottom: 1px solid #f1c7ca;
					text-align: left;
					padding: 5px 0 5px 20px;
				}

					.delete li a {
						display: block;
						padding: 3px;
						text-decoration: none;
						color: #363636;
					}

					.delete li a:link { color: #363636; }
					.delete li a:visited { color: #363636; }
					.delete li a:hover {
			/*
			border-color: #FE3;
			*/
			color: #FFF;
			background: #950000;
			padding: 3px;
			}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	blockquote {
		border-left:10px solid #ddd;
		margin-left:10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bolder;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	ul {
        line-height:1.4em;
		margin: 0 0 1.5em 1.5em;
		padding: 0;
	}
	
	ol {
        line-height:1.4em;
		margin: 0 30px 1.5em 40px;
		padding: 0;
	}
	
	ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	
	ul ul {
		margin: 0;
		margin-bottom: 1.5em;
		padding: 0;
	}
	
		ul.bodylist {
        line-height:1.4em;
		margin: 15px 0 1.5em 15px;
		padding: 0;
	}
	ul.bodylist li {
	    list-style: none;
		margin: 0 0 0px 0px;
		padding: 0 0 0 20px;
		background: url(../images/arrow.gif) no-repeat;
	}


	ul.depth_0 {
		margin: 0 30px 0 5px;
		list-style: none;
	}
	
	ul.depth_1 {
		list-style: none;
		margin: 0 30px 0 5px;
		list-style: none;
	}
	
	ul.depth_2 {
		list-style: none;
		margin: 0 30px 0 5px;
		list-style: none;
		padding: 0;
	}
	
	ul.depth_2 li {
		padding: 0;
		margin: 0;
	}

	ol.depth_0 {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 ;
		padding: 0;
		margin-left: 40px;
	}
	ol.depth_0 li {
		font-size: 1.0em;
		margin: 0 ;
		padding: 0;
		padding-left: -10px;
	}
	
	li p {
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
	}
	
	ol.depth_1 {
		list-style-type: -alpha;
		margin-left: 20px;
	}
	
	ol.depth_0 li {
		margin: 10px 0 10px 0px;
		
	}
	
	
	
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
	
	
	
	 ul.pagination  {
			/*border: 1px solid #999;*/
			display:  block;
			float:  left;
			width:  99%;
			margin:  5px 0;
			padding:  0;
		}

	ul.pagination  li {
			display:  block;
			float:  left;
			/*border: 1px solid #999;*/
			list-style:  none;
			margin:  3px;
			padding:  0;
		}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0px;
        padding: 0;
				

	}
	table caption {
		display:  none;
	}
	table summary {
		display:  none;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
		border: 1px solid #999;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}
	
/* END TYPOGRAPHY */	


span.suggestedanswer {
	color: #999;
	margin: 0;
	padding: 0;
}

span.studentsanswer {
	color: #950000;
/*	border: 1px solid #999;*/
	margin: 0 0 20px 20px;
	display: block;
}

span.studentsanswer p {
	margin-left: 0;
}

span.completed {
	display: block;
	background-color: #950000;
/*	border: 1px solid #950000;*/
	padding: 5px 0;
	margin: 0;
	margin-top: 20px;
}

span.completed h4 {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

span.answer {
	display: block;
	color: #950000;
	padding: 5px 0px;
	margin-bottom: 10px;
/*	border: 1px solid #ccc;*/
/*	border: 1px solid #999;*/
}

ul.depth_1 span.answer textarea {
  margin-left: -35px;
}
ul.depth_2 span.answer textarea {
  margin-left: -70px;
}

.answer del {
  text-decoration:none !important;
}

li span.note {
	display: block;
	color: #808080;
	padding: 10px 0;
}

div#login_logout{
	font-size: 11px;
}


ul#visible_recipients {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 15px 0;
}

span.uploadlabel { 
  display: inline-block;
  width: 220px;
}

input.upload_name {
  width: 256px;
}