/* ---------------------- CSS MASTER ------------------------- */ body {font: 12px Arial, Helvetica, sans-serif; padding:0; border:0; color:#000; text-align:center; line-height: 1.2; background: #fff; min-height:100%; } body a{color:#666; outline: none;} /* For Javascript */ .collapseblock{display:none;} .expandblock{display:inline;} /* Legacy Menu CSS */ #Container1{height:30px;background:#000;height:35px;overflow:visible; width: 100%; border-top: 1px solid #000; line-height: 35px; padding:0px; border-left:0px; border-right:0px; text-align:center; } #Container2 {width: 100%; background:#000; border-left:0px; border-right:0px; text-align:center; } #NavContainer{width: 1030px; height: 68px; border:0; padding: 0;border-top: 1px solid #333;overflow:hidden;} #NavContainer1{width: 1030px; height: 34px; text-align: left;overflow:hidden;background:#222; list-style:none outside none;margin:0;padding:0;} #NavContainer2{width: 1030px; height: 34px; text-align: left;overflow:hidden;background:#ff0000; } /* Full Width Wrappers and Banners */ #InnerContainerBig{width: 1030px;height:120px;border:0; padding-top:20px;padding-bottom:20px; background:#000} #InnerContainer{width: 1030px;height:90px;border:0; padding-top:10px;padding-bottom:20px; background:#000} .menu-tab A{font-size:14px;font-weight:bold; padding-right:10px;color:#999} .menu-tab A:hover {color: #ff0000;} A .Box{background:#ccc; color: #222; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; line-height:12px;font-size:14px;} A:hover .Box {background:#ff0000; color: #222;} .menu-tabY A{font-size:14px;font-weight:bold; padding-right:10px;color:#ff0000} .menu-tabY A:hover {color: #fff;} #logo-color {background:#ff0000;} /* NEW MegaMenu */ .oe_overlay{background:#000;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;display:none;} ul.NavMegaMenu > li{float:left;position:relative;z-index:4;} ul.NavMegaMenu > li > a:hover,ul.NavMegaMenu > li.selected > a{color:#101010;opacity:1.0;z-index:100000;} ul.NavMegaMenu div{position:absolute;top:34px;width:988px;height:360px;display:none;padding:20px;} #NavMegaMenu2{display:block;list-style:none outside none;height:34px;float:right;width:150px;margin:0!important;padding:0!important;} ul.NavMegaMenu div ul li a{text-decoration:none;color:#222;display:block;font-size:12px;margin:2px;padding:2px 2px 2px 4px;} ul.NavMegaMenu div ul.oe_full{width:100%;} ul.NavMegaMenu div ul li a:hover{background:#000;color:#fff;} #NavMegaMenuContainerStripe {background:#ff0000;} #NavMegaMenuContainer{width:1030px;height:34px;border:0;display:block;background:red;padding:0;} #NavMegaMenuContainer ul li.nav-tab > a{color:#fff;} #NavMegaMenu{height:34px;text-align:left;float:left;list-style:none;display:block;margin:0!important;padding:0!important;} #NavMegaMenu li{float:left;display:inline;} #NavMegaMenu li#More_Tab{float:right!important;} ul.NavMegaMenu li ul,ul.NavMegaMenu2 li ul{list-style:none;float:left;margin-right:10px;} .nav-tab A:hover{background:red;color:#fff;} .nav-tab2 A{display:block;float:left;color:#efefef;font-weight:700;font-size:20px;line-height:22px;padding:8px;} .nav-tab2 A:hover{background:#df0000;color:#fff;} .nav-tab2 A .Box{background:#f4f4f4;color:red;height:16px;font-size:18px;line-height:22px;padding:2px 5px;} .nav-tab2 A:hover .Box{background:#fff;color:#df0000;} .nav-tab A{color:#444;display:block;float:left;font-size:16px;font-weight:700;line-height:16px;padding:9px;} .topNavLeft li:nth-child(2) a span{background:none repeat scroll 0 0 #EEE;padding:1px 4px;} #style-and-fashion-trends_Tab div{background:#fff;border-top:20px solid #FF4EA9;border-bottom:20px solid #FF4EA9;} #pop-culture-and-internet-trends_Tab div{background:#fff;border-top:20px solid #FF8D13;border-bottom:20px solid #FF8D13;} #environmental-trends_Tab div{background:#fff;border-top:20px solid #08b400;border-bottom:20px solid #08b400;} #lifestyle-trends_Tab div{background:#fff;border-top:20px solid #FFA901;border-bottom:20px solid #FFA901;} #luxury-trends_Tab div{background:#fff;border-top:20px solid #999;border-bottom:20px solid #999;} #unique-and-bizarre_Tab div{background:#fff;border-top:20px solid #A237FD;border-bottom:20px solid #A237FD;} #ALL_Tab div,#naughty-trends_Tab div,#modern-art-and-design-trends_Tab div,#marketing-strategy_Tab div,#social-trends_Tab div,#keynotes_Tab div{background:#fff;border-top:20px solid #ee0000;border-bottom:20px solid #ee0000;} #technology-trends-and-gadgets_Tab div,#social-media-trends_Tab div,#business-trends_Tab div,#auto-and-motor-trends_Tab div{background:#fff;border-top:20px solid #4292FF;border-bottom:20px solid #4292FF;} #ALL_Tab.selected a:hover,#naughty-trends_Tab.selected a:hover,#modern-art-and-design-trends_Tab.selected a:hover,#marketing-strategy_Tab.selected a:hover,#social-trends_Tab.selected a:hover,#keynotes_Tab.selected a:hover,#ALL_Tab.selected a.MegaMenuItem,#naughty-trends_Tab.selected a.MegaMenuItem,#modern-art-and-design-trends_Tab.selected a.MegaMenuItem,#marketing-strategy_Tab.selected a.MegaMenuItem,#social-trends_Tab.selected a.MegaMenuItem,#keynotes_Tab.selected a.MegaMenuItem{background:red;color:#fff;} #style-and-fashion-trends_Tab.selected a:hover,#style-and-fashion-trends_Tab.selected a.MegaMenuItem{background:#FF4EA9;color:#fff;} #technology-trends-and-gadgets_Tab.selected a:hover,#social-media-trends_Tab.selected a:hover,#business-trends_Tab.selected a:hover,#auto-and-motor-trends_Tab.selected a:hover,#technology-trends-and-gadgets_Tab.selected a.MegaMenuItem,#social-media-trends_Tab.selected a.MegaMenuItem,#business-trends_Tab.selected a.MegaMenuItem,#auto-and-motor-trends_Tab.selected a.MegaMenuItem{background:#4292FF;color:#fff;} #pop-culture-and-internet-trends_Tab.selected a:hover,#pop-culture-and-internet-trends_Tab.selected a.MegaMenuItem{background:#FF8D13;color:#fff;} #environmental-trends_Tab.selected a:hover,#environmental-trends_Tab.selected a.MegaMenuItem{background:#08b400;color:#fff;} #lifestyle-trends_Tab.selected a:hover,#lifestyle-trends_Tab.selected a.MegaMenuItem{background:#FFA901;color:#fff;} #luxury-trends_Tab.selected a:hover,#luxury-trends_Tab.selected a.MegaMenuItem{background:#999;color:#fff;} #unique-and-bizarre_Tab.selected a:hover,#unique-and-bizarre_Tab.selected a.MegaMenuItem{background:#A237FD;color:#fff;} #More_Tab a {color:#444;float: right;} #More_Tab a:hover {color:#fff} .block205 a {display:block;width:205px;height:30px;padding-top:6px;padding-bottom:6px;overflow:hidden;border-bottom: 1px solid #d4d4d4;} .block205 a:hover{background: #ccc; color:#000;} #FullStripe{width: 100%; height: 5px; background:#ff0000; border-bottom:1px solid #111; } #MiddleLeft{width:663px; float:left; margin:0;padding-top: 15px;} #MiddleRight{width: 798px; float:right; margin:0; padding-left:10px; padding-top:15px} #Middle{width:467px; float:right; padding-left: 15px; padding-right:15px; margin:0;} #Left{width:160px; float:left; padding-left:2px; padding-right:2px; margin:0; text-align: center; border-right:1px solid #d4d4d4;} #Right{width:300px; float:right; background: #fff; margin:0; padding-left: 5px; padding-right: 5px; border-left:1px solid #e0e0e0; padding-top: 15px; } /* Left and Right Arrows to skip to another trend */ #shareBox { display: block; float: left; height: 0; position: fixed; width: 100%; top: 0; z-index: 1; } .shareBoxWrapper { display: block; width: 1050px; height: 0; } .prevTrend { position: relative; left:-60px;margin-top:350px; } .nextTrend { position: relative; left:60px;margin-top:350px; } /* TOP 6 RELATED TRENDS (CAROUSEL) ---------------------------------------------------------------*/ .top-header{ display:block; float:left; height:125px; padding:20px 0 10px 6px; overflow:hidden; background:#fff; border:none; } .top-header ul{ list-style:none; float:left; position:relative; margin:0; padding:0;} .top-header li{ float:left; position:relative; width:158px; margin-left:10px; text-align:left;} .top-header li a{ height:110px; display:block; width:152px; overflow:hidden; padding:3px; color:#666; } .top-header li a:hover{ background:#d9d9d9; color:#000; text-decoration:none;} .top-header li a .headerImage { display: block; width: 148px; height: 75px; margin: 0 0 4px 1px; overflow: hidden; border:1px solid #D4D4D4; } .top-header li a .headerImage img {border:none;} .top-header li a .headerTitle {font-weight:bold;} .top-header li a .headerNumber { display:block; float:left; height:30px; color:#999; font-size:28px; position: relative;top: -4px; } /* older carousel */ #top-header ul.carousel { list-style:none; float:left; position:relative; padding:0; margin:0; } ul.carousel li { float:left; position:relative; width:150px; margin-left:5px; text-align:left;} ul.carousel li a { height:112px; display:block; width:144px; overflow: hidden; padding:3px;} ul.carousel li a:hover {background:#d9d9d9; color:#000; text-decoration:none;} ul.carousel li.arrow{ width:39px !important; background: } ul.carousel li.arrow a { width:28px !important; background-color:#d9d9d9; height: 96px !important; padding:0 !important; margin:0 !important; } ul.carousel li.arrow a:hover { background-color: #FF0000; } #top-header { display:block; float:left; height:128px; padding-top:15px; overflow:hidden; background:#fff; border-bottom:5px solid #d4d4d4; } #top-header ul { float:left; position:relative; margin:0; padding:0; list-style:none; } #top-header li { float:left; position:relative; width:150px; text-align:left; } #top-header li a { display:block; width:152px; height:109px; overflow:hidden; padding:3px; } #top-header li a:hover {background:#d9d9d9; color:#000; text-decoration:none; } #top-header li.arrow {width:39px!important;} #top-header li.arrow a { width:28px!important; height:96px!important; margin:0!important; padding:0!important; background-color:#d9d9d9; } #top-header li.arrow a:hover {background-color:red;} /* TRENDS LEFT COLUMN (MAIN CONTENT) ---------------------------------------------------------------*/ #contentLeft { float: left; width: 693px; min-height: 1200px; padding:15px 10px 0; margin:0; background: white; border-right: 1px solid #D4D4D4; } #scoreContainer { float: right; display: block; width: 120px; padding:0px 4px 5px 0; } #scoreContainer .Percentile_Box { display: block; height: 10px; background: #D4D4D4; background-image: url('http://cdn.trendhunterstatic.com/bg_vertical.gif'); background-repeat: repeat; } #scoreContainer #scoreBox { float:left; width:50px; height:40px!important; } #scoreContainer #scoreBox a {height:auto!important;} #scoreContainer .featuredstatbox { display: block; width: 50px; height: 50px; margin: 0; padding: 0px; background: white; } #scoreContainer #scoreChart { float:left; margin:0 0 0 5px; } #scoreContainer #statTitle { float:left;width:100%; margin-top:5px; line-height:1.1; font-size:11px; } /* TRENDS RIGHT COLUMN ---------------------------------------------------------------*/ #contentRight { float:right; width: 302px; margin:0; padding: 0 5px; background: #555; border: 0; } .relatedRightWidth {width:300px;} .subscribeBox { float:left; width:298px; padding:12px 10px 15px 0; margin-left:-7px; } #ad300 { float:left; height:250px; width:300px; margin-left:1px; } #sponsored300 { float:left; height:250px; width:300px; margin-left:1px; background:#555 } #trends-iframe { width:300px; height:1px; overflow:hidden; } #trackingpixels {display:none;} .relatedRightBlock { float:left; width:300px; margin:25px 0 0 1px; } .relatedRight { float:left; width:140px; margin-bottom:15px; font-weight:bold; } .getE-Book { float:left; margin-top:25px; } /* TRICKY Full Width Wrappers and Banners - Full enables the bottom, centered creates the main box, and Conteinter2Left enables centered to work */ #wrapperfull {width: 100%; position: absolute; top: 0; left: 0;display: block;background: #efefef;} #MainContainer {width:1030px; display: block; margin:auto;} #MainContainerPart2 {width:1028px; display: block; float: left; margin:auto;border:0; background:#fff;text-align:left; border:0;} #FullContainerBottom{width: 100%;display:block; float:left; background:#000; padding:0px; border-top:5px solid #ff0000;text-align:center; } #FullContainerWhite{width: 100%;display:block; float:left; background:#fff; text-align:center;} /* Ad Relocation */ #ad {height:80px;} #relocated_ad {position: absolute; top: 0; left: 0;} #content {width: 468px; margin: 0 auto; position: relative;} #content2 {width: 300px; margin: 0 auto; position: relative;} /* TH Mobile Button */ #fixed-element { display:block; position:fixed; bottom:0px; right: 0px; z-index: 999; width: 140px; height: 96px; background:url(http://cdn.trendhunterstatic.com/i/2011/TrendHunterMobileGoogle140.png) no-repeat 0 0 transparent; text-indent: -9999; } /* Highlight Boxes */ .BoxG a{background:#999;color:#000;font-weight:700;height:14px;margin-left:3px;font-size:12px;padding:2px 5px;} .BoxG input{background:none repeat scroll 0 0 #999;border:0 solid;color:#fff;font-weight:700;height:19px;width:25px;font-size:8px;margin-left:3px;padding:2px 5px;} .BoxR a{background:red;color:#fff;font-weight:700;height:14px;margin-left:3px;font-size:12px;padding:2px 5px;} .BoxR a:hover{background:red;color:#fff;text-decoration:underline;} .BadgeB a:hover{background:#44F;color:#fff;text-decoration:none;} .Badge12R a{background:#999;color:#fff;font-weight:700;height:14px;margin-left:3px;font-size:12px;padding:2px 5px;} .Badge12B a{background:#44F;color:#fff;font-weight:700;height:14px;margin-left:3px;font-size:12px;padding:2px 5px;} .Badge12B a:hover{background:#999;color:#fff;text-decoration:none;} .BoxG a:hover,.BoxG input:hover,.BadgeG a:hover{background:red;color:#fff;} .BadgeR a,.BadgeB a{background:#999;color:#fff;font-weight:700;height:14px;margin-left:3px;font-size:10px;padding:2px 5px;} .BadgeR a:hover,.Badge12R a:hover{background:red;color:#fff;text-decoration:none;} /* Stats */ .Percentile_Box{background:#d4d4d4;background-image:url('http://cdn.trendhunterstatic.com/bg_vertical.gif');background-repeat:repeat;display:block;height:10px;width:230px;} .Percentile_Score{background:#999;display:block;height:10px;} .Percentile_Score:hover{background:red;} .Percentile_Label{font-size:10px;color:#999;float:right;background:#fff;padding-left:5px;position:relative;top:-3px;} .pChart {background:#999; margin-right: 2px; float: left; display:block; width:4px; height:40px;} .pChartLight {background:#d4d4d4; margin-right: 2px; float: left; display:block; width:4px; height:40px;} .pChart_Top {background:#fff; display:block; width:4px; background-image:url('http://cdn.trendhunterstatic.com/bg_chart.gif'); background-repeat:repeat; } .featuredstatbox {margin:0; padding:0px; width:50px; height:50px; display:block; background:#fff} .featuredstatbox a {background:#999; padding-top:5px; padding-bottom:5px; color:#fff; display:block; width:50px; height:40px;text-align: center;line-height: 1} .featuredstatbox a:hover, .featuredstatbox#active a, .featuredstatboxactive a {background:#ff0000; color:#fff; text-decoration:none;} .ProBadge {margin:0; padding:0px; width:232px; display:block; float:left;} .ProBadge a {background:#d0d0d0; padding-top:2px; padding-bottom:2px; margin-bottom:15px; color:#fff; display:block; text-align: center;font-size:11px;} .ProBadge a:hover, .ProBadge#active a {background:#ff0000; color:#fff; text-decoration:none;} ul#featuredTrends { float:left; position:relative; width:300px; margin: 0 0 10px 0; padding:0; list-style:none; text-align:left !important; } ul#featuredTrends li { float:left; position:relative; width:300px; margin:0;padding:0; } ul#featuredTrends li p { padding: 0; margin: 0 !important; float:left; width:100%; } ul#featuredTrends li p a { font: bold 16px Arial Helvetica, sans-serif; text-decoration:none; line-height:18px; color:#FFF !important; padding: 5px 0 !important; } ul#featuredTrends a b { float:left; font:bold 88px Arial, Helvetica, sans-serif; line-height:88px; margin:-5px 2px 0;color:#333333} ul#featuredTrends a img { float:left; margin: 0 3px 5px 3px; width:110px !important; height: 75px !important; } ul#featuredTrends a span { float:left; width:120px; height:54px; overflow:hidden;} ul#featuredTrends .SixteenG { color:#999; font: 16px Arial, Helvetica, sans-serif; } ul#featuredTrends .subHeader { float:left; width: 300px; background: #444444; margin:0; padding:0; } ul#featuredTrends .PopularBadge { background: #666; } ul#featuredTrends .PopularBadge2 { background: #444; } ul#featuredTrends .PopularBadge a, ul#featuredTrends .PopularBadge2 a { margin-bottom:0 !important; display:block; height:75px !important; } /* Extra stuff added to trends page */ #mainimage {border: 0;} .thumbnail2 {border: 1px solid #D4D4D4;margin-top: 10px;margin-bottom: 15px;margin-right: 4px;} .thumbnail2_selected {border: 1px solid #666;} #subimages img{border: 1px solid #999;margin: 2px 4px 2px 0px;height:40px;width:40px;} #title a{color:#333;} .PopularBadge {margin:0; padding:0px; width:232px; display:block; float:left;} .PopularBadge a {color:#fff; height:48px; margin-bottom:10px; overflow:hidden;display:block; font-size:19px;} .PopularBadge a:hover, .ProBadge#active a {background:#ff0000; color:#fff; text-decoration:none;} .PopularBadge2 {margin:0; padding:0px; width:232px; display:block; float:left;} .PopularBadge2 a {color:#fff; height:48px; margin-bottom:5px; overflow:hidden;display:block; font-size:19px;} .PopularBadge2 a:hover, .ProBadge#active a {background:#ff0000; color:#fff; text-decoration:none;} /* Images */ .imageborder {border: 1px solid #c0c0c0} .imageborder_white {border: 1px solid #ffffff} .imageborder_black {border: 1px solid #000000} .imageborder_white:hover{border:1px solid #ff0000;} .imageborder_black:hover{border:1px solid #ff0000;} #featuredcarousel {margin:0; height:115px; width:108px; display:block; margin-bottom: 5px;} #featuredcarousel a{height:115px; margin-bottom: 5px; padding:2px;display:block; width:108px; overflow: hidden} #featuredcarousel a:hover{background:#d9d9d9; color:#000; text-decoration:none;} #featuredcarousel6 a{height:112px; display:block; width:144px; overflow: hidden; padding:3px;} #featuredcarousel6 a:hover{background:#d9d9d9; color:#000; text-decoration:none;} #hottrends{margin:0; padding:5px; width:140px; display:block} #hottrends a{background:#fff; padding:5px; color:#000; display:block; width:140px} #hottrends a:hover{background:#d9d9d9; color:#000; text-decoration:none} #featured132, #hottrends2active{margin:0; padding:5px; width:132px; display:block;} #featured132 a, #hottrends2active a {background:#fff; padding:5px; color:#000; display:block; width:132px} #featured132 a:hover, #hottrends2active a{background:#d9d9d9; color:#000; text-decoration:none} .featured86box {margin:0; padding:0px; width:80px; height:80px; border: 3px solid #fff; display:block; background:#fff} .featured86box a {background:#c0c0c0; padding:0px; color:#fff; display:block; border: 3px solid #fff; width:80px; height:80px;text-align: center;} .featured86box a:hover, .featured86box#active a, .featured86boxactive a {background:#d9d9d9; color:#fff; text-decoration:none;} .featured86 {margin:0; padding:3px; width:86px; display:block; background:#fff} .featured86 a {background:#fff; padding:3px; color:#000; display:block; width:86px} .featured86 a:hover, .featured86#active a, .featured86active a {background:#d9d9d9; color:#000; text-decoration:none} .featured38 {float:left; margin:0; display:block; background:#fff; text-align: center;} .featured38 a {background:#fff; padding:2px; color:#000; display:block; width:41px; } .featured38 a:hover, .featured38#active a{padding:0px; border: 2px solid #d9d9d9; color:#000; text-decoration:none} .featured38nl {float:left; margin:0; display:block; background:#fff; text-align: center; padding:2px; color:#000; width:41px; opacity:0.4; filter:alpha(opacity=40);} #highlight160{margin:0; width:156px; display:block; } #highlight160 a{margin-bottom: 5px; padding:2px;display:block; width:160px; overflow: hidden; line-height: 1.0} #highlight160 a:hover{background:#d9d9d9; color:#000; text-decoration:none} #highlight300{margin:0; padding:0; width:302px; display:block;} #highlight300 a{color:#151515; display:block; width:302px; padding-bottom: 5px} #highlight300 a:hover{background:#d9d9d9; color:#000; text-decoration:none; padding-bottom: 5px} .trendviews2, .trendviews2 a:hover{position:relative; top:110px; z-index:2; left:-1px; width:120px} .trendviews2, .trendviews2 a:hover{display:block; font-size:9px; text-align:center; height:12px; background:#fff; opacity:0.75; filter:alpha(opacity=75); font-family:Verdana,Arial,Sans-serif; font-weight:normal; color:#666} .picture{ background-color:#F9F9F9; color:#999; padding:2px; text-align:center; width:240px; font:7px; margin:0 0 0.5em 0.8em; float:right} .picture:hover{background-color:#999; color:#999} .picture a{color:#999} .picture img{border:1px solid #CCC; vertical-align:middle; margin-bottom:3px} /* Fonts */ .entry{margin:0 10px; font-size:12px; padding:0; line-height: 1.4em;} .underline{text-decoration:underline} a.TenY:hover, a.ElevenY:hover, a.TwelveY:hover, a.ThirteenY:hover, a.TenW:hover, a.ElevenW:hover, a.TwelveW:hover, a.ThirteenW:hover{text-decoration:underline} .NineW, .NineWY{color:#fff; font-size:9px} .TenW, .TenWY{color:#fff; font-size:10px} .ElevenW, .ElevenWY{color:#fff; font-size:11px} .TwelveW{color:#fff; font-size:12px} .ThirteenW{color:#fff; font-size:13px} .FourteenW{color:#fff; font-size:14px} .SixteenW{color:#fff; font-size:16px} .TwentyOneW{color:#fff; font-size:21px} .TwentyW{color:#fff; font-size:20px} .FourteenMenu{color:#fff; font-size:14px} a.FourteenMenu:hover{color:#999999; font-size:14px} .ranked_number{color:#999999; font-size:28px;} .Six{font-size:6px} .Nine{font-size:9px} .Ten{color:#000; font-size:10px} .Eleven, .ElevenU{color:#000; font-size:11px} .Twelve{color:#000; font-size:12px} .TwelveGreen{color:#3E8B00; font-size:12px} .TwelveRed{color:#F00; font-size:12px} .Thirteen{color:#000; font-size:13px} .Fourteen{color:#000; font-size:14px} .Sixteen{color:#000; font-size:16px} .TwentyOne{color:#000; font-size:21px} .NineY{color:#FF0000; font-size:9px} .TenY{color:#FF0000; font-size:10px} .ElevenY{color:#FF0000; font-size:11px} .TwelveY{color:#FF0000; font-size:12px} .ThirteenY{color:#FF0000; font-size:13px} .FourteenY{color:#FF0000; font-size:14px} .SixteenY{color:#FF0000; font-size:16px} .TwentyY{color:#FF0000; font-size:20px} .TwentyOneY{color:#FF0000; font-size:21px} .ElevenB{color:#4444FF; font-size:11px} .TwelveB{color:#4444FF; font-size:12px} .ElevenGr{color:#00cc00; font-size:11px} .TwelveGr{color:#00cc00; font-size:12px} .NineG{color:#999; font-size:9px} .TenG{color:#999; font-size:10px} .ElevenG{color:#999; font-size:11px} .TwelveG{color:#999; font-size:12px} .ThirteenG{color:#999; font-size:13px} .FourteenG{color:#999; font-size:14px} .SixteenG{color:#999; font-size:16px} .TwentyG{color:#999; font-size:20px} .TwentyOneG{color:#999; font-size:21px} a.cloudlight, a.cloudlight2 {color: #999;} a.cloudlight:hover, a.cloudlight2:hover {color: #FF0000;} .H3Match, .H3Match a{color:#333; font-size:20px; line-height:21px; font-weight:bold; font-family:Arial,Verdana; text-decoration:none} .H3Match a:hover,{text-decoration:none} /* Universal changes to standard html */ hr{border:0; border-top:1px solid #d0d0d0; height:0} table{table-layout:fixed; word-wrap:break-word} a:link, a:visited{text-decoration:none} a:hover{color:#FF0000} H1, .H1Match, .H1Match a{color:#333; font-size:22px; font-weight:bold; line-height:21px; font-family:Arial,Verdana; text-decoration:none; margin-bottom:0; padding-bottom:0px; margin-top:0} H2, H2 a {color:#000; font-size:15px; line-height:18px; font-weight:normal; margin-bottom:0; padding-bottom:0px; margin-top:0} H3, H3 a{color:#333; font-size:20px; line-height:21px; font-weight:bold; font-family:Arial,Verdana; text-decoration:none; margin-bottom:0; padding-bottom:0px; margin-top:0} H3 a:hover {text-decoration:none} H4 a:hover {color:#ff0000;} H4, H4 a{color:#000; font-size:18px; line-height:20px; font-weight:bold; font-family:Arial,Verdana; text-decoration:none; margin-bottom:0; padding-bottom:0px; margin-top:0} blockquote {padding: 0px; margin: 0px; background-image: url(http://cdn.trendhunterstatic.com/i/2009/blockquote-small.gif); background-position: top left; background-repeat: no-repeat; text-indent: 20px;font-style: italic;} input.search{height:22px; padding:0px; font-size:11px} form{margin:0px; display:inline} textarea.text, input.text{font-size:10px; margin:0px} /* Boxes */ #aboutbox-header{width:290px; margin-top:0px; margin-bottom:0px; text-align:left; color: #fff; background:#CCC; border:5px solid #CCC; border-bottom:0px} #aboutbox{width:274px; margin-top:0px; margin-bottom:5px; padding:8px; text-align:left; background:#fff; border:5px solid #CCC;} #aboutbox-sub{float:left; width:274px; margin-top:0px; margin-bottom:10px; padding:0px; text-align:left; background:#fff;} .trendbox{width:468px; margin-top:0px; margin-bottom:25px; margin-top:25px; background:#fff; text-align:left; overflow: hidden;} #w100{width:100%} .imagebackground {background: #444444;} .imagebackground:hover {background: #FF0000;} .imagebackground2 {background: #ffffff;} .imagebackground3 {background: #999;} .imagebackground3:hover {background: #FF0000;} .imagebackground3-666 {background: #666666;} .imagebackground4-666:hover {background: #FF0000;} .imagebackground4 {background: #FF0000;} .imagebackground4:hover {background: #EE0000;} /* Vertical Widget */ #relatedtrends{margin:0; padding:0px; width:230px; padding-bottom: 1px; height:96px; display:block; word-wrap: break-word} #relatedtrends a{background:#efefef; padding: 4px; color:#000; display:block; width:222px; height:82px; overflow: hidden; word-wrap:break-word} #relatedtrends a:hover{background:#d4d4d4; color:#000; text-decoration:none} #relatedtrends_inner{margin:0; padding:0px; width:120px; height:80px; display:block; word-wrap: break-word; overflow:hidden;} /* Used in News Hunter and youtube summaries, but otherwise depricated */ #relatedtrends60{margin:0; padding:0px; width:230px; padding-bottom: 1px; height:62px; display:block; word-wrap: break-word} #relatedtrends60 a{background:#efefef; padding: 4px; color:#000; display:block; width:222px; height:48px; overflow: hidden; word-wrap:break-word} #relatedtrends60 a:hover{background:#d4d4d4; color:#000; text-decoration:none} #relatedtrends60_inner{margin:0; padding:0px; width:150px; height:46px; display:block; word-wrap: break-word; overflow:hidden;} #relatedtrends60count{margin:0; padding:0px; width:230px; padding-bottom: 1px; height:62px; display:block; word-wrap: break-word} #relatedtrends60count a{background:#efefef; padding: 4px; color:#000; display:block; width:222px; height:48px; overflow: hidden; word-wrap:break-word} #relatedtrends60count a:hover{background:#d4d4d4; color:#000; text-decoration:none} #relatedtrends60count_inner{margin:0; padding:0px; width:110px; height:46px; display:block; word-wrap: break-word; overflow:hidden;} /* Vertical Menu */ #leftmenu-active, #leftmenu{margin:0; padding:2px; width:121px; height: 20px; display:block; color:#000; background:#fff; display:block} #leftmenu a{background:#fff; color:#000; display:block; text-decoration:none; text-align: left} #leftmenu-active, #leftmenu a:hover{background:#999; color:#000; display:block; height: 20px; text-decoration:none; text-align: left} #leftmenu-active {font-weight: bold} #leftmenusmall-active, #leftmenusmall{margin:0; margin-left:8px; padding:2px; width:113px; height: 15px; display:block; color:#000; background:#fff; display:block} #leftmenusmall a{background:#fff; color:#000; display:block; text-decoration:none; text-align: left} #leftmenusmall-active, #leftmenusmall a:hover{background:#999; color:#000; display:block; height: 15px; text-decoration:none; text-align: left} #leftmenusmall-active {font-weight: bold} /* Header Dropdown */ .navlist,.navlist_inner{white-space:nowrap;display:inline;list-style:none;position:relative;top:0;margin:0;padding:0;} .navlist li{display:inline;list-style-type:none;margin-right:10px;} .navitem{position:relative;} .navitem ul{position:absolute;top:0;right:0px;z-index:500;text-align:right;line-height:25px;display:none;margin:0;padding:0;} .navitem ul li{padding-left:10px;padding-right:10px;clear:both;display:block;width:80px;background:none repeat scroll 0 0 #151515;margin:0;} .navitem:hover ul,.navitem ul li:hover .navitem ul{display:block;} #ScoreContainer #scoreBox{float:left;width:50px;height:40px!important;} #ScoreContainer #scoreBox a{height:auto!important;} #ScoreContainer #scoreChart{float:left;margin:0 0 0 5px;} #ScoreContainer #statTitle{float:left;width:100%;margin-top:5px;line-height:1.1;font-size:11px;} /* TOP SITE NAV---------------------------------------------------------------*/ #topPageNav { display:block; position:relative; margin: 0 auto 10px; padding:0; width:1030px; } #topPageNav ul { list-style:none; margin:0; padding:0; position:relative; } #topPageNav ul li { float:left; margin: 0 10px; padding: 0; } #topPageNav li a { color:#777; text-decoration: none;font-weight:bold; } #topPageNav a:hover {color:#ff0000;} .topNavLeft { float:left; position:relative; display:inline; } .topNavLeft a { font: bold 17px Arial, Helvetica, sans-serif; color:#555; } .navitem ul { position:absolute !important; } .navitem ul li { padding: 0 10px !important; margin: 0 !important; } .navitem ul li a:hover {color:#ff0000;} .topNavLeft li.thFirst { margin-left: 0 !important; } .topNavLeft li:nth-child(2) a span { background:#efefef; color: #000; font-size:14px; padding:1px 4px; } .topNavLeft li:nth-child(2) a:hover span {background-color:#ff0000;} .topNavRight { float:right; position:relative; display:inline; } .topNavRight a { float:none !important; display:inline; position:relative; margin: 0 5px;} .topNavRight li { margin: 0 !important; } .topNavRight li a { font: normal 12px Arial, Helvetica, sans-serif; color:#efefef; float:none !important; line-height:30px; } .topNavRight .thTrend span { float:left; position: relative; background:#ff0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .topNavRight .BoxR {line-height:1.1;} .topNavRight .BoxR a { margin: 7px 0 2px 8px; color:#fff !important; background:#ff0000; } .topNavRight .BoxR a:hover{text-decoration:underline; color:#fff !important; } .outterWrapper { display:block; position:relative; z-index:1; width:100%; height: 42px; overflow: hidden; } #InnerContainer { clear:both; display:block; float:none !important; width:1030px; margin: 0 auto; } /* FOOTER ----------------------------------------------------------------*/ footer#footerElement { display:block; position:relative; width: 1030px; margin:25px 0; padding:0 0 50px 0; text-align:left !important; } .footerContainer { width:1028px; margin:0 auto } .topFooterNav { float:left; position:relative; margin:0; width:100%; margin-bottom:30px; padding:0 !important;} .topFooterNav li { float:left; display: inline; } .topFooterNav a {float:left;} .topFooterNav a:hover { background-color: #ff0000; } .topFooterNav .footerMag { width:252px; overflow:hidden; height:0; padding-top:60px; background: #ff0000 url(http://cdn.trendhunterstatic.com/TrendHunterFooter.png) 0 0 no-repeat; } .topFooterNav .footerPro { width:129px; overflow: hidden; height:0; padding-top:60px; background: #ff0000 url(http://cdn.trendhunterstatic.com/TrendHunterFooter.png) -252px 0 no-repeat; } .topFooterNav .footerReport { width:281px; overflow: hidden; height:0; padding-top:60px; background: #ff0000 url(http://cdn.trendhunterstatic.com/TrendHunterFooter.png) -381px 0 no-repeat; } .topFooterNav .footerTv { width:123px; overflow: hidden; height:0; padding-top:60px; background: #ff0000 url(http://cdn.trendhunterstatic.com/TrendHunterFooter.png) -662px 0 no-repeat; } .topFooterNav .footerKeynote { width:195px; overflow: hidden; height:0; padding-top:60px; background: #ff0000 url(http://cdn.trendhunterstatic.com/TrendHunterFooter.png) -785px 0 no-repeat; } #footerBottom p { float:left; position:relative; width:230px; color:#fff; line-height:1.4; margin: 0 30px 0 0; font-size: 14px; } #footerBottom p a { text-decoration:none; color:#ff0000; } #footerBottom #footerVid { float: left; width:389px; padding:3px 0 1px 3px; background-color:#ff0000; margin:0 30px 0 0; } .footerBottomRight { float:left; width:346px; } #footerBottom ul { float:left; position:relative; display:inline; width:160px; margin:0; padding: 0 !important; list-style:none; } #footerBottom ul li { display:block; float:left; width:100%; margin: 0; line-height: 1.4em; } #footerBottom ul a { float:left; font-size: 16px; text-decoration:none; color:#ff0000; font-weight:bold; } .copyright { float: left; position:relative; font-size: 10px !important; color:#fff; margin:10px 0 0 0 !important; } /* Reactions Menu */ #ReactionButtons ul{text-align:right; float:left; margin:0; padding:0; list-style-type:none} #ReactionButtons ul li{padding:0 0px 0 0; margin:0; float:left; text-align:left; height:24px;} #ReactionButtons a {font-size:14px;background:#d9d9d9; color: #666; font-weight:bold; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px;display: block;margin-right: 4px;height:24px} #ReactionButtons a:hover, #ReactionButtons li#active a {background:#ff0000; color:#fff} #ReactionButtons li#white a {background:#ffffff; color:#999} #ReactionButtons a.Custom {font-size:14px; color: #fff; font-weight:bold; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; margin-right: 5px; display: block;height:24px;} /* REACTION/FAVORITE BUTTON STYLES */ #ReactionButtons a { float:left: position:relative; display:block; padding:5px 5px 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; border: 1px solid #ccc; color:#333; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ } #ReactionButtons a:hover, #ReactionButtons li#active a, #ReactionButtons a.Custom { color:#ffffff; border-color:#ff0000; background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #ee0000 2%, #ff0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ee0000), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ee0000 2%,#ff0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ee0000 2%,#ff0000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ee0000 2%,#ff0000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ee0000 2%,#ff0000 100%); /* W3C */ padding: 4px 5px 1px 5px !important; } a.followButton { position:relative; display:block; width: 75%; padding:2px 5px 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; border: 1px solid #ccc; color:#333; margin: 0 auto; text-align:center; color:#333; font-weight: bold; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ } /* // BOOKMARK STYLES */ #bookmark { float:left; position:relative; display:block; margin:4px 3px 0 -5px; } .bookmarkWrapper { float: left; position: relative; display: block; margin-top:4px !important; margin-right: 4px !important; z-index:2;} .bookmarkTrend:hover {cursor:pointer;} .bookmarkWrapper .popup { display:none; zoom:1; background:#fff /*url('http://cdn.trendhunterstatic.com/i/2011/listBg.png') bottom left no-repeat*/; z-index:1000; position:absolute; top:29px; left:1px; border: 1px solid #ccc; padding: 10px 0; width:148px; -moz-box-shadow:0 1px 5px #999999; -webkit-box-shadow:0 1px 5px #999999;} .listButton { float: left; position:relative; font-weight: bold; width:85px; padding:4px 5px 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; border: 1px solid #ccc; color:#333; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ } #favorite a:hover span, #favorite a span.active { background-position: 0 -16px; } #favorite { float: left; position: relative; display: block; padding: 0; } #favorite a { float:left; position:relative; display:block; padding:7px 7px 6px 7px; margin-top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; border: 1px solid #ccc; color:#333; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ } #favorite a span { position: relative; display: block; width: 17px; height: 0; overflow: hidden; padding-top: 16px; margin: 0 auto; background: url(http://cdn.trendhunterstatic.com/favorites.png) 0 0 no-repeat; } #box468comment{width:416px; margin-top:15px; margin-bottom:20px; padding:5px; text-align:left; background:#f0f0f0; border:1px solid #CCC} #box468favorite{width:416px; margin:0; padding:5px; text-align:left; background:#ffffff; border:1px solid #FFF} #box468clips{width:416px; margin-top:5px; margin-bottom:10px; padding:5px; text-align:left; background:#ffffff; border:1px solid #FFF} #box468related{width:418px; margin:0; float:left; padding:0px; text-align:left; border:1px solid #e0e0e0} #box468{width:416px; margin:0; padding:5px; text-align:center; background:#e0e0e0; border:1px solid #c00} /* Drop down Search Menu */ #header_search_results .search_results_table{border:5px solid #111;border-spacing:0 0;} #header_search_results .search_results_table tr{padding:0;} #header_search_results .search_results_table tr td{color:#FFF;font-family:arial;text-align:left;cursor:pointer;width:205px;max-height:53px;padding:0;} #header_search_results .search_results_table tr.even_row{background-color:#666;} #header_search_results .search_results_table tr.odd_row{background-color:#444;} #header_search_results .search_results_table a {color:white; width:205px;} #header_search_results .search_results_table a img{float:left;width:60px;height:44px;margin:3px 5px 3px 2px;} #header_search_results .search_results_table a .num_trends_div{font-size:10px;float:left;width:120px;} #header_search_results .search_results_table a .tag_name_div{font-weight:700;font-size:16px;float:left;width:120px;} #header_search_results .search_results_table tr:hover{background-color:red;} #header_search_bar{width:130px;height:22px;font-family:Arial;font-size:15px;font-weight:700;overflow:hidden;} #search_mag_glass{background-color:none;background-image:url('https://cdn.trendhunterstatic.com/i/2013/magnifying_glass_icon.png');background-repeat:no-repeat;width:24px;height:16px;position:absolute;float:right;margin-top:6px;margin-left:-28px;cursor:pointer;} #header_search_results{position:absolute;z-index:1000;margin-left:5px;margin-top:-1px;} /*++++++++//CATEGORY FOOTER STYLES//++++++++++++++++*/ section#catFooter { float:left; position:relative; display:block; width:99%; margin: 10px 0; border:1px solid #ccc; border-right:none; border-left:none; padding: 10px 0; } section#catFooter div.catFooterItem { float:left; position:relative; display:inline; margin:10px 5px; width:220px; min-height:123px; } section#catFooter .more { float:left; position:relative; margin-top:10px; } .listButton img { position:relative; display:inline; width:8px; height:8px; margin: 4px 0 3px 0; } .popup .bold { float:left; position:relative; margin:0 0 5px 12px; color: #333; } .popup a { float:left; position:relative; width:142px; margin: 3px 4px; background: url('http://cdn.trendhunterstatic.com/i/2011/listItemShadow.png') bottom center no-repeat; padding:2px 0 5px 8px; } .popup .chat-bubble-arrow-border { border-color: transparent #CCCCCC transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:10px; left:-21px; } .popup .chat-bubble-arrow { border-color: transparent #FFFFFF transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:10px; left:-19px; } .bookmarkWrapper span.bold {font-weight:bold;} .bookmarkWrapper a { text-decoration: none; } .bookmarkWrapper form {display:none;} div .showAddList { margin: 10px auto 0 auto; padding:5px; } /* Dashboard */ .btnNext { float: left; margin: 15px 0 1px; padding: 5px 10px; border-radius: 5px; font-size: 20px; color: #FFF; } .btnNext a, .btnNext a:hover { color: #FFF; } /* Demographics */ #mainBox{float:left;position:relative;width:220px;border:1px solid #ccc;} #age{float:left;position:relative;width:108px;text-align:center;margin:0 0 0 2px;padding:0;} #age h5{float:left;position:relative;width:100%;background-color:#999;color:#fff;font:normal 12px Arial, Helvetica, sans-serif;text-align:center;margin:5px 0 6px;padding:2px;} #age span{float:left;position:relative;display:inline;background-color:#ccc;width:18px;height:35px;margin:0;padding:0;} #age span.active{float:left;position:relative;display:inline;background-color:red;width:18px;height:35px;margin:0;padding:0;} #gender{float:left;position:relative;width:102px;height:68px;margin:0;padding:0;} .progress-container{display:block;position:relative;width:102px;height:34px;background:#cdcdcd;} #progress-male{float:left;clear:both;position:relative;top:0;left:0;z-index:2;width:102px;height:34px;} .progress-level.male{float:left;position:absolute;top:0;left:0;z-index:1;background-color:#2C6BFD;width:50%;height:34px;} #progress-female{float:left;clear:both;position:relative;top:0;left:0;z-index:2;width:102px;height:34px;} .progress-level.female{float:left;position:absolute;top:0;left:0;z-index:1;background-color:#FF4EA9;width:50%;height:34px;} #progress-male{background: url(http://cdn.trendhunterstatic.com/trend_sprite5.png) 0 -865px no-repeat;float:left} #progress-female{background: url(http://cdn.trendhunterstatic.com/trend_sprite5.png) 0 -434px no-repeat;float:left} #mapBox{border:1px solid #CCC;border-top:none;float:left;position:relative;width:220px;} #map{display:block;position:relative;z-index:1;background:url('http://cdn.trendhunterstatic.com/world.gif') top left no-repeat;width:125px;height:68px;margin:10px auto;} #map a{float:left;position:absolute;display:block;border:none;} #map a.north-america{background:url(http://cdn.trendhunterstatic.com/north-america-sprite.png) top left;width:51px;height:41px;z-index:2;top:0;left:0;display:none;} #map a.south-america{background:url(http://cdn.trendhunterstatic.com/south-america-sprite.png) no-repeat;width:21px;height:29px;z-index:3;top:39px;left:30px;display:none;} #map a.europe{background:url(http://cdn.trendhunterstatic.com/europe-sprite.png) top left;width:20px;height:19px;z-index:4;top:13px;left:60px;display:none;} #map a.africa{background:url(http://cdn.trendhunterstatic.com/africa-sprite.png) no-repeat;width:32px;height:27px;z-index:5;overflow:hidden;display:none;} #map a.asia{background:url(http://cdn.trendhunterstatic.com/asia-sprite.png) top left;width:52px;height:44px;z-index:6;top:0;right:0;display:none;} a.africa.red{display:block!important;background-position:0 0;bottom:11px;left:54px;} a.africa.orange{display:block!important;background-position:-32px 0!important;bottom:9px;left:56px;} a.africa.green{display:block!important;background-position:-64px 0!important;bottom:9px;left:56px;} a.africa.lime{display:block!important;background-position:-96px 0!important;bottom:9px;left:56px;} a.africa.blue{display:block!important;background-position:-131px 0!important;bottom:9px;left:56px;} a.africa.turquoise{display:block!important;background-position:-159px 0!important;bottom:9px;left:56px;} a.africa.purple{display:block!important;background-position:-192px 0!important;bottom:9px;left:56px;} a.africa.pink{display:block!important;background-position:-224px 0!important;bottom:9px;left:56px;} a.africa.silver{display:block!important;background-position:-256px 0!important;bottom:9px;left:56px;} a.africa.yellow{display:block!important;background-position:-288px 0!important;bottom:9px;left:56px;} a.asia.orange{display:block!important;background-position:-52px 1px!important;} a.asia.green{display:block!important;background-position:-104px 1px!important;} a.asia.lime{display:block!important;background-position:-156px 1px!important;} a.asia.blue{display:block!important;background-position:-208px 1px!important;} a.asia.turquoise{display:block!important;background-position:-260px 1px!important;} a.asia.purple{display:block!important;background-position:-312px 1px!important;} a.asia.pink{display:block!important;background-position:-364px 1px!important;} a.asia.silver{display:block!important;background-position:-416px 1px!important;} a.asia.yellow{display:block!important;background-position:-468px 1px!important;} a.europe.orange{display:block!important;background-position:-21px 0!important;} a.europe.green{display:block!important;background-position:-42px 0!important;} a.europe.lime{display:block!important;background-position:-63px 0!important;} a.europe.blue{display:block!important;background-position:-84px 0!important;} a.europe.turquoise{display:block!important;background-position:-105px 0!important;} a.europe.purple{display:block!important;background-position:-126px 0!important;} a.europe.pink{display:block!important;background-position:-147px 0!important;} a.europe.silver{display:block!important;background-position:-168px 0!important;} a.europe.yellow{display:block!important;background-position:-189px 0!important;} a.north-america.orange{display:block!important;background-position:-51px -1px!important;} a.north-america.green{display:block!important;background-position:-102px -1px!important;} a.north-america.lime{display:block!important;background-position:-153px -1px!important;} a.north-america.blue{display:block!important;background-position:-204px -1px!important;} a.north-america.turquoise{display:block!important;background-position:-255px -1px!important;} a.north-america.purple{display:block!important;background-position:-306px -1px!important;} a.north-america.pink{display:block!important;background-position:-357px -1px!important;} a.north-america.silver{display:block!important;background-position:-408px -1px!important;} a.north-america.yellow{display:block!important;background-position:-459px -1px!important;} a.south-america.orange{display:block!important;background-position:-22px 0!important;} a.south-america.green{display:block!important;background-position:-44px 0!important;} a.south-america.lime{display:block!important;background-position:-66px 0!important;} a.south-america.blue{display:block!important;background-position:-88px 0!important;} a.south-america.turquoise{display:block!important;background-position:-110px 0!important;} a.south-america.purple{display:block!important;background-position:-132px 0!important;} a.south-america.pink{display:block!important;background-position:-154px 0!important;} a.south-america.silver{display:block!important;background-position:-176px 0!important;} a.south-america.yellow{display:block!important;background-position:-198px 0!important;} a.asia.red,a.europe.red,a.north-america.red,a.south-america.red{display:block!important;background-position:0 0;} .sprite-Trend-Hunter-HalfStar-W{ width: 7px; height: 12px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 0 no-repeat;float:left} .sprite-Trend-Hunter-Stars-W{ width: 12px; height: 12px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -62px no-repeat;float:left} .sprite-cat_fix_trends{ width: 14px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -209px; no-repeat;float:left} .sprite-baby{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -124px no-repeat;float:left} .sprite-child{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -279px no-repeat;float:left} .sprite-kid{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -652px no-repeat;float:left} .sprite-listArrow{ width: 8px; height: 8px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -807px no-repeat;float:left} .sprite-middleAge{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -949px no-repeat;float:left} .sprite-senior{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1104px no-repeat;float:left} .sprite-youngAdult{ width: 18px; height: 35px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) -152px 0 no-repeat;float:left} .sprite-female{ width: 102px; height: 34px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -434px no-repeat;float:left} .sprite-male{ width: 102px; height: 34px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -865px no-repeat;float:left} .sprite-share-fbs{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1522px no-repeat;float:left;margin-top:10px;margin-bottom:10px;} .sprite-share-li{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1662px no-repeat;float:left;margin-bottom:10px;} .sprite-share-pi{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1732px no-repeat;float:left; margin-bottom:10px;} .sprite-share-gp{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1592px no-repeat;float:left; margin-bottom:10px;} .sprite-share-su{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1802px no-repeat;float:left; margin-bottom:10px;} .sprite-share-tw{ width: 52px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1872px no-repeat;float:left; margin-bottom:10px;} .sprite-icon-printer{ width: 14px; height: 14px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -588px no-repeat;float:left;margin-bottom:10px;} .sprite-tw_icon_20x20{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1942px no-repeat;float:left;margin-right:2px;} .sprite-rss_icon_20x20{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1034px no-repeat;float:left;margin-right:2px;} .sprite-fb_icon_20x20{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -364px no-repeat;float:left;margin-right:2px;} .sprite-li_icon_20x20{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -737px no-repeat;float:left;margin-right:2px;} .sprite-gprofile_button-32{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -518px no-repeat;float:left;margin-right:2px;} .sprite-yt_icon_20x20{ width: 20px; height: 20px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) -152px -85px no-repeat;float:left;margin-right:2px;} .sprite-share-big-fb{ width: 50px; height: 61px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1189px no-repeat;float:left;} .sprite-share-big-gp{ width: 50px; height: 60px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1300px no-repeat;float:left;} .sprite-share-big-tw{ width: 50px; height: 62px; background: url(https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png) 0 -1410px no-repeat;float:left;} .twitter-button-small, #twitter-share iframe {width: 50px !important;} #promoStripe { display:none; position:relative; float:left; width:100%; min-height:30px; padding:3px 0 0; color:#FFF; font-size:26px; font-weight:bold; line-height:30px; background:#FF0000; } #promoStripe a {color:#FFF;} #promoStripe a:hover {text-decoration:underline;} #promoStripe a img { margin-right:10px; margin-top:-5px; border:2px solid #FFF; vertical-align:middle; } #promoStripe .close { float:right; margin-right:10px; cursor:pointer; } .fb_iframe_widget iframe { position:relative !important; } .clearfix {clear:both;}