/* 
AAU MEDIA LIST STYLESHEET

For displaying the CD DVD Menu List

Date Last updated: 7/3/07
By: Liza Brown

---STYLES FOR DEFAULT TAGS---
 */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#FFFFFF;
	}
	
td, div, p {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
p {
	margin: 1em 0em .67em 0em;
}
	
h1 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #48558E;
	margin: .67em 0em .45em 0em;
	}

h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #646464;
	margin: .67em 0em .45em 0em;
	}
	
h3 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #373737;
	margin: .67em 0em .45em 0em;
	}
	
h4 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #4C5B85;
	margin: .67em 0em .45em 0em;
}
	
h5 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #646464;
	margin: .67em 0em .45em 0em;
}

h6 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;;
	color: #A8A8AC;
	margin: .67em 0em .45em 0em;
}

ul {
	font-size: 10px; 
	color: #333333; 
	list-style-type: square;
	/*margin-left: 40px;*/
	}

li { 
	display:list-item;	
	}

/* ---LINKS--- */

td a:link, td a:visited, td a:active {
	color: #CC0000; 
	text-decoration: none;
	}

td a:hover {
	color: #626262; 
	text-decoration: underline;
	}

#session_main a:link, #session_main a:visited, #session_main a:active {
	color: #CC0000; 
	text-decoration: none;
	}

#session_main a:hover {
	color: #626262; 
	text-decoration: underline;
	}

/* to create a more specified hierarchy to override the LMS styles*/

#session_content a:link {
	color: #CC0000; 
	text-decoration: none;
	}

#session_content a:hover {
	color: #626262; 
	text-decoration: underline;
	}

.footnote a:hover{
	color: #626262; 
	text-decoration: underline; 
	}
	
/*---Styles for Logo Header---*/
	
#logo_header{
  	height: 60px;
	background: url(images/logo.gif) no-repeat 20px 7px black; 
	/* border-bottom: dotted gray 2px; */
	white-space: nowrap;
	padding:0px 0px 2px 0px;
	width:720px;
}

#course_header {
	height: 30px;
	background-color: #E7E7E7;
	padding: 5px 5px 5px 24px;
	width: 691px;
	}
	
#course_header h1 {
	color: black;
	}

/* ---OUR SESSION DIV STYLES for CSS Positioning--- */

#session_contain {
	height: auto;
	height: 100%;
	width: 720px;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #f7f7f7;
	}

#session_nav {
	float: left;
	height: 100%;
	width: 150px;
	padding-bottom: 100px;
	}

#gutter_01 {
	width:130px;
	margin-top: 15px;
	margin-left: 20px;
	border: 1px solid #B8B8B8;
	background: #F7F7F7;
	}

/*---NAV LINKS---*/

#gutter_01 a {
	display: block;
	color: #CC0000; 
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	}
	
#gutter_01 a:hover {
	background: #E7E7E7;
	}
/*---END LINKS---*/

#session_content table td #gutter_01 {
	margin-left: 15px;
	}

.gutter_syl {
	border: 1px solid #CCCCCC;
	width:115px;
	padding:5px;
	top:25px;
	}

#session_main {
	float: left;
	height: auto;
	width: 500px;
	margin: 10px 5px 15px 20px;
	background: white;
	}
	
#session_top {
	border-bottom: double #CCCCCC 4px;
	width: 100%;
	height: 25px;
	margin-bottom: 15px;
	}
	
td.mod_title { 
	color: #646464;
	font-weight: bold;
	}	
	
.directions {
	border-bottom: solid #CCCCCC 1px;
	padding-bottom: 10px;
	font-weight: bold;
	}
	
.left_header {
	float:left;
	width: 80%;
	/* IE hack*/
	_margin-top: 1em;
	margin-top: 5px;
	}
	
.back_link {
	float:left;
	width: 20%;
	text-align:right;
	_margin-top: 1em;
	margin-top: 5px;	
	}

/*For Clickout Pages*/

#enlarge_contain {
	height: auto;
	width: 800px;
	margin: 15px 15px 0px 15px;
	}

#session_top.title {
	border: #E4E4E4 2px solid;
	border-bottom: double #CCCCCC 4px;
	width: 100%;
	padding: 10px;
	margin-bottom: 0px;
}

.back_link a {
	color: #CC0000; 
	text-decoration: none;
	}

.back_link a:hover {
	color: #626262; 
	text-decoration: underline;
	}

#enlarge {
	padding: 10px;
	border: #E4E4E4 2px solid;
	width: 100%;
	}

/*end clickout styles*/

.mod_image {
	width:130px;
	text-align: center;
	overflow:hidden;
	max-height:200px;
	/*border: 1px solid #CCCCCC;*/
	}

#mod_space {
	height:8px;
	width:auto;
	/*display:none;*/
	}

.mod_link{
	width:auto;
	position: relative;
	padding: 5px;
	}
div.mod_link a{ 
	font-weight: normal;
	}

#syl_link {
	position:relative;
}

/*--------OUR ICON STYLES---------------*/

.icon_applewks {
	width:25px;
	height:26px;
    background-image:url("images/icon_applewks.jpg");
	background-repeat:no-repeat;
}

.icon_attention {
	width:20px;
	height:18px;
    background-image:url("images/icon_attention.gif");
	background-repeat:no-repeat;
}

.icon_audio {
	width:20px;
	height:18px;
    background-image:url("images/icon_audio.gif");
	background-repeat:no-repeat;
}

.icon_audio2 {
	width:20px;
	height:18px;
    background-image:url("images/icon_audio2.gif");
	background-repeat:no-repeat;
}

