/* BEGIN: Global Structure */ body { background: url(/img/bkg.body.gif) center top no-repeat #000; padding-top: 12px; } #PageWrapper { width: 984px; margin: 0 auto 45px; background: url(/img/bkg.pagewrapper.jpg) top repeat-y; } #LayoutWrapper { width: 959px; padding: 12px 12px 0; background: url(/img/bkg.layoutwrapper.jpg) left top no-repeat; overflow: hidden; } div.Loader { display: none; } div.Loader span.overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; filter:alpha(opacity=40); opacity: 0.40; -moz-opacity:0.4; z-index: 10000;} div.Loader span.loader { height: 45px; width: 115px; position: absolute; top: 24px; left: 1005px; background: url(/img/loader.gif) left bottom no-repeat transparent; z-index: 10001;} #LayoutWrapper h2 { height: 18px; margin: 4px 0 2px; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.header-sprite.gif); background-repeat: no-repeat; font-size: 108%; line-height: 1; color: #fff; } ul.Pagination { position: absolute; top: 9px; right: 3px; } ul.Pagination li { float: left; margin: 0 3px;} ul.Pagination li a { width: 12px; height: 12px; display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.header-sprite.gif); background-repeat: no-repeat; } ul.Pagination li.Next a { background-position: -146px -44px; } ul.Pagination li.Next a.disabled, ul.Pagination li.Next a.disabled:hover { background-position: -190px -64px; } ul.Pagination li.Next a:hover { background-position: -258px -44px; } ul.Pagination li.Previous a { background-position: -164px -44px; } ul.Pagination li.Previous a.disabled, ul.Pagination li.Previous a.disabled:hover { background-position: -208px -64px; } ul.Pagination li.Previous a:hover { background-position: -258px -25px; } ul.Pagination li a.disabled { cursor: default; } /* END: Global Structure */ /* BEGIN: Header and Site Navigation */ #Header { position: relative; height: 72px; margin-bottom: 7px; width: 100%; overflow: hidden;} ul#Market { width: 959px; height: 24px; margin-bottom: 0; padding-top: 1px; } #Market li { float: left; display: inline; /*width:238px;*/ height: 24px; background: url(/img/marketNav_ck.jpg) no-repeat; } #Market a { float: left; display: inline; /*width:238px;*/ height: 24px; overflow: hidden; background: url(/img/marketNav_ck.jpg) no-repeat; text-indent:-9999px; opacity: 0.01; filter:alpha(opacity=1); } #Market .market_group { width:237px; background-position: 0 0; } #Market .market_group a { width:237px; background-position: 0 -24px; } #Market .market_usa { width:239px; background-position: -238px 0; } #Market .market_usa a { width:239px; background-position: -238px -24px; } #Market .market_europe { width:243px; background-position: -716px 0; } #Market .market_europe a { width:243px; background-position: -716px -24px; } #Market .market_canada { width:239px; background-position: -477px 0; } #Market .market_canada a { width:239px; background-position: -477px -24px; } #Market a.active { opacity: 1; filter:alpha(opacity=100); } #Market .market_group a.active { width:237px; background-position: 0 -48px; } #Market .market_usa a.active { width:239px; background-position: -238px -48px; } #Market .market_europe a.active { width:243px; background-position: -716px -48px; } #Market .market_canada a.active { width:239px; background-position: -477px -48px; } /*#Nav { overflow: hidden; margin: 0 0 7px 0; height: 45px; position: absolute; left: 0;} #Nav li { height: 47px; width: 115px; float: left; line-height: 46px; background: url(/img/bkg.nav-button.png) left top no-repeat;} * html #Nav li { background-image: url(/img/bkg.nav-button.jpg); } #Nav li a { width: 115px; height: 47px; margin-top: 0px; display: block; overflow: hidden; text-indent: -9999px; background: url(/img/bkg.nav-button.png) left center no-repeat; opacity: 0.01;} * html #Nav li a { background-image: url(/img/bkg.nav-button.jpg); } #Nav li.active { background-position: left bottom; } #Nav li.active a { opacity: 1; } #Nav li.previous a { opacity: 1; }*/ /* #Header p.clone { position: absolute; top: 0; left: 0; height: 45px; width: 115px; float: left; line-height: 46px; background: url(/img/bkg.nav-button.png) left bottom no-repeat;} #Header p.clone a { width: 115px; height: 45px; margin-top: 0px; display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.nav-button.png); background-repeat: no-repeat; opacity: 0.01;} */ #Header ul.Pagination { height: 38px; width: 22px; padding: 6px 0 0 31px; position: absolute; top: 26px; right: 0; background: url(/img/bkg.nav-pagination.png) left top no-repeat; } * html #Header ul.Pagination { background: url(/img/bkg.nav-pagination.gif) right top no-repeat; } #Header ul.Pagination li { float: none; } #Header ul.Pagination li a { width: 9px; height: 18px; display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.nav-pagination-arrows.gif); background-repeat: no-repeat;} #Header ul.Pagination li.Previous a { background-position: left bottom; } #Header ul.Pagination li.Previous a:hover { background-position: right bottom; } #Header ul.Pagination li.Previous a.disabled { background-position: center bottom; } #Header ul.Pagination li.Next a { background-position: left top; } #Header ul.Pagination li.Next a:hover { background-position: right top; } #Header ul.Pagination li.Next a.disabled { background-position: center top; } /* END: Header and Site Navigation */ /* BEGIN: Media Content Region */ #Media { width: 100%; margin-bottom: -4px; overflow: hidden;} #Media div.Section { height: 293px; position: relative; } #Media div.MediaContainer { height: 252px; overflow: hidden; padding: 3px; position: relative; } * html #Media div.MediaContainer { padding-left: 0; } #Media div.MediaContainer div.Overlay { height: 18px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; background: url(/img/frg.generic-overlay.png) left bottom repeat-x; } * html #Media div.MediaContainer div.Overlay { display: none; } #Media div.MediaContainer ul { top: 7px; position: absolute; margin-bottom: 0; } #Media div.MediaContainer ul li { float: left; margin: 0 5px 2px; padding-bottom: 8px; background: url(/img/drop-shadow.png) bottom repeat-x; position: relative; } * html #Media div.MediaContainer ul li { background: none; } #Media div.MediaContainer ul li img { background: #3b3b3b; outline: none; display: block; border-right: 1px solid #c21625; overflow: hidden;} #Media div.MediaContainer ul li a span.overlay { background: url(/img/frg.thumbnail-overlay.png) left top repeat; display: block; position: absolute; top: 0; left: 0; z-index: 10; } #Media div.MediaContainer ul li a:hover span.overlay { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.40; } * html #Media div.MediaContainer ul li a span.overlay { display: none; } #Media div.MediaContainer ul li { float: left; } #Player { width: 430px; margin: 0 205px 0 321px; position: relative; top: 1px;} #Player h2 { height: 21px; width: 39px; margin-bottom: 0px; margin-top: 0; background: transparent url(/img/bkg.header-sprite.gif) -222px -97px no-repeat; margin-top: 0; } #Player div { height: 258px; padding-bottom: 8px; background: url(/img/drop-shadow.png) bottom repeat-x; } * html #Player div { background: none; } #VidepPlayer { background: none; } #Player ul.Pagination { top: 1px; right: -3px; } #Player ul.Pagination li a { width: 8px; height: 14px; margin-right: 1px; background-image: url(/img/bkg.header-sprite.gif); } #Player ul.Pagination li.Previous a { background-position: -231px -64px; } #Player ul.Pagination li.Previous a:hover { background-position: -231px -82px; } #Player ul.Pagination li.Next a { background-position: -240px -64px; } #Player ul.Pagination li.Next a:hover { background-position: -240px -82px; } #Player p.no_flash { width: 430px; height: 258px; display: block; background-color: #000; } #Player p.no_flash a { width: 430px; height: 258px; display: block; overflow: hidden; text-indent: -9999px; background: url(/img/bkg.noflash.jpg) left top no-repeat; } #Queue { width: 194px; float: right; margin-top: -298px; } #Queue h2 { width: 45px; background-position: 0 -20px; margin-top: 6px; } #Queue div.MediaContainer { width: 194px; background: url(/img/frg.queue.jpg) left top no-repeat; } #Queue div.MediaContainer ul li a span.overlay { width: 83px; height: 63px; } #Queue div.MediaContainer ul li { width: 84px; height: 63px; } #Queue div.MediaContainer ul li img { width: 83px; height: 63px; } #Featured { width: 306px; float: left; margin-top: -298px; } #Featured div.MediaContainer div.Overlay { width: 306px;} #Featured h2 { width: 182px; background-position: 0 0; margin-top: 7px; } #Featured div.MediaContainer { width: 306px; background: url(/img/frg.featured.jpg) left top no-repeat; } #Featured div.MediaContainer ul { margin-bottom: 14px; } #Featured div.MediaContainer ul li a span.overlay { width: 89px; height: 74px; } #Featured div.MediaContainer ul li { width: 90px; height: 74px; } * html #Featured div.MediaContainer ul li { background: none; } #Featured div.MediaContainer ul li img { width: 89px; height: 74px; } #Featured ul.Pagination li.Previous a { background-position: -223px 0; } #Featured ul.Pagination li.Previous a:hover { background-position: -223px -12px ; } #Featured ul.Pagination li.Previous a.disabled { background-position: -223px -24px ; } #Featured ul.Pagination li.Next a { background-position: -205px 0; } #Featured ul.Pagination li.Next a:hover { background-position: -205px -12px; } #Featured ul.Pagination li.Next a.disabled { background-position: -205px -24px; } /* END: Media Content Region */ /* BEGIN: Supplemental Info Content Region */ #Supplemental { width: 210px; margin-top: 12px; float: left; } #Supplemental div.Section { position: relative; margin-bottom: 15px; } #Supplemental div.Section div.MediaContainer { width: 210px; overflow: hidden; background-image: url(/img/bkg.supplemental-sections.jpg); background-repeat: no-repeat; position: relative;} #Supplemental ul.Pagination { top: 4px; } #Calendar h2 { width: 62px; background-position: 0 -62px; } #Calendar div.MediaContainer { height: 219px; background-position: 0 -610px; border-bottom: 1px solid #282828;} #Calendar div.MediaContainer div.wrapper { position: absolute; margin-bottom: 0; top: 7px; left: 6px; } #Calendar div.MediaContainer ul { padding-bottom: 8px; background: url(/img/drop-shadow.png) left bottom repeat-x; margin-bottom: 2px;} #Calendar div.MediaContainer ul li { width: 197px; margin: 0px; background: #444; overflow: hidden; background: url(/img/drop-shadow.png) left bottom repeat-x; line-height: 1.2; position: relative; } #Calendar div.MediaContainer ul li.event { width: 196px; border-right: 1px solid #9A9A9A; } #Calendar div.MediaContainer ul li:hover, #Calendar div.MediaContainer ul li.hover, #Calendar div.MediaContainer ul li:hover p, #Calendar div.MediaContainer ul li.hover p, #Calendar div.MediaContainer ul li:hover p a, #Calendar div.MediaContainer ul li.hover p a { color: #fff; cursor: pointer; } #Calendar div.MediaContainer ul li p { margin-bottom: 0; padding: 4px 4px 4px 11px; background: url(/img/bkg.buzz-media-item.gif) #3b3b3b; overflow: hidden; border-bottom: 1px solid #242323; border-top: 1px solid #515151; border-left: 1px solid #434343; font-size: 93%;} #Calendar div.MediaContainer ul li p a { color: #afafaf; display: block; } #Calendar div.MediaContainer ul li.date { overflow: hidden; height: 16px; position: relative; } #Calendar div.MediaContainer ul li.date p { padding: 0; height: 14px; border-right: 1px solid #191919; border-top: 1px solid #434242; border-bottom: 1px solid #232323; width: 197px; overflow: hidden; background-image: url(/img/bkg.calendar-date-panels.gif);} #Calendar div.MediaContainer ul li.date p span { display: block; overflow: hidden; text-indent: -9999px; float: left; background: url(/img/bkg.calendar-dates.gif) left top no-repeat; } #Calendar div.MediaContainer ul li.date p span.date { width: 33px; height: 16px; position: absolute; top: 0; left: 0;} #Calendar div.MediaContainer ul li.date p span.date_1 { background-position: 0 0; } #Calendar div.MediaContainer ul li.date p span.date_2 { background-position: -33px 0; } #Calendar div.MediaContainer ul li.date p span.date_3 { background-position: -66px 0; } #Calendar div.MediaContainer ul li.date p span.date_4 { background-position: -99px 0; } #Calendar div.MediaContainer ul li.date p span.date_5 { background-position: -132px 0; } #Calendar div.MediaContainer ul li.date p span.date_6 { background-position: -165px 0; } #Calendar div.MediaContainer ul li.date p span.date_7 { background-position: -198px 0; } #Calendar div.MediaContainer ul li.date p span.date_8 { background-position: -231px 0; } #Calendar div.MediaContainer ul li.date p span.date_9 { background-position: -264px 0; } #Calendar div.MediaContainer ul li.date p span.date_10 { background-position: -297px 0; } #Calendar div.MediaContainer ul li.date p span.date_11 { background-position: -330px 0; } #Calendar div.MediaContainer ul li.date p span.date_12 { background-position: -363px 0; } #Calendar div.MediaContainer ul li.date p span.date_13 { background-position: -396px 0; } #Calendar div.MediaContainer ul li.date p span.date_14 { background-position: -429px 0; } #Calendar div.MediaContainer ul li.date p span.date_15 { background-position: -462px 0; } #Calendar div.MediaContainer ul li.date p span.date_16 { background-position: -495px 0; } #Calendar div.MediaContainer ul li.date p span.date_17 { background-position: -528px 0; } #Calendar div.MediaContainer ul li.date p span.date_18 { background-position: -561px 0; } #Calendar div.MediaContainer ul li.date p span.date_19 { background-position: -594px 0; } #Calendar div.MediaContainer ul li.date p span.date_20 { background-position: -627px 0; } #Calendar div.MediaContainer ul li.date p span.date_21 { background-position: -660px 0; } #Calendar div.MediaContainer ul li.date p span.date_22 { background-position: -693px 0; } #Calendar div.MediaContainer ul li.date p span.date_23 { background-position: -726px 0; } #Calendar div.MediaContainer ul li.date p span.date_24 { background-position: -759px 0; } #Calendar div.MediaContainer ul li.date p span.date_25 { background-position: -792px 0; } #Calendar div.MediaContainer ul li.date p span.date_26 { background-position: -825px 0; } #Calendar div.MediaContainer ul li.date p span.date_27 { background-position: -858px 0; } #Calendar div.MediaContainer ul li.date p span.date_28 { background-position: -891px 0; } #Calendar div.MediaContainer ul li.date p span.date_29 { background-position: -924px 0; } #Calendar div.MediaContainer ul li.date p span.date_30 { background-position: -957px 0; } #Calendar div.MediaContainer ul li.date p span.date_31 { background-position: -990px 0; } #Calendar div.MediaContainer ul li.date p span.month { height: 14px; margin-left: 39px; margin-right: 2px;} #Calendar div.MediaContainer ul li.date p span.month_jan { background-position: 0px -17px; width: 49px; } #Calendar div.MediaContainer ul li.date p span.month_feb { background-position: -52px -17px; width: 56px; } #Calendar div.MediaContainer ul li.date p span.month_mar { background-position: -113px -17px; width: 38px; } #Calendar div.MediaContainer ul li.date p span.month_apr { background-position: -156px -17px; width: 29px; } #Calendar div.MediaContainer ul li.date p span.month_may { background-position: -190px -17px; width: 26px; } #Calendar div.MediaContainer ul li.date p span.month_jun { background-position: -220px -17px; width: 31px; } #Calendar div.MediaContainer ul li.date p span.month_jul { background-position: -255px -17px; width: 26px; } #Calendar div.MediaContainer ul li.date p span.month_aug { background-position: -285px -17px; width: 46px; } #Calendar div.MediaContainer ul li.date p span.month_sep { background-position: -335px -17px; width: 67px; } #Calendar div.MediaContainer ul li.date p span.month_oct { background-position: -406px -17px; width: 51px; } #Calendar div.MediaContainer ul li.date p span.month_nov { background-position: -461px -17px; width: 63px; } #Calendar div.MediaContainer ul li.date p span.month_dec { background-position: -528px -17px; width: 61px; } #Calendar div.MediaContainer ul li.date p span.year { width: 29px; height: 14px; background-position: -91px -1px;} #Calendar div.MediaContainer ul li.date p span.year_2009 { background-position: 0px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2010 { background-position: -32px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2011 { background-position: -64px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2012 { background-position: -95px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2013 { background-position: -127px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2014 { background-position: -158px -33px; } #Calendar div.MediaContainer ul li.date p span.year_2015 { background-position: -190px -33px; } #Calendar div.MediaContainer div.Overlay { height: 18px; width: 100%; display: block; position: absolute; left: 0; background: url(/img/frg.generic-overlay.png) left bottom repeat-x; } * html #Calendar div.MediaContainer div.Overlay { display: none; } #Calendar div.MediaContainer div.overlay1 { top: 0; background-image: url(/img/frg.generic-overlay-top.png);} #Calendar div.MediaContainer div.overlay2 { bottom: 0; } #Freelance h2 { width: 67px; background-position: 0 -40px; } #Freelance div.MediaContainer { height: 170px; } #Freelance ul.FreelanceOpportunities { position: absolute; top: 2px; overflow: hidden; padding: 5px 7px 7px; } #Freelance ul.FreelanceOpportunities li { height: 155px; overflow: hidden; margin-bottom: 7px; background: url(/img/bkg.freelance.jpg) left top no-repeat;} #Freelance ul.FreelanceOpportunities li h3 a, #Freelance ul.FreelanceOpportunities li h3 a, #Freelance ul.FreelanceOpportunities li p a, #Freelance ul.FreelanceOpportunities li p a { color: #a4a4a4; } #Freelance ul.FreelanceOpportunities li:hover h3 a, #Freelance ul.FreelanceOpportunities li.hover h3 a, #Freelance ul.FreelanceOpportunities li:hover p a, #Freelance ul.FreelanceOpportunities li.hover p a { color: #fff; cursor: pointer; } #Freelance ul.FreelanceOpportunities p.Client { margin-bottom: 7px; padding: 0; } #Freelance ul.FreelanceOpportunities h3 { font-weight: bold; margin-bottom: 7px; padding: 0 10px; font-size: 100%; width: 175px; line-height: 1.1;} #Freelance ul.FreelanceOpportunities h3 sup{ font-size:5px; vertical-align: top;} #Freelance ul.FreelanceOpportunities p { margin-bottom: 0; padding: 0 10px; line-height: 1.1; } #Freelance ul.FreelanceOpportunities p.Award {font-size:131%; } #Freelance ul.FreelanceOpportunities p.AwardEnd {font-size:105%; } #Search h2 { width: 182px; background-position: 0 -60px; } #Search div.MediaContainer { height: 217px; padding-bottom: 7px; background-position: 0 -171px;} #Search form { height: 37px; padding: 7px 7px 0; margin-bottom: 0;} #Search label { position: absolute; top: -9999px; } #Search input.TextLine { width: 145px; height: 37px;background: url(/img/bkg.search.gif) left top no-repeat; border: none; line-height: 37px; color: #afafaf; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 108%; float: left; padding: 0 8px;} #Search span.button { width: 33px; height: 37px; display: block; overflow: hidden; background: url(/img/bkg.search.gif) -160px 0px no-repeat; position: relative;} #Search span.button input { width: 33px; height: 37px; display: block; position: absolute; top: 0; left: 0; border: none; opacity: 0;} #Search span.button input:hover { cursor: pointer; } #Search span.button:hover { cursor: pointer; background-position: -193px 0px;} #Search ul { margin: 0 7px; padding: 7px 10px 13px; background: url(/img/bkg.search-results.gif) left top no-repeat; height: 169px; overflow: hidden;} #Search ul li { margin-bottom: 3px; } #Search ul li a { color: #afafaf; } #Search ul li a:hover { color: #fff; } #Jobs h2 { width: 34px; background-position: -130px -20px; } #Jobs h3 { font-size: 108%; font-weight: bold; margin-bottom: 4px;} #Jobs div.MediaContainer { height: 114px; padding-bottom: 9px; background-position: 0 -395px; } #Jobs div.MediaContainer div.overlay { width: 210px; overflow: hidden; background: url(/img/bkg.supplemental-sections.jpg) 0 -516px no-repeat transparent; position: absolute; bottom: 0; left: 0; height: 8px;} #Jobs #job_listing { position: absolute; top: 7px; } #Jobs #job_listing li { width: 175px; height: 106px; margin: 1px 7px 0; padding: 10px 10px 17px; background: url(/img/bkg.jobs.gif) left top no-repeat; position: relative; top: 0px; } #Jobs #job_listing li, #Jobs #job_listing li a { color: #afafaf; } #Jobs #job_listing li:hover { cursor: pointer; } #Jobs #job_listing li:hover a, #Jobs #job_listing li:hover p { color: #fff; } #Jobs p.see_more_link { width: 100%; overflow: hidden; } #Jobs p.see_more_link a { width: 40px; height: 14px; float: right; margin-top: 1px; display: block; overflow: hidden; text-indent: -9999px; background: url(/img/bkg.header-sprite.gif) -158px -85px no-repeat; } #Jobs p.see_more_link a:hover { background-position: -158px -99px; } #Share h2 { width: 43px; background-position: 0 -80px; } #Share ul { width: 210px; height: 72px; padding: 7px 0; background: url(/img/bkg.supplemental-sections.jpg) left bottom no-repeat;} #Share ul li { float: left; margin: 1px 1px 0 8px; } #Share ul li a { width: 32px; height: 40px; display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.share.jpg); background-repeat: no-repeat; } #Share ul li a.twitter { background-position: 0 0; } #Share ul li a.twitter:hover { background-position: 0 -40px; } #Share ul li a.facebook { background-position: -32px 0; } #Share ul li a.facebook:hover { background-position: -32px -40px; } #Share ul li a.reddit { background-position: -64px 0; width: 31px;} #Share ul li a.reddit:hover { background-position: -64px -40px; } #Share ul li a.digg { background-position: -95px 0; width: 31px; position: relative; left: -1px; } #Share ul li a.digg:hover { background-position: -95px -40px; } #Share ul li a.stumbleupon { background-position: -126px 0; position: relative; left: -1px; } #Share ul li a.stumbleupon:hover { background-position: -126px -40px; } #Share ul li a.share_this { background-position: -158px 0; } #Share ul li a.share_this:hover { background-position: -158px -40px; } #Share ul li a.mail { background-position: -190px 0; } #Share ul li a.mail:hover { background-position: -190px -40px; } /* END: Supplemental Info Content Region */ /* BEGIN: Buzz Content Region */ #Buzz { width: 722px; margin-top: 12px;float: right; overflow: hidden; } #Buzz div.Section { width: 356px; overflow: hidden; margin-bottom: 20px; } #Buzz div.Section p.Pagination { position: relative; } #Buzz div.Section p.Pagination span.loader { width: 353px; height: 6px; display: none; overflow: hidden; text-indent: -9999px; background: url(/img/bkg.buzz-loader.gif) left top no-repeat; position: absolute; top: -13px; left: 0px; } #Buzz div.Section p.Pagination a { width: 89px; height: 20px; display: block; float: right; overflow: hidden; clear: both; background: url(/img/bkg.header-sprite.gif) -69px -40px no-repeat; text-indent: -9999px; margin-right: 12px;} #Buzz div.Section p.Pagination a:hover { background-position: -181px -40px; } #Buzz div.Section p.Pagination img { position: relative; left: 230px; } #Buzz div.MediaContainer { width: 353px; margin-bottom: 7px; position: relative; overflow: hidden; background: url(/img/bkg.buzz-media-container-top.jpg) top no-repeat; border-bottom: 1px solid #292929;} #Buzz div.MediaContainer div.Overlay { height: 18px; width: 100%; display: block; position: absolute; left: 0; background: url(/img/frg.generic-overlay.png) left bottom repeat-x; } #Buzz div.MediaContainer div.overlay1 { top: 0; background-image: url(/img/frg.generic-overlay-top.png);} #Buzz div.MediaContainer div.overlay2 { bottom: 0; } * html #Buzz div.MediaContainer div.Overlay { display: none; } #Buzz div.MediaContainer div { padding: 7px 7px 0; overflow: hidden; background: url(/img/bkg.buzz-media-container-bottom.jpg) bottom no-repeat; height: 900px;} #Buzz div.MediaContainer ul { position: relative; margin-bottom: 0; } #Buzz div.MediaContainer ul li { width: 339px; margin-bottom: 2px; padding-bottom: 8px; background: #444; overflow: hidden; background: url(/img/drop-shadow.png) left bottom repeat-x; line-height: 1.2; position: relative;} * html #Buzz div.MediaContainer ul li { background: none; } #Buzz div.MediaContainer ul li:hover, #Buzz div.MediaContainer ul li.hover, #Buzz div.MediaContainer ul li:hover p, #Buzz div.MediaContainer ul li.hover p { color: #fff; cursor: pointer; } #Buzz div.MediaContainer ul li p { margin-bottom: 0; padding: 10px; background: url(/img/bkg.buzz-media-item.gif) #3b3b3b; overflow: hidden; border-top: 1px solid #525252; border-left: 1px solid #434343; border-bottom: 1px solid #373737; border-right: 1px solid #c21625;} #Buzz div.MediaContainer ul li.hulu p { border-right-color: #5fa039; } #Buzz div.MediaContainer ul li.client p { border-right-color: #5fa039 !important; } #Buzz div.MediaContainer ul li.vw p { border-right-color: #627371; } #Buzz div.MediaContainer ul li.windows p { border-right-color: #e8691e; } #Buzz div.MediaContainer ul li.bestbuy p { border-right-color: #084a68; } #Buzz div.MediaContainer ul li.date p { padding: 0; width: 268px; overflow: hidden; height: 55px; margin-left: 74px; } #Buzz div.MediaContainer ul li.date span.date { height: 57px; width: 74px; margin-right: 10px;display: block; overflow: hidden; float: left; font-size: 50px; line-height: 57px; text-align: center; color: #fff; text-indent: -9999px; background-image: url(/img/bkg.dates.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0;} #Buzz div.MediaContainer ul li.date span.month, #Buzz div.MediaContainer ul li.date span.year, #Buzz div.MediaContainer ul li.date span.day_of_week { display: block; overflow: hidden; text-indent: -9999px; float: left; background-image: url(/img/bkg.month-day-year.jpg); background-repeat: no-repeat;} #Buzz div.MediaContainer ul li.date span.month { font-size: 167%; margin-top: 9px; margin-left: 10px; margin-right: 4px; height: 26px;} #Buzz div.MediaContainer ul li.date span.year { font-size: 167%; margin-top: 8px; height: 25px;} #Buzz div.MediaContainer ul li.date span.day_of_week { font-size: 123.1%; clear: both; margin-left: 10px; height: 21px; } #Buzz div.MediaContainer ul li.date span.date_1 { background-position: 0 0; } #Buzz div.MediaContainer ul li.date span.date_2 { background-position: -75px 0; } #Buzz div.MediaContainer ul li.date span.date_3 { background-position: -150px 0; } #Buzz div.MediaContainer ul li.date span.date_4 { background-position: -225px 0; } #Buzz div.MediaContainer ul li.date span.date_5 { background-position: -300px 0; } #Buzz div.MediaContainer ul li.date span.date_6 { background-position: 0 -58px; } #Buzz div.MediaContainer ul li.date span.date_7 { background-position: -75px -58px; } #Buzz div.MediaContainer ul li.date span.date_8 { background-position: -150px -58px; } #Buzz div.MediaContainer ul li.date span.date_9 { background-position: -225px -58px; } #Buzz div.MediaContainer ul li.date span.date_10 { background-position: -300px -58px; } #Buzz div.MediaContainer ul li.date span.date_11 { background-position: 0 -116px; } #Buzz div.MediaContainer ul li.date span.date_12 { background-position: -75px -116px; } #Buzz div.MediaContainer ul li.date span.date_13 { background-position: -150px -116px; } #Buzz div.MediaContainer ul li.date span.date_14 { background-position: -225px -116px; } #Buzz div.MediaContainer ul li.date span.date_15 { background-position: -300px -116px; } #Buzz div.MediaContainer ul li.date span.date_16 { background-position: 0 -174px; } #Buzz div.MediaContainer ul li.date span.date_17 { background-position: -75px -174px; } #Buzz div.MediaContainer ul li.date span.date_18 { background-position: -150px -174px; } #Buzz div.MediaContainer ul li.date span.date_19 { background-position: -225px -174px; } #Buzz div.MediaContainer ul li.date span.date_20 { background-position: -300px -174px; } #Buzz div.MediaContainer ul li.date span.date_21 { background-position: 0 -232px; } #Buzz div.MediaContainer ul li.date span.date_22 { background-position: -75px -232px; } #Buzz div.MediaContainer ul li.date span.date_23 { background-position: -150px -232px; } #Buzz div.MediaContainer ul li.date span.date_24 { background-position: -225px -232px; } #Buzz div.MediaContainer ul li.date span.date_25 { background-position: -300px -232px; } #Buzz div.MediaContainer ul li.date span.date_26 { background-position: 0 -290px; } #Buzz div.MediaContainer ul li.date span.date_27 { background-position: -75px -290px; } #Buzz div.MediaContainer ul li.date span.date_28 { background-position: -150px -290px; } #Buzz div.MediaContainer ul li.date span.date_29 { background-position: -225px -290px; } #Buzz div.MediaContainer ul li.date span.date_30 { background-position: -300px -290px; } #Buzz div.MediaContainer ul li.date span.date_31 { background-position: 0 -348px; } #Buzz div.MediaContainer ul li.date span.month_jan { width: 85px; background-position: 0px 0px; } #Buzz div.MediaContainer ul li.date span.month_feb { width: 95px; background-position: -85px 0px; } #Buzz div.MediaContainer ul li.date span.month_mar { width: 67px; background-position: -180px 0px; } #Buzz div.MediaContainer ul li.date span.month_apr { width: 49px; background-position: -247px 0px; } #Buzz div.MediaContainer ul li.date span.month_may { width: 45px; background-position: -296px 0px; } #Buzz div.MediaContainer ul li.date span.month_jun { width: 51px; background-position: -341px 0px; } #Buzz div.MediaContainer ul li.date span.month_jul { width: 44px; background-position: -392px 0px; } #Buzz div.MediaContainer ul li.date span.month_aug { width: 75px; background-position: -436px 0px; } #Buzz div.MediaContainer ul li.date span.month_sep { width: 115px; background-position: -511px 0px; } #Buzz div.MediaContainer ul li.date span.month_oct { width: 86px; background-position: -626px 0px; } #Buzz div.MediaContainer ul li.date span.month_nov { width: 105px; background-position: -712px 0px; } #Buzz div.MediaContainer ul li.date span.month_dec { width: 106px; background-position: -817px 0px; } #Buzz div.MediaContainer ul li.date span.year_2005 { width: 51px; background-position: 0px -26px; } #Buzz div.MediaContainer ul li.date span.year_2006 { width: 50px; background-position: -51px -26px; } #Buzz div.MediaContainer ul li.date span.year_2007 { width: 50px; background-position: -101px -26px; } #Buzz div.MediaContainer ul li.date span.year_2008 { width: 51px; background-position: -151px -26px; } #Buzz div.MediaContainer ul li.date span.year_2009 { width: 51px; background-position: -202px -26px; } #Buzz div.MediaContainer ul li.date span.year_2010 { width: 47px; background-position: -253px -26px; } #Buzz div.MediaContainer ul li.date span.year_2011 { width: 43px; background-position: -300px -26px; } #Buzz div.MediaContainer ul li.date span.year_2012 { width: 48px; background-position: -343px -26px; } #Buzz div.MediaContainer ul li.date span.year_2013 { width: 47px; background-position: -391px -26px; } #Buzz div.MediaContainer ul li.date span.year_2014 { width: 47px; background-position: -438px -26px; } #Buzz div.MediaContainer ul li.date span.year_2015 { width: 48px; background-position: -485px -26px; } #Buzz div.MediaContainer ul li.date span.day_mon { width: 61px; background-position: 0px -51px; } #Buzz div.MediaContainer ul li.date span.day_tue { width: 65px; background-position: -61px -51px; } #Buzz div.MediaContainer ul li.date span.day_wed { width: 89px; background-position: -126px -51px; } #Buzz div.MediaContainer ul li.date span.day_thu { width: 72px; background-position: -215px -51px; } #Buzz div.MediaContainer ul li.date span.day_fri { width: 46px; background-position: -287px -51px; } #Buzz div.MediaContainer ul li.date span.day_sat { width: 69px; background-position: -333px -51px; } #Buzz div.MediaContainer ul li.date span.day_sun { width: 56px; background-position: -402px -51px; } #Twitter { float: left; } #Twitter h2 { width: 48px; background-position: -83px -20px; } #Twitter div.MediaContainer ul li { position: relative; } #Twitter div.MediaContainer ul li p { padding-left: 67px; } #Twitter div.MediaContainer ul li:hover a.twi_username, #Twitter div.MediaContainer ul li.hover a.twi_username { color: #fff; } #Twitter div.MediaContainer ul li img { display: inline; float: left; margin-left: -57px; margin-bottom: -7px; height: 48px; width: 48px;} #Twitter div.MediaContainer ul li a.twi_username { font-size: 116%; color: #afafaf; font-weight: bold; line-height: 1; } #Twitter div.MediaContainer ul li abbr { font-size: 85%; clear: right; } #Twitter div.MediaContainer ul li span.twi_message { display: block; margin-top: 2px; width: 260px; overflow: hidden; } #Twitter div.MediaContainer ul li span.twi_icon_overlay { width: 48px; height: 9px; display: block; position: absolute; top: 50px; left: 11px; background: url(/img/frg.twi-overlay.gif) left top no-repeat; } * html #Twitter div.MediaContainer ul li span.twi_icon_overlay { display: none; } #News { float: right; } #News h2 { width: 39px; background-position: -44px -20px; } #News div.MediaContainer ul li a { color: #afafaf; font-size: 116%; font-weight: bold;} #News div.MediaContainer ul li:hover a, #News div.MediaContainer ul li.hover a { color: #fff; } #News div.MediaContainer ul li abbr { font-size: 85%; white-space: nowrap; } /* END: Buzz Content Region */ /* BEGIN: Footer Content Region */ /*#Footer { width: 983px; margin-left: -12px; clear: both; background: url(/img/bkg.footer.jpg) left top no-repeat #000; }*/ #UtilityLinks { width: 100%; height: 80px; overflow: hidden; margin-left: 20px;} #UtilityLinks li { float: left; margin: 27px 12px 0;} #UtilityLinks li a { display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.header-sprite.gif); background-repeat: no-repeat; } #UtilityLinks li a.contact_us { width: 72px; height: 18px; background-position: 0 -103px; margin-top: 6px; } #UtilityLinks li a.contact_us:hover { background-position: -108px -120px; } #UtilityLinks li a.employment { width: 76px; height: 18px; background-position: -75px -103px; margin-top: 6px; } #UtilityLinks li a.employment:hover { background-position: -183px -120px; } #UtilityLinks li a.europe { width: 109px; height: 23px; background-position: -45px -79px; } #UtilityLinks li a.europe:hover { background-position: 1px -120px; } #Legal { clear: both; margin-top: 25px; text-align: center; margin: 0 auto; padding: 30px 0 15px; font-size: 85%; } #Legal li { display: inline; margin: 0 15px; } #Legal li a { color: #afafaf; } #Legal li a:hover { color: #fff; } /* END: Footer Content Region */ /* BEGIN: Developers Popup------------------------------ */ div.popup span.overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; filter:alpha(opacity=60); opacity: 0.60; -moz-opacity:0.6; z-index: 10000; } div.popup div { z-index: 10001; } .popup #developers { background: transparent url(../img/popups/bkg.developers.jpg) 0 0 no-repeat; padding: 13px; height: 214px; width: 568px; } .popup #developers h2 { margin-bottom: 20px; } .popup #developers span, .popup #developers a { display: block; text-indent: -9999px; } .popup #developers h2 span { background: transparent url(../img/popups/hdr.developers.gif) 0 0 no-repeat; float: left; height: 17px; width: 75px; } .popup #developers h2 a { background: transparent url(../img/popups/btn.close.gif) 0 0 no-repeat; height: 20px; left: 552px; width: 15px; position: relative; } .popup #developers h2 a:hover { background-position: left bottom;} *:first-child+html .popup #developers h2 a { left: 482px;} * html .popup #developers h2 a { left: 482px; } .popup #developers p {} .popup #developers p a { background: transparent url(../img/popups/lnk.get-it-here.gif) 0 0 no-repeat; height: 16px; width: 83px; } .popup #internal { background: transparent url(../img/popups/bkg.contact.jpg) 0 0 no-repeat; padding: 13px; height: 461px; width:683px; } .popup #internal h2 { margin-bottom: 20px; } .popup #internal h2 span, .popup #internal h2 a { display: block; text-indent: -9999px; } .popup #internal h2 a:hover { background-position: left bottom; } .popup #internal h2 span { background: transparent url(../img/popups/hdr.contact-us.gif) 0 0 no-repeat; float: left; height: 16px; width: 75px; } .popup #internal h2 a { background: transparent url(../img/popups/btn.close.gif) 0 0 no-repeat; height: 20px; margin-left: 664px; width: 15px; } * html .popup #internal h2 a {margin-top: 0; } *:first-child+html .popup #internal h2 a { margin-top: -13px; } * html .popup h2 a { margin-top: -13px; } .popup #internal li { display: block; } .popup #internal #maps li { padding-left: 20px; padding-bottom: 26px; width: 95px; } * html .popup #internal #maps li { padding-bottom: 20px; } *:first-child+html .popup #internal #maps li { padding-bottom: 20px; } .popup #internal #maps { float:left;} .popup #internal #maps li.first { padding-left: 8px; } .popup #internal #maps li img { border-right: 1px solid #c60a00; display: block;} .popup #internal #maps li a { display: block; padding-bottom: 8px; background: url(/img/drop-shadow.png) left bottom repeat-x; } .popup #internal #maps li { padding-left: 20px; width: 95px; color:#FFFFFF; float:left; } .popup #internal #maps li span{ color:#AFAFAF;} .popup #internal #contacts { clear: both; } .popup #internal #contacts li { padding-left: 30px; width: 115px; padding-left:11px; padding-bottom:12px; width:407px;} .popup #internal #contacts li.first { padding-left: 10px; } .popup #internal #contacts li p{ margin:0; padding:0; line-height:11px; color:#FFFFFF; } .popup #internal #contacts a { color: #afafaf; display: block; font-size: 85%; } .popup #internal #contacts a:hover { color: red; } .popup #internal #contacts span { font-size:80%;} .popup #terms { background: transparent url(../img/popups/bkg.terms.gif) 0 0 no-repeat; padding: 0; height: 480px; width: 712px; text-align: right; } .popup #terms h2 { background: transparent url(../img/popups/shdw.top-terms.png) 0 0 no-repeat; position: absolute; height: 48px; width: 696px; z-index: 10002; text-align: left; } .popup #terms h2 span, .popup #terms h2 a { display: block; text-indent: -9999px; } .popup #terms h2 a:hover { background-position: left bottom; } .popup #terms h2 span { background: transparent url(../img/popups/hdr.terms.gif) 0 0 no-repeat; float: left; height: 16px; width: 88px; margin: 12px 0 0 12px; } .popup #terms h2 a { background: transparent url(../img/popups/btn.close.gif) 0 0 no-repeat; height: 20px; margin: 12px 0 0 670px; width: 15px; } .popup #terms_wrapper { height: 380px; overflow: auto; text-align: left; width: 682px; padding: 50px 15px 50px 15px; z-index: 10001; } .popup #terms div.bottom_cap { background: transparent url(../img/popups/shdw.btm-terms.png) 0 0 no-repeat; height: 25px; width: 696px; z-index: 10010; margin-top: -24px; position: absolute; } * html .popup #terms div.bottom_cap { display: none; } *:first-child+html .popup #terms div.bottom_cap { display: none; } .popup #error { background: url(/img/popups/bkg.error.jpg) left top no-repeat; width: 419px; height: 119px; } .popup #error h2 { position: absolute; height: 48px; width: 400px; z-index: 10002; text-align: left; overflow: hidden;} .popup #error h2 span, .popup #error h2 a { display: block; text-indent: -9999px; } .popup #error h2 a:hover { background-position: left bottom; } .popup #error h2 span { float: left; height: 16px; width: 88px; margin: 12px 0 0 12px; } .popup #error h2 a { background: transparent url(../img/popups/btn.close.gif) 0 0 no-repeat; height: 20px; margin: 12px 0 0 386px; width: 15px; } *:first-child+html .popup #error h2 a { margin-top: -13px; margin-left: -6px; } * html .popup #error h2 a { margin-top: -13px; margin-left: -6px; } .popup #error p { font-size: 93%; margin: 54px 13px 0;} .popup #error p strong { font-size: 131%; color: #fff; } /* END: -------------------------------- */