body.web {
	font-family: Times New Roman, Georgia, serif;
	/*font-size: 100%;*/
	font-size: 12px;
	line-height: 1.5;
}


a:link, a:active, a:visited {
	text-decoration: none;
	color: blue;
}

a:hover {
	border-bottom: 1px dotted red;
	color: red;
}


.print a:link, .print a:visited, .print a:active {
	text-decoration: none;
	color: #000;
}
.print a:hover {
	text-decoration: none;
	color: #F00;
}

a.glossaryWord { 
	color: green; 
}

a.product {
	font-style: italic;
}

p.printerFriendlyLink { text-decoration: none; }

.step5ListHeader {
	font-weight: bold;
}

li.step5List {
	list-style-image: url('images/checkbox.jpg');
	padding-left: 1em;
}

span.defword {
	font-weight: bold;
}

acronym {
	border: none;
}

h1,h2,h3,h4,h5 { font-family: Arial,Helvetica,Verdana,sans-serif; }
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

h3.miscHeader {
	font-size: 120%;
	color: #black;
	border-bottom: 1px dotted black;
}

ul {
	margin: 1em;
	padding-left: 1.5em;
	position: relative;
	left: 1.5em;
}

.emHeader {
	font-style: italic;
}

.dateHeaderContainer {
	margin: 0;
	margin-bottom: 1em;
	clear: all;
	width: 100%;
	border: none;
}

.dateHeaderContainer h1 {
	font-size: 150%;
} 

h1.headerLogo {
	/* Push h1 header text offscreen */
	position: absolute;
	text-indent: -9999px;
	top: 0;
	left: 0;
}

/* index.php layout styles */
.mainIndexContainer {
	width: 85%;
	position: absolute;
	left: 50%;
	margin-left: -42.5%;
}

.headerContainer {
	position: relative;
	height: 100px;
	width: 32em;
	left: 50%;
	margin-left: -10em;
}

.indexH1 {
	font-size: 190%;
	position: relative;
	top: 15px;
	text-align: left;
}

.headerContainer img {
	float: left;
	display: inline;
	margin-right: 10px;
}

.info-form {
	position: relative;
	width: 32em;
	top: 0;
	left: 50%;
	margin-left: -16em;
	padding-top: 5px;
	margin-top: 10px;
}

.date-form {
	position: relative;
	width: 32em;
	top: 0;
	left: 50%;
	margin-left: -16em;
	border-top: 1px solid #000;
	padding-top: 5px;
	margin-top: 10px;
}

.mainContainer {
	width: 95%;
}

.nostyle, .nostyle:link, .nostyle:hover {
	text-decoration: none;
	border: none;
	color: #000;
}

ul.noBullet {
   list-style-type: none;
   list-style-position: outside;
}

h1 a.nostyle {
	color: #000;
}

.special {
	color: #F00;
}

.deadline {
	font-size: 100%;
	font-weight: bold;
}

.deadlineDate {
	font-size: 100%;
	font-style: italic;
}

.stepHeader {
	font-weight: bold;
	padding: 5px;
	margin-bottom: 1em;
	min-height: 155px;
}

.docHeader {
	padding: 5px;
	margin-bottom: 1em;
	min-height: 95px;
}

.stepHeader  h2 {
	margin-top: 20px;
	margin-right: 1em;
	font-size: 130%;
	/*display: inline;*/
}

.docHeader h2 {
	font-size: 150%;
	margin-top: 30px;
	margin-right: 1em;
}
.stepHeaderImg, .docHeaderImg {
	display:inline;
	float: left;
	margin: 0em 1em;
}
.stepHeaderImg img, .docHeaderImg img {
	vertical-align: middle;
}

.stepHeaderContents, .docHeaderContents {
	display: inline;
	margin-right: 2em;
	/* Attempt to vertically center the text */
}

.goalStatement {
	font-size: 100%;
	font-weight: bold;
}

.goalIdentifier {
	color: black;
}

.stepQuestionContainerOuter {
	margin-bottom: 3em;
}

.stepQuestionStudentContainer {
	width: 100%;
	padding: 4px;
}

.stepQuestionTeacherContainer ul li {
	margin-top: 0.2em;
}
.stepQuestionStudentContainerContent {
	margin: 1em;
}

.stepQuestionTeacherContainer, .stepQuestionTeacherContainerAbout {
	/*clear: left;*/
	margin-left: 4px;
	margin-right: 4px;
	width: 100%;
}

.stepQuestionTeacherContainer div.teacherGoal {
	font-size: 110%;
	color: black;
	padding: 1em;
	border-bottom: 1px dotted black;
}

.stepQuestion, .stepQuestionWithFloat, .stepQuestionTeacher, .stepQuestionTeacherWithFloat {
	font-size: 130%;
	/*line-height: 0.5;*/
	font-weight: bold;
	color: black;
	border-bottom: 1px dotted black;
	padding: 4px;
	margin: 0;
}


/* This is a hack so that the background colors of the headings don't go behind the floating links list.*/
.stepQuestionWithFloat, .stepQuestionTeacherWithFloat {
	width: 75%;
}

.allStepsContainer {
	display: block;
	clear: all;
	width: 100%;
	min-width: 640px;
}

.allQuestionsContainer {
	margin-bottom: 2em;
}

.stepTable {
	min-width: 640px;
	/*margin-top: 0.5em;*/
	clear: left;
}

.stepContainer {
	width: 100%;
}

