@charset "utf-8";
/* CSS Document */
*{
	margin:0;padding:0;
	font-family:Trebuchet MS;
	list-style:none;
} 
HTML{ overflow-y: scroll; }
BODY{ background-color:#8d8d28; }
A{ color:#656387; text-decoration:none; cursor:pointer; }
A:hover{ text-decoration:underline; }
H3{ color:#555; letter-spacing:1px; }

#wrapper{ position:absolute; height:100%; width:100%; background:#8d8d28 url('/imgs/bg.png') repeat-x; }
#header{ position:absolute; height:19px; width:100%; z-index:1002; }
	.menu{ font-size:13px; font-weight:bold; text-align:left; color:#ccc; background-color:#000; z-index:9999; }
	.menu UL{ display:inline; padding-left:25px; }
	.menu LI{ display:inline; margin:0 !important; padding-left:5px; line-height:28px; }
	.menu A{ color:#aac; }
		H1{ position:absolute; top:27px; left:30px; height:29px; width:410px; background:url('/imgs/itc-logo.png') no-repeat; text-indent:-2000px;}
		IMG#tc-logo{  position:absolute; top:15px; left:440px; }
		#tagline{ float:left; position:relative; top:55px; margin-left:36px; color:#aaa; font-size:11px; font-weight:normal; letter-spacing:3px; }
		#tagline A{ color:#ff0; font-weight:normal; }
		DIV#search{ position:absolute; top:-23px; right:50px; width:181px; }
			#search INPUT{ padding:0 5px; width:177px; color:#999; font-style:italic; font-weight:bold; background:transparent url('/imgs/x_search.png'); border:0; }

	#browse_hdr{ height:24px; }
	#browse_sec{ position:absolute; top:-24px; right:50px; padding:5px 10px; }
	#browse_sec LI{ display:inline; padding:0 !important; }
	#browse_sec A{ padding:0 10px; color:#992; background-color:#557; border-width:2px; border-style:solid; border-color:#656387 #656387 #445; cursor:pointer; -moz-border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
	#browse_sec A:hover{ color:#ff0; text-decoration:none; }
	#browse_sec A.sel { color:#ff0; background-color:#445; border:2px solid #445; border-bottom-width:0; }
	
#browse{
	position:relative; top:55px;
	width:100%;
	font-weight:bold;
	background:transparent url('/imgs/shadow33.png');
	border-top:1px solid #557;
	border-bottom:1px solid #555;
}
		DIV#browse_btn{
			margin-right:57px;
			text-align:right;
			color:#ff0;
		}
		#browse_container{ margin:10px auto 0; width:990px; }
		.browse-list{ display:none; }
			/*UL#browse_tr, UL#browse_to, UL#browse_co{*/
			#browse_container UL{
				float:left;
				position:relative; top:0; left:0; 
				padding:0 0 10px 50px;
				width:280px;
				min-height:250px;
				line-height:20px;
				font-size:13px;
				color:#ff0;
			}
			.browse_tr{ background:transparent url('/imgs/browse_tracks.png') no-repeat 22px 4px; } 
			.browse_to{ background:transparent url('/imgs/browse_topics.png') no-repeat 23px 4px; }
			.browse_co{ background:transparent url('/imgs/browse_courses.png') no-repeat 32px 4px; }
			
					#browse LI{ position:relative; margin:8px 0; padding:0 4px; color:yellow; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
					#browse LI.selected{ color:#656585; background-color:#ccc; }
					#browse LI A{ color:inherit; }
					#browse SPAN{ color:#992; letter-spacing:-1px; }
		
		
		.controls{ display:none; position:absolute; top:3px; left:0; width:270px; text-align:right; color:#aaa; font-weight:normal; border-bottom:1px dotted #ccc; }
		.selected .controls{ border-bottom:0; }
		.selected .controls A{ color:#777; }
		
		
		li:hover .controls{ display:block; }
		
		li.add{ display:none; position:relative; left:14px; margin-left:14px; line-height:10px; color:#999; font-style:italic; }
		li.add:hover{ cursor:pointer; text-decoration:underline; }
		#browse_container ul:hover .add{ display:block !important; }

#container{
	position:relative; top:65px;
	margin:0 40px;
	text-align:center;
}
	#breadcrumbs{
		margin:auto;
		width:700px;
		text-align:left;
		line-height:40px;
		color:#ccc;
		font-size:.7em;
		font-weight:bold;
	}
	#breadcrumbs A{ color:#ff0; text-transform:lowercase; }
	
		#co_backdrop{
			margin:0 auto 20px; padding:7px 0;
			width:760px;
			background-color:#eee;
			text-align:left;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
		}
			#co_number{ 
				float:right;
				margin-right:5px;
				line-height:40px;
				text-align:right;
				color:#ddd;
				font-size:48px; }
			#co_label{ 
				position:relative; left:-2px;
				padding:0 10px;
				width:440px;
				color:#555;
				background-color:#ccc; 
				-moz-border-radius:3px;
				-webkit-border-radius:3px; 
			}
				#co_author{
					position:relative; top:-6px;
					color:#999; 
					font-size:.8em;
				}
				#co_description{
					padding:20px 40px;
					line-height:22px;
					text-align:left;
					font-size:13px;
					font-weight:normal;
					background:transparent url('/imgs/bg_course_desc.png') no-repeat 0 10px;
				}
				#co_attribs{ margin-bottom:1px; }
				.hr_extras{
					margin:0 5px; padding:0 15px;
					color:#999;
					font-size:.8em;
					font-weight:bold;
					background:#e3e3e3;
					border:1px solid #ccc;
					-moz-border-radius:20px;
					-webkit-border-radius:20px; 
				}
					.hr_extras SPAN{ margin-right:30px; }
					
				#co_footer{
					font-weight:bold;
				}
				#co_footer UL{
					padding-bottom:20px;
					line-height:25px;
					font-size:.8em;
				}
					#co_dl_container{
						float:left;
						position:relative; top:8px;
						padding-left:40px;
						width:380px;
						color:#999;
					}
						#co_dl_container UL{ 
							padding:0 15px 5px; 
							background-color:#fff;
							border:1px solid #88a; border-top-width:4px; border-bottom-width:4px;
							-moz-border-radius:0 3px 3px 3px;
							-webkit-border-radius:3px;
						}
						
						#dl_priority{ margin-top:5px; font-size:11px; text-transform:uppercase; }
						#dl_priority A{ padding:0 10px; color:#779; background-color:#ccf; -moz-border-radius:3px 10px 0 0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:10px; }
						#dl_priority A:hover{ color:#ccf; background-color:#88a; text-decoration:none; }
						#dl_priority A.on{ color:#fff; background-color:#88a; }

						#co_dl_container .item{ 
							font-style:italic;
						}
						#co_dl_container #dl_all{ 
							position:absolute; top:3px; left:270px;
							text-align:right;
							font-size:.75em;
						}
							#co_dl_container .dl_item{ 
								border-bottom:1px dotted #ddf;
							}
							#co_dl_container .dl_link{ 
								display:block;
								width:280px;
							}
							#co_dl_container .dl_details{ 
								position:relative; top:-25px;
								float:right;
							}
					#co_or_container{
						float:right;
						position:relative; top:8px; left:2px;
						padding:0 15px;
						width:300px;
						background:#ccc;
						-moz-border-radius:5px;
						-webkit-border-radius:5px; 
					}
						#co_or_container UL{ padding-left:10px; }

