/** 
Showcase Page CSS v0.5
(C) 2008 Dejiki + TDS Studio
for limited use in TDS Visual Site.
Please do not modify, copy, archive or reference.
**/

body#coursepage {
	margin:0px 0px; 
	padding:0px; 
	font-family: Verdana, Helvetica, sans-serif;
	background:url(core_bg.jpg) top center no-repeat;
	text-align: center;
	color: #2f2f2f;
	}
	
body#vpage{
	margin:0px; 
 	font-family: Verdana, Helvetica, sans-serif;
	background: #323230;
	color: #dbdbdb;
	width: 542px;
	float: left;
}

.core {
	width: 950px;
	height: 600px;
	display: block;
	margin:0px auto; 
	text-align:left;
}

.top {
	width: 950px;
	height: 85px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.mid{
	width:950px;
	height: 535px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.viewer{
	position: absolute;
	margin: 10px 0px 0px 390px;
	width: 543px;
	height: 530px;
}

.viewerframe{
	padding: 0px;
	margin: 0px;
	background: #111111;
	border: none;
}

.video{
	background: #000000;
}

/** CSS for top**/

.coursehead {
	position: absolute;
	width: 440px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

.courseskip {
	position: absolute;
	width: 310px;
	margin: 20px 0px 0px 440px;
	padding: 0px;
	color: #676767;
	font-size: 12px;
}

.courseskip select{
	display: block;
	width: 300px;
	color: #676767;
	font-size: 12px;
}

.backtomain {
	position: absolute;
	margin: 10px 0px 0px 849px;
	padding: 0px;
	width: 100px;
	height: 85px;
	vertical-align: middle;
	text-align: center;
	vertical-align: middle;
}

.backtomain img{
	width: 60px;
	height: 60px;
	border: none;	
}

/** CSS for index **/

.worksindex {
	position: absolute;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 330px;
	color: #b1b1b1;
}

ol#toc {
    list-style: none;
    margin: 0px;
    padding: 0px;
	border-top: none;
	border-bottom: none;
	border-left: none;
    border-bottom: 1px solid #dddddd;
}

ol#toc li{
	margin: 0px;
	padding:0px;
	border: none;
}

ol#toc li a{
	display: block;
	height: 50px;
	width: 330px;
	text-decoration: none;
	color: #888888;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: 1px solid #c1c1c1;
	outline:none;
	margin: 0px;
	padding:0px;
}

ol#toc li.current a{
	display: block;
	text-decoration: none;	
	background: #e7e7e7;
	opacity: 1;
	filter: alpha(opacity = 100);
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: 1px solid #cacaca;
	outline:none;
	margin: 0px;
	padding:0px;	
}

ol#toc li a:hover{
	display: block;
	text-decoration: none;
	color: #666666;
	background: #e7e7e7;
	opacity: 1;
	filter: alpha(opacity = 100);
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: 1px solid #cacaca;
	outline:none;
	margin: 0px;
	padding:0px;
}

ol#toc li a:active{
	display: block;
	text-decoration: none;
	color: #666666;
	background: #e7e7e7;
	opacity: 1;
	filter: alpha(opacity = 100);
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: 1px solid #cacaca;
	outline:none;
	margin: 0px;
	padding:0px;
}

ol#toc li img{
	float: left;
	border: none;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}


.worksitem{
	text-decoration: none;
	display: block;
	font-size: 10px;
	margin: 0px;
	padding:0px;
}

.worksitem b{
	display: block;
	font-size: 12px;
	padding-top: 10px;
}

/** CSS for showcase viewer **/

.vinfo {
	width: 350px;
	font-size: 10px;
	color: #aaaaaa;
	float: left;
}

.banner {
	display: block;
	border: 1px solid #444444;
	margin-bottom: 20p;
}


.vinfo h1{
	font-weight: normal;
	font-size: 18px;
	display: block;
	border-bottom: 1px solid #5e5e5e;
	color: #e7e7e7;
	margin: 0px;
	padding: 13px 0px 0px 0px;
	}

.student {
	color: #e7e7e7;
	display: block;
	margin-bottom: 10px;
	margin-top: s10px;
}

.awards {
	display: block;
	padding-top: 10px;
	padding-left: 0px;
	font-size: 9px;
}

.awards ul{
    list-style: none;
    margin: 0px;
    padding:0px;
    text-decoration: none;
}

.vdetail{
	color: #aaaaaa;
	padding-left: 20px;
	padding-top: 16px;
	width: 170px;
	float: left;
}

.vdetail h1{
	font-size: 10px;
	font-weight: normal;
	border-bottom: 1px solid #5e5e5e;
	margin: 0px;
	padding: 7px 0px 0px 0px;
}

.vdetail ul{
	font-size: 10px;
    list-style: none;
    margin: 0px;
    padding:0px;
    text-decoration: none;
}


.vdetail ul li b {
	padding-top: 8px;
	display: block;
}

.activatefullview{
	display: block;
	margin-top: 10px;
	font-size: 10px;
	text-decoration: none;
	color: #46b7c7;

}	

a:hover.activatefullview{
	display: block;
	margin-top: 10px;
	font-size: 10px;
	text-decoration: none;
	color: #4cc2d2;
}