/* CSS Master StyleSheet 2013 Uses Modified Twitter Bootstrap 1. Resets 2. High-level Styles (html elements + blocks) 3. Basic Framework Styles 4. Buttons 5. Icons 6. Responsive Video 7. Slider 8. Fonts 9. Demographics & Sprites 10. Header 11. MegaMenu 12. Footer 13. Trends Template ~ 13.a General Styles 14. Portfolio Tempalte ~ 14.a General Styles 15. Responsive Design Media Queries */ /* ----------------------------------------------------------------------------------- 1. Resets ----------------------------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } article { font-size:16px; line-height:1.4em;} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } img { max-width: 100%; height:auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } iframe {border:0;} /* ----------------------------------------------------------------------------------- 2. High-level styles (html elements + blocks) ----------------------------------------------------------------------------------- */ body { margin: 0; font-family: Arial; color: #333; background-color: #fff; } a { color: #555; } a:hover { color: #F00; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .span12 { width: 970px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 630px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .container { width: 980px; margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; } .container:after { clear: both; } .navbar .container, .headerContainer { width: 995px; } #MegaMenu .navMegaMenu div {width: 955px;} p { margin: 0 0 9px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: bold; color: inherit; text-rendering: optimizelegibility; line-height:1.3em; } h1 { font-size: 40px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 11px; } ul, ol { padding: 0; margin: 0 0 9px 25px; } ul { list-style: disc; } ol { list-style: decimal; } li { line-height: 18px; } strong { font-weight: bold; } em { font-style: italic; } /* form { margin: 0 0 18px; } JG: AS A UNIVERSAL, THIS CAUSES PROBS */ fieldset { padding: 0; margin: 0; border: 0; } input, textarea { margin-left: 0; webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input, button, select, textarea { font-size: 13px; font-weight: normal; line-height: 18px; } input, textarea, select { display: inline-block; width: 240px; padding: 4px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } select { width: 220px; background-color: #fff; } select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { height: auto; } input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE7 */ line-height: normal; cursor: pointer; background-color: transparent; border: 0 \9; /* IE9 and down */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type="hidden"] { display: none; } input[class*="span"], select[class*="span"], textarea[class*="span"] { float: none; margin-left: 0; } input.span12, textarea.span12 { width: 930px; } input.span11, textarea.span11 { width: 850px; } input.span10, textarea.span10 { width: 770px; } input.span9, textarea.span9 { width: 690px; } input.span8, textarea.span8 { width: 610px; } input.span7, textarea.span7 { width: 530px; } input.span6, textarea.span6 { width: 450px; } input.span5, textarea.span5 { width: 370px; } input.span4, textarea.span4 { width: 290px; } input.span3, textarea.span3 { width: 210px; } input.span2, textarea.span2 { width: 130px; } input.span1, textarea.span1 { width: 50px; } :-moz-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } /* ----------------------------------------------------------------------------------- 3. Basic Framework Styles ----------------------------------------------------------------------------------- */ .nav { margin-left: 0; margin-bottom: 18px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > .pull-right { float: right; } .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav > .dropdown.active > a:hover { color: #000; cursor: pointer; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a { padding: 3px 15px; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > .active > a, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .nav-tabs { *zoom: 1; border-bottom: 1px solid #ddd; } .nav-tabs:before, .nav-tabs:after { display: table; content: ""; } .nav-tabs:after { clear: both; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { padding: 8px 12px; margin-right: 2px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tab-content > .tab-pane { display: none; float:left; } .tab-content > .active { display: block; } .navbar-inner { min-height: 35px; background:#000;} .navbar { *position: relative; *z-index: 2; overflow: visible; color: #999; } .navbar .btn { display: inline-block; padding: 4px 10px 4px; margin: 5px 5px 6px; line-height: 18px; } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0; } .navbar .nav.pull-right { float: right; margin-left: 10px; margin-right: 0; } .navbar .nav > li { display: block; float: left; } .navbar .nav > li > a { float: none; padding: 9px 10px 11px; line-height: 19px; color: #FFF; text-decoration: none; font-weight:bold; } .navbar .nav > li > a:hover { background-color: transparent; color: #F00; text-decoration: none; font-weight:bold; } .navbar .nav > li:first-child > a {padding-left:0;} .navbar .nav > li > a.BoxR { background: red; margin: 7px 0 0 7px; padding: 2px 5px; } .navbar .nav > li > a:hover.BoxR { background: red; color: #EFEFEF; margin: 7px 0 0 7px; padding: 2px 5px; } .navbar .nav .active > a, .navbar .nav .active > a:hover { color: #fff; text-decoration: none; background-color: #222; } .navbar .btn-navbar { display: none;float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); border-color: #222 #222 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { background-color: #222; *background-color: #151515; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #080808 \9; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; } .navbar .nav li.dropdown.active > .dropdown-toggle:hover { color: #fff; } .navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right .dropdown-menu:before, .navbar .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right .dropdown-menu:after, .navbar .dropdown-menu.pull-right:after { left: auto; right: 13px; } .thumbnails { margin-left: 0px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; } .thumbnails:after { clear: both; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; line-height: 1; } a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 0 0 10px; } .open > .dropdown-menu { display: block; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active { outline: 0; } .dropdown-toggle .caret { margin-top: 8px; b } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; opacity: 1; filter: alpha(opacity=30); } .btn .caret { border-top: 4px solid #333; } .dropdown {position:relative;} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 10; display: none; float: left; min-width: 120px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #111; -moz-box-shadow: 0 0 5px 2px #444; -webkit-box-shadow: 0 0 5px 2px #444; box-shadow: 0 0 5px 2px #444; /* IE 6-8 shadow filter */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=45,strength=2), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=10), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=225,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=315,strength=2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #CCC; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #F00; text-decoration: none; background-color: #333; } .pull-right .dropdown-menu { right: 0; left: auto; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none !important; } .show { display: block; } #at4-thankyou.show{display:block;} .invisible { visibility: hidden; } .centered { text-align: center; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .imageborder { border:1px solid #777; } .imageborder-light { border:1px solid #DDD; } .imagebackground3 {background:#999;} .subtitle { color:#000; font-size:18px; font-weight:normal; line-height:1.1em; } .collapseblock {display:none;} .expandblock {display:inline;} /* ----------------------------------------------------------------------------------- 4. Buttons ----------------------------------------------------------------------------------- */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #ccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; } .btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-xlarge { padding: 10px 80px; font-size: 28px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } /* Primary Button */ .btn-primary { background-color: #0074cc; background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0055cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #0055cc; *background-color: #004ab3; } .btn-primary:active, .btn-primary.active { background-color: #004099 \9; } /* Warning Button */ .btn-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } /* Danger Button */ .btn-danger { background-color: #F00; font-weight:bold; background-image: linear-gradient(top, #FF2E2E, #C90000); background-image: -o-linear-gradient(top, #FF2E2E, #C90000); background-image: -moz-linear-gradient(top, #FF2E2E, #C90000); background-image: -webkit-linear-gradient(top, #FF2E2E, #C90000); background-image: -ms-linear-gradient(top, #FF2E2E, #C90000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF2E2E), to(#C90000)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2E2E', endColorstr='#C90000', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #C90000; *background-color: #C90000; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } /* Success Button */ .btn-success { background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } /* Info Button */ .btn-info { background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } /* Inverse Button */ .btn-inverse { background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn { *padding-top: 2px; *padding-bottom: 2px; } button.btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } #favorite { float: left; position: relative; display: block; padding: 0; } #favorite a span { position: relative; display: block; width: 17px; height: 0; overflow: hidden; padding-top: 16px; margin: 0 auto; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/favorites.png") 0 0 no-repeat; } #favorite a:hover span, #favorite a span.active { background-position: 0 -16px; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn:hover { z-index: 2; } /* ----------------------------------------------------------------------------------- 5. Icons ----------------------------------------------------------------------------------- */ [class^=icon-],[class*=" icon-"] { display:inline-block; width:14px; height:14px; margin-right:.3em; line-height:14px; vertical-align:text-top; background-image:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2013/glyphicons-halflings.png"); background-position:14px 14px; background-repeat:no-repeat } [class^=icon-]:last-child,[class*=" icon-"]:last-child {margin-left:0} .icon-white {background-image:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/glyphicons-halflings-white.png");} .icon-glass { background-position:0 0; } .icon-music { background-position:-24px 0; } .icon-search { background-position:-48px 0; } .icon-envelope { background-position:-72px 0; } .icon-heart { background-position:-96px 0; } .icon-star { background-position:-120px 0; } .icon-star-empty { background-position:-144px 0; } .icon-user { background-position:-168px 0; } .icon-film { background-position:-192px 0; } .icon-th-large { background-position:-216px 0; } .icon-th { background-position:-240px 0; } .icon-th-list { background-position:-264px 0; } .icon-ok { background-position:-288px 0; } .icon-remove { background-position:-312px 0; } .icon-zoom-in { background-position:-336px 0; } .icon-zoom-out { background-position:-360px 0; } .icon-off { background-position:-384px 0; } .icon-signal { background-position:-408px 0; } .icon-cog { background-position:-432px 0; } .icon-trash { background-position:-456px 0; } .icon-home { background-position:0 -24px; } .icon-file { background-position:-24px -24px; } .icon-time { background-position:-48px -24px; } .icon-road { background-position:-72px -24px; } .icon-download-alt { background-position:-96px -24px; } .icon-download { background-position:-120px -24px; } .icon-upload { background-position:-144px -24px; } .icon-inbox { background-position:-168px -24px; } .icon-play-circle { background-position:-192px -24px; } .icon-repeat { background-position:-216px -24px; } .icon-refresh { background-position:-240px -24px; } .icon-list-alt { background-position:-264px -24px; } .icon-lock { background-position:-287px -24px; } .icon-flag { background-position:-312px -24px; } .icon-headphones { background-position:-336px -24px; } .icon-volume-off { background-position:-360px -24px; } .icon-volume-down { background-position:-384px -24px; } .icon-volume-up { background-position:-408px -24px; } .icon-qrcode { background-position:-432px -24px; } .icon-barcode { background-position:-456px -24px; } .icon-tag { background-position:0 -48px; } .icon-tags { background-position:-25px -48px; } .icon-book { background-position:-48px -48px; } .icon-bookmark { background-position:-72px -48px; } .icon-print { background-position:-96px -48px; } .icon-camera { background-position:-120px -48px; } .icon-font { background-position:-144px -48px; } .icon-bold { background-position:-167px -48px; } .icon-italic { background-position:-192px -48px; } .icon-text-height { background-position:-216px -48px; } .icon-text-width { background-position:-240px -48px; } .icon-align-left { background-position:-264px -48px; } .icon-align-center { background-position:-288px -48px; } .icon-align-right { background-position:-312px -48px; } .icon-align-justify { background-position:-336px -48px; } .icon-list { background-position:-360px -48px; } .icon-indent-left { background-position:-384px -48px; } .icon-indent-right { background-position:-408px -48px; } .icon-facetime-video { background-position:-432px -48px; } .icon-picture { background-position:-456px -48px; } .icon-pencil { background-position:0 -72px; } .icon-map-marker { background-position:-24px -72px; } .icon-adjust { background-position:-48px -72px; } .icon-tint { background-position:-72px -72px; } .icon-edit { background-position:-96px -72px; } .icon-share { background-position:-120px -72px; } .icon-check { background-position:-144px -72px; } .icon-move { background-position:-168px -72px; } .icon-step-backward { background-position:-192px -72px; } .icon-fast-backward { background-position:-216px -72px; } .icon-backward { background-position:-240px -72px; } .icon-play { background-position:-264px -72px; } .icon-pause { background-position:-288px -72px; } .icon-stop { background-position:-312px -72px; } .icon-forward { background-position:-336px -72px; } .icon-fast-forward { background-position:-360px -72px; } .icon-step-forward { background-position:-384px -72px; } .icon-eject { background-position:-408px -72px; } .icon-chevron-left { background-position:-432px -72px; } .icon-chevron-right { background-position:-456px -72px; } .icon-plus-sign { background-position:0 -96px; } .icon-minus-sign { background-position:-24px -96px; } .icon-remove-sign { background-position:-48px -96px; } .icon-ok-sign { background-position:-72px -96px; } .icon-question-sign { background-position:-96px -96px; } .icon-info-sign { background-position:-120px -96px; } .icon-screenshot { background-position:-144px -96px; } .icon-remove-circle { background-position:-168px -96px; } .icon-ok-circle { background-position:-192px -96px; } .icon-ban-circle { background-position:-216px -96px; } .icon-arrow-left { background-position:-240px -96px; } .icon-arrow-right { background-position:-264px -96px; } .icon-arrow-up { background-position:-289px -96px; } .icon-arrow-down { background-position:-312px -96px; } .icon-share-alt { background-position:-336px -96px; } .icon-resize-full { background-position:-360px -96px; } .icon-resize-small { background-position:-384px -96px; } .icon-plus { background-position:-408px -96px; } .icon-minus { background-position:-433px -96px; } .icon-asterisk { background-position:-456px -96px; } .icon-exclamation-sign { background-position:0 -120px; } .icon-gift { background-position:-24px -120px; } .icon-leaf { background-position:-48px -120px; } .icon-fire { background-position:-72px -120px; } .icon-eye-open { background-position:-96px -120px; } .icon-eye-close { background-position:-120px -120px; } .icon-warning-sign { background-position:-144px -120px; } .icon-plane { background-position:-168px -120px; } .icon-calendar { background-position:-192px -120px; } .icon-random { background-position:-216px -120px; } .icon-comment { background-position:-240px -120px; } .icon-magnet { background-position:-264px -120px; } .icon-chevron-up { background-position:-288px -120px; } .icon-chevron-down { background-position:-313px -119px; } .icon-retweet { background-position:-336px -120px; } .icon-shopping-cart { background-position:-360px -120px; } .icon-folder-close { background-position:-384px -120px; } .icon-folder-open { background-position:-408px -120px; } .icon-resize-vertical { background-position:-432px -119px; } .icon-resize-horizontal { background-position:-456px -118px; } .icon-hdd { background-position:0 -144px; } .icon-bullhorn { background-position:-24px -144px; } .icon-bell { background-position:-48px -144px; } .icon-certificate { background-position:-72px -144px; } .icon-thumbs-up { background-position:-96px -144px; } .icon-thumbs-down { background-position:-120px -144px; } .icon-hand-right { background-position:-144px -144px; } .icon-hand-left { background-position:-168px -144px; } .icon-hand-up { background-position:-192px -144px; } .icon-hand-down { background-position:-216px -144px; } .icon-circle-arrow-right { background-position:-240px -144px; } .icon-circle-arrow-left { background-position:-264px -144px; } .icon-circle-arrow-up { background-position:-288px -144px; } .icon-circle-arrow-down { background-position:-312px -144px; } .icon-globe { background-position:-336px -144px; } .icon-wrench { background-position:-360px -144px; } .icon-tasks { background-position:-384px -144px; } .icon-filter { background-position:-408px -144px; } .icon-briefcase { background-position:-432px -144px; } .icon-fullscreen { background-position:-456px -144px; } .icon-masonry { background-position:-24px -167px; } /* ----------------------------------------------------------------------------------- 6. Responsive Video Styles - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ----------------------------------------------------------------------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 53.5%; height: 0; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ----------------------------------------------------------------------------------- 7. Slider (rSlides) ----------------------------------------------------------------------------------- */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_container { position: relative; float: left; width: 100%; } .rslides1_nav { position: absolute; top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/rslides-themes.gif") no-repeat left top; margin-top: -45px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rslides1_nav:active { opacity: 1.0; } .rslides1_nav.next { left: auto; background-position: right top; right: 0; } .rslides_tabs { position:absolute; margin:0; left:15px; bottom:15px; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .rslides_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; border:1px solid #999; } .rslides_tabs .rslides_here a { background: #666; } /* ----------------------------------------------------------------------------------- 8. Fonts ----------------------------------------------------------------------------------- */ .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, .TenW, .TenWY, .ElevenW, .ElevenWY, .TwelveW, .ThirteenW, .FourteenW, .FourteenMenu, .SixteenW, .TwentyW, .TwentyOneW { color: #FFF; } /* Black */ .Ten, .Eleven, .ElevenU, .Twelve, .Fourteen, .Sixteen, .TwentyOne {color:333;} /* Yellow */ .NineY, .TenY, .ElevenY, .TwelveY, .ThirteenY, .FourteenY, .SixteenY, .TwentyY, .TwentyOneY { color: #F00; } /* Blue */ .ElevenB, .TwelveB {color:#44F;} /* Green */ .ElevenGr, .TwelveGr {color:#0C0;} /* Grey */ .NineG, .TenG, .ElevenG, .TwelveG, .ThirteenG, .FourteenG, .SixteenG, .TwentyG, .TwentyOneG, a.FourteenMenu:hover, .ranked_number {color:#999;} .Six {font-size:6px;} .Nine, .NineW, .NineWY, .NineY, .NineG {font-size:9px;} .Ten, .TenW, .TenWY, .TenY, .TenG {font-size:10px;} .Eleven, .ElevenU, .ElevenW, .ElevenWY, .ElevenY, .ElevenB, .ElevenG, .ElevenGr {font-size:11px;} .Twelve, .TwelveW, .TwelveGreen, .TwelveRed, .TwelveY, .TwelveB, .TwelveG, .TwelveGr {font-size:12px;} .Thirteen, .ThirteenW, .ThirteenY, .ThirteenG {font-size:13px;} .Fourteen, .FourteenW, .FourteenY, .FourteenG, .FourteenMenu, a.FourteenMenu:hover {font-size:14px;;} .Sixteen, .SixteenW, .SixteenY, .SixteenG {font-size:16px;} .Twenty, .TwentyW, .TwentyY, .TwentyOneY, .TwentyG {font-size:20px;} .TwentyOne, .TwentyOneW, .TwentyOneG {font-size:21px;} .ranked_number {font-size:28px;;} /* ----------------------------------------------------------------------------------- 9. Demographics & Sprites ----------------------------------------------------------------------------------- */ .Percentile_Box{background:#d4d4d4;background-image:url("//web.archive.org/web/20210310063016im_/https://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_Score2 {display:block;} .Percentile_Label{font-size:10px;color:#999;float:right;background:#fff;padding-left:5px;position:relative;top:-3px;} .pChart { 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("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/bg_chart.gif"); background-repeat:repeat; } #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; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png") 0 -865px no-repeat;} .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; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png") 0 -434px no-repeat;} .progress-level.female{float:left;position:absolute;top:0;left:0;z-index:1;background-color:#FF4EA9;width:50%;height:34px;} #mapBox{border:1px solid #CCC;border-top:none;float:left;position:relative;width:220px;} #map{display:block;position:relative;z-index:1;background:url("//web.archive.org/web/20210310063016im_/https://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-image:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/north-america-sprite.png");width:51px;height:41px;z-index:2;top:0;left:0;display:none;} #map a.south-america{background:url("//web.archive.org/web/20210310063016im_/https://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("//web.archive.org/web/20210310063016im_/https://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("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/africa-sprite.png") no-repeat;width:32px;height:27px;z-index:5;overflow:hidden;display:none;} #map a.asia{background:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/asia-sprite.png") top left;width:52px;height:44px;z-index:6;top:0;right:0;display:none;} /*Generic map css with .map selector*/ /*MAP CSS GODDAMN THIS IS A LOT*/ .map{display:block;position:relative;z-index:1;background:url('//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/world.gif') top left no-repeat;width:125px;height:68px;margin:0 auto;} .map a{float:left;position:absolute;display:block;border:none;} .map a.north-america{background:url(//web.archive.org/web/20210310063016im_/https://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(//web.archive.org/web/20210310063016im_/https://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(//web.archive.org/web/20210310063016im_/https://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(//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/africa-sprite.png) no-repeat;width:32px;height:27px;z-index:5;overflow:hidden;display:none;} .map a.asia{background:url(//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/asia-sprite.png) top left;width:52px;height:44px;z-index:6;top:0;right:0;display:none;} .map a.africa.red{display:block!important;background-position:0 0;bottom:11px;left:54px;} .map a.africa.orange{display:block!important;background-position:-32px 0!important;bottom:9px;left:56px;} .map a.africa.green{display:block!important;background-position:-64px 0!important;bottom:9px;left:56px;} .map a.africa.lime{display:block!important;background-position:-96px 0!important;bottom:9px;left:56px;} .map a.africa.blue{display:block!important;background-position:-131px 0!important;bottom:9px;left:56px;} .map a.africa.turquoise{display:block!important;background-position:-159px 0!important;bottom:9px;left:56px;} .map a.africa.purple{display:block!important;background-position:-192px 0!important;bottom:9px;left:56px;} .map a.africa.pink{display:block!important;background-position:-224px 0!important;bottom:9px;left:56px;} .map a.africa.silver{display:block!important;background-position:-256px 0!important;bottom:9px;left:56px;} .map a.africa.yellow{display:block!important;background-position:-288px 0!important;bottom:9px;left:56px;} .map a.asia.orange{display:block!important;background-position:-52px 1px!important;} .map a.asia.green{display:block!important;background-position:-104px 1px!important;} .map a.asia.lime{display:block!important;background-position:-156px 1px!important;} .map a.asia.blue{display:block!important;background-position:-208px 1px!important;} .map a.asia.turquoise{display:block!important;background-position:-260px 1px!important;} .map a.asia.purple{display:block!important;background-position:-312px 1px!important;} .map a.asia.pink{display:block!important;background-position:-364px 1px!important;} .map a.asia.silver{display:block!important;background-position:-416px 1px!important;} .map a.asia.yellow{display:block!important;background-position:-468px 1px!important;} .map a.europe.orange{display:block!important;background-position:-21px 0!important;} .map a.europe.green{display:block!important;background-position:-42px 0!important;} .map a.europe.lime{display:block!important;background-position:-63px 0!important;} .map a.europe.blue{display:block!important;background-position:-84px 0!important;} .map a.europe.turquoise{display:block!important;background-position:-105px 0!important;} .map a.europe.purple{display:block!important;background-position:-126px 0!important;} .map a.europe.pink{display:block!important;background-position:-147px 0!important;} .map a.europe.silver{display:block!important;background-position:-168px 0!important;} .map a.europe.yellow{display:block!important;background-position:-189px 0!important;} .map a.north-america.orange{display:block!important;background-position:-51px -1px!important;} .map a.north-america.green{display:block!important;background-position:-102px -1px!important;} .map a.north-america.lime{display:block!important;background-position:-153px -1px!important;} .map a.north-america.blue{display:block!important;background-position:-204px -1px!important;} .map a.north-america.turquoise{display:block!important;background-position:-255px -1px!important;} .map a.north-america.purple{display:block!important;background-position:-306px -1px!important;} .map a.north-america.pink{display:block!important;background-position:-357px -1px!important;} .map a.north-america.silver{display:block!important;background-position:-408px -1px!important;} .map a.north-america.yellow{display:block!important;background-position:-459px -1px!important;} .map a.south-america.orange{display:block!important;background-position:-22px 0!important;} .map a.south-america.green{display:block!important;background-position:-44px 0!important;} .map a.south-america.lime{display:block!important;background-position:-66px 0!important;} .map a.south-america.blue{display:block!important;background-position:-88px 0!important;} .map a.south-america.turquoise{display:block!important;background-position:-110px 0!important;} .map a.south-america.purple{display:block!important;background-position:-132px 0!important;} .map a.south-america.pink{display:block!important;background-position:-154px 0!important;} .map a.south-america.silver{display:block!important;background-position:-176px 0!important;} .map a.south-america.yellow{display:block!important;background-position:-198px 0!important;} .map a.asia.red,a.europe.red,a.north-america.red,a.south-america.red{display:block!important;background-position:0 0;} a.africa { bottom:9px; left:56px; } a.africa.red{ background-position:0 0;bottom:11px;left:54px;display:block!important; } a.africa.orange{ background-position:-32px 0 !important; display:block!important; } a.africa.green{ background-position:-64px 0 !important; display:block!important; } a.africa.lime{ background-position:-96px 0 !important; display:block!important; } a.africa.blue{ background-position:-131px 0 !important; display:block!important; } a.africa.turqoise{ background-position:-159px 0 !important; display:block!important; } a.africa.purple{ background-position:-192px 0 !important; display:block!important; } a.africa.pink{ background-position:-224px 0 !important; display:block!important; } a.africa.silver{ background-position:-256px 0 !important; display:block!important; } a.africa.yellow{ background-position:-288px 0 !important; display:block!important; } a.asia.orange{ background-position:-52px 1px !important; display:block!important; } a.asia.green{ background-position:-104px 1px !important; display:block!important; } a.asia.lime{ background-position:-156px 1px !important; display:block!important; } a.asia.blue{ background-position:-208px 1px !important; display:block!important; } a.asia.turqoise{ background-position:-260px 1px !important; display:block!important; } a.asia.purple{ background-position:-312px 1px !important; display:block!important; } a.asia.pink{ background-position:-364px 1px !important; display:block!important; } a.asia.silver{ background-position:-416px 1px !important; display:block!important; } a.asia.yellow{ background-position:-468px 1px !important; display:block!important; } a.europe.orange{ background-position:-21px 0 !important; display:block!important; } a.europe.green{ background-position:-42px 0 !important; display:block!important; } a.europe.lime{ background-position:-63px 0 !important; display:block!important; } a.europe.blue{ background-position:-84px 0 !important; display:block!important; } a.europe.turqoise{ background-position:-105px 0 !important; display:block!important; } a.europe.purple{ background-position:-126px 0 !important; display:block!important; } a.europe.pink{ background-position:-147px 0 !important; display:block!important; } a.europe.silver{ background-position:-168px 0 !important; display:block!important; } a.europe.yellow{ background-position:-189px 0 !important; display:block!important; } a.north-america.orange{ background-position:-51px -1px !important; display:block!important; } a.north-america.green{ background-position:-102px -1px !important; display:block!important; } a.north-america.lime{ background-position:-153px -1px !important; display:block!important; } a.north-america.blue{ background-position:-204px -1px !important; display:block!important; } a.north-america.turqoise{ background-position:-255px -1px !important; display:block!important; } a.north-america.purple{ background-position:-306px -1px !important; display:block!important; } a.north-america.pink{ background-position:-357px -1px !important; display:block!important; } a.north-america.silver{ background-position:-408px -1px !important; display:block!important; } a.north-america.yellow{ background-position:-459px -1px !important; display:block!important; } a.south-america.orange{ background-position:-22px 0 !important; display:block!important; } a.south-america.green{ background-position:-44px 0 !important; display:block!important; } a.south-america.lime{ background-position:-66px 0 !important; display:block!important; } a.south-america.blue{ background-position:-88px 0 !important; display:block!important; } a.south-america.turqoise{ background-position:-110px 0 !important; display:block!important; } a.south-america.purple{ background-position:-132px 0 !important; display:block!important; } a.south-america.pink{ background-position:-154px 0 !important; display:block!important; } a.south-america.silver{ background-position:-176px 0 !important; display:block!important; } a.south-america.yellow{ background-position:-198px 0 !important; display:block!important; } a.asia.red,a.europe.red,a.north-america.red,a.south-america.red{ background-position:0 0; display:block!important; } .sprite { float:left; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png") no-repeat; } .share-reg { width:52px; height:20px; margin-bottom:10px; } .share-big { width:50px; margin-bottom:10px; } .share-icon { width:20px; height:20px; } .sprite-Trend-Hunter-HalfStar-W{ width: 7px; height: 12px; background-position: 0 0; } .sprite-Trend-Hunter-Stars-W{ float: left; width: 12px; height: 12px;background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/trend_sprite5.png") 0 -62px no-repeat; } .sprite-cat_fix_trends{ width: 14px; height: 20px; background-position: 0 -209px; } .sprite-baby, .sprite-child, .sprite-kid, .sprite-youngAdult, .sprite-middleAge, .sprite-senior { width: 18px; height: 35px; } .sprite-baby { background-position: 0 -124px; } .sprite-child { background-position: 0 -279px; } .sprite-kid { background-position: 0 -652px; } .sprite-middleAge { background-position: 0 -949px; } .sprite-senior { background-position: 0 -1104px; } .sprite-youngAdult { background-position: -152px 0; } .sprite-tw_icon_20x20{ background-position: 0 -1942px; margin-right:2px; } .sprite-rss_icon_20x20{ background-position: 0 -1034px; margin-right:2px; } .sprite-fb_icon_20x20{ background-position: 0 -364px; margin-right:2px; } .sprite-li_icon_20x20{ background-position: 0 -737px; margin-right:2px; } .sprite-gprofile_button-32{ background-position: 0 -518px; margin-right:2px; } .sprite-yt_icon_20x20{ background-position: -152px -85px; margin-right:2px; } .sprite-btn-fb { background-position: 0 -1522px; margin-top:10px; } .sprite-btn-li { background-position: 0 -1662px; } .sprite-btn-pi { background-position: 0 -1732px; } .sprite-btn-gp { background-position: 0 -1592px; } .sprite-btn-su { background-position: 0 -1802px; } .sprite-btn-tw { background-position: 0 -1872px; } .sprite-fb { height: 61px; background-position: 0 -1189px; } .sprite-gp { height: 60px; background-position: 0 -1300px; } .sprite-tw { height: 62px; background-position: 0 -1410px; } #twitter-share iframe { width:50px !important; } .ScoreContainer .scoreBox { float:left; width:50px; height:40px; } .scoreBox a { display:block; width:60px; padding:10px 0; background:#999; color:#FFF; text-align:center; } .scoreBox .scoreNum {font-size:20px;} .scoreBox a:hover {color:#FFF;} .scoreBox .scoreCount { font-size:20px; font-weight:bold; } .ScoreContainer .scoreChart {margin:0;} .Percentile_Box { margin-bottom: 1px; height:10px; width: 80px; } .Percentile_Score:hover {background:#F00;} .getProBadge span { float: left; width: 40px; padding: 10px 15px; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; text-align: center; } #scoreContainer { float: right; display: block; width: 108px; padding:5px 0 5px 0; } #scoreContainer .Percentile_Box { display: block; height: 10px; background: #D4D4D4; background-image: url("//web.archive.org/web/20210310063016im_/https://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; } .featuredstatbox { margin:0; padding:0px; width:50px; height:50px; display:block; background:#fff; font-size:12px; } .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 { color:#fff; text-decoration:none;} #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; } /* Smaller Score demographics, used with 150 width */ .scoreSection { float:left; margin-bottom:-2px; } .scoreSection .scoreBox { float:left; width:40px; padding:6px 0 4px; background:#BBB; color:#FFF; text-align:center; } .scoreSection > span { float:left; margin:0 0 3px 5px; } .scoreSection .Percentile_Box, .scoreSection .Percentile_Score {height:8px;} .scoreSection .Percentile_Box {background:none;} .scoreSection .Percentile_Score {background-color:#BBB;} .scoreSection span:nth-child(2) {margin-top:0;} /* ----------------------------------------------------------------------------------- 10. Header ----------------------------------------------------------------------------------- */ header {min-width:300px;} header .logo.span9 { margin:10px 0 0 -5px; } .headerContainer {padding-bottom:10px;} #headerContainerBig { border:0; padding-top:20px; background:#000 } #headerWrapper { border:0; padding-top:10px; background:#000 } .logo, .logo-large { position:relative; width:240px; height:60px; margin-top:10px; margin-bottom:20px; } .logo img, .logo-large img { overflow:hidden; height:60px; } .logo-large img {margin-left:-6px;} #logo2 {float:left; margin-left: 20px;} .pageCategory, .pageCategoryMobile { position: absolute; left: 81px; top: 43px; letter-spacing: 2px; font-weight: bold; font-size: 14px; letter-spacing: 1px; } .pageCategoryMobile {display:none;} #leaderboard iframe { float:right; overflow:hidden; width:728px; height:90px; } .nav .Box {color:#000;background:#ccc;padding:0px 4px;font-weight:bold;} .nav .Box:hover {color:#fff;background:#ff0000;padding:0px 4px;font-weight:bold;} .navbar .nav > li > a.btn { padding: 2px 10px; margin-top:7px; margin-right:0px; } .navbar .nav > li > a.btn-danger:hover { color:#FFF; background-color: #C90000; *background-color: #C90000; } .navbar .nav > li > a.btn-danger:active, .btn-danger.active { color:#FFF; background-color: #942a25 \9; } .navbar .dropdown-menu {margin:0;} .navbar .dropdown-menu::before { content: ''; display: inline-block; position: absolute; top: -7px; left: 9px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); } .navbar .dropdown-menu::after { content: ''; display: inline-block; position: absolute; top: -6px; left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; } .dropdown-menu { background-color:#FFF; border-radius: 3px; padding: 10px; max-width: none; width: auto; } .dropdown-menu a {color:#444;} .dropdown-menu::before { left: auto; right: 9px; } .loggingInput { float:right; width:235px; text-align:right; } .loggingInput input { width:144px; margin-left:5px; } .loginBoxRight, .loginBoxLeft { margin:5px 0 0; } .loginBoxLeft input { float:left; margin:0; } .loginBoxLeft a, .subscriber a {padding:0;} .logging-menu .loginBoxLeft { float:left; width:auto; font-size:11px; } .logging-menu .loginBoxRight {float:right;} .logging-menu .dropdown-menu a {padding:0;} .logging-menu .btn {margin:0;} .logging-menu .subscriber { float:left; width:100%; margin-top:20px; } .logging-menu .subscriber .btn { width:100%; padding:8px 0 10px; font-size:16px; } .logging-menu .btn-large { padding:6px 14px; } .user-menu .dropdown-menu { padding: 10px 0; } .rememberMe { float:left; margin-left:5px; } /* Responsive Navigation */ .responsiveNav { margin:10px 44px 15px 0; } .responsiveNav.span4 { float:right; width:290px; } .responsiveNav form { position:relative; margin:0; } .responsiveNav input { width:259px; padding-right:25px; margin-top:5px; margin-bottom:5px; font-size:15px; } .responsiveNav select { height:30px; font-size:15px; color:#555; } .navi_scrolled { left: 0; opacity: 0; position: fixed; top: -60px; width: 100%; z-index: 201; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.3); } .navbar .navleft > li > a {font-size:18px;color:#777;} /* ----------------------------------------------------------------------------------- 11. MegaMenu ----------------------------------------------------------------------------------- */ .megamenu-pro1{width:25%;float:left;display:block;margin-right:5%;} .megamenu-pro1 span:first-child{float:left;width:100%;margin:10px 0px 10px 0px;} .megamenu-pro1 span:first-child a{font-size:28px;font-weight:bold;padding:8px;margin-left:-8px;} .megamenu-pro1 span:nth-child(2){float:left;width:100%;margin:10px 0px 10px 0px;} .megamenu-pro1 > a{float:left;margin: 10px 10px 10px -5px;font-size:18px;padding:5px;} .megamenu-pro2{width:70%;float:right;display:block;} .megamenu-pro2 > a{float:left;width:28%;display:block;margin:0% 3% 30px 0%;padding:1%;} .megamenu-pro2 > a > span:first-child{display:block;height:0px;padding-bottom:50%;float:left;overflow:hidden;margin-bottom:5px;} #MegaMenu .nav > li > a .boxButton {padding:3px 4px;background:#fff !important;color:#ff0000;} .megaMenuTitle {font-size:38px;line-height:1.1} .megaMenuTitle:hover {color:#fff !important;} #MegaMenu .navbar-inner { background:none; filter:none; } #MegaMenu ul {list-style:none;} #MegaMenu li { float:left; margin:0; font-size:15px; line-height:36px; } #MegaMenu .nav > li:first-child > a {padding-left:9px;} #MegaMenu .nav > li > a { padding:9px 6px; font-size:16px; } .navMegaMenu div { display: none; position: absolute; top: 34px; left:0; width: 955px; height: auto; padding: 20px; margin-top:2px; background:#FFF; color:#000; line-height:1.1em; moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.3); } .navMegaMenu div a { float:left; font-weight:bold; } #MegaMenu input { width:110px; padding-right:25px; margin:0 0 2px; font-size:14px; } #MegaMenu a:hover {color:#FFF;} .navMegaMenu {float:left;} .megaMenuSearch { float:right; margin:0; } .megaMenuSearch form { position:relative; margin:0; } .add-on { position:absolute; width:16px; height:16px; top:11px; right:0; margin-right:5px; line-height:1em; cursor:pointer; } #MegaMenu .selected > div {display:block;} /* Colors */ #ALL_Tab.selected a:hover, #ALL_Tab.selected a.MegaMenuItem, #naughty-trends_Tab.selected a:hover, #naughty-trends_Tab.selected a.MegaMenuItem, #modern-art-and-design-trends_Tab.selected a:hover, #modern-art-and-design-trends_Tab.selected a.MegaMenuItem, #marketing-strategy_Tab.selected a:hover, #marketing-strategy_Tab.selected a.MegaMenuItem, #social-trends_Tab.selected a:hover, #social-trends_Tab.selected a.MegaMenuItem, #keynotes_Tab.selected a:hover, #keynotes_Tab.selected a.MegaMenuItem {background:#ee0000;} #style-and-fashion-trends_Tab.selected a:hover, #style-and-fashion-trends_Tab.selected a.MegaMenuItem {background:#FF4EA9;} #technology-trends-and-gadgets_Tab.selected a:hover, #technology-trends-and-gadgets_Tab.selected a.MegaMenuItem, #social-media-trends_Tab.selected a:hover, #social-media-trends_Tab.selected a.MegaMenuItem, #business-trends_Tab.selected a:hover, #business-trends_Tab.selected a.MegaMenuItem, #auto-and-motor-trends_Tab.selected a:hover, #auto-and-motor-trends_Tab.selected a.MegaMenuItem {background:#4292FF;} #pop-culture-and-internet-trends_Tab.selected a:hover, #pop-culture-and-internet-trends_Tab.selected a.MegaMenuItem {background:#FF8D13;} #environmental-trends_Tab.selected a:hover, #environmental-trends_Tab.selected a.MegaMenuItem {background:#08b400;} #lifestyle-trends_Tab.selected a:hover, #lifestyle-trends_Tab.selected a.MegaMenuItem {background:#FFA901;} #luxury-trends_Tab.selected a:hover, #luxury-trends_Tab.selected a.MegaMenuItem {background:#999;} #unique-and-bizarre_Tab.selected a:hover, #unique-and-bizarre_Tab.selected a.MegaMenuItem {background:#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 { border-top:20px solid #ee0000; border-bottom:20px solid #ee0000; } #style-and-fashion-trends_Tab div { border-top:20px solid #FF4EA9; border-bottom:20px solid #FF4EA9; } #technology-trends-and-gadgets_Tab div, #social-media-trends_Tab div, #business-trends_Tab div, #auto-and-motor-trends_Tab div { border-top:20px solid #4292FF; border-bottom:20px solid #4292FF; } #pop-culture-and-internet-trends_Tab div { border-top:20px solid #FF8D13; border-bottom:20px solid #FF8D13; } #environmental-trends_Tab div { border-top:20px solid #08B400; border-bottom:20px solid #08B400; } #lifestyle-trends_Tab div { border-top:20px solid #FFA901; border-bottom:20px solid #FFA901; } #luxury-trends_Tab div { border-top:20px solid #999; border-bottom:20px solid #999; } #unique-and-bizarre_Tab div { border-top:20px solid #A237FD; border-bottom:20px solid #A237FD; } .menuCategories { float:left; width:210px; margin-right:15px; } .menuCategories a { padding:8px; margin:0 6px 6px 0; font-size:14px; } .top6 a {padding:8px;} .top6-breadcrumb { float:left; width:100%; } /* Drop down Search Menu */ #header_search_results { position:absolute; z-index:1000; margin:-1px 0 0 -56px;} #header_search_results .search_results_table {border-spacing:0 0; border-collapse:collapse; moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4); } #header_search_results .search_results_table tr {padding:0;} #header_search_results .search_results_table tr:hover {background-color:red;} #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 tr td { width:215px; padding:3px; cursor:pointer; } #header_search_results .search_results_table tr td .num_trends_div { float:left; line-height:16px; font-size:10px; color:#CCC; } #header_search_results .search_results_table tr td .tag_name_div { float:left; width:145px; margin-top:2px; line-height:16px; font-weight:bold; font-size:16px; color:#FFF; } #header_search_results .search_results_table tr td img { float:left; width:60px; height:44px; margin:3px 5px 3px 2px; color:#CCC; } .top6 a {padding:8px;} .top6-breadcrumb { float:left; width:100%; display:none;} .megamenuTrend {float:left;width:32%;height:auto;margin-right:1%;font-size:12px;height:0;padding-bottom:27%;} .megamenuTrendWide {float:left;width:98% !important;height:auto !important;padding-bottom:0px} .megamenuImageDiv {margin-bottom:3px;width:100%;height:0;padding-bottom:50%;overflow:hidden;float:left;color:#fff;} .megamenuImage {width:100%;height:auto} .megamenuTitle {font-size:22px;line-height:1.2;font-weight:normal;color:#444;} .megamenuTrend:hover .megamenuTitle {color:#fff} .menuCategories {display: table-cell;float: left;width:280px !important;} .menuCategories a {font-size:18px;} .breadLink {font-size:20px;} .menuCategories {margin-top:10px;} .top6 {width: 100% !important;} .trendList {display: table-cell !important; width: auto !important;} /* ----------------------------------------------------------------------------------- 12. Footer ----------------------------------------------------------------------------------- */ footer { min-width:300px; background:#000; border-top:5px solid #F00; padding:30px 0; } footer p, footer p a {color:#FFF;} footer ul {list-style:none;} footer li {font-weight:bold;} footer .span4 {width:285px;} footer .span5 {width:370px;} footer .list1 {width:110px;} footer .list2 {width:155px;} .footer-logos {margin-bottom:20px;} .footerLinks { margin-bottom:20px; text-align:center; } .footerLinks > a { font-weight:bold; margin:0 5px; } .footerTop a { float:left; display:block; overflow:hidden; height:0; padding-top:60px; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/TrendHunterFooter.png") no-repeat; } .footerTop a:hover { background-color: #ff0000; } .footerTop .footerMag { width:252px; background-position: 0 0; } .footerTop .footerPro { width:98px; background-position: -269px 0; } .footerTop .footerReport { width:272px; background-position: -381px 0; } .footerTop .footerTv { width:90px; background-position: -683px 0; } .footerTop .footerKeynote { width:195px; background-position: -785px 0; } #footerVid img { max-width:95%; padding:3px; } .list1, .list2 {font-size:15px;} .footerLogo { position:relative; height:70px; margin-top:-8px; } .footerLogo img { height:70px; overflow:hidden; padding:0 } .copyright { margin-top:10px; font-size:10px; line-height:12px; color:#FFF; } /* ----------------------------------------------------------------------------------- 13.a Trends Template - General Styles ----------------------------------------------------------------------------------- */ /* new styles */ #shareBox { height: 0; position: fixed; width: 100%; top: 0; z-index:999999; } .shareBoxWrapper { width: 846px; } .shareBoxContainer { position:relative; float:left; left:-170px; width:50px; padding:0 15px; margin-top:288px; background:#e0e0e0; } .shareBoxContainer > div:first-child {margin-top:10px;} .shareBoxContainer > div:last-child {margin-bottom:10px;} .random-trend { position:relative; float:right; left:140px; width:50px; margin-top:288px; } .triangle { display:block; width: 0px; height: 0px; border-style: solid; border-width: 100px 0 100px 50px; border-color: transparent transparent transparent #F00; } #div-gpt-adsense-1334586884853-7 {width:468px;height:60px;} .wrapper { overflow:hidden; min-width:320px; background:#EEE; } #pageContainer { min-height:900px; /* box-shadow: 0px 0px 12px 3px #D9D9D9; -moz-box-shadow: 0px 0px 12px 3px #D9D9D9; -webkit-box-shadow: 0px 0px 12px 3px #D9D9D9; */ } #top-header { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #DDD; } #top-header ul { overflow:hidden; height:142px; margin:0; list-style:none; } #top-header li { float:left; width:111px; margin-right:1px; padding:5px 7px 5px 5px; text-align:left; } #top-header li:last-child {margin-right:0px;} #top-header li:hover {background:#DDD;} #top-header li a { width:inherit; line-height:1.15em; font-size: 14px; font-weight:bold; color:#333; } #top-header li a:hover { color:#000; cursor:pointer; } #top-header .headerImage { height:96px; overflow:hidden; } #top-header .headerImage img { width:111px; height:96px; } .headerImage { float:left; width:inherit; } .headerNum { display:none; float: left; width: 22%; margin-top: 10px; font-size: 26px; color: #999; letter-spacing: -2px; } .headerTitle { float:left; width:100%; margin-top:5px; } #top-header .carousel-controls { width:40px; padding:5px 0; text-align:center; } #top-header .carousel-controls:hover {background:none;} .carousel-controls a { display:block; padding:6px; margin-bottom:5px; background:#999; } #contentMain, #contentSidebar { margin-top:0; margin-bottom:0; } /* Main Body */ #contentMain { position:relative; padding:10px 5px 10px 15px;background:#fff;} hgroup { float:left; width:480px; } .diggieBlock { float:left; width:500px; margin:8px 0; } #ReactionButtons ul { margin:0; list-style: none;} #ReactionButtons li { float:left; margin-right:3px; font-weight:bold; } #ReactionButtons li > a {font-size:14px;} #ReactionButtons .btn { padding:6px 4px; margin-top:0px; font-size:14px; } #trendsBookmarkWrapper {float:left;} #trendsBookmarkWrapper a { padding:6px 4px; font-size:14px; font-weight:bold; } #trendsBookmarkWrapper .list { padding:3px 0; } #trendsBookmarkWrapper form { display:none; margin-bottom:0; } #trendsBookmarkWrapper input { float: left; width: 100px; margin: 0 5px 3px 0; } #trendsBookmarkWrapper input.addList { float: left; width: 45px; margin: 0; } #trendsBookmarkWrapper .dropdown-menu {width:160px;} #trendsBookmarkWrapper .listOfLists { padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #DDD} .related-title { float:left; width:100%; font-size:14px; font-weight:bold; text-align:center; } .articleGallery, .relatedCourseVideo { position:relative; float:left; width:100%; } .articleGallery .th_fancyButton{position:absolute;z-index:5;} .articleGallery .gallery { float:left; width:100%; } .prevLink { float:left; margin-right:2px; } .prevLink.inactive button{background-color:#999;} .prevLink button, .prevLink div { height:380px; width:36px; border:0; background: #999999 url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/Sprite-MASTER.png") no-repeat 0 0; } .nextLink { float:left; margin-left:2px; } .nextLink.inactive button {background-color:#999;} .nextLink button, .nextLink div { height:380px; width:36px; border:0; background: #999999 url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/Sprite-MASTER.png") no-repeat -37px 0; } /* Article Image */ .mainImageContainer, .mainSlideContainer { display:inline; position: relative; float: left; margin-bottom:5px; text-align:center; } #mainImageBox, #mainSlide { display: inline-block; position:relative; width: 540px; overflow: hidden; vertical-align: middle; } #mainImageBox {line-height:378px;} #mainImageBox img, #mainSlide img { min-height:160px; width:100%; vertical-align: middle; } #mainimage, #videoSection {cursor:pointer;} .relatedNum { display:none; position:absolute; right:0; bottom:0; padding:4px 8px; margin-right:31px; background: #CCC; font-size:18px; font-weight:bold; } /* Slideshow*/ #mainSlide {height:378px;} #mainSlide img {width:auto;} .mainSlideText { float:left; line-height:1em; } .mainSlideText > a, .mainSlideText > div {float:left;} .mainSlideText h4 { float:left; margin:3px 0; line-height:1.1em; color:#333 !important; } .textBlock { margin:5px 0; } .largeNum { float:left; font-size:40px; line-height:30px; color:#999; font-weight:bold; margin:0 15px 5px 0; } #subtitle { float:left; color:#333 !important; } #fullarticlelink { font-weight: bold; } .articleLinks a { float:left; margin-right:5px; } .mainSlideText #subimages > img { float:left; margin:2px; border:1px solid #DDD; } .mainSlideText #subimages > img:nth-child(odd) {margin-left:0px;} .slideshow-subimages img {width:40px !important;height:40px !important;} #subimages, #subimages-large { width:100%; margin-top:8px; text-align:center; } .subimages-container {display:inline-block;} #subimages-large a { float:left; width:75px; height:75px; margin:0 2px; } #subimages-large img { margin:0 1px; } #subimages-large img:first-child {margin-left:0;} #subimages-large img:last-child {margin-right:0;} #subimages img { width:40px; height:40px; margin:0; } #subimages .numRelated { display:inline-block; *display:inline; zoom:1; font-weight: bold; width:90px; height: 42px; background: #999; color: white; padding: 0 5px; vertical-align: middle; } #subimages .numRelated-left { float:left; line-height:42px; font-size:24px; } #subimages .numRelated-right { float:right; width:60px; margin-top:4px; line-height:1.2em; font-size:14px; text-align:center; } .related_trend_box { display:inline-block; vertical-align: bottom; padding:1px 2px; background:#efefef; font-size: 12px; line-height:1.2em; color:#000; } .related_trend_box h4 {font-size:30px;} #source { float: left; width: 100%; line-height: 1.2em; text-align: center; } .articleBody { float:left; width:100%; margin:30px 0 30px; text-align:left; } .references { float:left; line-height:15px; font-size:12px; color:#999; } .references a { text-decoration: underline; color:#666; } /* Article Ad Spot */ .articleAd { float:right; width:336px; height:280px; margin:0 0 10px 10px; } .noAd { width:528px !important; } .articleAdBottom { float:left; width:100%; margin-top:20px; } .sponsoredTracking { float:right; margin-left:18px; } .speaker-container { float:right; width:321px; margin:0 0 20px 25px; } .speaker-info { float:left; width:321px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD; } .speaker-info a {font-weight:bold;} .speaker-info img {float:left;} .speaker-info p { float:left; width:212px; margin:-3px 0 0 5px; font-size:14px; } .speaker-keynoteBox img { margin:5px 10px 0 0; } .speaker-keynoteBox p {font-size:14px;} .speaker-keynoteBox .links { float:left; margin-right:10px; } .articleInfo { float:left; width:181px; } .authorBox { float:left; width:70px; padding:5px; margin-right:10px; border:1px solid #DDD; } .authorSocial { float:left; margin-right:3px; } .authorBox .authorSocial > a { float:left; margin:0 2px 0 0; height:18px; } .authorSocial img { vertical-align: top; } .authorImg { float: left; width: 70px; margin:0 0 10px 0; } .authorBox a { float:left; margin-bottom:5px; line-height:1.2em; font-size:10px; font-weight:bold; } .authorInfo { float: left; width:100%; margin:0 10px 0 0; color: #999; font-size: 11px; line-height:1.6em } .authorInfo a { float:left; margin-bottom:10px; } .authorInfo img { vertical-align: text-top; overflow:hidden; } .authorStats { display:none; float:left; width:120px; } .authorStats .statsBlock { float: left; margin: 5px 25px 5px 0; font-size:11px; line-height: 0.9em;} .statsBlock .topText {color:#666;} .statsBlock .subText { color:#999; vertical-align: text-top; } .shortTitle { float:left; width:181px; margin:-3px 0 10px; color:#999; font-size:12px; line-height:1.2em; } .shortTitle a { color:#666; text-decoration: underline; } .shortTitle h1 { font-size:18px; margin-bottom:5px; } #ShortTitleRepair { float: left; width: 181px; margin: 0 0 10px -5px; } .body { line-height:1.4em; font-size:16px; } .implications {margin-top:20px;} .articleText a { color:#888; text-decoration: underline; } .socialShare { float:left; width:320px; } #shareBoxArticle { float:left; padding:10px; } #shareBoxArticle > div, #shareBoxArticle > span { float:left; margin-right:8px; } #shareBoxArticle .share-big, #shareBoxArticle .share-reg {margin-bottom:0;} #shareBoxArticle .sprite-fb {width:44px;} #shareBoxArticle .sprite-gp {margin-right:30px;} #shareBoxArticle .share-twitter {width:52px;} .socialShare > span { display:block; float:left; margin:0 10px 10px 0; text-align:center; } .socialShare-side .share-facebook {width:60px;} .firstRelated { float:left; margin:0; list-style: none; } .firstRelated ul {list-style:none;} .firstRelated li img { float:left; max-height:128px; } .firstRelated .row {margin-bottom:20px;} .firstRelated .span3 {width:193px;} .firstRelated .related-article-title { margin:5px 0; } .secondRelated2 { float:left; margin:0; list-style: none; } .secondRelated2 ul {list-style:none;} .secondRelated2 li img { float:left; max-height:128px; } .secondRelated2 .row {margin-bottom:20px;} .secondRelated2 .span3 {width:193px;} .secondRelated2 .related-article-title { margin:5px 0; } .expandedView .gallery { float:left; margin-bottom:30px; } .expandedView .gallery > a {float:left;} .mainCourseContainer { float:left; width:600px; border:1px solid #DDD; text-align: center; } .mainCourseContainer #mainSlide {width:auto; height:auto; text-align:center; } .mainCourseContainer #mainSlide img { margin:0 auto; cursor:pointer; } .expandedView #mainImageBox img { width:auto; max-height:500px; } .relatedCourseVideo {display:none;} .videoSection img { position: absolute; top: 40%; left:43%; min-height:60px !important; } /* Side bar */ #contentSidebar {margin-left:0;} .sidebar-280 {width:280px;} .sidebar-light { width:250px; background:#efefef; color:#333; padding:15px; border-right:1px solid #D9D9D9; } .sidebar-lightwide { width:300px; background:#efefef; color:#333; padding:15px; } #ad300, #ad300-600, .ad300-static, #ad300-bottom, .ad300-bottom-static, .sponsored300, .trendsRelatedSide, .subscribeBox { float:left; margin-bottom:20px; } #ad300 { height:250px; width:300px; background:url('//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/Number-One-inTrends-ww.gif'); } #ad300b { height:250px; width:300px; background:url('//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2013/TH-Square-Icon.gif'); } #ad300-bottom {height:250px;} #ad300-600 {height:600px;width:300px;} #ad300 iframe, #ad300-bottom iframe { overflow:hidden; width:300px; height:250px; } #ad300-600 iframe, #ad300-bottom iframe { overflow:hidden; width:300px; height:600px; } .ad300-static {background:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/Number-One-inTrends-ww.gif");} .ad300-static img, .ad300-bottom-static img { width:300px; border:0; } .sponsored300 {height:250px;} #trends-iframe { display:none; float:left; height:1px; overflow:hidden; } #trackingpixels {display:none;} .trendsRelatedSide ul { margin:0; list-style: none; } .trendsRelatedSide li { float:left; width:140px; margin-bottom:20px; font-weight:bold; font-size:14px;} .trendsRelatedSide li:nth-child(odd) { margin-right:18px; clear:both; } /* IE hack */ .trendsRelatedSide li:first-child, .trendsRelatedSide li:first-child + li + li, .trendsRelatedSide li:first-child + li + li + li + li {margin-right:18px;} .trendsRelatedSide img { width:140px; height:90px; margin-bottom:2px; } .subscribeBox { } .subscribeBox form { float:left; margin:0; } .subscribeBox input { float:left; width:190px; margin-right:6px; } .subscribeBox button { float:left; font-size:14px; } .subscribeBox .title1, .subscribeBox .title2, .subscribeBox .title3 { float:left; width:100%; margin-bottom:5px; color:#999; } .subscribeBox .title1 { font-size:12px; font-weight:bold;} .subscribeBox .title2 { font-size:35px; color:#666; font-weight:bold; } .subscribeBox .title3 { font-size:16px; font-weight:bold; line-height:22px;} .socialLinks { float:left; width:100%;margin-top:10px; } .socialLinks > a { float:left; margin-right:2px; } .socialLinks .gplus { float:left; margin-right:5px; } /* Demographic Stats and Research Tabs */ .side-stats-research { float:left; margin-top:20px; } .side-stats-research .nav-tabs { margin:0; border:0; } .side-stats-research .nav-tabs > li { margin-bottom: 0px; } .side-stats-research .nav-tabs > li > a { padding-top: 6px; padding-bottom: 5px; line-height: 18px; background:#999; border:0; color:#FFF; font-size:16px; font-weight:bold; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .side-stats-research .nav-tabs > li > a:hover {border:0;} .side-stats-research .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #333; border:0; background-color: #FFF; cursor: default; } .side-stats-research .tab-content { padding:15px 20px; border:10px solid #FFF; background:#FFF; color:#333; } .side-stats-research .titleTop { float:left; padding-bottom:8px; margin-bottom:8px; border-bottom: 1px solid #DDD; } .side-stats-research .title { margin-bottom:10px; color:#333; font-size:20px; line-height: 1em; font-weight:bold; } .side-stats-research button {margin-top:5px;} .side-stats-research .scoreBox {margin-top:1px;} .side-stats-research .scoreChart { float:left; margin-left:24px; } .side-stats-research #gender { margin:10px 0 0 -3px; } .side-stats-research #age { height:68px; margin:10px 0 0 23px; } .side-stats-research #map { float:left; margin-top:10px; } .side-stats-research .getProBadge { float:left; margin:10px 0 0 39px; } .getE-Book, { float:left; margin-top:40px; } .getE-Book img { width:300px; height:80px; } #contentSidebarLower.span3 { width:315px; margin-left:0; padding:15px 15px 15px 0; background:#efefef; color:#000; } .categoryListVertical { float:left; width:125px; margin:0 15px; } .categoryListVertical .span2 { float:left; width:127px; padding-top:13px; margin-top:15px; border-top:1px solid #666 } .categoryListVertical .span2:first-child {margin-top:5px;} .categoryListVertical .span2:last-child { padding-bottom:15px; border-bottom:1px solid #666 } .categoryListVertical .span2 img { float:left; width: 35px; } .categoryListVertical .followText { float:left; width:87px; margin:0 0 0 5px;color:#FFF; } .categoryListVertical .followButton { float:left; width:111px; margin:0; } .adSkyscraper { float:right; background:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/ad-skyscrapper-background.png") no-repeat; } .adSkyscraper iframe { float:left; width:160px; height:600px; } #contentRelated { margin-bottom:15px; margin-right:15px; } #showMoreButton { width: 100%; padding: 15px 0; background: #CCC; border: 0; color: white; font-weight: bold; font-size: 24px; } .categoryList, .youtubeRelated { float:left; width:100%; clear:both; margin: 15px 0 30px; padding-top:15px; border-top:1px solid #DDD; } .categoryList .span2, .youtubeRelated .span2 {width:118px;} .youtubeRelated h4, .categoryList h4 {margin-bottom:15px;} .youtubeRelated h5 { margin-top:2px; line-height:1.2em; } .followText { display:block; height:30px; margin-top:2px; font-weight:bold; line-height:1.2em; } .followButton { display:block; margin-top:5px; } .secondRelated { float:left; width:100%; padding:15px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; } .JGFeature, .ProFeature, .trendReportsFeature { float:left; width:100%; margin-bottom:30px; } .featureLeft { float:left; width:620px; } /* .ProFeature iframe { border: 10px solid #DDD; } */ .featureRight { float:right; width:300px; } .JGFeature .featureRight {width:230px;} .featureRight img {margin-bottom:10px;} .secondRelated h4 {margin-bottom:15px;} .secondRelated .row {margin-bottom:20px;} .secondRelated ul { margin:0; list-style: none; } .secondRelated .span3 { float:left; width:226px; } .secondRelated .related-article-title { margin:5px 0; } .secondRelated li img { width:266px; max-height:145px; } #contentBottom { float:left; min-width:100%; margin-top:20px; } #contentBottom .span3 {width:300px;} #contentBottom #ad300 { margin-bottom: 0; } #contentBottom .span3 a {float:right;} /* ----------------------------------------------------------------------------------- 14.a Portfolio Template - General Styles ----------------------------------------------------------------------------------- */ .userBlock { float:left; width:620px; padding-left:5px; margin:5px 0 30px 0; text-align:left; } .userVisual { float:left; width:200px; margin:5px 15px 0 0; } .userVisual > div { float:left; width:100%; margin-bottom:10px; } .userVisual img {margin:0;} .userStats > div { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #DDD;} .userStats span { font-weight:bold; font-size:14px; color:#999; } .userStats i {margin-top:1px;} .avatar {position:relative;} .changeAvatar { display:none; position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; background: rgba(0, 0, 0, 0.4); font-size:14px; font-weight: bold; text-align: center; color: #FFF; } .userSocial > a { float:left; width:32px; height:32px; margin-right:1px; background:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/social-media-icons.png"); } a.sm-facebook { background-position:0 0; } a.sm-facebook-grey { background-position:0 -32px; } a.sm-twitter { background-position:-32px 0; } a.sm-twitter-grey { background-position:-32px -32px; } a.sm-google { background-position:-64px 0; } a.sm-google-grey { background-position:-64px -32px; } a.sm-linkedin { background-position:-96px 0; } a.sm-linkedin-grey { background-position:-96px -32px; } a.sm-rss { background-position:-128px 0; } a.sm-rss-grey { background-position:-128px -32px; } a.sm-url { background-position:-160px 0; } a.sm-url-grey { background-position:-160px -32px; } .userTitle, .userBio { float:right; width:400px; } .largeName { float:left; width:100%; font-size:40px; font-weight:bold; line-height:1em; margin:0 3px 0 -2px; } .starCount { float:left; height:16px; } .starCount i {margin-right:0;} .userRank { clear:both; float:left; width:100%; margin:10px 0 0 -3px; color:#999; } .rankTitle { float:left; margin:0 0 0 5px;font-size:13px;} .userBio { height:400px; overflow:hidden; margin-top:10px; } .showQuestions { float:right; width:400px; padding-top:5px; margin-top:5px; cursor:pointer; -webkit-box-shadow: 0px -10px 20px 10px #FFF; -moz-box-shadow: 0px -10px 20px 10px #FFF; box-shadow: 0px -10px 20px 10px #FFF; } .showQuestions > button {width:400px;} .bioQuestions { float:left; margin:20px auto 0; } .userInterview { float:left; width:100%; margin-bottom:15px; } .userInterview > div {width:100%;} .userInterview .question { font-weight: bold; } .userContent { float:left; padding-top:20px; border-top:1px solid #DDD; text-align:left; } .userContent h2 { float:left; width:100%; margin:0 0 5px 15px; } .userInterviewVideo { float:left; width:100%; padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #DDD; } .sliderWrapper { position:relative; float:left; width:612px; margin:0 0 30px 15px; } .sliderBox { position:relative; float:left; width:100%; height:145px; overflow:hidden; } .sliderContainer { position:absolute; left:0; width:1000000px; height:200px; } .trendbox { position:relative; float:left; width:145px; margin-right:10px; color:#666; } .trendbox a:hover {color:#666;} .trendbox img { margin-bottom:5px; height:98px; } .trendbox-stats { display:none; position: absolute; top: 39px; left: 1px; height: 43px; padding: 9px; background: rgba(0, 0, 0, 0.6); color: white; width: 127px; } .trendbox-stats i { margin-top: 1px; } .trendbox-stats > div { float:left; width:100%; } .trendbox-stats-small { display:none; position:absolute; top:74px; right:3px; } .trendbox-stats-small .scoreNum { float:left; width:24px; padding:1px 0; background:#FFF; border:1px solid #CCC; color:#999; font-weight:bold; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 1px 0 #999; -moz-box-shadow: 0px 0px 1px 0 #999; box-shadow: 0px 0px 1px 0 #999; } .stats-date { margin-bottom:-3px; font-size:11px; } .seeMore { display:block; padding: 41px 29px 40px; background: #CCC; font-size: 20px; } .slideBack, .slideForward { position:absolute; top:42px; width: 10px; height:18px; background:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/Sprite-MASTER.png"); cursor:pointer; opacity:0.4; -moz-opacity: 0.40; filter: alpha(opacity=40); -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE 10 */ } .slideBack:hover, .slideForward:hover { opacity:1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } .slideBack { display:none; left:-20px; background-position: 0 -450px; } .slideForward { right:-20px; background-position: -15px -450px; } .featured { width:240px; margin-bottom:20px; } .featured img {margin-bottom:3px;} .empty { font-size:15px; font-style: italic; color:#999; } /* ----------------------------------------------------------------------------------- 15. Responsive Design Media Queries ----------------------------------------------------------------------------------- */ /* Fix for mobile main site header */ /* errything that's not mobile menu*/ @media (min-width:768px){span.searchMobile{display:none;} span.mobileMenu{display:none;} } /* Errything that is mobile menu */ @media (max-width:767px){ .pageCategory {display:none;} .pageCategoryMobile {display:block;} .responsiveNav form{display:none;} span.searchMobile{position:absolute;right:10px;top:10px;cursor:pointer;background-image:url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/glyphicons-halflings-white.png");} span.mobileMenu{position:absolute;left:10px;top:8px;cursor:pointer; width:15px;} span.mobileMenu .bar{width:100%;float:left;height:2px;margin:2px;background-color:white;} /**Redo top nav css for mobile**/ .topNav.mobileShow{display:block;border-top:0px;font-weight:normal;font-zie:} .topNav.mobileShow .container{padding-top:25px;width:100%;background-color:#292929;font-size:16px;font-weight:normal;} .topNav.mobileShow ul.nav{float:none;margin-left:20px;} .topNav.mobileShow ul.nav li{float:none;} .topNav #TopNav{margin-bottom:20px;} .topNav.mobileShow ul.nav li a{padding:10px;color:white;background-image:none;background-color:#292929;border:0px;width:80%;outline:0px;} .topNav.mobileShow ul.nav li a:hover{color:red;background-color:black;} .navbar .nav > li > a.btn-add {display:none;} .topNav.mobileShow ul.nav li a.btn{padding:10px;color:white;background-image:none;background-color:#292929;border:0px;width:80%;outline:0px;font-size:16px;border:0;text-align:left;margin:0;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;text-transform:uppercase;} .topNav.mobileShow ul.nav li a.btn:hover{color:red;background-color:black;} .topNav.mobileShow ul.dropdown-menu{background-color:inherit;float:none;position:relative;padding:0px;border:0xp; box-shadow:none; webkit-box-shadow:none; moz-box-shadow:none;padding-left:20px;} .mobileShow ul.dropdown-menu::after{border:0px;} } /* Smartphone Size (Portrait) ----------------------------------------------------------------------------------- */ @media (max-width: 340px) { .socialShare { width:280px; margin:0 auto; text-align:center; } .socialShare-bottom div > span { margin:4px 10px; } .thumbnail {text-align:left;} } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 18px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-group > label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .thumbnails { margin-left: 0; } .responsiveNav.span4 {width:270px;} .responsiveNav input {width:239px;} hgroup {margin-bottom:10px;} .secondRelated .span3, .firstRelated .span3, .secondRelated2 .span3 {width:100%;} } @media (min-width: 480px) and (max-width: 767px) { .firstRelated .row::after {clear:none;} .secondRelated2 .row::after {clear:none;} .secondRelated .span3, .firstRelated .span3, .secondRelated2 .span3 { float:left; width:50%; height:85px; } .articleGallery .th_fancyButton{top:0px; left:31px;} } /* Tablet Size (Portrait) + Smartphone Size (Landscape) ----------------------------------------------------------------------------------- */ @media (max-width: 767px) { .navbar-fixed-top, .navbar-fixed-bottom { margin-left: -20px; margin-right: -20px; } .wrapper {background:#fff;} .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; padding:0 15px; } .row, .thumbnails { margin-left: 0; } [class*="span"] { float: none; display: block; width: auto; margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .thumbnails { margin-left: 0; } } @media (max-width: 767px) { .visible-phone { display: block !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: block !important; } .visible-desktop { display: none !important; } /* Header */ .logo { width:200px; margin:0 auto; } .logo img {height:50px;} .logo-large { width:200px; height:auto; margin:0 auto 10px; } .logo-large img {height:auto;} .pageCategory, .pageCategoryMobile { top:38px; left:34%; } .headerContainer {text-align:center;} .responsiveNav.span4 { float:none; margin:0 auto; } /* Trends Template */ .navbar, #top-header, #subimages, #subimages-large, .articleAd, #contentBottom {display:none;} #contentMain { padding:0 0 15px; border:none; } hgroup { float:none; margin-bottom:10px; } article h2 { font-size:28px !important; line-height:30px !important; } .diggieBlock {display:none;} .related-title { display:none; font-size:12px; line-height:1.2em; margin-bottom:5px; } .related-title span { display:block; width:78%; margin:0 auto;} .articleGallery a {width:100%;} .mainImageContainer, .mainSlideContainer { width:100%; height:250px; overflow:hidden; margin-bottom:0; } #mainImageBox, #mainSlide { width:100%; height:auto; line-height:1em; } #mainSlide {height:250px;} #mainSlide img, #mainImageBox img { height:auto; min-height: 250px; } #mainSlide .flex-video {overflow:visible;} #mainSlide .article-video.flex-video iframe, #mainSlide .article-video.flex-video object, #mainSlide .article-video.flex-video embed {height:250px;} .mainSlideText { width:inherit; margin:10px 0 0 0; text-align:left; } .mainSlideText > h4, .mainSlideText > div { float:left; width:auto; margin:0; } .mainSlideText h4, .mainSlideText #subtitle { width: 77%; } .mainSlideText a {width:initial;} .mainSlideText .title { float:left; width:auto; } .mainSlideText #subimages {width:initial;} .mainSlideText .largeNum { font-size:34px; margin:2px 10px 5px 0; } #titlelink {margin-bottom:40px;} #fullarticlelink {display:none;} .mainImageContainer .imageborder-light {border:none;} .relatedNum {display:block;} .prevLink, .nextLink { position:absolute; top:0; bottom:0; width:30px; z-index: 2;} .prevLink { left:0; background:#999 url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/prev_button.png") no-repeat center; border-right:1px solid #FFF; } .nextLink { right:0; background:#999 url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/next_button.png") no-repeat center; border-left:1px solid #FFF; } .prevLink button, .nextLink button { height:100%; width:30px; border:0; background:none; } .expandedView .prevLink button, .expandedView .nextLink button {height:248px;} .noAd { width:100% !important; } .speaker-container { float:left; width:100%; margin:20px 0 0; } .speaker-info {width:100%;} .speaker-info p {width:60%;} .articleInfo, .shortTitle, .authorBox, #ShortTitleRepair {width:100%;} .articleInfo {margin-top:5px;} .authorBox { display:none; padding: 0; margin-bottom:10px; border:none; font-weight:bold; } .authorBox img { float:left; width:auto; max-width:30px; max-height:30px; margin:0 10px 0 0; } .authorName { float:left; width:100%; line-height:1em; margin-bottom:3px; } .authorInfo { display:none; width:70%; margin-top:5px; } .authorSocial { display:none; width:auto; } .authorSocial img { width:16px; margin:0 2px 0 0; } .shortTitle h1 {font-size:18px;} .articleBody {margin-top:10px;} .body, .body p { line-height:1.6em; font-size:14px; } .references {margin-bottom:10px;} .publishedDate { color: #999; font-weight: normal; } .socialShare-side { display:none; width:100%; margin:10px 0; } .articleAdBottom iframe { float:left; width:300px; height: 250px; overflow:hidden; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2012/Number-One-inTrends-white.png");} .mobileAd, .mobileAd2, .mobileAd3 { float:left; width:100%; } .mobileAd {margin-bottom:15px;} .mobileAd2 {margin-top:10px;} .mobileAd3 {margin-top:10px;margin-bottom:10px;} .firstRelated {width:100%;} .firstRelated .row, .secondRelated .row {margin-bottom:0;} .firstRelated a, .secondRelated a { float:left; width:100%; margin-bottom:15px; } .firstRelated img, .secondRelated img { float:left; max-width:100px; max-height:65px; margin-right:10px; } .firstRelated .related-article-title, .secondRelated .related-article-title { margin:0 10px 0 0; text-align:left; } .firstRelated .gallery { position: relative; float: left; width: 86%; overflow: hidden; padding:0 7%; text-align:center; } .firstRelated .gallery a {margin-bottom:0;} .firstRelated .relatedTitle {margin-bottom:10px;} .firstRelated .relatedTitle h2 {line-height:1em;} .firstRelated .related-title { width:90%; padding:0 5%; } .firstRelated .related-title a { float:none; width:auto; margin-right:5px; font-weight:bold; } .secondRelated2 {width:100%;} .secondRelated2 .row {margin-bottom:0;} .secondRelated2 a { float:left; width:100%; margin-bottom:15px; } .secondRelated2 img { float:left; max-width:100px; max-height:65px; margin-right:10px; } .secondRelated2 .related-article-title { margin:0 10px 0 0; text-align:left; } .secondRelated2 .gallery { position: relative; float: left; width: 86%; overflow: hidden; padding:0 7%; text-align:center; } .secondRelated2 .gallery a {margin-bottom:0;} .secondRelated2 .relatedTitle {margin-bottom:10px;} .secondRelated2 .relatedTitle h2 {line-height:1em;} .secondRelated2 .related-title { width:90%; padding:0 5%; } .secondRelated2 .related-title a { float:none; width:auto; margin-right:5px; font-weight:bold; } .expandedView #mainImageBox:hover { border:0 !important; } .expandedView #mainImageBox img { float:none; max-width:100%; max-height: 250px; border:0; } .trendReportsFeature {display:none;} .secondRelated { padding-bottom:0; border-bottom:0; } .youtubeRelated { margin-bottom:10px; display:none;} .youtubeRelated .span2 { float: left; width: 75px; margin:0 10px 20px 0; } .categoryList {display:none;} /* Portfolio Page */ .userBlock { width:100%; padding:0; } .userTitle, .userBio { width:100%; text-align:center; } .userBio { height:auto; min-height:100px; max-height:400px; } .userTitle > div { float:none; margin-bottom:10px; } .userRank .starCount, .userRank .rankTitle {float:none;} .userVisual { float:none; margin:5px auto; } .showQuestions { width:100%; text-align:center; } .showQuestions > button {width:290px;} .userContent {width:100%;} .sliderWrapper {width:90%;} .sliderBox {width:100%;} /* Footer */ footer .container {text-align:center;} footer .row {width:100%;} footer .span4 { margin:10px auto; } .footer-logos { float:left; width:100%; margin-bottom:15px; } .footer-logos .span4 {width:100%;} .overview {margin-top:20px;} .footerNav { width:288px; margin:15px auto 0 auto; } .list1 { float:left; width:122px; } .list2 { float:left; width:165px; } .list1 li, .list2 li { margin:3px 0; font-size:14px; } .copyright {float:left;} } @media (min-width: 768px) and (max-width: 1104px) { .navbar .nav > li > a.btn-add {display:none;} #topNavControls ul{font-size:11px;} .navbar .navleft > li > a{font-size:14px;} .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; margin-left: 20px; } .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 730px; } .span12 { width: 735px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 640px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } input, textarea, .uneditable-input { margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 714px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 652px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 590px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 528px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 466px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 404px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 342px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 280px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 218px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 156px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 94px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 32px; } } /* Tablet Size ----------------------------------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 1104px) { .articleGallery .th_fancyButton{top:1px;left:39px;} .secondRelated2 {background:#fff;} .firstRelated .relatedTitle{float:left;width:100%;} .visible-tablet { display: block !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: block !important; } .visible-desktop { display: none !important ; } .thumbnails { margin-left: 0; } /* Trends Template - Header */ .topNav { border-top:0 !important; } .navbar .nav > li:first-child > a {padding-left:11px;} .headerContainer .span3 {width:240px;} .pageCategory { top:42px; left:80px; } .logo-large { } .logo-large img {height:auto;} /* Trends Template - Carousel */ #top-header { height:110px; overflow:hidden; margin:0 0 10px 15px; } #top-header.span12 {width:745px;} #top-header ul {height:109px;} #top-header li { width:130px; margin-right:1px; } #top-header li:first-child {margin-left:-5px;} #top-header li:last-child {margin-right:-5px;} #top-header li a { font-size:13px; line-height:1.2em; } #top-header .headerImage {height:67px;} #top-header .headerImage img {width:130px;} #top-header .headerTitle {margin-top:3px;} .headerTitle {width:100%} .headerNum { width:26%; margin-top:6px; font-size:22px; letter-spacing: -1px; } #top-header .carousel-controls {width:37px;} .carousel-controls a { padding:6px; margin-bottom:4px; } #contentMain.span8 { width:728px; padding-top:10px; } .diggieBlock { width:500px; margin:8px 125px 14px; } .articleGallery { width:678px; margin:0 25px; } .articleGallery #mainImageBox #subimages, .articleGallery #mainImageBox #subimages-large {display:none;} .mainImageContainer {width:600px;} #mainImageBox {width:598px;} #mainSlide {width:485px;} #mainSlide img {max-width:inherit;} .mainSlideText { width:100px; margin-left:12px; text-align:left; } .mainSlideText > h4, .mainSlideText > div { float:left; margin:0; } .mainSlideText a {width:initial;} .mainSlideText .title {float:left;} .mainSlideText #subimages {width:initial;} #mainSlide .flex-video { height:100%; margin:0; padding:0; } #fullarticlelink { background:none; height:auto; line-height:1em; margin-top:10px; padding:0; color:#999; } .articleBody { margin:30px 0 20px; } .noAd { width:617px !important; } .articleInfo {margin-right:10px;} .articleInfo, .shortTitle, #ShortTitleRepair {width:280px;} .shortTitle h1 {font-size:20px;} .socialShare-side { width:100%; margin: 20px 0 0 0; } .leaderboard-tablet { float:left; margin:0 0 25px 0px; } .speaker-container { margin: 0 0 20px 0px; } .articleAdBottom iframe { float:left; width:100%; height: 90px; overflow:hidden; background: url("//web.archive.org/web/20210310063016im_/https://cdn.trendhunterstatic.com/i/2013/ad-leaderboard-background-white.png");} .firstRelated .span3 { width:229px; text-align:left; } .firstRelated img {min-height:149px;} .secondRelated2 .span3 { width:229px; text-align:left; } .secondRelated2 img {min-height:149px;} .expandedView {width:100%;} .expandedView .gallery { margin:0 25px 30px 25px; } .course-video { width:640px; margin-right:auto; margin-left:auto; } .relatedCourseVideo, .expandedView .mainCourseContainer {width:676px;} #contentRelated.span12 {width:728px;background:#fff;padding:10px;} .categoryList, .youtubeRelated { margin-left: 1px;display:none; } .categoryList .span2, .youtubeRelated .span2 { width: 73px; } .followText { height:44px; overflow:hidden;} .categoryList img {height:50px;} .secondRelated .span3 {width:167px;} .secondRelated img {height:109px;} .secondRelated h4 { font-size:14px; line-height:1.2em; } .footer-logos {width:350px;} .footer-logos .span4 {width:350px;} .footerNav { width:330px; margin:10px 0 0 60px; } .list1 {width:130px;} .list2 {width:180px;} /* Portfolio Page */ .userBlock { width:100%; padding:0; margin-top:0; } .userTitle, .userBio {width:500px;} .showQuestions {width:500px;} .userContent {width:100%;} .sliderWrapper {width:698px;} } @media (max-width: 1104px) { #logo2 {display:none;} body { padding-top: 0; } .navbar-fixed-top { position: static; margin-bottom: 18px; } .navbar-fixed-top .navbar-inner { padding: 5px; } .navbar .container { padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 9px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #999; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #222; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: block; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 9px 15px; margin: 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #222222; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } .thumbnails { margin-left: 0px; } /* Header */ .navbar .container { width:755px; font-size:12px; } .headerContainer {padding-bottom:0;} #pageContainer {min-height:900px;} #contentSidebar, #contentSidebarLower, .JGFeature, .ProFeature {display:none;} /* Content */ hgroup {width:100%;} #contentMain { text-align: center; } .references {width:100%;} #shareBox {display:none;} .socialShare-side { position:relative; float:left; top:0; right:0; background:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .socialShare .share-facebook {width:50px;} .twitter-share-button, #twitter-share iframe { width:100px !important; } .trendReportAd, #scoreContainer {display:none;} .expandedView .mainCourseContainer #mainImageBox {width:100%;} /* Trends Template - Footer */ footer .span5, footer .span4.footerTop {display:none;} footer .span4 {width:300px;} footer .row {float:left;} .footer-logos {float:left;} .overview {margin-top:12px;} .list1, .list2 {margin-bottom:20px;} .list1 li, .list2 li { margin:3px 0; } } /* Default Size ----------------------------------------------------------------------------------- */ @media (min-width: 1105px) and (max-width: 1359px) { /* Trends Page */ #subimages img { width:60px; height:60px;} .articleGallery .th_fancyButton{top:1px;left:39px;} .secondRelated2 {padding:10px 15px 10px 15px;background:#fff;} #MegaMenu li { font-size:15px; line-height:36px; } #MegaMenu .navMegaMenu li:last-child { float:right; margin-right:0px; } #MegaMenu .nav > li > a { padding:9px 6px; font-size:15px; } #MegaMenu input { width:90px; margin:0 0 2px; font-size:14px; } #header_search_results .search_results_table tr td{width:181px;} #header_search_results .search_results_table tr td .tag_name_div{ width:112px; line-height:14px; font-size:15px;} #header_search_results .search_results_table tr td img{ width:55px; height:42px;} .menuCategories { width:210px !important; } .DailyVideo { float:left; width:250px; } .DailyVideo img { max-width:250px; max-height:200px; } .diggieBlock {width:500px;} /* #fullarticlelink { padding: 18px 10px; margin-left: 5px; margin-top: 4px; background: #999; color: white; font-weight: normal; font-size: 18px; }*/ #titlelink {margin-bottom:40px;} .noAd { width:528px !important; } .articleInfo, .shortTitle, #ShortTitleRepair {width:181px;} .shortTitle { margin-bottom:10px; line-height:1.4em; } .shortTitle .subtitle {margin-bottom:5px;} .shortTitle h1 {font-size:18px;} .categoryList .span2 img { max-height:72px; min-height:70px; } .course-video {width:620px;} .secondRelated2 {width:620px;} #contentSidebarLower.span3 {width:315px;} #contentRelated.span12 {width:965px;} .categoryList .span2, .youtubeRelated .span2 {width:103px;} .secondRelated .span3 img {max-height:145px;} footer .span4 {width:285px;} footer .span5 {width:370px;} footer .list1 {width:110px;} footer .list2 {width:155px;} #footerVid img {max-width:95%;} .footerTop .footerTv {width:90px;} .footerTop .footerReport {width:272px;} .footerTop .footerPro { width: 98px; } .list1, .list2 {font-size:15px;} } @media (min-width: 1105px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } .article-video.flex-video iframe, .article-video.flex-video object, .article-video.flex-video embed {height:350px;} #mainSlide .article-video.flex-video iframe, #mainSlide .article-video.flex-video object, #mainSlide .article-video.flex-video embed {height:380px;} #headerWrapper { border-bottom:0 !important;} #leaderboard {width:728px;} #mainSlide {width:430px;} #mainSlide img {max-width:inherit;} #mainSlide .flex-video { height:100%; margin:0; padding:0; } .mainSlideText { width:100px; margin-left:12px; } .mainSlideText > h4, .mainSlideText > div { float:left; margin:0; } .mainSlideText a {width:initial;} .mainSlideText .title {float:left;} .mainSlideText #subimages {width:initial;} #fullarticlelink { background:none; height:auto; line-height:1em; margin-top:10px; padding:0; color:#999; } /*#subtitle {width:540px;} */ .categoryList {display:none;} .socialShare-side {display:none;} .expandedView .gallery {width:100%;} /* Portfolio Page */ .userContent {padding-top:30px;} } /* Extra Wide */ @media (min-width: 1360px) { .articleGallery .th_fancyButton{top:1px; left:39px} .featureLeft img, .featureLeft, .ProFeature, .secondRelated2 {width:810px;} .featureRight img {width:266px;margin-right:20px;} .JGFeature .featureRight {width:280px;} .secondRelated2 {padding:10px 15px 10px 15px;background:#fff;} #subimages img { width:80px; height:80px;} .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; } .row:after { clear: both; } [class*="span"] { margin-left: 30px;} .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 820px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 400px; } .span4 { width: 370px; } .span3 { width: 300px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } input, textarea, .uneditable-input { margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1160px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1060px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 960px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 860px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 760px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 660px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 560px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 460px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 360px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 260px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 160px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 60px; } .thumbnails { margin-left: 0; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } .article-video.flex-video iframe, .article-video.flex-video object, .article-video.flex-video embed {height:460px;} .navbar .container, .headerContainer { width: 1170px; } #MegaMenu .navMegaMenu div{ width: 1130px; } .logo-large { width:350px; margin-top:10px; } .logo {width:240px !important;} .shareBoxWrapper {width:1040px;} hgroup {width:680px;} #top-header .headerImage img, #top-header li {width:150px;} #header_search_results { position:absolute; z-index:1000; margin:-1px 0 0 -80px;} .noAd { width:726px !important; } #mainImageBox {width:720px;} #mainSlide {width:600px;} .articleInfo, .shortTitle {width:381px} .shortTitle h1 {font-size:24px;} .articleText { font-size: 17px; line-height: 1.5em;margin-top:5px;} .firstRelated .span3 {width:250px;} .firstRelated li img {max-height: 163px;} .secondRelated2 .span3 {width:250px;} .secondRelated2 li img {max-height: 163px;} .secondRelated .span3 {width:265px;} .secondRelated li img {max-height: 173px;} .footer .span4 {width:340px;} #MegaMenu .nav > li > a {font-size:16x; padding: 9px 9px;} /* Portfolio Page */ .userContent {padding-top:30px;} .userBlock {width:820px;} .userTitle, .userBio {width:600px;} .sliderWrapper {width:770px;} .showQuestions{margin-right:100px;} } /* ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.995 exclusion.robots: 0.089 exclusion.robots.policy: 0.072 esindex: 0.014 cdx.remote: 63.775 LoadShardBlock: 294.942 (3) PetaboxLoader3.datanode: 298.28 (5) PetaboxLoader3.resolve: 385.479 (2) load_resource: 539.224 loaddict: 98.573 */