/* MEDIA NAVIGATION */
#media-navigation {padding: 10px; height: 35px; background: #000000 url(/resources/images/column-two/media-title.jpg) no-repeat 10px 17px;}


/* DROPDOWNS */
.media-dropdown {float: right; height: 25px; font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;z-index: 100;}
/*#media-dropdown-channels {background: url(/resources/images/column-two/media-title-dropdowns.jpg) no-repeat ; margin: 7px 5px 0 5px;  width: 120px;}
#media-dropdown-channels:hover {background-position: 0 -35px;}*/
#media-dropdown-topics {background: url(/resources/images/column-two/media-title-dropdowns.jpg) no-repeat -129px 0; margin: 7px 5px 0 5px; width: 97px;}
#media-dropdown-topics:hover {background-position: -129px -35px;}
#media-dropdown-podcasts {background: url(/resources/images/column-two/media-title-dropdowns.jpg) no-repeat -235px 0; margin: 7px 5px 0 5px; width: 122px;}
#media-dropdown-podcasts:hover {background-position: -235px -35px;}

/* DROPDOWN UTILITY */
ul.media-dropdown, ul.media-dropdown li {list-style: none; margin: 0; padding: 0;}
ul.media-dropdown ul {list-style: none; margin: 0; padding: 0;}