.stepContainerInner {
	display: block;
	height: 100%;
	padding: 0px;
}

.stepContainerStudent, .stepContainerTeacher {
	height: 100%;
	vertical-align: top;
	/*border: 1px solid black;*/
	padding: 3px;
}

.stepContainerStudent a:link, .stepContainerStudent a:visited, .stepContainerTeacher a:link, .stepContainerTeacher a:visited {
	color: black;
}

.stepContainerStudent a:hover, .stepContainerTeacher a:hover {
	color: red;
	border-bottom: 1px dotted red;
}

.stepContainerStudent ul , .stepContainerTeacher ul {
	padding-left: 1em;
	margin: 2px;
	margin-left: 1em;
	list-style-position: outside;
	position: relative;
	left: 0;
	line-height: 1.2em;
}

.smallHeader, .smallHeaderTeacher {
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 0;
}

.deadlineInfo {
	margin-top: 2ex;
	margin-left: 2px;
	position: relative;
	bottom: 1px;
}

.infoText {
	font-size: 100%;
}

#userInfo, #dateInfo {
	margin-left: 10px;
	float: left;
	display: inline;
	margin-bottom: 1em;
	border: 1px dotted black;
	padding: 5px;
	height: 6em;
	width: 46%;
}

#dateInfo {
	margin-left: 2%;
}

#div-date-fields {
	display: inline;
	float: left;
	margin-right: 1em;
}

#date-submit-recalc {
	position: relative;
	top: 1em;
	display: inline;
	float: left;
	width: 14em;
}

.footerContainer {
	border-top: 1px solid #000;
	margin-top: 30px;
	clear: right;
}

.footerText {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;	
}

#stepFooter {
	clear: both;
	margin-top: 4em;
	padding-top: 5px;
	border-top: 1px solid black;
	position: relative;
	bottom: 1;
	left: 0;
}

.stepText {
	font-size: 100%;
	font-weight: normal;
}

/* **************************
 * This is to fix the spacing
 * on nested lists in no_time.php
 * Overrides the default
 * second-level ul properties
 * for when it's nested inside
 * an ol. 
 */
ol ul { list-style-type: disc; }
ol ul li { margin-top: 1em; }
o ul li p { margin-top: 0.5em; }
ul ul { list-style-type: disc; }

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

li.glossaryItem {
	margin-top: 1em;
	margin-left: 0;
	padding: 0;
}

.glossaryTerm {
	font-size: 100%;
	font-weight: bold;
}

.glossaryDef {
	font-size: 90%;
}

.quoteContainer {
	clear: right;
	padding: 0;
	/*display: inline;*/
	margin-bottom: 1em;
	margin-left: 4px;
	padding-left: 3em;
	/*width: 75%;*/
}

blockquote {
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 105%;
	padding: 0;
	margin: 0 1em 2px 1em;
	display: inline;
	float: left;
}

.quoteBorder {
	display: inline;
	float: left;
	margin-top: 2px;
}

.quoteBorderHoriz {
	display: none;
}

.quoteImg {
	border: none;
}
.quoteAuthor {
	font-style: normal;
	font-size: %70;
	font-weight: normal;
	margin-top: 0;
	margin-left: 24em;
	margin-top: 0.5em;
	clear: left;
	display: block;
}

.smallIndent { 
	margin-left: 3em; 
}

table.stepHeaderTable {
	border-collapse: collapse; 
	border: 1px solid windowtext;
	width: 100%;
}

td.stepHeaderTableCell {
	border-collapse: collapse; 
	border: 1px solid windowtext;
	vertical-align: top;
}


td.printText { font-size: 80%; }

/* Form Elements */
fieldset {
	border: none;
}

div.form-field {
	margin-bottom: 8px;
}

label.info-label {
	font-size: 100%;
	font-weight: bold;
	text-align:right;
	width: 6em;
	margin-right: 0.5em;
	display: block;
	float: left;
	clear: right;
}

label.date-label {
	font-size: 85%;
	font-weight: bold;
	text-align:right;
	width: 20em;
	margin-right: 0.5em;
	display: block;
	float: left;
	clear: right;
}

label.checkbox-label {
	display: inline;
}

label.checkbox-label-special {
	font-size: 80%;
	font-style: italic;
	color: #666666;
}

input.text-input, input.date-text, input.date-text-year, select {
	border: 1px solid #000;
	width: 20em;
	padding: 1px 2px;
}

input.date-text {
	width: 2em;
	text-align: right;
}
input.date-text-year {
	width: 3.5em;
	text-align: right;
}
input#date-submit {
	position: absolute;
	width: 18em;
	left: 50%;
	margin-left: -9em;
	margin-top: 8px;
	border: 1px solid black;
}

.emailPrintSubmit {
	width: 13em;
	border: 1px solid black;
	margin-top: 0.5em;
	margin-left: 2em;
}

.submit-class {
	border: 1px solid black;
}

.hidden {
	display: block;
}

.stepImageContainer,
.stepQuestionStudentContainerInset, 
.dateHeaderContainer img,
.showHideLinks,
img.documentLink,
img.documentLink,
img.documentLinkIcon,
.documentLinkP,
/*.documentGroup, */
.documentGroupBrief,
.expandLinks, 
.expandIcon,
.resourceBox,
.linksColumn,
.linkBox,
.differentDate,
.emailInfoMessage,
#emailForm {
	display: none;
}