/* 

AAU COURSE CONTENT STYLESHEET 2010

For displaying the content of online courses


Date Last updated: 1/11/2011


*/

@charset "UTF-8";

/************************************************************************************************************/
/* RESET SOME BAD Global.css STYLES*/
/************************************************************************************************************/


#session_contain div:after{

     content: none;
    
	}
	
#session_main sup {
	
	vertical-align: super;
	
	}
	
#session_main sub {
	
	vertical-align: sub;
	
	}
	
#session_main th {
	
	text-align: center;
	
	}

#session_main table{

    border-collapse: separate;

    }

#session_main img[src*="_images/"] {
    
    margin: 0;
	
	}
	
.col-a {

	position: static;
	
	}

/* Preserve old html 'align left' attributes */
#session_main th[align="left"] { text-align: left; }

/* Convert Table cellspacing to border-spacing*/	
#session_main table[cellspacing="1"] { border-spacing: 1px; }
#session_main table[cellspacing="2"] { border-spacing: 2px; }
#session_main table[cellspacing="3"] { border-spacing: 3px; }
#session_main table[cellspacing="4"] { border-spacing: 4px; }
#session_main table[cellspacing="5"] { border-spacing: 5px; }
#session_main table[cellspacing="6"] { border-spacing: 6px; }
#session_main table[cellspacing="7"] { border-spacing: 7px; }
#session_main table[cellspacing="8"] { border-spacing: 8px; }
#session_main table[cellspacing="9"] { border-spacing: 9px; }
#session_main table[cellspacing="10"] { border-spacing: 10px; }
#session_main table[cellspacing="11"] { border-spacing: 11px; }
#session_main table[cellspacing="12"] { border-spacing: 12px; }
#session_main table[cellspacing="13"] { border-spacing: 13px; }
#session_main table[cellspacing="14"] { border-spacing: 14px; }
#session_main table[cellspacing="15"] { border-spacing: 15px; }
#session_main table[cellspacing="16"] { border-spacing: 16px; }
#session_main table[cellspacing="17"] { border-spacing: 17px; }
#session_main table[cellspacing="18"] { border-spacing: 18px; }
#session_main table[cellspacing="19"] { border-spacing: 19px; }
#session_main table[cellspacing="20"] { border-spacing: 20px; }

/* Convert Table cellpadding to td padding*/	
#session_main table[cellpadding="1"] td { padding: 1px; }
#session_main table[cellpadding="2"] td { padding: 2px; }
#session_main table[cellpadding="3"] td { padding: 3px; }
#session_main table[cellpadding="4"] td { padding: 4px; }
#session_main table[cellpadding="5"] td { padding: 5px; }
#session_main table[cellpadding="6"] td { padding: 6px; }
#session_main table[cellpadding="7"] td { padding: 7px; }
#session_main table[cellpadding="8"] td { padding: 8px; }
#session_main table[cellpadding="9"] td { padding: 9px; }
#session_main table[cellpadding="10"] td { padding: 10px; }
#session_main table[cellpadding="11"] td { padding: 11px; }
#session_main table[cellpadding="12"] td { padding: 12px; }
#session_main table[cellpadding="13"] td { padding: 13px; }
#session_main table[cellpadding="14"] td { padding: 14px; }
#session_main table[cellpadding="15"] td { padding: 15px; }
#session_main table[cellpadding="16"] td { padding: 16px; }
#session_main table[cellpadding="17"] td { padding: 17px; }
#session_main table[cellpadding="18"] td { padding: 18px; }
#session_main table[cellpadding="19"] td { padding: 19px; }
#session_main table[cellpadding="20"] td { padding: 20px; }

/* Restore OL list types */
#session_main ol[type="a"]>li {list-style-type: lower-alpha;}
#session_main ol[type="A"]>li {list-style-type: upper-alpha;}
#session_main ol[type="i"]>li {list-style-type: lower-roman;}
#session_main ol[type="I"]>li {list-style-type: upper-roman;}



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

/* SESSION BASICS */

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


#session_contain {

	padding: 20px 0;
	
	}
	
#session_nav {

	float: left;

	}

#gutter_01, #gutter_02, #mod_image {

	width: 128px;

	}

.mod_link {

	padding: 4px;

	}

#session_main {
	
	margin-left: 148px;
	
	width: 500px; 

	}

#directions {

	border-bottom: 1px solid #CCC;

	padding-bottom: 10px;

	font-weight: bold;

	}
	


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

/* TYPOGRAPHY and HIERARCHY*/

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

#session_main, #session_main table, #session_nav{
	
	color: #484848;
    
    font: 12px/1.5 arial,helvetica,clean,sans-serif;
    
	}
	
#session_main h2, #session_main h3, #session_main h4, #session_main h5, #session_main h6{

	margin: 0;
	
	padding: 0;
	
	text-transform: none;

	}

#session_main h2 {

	border-bottom: 1px dotted #999999;
	
	color: #000000;
	
	font-size: 1.5em;
	
	font-weight: normal;

	margin-bottom: 18px;
	
	padding-bottom: 1px;

	}
	
