/*
	VectorMAX Master Stylesheet
	Author: Michael Simmons
	Version: Mon May 01 4:32:03 MST 2006
*/

/* Body, Global Reset, and main wrapper
----------------------------------------------- */
body {
	margin: 0;
	background: #EEEEEE url(../../common/images/body.gif) repeat-y 50% 0;
	font-family: myriad pro, 'Geneva', Verdana, Arial, sans-serif;
	text-align: center;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 950px;
	text-align: left;
}
a img{ border: 0;}
/* Header
----------------------------------------------- */
#wrapper #header {
	position: relative;
	width: 950px;
	padding: 10px 0 0 0;
	border-top: solid 5px #e78523;
}
#wrapper #header h1{
	position: relative;
	margin: 0;
	width: 900px;
	height: 200px;
}
#wrapper #header h1 a {
	display: block;
	width: 900px;
	height: 200px;
	text-indent: -2000px;
	background: url(../../common/images/header_branding.gif) no-repeat;
	margin: 0 0 0 10px;
}
#wrapper #header ul#user {
	position: absolute;
	top: 30px;
	right: 20px;
}
#wrapper #header ul#user li {
	margin: 0 0 6px 0;
	text-align: right;
	font-size: 1.1em;
	color: #646464;
}
#wrapper #header ul#user li.cart a {
	padding: 0 0 0 15px;
	background: url(../../common/images/header_cart.gif) no-repeat 0 2px;
}

#wrapper #header #navigation {
	margin: 0px 0 0 0;
	width: 950px;
	height: 33px;
	background: #333 url(../../common/images/header_navigation.gif) repeat-x;
	position: relative;
	overflow: hidden;
	clear: both;
}
#wrapper #header #navigation ul {
	position: relative;
	float: left;
	width: 900px;
	height: 34px;
	padding: 0 0 0 20px;
}
#wrapper #header #navigation ul li {
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	height: 25px;
	padding:7px 0 0 0;
}
#wrapper #header #navigation ul li a {
	float: left;
	text-transform: normal;
	text-decoration: none;
	font-size: 1.0em;
	color: #fff;
}
#wrapper #header #navigation ul li a:hover { text-decoration: underline; }
#wrapper #header #navigation ul li.current {
	padding: 7px 20px 0 20px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	background: url(../../common/images/header_navigation_current.gif) repeat-x;
}

#wrapper #header #navigation ul li a.show_browser {
	margin-left: 7px;
	padding-top: 3px;
}
#wrapper #header #navigation ul li a.show_browser span {
	display: block;
	width: 19px;
	height: 11px;
	text-indent: -2000px;
	background: url(../../common/images/header_browse_eye.png) no-repeat 0 0;
}
#wrapper #header #navigation ul li a.show_browser.open span { background-position: 0 -11px; }

#wrapper #header #navigation form {
	position: absolute;
	right: 0;
	top: 0;
	padding: 7px 20px 0 0;
	font-size: .6em;
	color: #fff;
	clear: left;
}
#wrapper #header #navigation form label { display: none; }
#wrapper #header #navigation form input {
	margin: 0 8px 0 0;
	width: 140px;
}
#wrapper #header #navigation form input.blurred { color: #777; }
#wrapper #header #navigation form input.focus { color: #000; }
#wrapper #header #navigation form a {
	position: relative;
	top: -1px;
	color: #fff;
}
#wrapper #header #browser {
	margin: 0 0 25px 0;
	height: 180px;
	/*border-bottom: solid 1px #161616;
	  background: url(../../common/images/temp/browser_goes_here.gif) no-repeat 50% 50%; */
}

/* Page Headings
----------------------------------------------- */
#wrapper #page_heading {
	margin: 25px 0 25px 0;
	padding: 0 20px 0 20px;
}
#wrapper #page_heading p.breadcrumbs {
	margin: 0 0 6px 0;
	font-size: .7em;
	color: #606060;
}
#wrapper #page_heading p.breadcrumbs a { color: #606060; }
#wrapper #page_heading p.breadcrumbs a:hover { color: #646464 }
#wrapper #page_heading h1 {
	font-weight: bold;
	text-transform: bold;
	font-size: 1.5em;
	letter-spacing: -.05em;
	color: #e78523;
}