/* RESOURCES */
#re_backdrop{ text-align:left; background-color:#eee; }
#re_hdr{ padding:0 10px; color:#555; background-color:#ccc; }
	#re_title{ float:left; }
	#re_download{ float:right; position:relative; top:4px; margin:0 30px; padding:0 10px; line-height:18px; font-weight:bold; color:#668; background-color:#eee; border-width:2px 2px 0; border-style:solid; -moz-border-radius:6px; -webkit-border-radius:6px; }
#re_description{ padding:15px 30px 0; text-align:left; font-size:13px; background:transparent url('/imgs/bg_course_desc.png') no-repeat -10px 5px; }
#re_description P{ margin-bottom:10px; font-weight:normal; }	
#re_courses{ padding-top:6px; font-size:11px; background-color:#fff; }
	#re_courses H3{ margin:0 10px; padding:8px 5px 1px; background-color:#eee; }
	#re_courses UL{ padding:0 20px; line-height:20px; }
	#re_courses .re_tracks{ border-bottom:1px dotted #ddf; }
	#re_co_notes{ margin:2px 5px 5px; text-align:right; }


.se_course{
	position:relative; left:-2px;
	margin-bottom:8px;
	width:764px;
	background-color:#ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
}
	.se_number{
		position:absolute; top:-6px; left:440px;
		width:200px;
		color:#ddd;
		font-size:40px;
		text-align:right;
	}
	.se_label{ 
		position:absolute; top:-6px;
		padding:0 10px; 
	}
	.se_title{
		position:relative; top:6px;
	}
	.se_author{
		color:#999;
		font-size:.8em;
	}
	.se_author SPAN{ color:#777; }
	.se_attribs{
		position:absolute; top:0; left:590px;
		width:200px;
		color:#999;
		text-align:right;
		font-size:0.8em;
	}
	.se_attribs SPAN{ display:block; margin-right:30px; }
	.se_description{
		padding:38px 50px 10px;
		line-height:16px;
		text-align:left;
		font-size:11px;
		font-weight:normal;
		background:transparent url('images/bg_course_desc.png') no-repeat 0 30px;
		z-index:99;
	}
	.se_breadcrumbs{
		float:left;
		padding:0 10px;
		color:#777;
		font-size:0.7em;
	}
	.se_added{
		float:right;
		padding:0 10px;
		color:#777;
		font-size:0.7em;
	}
	
#se_filter{
	position:relative;
	margin-bottom:2px; padding:0 15px 3px;
	min-height:14px;
	line-height:10px;
	color:#555;
	font-size:13px;
	text-transform:lowercase;
	border-bottom:1px dashed;
}
	#se_filter_btn{
		float:left; clear:both;
	}
	#se_filter_clear{
		position:absolute; top:0; left:670px;
	}
	#se_filters{
		margin-left:100px;
		color:#999;
		line-height:19px;
	}
	#se_filters A{ 
		margin-right:10px; padding:0 5px;
	}
	#se_filters A.hilite{
		color:#eee;
		background:#656387;
		-moz-border-radius:4px;
		-webkit-border-radius:4px; 
	}

/* SimpleModal Styles */
#simplemodal-overlay {background-color:#000; cursor:not-allowed;}
#simplemodal-container {top:115px !important; width:600px; background-color:#fff; border:3px solid #ccc;}
a.modalCloseImg {background:url(/imgs/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer;}

#ajax_loader{ margin:20px auto; padding:5px 10px 10px; width:100px; }

.btn{ cursor:pointer; }
.unblur{ color:#555 !important; font-style:normal !important; }