@charset "UTF-8";
/* CSS Document */


/* Global settubgs for h, p, ul and link styles. If you need custom styles create custom div tags. */
h1, h2, h3 {font-family: Verdana, Geneva, sans-serif sans-serif; color:#990033;}
h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h1, h2, h3, h3 {letter-spacing:-1px;}
p, ul, ol, li, th, td, blockquote {	font-family: Verdana, Geneva, sans-serif sans-serif;font-size:13px;	line-height:1.8em;}
ul {list-style: disc;}
a {color:blue;text-decoration:underline;}
a:active {text-decoration:underline;}
a:hover {text-decoration:none;} 
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
img { /* gives all images a 2px space around and removes borders */	padding:2px; border:0;}
.subtitle {font-size: 16px; font-weight: bold; line-height: 1px; padding-bottom: 20px;}



/* end global settings */


/* custom style classes for text styling */

.highlight {background:#ffff00;	font-weight:bold;		
}

.emphasis {	font-weight:bold;}
.maroon {color:#990033;}
.italics {font-style:italic;}
.underline {text-decoration:underline;}
.red-emphasis {font-weight:bold;color:red;}
.border {padding:2px;border:0;}
.larger-text {font-size: 16px !important;}
.gold {color:#ffb310;}

/* end of custom style classes */


#redbox {padding:15px;background:#e7e7e7;border:1px solid #F00;}

#emphasis-box, #image-box, #activity-box {
				padding:5px 15px;
				border:1px solid #CCC;
				background-color: #efefef;}				}
				
#emphasis-box {
	width:760px;}
				
#image-box {
	width: 600px;
	height:auto;	
	margin: 0 auto;
	vertical-align: middle;
	}		

#image-box img {
	max-width: 100%;
	/*max-height: 100%; */
	display: block;
	margin: 0 auto;

	}				
				
#image-box p {
		font-size: 10px;
		text-align: center;
		margin:0 auto;
		}		
		
#activity-box {
	width: 700px;
	margin:0 auto;
	}		
	
	
#assessment-box-quiz {
	width: 500px;
	margin:0 auto;
	padding:5px 15px;
	border:2px solid red;
	background: url(http://asuonline-dev.asu.edu/css/new-css/icons/quiz.jpg) 20 20 no-repeat;
	padding-left:70px;min-height:65px;height:auto !important; clear:both;
	}
	
#assessment-box-quiz p {
	font-size: 18px;
}
	
	
				
				
				


/* Automatically inserts a small icon as a background based on the type of linked document (pdf, doc, docx, xls, xlxs, ppt, pptx) */

