/* $Header: /home/cvs/projects/cdn/cdnlite/ajax_dynamic/excel/Attic/main.css,v 1.1.2.1 2007-05-22 14:19:34 phil Exp $ */

/*universal */
body
{
	margin: 110px 0 0 0;
	padding: 0;
	background-color: #323A40;
	color: #fff;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 800px;
	overflow: hidden;
}

#header
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 115px;
	background: url(images/excel.jpg) no-repeat 0 0;
	border-right: 1px dashed #CCDA37;
	z-order: -1;
}

img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

a
{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	color: #CCDA37;
	font-weight: bold;
}

table
{
	padding: 0px;
	margin: 0px;
	
}

/* top sectiom */
#navbar
{
	/* background-color: #fff; */
	width: 100%;
	height: 27px;
}
#navbar a
{
	padding: 4px 6px;
	margin-top: 5px;
	color: #CCDA37;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-decoration: none;	 
	display: block;	
	float: left;
}

#homelink
{
	float: right;
	text-align: center;	
}

#homelink a
{
	padding-top: 2px;
	display: inline;
	margin-left: auto;
	margin-right: auto;
}

#homelink img
{
	vertical-align: middle;
}

#navbar a:hover
{
	text-decoration: underline;
}

#date
{
	float: left;
	font-weight: bold;
	/* color: #000; */
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: bottom;
	margin-left: 3px;
	margin-top: 20px;
}

#logobar
{
	height: 47px;
	text-align: right;
}

#logobar img.logo
{
	float: right;   
	margin: 3px;
}

div.downloaditem a, #titlelinks a
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #CCDA37;
	text-decoration: none;
}

#titlelinks a:hover
{
	text-decoration: underline;
}


/* left column */

#left
{
	width: 175px;
	float: left;
	background-color: #323A40;
	color: #fff;
	padding: 0;
	overflow: hidden;
}