/* Main Positioning
----------------------------------------------- */
#wrapper #main {
	float: left;
	clear: both;
	width: 950px;
}
/* Player */
#wrapper #main.player #left {
	position: relative;
	float: left;
	width: 193px;
}
#wrapper #main.player #center {
	float: left;
	margin: 0 0px 0 30px;
	width: 680px;
	display: inline;
}
#wrapper #main.player #right {
	float: right;
	width: 200px;
   	display: inline;
}
#home #wrapper #main.player #right {
	float: right;
	width: 225px;

}
/* Main: Keyframes
----------------------------------------------- */
#wrapper #keyframes {
	width: 504px;
	border: solid 1px #161616;
	overflow: auto;
}
#wrapper #keyframes dl {
	width: 728px;
	padding: 1px;
	height: 85px;
}
#wrapper #keyframes dl dt {
	float: left;
	width: 98px;
	height: 14px;
	padding: 2px 0 0 6px;
	font-size: .8em;
	color: #929292;
	background: url(../../common/images/header_navigation.gif) repeat-x 0 50%;
}
#wrapper #keyframes dl dt.current {
	color: #fff;
	background: url(../../common/images/header_navigation_current.gif) repeat-x 0 50%;
}
#wrapper #keyframes dl dt.current span {
	display: block;
	width: 92px;
	background: url(../../common/images/keyframes_play.gif) no-repeat 100% 2px;
}
#wrapper #keyframes dl dd {
	float: left;
	position: relative;
	margin-top: 17px;
	margin-left: -104px;
	width: 104px;
	height: 62px;
	background: #333;
}
#wrapper #keyframes dl dd a {
	border: none;
	text-decoration: none;
}

/* Main: Player (Temp.)
----------------------------------------------- */
#wrapper #player { margin: 15px 0 15px 0; }
#wrapper #player img { margin: 0 0 -4px 0; }


/* Main: Transcript
----------------------------------------------- */
#wrapper #transcriptContainer { 
	margin: 0px 0 0px 0; 
	border: 1px solid #000;
}
#wrapper #transcriptContainer img { margin: 0 0 0 0; }


/* The Transcript Navigation as an Unordered List
--------------------------------------------------*/
#wrapper #transcriptContainer #transcriptNavigation {
	margin: 0 0 0 0;
	width: 504px;
	height: 26px;
	border-bottom: 1px solid #000;
	background: #292929;
}
#wrapper #transcriptContainer #transcriptNavigation ul {
	position: absolute;
	float: left;
	width: 600px;	
}
#wrapper #transcriptContainer #transcriptNavigation ul li {
	float: left;
	height: 25px;
	padding: 5px 5px 0 5px;
}
#wrapper #transcriptContainer #transcriptNavigation ul a {
	float: left;
	text-decoration: none;
	font-size: .7em;
	color: #fff;
	border: 0px;
}
#wrapper #transcriptContainer #transcriptNavigation ul li img { border: none; }
#wrapper #transcriptContainer #transcriptNavigation ul li a:hover { text-decoration: underline; }
#wrapper #transcriptContainer #transcriptNavigation ul li.current {
	height: 25px;
	background: url(../../common/images/transcript_header_current.gif) repeat-x;
}


/* The Transcript Notes as a Definition List
--------------------------------------------------*/
#wrapper #transcriptContainer #transcriptBody dl {
	overflow: auto;
	width: 504px;
	padding: 0px;
	height: 249px;
}
#wrapper #transcriptContainer #transcriptBody dl dt {
	height: 65px;
	width: 40px;
	float: left;
	padding: 10px 14px 0 40px;
	font-size: .7em;
	color: #C6C6C6;
}