a[href$=".pdf"] {background:url(http://asuonline-dev.asu.edu/css/icons/pdf.jpg) no-repeat right top;padding-right:20px;}
a[href$=".doc"], a[href$=".docx"] {background:url(http://asuonline-dev.asu.edu/css/icons/word.png) no-repeat right top;padding-right:20px;}
a[href$=".ppt"], a[href$=".pptx"]  {background:url(http://asuonline-dev.asu.edu/css/icons/ppt.jpg) no-repeat right top;	padding-right:20px;	}

/* end of automatic icon insert */


/* Custom DIV tags for course sections. Inserts appropriate background image on the top line.    */

/*

#discussions {background:url(http://asuonline-dev.asu.edu/css/icons/discussions.gif) left top no-repeat;}
#quiz {background:url(http://asuonline-dev.asu.edu/css/icons/Quiz.jpg) left top no-repeat;}
#self-check {background:url(http://asuonline-dev.asu.edu/css/icons/selfcheck.gif) left top no-repeat;}
#writing {background:url(http://asuonline-dev.asu.edu/css/icons/writingActivities.gif) left top no-repeat;}
#digital-text {background:url(http://asuonline-dev.asu.edu/css/icons/digitalText.gif) left top no-repeat;}
#lecture-presentation {background:url(http://asuonline-dev.asu.edu/css/icons/lecturePresentation.gif) left top no-repeat;}
#group-work {background:url(http://asuonline-dev.asu.edu/css/icons/groupWork.gif) left top no-repeat;}
#web-resources {background:url(http://asuonline-dev.asu.edu/css/icons/webResources.gif) left top no-repeat;}
#video {background:url(http://asuonline-dev.asu.edu/css/icons/Video.png) left top no-repeat;}
#chemistry {background:url(http://asuonline-dev.asu.edu/css/icons/chemistryLab.gif) left top no-repeat;}
#interactive {background:url(http://asuonline-dev.asu.edu/css/icons/interactiveActivities.gif) left top no-repeat;}
#selfcheck {background:url(http://asuonline-dev.asu.edu/css/icons/selfcheck.gif) left top no-repeat;}
#interactivity {background:url(http://asuonline-dev.asu.edu/css/icons/interactivity.jpg) left top no-repeat;}
#audio {background:url(icons/audio-icon.jpg) left top no-repeat;}
#suplementary-materials {background: url(icons/supplementary-materials.jpg) left top no-repeat;		}
#review-icon {background: url(icons/review-icon.jpg) left top no-repeat;}
#extra-credit {background: url(icons/extra-credit.jpg)left top no-repeat;}
#sparky {background: url(icons/sparky.jpg) left top no-repeat;}

*/

#discussions {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/discussion.jpg) left top no-repeat;}
#quiz {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/quiz.jpg) left top no-repeat;}
#self-check {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/check.jpg) left top no-repeat;}
#writing {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/writing-assignment.jpg) left top no-repeat;}
#digital-text {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/book.jpg) left top no-repeat;}
#lecture-presentation {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/podium.jpg) left top no-repeat;}
#group-work {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/group.jpg) left top no-repeat;}
#web-resources {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/outside-website.jpg) left top no-repeat;}
#video {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/video.jpg) left top no-repeat;}
#chemistry {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/chemistryLab.gif) left top no-repeat;}
#interactive {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/interactive.jpg) left top no-repeat;}
#selfcheck {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/check.jpg) left top no-repeat;}
#interactivity {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/interactive.jpg) left top no-repeat;}
#audio {background:url(http://asuonline-dev.asu.edu/css/new-css/icons/audio.jpg) left top no-repeat;}
#suplementary-materials {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/supplementary-materials.jpg) left top no-repeat;}
#review-icon {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/review.jpg) left top no-repeat;}
#extra-credit {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/extra-credit.jpg)left top no-repeat;}
#rock-on {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/rock-on.jpg)left top no-repeat;}
#astronomy {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/astronomy.jpg)left top no-repeat;}
#calendar {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/calendar.jpg)left top no-repeat;}
#idea {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/idea.jpg)left top no-repeat;}
#news {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/news.jpg)left top no-repeat;}
#notes {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/notes.jpg)left top no-repeat;}
#timed-activity {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/stopwatch.jpg)left top no-repeat;}
#reminder {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/reminder.jpg)left top no-repeat;}
#sparky {background: url(icons/sparky.jpg) left top no-repeat;}
#apaper {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/apaper.png)left top no-repeat;}
#cd {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/cd.png)left top no-repeat;}
#vocab {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/vocabulary.png)left top no-repeat;}
#headphones {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/headphones.png)left top no-repeat;}
#reflection {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/reflection.jpg)left top no-repeat;}
#pdf {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/pdf.jpg)left top no-repeat;}
#digital-file {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/digital-file.png)left top no-repeat;}
#lizard {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/lizard.png)left top no-repeat;}
#lab {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/lab.png)left top no-repeat;}

#topics {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/topics.png)left top no-repeat;}
#download-doc {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/download-doc.png)left top no-repeat;}
#presentation {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/presentation.png)left top no-repeat;}
#assignments {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/assignments.png)left top no-repeat;}
#idea {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/idea.png)left top no-repeat;}
#exclamation {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/exclamation.png)left top no-repeat;}
#math {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/math.png)left top no-repeat;}

#baby {background: url(http://asuonline-dev.asu.edu/css/new-css/icons/baby.png)left top no-repeat;}












/* Pushes text to the right 70px to the right.   */

#discussions, #quiz, #self-check, #writing, #digital-text, #lecture-presentation, #group-work, #web-resources, #video, #chemistry, #interactive, #selfcheck, #interactivity, #audio, #suplementary-materials, #review-icon, #extra-credit, #rock-on, #astronomy, #calendar, #idea, #news, #notes, #timed-activity, #reminder, #sparky, #apaper, #cd, #vocab, #headphones, #reflection, #pdf, #digital-file, #lab, #lizard, #topics, #download-doc, #presentation, #assignments, #idea, #exclamation, #math, #baby {padding-left:70px;min-height:65px;height:auto !important; clear:both;}

/* This is the code for the demo page. */
#demo {	margin:2em 4em;	padding:10px;background:#eeeeee;font-family:"Courier New", Courier, monospace;}
#print {text-align:right;}
a[href$=".print"] {background:url(http://asuonline-dev.asu.edu/css/icons/print.gif) no-repeat right top;padding-right:20px;}
ul ul {list-style:circle;}
td, th {padding:.2em;text-align:left;vertical-align:center;}
th {font-weight:bold;font-size:14px;}
.odd {background:#f2f2f2;}

/* ----- end of code for the demo page ----- */


/* Resets UL and removes list styles in tables */
#resetTbl table ul {list-style:none;margin:0;padding:0;}

/* end of table rest */



/* --- APA paragraph style ---- */
.apa, #apa {margin:0in 0in 0.0001pt 0.5in;text-indent: -0.5in; line-height: 200%;}

/* -+----*/

.tdRight {
		text-align:right !important;
		}



/* Return to home unit button */


#homeButton {margin: 0 auto;	}

#homeButton ul {
	list-style:none;

}


#homeButton ul li a {
		text-decoration:none;
		color:#c00000;
		display:block;
		padding:30px 20px;
		background-color:#eeeeee;
		width:400px;
		font-family: Helvetica, Arial,sans-serif;
		font-size: 40px;
		font-weight:bold;
}

#homeButton ul li a:hover {
		background-color:#ccc;
}

/* end of  to home unit button */





/* Participate in the discussion button */


#participate {margin: 0 auto;	}

#participate ul {
	list-style:none;
	padding: 30px 20px;

}


#participate ul li a {
		text-decoration:none;
	color:#990033;
		
		padding: 10px;
		background-color:#eeeeee;
		
		
		font-size: 20px;
		font-weight:bold;
}

#participate ul li a:hover {
		background-color:#ccc;
}

/* end of  to home unit button */






/* Start of custom CSS styles */



#instructorInfo p {
	line-height: .4em;
	}
	
#instructorInfo {
	border-top: 2px solid black;
	border-bottom:2px solid black;}


img.right {
	float:right;
	}


.lightGrey {
	background: #efefef;
	}
	
.questionText {
	font-size: 24px;
	}	
	
	
ol ol {
	list-style: lower-alpha;
	}
	
.introText {
	font-family: Georgia, serif;
	font-size:24px;
	line-height: 1.3em;
	
	}
	
p.imageCaption {
	font-size: 10px;
	margin-top: 0px;
	padding-top: 0px;
	
	}
	
img.imageInText {
	width:350px;
	border: 10px solid #e9e9e9;
	padding:0;
	margin:0;
	
	}
	
.instructorImage {
	float:left;
	padding:8px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #CCC;
	background-color: rgba(210,210,210,0.83);
	}
	
	
.centerText {
	text-align: center;
	}
	
#customTable td {
	vertical-align: top;
	padding: 5px;
	}
	
#customTable th {
	padding: 5px;
	font-size: 18px;
	}
	
#customTable tr:hover { 
	background-color:#CCC;
	}
	

.step {
	font-size: 16px;
	}
	
	
	
	
	
	
/* end of custom CSS styles */


/*  hides page titles in LS 


.pageTitle {
	display: none !important;
}
*/