/* CSS Document */ /* When editing this document please also save a css version of assetDetail.css*/ /*apply default styles*/ #asssetDetail_base {width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#6f6f6f;} input, select {font-size:11px;} img {margin:0; padding:0;}/*keep images true in old IE*/ a {color:#0077c0; text-decoration:underline; outline:none;} a:hover {color:#0077c0; text-decoration:none;} .clear {clear:both;}/*class used globally to clear floats (remedy staggering)*/ form {margin:0; padding:0;} /*Make IE6 cache our background images - remedies link flickering*/ html {font-family:Tahoma, Arial, Helvetica, sans-serif;filter: expression(document.execCommand("BackgroundImageCache", false, true));} #asssetDetail_stage {width:820px; margin-left:0px;}/*780px centered inside the base div -- elements in here are aligned left*/ /*header styles with class "assetDetail" to avoid conflict with current products*/ h1.assetDetail {font-size:16px; font-weight:bold; color:#5a5a5a; margin:0 0 0 10px; padding:0;} h3.assetDetail {color:#323232; font-size:12px; font-weight:bold; margin:0 0 6px 12px;} h3.imageDetail {color:#323232; font-size:12px; font-weight:normal; margin:0 0 6px 8px;} h6.assetDetail {font-size:11px; font-weight:normal; color:#6f6f6f; margin:3px 0 0 10px; padding:0;} /*mulit purpose colors*/ .blue {color:#0077c0;} .black {color:#000;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*mid section - player and segment list*/ #assetDetail_mid {margin-top:6px; position:relative; top:0px; left:0px; width:820px;}/*creates a container for the middle portion of the page--segment list and player*/ /*player styles*/ #assetDetail_player {position:relative; top:-6px; left:-1px; width:408px; margin:17px 0 14px 0;/*margins provide room for top/bot-caps*/ background:URL(../images/skins/US/vidBG.jpg) repeat-y; float:left;} #player_topCap {position:absolute; left:0px; top:-16px; width:408px; height:17px; background:URL(../images/skins/US/vidTopCap.jpg) no-repeat;}/*position top cap*/ #player_botCap {position:absolute; left:0px; bottom:-40px; width:408px; height:62px; padding-bottom:-200px; background:URL(../images/skins/US/vidBotCap.jpg) no-repeat; z-index:0;}/*position bottom cap*/ #vidWindow {position:relative; margin:1px 0 1px 11px; width:381px; border:2px solid #fff; background-color:#000000; z-index:1;}/*video is embedded in this div*/ #settingsWindow {position:absolute; top:-2px; margin:1px 0 1px 11px; width:381px; height:275px; border:2px solid #5a5a5a; background-color:#fff; z-index:1;}/*video is embedded in this div*/ #settingsTable {margin-left:8px;} #settingsTable td {vertical-align:middle; text-align:left;} #settingsTable .black {text-align:left;} #settingsTable label {float:left; vertical-align:middle; margin:6px 0 0 3px; padding:0;} #settingsTable input {float:left; vertical-align:middle; margin:6px 0 0 11px; padding:0;} #placeholder {position:relative; min-height:300px; height:auto !important; height:300px; z-index:8;/*IE hold min height*/}/*holds player height and pushes 'curve' down*/ #fullScreen {position:absolute; bottom:-24px; right:68px; z-index:10;} .btn_fullscreen {display:block; width:89px; height:17px; background:URL(/images/btn_fullscreen.png) no-repeat;behavior: url("/css/iepngfix.htc") } /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*contains elements in right side of mid section (@ same level as player - segment list, etc)*/ #assetDetail_midRight {float:left; margin-left:0px; display:inline;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*net manager styles*/ #lightStage .window {position:relative; padding:14px;} #lightStage h5 {color:#666666; margin:16px 0 16px 14px; font-size:13px; padding:0;} #lightStage h1 {color:#4d4d4d; font-size:13px; font-weight:bold; margin:0 0 16px 0px;} #folderType {vertical-align:middle; padding-bottom:10px;} #folderType input, label {float:left;} #folderType label{color:#666666; font-weight:bold; font-size:12px; padding-top:1px;} /*position my content below seg list*/ #assetDetail_myContent {position:relative; top:-1px; font-size:12px; width:358px; height:36px; background:URL(../images/segListBottom.jpg) no-repeat; font-weight:bold; color:#000000;} .myContent {position:absolute; top:7px; right:69px;} .netManCheck {position:absolute; top:9px; left:24px;} .myContentPanel {position:absolute; top:8px; right:7px; width:355px; height:300px; background:#fff URL(../images/myContentGrad.jpg) repeat-x; border-left:1px solid #bebebe;border-right:1px solid #bebebe; z-index:10;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*description/tabbed section*/ #listContainer {position:relative; float:left; width:401px; margin:32px 0 12px 3px;/*create space in document flow for tabs*/ padding-bottom:20px; background:#f6f6f6; border:1px solid #979797; display:inline;} #bottomCap {position:absolute; bottom:-12px; left:-1px; height:13px; width:403px; background:URL(../images/bottomCap.jpg) no-repeat;}/*position cap at bottom of container*/ #tabs {position:absolute; top:-24px; left:-1px;}/*position tabs above listContainer*/ p.tabs {margin:0 3px 0 0; padding:0; float:left;}/*float tabs to the right and add margin to left*/ /*build expanding tab with rollover state*/ .tab1, .tabSelected {font-size:11px;text-decoration:none; font-weight:bold; color:#323232;} .tab1, .tab1 span {background:url(../images/tabs.jpg) no-repeat;} .tab1 {position:relative;padding:9px 10px 11px 10px;background-position:right 0px; height:33px;} .tab1 span {position:absolute;top:0px;left:0px;background-position:left top;width:10px;height:33px;display:block;/* mostly needed for internet explorer */cursor:pointer;} .tab1:hover {background-position:right -33px; color:#323232;} .tab1:hover span {background-position:left -33px;} /*build expanding tab without rollover state and with default cursor on hover*/ .tabSelected, .tabSelected span {background:url(../images/tabselected.jpg) no-repeat; cursor:default; color:#323232;} .tabSelected {position:relative;padding:9px 10px 13px 10px;background-position:right 0px;height:33px;} .tabSelected span {position:absolute;top:0px;left:0px;background-position:left top;width:10px;height:33px;display:block;/* mostly needed for internet explorer */cursor:default;} .tabSelected:hover {background-position:right 0px; color:#323232;} .tabSelected:hover span {background-position:left 0px;} /*build white description window*/ #assetDetail_descriptionBox {position:relative; top:12px; left:8px; float:left; width:381px; min-height:254px; height:auto !important; height:254px; border-left:1px solid #ededed; border-right:1px solid #ededed; margin:10px 0 10px 0;/*provide space for top/bot-cap*/ background-color:#FFFFFF;} #desc_topCap {position:absolute; top:-10px; left:-1px; width:383px; height:11px; background:URL(../images/desc_topCap.jpg) no-repeat;}/*position top cap*/ #desc_botCap {position:absolute; bottom:-10px; left:-1px; width:383px; height:11px; background:URL(../images/desc_botCap.jpg) no-repeat;}/*position bot cap*/ #page_description {padding:0 7px 0 7px;} #tab1_description {color:#323232;} #tab2_content {padding:0 7px 0 7px;color:#323232;}/*these styles for swapping content with tabs :: note-a class should be applied rather than creating addntl id's */ #tab1_content {padding:0 7px 0 7px;color:#323232;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*bottom right panel contains ratings and related resources*/ #bottomRight {position:relative; float:left;} /*ratings box*/ #ratingBox {position:relative; width:360px; margin:43px 0 22px 8px;/*create space in document flow for tabs*/ padding-bottom:20px; background:#f6f6f6; border:1px solid #979797;} #ratingBox_botCap {position:absolute; bottom:-12px; left:-1px; height:13px; width:362px; background:URL(../images/ratingBox_botCap.jpg) no-repeat;}/*position cap at bottom of container*/ #ratingBox_topCap {position:absolute; top:-12px; left:-1px; height:13px; width:362px; background:URL(../images/ratingBox_topCap.jpg) no-repeat;}/*position cap at bottom of container*/ #starBG { position:relative; top:5px; left:12px; width:95px; height:21px; background:URL(../images/starBg.jpg) repeat;} #totalRatings { position:absolute; top:29px; left:116px;} /*related materials*/ #relatedBox {position:relative; top:8px; width:360px; margin:0 0 0 8px;/*create space in document flow for tabs*/ padding-bottom:20px; background:#f6f6f6; border:1px solid #979797;} #relatedBox_botCap {position:absolute; bottom:-12px; left:-1px; height:13px; width:362px; background:URL(../images/ratingBox_botCap.jpg) no-repeat;}/*position cap at bottom of container*/ #relatedBox_topCap {position:absolute; top:-12px; left:-1px; height:13px; width:362px; background:URL(../images/ratingBox_topCap.jpg) no-repeat;}/*position cap at bottom of container*/ #relatedBox ul, li { list-style:none; margin:0 0 0 0; padding:0;} #relatedBox li {background:URL(../images/relatedArrow.jpg) no-repeat; background-position:0px 1px; margin:0 0 5px 13px; padding-left:10px;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*rollover buttons and positioning*/ /*video settings tab*/ #vidSettings {position:absolute; bottom:-41px; left:11px; height:26px; width:105px; z-index:8;} .vidSettings a {display:block;width: 105px;padding:0px 0px 0px 0px;background: URL(../images/skins/US/vidSettings.jpg) 0px 0px no-repeat;} .vidSettings a:hover {display:block;width: 105px;padding:0px 0px 0px 0px;background: URL(../images/skins/US/vidSettings.jpg) 0px -26px no-repeat;} #tester {} div.testUno { background:#ff0000; width:20px; height:20px;} div.testDos { background:#0077c0; width:20px; height:20px;} /*play button*/ #playBtn {position:absolute; bottom:-20px; right:36px; height:44px; width:46px; z-index:10;} .playBtn a {display:block;width: 46px; height:44px;padding:0px 0px 0px 0px;background: URL(/images/skins/US/btn_play.jpg) 0px 0px no-repeat;} .playBtn a:hover {display:block;width: 46px; height:44px;padding:0px 0px 0px 0px;background: URL(/images/skins/US/btn_play.jpg) 0px -44px no-repeat;} .addBtn {position:absolute; top:3px; right:7px;}/*position save button*/ .addBtn a {display:block;width: 49px;padding:0px 0px 0px 0px;background: URL(../images/skins/US/btn_add.jpg) 0px 0px no-repeat;} .addBtn a:hover {display:block;width: 49px;padding:0px 0px 0px 0px;background: URL(../images/skins/US/btn_add.jpg) 0px -22px no-repeat;} #rateBtn {position:absolute; top:-7px; right:-60px; height:22px; width:51px; z-index:8;} .rateBtn a {display:block;width: 51px;padding:0px 0px 0px 0px;background: url(../images/btn_rate.jpg) 0px 0px no-repeat;} .rateBtn a:hover {background: url(../images/btn_rate.jpg) 0px -22px no-repeat;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*provide alt styles for image, article, and audio section*/ /*image and audio view*/ #assetDetail_imageTop {position:relative; top:1px; width:355px; height:20px; background:#e9e8e8; margin:6px 0 0 0;/*provide for top cap & bottom margin*/ border:1px solid #bebebe; border-top:none;} .img_desc {padding:3px 3px 6px 3px; margin:3px 0 12px 0; background:#ffffff;} #assetDetail_imgList {position:relative; width:355px; margin:0 0 0 0; background:#f4f4f4; border:1px solid #e3e3e3; border-top:1px solid #bebebe;} .leftShort {height:260px; overflow:auto; overflow-x:hidden;} .leftTall {height:280px; overflow:hidden; overflow-x:hidden;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*loading styles*/ #loaderText {font-family:Tahoma, Arial; height:22px; font-size:11px; color:#606060; height:20px; display:inline; padding:2px 0 4px 26px; background:URL(../images/loader.gif) no-repeat;} #segLoader {width:352px; height:116px; background:#efefef; text-align:center; vertical-align:middle;} .segLoaderWrap {width:100%; padding-top:38px;} #myContentLoader {width:100%; height:100%;} /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*Download link styles*/ a.smDLBtn_hh {display:block; float:left; height:20px; padding:0 0 0 20px; background: URL(../images/btn_download.jpg) 0px 0px no-repeat; font-weight:bold; line-height:18px;} a.smDLBtn_hh:hover {background-position:0 -20px;} span.sub {font-size:10px; color:#7b7b7b; float:left; line-height:18px; padding:0 0 0 8px;} #downloadBlock {padding:0 0 10px 0;} /*article view*/ p.title {font-size:14px; font-weight:bold; color:#565656; padding:0px; margin:0 0 0 -7px;} div.ssec p.title {margin:0 0 0 0px;} p.title img {display:none;} p.title a {display:none;} span.para {color:#323232; font-size:11px; line-height:18px; display:block; padding-bottom:12px;}/*another default style pulled from the dB*/ #assetDetail_midLeft {float:left; width:490px; margin-left:8px; display:inline;} #assetDetail_articleRight {float:left; width:277px; display:inline;} #assetDetail_article {position:relative;width:482px; min-height:350px; height:auto !important; height:350px; margin:0 0 0 0; background:URL(../images/article_BG.jpg);} #article_topCap {width:482px; height:33px; background:URL(../images/article_topCap.jpg) no-repeat;}/*position top cap*/ #article_botCap {width:482px; height:7px; background:URL(../images/article_botCap.jpg) no-repeat;} .myContentPanelArt {position:absolute; top:31px; left:133px; width:355px; height:301px; background:#fff URL(../images/myContentGrad.jpg) repeat-x; border:1px solid #5e5e5e; z-index:10;} /*article right column styles*/ #listContainer_article {position:relative; float:left; width:272px; margin:32px 0 12px 0;/*create space in document flow for tabs*/ padding-bottom:20px; background:#f6f6f6; border:1px solid #979797; display:inline;} #bottomCap_article {position:absolute; bottom:-12px; left:-1px; height:13px; width:274px; background:URL(../images/bottomCap_article.jpg) no-repeat;}/*position cap at bottom of container*/ #assetDetail_descriptionBox_article {position:relative; top:12px; left:8px; float:left; width:252px; min-height:134px; height:auto !important; height:134px; border-left:1px solid #ededed; border-right:1px solid #ededed; margin:10px 0 10px 0;/*provide space for top/bot-cap*/ background-color:#FFFFFF;} #desc_topCap_article {position:absolute; top:-10px; left:-1px; width:254px; height:11px; background:URL(../images/desc_topCap_article.jpg) no-repeat;}/*position top cap*/ #desc_botCap_article {position:absolute; bottom:-10px; left:-1px; width:254px; height:11px; background:URL(../images/desc_botCap_article.jpg) no-repeat;}/*position bot cap*/ #ratingBox_article {position:relative; width:274px; margin:18px 0 22px 0;/*create space in document flow for tabs*/ padding-bottom:20px; background:#f6f6f6; border:1px solid #979797;} #ratingBox_botCap_article {position:absolute; bottom:-12px; left:-1px; height:13px; width:276px; background:URL(../images/ratingBox_botCap_article.jpg) no-repeat;}/*position cap at bottom of container*/ #ratingBox_topCap_article {position:absolute; top:-12px; left:-1px; height:13px; width:276px; background:URL(../images/ratingBox_topCap_article.jpg) no-repeat;}/*position cap at bottom of container*/