#wrapper #transcriptContainer #transcriptBody dl dd {
	width: 400px;
	height: 72px;
	padding: 10px 80px 0 24px;
	font-size: .7em;
	border-bottom: 1px dotted #C6C6C6;
}

#wrapper #transcriptContainer #transcriptBody dl dd.transcriptOdd {
	background:url(../../common/images/transcript_text_background.jpg);
}



/* Footer
----------------------------------------------- */
#wrapper #footer {
	clear: both;
	float: left;
	margin: 40px 0 0 0;
	padding: 10px 20px 30px 20px;
	width: 910px;
	border-top: solid 1px #D9D9D9;
}
#wrapper #footer p {
	float: left;
	font-size: .7em;
	color: #666;
}
#wrapper #footer ul { float: right; }
#wrapper #footer ul li {
	margin: 0 0 0 15px;
	float: left;
	font-size: .7em;
}

/* Links, Miscellaneous
----------------------------------------------- */
a {
	color: #e78523;
}

/* Sidebars
----------------------------------------------- */
#left, #right {
    font-size:.65em;
    color:#999;
}
#left, #right {
    margin-top:-3em;
}
#left p, #right p, #left ul {
    margin-bottom:1em;
}
#left h2, #right h2 {
    color:#999;
    font-size:1.5em;
    letter-spacing:.05em;
    text-transform:normal;
    padding-bottom:.5em;
    margin-bottom:1.5em;
    margin-top:3em;
    border-bottom:2px solid #999;
}
#left h3, #right h3, #center strong {
    text-transform:normal;
    font-size:1.2em;
font-weight:bold
    margin-bottom:0.9em;
	color: #000;
}
#left ul li li a, #left p#title a {
    color:#666;
}
#left ul#playlist, #left #video-details {
    margin:0 1.25em;
}
ul.qt li, ul.pdf li, ul.word li {
	padding: 0 0 4px 18px;
	line-height: 1.75em;
    height:1.25em;
}
ul.qt li {
	background: url(../../common/images/icons/qt.gif) no-repeat 0 2px;
}
ul.pdf li {
	background: url(../../common/images/icons/pdf.gif) no-repeat 0 2px;
}
ul.word li {
	background: url(../../common/images/icons/word.gif) no-repeat 0 2px;
}
#right ul {
    margin: 2.25em 0;
}

#right ul li {
    margin-bottom:2em;
}
#right ul li img {
    float:left;
    clear:both;
    height:30px;
    border:1px solid #eee;
    padding:.1em;
    margin: 0 .5em 1em 0;
}

#left ul#playlist h3, #right ul h3 {
    text-transform:capitalize;
}
#right ul h3 {
    _margin-top:-1em;
}


#chapters {
    font-size:0.9em;
    margin-bottom:1.5em;
    text-align:left;
}
#chapters a {
    color:##E78523;
}
#chapters a.more {
	color: #e78523;
}

/* Browser
----------------------------------------------- */

/* Orignal from Terence Ordona, portal[AT]imaputz[DOT]com         */
/* http://creativecommons.org/licenses/by-sa/2.0/    */



/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #000;
	height: 190px;
	overflow: auto;
	width: 948px
}
#browse div.tableContainer, #search div.tableContainer {
    height:100%;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
}
/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 316px;
	height: 190px;
    font-size:.7em;
}
#search div.tableContainer table {
    width:100%;
}
#browse div.tableContainer table, #search div.tableContainer table {
    height:100%;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	/*width: 316px;
	height: 175px;*/
    float:left;
}
html>body#browse div.tableContainer table, html>body #search div.tableContainer table {
	height: 100%;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	color: #fff;
	background: url(../../common/images/header_navigation_current.gif) repeat-x 0 50%;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 4px 3px;
	text-align: center
}
#search thead.fixedHeader th {
	background: url(../../common/images/header_navigation.gif) repeat-x 0 50%;
}
/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 160px;
	overflow: auto;
	width: 100%;
}
html>body#browse tbody.scrollContent, html>body #search tbody.scrollContent {
	height: 100%;
}
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 320px
}
html>body #search thead.fixedHeader th {
	width: 182.5px
}
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 320px
}
html>body #search tbody.scrollContent td {
	width: 183px
}