ul.media-dropdown li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.media-dropdown li.hover, ul.media-dropdown li:hover {position: relative;  cursor: default;}
ul.media-dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0;  width: 122px;}
ul.media-dropdown ul li {float: none;}
/*ul.media-dropdown ul ul {top: 1px; left: 99%;}*/
ul.media-dropdown li ul li ul.media-dropdown {top: -8px; right: 100%;left:auto;}
ul.media-dropdown li ul li ul.media-vignette {top: -3px; right: 100%;left:auto;}
ul.media-dropdown li:hover > ul {visibility: visible;}
ul.media-dropdown li.rtl ul {top: 100%; right: 0; left: auto;}
ul.media-dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto;}
ul.media-dropdown {text-transform: uppercase;}
ul.media-dropdown li {padding: 7px 0; line-height: normal; width: 100%; height: 29px;}
ul.media-dropdown li.hover, ul.media-dropdown li:hover {}
ul.media-dropdown a:link, ul.media-dropdown a:visited {color: #fff; text-decoration: none;}
ul.media-dropdown a:hover {color: #fff; text-decoration: none;}
ul.media-dropdown a:active {color: #fff;}
ul.media-dropdown ul {padding-top: 7px; width: 170px; background-color: #000; color: #fff; font-size: 11px; text-transform: none; filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9;}
ul.media-dropdown ul li {background-color: transparent; color: #000;}
ul.media-dropdown ul li.hover, ul.media-dropdown ul li:hover {background-color: transparent;}
ul.media-dropdown ul a:link, ul.media-dropdown ul a:visited {color: #fff;}
ul.media-dropdown ul a:hover {color: #fff; text-decoration: none;}
ul.media-dropdown ul a:active {color: #fff;}
ul.media-dropdown *.dir {padding-right: 12px;}
ul.media-dropdown li a {display: block; padding: 7px 14px;}
ul.media-dropdown li {padding: 0;}
ul.media-dropdown li.dir {padding: 7px 20px 7px 14px;}
ul.media-dropdown ul li.dir {padding-right: 15px;}
ul.media-dropdown li {}
ul.media-dropdown ul a {padding: 4px 5px 4px 14px; width: 151px;}
ul.media-dropdown ul a:hover {background-color: #FC8602; color: #fff;}
ul.media-dropdown a.open {background-color: #2e2e2e; color: #76b900;}
ul.media-dropdown ul a.open {background-color: #FC8602; color: #fff;}
ul.media-dropdown li:hover > a.dir {color: #76b900;}
ul.media-dropdown ul li:hover > a.dir {background-color: #FC8602; color: #fff;}


/* TITLE & VIDEO CONTAINER */
#media-title-container {margin: 0; background: url(/resources/images/column-two/media-video-title-bg.jpg) repeat-x; height: 65px; padding: 10px;}
#media-share {float: right; margin: 10px 10px 0 0;}
#media-title {font: 16px Helvetica, Arial, sans-serif; color: #363427; margin-bottom: 5px;}
#media-title-channel {font: 16px Helvetica, Arial, sans-serif; color: #1B75BB; float: left; padding-right: 10px; border-right: 1px solid #3D3D3D; margin: 0 10px 5px 0;}
#media-title-channel a, #media-title-channel a:visited {color: #1B75BB; text-decoration: none;}
#media-title-channel a:hover, #media-title-channel a:visited:hover {color: #3D98E2; text-decoration: none;}
#media-title a, #media-title a:visited {text-decoration: none; color: #fff;}
#media-title-details {margin-top: 5px; color: #84AACA; cursor: pointer; padding-right: 10px; background: url(/resources/images/column-two/media-details-arrow.png) no-repeat center right; width: 45px; float: left;}
#media-title-details:hover {background-image: url(/resources/images/column-two/media-details-arrow-on.png)}
#media-title-description {margin: 5px 0 0 15px; padding: 0 0 0 10px; border-left: 1px solid #3D3D3D; font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color: #DCE0E4; float: left;}

/* DETAILS OVERLAY */
#media-details-overlay {position: absolute; width: 1000px; height: 350px; margin-top: -20px; z-index: 9; background: url(/resources/images/column-two/media-details-overlay.png);}
#media-details-overlay-close {margin: 30px 50px 0 0; cursor: pointer;}


/* VIEW GRID/LIST UMBRELLA STYLES */
#recent-videos-container {width: 750px; margin-top: 5px; float: left;}
#recent-videos {height: 30px; background: #BDBAB1 url(/resources/images/column-two/media-weekly-lectures.jpg) no-repeat; margin-bottom: 0px;}
#popular-videos {height: 30px; background: #DFDED9 url(/resources/images/column-two/media-most-popular.png) no-repeat;}
#recent-videos-view {height: 30px; background: #D7D5C8;}


/* VIEW ICONS */
.media-videogrid-view-icon {float: left; width: 25px; height: 25px; margin-left: 5px; cursor: pointer;}
#media-videogrid-view-icon-list {background: url(/resources/images/column-two/media-icon-view-list.png) no-repeat 5px 5px;}
#media-videogrid-view-icon-list:hover {background-image: url(/resources/images/column-two/media-icon-view-list-on.png);}
.media-videogrid-view-icon-list-selected {background-image: url(/resources/images/column-two/media-icon-view-list-on.png);}
#media-videogrid-view-icon-grid {background: url(/resources/images/column-two/media-icon-view-grid.png) no-repeat 5px 5px;}
#media-videogrid-view-icon-grid:hover {background-image: url(/resources/images/column-two/media-icon-view-grid-on.png);}
.media-videogrid-view-icon-grid-selected {background-image: url(/resources/images/column-two/media-icon-view-grid-on.png);}


/* VIEW LIST */
#media-videogrid-view-list {padding: 0;}
.media-list {border-bottom: 1px solid #EEEBDF; background: #F8F7F2; color: #4499AA; font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; min-height: 68px;}
.media-list:hover {text-decoration: none; border-bottom: 1px solid #D7D0B5; color: #387D89; background: #FEFEFC;}
.media-list a, .media-list a:visited, .media-list a:hover, .media-list a:visited:hover {text-decoration: none; color: inherit; height: 68px; padding: 5px; width: 100%; display: block;}


/* VIEW GRID */
#media-videogrid-view-grid {padding: 5px;}
.media-videogrid {float: left; padding: 5px; margin: 0 5px 5px 0; width: 227px; height: 68px; border: 1px solid #EEEBDF; background: #F8F7F2; color: #4499AA; font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
.media-videogrid:hover {text-decoration: none; border: 1px solid #D7D0B5; color: #387D89; background: #FEFEFC;}
.media-videogrid a, .media-videogrid a:visited, .media-videogrid a:hover, .media-videogrid a:visited:hover {text-decoration: none; color: inherit;}
.media-videogrid-thumbnail {background-repeat: no-repeat; background-position: -11px; width: 115px; height: 68px; float: left;}


/* POPULAR VIDEOS */
#popular-videos-container {width: 245px; float: left; margin: 5px 0 0 5px;}
#popular-videos-container ul {list-style: none; list-style-type: none; margin: 0; padding: 0;}
#popular-videos-container ul li {list-style: none; list-style-type: none; margin: 5px 0 5px 0; padding: 8px; border: 1px solid #E0DECF; background: #F8F7F2; color: #4499AA; font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
#popular-videos-container ul li:hover {border: 1px solid #D7D0B5; background: #FEFEFC; color: #387D89;}
#popular-videos-container ul li a, #popular-videos-container ul li a:visited, #popular-videos-container ul li a:hover, #popular-videos-container ul li a:visited:hover {text-decoration: none; color: inherit;}


#media-hp-player-container {margin-top: 40px; background: #F7F7F7; height: 245px;}
#media-hp-player-col1 {float: left; width: 195px;}
#media-hp-player-col1-row1 {width: 195px; background: #FFFFFF; height: 40px;}
#media-hp-player-col1-row2 {min-height: 40px; width: 195px;}
#media-hp-player {float: right; width: 365px; height: 205px; margin-top: 40px; background: #000000;}


#media-hp-player-col1-row2 ul {margin: 7px 0 0 0; padding: 0; list-style: none; list-style-type: none;}
#media-hp-player-col1-row2 ul li {list-style-type: none; list-style: none; padding: 10px 5px 10px 0; margin: 0; color: #716B5F; margin-left: 20px; border-bottom: 1px solid #E0DECF; font-size: 11px;}
#media-hp-player-col1-row2 ul li.more {padding: 10px 10px 5px 0; font: italic bold 12px Georgia, 'Times New Roman', Times, serif; border-bottom: none;}
#media-hp-player-col1-row2 ul li.selected {padding: 10px; color: #FFFFFF; margin: 0; border: none; font-style: italic; font-weight: bold; background: #88C134;}
#media-hp-player-col1-row2 ul li.selected a, #media-hp-player-col1-row2 ul li.selected a:visited, #media-hp-player-col1-row2 ul li.selected a:hover, #media-hp-player-col1-row2 ul li.selected a:visited:hover {color: #FFFFFF;}
#media-hp-player-col1-row2 a, #media-hp-player-col1-row2 a:visited {color: #716B5F; text-decoration: none; height: 100%; width: 100%; display: block;}
#media-hp-player-col1-row2 a:hover, #media-hp-player-col1-row2 a:visited:hover {color: #35322D; text-decoration: none;}

.media-embed {margin-top: 10px; background: #EBEAE7; padding: 10px; font-size: 11px; width: 505px;}