@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color:inherit;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	outline:none;
}

#mediacomponent{
	width:940px;
	height:435px;
	padding:10px;
	margin:auto;
	background:url(../images/mediacentreminibg.jpg) top no-repeat;
}

#top{
	width:940px;
	margin-bottom:10px;
	height:60px;
}

#mediasection{
	width:920px;
	height:300px;
	padding:10px;
	margin-bottom:10px;
}

#headings{
	height:25px;
	width:920px;
	padding-top:15px;
	margin-bottom:10px;
}

#headings h1{
	margin:0px;
	padding:0px 0px 0px 40px;
	font-size:14px;
	font-weight:bold;
	height:25px;
	float:left;
}

#headings h1 span{
	color:#ee9501;
	background-color:inherit;
	font-weight:normal;
	font-size:12px;
}

.w1{
	width:160px;
}

.w2{
	width:260px;
}
.w3{
	width:350px;
}

#navigation{
	width:490px;
	height:250px;
	float:left;
	margin-right:10px;
	background-color:#dfdfdf;
	color:#000;
	position:relative;
}

#video{
	width:420px;
	height:250px;
	float:right;
}

#category{
	width:200px;
	height:225px;
	float:left;
	overflow-y:scroll;
    overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;

}

#playlist{
	width:290px;
	height:225px;
	float:right;
	overflow-y:scroll;
    overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;
}

#playlist img{
	width:50px;
	height:50px;
	float:left;
	border:1px solid #999;
}

#playlist .sel img{
	width:50px;
	height:50px;
	float:left;
	border:1px solid #fff;
}

.title{
	float:left;
	width:140px;
	font-weight:bold;
	margin-left:10px;
	cursor:pointer;
}

.time{
	float:right;
	width:51px;
	text-align:right;
	cursor:pointer;
		cursor:pointer;
}

.description{
	float:right;
	text-align:left;
	width:191px;
	cursor:pointer;
	color:#898989;
}

.sel .description{
	color:#fae2ba;
}


#playlist a{
	display:block;
	padding:10px;
	height:50px;
	width:253px;
	background:url(../images/playlist_static.jpg) left bottom ;
	background-color:#e1e1e1;	
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#707070;
	font-size:12px;
}

#playlist a:hover{
	background:url(../images/playlist_hover.jpg) left bottom repeat-x;
	background-color:#e5e5e5;
}

#playlist .sel, #playlist .sel:hover{
	display:block;
	padding:10px;
	height:50px;
	width:253px;
	background:url(../images/playlist_selected.jpg) left bottom repeat-x;
	background-color:#ee9501;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

#category a{
	display:block;
	width:183px;
	background:url(../images/category_static.jpg) left bottom repeat-x;
	background-color:#e7e7e7;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#727272;
	font-size:12px;
}

#category a span{
	padding:10px 10px 10px 35px;
	height:15px;
	display:block;
	cursor:pointer;
	background:url(../images/category_staticL.jpg) no-repeat;
	background-position:10px 10px;
}

#category a:hover span{
	padding:10px 10px 10px 35px;
	height:15px;
	display:block;
	cursor:pointer;
	background:url(../images/category_staticL.jpg) no-repeat;
	background-position:10px 10px;
}

#category .sel span, #category .sel:hover span{
	padding:10px 10px 10px 35px;
	height:15px;
	display:block;
	cursor:pointer;
	background:url(../images/category_selectedL.jpg) no-repeat;
	background-position:10px 10px;
}

#category a:hover{
	display:block;
	width:183px;
	background:url(../images/category_hover.jpg) bottom repeat-x;
	background-color:#e8dfd1;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#727272;
	font-size:12px;
}

#category .sel, #category .sel:hover{
	display:block;
	width:183px;
	background:url(../images/category_selected.jpg) bottom repeat-x;
	background-color:#ee9501;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

#transcript{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1000;
	width:490px;
	clear:both;
}

#navigation .transopen{
	display:block;
	width:480px;
	height:15px;
	padding:5px;
	background:url(../images/transcriptbg.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.transopen ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.transopen li{
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
}


.transopen a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.transopen a:hover{
	color:#e1e1e1;
	text-decoration:none;
}

.transcon{
	height:204px;
	width:470px;
	padding:10px;
	background-color:#97c7ed;
	color:#000;
	font-size:12px;
	display:none;
	border-top:1px solid #fff;
}

#footer{
	padding-top:30px;
	height:50px;
	width:920px;
	color: #999999;
	font-size:11px;
}