#session_main h2 strong, #session_main h2 b{
	
	font-weight: normal;

	}

#session_main h3 {

	color: #444;
    
    font-size: 14px;
    
    line-height: 1.5em;
   
    margin-top: 1em;
    
    border: 0;

	}

#session_main h4 {

	color: #666;

	margin-top: 1em;
	
	font-size: 14px;
	
	font-weight: normal;

	}

#session_main h5 {

	color: #595959;

	margin-top: 1em;

	}

#session_main h6 {

	color: #595959;
	
	font-style: italic;

	}

#session_main p {

	margin: 1em 0;
	
	}

#session_main ul, #session_main ol {
	
	margin: 1.5em 0 1.5em 16px;
	padding: 0;
	
	}		

#session_main li {

	line-height: 1.5em;
	
	margin-left: 16px;
	
	}
	
#session_main ul>li {
	
	list-style-type: disc;
	
	}
	

#session_main h2 + p, #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;

	}

blockquote{
	
	margin: 1em;
	
	}


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

/* 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-video_play {

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

	}

.bullet-attention {

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

	padding-bottom: 10px;

	}	



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

/*CONTEXT STYLES*/

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


.blue_aac {

	color: #4C5B85;

	}


.caption {

	color: #444;

	font-size: 10px;
	
	line-height: 1.35em;

}


.caption_no_border {

	color: #444;

	font-size: 10px;
	
	line-height: 1.35em;

	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;

}


#session_main .edit, #session_main p.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*/

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

#session_main .border-a {

	border: 1px solid #CCCCCC;

	background-color: #f7f7f7;

	padding: 4px;

	overflow: hidden;

	}
	
#session_main .aligncenter { text-align: center;}

#session_main .alignleft { text-align: left; }

#session_main .alignright { text-align: right; }

#session_main .floatleft { float: left; }

#session_main .floatright { float: right; }

#session_main .clearboth { clear: both; }

#session_main .centered{ margin: 1em auto; }

#session_main .shaded{ background-color: #f7f7f7; }

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


/* DIV TABLES */

#session_main .div-table{display:table;}

#session_main .div-table-caption-top{display:table-caption; caption-side:top;}

#session_main .div-table-caption-bottom{display:table-caption; caption-side:bottom;}

#session_main .div-table-row{display:table-row;}

#session_main .div-table-cell{display:table-cell;}


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

/*ICON STYLES*/

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



.icon_attention {

	width:20px;

	height:18px;

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

}



.icon_audio {

	width:20px;

	height:18px;

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

}



.icon_audio2 {

	width:20px;

	height:18px;

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

}



.icon_audio {

	width:20px;

	height:18px;

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

}



.icon_book {

	width:20px;

	height:18px;

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

}



.icon_book2 {

	width:20px;

	height:18px;

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

}



.icon_book3 {

	width:20px;

	height:18px;

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

}



.icon_cd {

	width:20px;

	height:18px;

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

}



.icon_demo {

	width:20px;

	height:23px;

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

}



.icon_discussion {

	width:14px;

	height:18px;

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

}



.icon_doc {

	width:20px;

	height:18px;

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

}



.icon_enlarge {

	width:20px;

	height:18px;

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

}



.icon_excel {

	width:24px;

	height:24px;

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

}



.icon_excel2 {

	width:25px;

	height:29px;

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

}



.icon_flash {

	width:20px;

	height:20px;

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

}

.icon_flash360 {

	width:20px;

	height:20px;

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

}



.icon_interactive {

	width:20px;

	height:18px;

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

}



.icon_jpg {

	width:32px;

	height:31px;

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

}



.icon_macintosh {

	width:25px;

	height:26px;

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

}



.icon_mac_only {

	width:168px;

	height:29px;

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

}



.icon_pc_only {

	width:157px;

	height:27px;

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

}



.icon_pdf {

	width:20px;

	height:22px;

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

}



.icon_pdf2 {

	width:36px;

	height:35px;

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

}



.icon_pdf_transcript {

	width:16px;

	height:18px;

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

}



.icon_quicktime {

	width:19px;

	height:20px;

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

}



.icon_quicktip {

	width:100px;

	height:31px;

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

}



.icon_real {

	width:30px;

	height:19px;

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

}



.icon_slideshow {

	width:20px;

	height:18px;

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

}



.icon_spotlight {

	width:45px;

	height:38px;

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

}



.icon_tip {

	width:20px;

	height:18px;

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

}

	

.icon_video {

	width:20px;

	height:18px;

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

}



.icon_warning {

	width:20px;

	height:18px;

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

}



.icon_windows {

	width:26px;

	height:24px;

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

}



.icon_word {

	width:24px;

	height:24px;

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

}



.icon_word2 {

	width:24px;

	height:31px;

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

}



.icon_www {

	width:20px;

	height:18px;

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

}



.logo_ecampus {

	width:120px;

	height:32px;

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

}



.logo_utrecht {

	width:70px;

	height:57px;

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

}