/* 

AAU COURSE CONTENT STYLESHEET 

For displaying the content of online courses



Date Last updated: 2/10/2011

By: Jesse Cortez



*/

/************************************************************************************************************/

/* SESSION BASICS */

/************************************************************************************************************/

html, body {

	margin: 0;

	padding: 0;
	
	background-color: #fff;

	}

#session_contain {

	width: 720px;

	}

#session_nav {

	float: left;
	
	padding: 0 16px 140px 24px;

	}

#gutter_01, #gutter_02, #mod_image {

	width: 128px;

	}

.mod_link {

	padding: 4px;

	}

#session_main {

	float: left;
	
	width: 500px;

	margin-left: 16px;

	padding-bottom: 16px;

	}

#directions {

	border-bottom: 1px solid #CCC;

	padding-bottom: 10px;

	font-weight: bold;

	}



/************************************************************************************************************/

/* TYPOGRAPHY and HIERARCHY*/

/************************************************************************************************************/

#session_contain, #session_contain table, td {

	font: 10px/1.6em Verdana, Arial, Helvetica, sans-serif;

	color:  #333;

	}
	

#session_main h2, #session_main h3, #session_main h4, #session_main h5, #session_main h6{

	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;

	margin-left: 0;	

	}

#session_main h2 {

	color: #666;

	border-bottom: double #ccc 4px;

	padding: 10px 0 2px;

	margin-bottom: 1.5em;

	}

#session_main h3 {

	color: #222;

	font-size: 11px;

	margin-top: 2em;

	}

#session_main h4 {

	color: #556;

	font-size: 10px;

	margin-top: 2em;

	}

#session_main h5 {

	color: #4B7CBB;

	font-size: 10px;

	margin-top: 2em;

	}

#session_main h6 {

	color: #A8A8AC;

	font-size: 10px;

}

#session_main ul {

	list-style-type: square;

	}





#session_main h2 + h3, #session_main h2 + h4, #session_main h2 + h5{

	margin-top: 0;	/*Zeros out top margin for heading after H2*/

	}

#session_main td h3:first-child, #session_main td h4:first-child, #session_main td h5:first-child{

	margin-top: 0.2em;	/*Zeros out top margin for first heading in a Table Cell*/

	margin-bottom: 0.2em;

	}

#session_main div h3:first-child, #session_main div h4:first-child, #session_main div h5:first-child{

	margin-top: 0.2em;	/*Zeros out top margin for first heading in a Div*/

	margin-bottom: 0.2em;

	}

/************************************************************************************************************/

/* LINKS */

/************************************************************************************************************/

#session_main a:link, #session_main a:visited, #session_main a:active {

	font-size: 1em;

	color: #CC0000; 

	text-decoration: none;

	font-weight: normal;

}

#session_main a:hover{

	font-size: 1em;

	text-decoration: underline;

	font-weight: normal;

}



/************************************************************************************************************/

/* FIX FOR LMS GENERATED LINKS */

/************************************************************************************************************/





.sessionTopNav {

	margin-top: -1em;

	*margin-top: 1.2em;

}

.sessionBottomNav{

	*margin-top: 16px;

}

.sessionQuickLinks{

	*margin-top: 8px;

}



/************************************************************************************************************/

/* Icon bullet styles and special paragraph styles - Used on M01S02 */

/************************************************************************************************************/



.indent-28 {

	padding-left: 28px;

	}

.bullet-slideshow {

	background: url(http://assets.academyart.edu/images/icons/icon_slideshow.gif) no-repeat 0px 2px;

	}

.bullet-media {

	background: url(http://assets.academyart.edu/images/icons/icon_video.gif) no-repeat 0px 2px;

	}

.bullet-quicktime {

	background: url(http://assets.academyart.edu/images/icons/icon_quicktime.png) no-repeat 0px 2px;

	}

.bullet-flash {

	background: url(http://assets.academyart.edu/images/icons/icon_flash.png) no-repeat 0px 2px;

	}

.bullet-enlarge {

	background: url(http://assets.academyart.edu/images/icons/icon_enlarge.png) no-repeat;

	}

.bullet-attention {

	background: url(http://assets.academyart.edu/images/icons/icon_attention.gif) no-repeat;

	padding-bottom: 10px;

	}	



/************************************************************************************************************/

/*CONTEXT STYLES*/

/************************************************************************************************************/

.aligncenter{

	text-align: center;

}

.alignleft{

	text-align: left;

}

.alignright{

	text-align: right;

}

.blue_aac {

	color: #4C5B85;

}



.caption {

	color: #222222;

	line-height: 10px;

	font-size: 9px;

}



.caption_no_border {

	color: #222222;

	line-height: 10px;

	font-size: 9px;

	padding-bottom: 10px;

}



.code {

	font-family: "Courier New", Courier, mono;

	font-size: 12px;

	line-height: 17px;

	color: #000;

}



.comment {

	line-height: 13px;

	font-size: 11px;

	border: 3px solid #999999;

	background-color: #f7f7f7;

}



.edit {

	color: #FF0CFF; 

}



.footnote {

	font-size: 9px;

	line-height: 11px;

	

}



.gallery {

	color: #FFFFFF;

	background-color: #000000;

}



.grayborder {

	border: 1px solid #CCCCCC;

	}

	

.grayborder_shaded {

	border: 1px solid #CCCCCC;

	background: #f7f7f7;

	padding:3px;

	}

	

.poem {

	line-height: 13px;

	font-size: 11px;

}

.pullquote {

	font-family: Skia, Georgia, Times New Roman, Times, serif;

	font-size: 12px;

	font-style: oblique;

	font-weight: bold;

	color: #999999;

	line-height: 16px;

}



.quote {

	line-height: 14px;

	font-size: 12px;

}



.redborder {

	border: 1px solid #CC0000;

	}



.redtext {

	color: #CC0000;

}



.shortcuts {

	font-weight: bold;

	color: #4C5B85;

	background-color: #D8F6F9;

	border: 1px solid #003366;

}

	

.tableborder {

	border: 1px solid #CCCCCC;

	background-color: #f7f7f7;

}

	

.whitetext {

	color: #FFFFFF;

}



/************************************************************************************************************/

/*NEW STYLES*/

/************************************************************************************************************/

.border-a {

	border: 1px solid #CCCCCC;

	background-color: #f7f7f7;

	padding: 4px;

	overflow: hidden;

}

.centered{
	margin: 1.5em auto;"
}

.bordered{
	
	display: block;
	
	padding: 3px;
	
	border: 1px solid #999;
}

.shaded{
	
	background-color: #f7f7f7;
}



/************************************************************************************************************/

/*ICON STYLES*/

/************************************************************************************************************/



.icon_attention {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_attention.gif) no-repeat;

}



.icon_audio {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_audio.gif) no-repeat;

}



.icon_audio2 {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_audio2.gif) no-repeat;

}



.icon_audio {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_audio.gif) no-repeat;

}



.icon_book {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_book.gif) no-repeat;

}



.icon_book2 {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_book2.gif) no-repeat;

}