#search
{
	margin-bottom: 2em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #555;
	padding: 8px 0px 0px 3px;
}
#search .title
{	
	margin-bottom: 1px;
	color: #fff;
}
#search a
{
	display: block;
	color: #CCDA37;
	margin: 1px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#search a:hover
{
	text-decoration: underline;
}

#searchSubmit 
{
	vertical-align: top;	
}

#searchtext, #searchTextA
{
	width: 126px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #555;
	font-size: 10px;
	height: 12px;
	margin: 0px;
	margin-right: -1px;
}

#searchTextA
{
	width: 240px;
}

#advancedsearch
{

}


#left p
{
	border-bottom: 1px dashed #000;
}

#left ul
{
	padding-left: 1em;
	margin-left: 0px;
	margin-top: 8px;
}
#left li
{
	list-style-type: none;
	margin-bottom: 1em;
	margin-left: 0px;
}

/* sections */

#services
{
	overflow: auto;
	display: none;
}

#vl_searchResults
{
	overflow: auto;
	display: none;
	margin: 0 0 0 175px;
	padding: 0 0 0 15px;
	border-left: 1pt solid #fff;
}

#vl_videos
{
	overflow: auto;
	display: none;
	margin: 0 0 0 175px;
	padding: 0 0 0 15px;
	border-left: 1pt solid #fff;
	height: auto;
}

#vl_details
{
	padding: 0 0 0 10px;
	overflow: auto;
	display: none;	
	height: 583px;	
}


/* front page */

#bottom
{
	width: 800px;
	height: 30px;
	padding: 0;
	background-color: #CCDA37;
}

#bottom table
{
	margin-left: 12px;
	width: 785px;
}

#bottom img
{
	margin-right: 3px;
	vertical-align: top;
	float: left;
}

#bottom a
{
	text-decoration: none;	
}

#bottom a:hover
{
	text-decoration: underline;
}

#bottom h2
{
	font-size: 11px;
	color: black;
	margin: 3px 3px 3px 12px;
	padding: 4px;
	border-bottom: 1px solid #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
}

#fpcentre
{
	margin: 0 0 0 175px;
	padding: 0 0 0 20px;
	border-left: 1pt solid #fff;
}

.numclips
{
	font-size: 10px;
	padding-left: 2px;
}

#frontpage
{
	background-color: #323A40;
}

form
{
	margin: 0px;
	padding: 0px;
}

#biglinks
{
	/* border: 1px solid #000; */
	position: relative;
	top: 0px;
	padding: 2px;
	margin-right: 1px;
	height: 28px;
}

#biglinks div
{
	width: 20%;
	/* background-color: #fff; */
	float: left;
}

#biglinks a
{
	text-align: center;
	color: #CCDA37;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;
	border: 1px solid #000;
	padding: 5px 0px;  
}

#biglinks a:hover
{
	text-decoration: underline;
}

div.thumbnail
{
	float: left;
	margin-right: 10px;
}

div.featuredvid
{
	height: 90px;
	margin: 20px 5px 2px 5px;
	/* background-color: #fff; */
}

div.featuredvid p
{
	margin-top: 4px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/* color: #000; */
	font-size: 10px;
}

/* player section */

#player
{
	float: left;	
	width: 320px;
	overflow: hidden;
}

#playerOverlay
{
	position:absolute; 
	width: 320px; 
	color: #fff; 
	left: 0px; 
	top: 230px; 
	font-size: 12px; 
	line-height: 25pt; 
	text-align: center;
}

#MediaPlayer
{	
	
}

#slides
{
	float: right;
}

.slidevl_details
{
	margin-right: 4px;
	font-size: 10px;
}

h3
{
	font: bold 12px Verdana,Arial,Helvetica,sans-serif;
	/* color: #000; */
	margin-top: 4px;
}

#clipinfo
{
	float: left;
	width: 320px;
	/* background-color: #fff; */
}

td
{
	/* color: #000; */
}

td.clipinfokey
{
	font-weight: bold;
	padding-right: 20px;
	/* color: #000; */
}

.listtop
{
	margin: 20px 0 10px 5px;
	padding: 0 0 0 5px;
}

img.thumbnail
{
	width: 60px;
	height: 45px;
	margin: 0px 16px;
	float: left;
}

#chapters
{
	width: 320px;
}

#subtitlecontainer
{
	width: 100%;
	height: 70px;
	/* background-color: #fff; */
}

#vl_subtitles
{
	padding: 0px;
	margin: 0px;
	color: black;
	font-family: Courier New,fixed;
	font-size: 11px;
	vertical-align: bottom;	

	/* if only ie supported this
		display: table-cell;
	*/
}

#vl_subtitles div
{
	padding: 1px;
	margin: 1px;
}

div.template
{
	display: none;
}

div.matchpath a
{
	/* color: #000; */
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}

a.fvidlink
{
	font-size: 10px;
	/* color: #000; */
}

a.vidlink
{
	font-size: 10px;
	text-decoration: none;
	color: #CCDA37;
}

a.vidlink:hover
{
	text-decoration: underline;
}

a.vidlink img
{
	margin-right: 1em;
}

div.matchpath a
{
	color: #CCDA37;
	text-decoration: none;
	font-size: 10px;
}

div.matchpath a:hover
{
	text-decoration: underline;	
}

.navlink
{
	font: 10px Verdana,Arial,Helvetica,sans-serif;	
}

a.navlink
{
	color: #CCDA37;
	text-decoration: none;
}

a.navlink:hover
{
	text-decoration: underline;
}
.navlinkhi
{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	/* color: #000; */
}

a.navlinkhi
{
	color: #CCDA37;
	text-decoration: none;
}

a.navlinkhi:hover
{
	text-decoration: underline;
}

a.navlinksmall
{
	font-size: 10px;	
	color: #CCDA37;
	text-decoration: none;
}

a.navlinksmall:hover
{
	text-decoration: underline;
}

div.viditem
{
	margin-bottom: 22px;
}

div.viditembody
{
	margin: 0 100px 0 94px;
}

div.vidcomment
{
	margin-bottom: 4px;
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	/* color: #000; */
}

div.vidcommentvl_details
{
	/* color: #000; */
}

div.matchDescription
{
	margin-top: 8px;
	font-style: italic;
}

.breadcrumbs
{	
	margin: 0;
	padding: 5px 0 0 0;
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	position: relative;
}

.breadcrumbs a
{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	color: #FF5A00;
	text-decoration: none;
	line-height: 25px;
	vertical-align: middle;
	margin: 1px 4px;
}
.breadcrumbs a:hover
{
	text-decoration: none;
	color: #CBDA37;
}


div.sortbar
{
	float: right;
	margin: 2px 42px 2px 12px;	
}

div.sortbar select
{
	width: 136px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	height: 15px;	
}


h2
{
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	color: #BABABA;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border-width: 0px 0px 1px 0px;
	border-/* color: #000; */	
	border-style: dashed;
}

.cliptitle
{
	font-size: 10px;
	/* color: #000; */	
}
.clipcomment
{
	margin-left: 2em;
	margin-bottom: 1em;
}

.question
{
	font-weight: bold;
}

.formbutton
{
	border: 1px solid #C8C8C8;
	height: 22px;
	font-size: 90%;
	padding-bottom: 1px;
	color: black;
	background: url(images/but_bg.jpg) repeat-x 0 6px;
	background-color: #fff;	
}
.formbutton:hover
{
	border: 1px solid #00C000;
}

span.searchMatchHilight
{
	font-weight: bold;
	text-decoration: underline;
}

div.searchMatchContext
{
	border: 0.5px solid #000;
	padding: 2px;
	margin: 4px;
	width: 475px;
	overflow: hidden;
}

#vl_chaptersSelect
{
	width: 320px;
}

div.downloaditem
{
	padding: 2px;
}

div.downloaditem img
{	
	vertical-align: middle;
	padding-right: 3px;
}

div.youarewatching
{
	clear: left; 
	margin-top: 10px; 
	border-top: 1px dashed #CCDA37; 
	padding: 10px;
}