.icon_audio {
	width:20px;
	height:18px;
    background-image:url("images/icon_audio.gif");
	background-repeat:no-repeat;
}

.icon_book {
    width:20px;
	height:18px;
    background-image:url("images/icon_book.gif");
	background-repeat:no-repeat;
}

.icon_book2 {
    width:20px;
	height:18px;
    background-image:url("images/icon_book2.gif");
	background-repeat:no-repeat;
}

.icon_book3 {
    width:20px;
	height:18px;
    background-image:url("images/icon_book3.gif");
	background-repeat:no-repeat;
}

.icon_cd {
    width:20px;
	height:18px;
    background-image:url("images/icon_CD.gif");
	background-repeat:no-repeat;
}

.icon_demo {
    width:20px;
	height:23px;
    background-image:url("images/icon_demo.gif");
	background-repeat:no-repeat;
}

.icon_discussion {
    width:14px;
	height:18px;
    background-image:url("images/icon_discussion.gif");
	background-repeat:no-repeat;
}

.icon_doc {
    width:20px;
	height:18px;
    background-image:url("images/icon_doc.gif");
	background-repeat:no-repeat;
}

.icon_excel {
    width:24px;
	height:24px;
    background-image:url("images/icon_excel.gif");
	background-repeat:no-repeat;
}

.icon_excel2 {
    width:25px;
	height:29px;
    background-image:url("images/icon_excel2.gif");
	background-repeat:no-repeat;
}

.icon_flash {
    width:20px;
	height:20px;
    background-image:url("images/icon_flash.gif");
	background-repeat:no-repeat;
}

.icon_interactive {
    width:20px;
	height:18px;
    background-image:url("images/icon_interactive.gif");
	background-repeat:no-repeat;
}

.icon_jpg {
    width:32px;
	height:31px;
    background-image:url("images/icon_jpg.gif");
	background-repeat:no-repeat;
}

.icon_macintosh {
    width:25px;
	height:26px;
    background-image:url("images/icon_macintosh.jpg");
	background-repeat:no-repeat;
}

.icon_mac_only {
    width:168px;
	height:29px;
    background-image:url("images/icon_mac_only.jpg");
	background-repeat:no-repeat;
}

.icon_pc_only {
    width:157px;
	height:27px;
    background-image:url("images/icon_pc_only.jpg");
	background-repeat:no-repeat;
}

.icon_pdf {
    width:20px;
	height:22px;
    background-image:url("images/icon_pdf.gif");
	background-repeat:no-repeat;
}

.icon_pdf2 {
    width:36px;
	height:35px;
    background-image:url("images/icon_pdf2.gif");
	background-repeat:no-repeat;
}

.icon_pdf_transcript {
    width:16px;
	height:18px;
    background-image:url("images/icon_pdf_transcript.gif");
	background-repeat:no-repeat;
}

.icon_quicktime {
    width:20px;
	height:19px;
    background-image:url("images/icon_quicktime.gif");
	background-repeat:no-repeat;
}

.icon_quicktip {
    width:100px;
	height:31px;
    background-image:url("images/icon_quicktip.gif");
	background-repeat:no-repeat;
}

.icon_real {
    width:30px;
	height:19px;
	background-image:url("images/icon_real.gif");
	background-repeat:no-repeat;
}

.icon_slideshow {
    width:20px;
	height:18px;
    background-image:url("images/icon_slideshow.gif");
	background-repeat:no-repeat;
}

.icon_spotlight {
    width:45px;
	height:38px;
    background-image:url("images/icon_spotlight.jpg");
	background-repeat:no-repeat;
}

.icon_tip {
    width:20px;
	height:18px;
    background-image:url("images/icon_tip.gif");
	background-repeat:no-repeat;
}
	
.icon_video {
    width:20px;
	height:18px;
    background-image:url("images/icon_video.gif");
	background-repeat:no-repeat;
}

.icon_warning {
    width:20px;
	height:18px;
    background-image:url("images/icon_warning.gif");
	background-repeat:no-repeat;
}

.icon_windows {
    width:26px;
	height:24px;
    background-image:url("images/icon_windows.gif");
	background-repeat:no-repeat;
}

.icon_word {
    width:24px;
	height:24px;
    background-image:url("images/icon_word.gif");
	background-repeat:no-repeat;
}

.icon_word2 {
    width:24px;
	height:31px;
    background-image:url("images/icon_word2.gif");
	background-repeat:no-repeat;
}

.icon_www {
    width:20px;
	height:18px;
    background-image:url("images/icon_www.gif");
	background-repeat:no-repeat;
}

.logo_ecampus {
	width:120px;
	height:32px;
    background-image:url("images/logo_ecampus.gif");
	background-repeat:no-repeat;
}

.logo_utrecht {
	width:70px;
	height:57px;
    background-image:url("images/logo_utrecht.gif");
	background-repeat:no-repeat;
}


/* ---OUR CUSTOM STYLES - INDEPENDENT CLASSES--- */

.blue_aac {
	color: #4C5B85;
}

.caption {
	color: #333333;
	line-height: 10px;
	font-size: 8px;
}

.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 {
	font-size: 10px; 
	color: #FF0CFF; 
}

#course_container .footnote {
	font-size: 9px;
	line-height: 11px;
}

.footnote {
	font-size: 9px;
	line-height: 11px;
	
}

.gallery {
	color: #FFFFFF;
	background-color: #000000;
}

.grayborder {
	border: 1px solid #CCCCCC;
	}
	
.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;
}
	
/*END*/

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

#quiz .quizLayout p {
	margin-top: 0px;
	width: 600px;
}