/* Baseline - a designer framework Copyright (C) 2009 Stephane Curzi,ProjetUrbain.com Creative Commons Attribution-Share Alike 3.0 License */ /******************** Reset ********************/ html,body,div,span,a,img, h1,h2,h3,h4,h5,h6,hgroup,p, dl,dialog,dt,dd,ol,ul,li, abbr,acronym,address,b,big,blockquote, cite,code,del,dfn,em,i,ins,kbd,pre,q, samp,tt,var,small,strong,sub,sup, object,iframe,form,fieldset,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,footer,header,nav,section, figure,menu,time,mark,audio,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:transparent;} textarea{font-family:inherit;font-size:100%;font-weight:normal;font-style:normal;white-space:normal;text-align:left;margin:0;padding:0;} article,aside,footer,header,nav,section, dialog,figure,hgroup,menu{display:block;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} del,ins{text-decoration:none;} ol,ul{list-style:none;} nav ul{list-style-type:none;} table{border-collapse:separate;border-spacing:0;background-color:transparent;width:auto;height:auto;} :focus{outline:0;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} input{margin:0;} /********** Deprecated and obsolete elements **********/ applet,basefont,dir,font,isindex,menu,s,strike,u{font-family:inherit;font-size:100%;font-weight:normal;font-style:normal;white-space:normal;vertical-align:baseline;text-decoration:inherit;text-align:left;color:inherit;margin:0;padding:0;border:0;outline:0;} dir,menu{list-style:none;} nobr{white-space:normal;} blink{text-decoration:none;} marquee{overflow:visible;} /* Baseline - a designer framework Copyright (C) 2009 Stephane Curzi,ProjetUrbain.com Creative Commons Attribution-Share Alike 3.0 License */ /******************** Base ********************/ body{font-family:"Helvetica Neue",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;line-height:1.5;background:white;color:black;} h1,h2,h3,h4,h5,h6{line-height:1.2;} h4,h5,h6{font-weight:bold;} b,strong,caption,th,thead,dt,legend{font-weight:bold;} cite,dfn,em,i{font-style:italic;} code,kbd,samp,pre,tt,var{font-family:mono-space,monospace;} h1,h2,h3,h4,h5,h6{word-spacing:-0.125em;} p{word-spacing:0.125em;hyphenate:auto;hyphenate-lines:3;} p+p{text-indent:1.5em;} p+p.no-indent{text-indent:0;} pre{white-space:pre;} del{text-decoration:line-through;} mark{background:rgba(255,255,0,0.4);padding:0 .25em;} ins{color:#f00;} small,sup,sub{font-size:80%;} big{font-size:125%;line-height:80%;} abbr,acronym{font-size:85%;text-transform:uppercase;letter-spacing:.1em;} abbr[title],acronym[title],dfn[title]{border-bottom:1px dotted black;cursor:help;} sup,sub{line-height:0;} sup{vertical-align:super;} sub{vertical-align:sub;} blockquote{padding:1.5em;} hr{border:none;background:#ddd;width:100%;} ul,ol{margin-left:1.5em;} ul{list-style:disc outside;} ol{list-style:decimal outside;} input,select,button{cursor:pointer;} table{font:inherit;width:100%;} /* html 5 */ article,aside,header,hgroup, nav,section,footer{float:left;display:block;} figure{display:block;} /* Debug */ .debug{outline:solid gold 1px;} .debug-background{background:rgba(255,215,0,0.2) !important;} /* Baseline - a designer framework Copyright (C) 2009 Stephane Curzi,ProjetUrbain.com Creative Commons Attribution-Share Alike 3.0 License */ /******************** Table ********************/ table{border-collapse:collapse;border-top:solid 3px #000;position:relative;margin-top:18px;} th,td{line-height:18px;padding:9px 18px 8px 0;} thead th,thead td{padding-top:7px;} tfoot th,tfoot td{padding-bottom:8px;} tbody th,tbody td, tfoot th,tfoot td{border-top:solid 1px #000;} th:first-child,td:first-child{padding-left:0;} th:last-child,td:last-child{padding-right:0;} tr:nth-child(even) td{} tbody tr:nth-child(odd) th, tbody tr:nth-child(odd) td{background:rgba(0,0,0,0.035);} caption{top:5px;margin-bottom:18px;} /* blueprint/src/grid.css */ /* -------------------------------------------------------------- */ /* -------------------------------------------------------------- grid.css * Sets up an easy-to-use grid of 24 columns. By default,the grid is 950px wide,with 24 columns spanning 30px,and a 10px margin between columns. If you need fewer or more columns,namespaces or semantic element names,use the compressor script (lib/compress.rb) -------------------------------------------------------------- */ /* A container should group all your columns. */ .container{width:950px;margin:0 auto;} /* Use this class on any .span / container to see the grid. */ .showgrid{background:url(src/grid.png);} /* Columns -------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ .column,.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24{float:left;margin-right:10px;} /* The last column in a row needs this class. */ .last{margin-right:0;} /* Use these classes to set the width of a column. */ .span-1{width:30px;} .span-2{width:70px;} .span-3{width:110px;} .span-4{width:150px;} .span-5{width:190px;} .span-6{width:230px;} .span-7{width:270px;} .span-8{width:310px;} .span-9{width:350px;} .span-10{width:390px;} .span-11{width:430px;} .span-12{width:470px;} .span-13{width:510px;} .span-14{width:550px;} .span-15{width:590px;} .span-16{width:630px;} .span-17{width:670px;} .span-18{width:710px;} .span-19{width:750px;} .span-20{width:790px;} .span-21{width:830px;} .span-22{width:870px;} .span-23{width:910px;} .span-24{width:950px;margin-right:0;} /* Use these classes to set the width of an input. */ input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} input.span-1,textarea.span-1{width:18px;} input.span-2,textarea.span-2{width:58px;} input.span-3,textarea.span-3{width:98px;} input.span-4,textarea.span-4{width:138px;} input.span-5,textarea.span-5{width:178px;} input.span-6,textarea.span-6{width:218px;} input.span-7,textarea.span-7{width:258px;} input.span-8,textarea.span-8{width:298px;} input.span-9,textarea.span-9{width:338px;} input.span-10,textarea.span-10{width:378px;} input.span-11,textarea.span-11{width:418px;} input.span-12,textarea.span-12{width:458px;} input.span-13,textarea.span-13{width:498px;} input.span-14,textarea.span-14{width:538px;} input.span-15,textarea.span-15{width:578px;} input.span-16,textarea.span-16{width:618px;} input.span-17,textarea.span-17{width:658px;} input.span-18,textarea.span-18{width:698px;} input.span-19,textarea.span-19{width:738px;} input.span-20,textarea.span-20{width:778px;} input.span-21,textarea.span-21{width:818px;} input.span-22,textarea.span-22{width:858px;} input.span-23,textarea.span-23{width:898px;} input.span-24,textarea.span-24{width:938px;} /* Add these to a column to append empty cols. */ .append-1{padding-right:40px;} .append-2{padding-right:80px;} .append-3{padding-right:120px;} .append-4{padding-right:160px;} .append-5{padding-right:200px;} .append-6{padding-right:240px;} .append-7{padding-right:280px;} .append-8{padding-right:320px;} .append-9{padding-right:360px;} .append-10{padding-right:400px;} .append-11{padding-right:440px;} .append-12{padding-right:480px;} .append-13{padding-right:520px;} .append-14{padding-right:560px;} .append-15{padding-right:600px;} .append-16{padding-right:640px;} .append-17{padding-right:680px;} .append-18{padding-right:720px;} .append-19{padding-right:760px;} .append-20{padding-right:800px;} .append-21{padding-right:840px;} .append-22{padding-right:880px;} .append-23{padding-right:920px;} /* Add these to a column to prepend empty cols. */ .prepend-1{padding-left:40px;} .prepend-2{padding-left:80px;} .prepend-3{padding-left:120px;} .prepend-4{padding-left:160px;} .prepend-5{padding-left:200px;} .prepend-6{padding-left:240px;} .prepend-7{padding-left:280px;} .prepend-8{padding-left:320px;} .prepend-9{padding-left:360px;} .prepend-10{padding-left:400px;} .prepend-11{padding-left:440px;} .prepend-12{padding-left:480px;} .prepend-13{padding-left:520px;} .prepend-14{padding-left:560px;} .prepend-15{padding-left:600px;} .prepend-16{padding-left:640px;} .prepend-17{padding-left:680px;} .prepend-18{padding-left:720px;} .prepend-19{padding-left:760px;} .prepend-20{padding-left:800px;} .prepend-21{padding-left:840px;} .prepend-22{padding-left:880px;} .prepend-23{padding-left:920px;} /* Border on right hand side of a column. */ .border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;} /* Border with more whitespace,spans one column. */ .colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;} /* Use these classes on an element to push it into the next column,or to pull it into the previous column. */ .pull-1{margin-left:-40px;} .pull-2{margin-left:-80px;} .pull-3{margin-left:-120px;} .pull-4{margin-left:-160px;} .pull-5{margin-left:-200px;} .pull-6{margin-left:-240px;} .pull-7{margin-left:-280px;} .pull-8{margin-left:-320px;} .pull-9{margin-left:-360px;} .pull-10{margin-left:-400px;} .pull-11{margin-left:-440px;} .pull-12{margin-left:-480px;} .pull-13{margin-left:-520px;} .pull-14{margin-left:-560px;} .pull-15{margin-left:-600px;} .pull-16{margin-left:-640px;} .pull-17{margin-left:-680px;} .pull-18{margin-left:-720px;} .pull-19{margin-left:-760px;} .pull-20{margin-left:-800px;} .pull-21{margin-left:-840px;} .pull-22{margin-left:-880px;} .pull-23{margin-left:-920px;} .pull-24{margin-left:-960px;} .pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative;} .push-1{margin:0 -40px 1.5em 40px;} .push-2{margin:0 -80px 1.5em 80px;} .push-3{margin:0 -120px 1.5em 120px;} .push-4{margin:0 -160px 1.5em 160px;} .push-5{margin:0 -200px 1.5em 200px;} .push-6{margin:0 -240px 1.5em 240px;} .push-7{margin:0 -280px 1.5em 280px;} .push-8{margin:0 -320px 1.5em 320px;} .push-9{margin:0 -360px 1.5em 360px;} .push-10{margin:0 -400px 1.5em 400px;} .push-11{margin:0 -440px 1.5em 440px;} .push-12{margin:0 -480px 1.5em 480px;} .push-13{margin:0 -520px 1.5em 520px;} .push-14{margin:0 -560px 1.5em 560px;} .push-15{margin:0 -600px 1.5em 600px;} .push-16{margin:0 -640px 1.5em 640px;} .push-17{margin:0 -680px 1.5em 680px;} .push-18{margin:0 -720px 1.5em 720px;} .push-19{margin:0 -760px 1.5em 760px;} .push-20{margin:0 -800px 1.5em 800px;} .push-21{margin:0 -840px 1.5em 840px;} .push-22{margin:0 -880px 1.5em 880px;} .push-23{margin:0 -920px 1.5em 920px;} .push-24{margin:0 -960px 1.5em 960px;} .push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative;} /* Misc classes and elements -------------------------------------------------------------- */ /* In case you need to add a gutter above/below an element */ .prepend-top{margin-top:1.5em;} .append-bottom{margin-bottom:1.5em;} /* Use a .box to create a padded box inside a column. */ .box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} /* Use this to create a horizontal ruler across a column. */ hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space{background:#fff;color:#fff;visibility:hidden;} /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix,.container{display:block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear{clear:both;} /* css/superfish.css */ /* -------------------------------------------------------------- */ /* $Id:superfish.css,v 1.3 2010/03/27 09:18:40 mehrpadin Exp $ */ /*** ESSENTIAL STYLES ***/ .sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;} .sf-menu{line-height:1.0;z-index:99;} .sf-menu ul{padding-left:0 !important;position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */} .sf-menu ul li{width:100%;} .sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */} .sf-menu li{float:left;position:relative;} .sf-menu a{display:block;position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */ z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em;/* match ul width */ top:0;} /*** DEMO SKIN ***/ .sf-menu{float:left;margin-bottom:1em;} .sf-menu a{border-left:1px solid #fff;border-top:1px solid #CFDEFF;padding:.75em 1em;text-decoration:none;} .sf-menu a,.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/ color:#13a;} .sf-menu li{background:#BDD2FF;} .sf-menu li li{background:#AABDE6;} .sf-menu li li li{background:#9AAEDB;} .sf-menu li:hover,.sf-menu li.sfHover, .sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#CFDEFF;outline:0;} /*** arrows **/ .sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;/* IE6 only */ width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;} a > .sf-sub-indicator{/* give all except IE6 the correct values */ top:.8em;background-position:0 -100px;/* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;/* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator{background-position:-10px 0;} .sf-menu ul a > .sf-sub-indicator{background-position:0 0;} /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;} .sf-shadow ul.sf-shadow-off{background:transparent;} /* RTL Superfish - By Chad Kieffer (Modified by Mehrpadin) ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .sf-menu.rtl, .sf-menu.rtl li{float:right;} .sf-menu.rtl a.sf-with-ul{padding-left:2.25em;padding-right:1em;} .sf-menu.rtl .sf-sub-indicator{left:.75em !important;right:auto;background:url('../images/arrows-ffffff-rtl.png') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */} .sf-menu.rtl a > .sf-sub-indicator{/* give all except IE6 the correct values */ top:.8em;background-position:-10px -100px;/* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ .sf-menu.rtl a:focus > .sf-sub-indicator, .sf-menu.rtl a:hover > .sf-sub-indicator, .sf-menu.rtl a:active > .sf-sub-indicator, .sf-menu.rtl li:hover > a > .sf-sub-indicator, .sf-menu.rtl li.sfHover > a > .sf-sub-indicator{background-position:0 -100px;/* arrow hovers for modern browsers*/} /* point left for anchors in subs */ .sf-menu.rtl ul .sf-sub-indicator{background-position:0 0;} .sf-menu.rtl ul a > .sf-sub-indicator{background-position:-10px 0;} /* apply hovers to modern browsers */ .sf-menu.rtl ul a:focus > .sf-sub-indicator, .sf-menu.rtl ul a:hover > .sf-sub-indicator, .sf-menu.rtl ul a:active > .sf-sub-indicator, .sf-menu.rtl ul li:hover > a > .sf-sub-indicator, .sf-menu.rtl ul li.sfHover > a > .sf-sub-indicator{background-position:0 0;/* arrow hovers for modern browsers*/} /*** Point all arrows down ***/ .sf-navbar.rtl ul .sf-sub-indicator{background-position:0 -100px;} .sf-navbar.rtl ul a > .sf-sub-indicator{background-position:-10px -100px;} /* apply hovers to modern browsers */ .sf-navbar.rtl ul a:focus > .sf-sub-indicator, .sf-navbar.rtl ul a:hover > .sf-sub-indicator, .sf-navbar.rtl ul a:active > .sf-sub-indicator, .sf-navbar.rtl ul li:hover > a > .sf-sub-indicator, .sf-navbar.rtl ul li.sfHover > a > .sf-sub-indicator{background-position:0 -100px;/* arrow hovers for modern browsers*/} /* Point left for anchors in subs */ .sf-navbar.rtl ul ul .sf-sub-indicator{background-position:0 0;} .sf-navbar.rtl ul ul a > .sf-sub-indicator{background-position:-10px 0;} /* apply hovers to modern browsers */ .sf-navbar.rtl ul ul a:focus > .sf-sub-indicator, .sf-navbar.rtl ul ul a:hover > .sf-sub-indicator, .sf-navbar.rtl ul ul a:active > .sf-sub-indicator, .sf-navbar.rtl ul ul li:hover > a > .sf-sub-indicator, .sf-navbar.rtl ul ul li.sfHover > a > .sf-sub-indicator{background-position:0 0;/* arrow hovers for modern browsers*/} .sf-menu.rtl li:hover ul, .sf-menu.rtl li.sfHover ul{right:0;} .sf-menu.rtl li li:hover ul, .sf-menu.rtl li li.sfHover ul{right:12em;/* match ul width */} .sf-menu.rtl li li li:hover ul, .sf-menu.rtl li li li.sfHover ul{right:12em;/* match ul width */} .sf-navbar.rtl li li:hover ul, .sf-navbar.rtl li li.sfHover ul{right:0;} .sf-navbar.rtl li li li:hover ul, .sf-navbar.rtl li li li.sfHover ul{right:13em;} /*** shadows for all but IE6 ***/ .sf-menu.rtl .sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom left;padding:0 0 9px 8px;-moz-border-radius-bottomright:17px;-moz-border-radius-topleft:17px;-webkit-border-top-left-radius:17px;-webkit-border-bottom-right-radius:17px;} .sf-vertical.rtl li:hover ul, .sf-vertical.rtl li.sfHover ul{left:auto;/* match ul width */ right:11em;} /* alter arrow directions */ .sf-vertical.rtl .sf-sub-indicator{background-position:-10px 0;} /* IE6 gets solid image only */ .sf-vertical.rtl a > .sf-sub-indicator{background-position:0 0;} /* use translucent arrow for modern browsers*/ /* hover arrow direction for modern browsers*/ .sf-vertical.rtl a:focus > .sf-sub-indicator, .sf-vertical.rtl a:hover > .sf-sub-indicator, .sf-vertical.rtl a:active > .sf-sub-indicator, .sf-vertical.rtl li:hover > a > .sf-sub-indicator, .sf-vertical.rtl li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/} /* css/superfish-vertical.css */ /* -------------------------------------------------------------- */ /* $Id:superfish-vertical.css,v 1.3 2010/03/27 09:18:40 mehrpadin Exp $ */ /*** Adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .sf-vertical,.sf-vertical li{width:12em;} /* This lacks ul at the start of the selector,so the styles from the main CSS file override it where needed */ .sf-vertical li:hover ul, .sf-vertical li.sfHover ul{left:12em;/* match ul width */ top:0;} /*** Alter arrow directions ***/ .sf-vertical .sf-sub-indicator{background-position:-10px 0;} /* IE6 gets solid image only */ .sf-vertical a > .sf-sub-indicator{background-position:0 0;} /* use translucent arrow for modern browsers*/ /* Hover arrow direction for modern browsers*/ .sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/} /* css/superfish-aovbar.css */ /* -------------------------------------------------------------- */ /* $Id:superfish-navbar.css,v 1.3 2010/03/27 09:18:40 mehrpadin Exp $ */ /*** Adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar{height:2.5em;padding-bottom:2.5em !important;padding-left:0 !important;position:relative;width:100%;z-index:97;} .sf-navbar li{position:static;} .sf-navbar a{border-top:none;} .sf-navbar li ul{width:100%;/*IE6 soils itself without this*/} .sf-navbar li li{position:relative;} .sf-navbar li li ul{width:14em;} .sf-navbar li li li{width:100%;} .sf-navbar ul li{width:auto;float:left;} .sf-navbar a,.sf-navbar a:visited{border:none;} ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */} ul.sf-navbar .current ul ul{top:-999em;} .sf-navbar li li.current > a{font-weight:bold;} /*** Point all arrows down ***/ .sf-navbar ul .sf-sub-indicator{background-position:-10px -100px;} .sf-navbar ul a > .sf-sub-indicator{background-position:0 -100px;} /* Apply hovers to modern browsers */ .sf-navbar ul a:focus > .sf-sub-indicator, .sf-navbar ul a:hover > .sf-sub-indicator, .sf-navbar ul a:active > .sf-sub-indicator, .sf-navbar ul li:hover > a > .sf-sub-indicator, .sf-navbar ul li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;/* arrow hovers for modern browsers*/} /* Point right for anchors in subs */ .sf-navbar ul ul .sf-sub-indicator{background-position:-10px 0;} .sf-navbar ul ul a > .sf-sub-indicator{background-position:0 0;} /* Apply hovers to modern browsers */ .sf-navbar ul ul a:focus > .sf-sub-indicator, .sf-navbar ul ul a:hover > .sf-sub-indicator, .sf-navbar ul ul a:active > .sf-sub-indicator, .sf-navbar ul ul li:hover > a > .sf-sub-indicator, .sf-navbar ul ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/} /*** Remove shadow on first submenu ***/ .sf-navbar > li > ul{background:transparent;padding:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0;}