@font-face { font-family: 'Garaje'; src: url('garaje.eot'); src: local('Garaje 53 Unicase'), local('Garaje53Unicase-Black'), url('garaje.woff') format('woff'), url('garaje.ttf') format('truetype'), url('garaje.svg#Garaje53Unicase-Black') format('svg'); } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ /* RESET */html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* FONTS */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* GRIDS */body{text-align:center;margin-left:auto;margin-right:auto;}.yui-d0,.yui-d1,.yui-d1f,.yui-d2,.yui-d2f,.yui-d3,.yui-d3f{margin:auto;text-align:left;width:57.69em;*width:56.25em;}.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{margin:auto;text-align:left;width:100%;}.yui-d0{margin:auto 10px;width:auto;}.yui-d0f{width:100%;}.yui-d2{width:73.076em;*width:71.25em;}.yui-d2f{width:950px;}.yui-d3{width:74.923em;*width:73.05em;}.yui-d3f{width:974px;}.yui-b{position:relative;}.yui-b{_position:static;}.yui-main .yui-b{position:static;}.yui-main{width:100%;}.yui-t1 .yui-main,.yui-t2 .yui-main,.yui-t3 .yui-main{float:right;margin-left:-25em;}.yui-t4 .yui-main,.yui-t5 .yui-main,.yui-t6 .yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 .yui-main .yui-b{margin-left:13.30769em;*margin-left:12.975em;}.yui-t2 .yui-b{float:left;width:13.84615em;*width:13.50em;}.yui-t2 .yui-main .yui-b{margin-left:14.84615em;*margin-left:14.475em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 .yui-main .yui-b{margin-left:24.0769em;*margin-left:23.475em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 .yui-main .yui-b{margin-right:14.8456em;*margin-right:14.475em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 .yui-main .yui-b{margin-right:19.4615em;*margin-right:18.975em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 .yui-main .yui-b{margin-right:24.0769em;*margin-right:23.475em;}.yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:2.0%;}.yui-gb .yui-u{*width:31.8%;*margin-left:1.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;_width:65.7%;}.yui-gd div.first{width:32%;_width:31.5%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;_width:74%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;_width:23.8%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after,.yui-t1:after,.yui-t2:after,.yui-t3:after,.yui-t4:after,.yui-t5:after,.yui-t6:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{zoom:1;} /* BASE */h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* Custom css by dryan.com Colors: Yellow #fff200 */ article, aside, section, header, footer, nav { display: block; } html { overflow-y: scroll; } body { padding: 0 0 20px; } a { color: #555; } form { display: block; margin: 1em auto; } form ol { margin: 0 0 1em; } form ol li { list-style: none; margin: 0 0 1em; } form ol li label { display: block; font-weight: bold; margin: 0 0 0.25em; } form ol li ul { margin: 0; } form ol li.categories ul { max-height: 200px; overflow: auto; } form ol li ul li { margin: 0; } form ol li ul li label { font-weight: normal; } form .buttons { text-align: center; } h1, h2 { font-family: Garaje, Helvetica, Arial, clean, sans-serif !important; text-transform: uppercase; font-weight: normal; background: #000 url('../images/heading-bg.png') no-repeat 0 0; color: #fff; padding: 4px 0 1px 50px; font-size: 138.5%; } #wrapper { max-width: 1200px; min-width: 950px; margin: 0 auto; text-align: left; padding: 0 20px; position: relative; } #hd { padding: 36px 0 12px; } #hd .logo { margin: 0; } #hd .logo a { display: block; width: 389px; height: 107px; text-indent: -1000px; overflow: hidden; background: url('../images/logo.png') no-repeat 0 0; } #hd .logo a:hover { background-position: 0 -107px; } #nav, #nav-footer { width: 100%; overflow: hidden; background: #000; font-family: Garaje, Helvetica, Arial, clean, sans-serif; font-weight: normal; font-size: 138.5%; text-transform: uppercase; } #nav-footer { background: #000 url('../images/nav-home-bg.png') no-repeat 0 50%; margin-top: 20px; } #nav ul, #nav-footer ul { margin: 0; padding-left: 12px; background: url('../images/nav-home-bg.png') no-repeat 0 50%; overflow: hidden; } #nav-footer p.copyright { color: #fff; font-size: 60%; font-family: Helvetica, Arial, clean, sans-serif; line-height: 38px; height: 36px; padding: 0 0 0 24px; float: left; margin: 0; } #nav-footer p.copyright a { color: #fff; text-decoration: none; } #nav-footer ul { padding-left: 0; background: none; float: right; } #nav ul li, #nav-footer ul li { list-style: none; float: left; } #nav ul li a, #nav-footer ul li a { color: #fff; text-decoration: none; display: block; height: 36px; line-height: 40px; padding: 0 42px 0 12px; background: url('../images/nav-bg.png') no-repeat 100% 50%; } #nav-footer ul li a.contact { background: transparent; padding-right: 12px; } #nav ul li a:hover, #nav ul li.selected a, #nav ul li.ancestor a, #nav-footer ul li a:hover, #nav-footer ul li.selected a, #nav-footer ul li.ancestor a { color: #fff200; } #bd { width: 100%; overflow: hidden; margin-top: 1.25em; } #main { width: 72%; float: left; } #main h2 { margin: 2em auto 0; } .home #main h2 { margin: 1em auto; background: #000 url('../images/nav-home-bg.png') no-repeat 0 50%; padding-left: 24px; } .api #main h2 { margin: 2em auto 1em; } .api #main h3 { margin: 1.5em auto 0; } #main dl { width: 100%; overflow: hidden; margin: 1em auto; } .api #main h3 + dl { margin-top: 0.5em; } #main dt { font-weight: bold; float: left; clear: left; margin-right: 1em; } .api #main dt { width: 12em; } #main dd {} .api #main dd { margin-left: 13em; } .api #main dd ul { margin: 0; } .api #main dd ul li { list-style: none; } #main .modules { width: 100%; overflow: hidden; } #main .module { width: 48%; float: left; margin: 1em auto; position: relative; } #main .module-even { float: right; } #main .module-wide { width: auto; float: none; } #main .module h2, #main .module h3 { margin: 0; position: relative; padding-right: 60px; } #main .module h2 ul, #main .module h3 ul { position: absolute; right: 0; bottom: 0; margin: 0; } #main .module h2 ul { bottom: 50%; margin-bottom: -10px; right: 5px; } #main .module h2 ul li, #main .module h3 ul li { list-style: none; float: left; margin: 0 0 0 0.5em; } #main .module h2 ul li a, #main .module h3 ul li a { outline: none !important; border: 1px solid transparent; } #main .module .graph { position: absolute; left: 0; right: 1px; } #main .module .graph ul { margin: 1em 1px 0 0; } #main .module .graph ul li { list-style: none; width: 100%; overflow: hidden; margin: 0.25em auto 0; line-height: 2em; position: relative; background: #77787B; } #main .module .graph ul li span { display: block; overflow: visible; } #main .module .graph ul li .label { white-space: nowrap; float: left; text-indent: 1em; } #main .module .graph ul li .percentage { position: absolute; right: 0; height: 2em; top: 0; z-index: 2; text-align: right; font-family: Menlo, 'Courier New', monospace; padding-right: 1em; color: #fff; } #main .module .fg-toolbar { display: none; } #main .module table { width: 100%; margin: 1em auto 0; } #main .scripted table { position: absolute; left: 0; } #main .module table th { border: none; background: #000; color: #fff200; } #main .module table th.ui-state-default { cursor: pointer; font-weight: bold; } #main .module thead th .css_right { float: right; } #main .module tbody td.number, #main .module tbody td.percentage { text-align: right; font-family: Menlo, 'Courier New', monospace; width: 1px; } #main .module tbody td.number { padding-right: 2em; } #main .module table td { background: #77787B; color: #fff; border: none; } #main .module table .even td { background: #999; } #main .module table tr:hover td { background: #fff200; color: #000; } .scripted #map { width: 100%; height: 428px; background: #e5e3df url('../images/loading-reversed.gif') no-repeat 50% 50%; } #main ul.raw-responses { margin: 0; } #main ul.raw-responses li { list-style: none; padding: 1em 2em; background: #aaa; } #main ul.raw-responses li.even, #main ul.raw-responses li.even ol li, #main ul.raw-responses li.even ol li ul li { background: #999; } #main ul.raw-responses li ol { font-weight: bold; } #main ul.raw-responses li ol li { list-style: decimal; margin-bottom: 1em; padding: 0; } #main ul.raw-responses li ol li ul { margin: 0; font-weight: normal; } #main ul.raw-responses li ol li ul li { list-style: none; } #main ul.raw-responses li ol li ul li p.categories { margin-top: -1em; font-style: italic; } #main ul.pagination { width: 100%; margin: 2em 0 1em; text-align: center; font-weight: bold; } #main ul.pagination li { list-style: none; display: inline; margin: 0 1em; } #main ul.pagination li a { color: #000; background: #fff200; padding: 3px 6px 1px; text-decoration: none; display: inline-block; } #main ul.pagination li a.current { color: #fff200; background: #000; } #main ul.pagination li a.disabled { visibility: hidden; } #sb { width: 25%; float: right; } #sb form, #sb nav { background: #77787B; color: #fff; padding-bottom: 1px; } #sb form a, #sb nav a { color: #fff; text-decoration: none; } #sb form h2, #sb nav h2 { margin-bottom: 0; } #sb form ol, #sb nav ul { padding: 10px; margin: 0; } #sb form ol li, #sb nav ul li { list-style: none; } #sb form ol li.center { text-align: center; color: #000; } #sb form ol li.zip_code, #sb form ol li.keywords { float: left; width: 48%; } #sb form ol li.categories, #sb form ol li.age { padding-bottom: 1em; border-bottom: 1px dotted #ccc; } #sb form ol li.keywords { float: right; } #sb form ol li.zip_code input, #sb form ol li.keywords input { width: 10em; } #sb form ol li label { color: #000; } #sb form ul li label { color: #fff; } #sb form ol li select { max-width: 100%; } #sb form .buttons button { border: none; background: none; padding: 0; cursor: pointer; } #sb form .buttons button span { display: inline-block; padding: 3px 8px; color: #000; background: #fff200; font-weight: bold; } #sb nav li { margin: 1em 0 0; } #sb nav li:first-child { margin-top: 0; } .ui-state-default a.ui-state-focus, .ui-state-default a:hover { background-image: url("./stand/images/ui-icons_000000_256x240.png"); } #overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); *background: #000; *filter: alpha(opacity=80); display: none; z-index:9999; } #lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 2em 0 0; background: transparent url('../images/lightbox-loading.gif') no-repeat 50% 0; width: 600px; margin: -1.5em 0 0 -300px; display: none; z-index:10000; font-size: 123.1%; color: #fff; text-align: center; } #nav-networking { color: #77787b; position: absolute; top: 156px; right: 20px; margin: 0; } #nav-networking ul { margin: 0; } #nav-networking li { margin: 2px 0 0 5px; float: left; list-style: none; } #nav-networking form { margin: 0; } #nav-networking a { display: block; height: 30px; width: 30px; text-indent: -999em; } #nav-networking a.facebook { background: url(http://chattanoogastand.com/img/css/icons/facebook.png) no-repeat 0 0; } #nav-networking a.twitter { background: url(http://chattanoogastand.com/img/css/icons/twitter.png) no-repeat 0 0; } #nav-networking a.youtube { background: url(http://chattanoogastand.com/img/css/icons/youtube.png) no-repeat 0 0; } #nav-networking a.flickr { background: url(http://chattanoogastand.com/img/css/icons/flickr.png) no-repeat 0 0; } #nav-networking a.rss { background: url(http://chattanoogastand.com/img/css/icons/rss.png) no-repeat 0 0; } #nav-networking a:hover, #nav-networking .selected a { background-position: 0 100%; } #newsletter legend { display: none; } #newsletter label { display: none; } #newsletter input { background-color: #f5f5f5; border: none; width: 156px; padding: 5px 5px 6px; position: relative; } #newsletter input:hover, #newsletter input:focus { background-color: #fff; } #newsletter .btn { margin-left: 0; } #newsletter button { background: #000 url(http://chattanoogastand.com/img/css/newsletter-btn.png) no-repeat 0 0; border: none; cursor: pointer; height: 26px; width: 17px; margin-right: 5px; text-indent: -999em; }