/*! normalize.css v1.1.0 | MIT License | git.io/normalize */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} /** * Address styling not present in IE 7/8/9,Firefox 3,and Safari 4. * Known issue:no IE 6 support. */ [hidden]{display:none;} /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change,without disabling * user zoom. */ html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} html,button,input,select,textarea{font-family:sans-serif;} /** * Address margins handled incorrectly in IE 6/7. */ body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+,Safari 5,* and Chrome. */ h1{font-size:2em;margin:0.67em 0;} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:0.83em;margin:1.67em 0;} h6{font-size:0.67em;margin:2.33em 0;} /** * Address styling not present in IE 7/8/9,Safari 5,and Chrome. */ abbr[title]{border-bottom:1px dotted;} /** * Address style set to `bolder` in Firefox 3+,Safari 4/5,and Chrome. */ b,strong{font-weight:bold;} blockquote{margin:1em 40px;} dfn{font-style:italic;} /** * Address differences between Firefox and other browsers. * Known issue:no IE 6/7 normalization. */ hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} /** * Address styling not present in IE 6/7/8/9. */ mark{background:#ff0;color:#000;} /** * Address margins set differently in IE 6/7. */ p,pre{margin:1em 0;} /** * Correct font family set oddly in IE 6,Safari 4/5,and Chrome. */ code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} /** * Address CSS quotes not supported in IE 6/7. */ q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} /** * Address margins set differently in IE 6/7. */ dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} /** * Address paddings set differently in IE 6/7. */ menu,ol,ul{padding:0 0 0 40px;} nav ul,nav ol{list-style:none;list-style-image:none;} /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img{border:0; -ms-interpolation-mode:bicubic;} svg:not(:root){overflow:hidden;} /** * Address margin not present in IE 6/7/8/9,Safari 5,and Opera 11. */ figure{margin:0;} /** * Correct margin displayed oddly in IE 6/7. */ form{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend{border:0; padding:0;white-space:normal; *margin-left:-7px;} /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7,Firefox 3+,Safari 5,* and Chrome. * 3. Improve appearance and consistency in all browsers. */ button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;} button,input{line-height:normal;} button,select{text-transform:none;} button,html input[type="button"], input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer; *overflow:visible;} button[disabled],html input[disabled]{cursor:default;} /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue:excess padding remains in IE 6. */ input[type="checkbox"],input[type="radio"]{box-sizing:border-box; padding:0; *height:13px; *width:13px;} input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea{overflow:auto; vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} /** * RESET * * From:csswizardry.com/2011/10/reset-restarted * Not really a reset,but rather a restart */ *,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr{margin:0;padding:0;} abbr[title],dfn[title]{cursor:help;} u,ins{text-decoration:none;} ins{border-bottom:1px solid;} img{font-style:italic;} label,input,textarea,button,select,option{cursor:pointer;} .text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:none;} i.reset{font-style:normal;} abbr[title].reset{border-bottom:none;text-decoration:none;} .wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4,.wf-loading h5,.wf-loading h6,.wf-loading p,.wf-loading button,.wf-loading li,.wf-loading a{visibility:hidden;} /** * Micro clearfix,as per:css-101.org/articles/clearfix/latest-new-clearfix-so-far.php */ .cf:after{content:"";display:table;clear:both;} .clear{clear:both;} .clear--left{clear:left;} .clear--right{clear:right;} /** * Vertical Rhythm * (http://csswizardry.com/2012/06/single-direction-margin-declarations/) * Here we are defining all our margins in one direction. This means * we will always use margin-bottom to push elements down the page,* and margin-left to push elements across the page. * * Benefits:* - Easier to define vertical rhythm all at once and conveniently in once stylesheet * - More confidence in moving and removing components if you know their margins all push * in the same direction. * - Don't have to worry about collapsing margins * - Elements don't have to live in a certain order if their margins aren't dependent on * adjoining sides. * * NOTE:* The units are all based off of a base-spacing-unit of 24px */ h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dl,blockquote,p,address,table,fieldset,figure,pre,.media,.island,.islet{margin-bottom:24px;} hr{margin-bottom:22px;} ul,ol,dd{margin-left:48px;} .btn{} .btn--plain{background:none;border:none;line-height:24px;padding:0 0;} .btn--login-link,.btn--login-link:visited{background-color:rgb(0,32,81); border:none;border-radius:5px;color:#FFF;display:inline-block;font-size:13px;padding:3px 0;text-align:center;text-decoration:none;width:75px;} .btn--login-link:hover{ color:#FFF;text-decoration:underline;} .btn--disabled{opacity:0.6;-webkit-filter:grayscale(100%); filter:grayscale(100%);} .x-body{color:#333;font-family:inherit;font-size:inherit;} .x-grid-table{margin-bottom:0;} .x-grid-table th,.x-grid-table td{padding:0 0;} .x-toolbar table td table{width:auto;} .x-grid-panel .x-grid3-row table,.x-grid-view table{margin-bottom:0;} .extjs-reset div,.extjs-reset dl,.extjs-reset dt,.extjs-reset dd,.extjs-reset ul,.extjs-reset ol,.extjs-reset li,.extjs-reset h1,.extjs-reset h2,.extjs-reset h3,.extjs-reset h4,.extjs-reset h5,.extjs-reset h6,.extjs-reset pre,.extjs-reset form,.extjs-reset fieldset,.extjs-reset input,.extjs-reset p,.extjs-reset blockquote,.extjs-reset table,.extjs-reset th,.extjs-reset td{margin:0;} .extjs-reset dl,.extjs-reset dt,.extjs-reset dd,.extjs-reset ul,.extjs-reset ol,.extjs-reset li,.extjs-reset h1,.extjs-reset h2,.extjs-reset h3,.extjs-reset h4,.extjs-reset h5,.extjs-reset h6,.extjs-reset pre,.extjs-reset form,.extjs-reset fieldset,.extjs-reset input,.extjs-reset p,.extjs-reset blockquote,.extjs-reset th,.extjs-reset td{padding:0;} .extjs-reset img,.extjs-reset body{border:0;} .extjs-reset address,.extjs-reset caption,.extjs-reset cite,.extjs-reset code,.extjs-reset dfn,.extjs-reset em,.extjs-reset strong,.extjs-reset th,.extjs-reset var{font-style:normal;font-weight:normal;} .extjs-reset ol,.extjs-reset ul{list-style:none;} .extjs-reset caption,.extjs-reset th{text-align:left;} .extjs-reset h1,.extjs-reset h2,.extjs-reset h3,.extjs-reset h4,.extjs-reset h5,.extjs-reset h6{font-size:100%;} .extjs-reset q:before,.extjs-reset q:after{content:'';} .extjs-reset .x-datepicker-column-header,.extjs-reset .x-datepicker-column-header-inner{text-align:right;} .extjs-reset .x-datepicker-header{padding:0;} /** * Grids * * As per:https://github.com/stubbornella/oocss * * Example:* Two Column (50/50) Grid
Column 1
Column 2
*/ .line,.lastUnit,.last--unit{overflow:hidden;*overflow:visible;*zoom:1;} .line--gutter{margin-left:-24px;} .line-flex{display:flex;flex-wrap:wrap;} .line-flex--justify-between{justify-content:space-between;} .unit{float:left;} .grid-2-column{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:24px;} .line--gutter .unit,.unit--gutter{float:left;padding:0 0 0 24px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .unit--gutter{padding-left:0;} .unit--gutter--rev{float:left;padding:0 24px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .unitRight,.unit--right{float:right;} .unit--inline{display:inline-block;*display:inline;zoom:1;} .size1of1{float:none;} .size1of2{width:50%;} .size1of2--gutter{width:49%;} .size1of3{width:33.33333%;} .size1of3--gutter{width:30.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size3of4--gutter{width:75%;*width:72%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .size1of6{width:16.6666%;} .size5of6{width:83.3333%;} .size1of1{width:100%;} .size-sm-1of1{width:100%;} .size960{width:960px;} .size960--center{margin-left:auto;margin-right:auto;} .size960--min{min-width:960px;width:100%;} .size1080{width:1080px;} .size1080--min{min-width:1080px;width:100%;} .size1080--max{width:100%;max-width:1080px;} .size1080--max.margin-auto{margin:auto;} .size1140{width:1140px;} .size1280{width:1280px;} .size1280--max{max-width:1280px;width:100%;} .size1280--min{min-width:1280px;width:100%;} .lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;} .site--section{margin-bottom:inherit;margin-left:auto;margin-right:auto;margin-top:inherit;} .site--section--left{margin:inherit inherit inherit 0;} .equidistant{text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines;} .equidistant__unit{text-align:left;vertical-align:top;} .equidistant__spacer{display:inline-block;*display:inline;font-size:0;line-height:0;width:100%;} .multi-column{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin-bottom:24px;} .multi-column__col-span{-webkit-column-span:all;column-span:all;text-align:center;} .multi-column--3{-webkit-column-count:3;-moz-column-count:3;column-count:3;} .multi-column--4{-webkit-column-count:4;-moz-column-count:4;column-count:4;} .multi-column--5{-webkit-column-count:5;-moz-column-count:5;column-count:5;} .multi-column--6{-webkit-column-count:6;-moz-column-count:6;column-count:6;} .multi-column--wide-gap{-webkit-column-gap:48px;-moz-column-gap:48px;column-gap:48px;} .multi-column--narrow-gap{-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;} @media screen and (max-width:780px){ .size960{width:100%;} .size960--min,.size1080--min{min-width:100%;} .side-content{display:none;} .size3of4{width:100%;}} @media screen and (min-width:780px){.unit--gutter{padding-left:24px;} .size-sm-760{width:760px;} .size-xs-680{width:680px;}} @media screen and (min-width:960px){.size-md-760{width:760px;} .size-md-960{width:960px;} .size1080-desktop{width:1080px;}} @media screen and (min-width:1080px){.size-md-760{width:760px;} .size-md-960{width:960px;} .size-md-1080{width:1080px;}} @media screen and (max-width:1080px){.size1080--max{padding-left:10px;padding-right:10px;}} @media screen and (min-width:1400px){.size-lg-1280{width:1280px;} .size-lg-960{width:960px;} .size-lg-760{width:760px;}} @media screen and (min-width:1700px){.size-xl-1620{width:1620px;} .size-xl-1280{width:1280px;} .size-xl-960{width:960px;} .size-xl-760{width:760px;}} @media (min-width:760px) and (max-width:959px){.size-sm-760{width:760px;} .size-xs-680{width:680px;}} @media (min-width:458px) and (max-width:759px){} @media (max-width:780px){ .size960,.size960--min,.size3of4,.size-md-760,.size-md-960,.size-md-1080,.size-lg-760,.size-lg-960,.size-lg-1280,.size-xl-760,.size-xl-960,.size-xl-1280,.size-xl-1620{width:100%;}} @media (max-width:480px){.sm-flex-column{flex-flow:column;}} html{/*font:1em/1.5 "Myriad Pro","Helvetica","Arial",sans-serif;*/ font:1em/1.5 "Source Sans Pro",Arial,Helvetica,sans-serif;*font:1em/1.5 "Arial","sans-serif";font:1em/1.5 "Arial","sans-serif"\9;line-height:1.5;min-height:100%;overflow-y:auto;} /* ## Headings ### Licensed under Unlicense Ideas for this orginated from [csswizardy](http://www.csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css) and the fundamentals of OOCSS. When we define a heading we also define a corresponding class to go with it. This allows us to apply,say,"class=h2" to a "h3";a double-stranded heading hierarchy. ```

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
``` */ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;} h1,.h1{font-size:32px;font-weight:300;line-height:1.5;} h2,.h2{font-size:28px;} h3,.h3{font-size:26px;} h4,.h4{font-size:24px;} h5,.h5{font-size:20px;} h6,.h6{font-size:16px;} .h7{font-size:14px;} /* ## Sub Headings **.subheading** _Experimental_ ```

This is a sub heading

This is a sub heading

This is a sub heading

This is a sub heading
``` */ .subheading{color:#00A8C6;} /* ## Heading that has a paragraph directly beneath

Heading with paragraph directly beneath

Lorem ipsum dolor sit amet,consectetur adipisicing elit. Quis,nihil.

*/ .h-p{color:#555;font-family:Cabin,Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;line-height:24px;margin-bottom:0;text-align:left;} /** * Heading groups and generic any-heading class. * To target any heading of any level simply apply a class of `.hN`,e.g.:*

Bats Exchange

Best. Exchange. Ever!

* * NOTE:I'm not sure if the hgroup is useful anymore since it has been removed * from the HTML5 spec. */ .hN{} .hN__text,.hN__text--left,.hN__text--right{display:inline-block;} .hN__text--left{float:left;margin-right:24px;} .hN__text--right{float:right;margin-left:24px;} hgroup .hN{margin-bottom:0;} .giga{} .mega{} .kilo{} /* ## Small Fonts ## A series of classes for setting small type

This is small text.

This is even small text

*/ small,.milli{font-size:12px;} .micro{font-size:10px;} /** * Headers that require an image from our sprite * By default,the sprite image is on the left and applies a right margin to the * sprite element and applies a bottom margin to the header itself * * Example:

Get Connected

*/ .hN--sprite{margin-bottom:32px;} .hN--sprite .sprite{margin-right:8px;} /** * Headers that have an alpha value applied to the background color * * Example:

Our Company

*/ .hN--alpha75{background-color:#000;background-color:rgba(0,0,0,.75);color:rgba(255,255,255,1);} .hN--alpha66{background-color:#000;background-color:rgba(0,0,0,.66);color:rgba(255,255,255,1);} .hN--alpha50{background-color:#000;background-color:rgba(0,0,0,.50);color:rgba(255,255,255,1);} .hN--alpha25{background-color:#000;background-color:rgba(0,0,0,.25);color:rgba(255,255,255,1);} q{quotes:'\201C' '\201D' '\2018' '\2019';} q:before{content:open-quote;} q:after{content:close-quote;} blockquote{quotes:'\201C' '\201D' '\2018' '\2019';} blockquote p:before{content:'\201C';content:open-quote;} blockquote p:after{content:"";content:no-close-quote;} blockquote p:lastof-type:after{content:'\201D';content:close-quote;} blockquote q:before{content:'\2018';content:open-quote;} blockquote q:after{content:'\2019';content:close-quote;} blockquote{text-indent:-0.41em;} blockquote p:lastof-type{margin-bottom:0;} .source{display:block;text-indent:0px;} .source:before{content:'\2014';} pre{overflow:auto;} pre mark{background:none;border-bottom:1px solid;color:inherit;} mark{background-color:rgb(0,168,45);color:white;margin-right:2px;padding:0 4px;} .code-comment{ filter:alpha(opacity=75);opacity:0.75;} /** * You can add line numbers to your code examples but be warned,it requires * some pretty funky looking markup,e.g.:*
  1. .nav{
  2. list-style:none;
  3. margin-left:0;
  4. }
  5. .nav > li,
  6. .nav > li > a{
  7. display:inline-block;
  8. *display:inline-block;
  9. zoom:1;
  10. }
* * 1. Make the list look like code. * 2. Give the list flush numbers with a leading zero. * 3. Make sure lines of code don’t wrap. * 4. Give the code form by forcing the `code` to honour white-space. */ .line-numbers{font-family:monospace,serif;list-style:decimal-leading-zero inside;white-space:nowrap;overflow:auto;margin-left:0;} .line-numbers code{white-space:pre;} img{max-width:100%;} img[width]{max-width:none;} .img--round{border-radius:5px;} .img--round-circle{border-radius:100%;} .img--round-giga{border-radius:75%;} .img--round-mega{border-radius:50%;} .img--round-kilo{border-radius:25%;} .img--right{float:right;margin-bottom:8px;margin-left:8px;} .img--left{float:left;margin-right:8px;margin-bottom:8px;} .img--center{display:block;margin-bottom:8px;margin-left:auto;margin-right:auto;} figure > img{display:block;} ul.reset,ol.reset,dl.reset{margin:0 0 24px 0px;} ul.reset li,ol.reset li,dl.reset dd{list-style-position:outside;list-style-type:none;margin:0 0;} ul.base li,ol.base li{list-style-position:outside;margin:0 0 24px 36px;} ul.base li{list-style-type:disc;} dl.base dt{color:#555;font-family:Cabin,Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;line-height:24px;margin-bottom:0;margin-top:16px;} dl.base dt:first-child{margin-top:0;} dl.base dd{margin-bottom:16px;margin-left:0;} ol.base li,.numbered-list{list-style-type:decimal;} .lower-roman-list li{list-style-type:lower-roman;} .lower-alpha > li{list-style-type:lower-alpha;} ul.spaced-list li,ol.spaced-list li,dl.spaced-list dt,dl.spaced-list dd{margin-bottom:24px;} li > ul,li > ol{margin-bottom:0;} .footnote-list{counter-reset:footnote-counter;margin-bottom:24px;margin-left:0;padding-left:0;} .footnote-list__item{line-height:24px;list-style:none;margin-bottom:0;padding-left:12px;position:relative;} .footnote-list__item:before{content:counter(footnote-counter);counter-increment:footnote-counter;font-size:9px;left:0px;position:absolute;text-align:right;top:-3px;} .footnote-list__item ul{list-style-type:disc;margin-left:36px;} .footnote-list__item ul li ul{list-style-type:circle;} .num-parentheses-list{counter-reset:num-parentheses-counter;margin-left:0;padding-left:0;} .num-parentheses-list > li{list-style:none;position:relative;} .num-parentheses-list > li:before{content:'(' counter(num-parentheses-counter) ')';counter-increment:num-parentheses-counter;margin-left:-32px;position:absolute;} ul.base--no-space > li,ol.base--no-space > li{margin-bottom:0;} table{width:100%;} th,td{line-height:1.5;padding:0 4px;text-align:left;vertical-align:top;} [colspan]{text-align:center;} [colspan="1"]{text-align:left;} [rowspan]{vertical-align:middle;} [rowspan="1"]{vertical-align:top;} .numerical{text-align:right;} /** * Available column width helpers. Suggested use is to apply these to 'col' elements * which should be inside of a 'colgroup' element. * Ex
Lorem Ipsum Dolor Sit
Sit Dolor 03.788 Lorem
Dolor 32.210 Lorem
*/ .t5{width:5%} .t10{width:10%} .t12{width:12.5%} /* 1/8 */ .t15{width:15%} .t20{width:20%} .t25{width:25%} /* 1/4 */ .t30{width:30%} .t33{width:33.333%} /* 1/3 */ .t35{width:35%} .t37{width:37.5%} /* 3/8 */ .t40{width:40%} .t45{width:45%} .t50{width:50%} /* 1/2 */ .t55{width:55%} .t60{width:60%} .t62{width:62.5%} /* 5/8 */ .t65{width:65%} .t66{width:66.666%} /* 2/3 */ .t70{width:70%} .t75{width:75%} /* 3/4*/ .t80{width:80%} .t85{width:85%} .t87{width:87.5%} /* 7/8 */ .t90{width:90%} .t95{width:95%} .table{display:table;} .table--left-edge tr > th,.table--left-edge tr > td{padding-left:0;} .table--center{margin:0 auto;} .table--bordered th,.table--bordered td{border:1px solid #333;} .table--bordered th:empty,.table--bordered td:empty{border:none;} .table--bordered tr:last-child th{border-bottom-width:2px;} .table--bordered tr th:last-of-type{border-right-width:2px;} .table--bordered tbody tr:last-child th:first-child{border-bottom-width:1px;} .table--bordered tbody tr th:first-child{border-right-width:1px;} .table--striped tbody tr:nth-of-type(odd){background-color:#FFC;} .table--data{font:12px/1.5 sans-serif;} .table--text-right th,.table--text-right td{text-align:right;} .table--text-left th,.table--text-left td{text-align:left;} .table--text-center th,.table--text-center td{text-align:center;} /** * Nav styles * * When used with an ordered or unordered list,this class will display the list horizontally. * Note:you may need to extend the clearfix class (.cf) * Example:* */ .nav,nav > ul,.nav > ul,nav > ol,.nav > ol{list-style:none;margin-left:0px;} .nav li,.nav > li > a,.nav > ul > li > a,.nav > ol > li > a{display:inline-block;*display:inline;zoom:1;} .nav li{*display:inline;} .nav a{text-decoration:none;} .nav a:hover{text-decoration:underline;} /** * .nav--stacked * @extends .nav * * Example:* */ .nav--stacked ul > li,.nav--stacked > li{display:list-item;} .nav--stacked li{*display:block;} .nav--stacked ul > li > a,.nav--stacked > li > a{display:block;} /** * .nav--tree * @extends .nav * * Example: **/ .nav--tree > li{display:list-item;} .nav--tree li{*display:list-item;*zoom:1;} .nav--tree > li > a{display:block;} .nav--tree li a{*display:block;} .nav--tree__branch{cursor:pointer;} .nav--tree__branch > ul{list-style:none;} .nav--tree__branch > ul > li{display:block;} .nav--banner{text-align:center;} .nav--block{letter-spacing:-0.31em;line-height:1;word-spacing:-0.43em;white-space:nowrap;} .nav--block > li{letter-spacing:normal;word-spacing:normal;} .nav--block > li > a{padding:12px;} /** * Gives Nested sub navigations default spacing * Currently,extending .nav is not required * .nav--sub * Ex. **/ .nav--sub{ margin-bottom:0;margin-left:12px;} /** * Creates a horizontal menu with right dividing borders on the inner link of each * list item and applies a background color. * @extends .nav * * Example: */ .nav--divider{overflow:hidden;} .nav--divider li:first-child{border-left:1px solid #C8C8C8;} .nav--divider > li{background-color:#F8F8F8;border-color:#C8C8C8;border-style:solid none;border-width:1px;display:block;float:left;} .nav--divider a{border-color:#F8F8F8 #666666 #F8F8F8 #F8F8F8;border-style:solid;border-width:1px; display:block;margin:4px 0;padding:0 8px;text-decoration:underline;} .nav--divider a:visited{} .nav--divider a:visited:hover{color:#8DB809;} .nav--divider__last,li.nav--divider__last{border-left:none;border-right:1px solid #C8C8C8;} .nav--divider li:last-child{border-left:none;border-right:1px solid #C8C8C8;} .nav--divider__last a{border-right:none;} .nav--divider li:last-child a{border-right:none;} .nav--divider__outcast,.nav--divider__outcast:first-child{border-right:1px solid #C8C8C8;padding:5px 8px;} .nav--divider__selected a{font-weight:bold;} .nav--divider .nav--divider__selected a{ color:#00A8C6;cursor:default;text-decoration:none;} .nav--divider .nav--divider__selected a:hover{color:#00A8C6;} /** * Creates a horizontal menu with a right border simulating a pipe as a divider between * two menu items * .nav--piped * @extends .nav * * Example: */ .nav--piped{ overflow:visible;} .nav--piped li{border-right:1px solid #666;padding:0 13px 0 12px;} .nav--piped li:first-child{padding-left:0;} .nav--piped li:last-child{border-right:none;} .nav--piped__last-item{border-right:none;} .nav--piped a{text-decoration:underline;} .nav--piped__outcast,.nav--piped .nav--piped__outcast{border-right:none;} .nav--spaced li{padding-right:24px;} .nav--spaced li:last-child{padding-right:0;} .nav--spaced__last-item{padding-right:0;} .nav--spaced-large li{padding-right:40px;} .nav--spaced-large li:last-child{padding-right:0;} .nav--spaced__last-item{padding-right:0;} /** * Creates a horizontal menu with each nav item having a border * .nav--box * @extends .nav * * Example: */ .nav--box{overflow:hidden;} .nav--box li{background:#F2F2F2;border:solid #D9D9D9;border-width:1px 0 1px 1px;display:block;float:left;} .nav--box li:last-child{border-width:1px;} .nav--box a{color:#808080;display:block;padding:4px 8px;} .nav--box a:visited{color:#808080;} .nav--box a:hover{color:#8DB809;} .nav--box__selected,li.nav--box__selected{background:#FFF;} li.nav--box__selected a,li.nav--box__selected a:visited{color:#00A8C6;} /** * Creates a horizontal menu but the menu items are aligned justified. * @extends .nav * * Example:* The use of this class requires that the .nav and .nav--justify selector must * be placed in the lists parent element,such as the