/* family40_mediacenter_screen.css Copyright 2007, Focus on the Family Created: 10/20/207 Modified: 9/30/2009 Version: 1.11 Modification history: 10/29/2007: Changed .playlistButton styles to put background image in ul rather than a 10/30/2007: Adjusted dimensions of #mediaPlayer and surrounding divs 12/17/07: Commented out background image for ul.storeLinks; can be uncommented when Add to Cart functionality works 12/18/07: Added .audio and .video to show icons next to date in search results 12/18/07: Modified .searchText .date to make room for icons 12/18/07: Removed date from Now Playing box 12/18/07: Added #playerBox .audio and #playerBox .video to support audio/video icons 12/18/07: Added #leftadBox, .leftAd and #adSpacer to support doubleclick ads 12/18/07: Centered large Doubleclick ad at the bottom 1/16/08: Changed width of #filterBy, #searchOne, #searchTwo and .searchItem .searchText to make #filterBy 26px wider. 3/14/08: MAde various changes to accommodate new branding 4/2/08: Added styles to support more items in .resourceBox divs 4/7/08: Added styles to make up/down arrows disappear in playlist 2/10/09: Turned off #header background so seasonal home page header images don't show up 9/30/09: Added donate link styles 1/26/10: Changes to support Super Bowl campaign */ /* overrides of main stylesheets */ /* header */ #ctl00_ContentPlaceHolder1_MediaPlayer1_container { BACKGROUND: #fff; overflow:hidden; width:1000px; border-top:7px solid #8ecdd9; } ul.storeLinks { /*background:url(/family/images/backgrounds/sprites.png) -205px -133px no-repeat; backgrond can be uncommented when Add to Cart functionality works*/ } ul.storeLinks a { color:#0d3c44; text-decoration:none; } ul.storeLinks a:hover { color:#A27E44; } #wrapper { width:798px; overflow:hidden; padding: 0; margin:0; background-image:url(/family/images/mediacenter/bg_sortt.png); height:499px; } *html #wrapper {z-index:-1;} /* header styles */ .headerOne { float:left; height:48px; margin:15px 0 0px 15px; overflow: hidden; } .headerTwo { float:left; height:48px; margin:22px 0 0 80px; overflow: hidden; } .headerThree { float:left; height:48px; margin:15px 0 0 15px; overflow: hidden; } .headerOne { width: 382px; padding: 0 20px 0 0; } .headerTwo { width:260px; height: 35px; padding: 3px 20px 0 20px; } .headerTwo h3 { font-size:11px; color:#fff; } .headerThree a { float: left; margin: 8px 0px 0px 20px; display: block; width:126px; height:20px; background: url(/family/images/mediacenter/closemediacenter.png) no-repeat; font-size: 1px; text-indent: -9999px; } .headerThree a:hover { background-position: 0 -25px; } .headerOne span{ font-size:26px; color:White; font-weight:bold; font-family:Arial Narrow;} .headerTwo span{ font-size:14px; font-family:Arial; color:White;} /* curved box styles */ .curvedBox { margin:0; overflow:hidden; clear:both; width: 988px; height: 392px; padding: 15px; } #topadBox { display:none; width:135px; z-index:999; height:261px; overflow: hidden; background:url(/family/images/backgrounds/article_tile.png) repeat-y; } #topAd { width:135px; height: 261px; overflow: hidden; } #topAd .adBoxText { text-align:center; padding-top:5px; overflow:hidden; } #topAd .adBoxText ul { width:135px; list-style:none; margin:0; padding:0; text-align:center; } #topAd .adBoxText ul li { height:11px; margin:0; padding:0; overflow:hidden; } #topAd .adBoxText li a { display:block; width:135px; height:11px; background:url(/family/images/backgrounds/adboxtext_bg.gif) 0 -11px no-repeat; font-size:0em; text-indent:-9999px; overflow:hidden; } #topAd .adBoxText li.first a { background:url(/family/images/backgrounds/adboxtext_bg.gif) 0 0 no-repeat; } #playerBox { width:320px; height: 350px; float: left; padding:82px 0 0 145px; } #nowPlaying { width:936px; padding-left:52px; height:83px; color: #fff; overflow:hidden; position:absolute; z-index:500; top:63px; left:0; background:url(/family/images/backgrounds/bg_life_challenges.png) no-repeat; clear:both; } #playerBox .Audio { background: url(/family/images/backgrounds/nowplaying_audiobg.png) no-repeat; } #playerBox .Video { background: url(/family/images/backgrounds/nowplaying_videobg.png) no-repeat; } #mediaPlayer, #mediaPlayer1 { width: 640px; height: 384px; overflow: hidden; border-top: 2px solid #fff; border-bottom: 2px solid #fff; } #nowPlaying h1 { font-size:11px; line-height:11px; font-weight:normal; margin: 14px 0 5px 0; } #nowPlaying p { padding:0; font-size:1.5em; font-weight:bold; line-height: 1; margin: 0; width:936px; } .date { color: #4cafaa; } #playlistBox { width:495px; height:317px; overflow:hidden; z-index:900; left:493px; background:url(/family/images/backgrounds/article_tile.png) repeat-y; } #resourceTabs{ width:150px; height:50px; overflow:hidden; clear:both; float:left} *html #resourceTabs{ width:640px; height:50px; overflow:hidden; margin:0 0 0 10px; clear:both; position:absolute; top:0px; left:0px;} #playlistTabs { width:592px; height:30px; overflow:hidden; margin:9px 0 0 180px; border-bottom:2px solid #65bfbc;} *html #playlistTabs { width:592px; height:30px; overflow:hidden; margin:0; border-bottom:2px solid #65bfbc; clear:both; position:absolute; top:8px; left:180px;} #resourceTabs ul, #playlistTabs .playlistTabsRight ul { overflow:hidden; list-style: none; margin: 0; padding: 0; } #resourceTabs ul{width:150px;} #resourceTabs li{ margin:0; padding:0;width:150px; } #playlistTabs .playlistTabsRight li { display: inline; margin:0; padding:5px 0 10px 0; float: left; } #resourceTabs li a{ font-weight:bold; color:#3a91a6; font-size:18px; line-height:18px; text-decoration:none; } #playlistTabs .playlistTabsRight li a { font-weight:bold; color:#3a91a6; font-size:18px; line-height:18px; text-decoration:none; padding-bottom:10px;} #playlistTabs .playlistTabsRight { float:left; overflow:hidden; width:200px; } #playlistTabs ul { width:200px; } #relatedInfo { width:643px;overflow: auto;overflow-x:hidden; height: 75px; padding-left:5px; margin-top:2px;} *html #relatedInfo { width:643px;overflow: auto; height: 80px; margin-left:161px; overflow-x:hidden;margin-top:5px;} .resourceBox { overflow:auto; background-color:#ffffff; width:630px; margin-left:-5px; } .resourceBox .content { margin: 10px; } .resourceBox h4, .resourceBox h4 a { color: #000; font-size: 15px; text-decoration: none; } .resourceBox h4 a:hover { color:#A27E44; } .resourceBox p { margin: 5px 5px 0 0; } .resourceBox a { color: #3a91a6; font-weight: bold; text-decoration:none; } .resourceBox a:hover { color:#A27E44; } ul.linkList li { margin: 0 0 5px 0; } #playList { width:592px; margin:1px 0 0 180px; height:423px; overflow:auto; } *html #playList { width:592px; margin:0; height:423px; overflow:auto; position:absolute; top:40px; left:180px; } #playList a{color:#3A91A6;} .removeLinks { float:right; overflow: hidden; width:200px; } .removeLinks ul { width:200px; list-style:none; margin: 0; padding:0; overflow:hidden; } .removeLinks li { display:inline; float:right; padding:8px 0 0 5px; } .removeLinks li a { font-size:12px; line-height:12px; color:#3a91a6; font-weight:bold; text-decoration:none; margin-top:10px; } .removeLinks li a:hover { color:#A27E44; } .playlistItem { clear: both; overflow: hidden; height: 31px; padding: 5px; border-bottom: 2px solid #65bfbc; } .playlistThumbnail, .playlistDesc, .playlistButtons, .downloadLink { float: left; overflow: hidden; } .playlistThumbnail { width: 44px; } .playlistThumbnail img { width: 34px; height:29px; } .playlistDesc { width: 300px; height: 31px; overflow:hidden; } .playlistDesc dl { float: left; padding: 5px; margin: 0; line-height: 11px; } .playlistDesc dt { font-weight:bold;color:#3a91a6; } .playlistDesc dd { padding: 0; margin:2px 0 0 0;color:#999999 } .playlistButtons { width:45px; float:right; overflow:hidden; } .playlistButtons ul { margin:0; padding:0; list-style:none; float:left; width:50px; } .playlistButtons li { margin:0; padding:0; float:left;height:23px; width:19px; } .playlistButtons li a { display: block; width: 16px; height: 16px; padding: 0; margin: 7px 0 0 0; text-indent: -9999px; background: url(/family/images/backgrounds/updownarrows.gif) no-repeat; font-size: 1px; } .playlistButtons li a:hover { background-position:0 -32px; } .playlistButtons li a.moveDown { background-position: 0 -16px; margin-left:5px; } .playlistButtons li a:hover.moveDown { background-position:0 -48px; } .playlistButtons .first { background:none; height:1px; overflow:hidden; } .playlistButtons .first a { height:1px; } .playlistButtons .last { display:none; } .playlistLinks { width: 51px; padding: 4px 0 0 9px; height: 27px; float: left; } .playlistLinks ul { list-style: none; padding: 0; margin: 0; } .playlistLinks li { line-height: 13px; } .playlistLinks a { color:#3a91a6; text-decoration: none; line-height:11px; font-weight:bold; margin-top:-6px; } .playlistLinks a:hover { color:#A27E44; } .playbutton{color:red} /* editorialWell styles */ #tabSort { overflow: hidden; padding-top:0; height:34px; text-align:left; width:798px; z-index:700; background-image:url(/family/images/mediacenter/bg_title.png); } #tabSort h2 { position:absolute; padding-left:20px; font-family:Arial; font-size:18px; font-weight:bold;color:#4b4b4b; z-index:500; float:left; color:#333333; padding-top:5px; } #tabSort ul { list-style:none; float:left; padding:7px 0 0 150px; margin:0; overflow:hidden; text-indent:0; } #tabSort li { display: inline; float:left; padding:0; margin:0 1px -2px 0; #margin:-2px 1px -2px 0; overflow:hidden; text-indent:0; } *html #tabSort li{display: inline; float:left; padding:0; margin:-2px 2px -2px 0; overflow:hidden; text-indent:0; } #tabSort li a {cursor: pointer;text-align:center; width:112px; height:17px; display:block; font-family:Arial; color:#ffffff; font-weight:bold; font-size:0px; line-height:100px; text-decoration:none; padding:6px; } #tabSort li a:hover { } #tabSort li a.tabsortOne { background-image:url(/family/images/mediacenter/tabBG1_data.png); } #tabSort li a.tabsortTwo { background-image:url(/family/images/mediacenter/tabBG1_showse.png); } #tabSort li a.tabsortThree{ background-image:url(/family/images/mediacenter/tabBG1_media.png); } #tabSort li a.tabsortFour { background-image:url(/family/images/mediacenter/tabBG1_topic.png); } #tabSort li a.tabsortFive{ background-image:url(/family/images/mediacenter/tabBG1_playlist.png);} *html #tabSort li a.tabsortOne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG1_data.png"); background-image: none; } *html #tabSort li a.tabsortTwo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG1_showse.png"); background-image: none; } *html #tabSort li a.tabsortThree { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG1_media.png"); background-image: none; } *html #tabSort li a.tabsortFour { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG1_topic.png"); background-image: none; } *html #tabSort li a.tabsortFive { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG1_playlist.png"); background-image: none; } *html #tabSort li a.tabsortOneSelected, *html #tabSort li a:hover.tabsortOneSelected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_data.png"); background-image: none; } *html #tabSort li a:hover.tabsortTwoSelected, *html #tabSort li a.tabsortTwoSelected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_showse.png"); background-image: none; } *html #tabSort li a:hover.tabsortThreeSelected, *html #tabSort li a.tabsortThreeSelected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_media.png"); background-image: none; } *html #tabSort li a:hover.tabsortFourSelected, *html #tabSort li a.tabsortFourSelected { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_topic.png"); background-image: none; } *html #tabSort li a:hover.tabsortFiveSelected, *html #tabSort li a.tabsortFiveSelected {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_playlist.png"); background-image: none; } *html #tabSort li a:hover.tabsortSixSelected, *html #tabSort li a.tabsortSixSelected {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/family/images/mediacenter/tabBG2_playlist.png"); background-image: none; } #tabSort li a.tabsortOneSelected, #tabSort li a:hover.tabsortOneSelected { background-image:url(/family/images/mediacenter/tabBG2_data.png); } #tabSort li a:hover.tabsortTwoSelected, #tabSort li a.tabsortTwoSelected { background-image:url(/family/images/mediacenter/tabBG2_showse.png); } #tabSort li a:hover.tabsortThreeSelected, #tabSort li a.tabsortThreeSelected { background-image:url(/family/images/mediacenter/tabBG2_media.png); } #tabSort li a:hover.tabsortFourSelected, #tabSort li a.tabsortFourSelected { background-image:url(/family/images/mediacenter/tabBG2_topic.png); } #tabSort li a:hover.tabsortFiveSelected, #tabSort li a.tabsortFiveSelected { background-image:url(/family/images/mediacenter/tabBG2_playlist.png); } #tabSort li a:hover.tabsortSixSelected, #tabSort li a.tabsortSixSelected { background-image:url(/family/images/mediacenter/tabBG2.png); } #ctl02_searchOne { float:left; overflow:hidden; width:605px;} #filterBy { background:url(/family/images/mediacenter/bg_filter.png);width: 151px; height: 504px; margin:0;padding-top:1px; float: left; overflow:auto; overflow-x:hidden; z-index:0;} *html #filterBy { background:url(/family/images/mediacenter/bg_filter.png);width: 151px; height: 504px; margin:0;padding-top:1px; float: left; overflow:hidden; z-index:0;} #filterByItem { width: 100%; height: 98%; overflow:auto; overflow-x:hidden; } #filterBy h2 { font-family:Arial; font-size:14px; font-weight:bold; margin: 20px 0 20px 22px; font-style: normal; color: white; } #filterBy ul { list-style: none; padding: 0; margin:0; } #filterBy li { padding:0; margin:0; overflow:hidden;padding:0px 0px 0px 0px;color:Blue; } #filterBy a { text-decoration: none; font-weight:bold; display:block; width:89%; padding:5px 8px 5px 8px; font-size:12px; margin:0; font-family:Arial;color: #cbe388; } #filterBy a:hover, #filterBy a:hover.selected, #filterBy a.selected { color:#ffffff; background-color:#0D3C44;} /*Added width and height as per Rick suggestions*/ .searchItem { width: 276px; height:100px; margin:12px 0 0 28px;padding:2px 6px 1px 0; float: left; overflow: hidden; border-right:1px solid #406f78; border-bottom:1px solid #406f78;text-align:right; } .addtoCart { background:url(/family/images/backgrounds/sprites.gif) -72px -249px no-repeat; } .addtoCart h4 { margin: 0 28px 5px 0; } .searchItem .date { margin: 3px 0px 0 0; } .searchItem img { width: 92px; } .searchItem h4 a { color: #297b99; font-family:Arial; font-size:12px; font-weight:bold; } .searchItem h4 a:hover { color:#A27E44; } .searchItem p { margin: 5px 0 0 0; } .searchItem ul { margin: 80px 5px 0 0; padding: 0; list-style: none; text-align: right;} .searchItem li { display: inline; border-left: 0px solid #4b4b4b;} .searchItem li.first { border: none; margin: 0; padding-right: 3px; } .searchItem li a { color: #0d3c44; text-decoration: none; font-family:Arial; font-size:10px;font-weight:bold; } .searchItem li a:hover { color:#A27E44; } .searchItem .searchPhoto { float: left; width:100px; padding-top:8px;overflow:hidden;} .searchItem .searchPhoto .thumbnail{height:70px;width:100px;overflow:hidden;} .searchItem .searchPhoto input{height:70px;width:100px;} .searchItem .searchPhoto .date {padding-top: 1px; height: 15px; color:#000;text-align: center; font-family:Arial; font-size:10px; font-weight:bold;} *+html .searchItem .searchPhoto .date {height: 12px; color:#000;text-align: center; font-family:Arial; font-size:10px; font-weight:bold;} .searchItem .searchText { float: left; width: 165px; padding-left:5px; height:69px; overflow:hidden; font-family:Arial; font-size:10px; font-weight:bold;} .searchText .date { font-weight: bold;padding: 4px 0 0 20px; height: 12px; line-height: 11px; margin: 1px 0px 3px 0; color:#000;text-align: right; font-family:Arial; font-size:10px; } /*.searchText .Video { background:url(/family/images/backgrounds/sprites.gif) -145px -340px no-repeat; } .searchText .Audio { background:url(/family/images/backgrounds/sprites.gif) -163px -316px no-repeat; } */ .searchText .Video { } .searchText .title{ overflow:hidden; margin-bottom:0px; } .searchText .description{height:38px; overflow:hidden;} .searchText .Audio { } .VideoImg{ background:url(/family/images/mediacenter/videoImage.png) no-repeat; float:left; width:20px;margin-bottom:5px;} .AudioImg{ background:url(/family/images/mediacenter/audeoImage.png) no-repeat; float:left; width:20px; margin-bottom:5px;} *html .AudioImg{ background:url(/family/images/mediacenter/audeoImage.png) no-repeat; float:left; width:20px; margin-bottom:0px;} #leftadBox { position:absolute; width:200px; padding:5px 5px 0 5px; z-index:200; top:479px; left:780px; background:url(/family/images/backgrounds/article_tile.png) repeat-y; } .leftAd { width: 200px; overflow: hidden; margin: 0 0 5px 0; } .adBoxText { overflow:hidden; text-align:center; } .adBoxText ul { width:200px; overflow:hidden; list-style:none; margin:0; padding:3px 0 0 0; text-align:center; float:none; } .adBoxText ul li { margin:0 0 0 5px; padding:0 0 0 5px; border-right:none; } .adBoxText ul li .first { border:none; margin:0; padding:0; } .adBoxText ul li a { margin:0; padding:0; border:none; font-size:11px; color:#999999; } #adSpacer { width: 1px; height: 460px; overflow: hidden; float: left; } .contentDot img { width: 16px; height: 16px; } p.error { font-weight: bold; color: red; margin-top:-200px; _margin-top:15px; top:930px; left:225px;width:120px;left:235px \9;width:130px \9; *left:235px;*width:130px;} *html p.error { font-weight: bold; color: red; z-index:100000; position:absolute; top:260px; left:11px;width:123px;} #moreMedia { text-align:right; height: 31px; width:600px; text-align:right; padding: 2px 0 0 0; overflow: hidden;float:left;display:block;margin-left:177px;margin-top:-28px;#margin-top:-42px; } *html #moreMedia { text-align:right; height: 31px; width:600px; text-align:right; padding: 2px 0 0 0; overflow: hidden;float:left;display:block;margin-left:88px;margin-top:-43px;z-index:999;} #moreMedia li.first { font-size:12px; line-height:1em; text-transform: uppercase; color:#000000; font-weight: bold; font-family:Arial; } #moreMedia ul { list-style: none; float: right; padding: 0; margin: 0; } #moreMedia li { display: inline; margin: 0 3px; font-size:12px;color:#000000; font-weight: bold; font-family:Arial;} #moreMedia a { text-decoration: none; color:#0d3c44; font-family:Arial; font-size:12px; font-weight:bold; line-height:1.2em; } #moreMedia a:hover { color:#A27E44; } #moreMedia a.selected { color: #7fb7c5; text-decoration: underline; font-weight: bold; font-family:Arial; } #maintitle{background-image:url(/family/images/mediacenter/titleBanner.png); width:1008px; margin-left:-208px; height:90px; top:14px;position:absolute; background-repeat:no-repeat;} *html #maintitle{background-image:url(/family/images/mediacenter/titleBanner.png); width:800px; margin-left:-209px; height:90px; margin-top:-220px;margin-bottom:73px;position:relative ;} #maintitle .name{ padding:5px 0 0 15px; color:#cccccc; font-family:Arial; font-size:16px; font-weight:bold;} #maintitle .title{ padding:0px 0 0 15px; color:White; font-family:Arial; font-size:24px; font-weight:bold; } #maintitle .duration{ padding:0px 0 0 0px; color:#cccccc; font-family: Arial; font-size:12px; } #maintitle .date{padding:0px 0 0 605px; color:#333333; font-family: Arial; font-size:16px; margin-top:-17px;font-weight:bold;} #currentPlay {margin-top:38px;margin-bottom:-12px;overflow:hidden; } #currentPlay .playboxLeft{ float:left; margin-left:12px; width:640px;background-color:black;overflow:visible} *html #currentPlay .playboxLeft{ float:left; margin-left:5px; padding-top:57px;width:100px; background-color:black;} #currentPlay #playListMid{float:left; width:900px; height:90px; overflow:hidden;margin-top:6px;margin-left:30px; margin-bottom:-3px; background:url(/family/images/backgrounds/article_tile.png) repeat-y;} *html #currentPlay #playListMid{float:left; width:900px; height:90px; overflow:hidden;margin-top:6px;margin-left:10px; background:url(/family/images/backgrounds/article_tile.png) repeat-y;} #ADSRight {z-index:9; width:160px; height:640px; overflow:hidden; float:left;display:block;margin-left:4px;margin-left:4px \9;#margin-left:4px;margin-top:68px;} *html #ADSRight {z-index:9; width:160px; height:640px; overflow:hidden;float:left;display:block;margin-left:4px;margin-top:68px;} #ADSRight #adlink{height:30px; width:160px; text-align:center; padding-top:8px;} *html #ADSRight #adlink{height:30px; width:160px; text-align:center; margin-top:-20px;} #ADSRight #adlink a{font-family: Arial; font-size:8pt; color:#999999; text-decoration:none;} #ADSRight #adverstise{width:160px; height:600px;} #sortSection{padding-top:10px; top:370px; } *html #sortSection{padding-top:0px; top:370px; } #sortSection #left{ float:left; width:798px; margin-left:30px; margin-bottom:-15px;} *html #sortSection #left{ float:left; width:798px; margin-left:15px;} #sortSection #right{ float:left; width:200px; margin-left:30px; display:none;} .moreinfo{ width:156px; height:310px; float:left; margin-left:20px; margin-top:55px;} *html .moreinfo{ width:156px; height:310px; float:left; margin-left:10px; margin-top:55px;} .moreinfo .setction1{width:156px; heigth:156;overflow:hidden; } .moreinfo .setction1 .text{font-size:12px; font-family:Arial; color:#333333;} .section2{width:156px;heigth:156; overflow:hidden; } .section2left{width:30px; float:left;} .section2right{width:120px; float:left;} .section2right .text{ font-family:Arial; font-size:16px; color:#424141;} .moreinfo a{ text-decoration:none;font-family:Arial; font-size:12px; font-weight:bold; color:#104b56; } #resourcetabOne { font-weight:bold; color:#3a91a6; font-size:20px; line-height:20px; text-decoration:none; padding-bottom:5px;#padding-top:3px;width:150px;} #resourcetabTwo { font-weight:bold; color:#232323; font-size:18px; line-height:18px; text-decoration:none; padding-bottom:10px; padding-left:40px;#padding-top:3px;width:150px;} #pageLeft{float:left;display:block;width:830px;margin-top:30px} *html #pageLeft{float:left;display:block;width:830px;margin-top:30px;overflow:hidden;} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange {margin-top:260px; padding-left:10px;} *html #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange {margin-top:110px; padding-left:10px;} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange input{width:72%;float:left;margin:3px 0 8px 0;} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange span {width:70%;float:left;color:#CBE388;font-weight:bold;} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange a{float:left;margin:3px 0 0 1px;height:12px;width:7px;} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange a:hover{background-color:transparent} #ctl00_ContentPlaceHolder1_MediaPlayer1_panelDateRange a img {margin-left:-4px;margin-top:-2px} #ctl00_ContentPlaceHolder1_MediaPlayer1_btnDateRange{margin-left:20px;width:60px;} #divSearchButton{padding-left:25px;}