.icon_book3 {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_book3.gif) no-repeat;

}



.icon_cd {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_CD.gif) no-repeat;

}



.icon_demo {

	width:20px;

	height:23px;

	background: url(http://assets.academyart.edu/images/icons/icon_demo.gif) no-repeat;

}



.icon_discussion {

	width:14px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_discussion.gif) no-repeat;

}



.icon_doc {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_doc.gif) no-repeat;

}



.icon_enlarge {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_enlarge.png) no-repeat;

}



.icon_excel {

	width:24px;

	height:24px;

	background: url(http://assets.academyart.edu/images/icons/icon_excel.gif) no-repeat;

}



.icon_excel2 {

	width:25px;

	height:29px;

	background: url(http://assets.academyart.edu/images/icons/icon_excel2.gif) no-repeat;

}



.icon_flash {

	width:20px;

	height:20px;

	background: url(http://assets.academyart.edu/images/icons/icon_flash.png) no-repeat;

}

.icon_flash360 {

	width:20px;

	height:20px;

	background: url(http://assets.academyart.edu/images/icons/icon_flash360.gif) no-repeat;

}



.icon_interactive {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_interactive.gif) no-repeat;

}



.icon_jpg {

	width:32px;

	height:31px;

	background: url(http://assets.academyart.edu/images/icons/icon_jpg.gif) no-repeat;

}



.icon_macintosh {

	width:25px;

	height:26px;

	background: url(http://assets.academyart.edu/images/icons/icon_macintosh.jpg) no-repeat;

}



.icon_mac_only {

	width:168px;

	height:29px;

	background: url(http://assets.academyart.edu/images/icons/icon_mac_only.jpg) no-repeat;

}



.icon_pc_only {

	width:157px;

	height:27px;

	background: url(http://assets.academyart.edu/images/icons/icon_pc_only.jpg) no-repeat;

}



.icon_pdf {

	width:20px;

	height:22px;

	background: url(http://assets.academyart.edu/images/icons/icon_pdf.gif) no-repeat;

}



.icon_pdf2 {

	width:36px;

	height:35px;

	background: url(http://assets.academyart.edu/images/icons/icon_pdf2.gif) no-repeat;

}



.icon_pdf_transcript {

	width:16px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_pdf_transcript.gif) no-repeat;

}



.icon_quicktime {

	width:20px;

	height:19px;

	background: url(http://assets.academyart.edu/images/icons/icon_quicktime.gif) no-repeat;

}



.icon_quicktip {

	width:100px;

	height:31px;

	background: url(http://assets.academyart.edu/images/icons/icon_quicktip.gif) no-repeat;

}



.icon_real {

	width:30px;

	height:19px;

	background: url(http://assets.academyart.edu/images/icons/icon_real.gif) no-repeat;

}



.icon_slideshow {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_slideshow.gif) no-repeat;

}



.icon_spotlight {

	width:45px;

	height:38px;

	background: url(http://assets.academyart.edu/images/icons/icon_spotlight.jpg) no-repeat;

}



.icon_tip {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_tip.gif) no-repeat;

}

	

.icon_video {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_video.png) no-repeat;

}



.icon_warning {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_warning.gif) no-repeat;

}



.icon_windows {

	width:26px;

	height:24px;

	background: url(http://assets.academyart.edu/images/icons/icon_windows.gif) no-repeat;

}



.icon_word {

	width:24px;

	height:24px;

	background: url(http://assets.academyart.edu/images/icons/icon_word.gif) no-repeat;

}



.icon_word2 {

	width:24px;

	height:31px;

	background: url(http://assets.academyart.edu/images/icons/icon_word2.gif) no-repeat;

}



.icon_www {

	width:20px;

	height:18px;

	background: url(http://assets.academyart.edu/images/icons/icon_www.gif) no-repeat;

}



.logo_ecampus {

	width:120px;

	height:32px;

	background: url(http://assets.academyart.edu/images/icons/logo_ecampus.gif) no-repeat;

}



.logo_utrecht {

	width:70px;

	height:57px;

	background: url(http://assets.academyart.edu/images/icons/logo_utrecht.gif) no-repeat;

}





/************************************************************************************************************/

/* UNUSED? ------*/

/************************************************************************************************************/





/* A Temporary fix for CA3D 101 Hands-on exams*/



#quiz .quizLayout p {

	margin-top: 0px;

	width: 600px;

}