#search form {
	background: #e78523 url(../../common/images/header_navigation_current.gif) repeat-x;
    border-top:1px solid #000;
    border-left:1px solid #666;
    border-right:1px solid #666;
    font-size:.75em;
    padding:1em;
    height:3em;
}
#search form label {
    display:block;
    clear:both;
    font-weight:bold;
}
#search form span {
    float:left;
    margin: 0 1em;
}
#search form #search-buttons {
    margin-top:1.1em;
}
#search form #search-buttons input {
    border:3px double #ccc;
    background:#fff;
    color:#000;
}

table.browse-search {
    font-size:.7em;
    height:100%;
	border: 1px solid #666;
    border-collapse:collapse;
}
table.browse-search th {
    color: #fff;
	background: url(../../common/images/header_navigation.gif) repeat-x 0 50%;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 4px 3px;
	text-align: center
}
table.browse-search td {
	border: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
#browse table.browse-search {
    border:0;
}
#browse table.browse-search thead {
    border-bottom:1px solid #666;
}
#browse table.browse-search th {
    border:0;
	background: url(../../common/images/header_navigation_current.gif) repeat-x 0 50%;
    border-right:1px solid #666;
}
#browse table.browse-search td img {
    float:left;
    padding:.1em;
    border:1px solid #ccc;
    margin: 0 .5em .5em 0;
}

/* Home Page
----------------------------------------------- */

.scrollbox {
    width:650px;
    height:120px;
    margin:1em 0;
    overflow:hidden;
    border:1px solid #000;
    clear:both;
    font-size:.8em;
}
.two-level {
    height:150px;
}
.dl-wrap {
margin-left:2.5em;
margin-top:-.75em;
}
dl.gallery
{
width: 104px;
text-align: center;
float: left;
margin-right: 1.5em;
font-size:.8em;
}
.gallery dt { font-weight: bold; }
.gallery dt img
{
border: 1px solid #000;
width: 104px;
height: 62px;
}
.gallery dd
{
margin: 0;
padding: 0;
}
.scrolltitle, .scrollnav {
	float: left;
    width:100% !important;
    width:620px;
    position:relative;
    padding:.5em 0 .5em 2.75em;
	font-size: .85em;
	color: #000;
	background: url(../../common/images/header_navigation_current.gif) repeat-x 0 50%;
    border-bottom:1px solid #666;
}
.scrolltitle {
    text-transform: normal;
    color:#fff;
    font-weight:normal;
}
.scrollnav {
	background:#fff;
    height:15px;
}
.scrollnav li {
    float:left;
    margin-right:1em;
}
.scrollnav li a {
    color:#000;
    text-decoration:none;
    display:block;
}
.scrollnav li.active a {
	background: url(../../common/images/header_navigation.gif) repeat-x;
    color:#fff;
    text-decoration:none;
    display:block;
	padding: 6px 9px;
    margin-top:-5px;
    height:1.25em;
}
.scrollnav li a:hover {
    text-decoration:underline;
}
.left-arr img, .right-arr img {
    border:0;
}
.left-arr {
position:relative;
left:7px;
top:35px;
}
.right-arr {
position:relative;
top:35px;
left:606px;
}
#videos {
width:629px;
height:150px;
margin-left:2em;
clear:both;
}
.featured-vid {
float:left;
width:275px;
margin-right:1em;
margin-bottom:1.25em;
padding:.5em;
color:#666;
font-size:.7em;
}
.featured-vid img {
float:left;
}

.featured-vid p {
float:right;
width:135px;
}

.featured-vid a img {
    border:0;
}
.featured-vid h3,.featured-vid img {
margin-bottom:1em;
}
.featured-vid h3 {
    font-size:1em;
    color:#000;
}
#right ol li {
    margin-left:2em;
    margin-bottom:.5em;
    list-style-type: decimal;
}