/* -------------------------------------------------- 0.0 TABLE of CONTENTS -------------------------------------------------- 1.0 Global Reset and Standards 1.1 Reset 1.2 Links 1.3 Lists 1.4 Tables 1.5 Forms 1.6 Miscellaneous 2.0 Typography 2.1 Headings and Paragraphs 2.2 Blockquotes 2.3 Miscellaneous 3.0 Scaffolding 3.1 Grids 3.2 Responsive Grids 3.3 Panels and Specialty Boxes 4.0 Components 4.1 Navigation 4.2 Buttons 4.3 Alerts 4.4 Labels, Badges and Tags 4.5 Icons 5.0 Light on Dark 5.1 Standards 5.2 Typography 5.3 Components 6.0 Touch-Specific Elements 6.1 Links --------------------------------------------------- */ /* -------------------------------------------------- 1.0 Global Reset and Standards 1.1 Reset 1.2 Links 1.3 Lists 1.4 Tables 1.5 Forms 1.6 Miscellaneous --------------------------------------------------- */ /* 1.1 Reset --------------------------------------------------- */ #page-header, #page-header div, #page-header span, #page-header applet, #page-header object, #page-header iframe, #page-content, #page-content div, #page-content span, #page-content applet, #page-content object, #page-content iframe, #page-footer, #page-footer div, #page-footer span, #page-footer applet, #page-footer object, #page-footer iframe, #page-header h1, #page-header h2, #page-header h3, #page-header h4, #page-header h5, #page-header h6, #page-header p, #page-header blockquote, #page-header pre, #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6, #page-content p, #page-content blockquote, #page-content pre, #page-footer h1, #page-footer h2, #page-footer h3, #page-footer h4, #page-footer h5, #page-footer h6, #page-footer p, #page-footer blockquote, #page-footer pre, #page-header a, #page-header abbr, #page-header acronym, #page-header address, #page-header big, #page-header cite, #page-header code, #page-content a, #page-content abbr, #page-content acronym, #page-content address, #page-content big, #page-content cite, #page-content code, #page-footer a, #page-footer abbr, #page-footer acronym, #page-footer address, #page-footer big, #page-footer cite, #page-footer code, #page-header del, #page-header dfn, #page-header em, #page-header img, #page-header ins, #page-header kbd, #page-header q, #page-header s, #page-header samp, #page-content del, #page-content dfn, #page-content em, #page-content img, #page-content ins, #page-content kbd, #page-content q, #page-content s, #page-content samp, #page-footer del, #page-footer dfn, #page-footer em, #page-footer img, #page-footer ins, #page-footer kbd, #page-footer q, #page-footer s, #page-footer samp, #page-header small, #page-header strike, #page-header strong, #page-header sub, #page-header sup, #page-header tt, #page-header var, #page-content small, #page-content strike, #page-content strong, #page-content sub, #page-content sup, #page-content tt, #page-content var, #page-footer small, #page-footer strike, #page-footer strong, #page-footer sub, #page-footer sup, #page-footer tt, #page-footer var, #page-header b, #page-header u, #page-header i, #page-header center, #page-content b, #page-content u, #page-content i, #page-content center, #page-footer b, #page-footer u, #page-footer i, #page-footer center, #page-header dl, #page-header dt, #page-header dd, #page-header ol, #page-header ul, #page-header li, #page-content dl, #page-content dt, #page-content dd, #page-content ol, #page-content ul, #page-content li, #page-footer dl, #page-footer dt, #page-footer dd, #page-footer ol, #page-footer ul, #page-footer li, #page-header fieldset, #page-header form, #page-header label, #page-header legend, #page-content fieldset, #page-content form, #page-content label, #page-content legend, #page-footer fieldset, #page-footer form, #page-footer label, #page-footer legend, #page-header table, #page-header caption, #page-header tbody, #page-header tfoot, #page-header thead, #page-header tr, #page-header th, #page-header td, #page-content table, #page-content caption, #page-content tbody, #page-content tfoot, #page-content thead, #page-content tr, #page-content th, #page-content td, #page-footer table, #page-footer caption, #page-footer tbody, #page-footer tfoot, #page-footer thead, #page-footer tr, #page-footer th, #page-footer td, #page-header article, #page-header aside, #page-header canvas, #page-header details, #page-header embed, #page-content article, #page-content aside, #page-content canvas, #page-content details, #page-content embed, #page-footer article, #page-footer aside, #page-footer canvas, #page-footer details, #page-footer embed, #page-header figure, #page-header figcaption, #page-header footer, #page-header header, #page-header hgroup, #page-content figure, #page-content figcaption, #page-content footer, #page-content header, #page-content hgroup, #page-footer figure, #page-footer figcaption, #page-footer footer, #page-footer header, #page-footer hgroup, #page-header menu, #page-header nav, #page-header output, #page-header ruby, #page-header section, #page-header summary, #page-content menu, #page-content nav, #page-content output, #page-content ruby, #page-content section, #page-content summary, #page-footer menu, #page-footer nav, #page-footer output, #page-footer ruby, #page-footer section, #page-footer summary, #page-header time, #page-header mark, #page-header audio, #page-header video, #page-content time, #page-content mark, #page-content audio, #page-content video, #page-footer time, #page-footer mark, #page-footer audio, #page-footer video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } #page-header article, #page-header aside, #page-header details, #page-header figcaption, #page-header figure, #page-content article, #page-content aside, #page-content details, #page-content figcaption, #page-content figure, #page-footer article, #page-footer aside, #page-footer details, #page-footer figcaption, #page-footer figure, #page-header footer, #page-header header, #page-header hgroup, #page-header menu, #page-header nav, #page-header section, #page-content footer, #page-content header, #page-content hgroup, #page-content menu, #page-content nav, #page-content section, #page-footer footer, #page-footer header, #page-footer hgroup, #page-footer menu, #page-footer nav, #page-footer section { display: block; } #page-header, #page-content, #page-footer {font-size: 62.5%;} #page-header, #page-content, #page-footer { background: #fff; color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 18px; -webkit-font-smoothing: antialiased; } #page-header blockquote, #page-header q, #page-content blockquote, #page-content q, #page-footer blockquote, #page-footer q {quotes: none;} #page-header blockquote:before, #page-header blockquote:after, #page-content blockquote:before, #page-content blockquote:after, #page-footer blockquote:before, #page-footer blockquote:after, #page-header q:before, #page-header q:after, #page-content q:before, #page-content q:after, #page-footer q:before, #page-footer q:after { content: ''; content: none; } #page-header hr, #page-content hr, #page-footer hr {border: solid #ccc; border-width: 1px 0 0; clear: both; height: 0; margin: 0 0 18px;} #page-header hr.divider, #page-content hr.divider, #page-footer hr.divider {border-color: #e5e5e5;} /* This definition is combined with the one in section 1.4 to fully configure tables table { border-collapse: collapse; border-spacing: 0; } */ #page-header sub, #page-header sup, #page-content sub, #page-content sup, #page-footer sub, #page-footer sup {font-size: .75em; line-height: 0;} #page-header sub, #page-content sub, #page-footer sub {vertical-align: sub;} #page-header sup, #page-content sup, #page-footer sup {vertical-align: super;} #page-header img, #page-content img, #page-footer img {border: 0; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic;} #page-header img.with-caption, #page-content img.with-caption, #page-footer img.with-caption {margin-bottom: 9px;} #page-header img.fancy, #page-content img.fancy, #page-footer img.fancy { border: 1px solid #e5e5e5; box-shadow: 0 2px 4px rgba(0,0,0,0.25); } #page-header :focus, #page-content :focus, #page-footer :focus {outline: none;} /* 1.2 Links --------------------------------------------------- */ #page-header a, #page-content a, #page-footer a {color: #0066cc; line-height: inherit; text-decoration: none;} #page-header a:hover, #page-content a:hover, #page-footer a:hover {color: #004d99; text-decoration: underline;} #page-header a.loud:hover, #page-content a.loud:hover, #page-footer a.loud:hover {color: #cc6600;} #page-header a.quiet:hover, #page-content a.quiet:hover, #page-footer a.quiet:hover {color: #666;} #page-header a.urgent:hover, #page-content a.urgent:hover, #page-footer a.urgent:hover {color: #990000;} #page-header a.default:hover, #page-content a.default:hover, #page-footer a.default:hover {color: #000 !important;} #page-header a.no-hover:hover, #page-content a.no-hover:hover, #page-footer a.no-hover:hover {text-decoration: none;} #page-header a:hover span.hover, #page-content a:hover span.hover, #page-footer a:hover span.hover {text-decoration: underline;} #page-header a.zoom-hover:hover, #page-content a.zoom-hover:hover, #page-footer a.zoom-hover:hover {font-size: 200%; font-weight: bold; line-height: 0;} /* 1.3 Lists --------------------------------------------------- */ #page-header ul, #page-header ol, #page-content ul, #page-content ol, #page-footer ul, #page-footer ol {margin-bottom: 18px;} #page-header ul ul, #page-header ul ol, #page-header ol ol, #page-header ol ul, #page-content ul ul, #page-content ul ol, #page-content ol ol, #page-content ol ul, #page-footer ul ul, #page-footer ul ol, #page-footer ol ol, #page-footer ol ul {margin: 9px 0 0;} #page-header ul, #page-content ul, #page-footer ul {list-style: none;} #page-header ol, #page-content ol, #page-footer ol {list-style: decimal;} #page-header ul.square, #page-header ul.circle, #page-header ul.disc, #page-header ol, #page-content ul.square, #page-content ul.circle, #page-content ul.disc, #page-content ol, #page-footer ul.square, #page-footer ul.circle, #page-footer ul.disc, #page-footer ol {margin-left: 25px;} #page-header ul.square, #page-content ul.square, #page-footer ul.square {list-style: square;} #page-header ul.circle, #page-content ul.circle, #page-footer ul.circle {list-style: circle;} #page-header ul.disc, #page-content ul.disc, #page-footer ul.disc {list-style: disc;} #page-header li, #page-content li, #page-footer li {margin-bottom: 9px;} #page-header ul.summary, #page-header ol.summary, #page-content ul.summary, #page-content ol.summary, #page-footer ul.summary, #page-footer ol.summary {list-style-position: inside; margin: 0;} #page-header ul.summary li, #page-header ol.summary li, #page-content ul.summary li, #page-content ol.summary li, #page-footer ul.summary li, #page-footer ol.summary li {margin: 0;} #page-header .list-heading, #page-content .list-heading, #page-footer .list-heading {font-weight: bold;} #page-header .list-divider, #page-content .list-divider, #page-footer .list-divider {background: #e5e5e5; height: 1px;} #page-header li + li.list-heading, #page-content li + li.list-heading, #page-footer li + li.list-heading {margin-top: 18px;} #page-header li.list-divider + li.list-heading, #page-content li.list-divider + li.list-heading, #page-footer li.list-divider + li.list-heading {margin-top: 0;} #page-header dt, #page-content dt, #page-footer dt {font-weight: bold; margin-bottom: 9px;} #page-header dd, #page-content dd, #page-footer dd {font-style: italic; margin-bottom: 18px; margin-left: 12px;} /* 1.4 Tables --------------------------------------------------- */ #page-header /* This sector combines "reset" attributes and "standards" attributes so that we do not duplicate the "table" selector */, #page-content /* This sector combines "reset" attributes and "standards" attributes so that we do not duplicate the "table" selector */, #page-footer /* This sector combines "reset" attributes and "standards" attributes so that we do not duplicate the "table" selector */ #page-header table, #page-content table, #page-footer table { border-collapse: collapse; border-spacing: 0; background-color: transparent; max-width: 100%; } #page-header .table, #page-content .table, #page-footer .table {margin-bottom: 18px; width: 100%;} #page-header .table th, #page-header .table td, #page-content .table th, #page-content .table td, #page-footer .table th, #page-footer .table td {line-height: 18px; padding: 9px; text-align: left; vertical-align: top;} #page-header .table th, #page-content .table th, #page-footer .table th {border-top: 0; font-weight: bold; vertical-align: bottom;} #page-header .table td, #page-content .table td, #page-footer .table td {border-top: 1px solid #d9d9d9;} #page-header .table th.text-right, #page-header .table td.text-right, #page-content .table th.text-right, #page-content .table td.text-right, #page-footer .table th.text-right, #page-footer .table td.text-right {text-align: right;} #page-header .table th.text-center, #page-header .table td.text-center, #page-content .table th.text-center, #page-content .table td.text-center, #page-footer .table th.text-center, #page-footer .table td.text-center {text-align: center;} #page-header .table.item-list, #page-content .table.item-list, #page-footer .table.item-list {margin-bottom: 0;} #page-header .table.item-list td, #page-content .table.item-list td, #page-footer .table.item-list td {padding-top: 9px; padding-bottom: 3px;} #page-header .table.item-list td.with-field, #page-content .table.item-list td.with-field, #page-footer .table.item-list td.with-field {padding-top: 1px;} #page-header .table.item-list td.near-h6, #page-content .table.item-list td.near-h6, #page-footer .table.item-list td.near-h6 {padding-top: 10px;} #page-header .table.item-list td.nested, #page-content .table.item-list td.nested, #page-footer .table.item-list td.nested {border: none; padding-top: 6px;} #page-header .table.item-list td h6.tighter-leading, #page-content .table.item-list td h6.tighter-leading, #page-footer .table.item-list td h6.tighter-leading {margin-bottom: 6px;} #page-header .table.item-list td p, #page-content .table.item-list td p, #page-footer .table.item-list td p {margin-bottom: 6px;} #page-header .table.item-list td p.very-tight-leading, #page-content .table.item-list td p.very-tight-leading, #page-footer .table.item-list td p.very-tight-leading {margin-bottom: 3px;} #page-header .table.item-list td p.no-leading, #page-content .table.item-list td p.no-leading, #page-footer .table.item-list td p.no-leading {margin-bottom: 0;} /* 1.5 Forms --------------------------------------------------- */ #page-header ::-webkit-input-placeholder, #page-content ::-webkit-input-placeholder, #page-footer ::-webkit-input-placeholder {color: #bfbfbf; font-style: italic;} #page-header :-moz-placeholder, #page-content :-moz-placeholder, #page-footer :-moz-placeholder {color: #bfbfbf; font-style: italic;} #page-header :-ms-input-placeholder, #page-content :-ms-input-placeholder, #page-footer :-ms-input-placeholder {color: #bfbfbf; font-style: italic;} #page-header ol.form, #page-header ol.form ol, #page-content ol.form, #page-content ol.form ol, #page-footer ol.form, #page-footer ol.form ol {list-style: none; margin-left: 0;} #page-header ol.form li, #page-content ol.form li, #page-footer ol.form li {margin-right: 12px; margin-bottom: 12px;} #page-header .form .note, #page-content .form .note, #page-footer .form .note { color: #808080; display: block; font-size: 11px; font-size: 1.1rem; line-height: 15px; } #page-header .form span.help, #page-content .form span.help, #page-footer .form span.help {margin-left: 9px;} #page-header .form li.field-group span.help, #page-content .form li.field-group span.help, #page-footer .form li.field-group span.help {margin-left: 0;} #page-header .form li.field-group input, #page-header ol.form li.field-group select, #page-content .form li.field-group input, #page-content ol.form li.field-group select, #page-footer .form li.field-group input, #page-footer ol.form li.field-group select {margin-right: 12px;} #page-header .form span.group, #page-content .form span.group, #page-footer .form span.group { display: block; float: left; margin-right: 24px; } #page-header legend, #page-content legend, #page-footer legend {font-weight: bold; padding-bottom: 12px;} #page-header label, #page-header fieldset.sub legend label, #page-content label, #page-content fieldset.sub legend label, #page-footer label, #page-footer fieldset.sub legend label {color: #808080; display: block; font-weight: bold;} #page-header label.inline-label, #page-header fieldset.sub label, #page-content label.inline-label, #page-content fieldset.sub label, #page-footer label.inline-label, #page-footer fieldset.sub label {display: inline; font-weight: normal;} #page-header fieldset.sub legend, #page-content fieldset.sub legend, #page-footer fieldset.sub legend {color: #808080; padding: 0;} #page-header fieldset.sub ol, #page-content fieldset.sub ol, #page-footer fieldset.sub ol {margin-top: 0;} #page-header fieldset.sub li, #page-content fieldset.sub li, #page-footer fieldset.sub li {margin-bottom: 6px; padding: 0;} #page-header input, #page-header select, #page-header textarea, #page-content input, #page-content select, #page-content textarea, #page-footer input, #page-footer select, #page-footer textarea { color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin: 3px 0; } #page-header input[type="password"], #page-header input[type="text"], #page-header select, #page-header textarea, #page-content input[type="password"], #page-content input[type="text"], #page-content select, #page-content textarea, #page-footer input[type="password"], #page-footer input[type="text"], #page-footer select, #page-footer textarea { background: #fff; border: 1px solid #ccc; padding: 2px 3px; } #page-header input[type="password"], #page-header input[type="text"], #page-content input[type="password"], #page-content input[type="text"], #page-footer input[type="password"], #page-footer input[type="text"] {height: 24px; line-height: 24px;} #page-header input[type="radio"], #page-header input[type="checkbox"], #page-content input[type="radio"], #page-content input[type="checkbox"], #page-footer input[type="radio"], #page-footer input[type="checkbox"] {margin: 3px 6px 3px 3px;} #page-header input.button, #page-content input.button, #page-footer input.button {-webkit-font-smoothing: antialiased;} #page-header input[type="password"].round, #page-header input[type="text"].round, #page-content input[type="password"].round, #page-content input[type="text"].round, #page-footer input[type="password"].round, #page-footer input[type="text"].round { border-radius: 72px; padding: 2px 12px; } #page-header select, #page-content select, #page-footer select { border-radius: 0; height: 30px; line-height:24px; padding-right: 3px; padding-left: 3px; -webkit-appearance: none; } #page-header @-moz-document url-prefix(), #page-content @-moz-document url-prefix(), #page-footer @-moz-document url-prefix() {select {padding-top: 5px;}} #page-header textarea, #page-content textarea, #page-footer textarea {vertical-align: top} #page-header input:active, #page-header input:focus, #page-header select:active, #page-header select:focus, #page-header textarea:active, #page-header textarea:focus, #page-content input:active, #page-content input:focus, #page-content select:active, #page-content select:focus, #page-content textarea:active, #page-content textarea:focus, #page-footer input:active, #page-footer input:focus, #page-footer select:active, #page-footer select:focus, #page-footer textarea:active, #page-footer textarea:focus { box-shadow: 0 0 6px #66ccff; } #page-header .error label, #page-header .error span.note, #page-content .error label, #page-content .error span.note, #page-footer .error label, #page-footer .error span.note {color: #990000;} #page-header .error input, #page-header .error select, #page-header .error textarea, #page-content .error input, #page-content .error select, #page-content .error textarea, #page-footer .error input, #page-footer .error select, #page-footer .error textarea {background: #ffe5e5; color: #990000; border-color: #e5b8b8;} #page-header .error .submit-link, #page-content .error .submit-link, #page-footer .error .submit-link {background: transparent; color: #0066cc;} #page-header .input-xsmall, #page-content .input-xsmall, #page-footer .input-xsmall {width: 28px;} #page-header .select-xsmall, #page-content .select-xsmall, #page-footer .select-xsmall {width: 36px;} #page-header .input-small, #page-content .input-small, #page-footer .input-small {width: 76px;} #page-header .select-small, #page-content .select-small, #page-footer .select-small {width: 84px;} #page-header .input-medium, #page-content .input-medium, #page-footer .input-medium {width: 172px;} #page-header .select-medium, #page-content .select-medium, #page-footer .select-medium {width: 180px;} #page-header .input-large, #page-content .input-large, #page-footer .input-large {width: 268px;} #page-header .select-large, #page-content .select-large, #page-footer .select-large {width: 276px;} #page-header .input-xlarge, #page-content .input-xlarge, #page-footer .input-xlarge {width: 364px;} #page-header .select-xlarge, #page-content .select-xlarge, #page-footer .select-xlarge {width: 372px;} #page-header .input-full, #page-header .select-full, #page-content .input-full, #page-content .select-full, #page-footer .input-full, #page-footer .select-full {width: 100%;} #page-header .submit-link, #page-content .submit-link, #page-footer .submit-link {background: transparent; border: none; color: #0066cc; cursor: pointer; font-weight: bold;} #page-header .submit-link:hover, #page-content .submit-link:hover, #page-footer .submit-link:hover {color: #004d99; text-decoration: underline;} #page-header .submit-link:active, #page-content .submit-link:active, #page-footer .submit-link:active { box-shadow: none; } #page-header .file-upload, #page-content .file-upload, #page-footer .file-upload {color: #0066cc; cursor: pointer; display: inline-block;} #page-header .file-upload:hover, #page-content .file-upload:hover, #page-footer .file-upload:hover {color: #004d99; text-decoration: underline;} /* 1.6 Miscellaneous --------------------------------------------------- */ #page-header .left, #page-content .left, #page-footer .left {float: left;} #page-header .right, #page-content .right, #page-footer .right {float: right;} #page-header .clear, #page-content .clear, #page-footer .clear {clear: both;} #page-header .text-left, #page-content .text-left, #page-footer .text-left {text-align: left;} #page-header .text-right, #page-content .text-right, #page-footer .text-right {text-align: right;} #page-header .text-center, #page-content .text-center, #page-footer .text-center {text-align: center;} #page-header .hide, #page-content .hide, #page-footer .hide {display: none !important;} #page-header .show, #page-content .show, #page-footer .show {display: inherit;} .no-js #page-header .hide, .no-js #page-content .hide, .no-js #page-footer .hide {display: inherit;} .no-js #page-header .show, .no-js #page-content .show, .no-js #page-footer .show {display: none;} /* -------------------------------------------------- 2.0 Typography 2.1 Headings and Paragraphs 2.2 Blockquotes 2.3 Miscellaneous --------------------------------------------------- */ /* 2.1 Headings and Paragraphs --------------------------------------------------- */ #page-header h1, #page-header h2, #page-header h3, #page-header h4, #page-header h5, #page-header h6, #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6, #page-footer h1, #page-footer h2, #page-footer h3, #page-footer h4, #page-footer h5, #page-footer h6 {color: #1a1a1a; font-weight: bold; line-height: 1.25;} #page-header h1 small, #page-header h1.small, #page-header h1 span.small, #page-header h2 small, #page-header h2.small, #page-header h2 span.small, #page-header h3 small, #page-header h3.small, #page-header h3 span.small, #page-header h4 small, #page-header h4.small, #page-header h4 span.small, #page-header h5 small, #page-header h5.small, #page-header h5 span.small, #page-header h6 small, #page-header h6.small, #page-header h6 span.small, #page-content h1 small, #page-content h1.small, #page-content h1 span.small, #page-content h2 small, #page-content h2.small, #page-content h2 span.small, #page-content h3 small, #page-content h3.small, #page-content h3 span.small, #page-content h4 small, #page-content h4.small, #page-content h4 span.small, #page-content h5 small, #page-content h5.small, #page-content h5 span.small, #page-content h6 small, #page-content h6.small, #page-content h6 span.small, #page-footer h1 small, #page-footer h1.small, #page-footer h1 span.small, #page-footer h2 small, #page-footer h2.small, #page-footer h2 span.small, #page-footer h3 small, #page-footer h3.small, #page-footer h3 span.small, #page-footer h4 small, #page-footer h4.small, #page-footer h4 span.small, #page-footer h5 small, #page-footer h5.small, #page-footer h5 span.small, #page-footer h6 small, #page-footer h6.small, #page-footer h6 span.small {color: #808080; font-weight: 300;} #page-header h1 a small, #page-header h1.small a, #page-header h1 a span.small, #page-header h2 a small, #page-header h2.small a, #page-header h2 a span.small, #page-header h3 a small, #page-header h3.small a, #page-header h3 a span.small, #page-header h4 a small, #page-header h4.small a, #page-header h4 a span.small, #page-header h5 a small, #page-header h5.small a, #page-header h5 a span.small, #page-header h6 a small, #page-header h6.small a, #page-header h6 a span.small, #page-content h1 a small, #page-content h1.small a, #page-content h1 a span.small, #page-content h2 a small, #page-content h2.small a, #page-content h2 a span.small, #page-content h3 a small, #page-content h3.small a, #page-content h3 a span.small, #page-content h4 a small, #page-content h4.small a, #page-content h4 a span.small, #page-content h5 a small, #page-content h5.small a, #page-content h5 a span.small, #page-content h6 a small, #page-content h6.small a, #page-content h6 a span.small, #page-footer h1 a small, #page-footer h1.small a, #page-footer h1 a span.small, #page-footer h2 a small, #page-footer h2.small a, #page-footer h2 a span.small, #page-footer h3 a small, #page-footer h3.small a, #page-footer h3 a span.small, #page-footer h4 a small, #page-footer h4.small a, #page-footer h4 a span.small, #page-footer h5 a small, #page-footer h5.small a, #page-footer h5 a span.small, #page-footer h6 a small, #page-footer h6.small a, #page-footer h6 a span.small {color: inherit;} #page-header h1 a, #page-header h2 a, #page-header h3 a, #page-header h4 a, #page-header h5 a, #page-header h6 a, #page-content h1 a, #page-content h2 a, #page-content h3 a, #page-content h4 a, #page-content h5 a, #page-content h6 a, #page-footer h1 a, #page-footer h2 a, #page-footer h3 a, #page-footer h4 a, #page-footer h5 a, #page-footer h6 a {font-weight: inherit;} #page-header h1, #page-content h1, #page-footer h1 {font-size: 48px; font-size: 4.8rem; margin-bottom: 18px;} #page-header h2, #page-content h2, #page-footer h2 {font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;} #page-header h3, #page-content h3, #page-footer h3 {font-size: 30px; font-size: 3.0rem; margin-bottom: 9px;} #page-header h4, #page-content h4, #page-footer h4 {font-size: 24px; font-size: 2.4rem; margin-bottom: 6px;} #page-header h5, #page-content h5, #page-footer h5 {font-size: 18px; font-size: 1.8rem; margin-bottom: 6px;} #page-header h6, #page-content h6, #page-footer h6 {font-size: 15px; font-size: 1.5rem; margin-bottom: 3px;} #page-header h1 small, #page-header h1.small, #page-header h1 span.small, #page-content h1 small, #page-content h1.small, #page-content h1 span.small, #page-footer h1 small, #page-footer h1.small, #page-footer h1 span.small {font-size: 30px; font-size: 3.0rem;} #page-header h2 small, #page-header h2.small, #page-header h2 span.small, #page-content h2 small, #page-content h2.small, #page-content h2 span.small, #page-footer h2 small, #page-footer h2.small, #page-footer h2 span.small {font-size: 24px; font-size: 2.4rem;} #page-header h3 small, #page-header h3.small, #page-header h3 span.small, #page-content h3 small, #page-content h3.small, #page-content h3 span.small, #page-footer h3 small, #page-footer h3.small, #page-footer h3 span.small {font-size: 18px; font-size: 1.8rem;} #page-header h4 small, #page-header h4.small, #page-header h4 span.small, #page-header h5 small h5.small, #page-header h5 span.small, #page-content h4 small, #page-content h4.small, #page-content h4 span.small, #page-content h5 small h5.small, #page-content h5 span.small, #page-footer h4 small, #page-footer h4.small, #page-footer h4 span.small, #page-footer h5 small h5.small, #page-footer h5 span.small {font-size: 15px; font-size: 1.5rem;} #page-header h6 small, #page-header h6.small, #page-header h6 span.small, #page-content h6 small, #page-content h6.small, #page-content h6 span.small, #page-footer h6 small, #page-footer h6.small, #page-footer h6 span.small {font-size: 13px; font-size: 1.3rem;} #page-header h1 span.small, #page-header h2 span.small, #page-header h3 span.small, #page-header h4 span.small, #page-header h5 span.small, #page-header h6 span.small, #page-content h1 span.small, #page-content h2 span.small, #page-content h3 span.small, #page-content h4 span.small, #page-content h5 span.small, #page-content h6 span.small, #page-footer h1 span.small, #page-footer h2 span.small, #page-footer h3 span.small, #page-footer h4 span.small, #page-footer h5 span.small, #page-footer h6 span.small {line-height: inherit;} #page-header .with-subheading, #page-content .with-subheading, #page-footer .with-subheading {margin-bottom: 0;} #page-header .subheading, #page-content .subheading, #page-footer .subheading {color: #808080; font-weight: 300;} #page-header .stand-alone, #page-content .stand-alone, #page-footer .stand-alone {margin-bottom: 18px !important;} #page-header h1.with-subheading + h2, #page-header h1.with-subheading + h3, #page-header h1.with-subheading + h4, #page-header h1.with-subheading + h5, #page-header h1.with-subheading + h6, #page-content h1.with-subheading + h2, #page-content h1.with-subheading + h3, #page-content h1.with-subheading + h4, #page-content h1.with-subheading + h5, #page-content h1.with-subheading + h6, #page-footer h1.with-subheading + h2, #page-footer h1.with-subheading + h3, #page-footer h1.with-subheading + h4, #page-footer h1.with-subheading + h5, #page-footer h1.with-subheading + h6 {margin-bottom: 18px;} #page-header h2.with-subheading + h3, #page-header h2.with-subheading + h4, #page-header h2.with-subheading + h5, #page-header h2.with-subheading + h6, #page-content h2.with-subheading + h3, #page-content h2.with-subheading + h4, #page-content h2.with-subheading + h5, #page-content h2.with-subheading + h6, #page-footer h2.with-subheading + h3, #page-footer h2.with-subheading + h4, #page-footer h2.with-subheading + h5, #page-footer h2.with-subheading + h6 {margin-bottom: 12px;} #page-header h3.with-subheading + h4, #page-header h3.with-subheading + h5, #page-header h3.with-subheading + h6, #page-content h3.with-subheading + h4, #page-content h3.with-subheading + h5, #page-content h3.with-subheading + h6, #page-footer h3.with-subheading + h4, #page-footer h3.with-subheading + h5, #page-footer h3.with-subheading + h6 {margin-bottom: 9px;} #page-header h4.with-subheading + h5, #page-header h4.with-subheading + h6, #page-header h5.with-subheading + h6, #page-content h4.with-subheading + h5, #page-content h4.with-subheading + h6, #page-content h5.with-subheading + h6, #page-footer h4.with-subheading + h5, #page-footer h4.with-subheading + h6, #page-footer h5.with-subheading + h6 {margin-bottom: 6px;} #page-header p, #page-content p, #page-footer p {font-size: 13px; font-size: 1.3rem; margin: 0 0 18px;} #page-header p.lead, #page-header p span.lead, #page-content p.lead, #page-content p span.lead, #page-footer p.lead, #page-footer p span.lead {font-size: 18px; font-size: 1.8rem; line-height: 1.5;} #page-header p.left, #page-content p.left, #page-footer p.left {margin-right: 9px;} #page-header p.right, #page-content p.right, #page-footer p.right {margin-left: 9px;} #page-header .normal-leading, #page-content .normal-leading, #page-footer .normal-leading {margin-bottom: 18px;} #page-header .tight-leading, #page-content .tight-leading, #page-footer .tight-leading {margin-bottom: 9px;} #page-header .tighter-leading, #page-content .tighter-leading, #page-footer .tighter-leading {margin-bottom: 6px;} #page-header .very-tight-leading, #page-content .very-tight-leading, #page-footer .very-tight-leading {margin-bottom: 3px;} #page-header .no-leading, #page-content .no-leading, #page-footer .no-leading {margin-bottom: 0;} #page-header .neg-tight-leading, #page-content .neg-tight-leading, #page-footer .neg-tight-leading {margin-top: -9px;} #page-header .neg-very-tight-leading, #page-content .neg-very-tight-leading, #page-footer .neg-very-tight-leading {margin-top: -15px;} #page-header .neg-no-leading, #page-content .neg-no-leading, #page-footer .neg-no-leading {margin-top: -18px;} #page-header .p-group, #page-content .p-group, #page-footer .p-group {margin-bottom: 18px;} #page-header .p-group p, #page-content .p-group p, #page-footer .p-group p {margin-bottom: 0;} #page-header .p-group p + p, #page-content .p-group p + p, #page-footer .p-group p + p {margin-top: 9px;} #page-header .tight-p-group, #page-content .tight-p-group, #page-footer .tight-p-group {margin-bottom: 9px;} #page-header .tight-p-group p, #page-content .tight-p-group p, #page-footer .tight-p-group p {margin-bottom: 0;} #page-header .tight-p-group p + p, #page-content .tight-p-group p + p, #page-footer .tight-p-group p + p {margin-top: 6px;} /* 2.2 Blockquotes --------------------------------------------------- */ #page-header blockquote, #page-header blockquote p, #page-content blockquote, #page-content blockquote p, #page-footer blockquote, #page-footer blockquote p {color: #808080; font-size: 18px; font-size: 1.8rem; line-height: 1.5;} #page-header blockquote, #page-content blockquote, #page-footer blockquote {border-left: 5px solid #d9d9d9; margin-bottom: 18px; padding: 6px 18px 6px 13px;} #page-header blockquote p, #page-content blockquote p, #page-footer blockquote p {margin-bottom: 0;} #page-header blockquote cite, #page-content blockquote cite, #page-footer blockquote cite {color: #333; display: block; font-size: 13px; font-size: 1.3rem; margin-top: 6px;} #page-header blockquote cite:before, #page-content blockquote cite:before, #page-footer blockquote cite:before {content: "\2014 \00a0";} #page-header blockquote.align-right, #page-content blockquote.align-right, #page-footer blockquote.align-right {border-right: 5px solid #d9d9d9; border-left: 0; padding: 6px 13px 6px 18px;} #page-header blockquote.align-right p, #page-content blockquote.align-right p, #page-footer blockquote.align-right p {text-align: right;} #page-header blockquote.align-right cite:before, #page-content blockquote.align-right cite:before, #page-footer blockquote.align-right cite:before {content: "";} #page-header blockquote.align-right cite:after, #page-content blockquote.align-right cite:after, #page-footer blockquote.align-right cite:after {content: "\00a0 \2014";} /* 2.3 Miscellaneous --------------------------------------------------- */ #page-header em, #page-header .em, #page-content em, #page-content .em, #page-footer em, #page-footer .em {font-style: italic; line-height: inherit;} #page-header strong, #page-header .strong, #page-content strong, #page-content .strong, #page-footer strong, #page-footer .strong {font-weight: bold; line-height: inherit;} #page-header strike, #page-header .strike, #page-content strike, #page-content .strike, #page-footer strike, #page-footer .strike {color: #808080; text-decoration: line-through;} #page-header .no-wrap, #page-content .no-wrap, #page-footer .no-wrap {white-space: nowrap;} #page-header .normal, #page-content .normal, #page-footer .normal {font-weight: normal !important;} #page-header .default, #page-content .default, #page-footer .default {color: #333 !important;} #page-header .small, #page-content .small, #page-footer .small {font-size: 11px; font-size: 1.1rem; line-height: 1.5;} #page-header .loud, #page-content .loud, #page-footer .loud {color: #e57300;} #page-header .quiet, #page-content .quiet, #page-footer .quiet {color: #808080;} #page-header .urgent, #page-content .urgent, #page-footer .urgent {color: #cc0000;} #page-header .success, #page-content .success, #page-footer .success {color: #006600;} /* -------------------------------------------------- 3.0 Scaffolding 3.1 Grids 3.2 Responsive Grids 3.3 Panels and Specialty Boxes --------------------------------------------------- */ /* 3.1 Grids --------------------------------------------------- */ #page-header .wrapper, #page-content .wrapper, #page-footer .wrapper {margin: 0 auto; width: 980px;} #page-header .container, #page-content .container, #page-footer .container {padding: 0 20px;} #page-header .row, #page-content .row, #page-footer .row {margin-left: -20px;} #page-header [class*="span"], #page-content [class*="span"], #page-footer [class*="span"] {float: left; margin-left: 20px; min-height: 1px; position: relative;} #page-header .span1, #page-content .span1, #page-footer .span1 {width: 76px;} #page-header .span2, #page-content .span2, #page-footer .span2 {width: 172px;} #page-header .span3, #page-content .span3, #page-footer .span3 {width: 268px;} #page-header .span4, #page-content .span4, #page-footer .span4 {width: 364px;} #page-header .span5, #page-content .span5, #page-footer .span5 {width: 460px;} #page-header .span6, #page-content .span6, #page-footer .span6 {width: 556px;} #page-header .span7, #page-content .span7, #page-footer .span7 {width: 652px;} #page-header .span8, #page-content .span8, #page-footer .span8 {width: 748px;} #page-header .span9, #page-content .span9, #page-footer .span9 {width: 844px;} #page-header .span10, #page-content .span10, #page-footer .span10 {width: 940px;} #page-header .span33pct, #page-content .span33pct, #page-footer .span33pct {width: 236px;} #page-header .span66pct, #page-content .span66pct, #page-footer .span66pct {width: 492px;} #page-header .span25pct-full, #page-content .span25pct-full, #page-footer .span25pct-full {width: 220px;} #page-header .span33pct-full, #page-content .span33pct-full, #page-footer .span33pct-full {width: 300px;} #page-header .span66pct-full, #page-content .span66pct-full, #page-footer .span66pct-full {width: 620px;} #page-header .offset1, #page-content .offset1, #page-footer .offset1 {margin-left: 116px;} #page-header .offset2, #page-content .offset2, #page-footer .offset2 {margin-left: 212px;} #page-header .offset3, #page-content .offset3, #page-footer .offset3 {margin-left: 308px;} #page-header .offset4, #page-content .offset4, #page-footer .offset4 {margin-left: 404px;} #page-header .offset5, #page-content .offset5, #page-footer .offset5 {margin-left: 500px;} #page-header .offset6, #page-content .offset6, #page-footer .offset6 {margin-left: 596px;} #page-header .offset7, #page-content .offset7, #page-footer .offset7 {margin-left: 692px;} #page-header .offset8, #page-content .offset8, #page-footer .offset8 {margin-left: 788px;} #page-header .offset9, #page-content .offset9, #page-footer .offset9 {margin-left: 884px;} #page-header .section, #page-content .section, #page-footer .section {padding-bottom: 18px;} #page-header .container:before, #page-header .container:after, #page-header .row:before, #page-header .row:after, #page-header .clearfix:before, #page-header .clearfix:after, #page-content .container:before, #page-content .container:after, #page-content .row:before, #page-content .row:after, #page-content .clearfix:before, #page-content .clearfix:after, #page-footer .container:before, #page-footer .container:after, #page-footer .row:before, #page-footer .row:after, #page-footer .clearfix:before, #page-footer .clearfix:after {content:""; display:table;} #page-header .container:after, #page-header .row:after, #page-header .clearfix:after, #page-content .container:after, #page-content .row:after, #page-content .clearfix:after, #page-footer .container:after, #page-footer .row:after, #page-footer .clearfix:after {clear: both;} #page-header .container, #page-header .row, #page-header .clearfix, #page-content .container, #page-content .row, #page-content .clearfix, #page-footer .container, #page-footer .row, #page-footer .clearfix {zoom: 1;} /* 3.2 Responsive Grid --------------------------------------------------- */ @media (min-width: 1230px) { #page-header .wrapper, #page-content .wrapper, #page-footer .wrapper {margin: 0 auto; width: 1230px;} #page-header .container, #page-content .container, #page-footer .container {padding: 0 30px;} #page-header .row, #page-content .row, #page-footer .row {margin-left: -30px;} #page-header [class*="span"], #page-content [class*="span"], #page-footer [class*="span"] {float: left; margin-left: 30px; min-height: 1px; position: relative;} #page-header .span1, #page-content .span1, #page-footer .span1 {width: 90px;} #page-header .span2, #page-content .span2, #page-footer .span2 {width: 210px;} #page-header .span3, #page-content .span3, #page-footer .span3 {width: 330px;} #page-header .span4, #page-content .span4, #page-footer .span4 {width: 450px;} #page-header .span5, #page-content .span5, #page-footer .span5 {width: 570px;} #page-header .span6, #page-content .span6, #page-footer .span6 {width: 690px;} #page-header .span7, #page-content .span7, #page-footer .span7 {width: 810px;} #page-header .span8, #page-content .span8, #page-footer .span8 {width: 930px;} #page-header .span9, #page-content .span9, #page-footer .span9 {width: 1050px;} #page-header .span10, #page-content .span10, #page-footer .span10 {width: 1170px;} #page-header .span33pct, #page-content .span33pct, #page-footer .span33pct {width: 290px;} #page-header .span66pct, #page-content .span66pct, #page-footer .span66pct {width: 610px;} #page-header .span25pct-full, #page-content .span25pct-full, #page-footer .span25pct-full {width: 270px;} #page-header .span33pct-full, #page-content .span33pct-full, #page-footer .span33pct-full {width: 370px;} #page-header .span66pct-full, #page-content .span66pct-full, #page-footer .span66pct-full {width: 770px;} #page-header .offset1, #page-content .offset1, #page-footer .offset1 {margin-left: 150px;} #page-header .offset2, #page-content .offset2, #page-footer .offset2 {margin-left: 270px;} #page-header .offset3, #page-content .offset3, #page-footer .offset3 {margin-left: 390px;} #page-header .offset4, #page-content .offset4, #page-footer .offset4 {margin-left: 510px;} #page-header .offset5, #page-content .offset5, #page-footer .offset5 {margin-left: 630px;} #page-header .offset6, #page-content .offset6, #page-footer .offset6 {margin-left: 750px;} #page-header .offset7, #page-content .offset7, #page-footer .offset7 {margin-left: 870px;} #page-header .offset8, #page-content .offset8, #page-footer .offset8 {margin-left: 990px;} #page-header .offset9, #page-content .offset9, #page-footer .offset9 {margin-left: 1110px;} } #page-header .span-center, #page-content .span-center, #page-footer .span-center {float: none; margin: 0 auto;} /* 3.3 Panels and Specialty Boxes --------------------------------------------------- */ #page-header .billboard, #page-content .billboard, #page-footer .billboard { background: #f2f2f2; border-radius: 12px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.25); margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .billboard-box, #page-content .billboard-box, #page-footer .billboard-box {padding: 12px 18px 6px 18px;} #page-header .panel, #page-content .panel, #page-footer .panel { background: #f2f2f2; background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); border: 1px solid #e5e5e5; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.25); margin-bottom: 20px; padding: 12px 12px 18px 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .panel p, #page-content .panel p, #page-footer .panel p {margin-bottom: 0;} #page-header .panel p + p, #page-content .panel p + p, #page-footer .panel p + p {margin-top: 9px;} #page-header .fixed, #page-content .fixed, #page-footer .fixed {position: fixed;} #page-header .fixed .panel, #page-content .fixed .panel, #page-footer .fixed .panel { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.25); } /* -------------------------------------------------- 4.0 Components 4.1 Navigation 4.2 Buttons 4.3 Alerts 4.4 Labels, Badges and Tags 4.5 Icons --------------------------------------------------- */ /* 4.1 Navigation --------------------------------------------------- */ #page-header .nav-path li, #page-content .nav-path li, #page-footer .nav-path li { background: url(/graphics/css/icon-arrow-right.gif) no-repeat 100% 50%; float: left; margin-right: 6px; margin-bottom: 0; padding-right: 18px; } #page-header .nav-path li.last-child, #page-content .nav-path li.last-child, #page-footer .nav-path li.last-child {background: none; padding-right: 0;} #page-header .nav-path:before, #page-header .nav-path:after, #page-content .nav-path:before, #page-content .nav-path:after, #page-footer .nav-path:before, #page-footer .nav-path:after {content:""; display:table;} #page-header .nav-path:after, #page-content .nav-path:after, #page-footer .nav-path:after {clear: both;} #page-header .nav-path, #page-content .nav-path, #page-footer .nav-path {zoom: 1;} #page-header .nav-list > li > a, #page-content .nav-list > li > a, #page-footer .nav-list > li > a {display: block;} #page-header .nav-list.filters li, #page-content .nav-list.filters li, #page-footer .nav-list.filters li {margin-bottom: 3px; padding-left: 6px;} #page-header .nav-list.filters li a, #page-content .nav-list.filters li a, #page-footer .nav-list.filters li a {text-decoration: none;} #page-header .nav-list.filters li a:hover span.filter, #page-content .nav-list.filters li a:hover span.filter, #page-footer .nav-list.filters li a:hover span.filter {text-decoration: underline;} #page-header .nav-list.filters li.active, #page-content .nav-list.filters li.active, #page-footer .nav-list.filters li.active {color: #e57300;} #page-header .nav-list.filters li.list-heading, #page-content .nav-list.filters li.list-heading, #page-footer .nav-list.filters li.list-heading {padding-left: 0;} #page-header .nav-list.filters li.more a, #page-header .nav-list.filters li.less a, #page-content .nav-list.filters li.more a, #page-content .nav-list.filters li.less a, #page-footer .nav-list.filters li.more a, #page-footer .nav-list.filters li.less a {font-weight: bold;} #page-header .nav-list.filters li.list-heading a:hover, #page-header .nav-list.filters li.more a:hover, #page-content .nav-list.filters li.list-heading a:hover, #page-content .nav-list.filters li.more a:hover, #page-footer .nav-list.filters li.list-heading a:hover, #page-footer .nav-list.filters li.more a:hover {text-decoration: underline;} #page-header .nav-list.filters li.list-heading.with-filter a:hover, #page-content .nav-list.filters li.list-heading.with-filter a:hover, #page-footer .nav-list.filters li.list-heading.with-filter a:hover {text-decoration: none;} #page-header .nav-list.filters li.list-divider, #page-content .nav-list.filters li.list-divider, #page-footer .nav-list.filters li.list-divider {margin: 6px 0;} #page-header .nav-list.filters li.list-divider.sub, #page-content .nav-list.filters li.list-divider.sub, #page-footer .nav-list.filters li.list-divider.sub {margin-left: 6px;} #page-header .nav-list.filters li input[type="radio"], #page-header .nav-list.filters li input[type="checkbox"], #page-content .nav-list.filters li input[type="radio"], #page-content .nav-list.filters li input[type="checkbox"], #page-footer .nav-list.filters li input[type="radio"], #page-footer .nav-list.filters li input[type="checkbox"] {margin: 0 6px 0 0;} #page-header .nav-select li, #page-content .nav-select li, #page-footer .nav-select li {margin-bottom: 1px;} #page-header .nav-select li a, #page-header .nav-select li span, #page-content .nav-select li a, #page-content .nav-select li span, #page-footer .nav-select li a, #page-footer .nav-select li span { border-radius: 3px; display: block; padding: 3px 6px; text-decoration: none; } #page-header .nav-select li a:hover, #page-header .nav-select li a.focus, #page-content .nav-select li a:hover, #page-content .nav-select li a.focus, #page-footer .nav-select li a:hover, #page-footer .nav-select li a.focus { background: #e5e5e5; } #page-header .nav-select li a:hover, #page-content .nav-select li a:hover, #page-footer .nav-select li a:hover { cursor: pointer; } #page-header .nav-select li a.selected, #page-content .nav-select li a.selected, #page-footer .nav-select li a.selected { background: #0066cc; background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.25); } #page-header .nav-select .list-heading, #page-content .nav-select .list-heading, #page-footer .nav-select .list-heading {padding: 3px 6px;} #page-header .nav-select .list-divider, #page-content .nav-select .list-divider, #page-footer .nav-select .list-divider {margin: 6px 0;} #page-header .nav-bar.group, #page-content .nav-bar.group, #page-footer .nav-bar.group { background: #f2f2f2; background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); border-radius: 72px; padding: 6px 18px; } #page-header .nav-bar > li, #page-content .nav-bar > li, #page-footer .nav-bar > li {float: left; position: relative; margin-bottom: 0;} #page-header .nav-bar > li.vertical-spacer, #page-content .nav-bar > li.vertical-spacer, #page-footer .nav-bar > li.vertical-spacer {height: 1px; width: 9px;} #page-header .nav-bar > li.vertical-divider, #page-content .nav-bar > li.vertical-divider, #page-footer .nav-bar > li.vertical-divider {background-color: #ccc; border-right: 1px solid #f2f2f2; height: 18px; margin: 3px 9px; overflow: hidden; width: 1px;} #page-header .nav-bar > li.active > a, #page-content .nav-bar > li.active > a, #page-footer .nav-bar > li.active > a {color: #333;} #page-header .nav-bar > li > a, #page-content .nav-bar > li > a, #page-footer .nav-bar > li > a {display: block; padding: 3px;} #page-header .nav-bar > li > a:hover, #page-content .nav-bar > li > a:hover, #page-footer .nav-bar > li > a:hover {text-decoration: none;} #page-header .nav-bar > li > a.button, #page-header .nav-bar > li > input.button, #page-content .nav-bar > li > a.button, #page-content .nav-bar > li > input.button, #page-footer .nav-bar > li > a.button, #page-footer .nav-bar > li > input.button { border-radius: 72px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); padding: 5px 12px 6px; margin: -1px 0; } #page-header .panel.nav-box, #page-content .panel.nav-box, #page-footer .panel.nav-box {margin-bottom: 11px;} #page-header .nav-box, #page-content .nav-box, #page-footer .nav-box {padding:12px;} #page-header .dropdown-container, #page-content .dropdown-container, #page-footer .dropdown-container {position: relative; z-index: 0;} #page-header .dropdown-container.active, #page-content .dropdown-container.active, #page-footer .dropdown-container.active {z-index: 1;} #page-header .dropdown-container.active > a, #page-content .dropdown-container.active > a, #page-footer .dropdown-container.active > a {color: #333;} #page-header .dropdown-container > a:hover, #page-content .dropdown-container > a:hover, #page-footer .dropdown-container > a:hover {text-decoration: none;} #page-header .active .dropdown-menu, #page-content .active .dropdown-menu, #page-footer .active .dropdown-menu {display: block;} #page-header .dropdown-menu, #page-content .dropdown-menu, #page-footer .dropdown-menu { background: #f2f2f2; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.25); display: none; padding: 12px 12px 9px; position: absolute; margin-top: 9px; top: 100%; left: -9px; z-index: 4; } #page-header .dropdown-menu.inline, #page-content .dropdown-menu.inline, #page-footer .dropdown-menu.inline {margin-top: 12px;} #page-header .dropdown-menu.right, #page-content .dropdown-menu.right, #page-footer .dropdown-menu.right {right: -9px; left: auto;} #page-header .dropdown-menu.right .caret, #page-content .dropdown-menu.right .caret, #page-footer .dropdown-menu.right .caret {right: 18px; left: auto;} #page-header .dropdown-menu .caret, #page-content .dropdown-menu .caret, #page-footer .dropdown-menu .caret { border-right: 9px solid transparent; border-bottom: 9px solid #f2f2f2; border-left: 9px solid transparent; content: ""; height: 0px; overflow: hidden; position: absolute; top: -9px; left: 18px; width: 0px; z-index: 5; } #page-header .dropdown-menu .nav-select, #page-content .dropdown-menu .nav-select, #page-footer .dropdown-menu .nav-select {margin-right: -6px; margin-left: -6px;} #page-header .dropdown-content, #page-content .dropdown-content, #page-footer .dropdown-content {width: 172px;} #page-header .dropdown-content p, #page-header .dropdown-content ul, #page-header .dropdown-content hr, #page-content .dropdown-content p, #page-content .dropdown-content ul, #page-content .dropdown-content hr, #page-footer .dropdown-content p, #page-footer .dropdown-content ul, #page-footer .dropdown-content hr {margin-top: 0; margin-bottom: 9px;} #page-header .nav-bar:before, #page-header .nav-box:before, #page-header .nav-bar:after, #page-header .nav-box:after, #page-content .nav-bar:before, #page-content .nav-box:before, #page-content .nav-bar:after, #page-content .nav-box:after, #page-footer .nav-bar:before, #page-footer .nav-box:before, #page-footer .nav-bar:after, #page-footer .nav-box:after {content:""; display:table;} #page-header .nav-bar:after, #page-header .nav-box:after, #page-content .nav-bar:after, #page-content .nav-box:after, #page-footer .nav-bar:after, #page-footer .nav-box:after {clear: both;} #page-header .nav-bar, #page-header .nav-box, #page-content .nav-bar, #page-content .nav-box, #page-footer .nav-bar, #page-footer .nav-box {zoom: 1;} /* 4.2 Buttons --------------------------------------------------- */ #page-header .button, #page-content .button, #page-footer .button { background: #0066cc; background: linear-gradient(to bottom, #3399ff 0%, #0066cc 100%); border: 1px solid #004d99; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5); color: #fff; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; font-size: 1.3rem; line-height: 1; outline: none; padding: 9px 18px 11px; position: relative; margin: 0 0 3px 0; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } #page-header .button:hover, #page-header .button:focus, #page-content .button:hover, #page-content .button:focus, #page-footer .button:hover, #page-footer .button:focus { background: #0059b3; background: linear-gradient(to bottom, #2e8ae5 0%, #0059b3 100%); color: #fff; text-decoration: none; } #page-header .button:active, #page-header .pressed.button, #page-content .button:active, #page-content .pressed.button, #page-footer .button:active, #page-footer .pressed.button { background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5); } #page-header .alternate.button, #page-content .alternate.button, #page-footer .alternate.button { background: #e57300; background: linear-gradient(to bottom, #ff9933 0%, #e57300 100%); border: 1px solid #cc6600; } #page-header .alternate.button:hover, #page-header .alternate.button:focus, #page-content .alternate.button:hover, #page-content .alternate.button:focus, #page-footer .alternate.button:hover, #page-footer .alternate.button:focus { background: #d96c00; background: linear-gradient(to bottom, #f29130 0%, #d96c00 100%); } #page-header .alternate.button:active, #page-header .pressed.alternate.button, #page-content .alternate.button:active, #page-content .pressed.alternate.button, #page-footer .alternate.button:active, #page-footer .pressed.alternate.button { background: linear-gradient(to bottom, #e57300 0%, #ff9933 100%); } #page-header .secondary.button, #page-content .secondary.button, #page-footer .secondary.button { background: #d9d9d9; background: linear-gradient(to bottom, #f2f2f2 0%, #d9d9d9 100%); border: 1px solid #bfbfbf; color: #0066cc; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .secondary.button:hover, #page-header .secondary.button:focus, #page-content .secondary.button:hover, #page-content .secondary.button:focus, #page-footer .secondary.button:hover, #page-footer .secondary.button:focus { background: #cccccc; background: linear-gradient(to bottom, #e5e5e5 0%, #cccccc 100%); color: #0066cc; } #page-header .secondary.button:active, #page-header .pressed.secondary.button, #page-content .secondary.button:active, #page-content .pressed.secondary.button, #page-footer .secondary.button:active, #page-footer .pressed.secondary.button { background: linear-gradient(to bottom, #d9d9d9 0%, #f2f2f2 100%); } #page-header .warning.button, #page-content .warning.button, #page-footer .warning.button { background: #cc0000; background: linear-gradient(to bottom, #ff3333 0%, #cc0000 100%); border: 1px solid #990000; } #page-header .warning.button:hover, #page-header .warning.button:focus, #page-content .warning.button:hover, #page-content .warning.button:focus, #page-footer .warning.button:hover, #page-footer .warning.button:focus { background: #b30000; background: linear-gradient(to bottom, #e52e2e 0%, #b30000 100%); } #page-header .warning.button:active, #page-header .pressed.warning.button, #page-content .warning.button:active, #page-content .pressed.warning.button, #page-footer .warning.button:active, #page-footer .pressed.warning.button { background: linear-gradient(to bottom, #cc0000 0%, #ff3333 100%); } #page-header .disabled.button, #page-header .disabled.button:hover, #page-header .disabled.button:focus, #page-header .disabled.button:active, #page-content .disabled.button, #page-content .disabled.button:hover, #page-content .disabled.button:focus, #page-content .disabled.button:active, #page-footer .disabled.button, #page-footer .disabled.button:hover, #page-footer .disabled.button:focus, #page-footer .disabled.button:active { background: #f2f2f2; box-shadow: none; cursor: default; border: 1px solid #bfbfbf; color: #808080; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .tiny.button, #page-content .tiny.button, #page-footer .tiny.button {font-size: 10px; font-size: 1rem; padding: 7px 12px 8px; width: auto;} #page-header .small.button, #page-content .small.button, #page-footer .small.button {font-size: 11px; font-size: 1.1rem; padding: 8px 15px 9px; width: auto;} #page-header .large.button, #page-content .large.button, #page-footer .large.button {font-size: 18px; font-size: 1.8rem; padding: 11px 24px 14px; width: auto;} #page-header .full-width.button, #page-content .full-width.button, #page-footer .full-width.button { padding-right: 0 !important; padding-left: 0 !important; text-align: center; width: 100%; } #page-header .round.button, #page-content .round.button, #page-footer .round.button { border-radius: 72px; } #page-header .button-group hr, #page-content .button-group hr, #page-footer .button-group hr {margin: 0; position: relative; bottom: -17px;} #page-header .button-group hr + p, #page-content .button-group hr + p, #page-footer .button-group hr + p {margin-top: -1px;} #page-header .tiny.button-group hr, #page-content .tiny.button-group hr, #page-footer .tiny.button-group hr {bottom: -13px;} #page-header .tiny.button-group hr + p, #page-content .tiny.button-group hr + p, #page-footer .tiny.button-group hr + p {padding: 0 12px;} #page-header .button-group .button, #page-content .button-group .button, #page-footer .button-group .button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); margin: 0; } #page-header .button-group .button:active, #page-header .button-group .pressed.button, #page-content .button-group .button:active, #page-content .button-group .pressed.button, #page-footer .button-group .button:active, #page-footer .button-group .pressed.button { box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5); } #page-header .button-group .first.button, #page-content .button-group .first.button, #page-footer .button-group .first.button { border-top-right-radius: 0; border-bottom-right-radius: 0; } #page-header .button-group .inside.button, #page-content .button-group .inside.button, #page-footer .button-group .inside.button { border-radius: 0; } #page-header .button-group .last.button, #page-content .button-group .last.button, #page-footer .button-group .last.button { border-top-left-radius: 0; border-bottom-left-radius: 0; } #page-header .button-group .pressed.button, #page-content .button-group .pressed.button, #page-footer .button-group .pressed.button {cursor: default;} #page-header button::-moz-focus-inner, #page-header input[type="reset"]::-moz-focus-inner, #page-header input[type="button"]::-moz-focus-inner, #page-header input[type="submit"]::-moz-focus-inner, #page-header input[type="file"] > input[type="button"]::-moz-focus-inner, #page-content button::-moz-focus-inner, #page-content input[type="reset"]::-moz-focus-inner, #page-content input[type="button"]::-moz-focus-inner, #page-content input[type="submit"]::-moz-focus-inner, #page-content input[type="file"] > input[type="button"]::-moz-focus-inner, #page-footer button::-moz-focus-inner, #page-footer input[type="reset"]::-moz-focus-inner, #page-footer input[type="button"]::-moz-focus-inner, #page-footer input[type="submit"]::-moz-focus-inner, #page-footer input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} /* 4.3 Alerts --------------------------------------------------- */ #page-header .alert-box, #page-content .alert-box, #page-footer .alert-box { background: #ffffe5; border: 1px solid #e5e5b8; border-radius: 3px; color: #666600; margin-bottom: 18px; padding: 9px 35px 18px 12px; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .alert-box a.close, #page-content .alert-box a.close, #page-footer .alert-box a.close {color: #333; font-size: 18px; font-size: 1.8rem; font-weight: bold; opacity: 0.4; position: absolute; right: 12px; top: 3px;} #page-header .alert-box a.close:hover, #page-header .alert-box a.close:focus, #page-content .alert-box a.close:hover, #page-content .alert-box a.close:focus, #page-footer .alert-box a.close:hover, #page-footer .alert-box a.close:focus {opacity: .8; text-decoration: none;} #page-header .alert-box h1, #page-header .alert-box h2, #page-header .alert-box h3, #page-header .alert-box h4, #page-header .alert-box h5, #page-header .alert-box h6, #page-content .alert-box h1, #page-content .alert-box h2, #page-content .alert-box h3, #page-content .alert-box h4, #page-content .alert-box h5, #page-content .alert-box h6, #page-footer .alert-box h1, #page-footer .alert-box h2, #page-footer .alert-box h3, #page-footer .alert-box h4, #page-footer .alert-box h5, #page-footer .alert-box h6 {color: inherit;} #page-header .alert-box p, #page-header .alert-box ul, #page-header .alert-box li, #page-content .alert-box p, #page-content .alert-box ul, #page-content .alert-box li, #page-footer .alert-box p, #page-footer .alert-box ul, #page-footer .alert-box li {margin-bottom: 0;} #page-header .alert-box p + p, #page-header .alert-box p + ul, #page-header .alert-box ul + ul, #page-header .alert-box ul + p, #page-content .alert-box p + p, #page-content .alert-box p + ul, #page-content .alert-box ul + ul, #page-content .alert-box ul + p, #page-footer .alert-box p + p, #page-footer .alert-box p + ul, #page-footer .alert-box ul + ul, #page-footer .alert-box ul + p {margin-top: 9px;} #page-header .alert-box.warning, #page-content .alert-box.warning, #page-footer .alert-box.warning {background: #ffe5e5; border-color: #e5b8b8; color: #990000;} #page-header .alert-box.success, #page-content .alert-box.success, #page-footer .alert-box.success {background: #e5ffe5; border-color: #b8e5b8; color: #006600;} /* 4.4 Labels, Badges and Tags --------------------------------------------------- */ #page-header .label, #page-header .badge, #page-header .tag, #page-content .label, #page-content .badge, #page-content .tag, #page-footer .label, #page-footer .badge, #page-footer .tag { font-size: 11px; font-size: 1.1rem; font-weight: bold; line-height: 1; white-space: nowrap; } #page-header .label, #page-header .badge, #page-content .label, #page-content .badge, #page-footer .label, #page-footer .badge { background: #3399ff; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.1); } #page-header .label, #page-content .label, #page-footer .label { border-radius: 3px; padding: 2px 4px 3px; position: relative; top: -1px; } #page-header .badge, #page-header .tag, #page-content .badge, #page-content .tag, #page-footer .badge, #page-footer .tag { border-radius: 12px; } #page-header .badge, #page-content .badge, #page-footer .badge { padding: 2px 8px 1px; } #page-header .tag, #page-content .tag, #page-footer .tag { background: #cce5ff; border: 1px solid #b2d7ff; color: #0066cc; display: inline-block; padding: 3px 8px 4px; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #page-header .tag.active, #page-content .tag.active, #page-footer .tag.active {padding-right: 24px;} #page-header .tag.active .close, #page-content .tag.active .close, #page-footer .tag.active .close {font-size: 15px; font-size: 1.5rem; font-weight: bold; opacity: 0.8; position: absolute; right: 8px; top: 0;} #page-header .tag.disabled, #page-content .tag.disabled, #page-footer .tag.disabled { background: #f2f2f2; border-color: #bfbfbf; color: #808080; } #page-header .nav-bar .tag, #page-content .nav-bar .tag, #page-footer .nav-bar .tag {font-size: inherit; padding: 3px 12px 4px; top: 1px;} #page-header .tag-group, #page-content .tag-group, #page-footer .tag-group {display: inline-block; margin-bottom: -6px;} #page-header .tag-group .tag, #page-content .tag-group .tag, #page-footer .tag-group .tag {margin-bottom: 6px;} #page-header .alternate.label, #page-header .alternate.badge, #page-content .alternate.label, #page-content .alternate.badge, #page-footer .alternate.label, #page-footer .alternate.badge {background: #ff9933;} #page-header .secondary.label, #page-header .secondary.badge, #page-content .secondary.label, #page-content .secondary.badge, #page-footer .secondary.label, #page-footer .secondary.badge {background: #999;} #page-header .warning.label, #page-header .warning.badge, #page-content .warning.label, #page-content .warning.badge, #page-footer .warning.label, #page-footer .warning.badge {background: #ff3333;} #page-header a.label:hover, #page-header a.badge:hover, #page-content a.label:hover, #page-content a.badge:hover, #page-footer a.label:hover, #page-footer a.badge:hover {color: #fff; cursor: pointer; text-decoration: none;} #page-header a.tag:hover, #page-content a.tag:hover, #page-footer a.tag:hover {background: #3399ff; color: #fff; cursor: pointer; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,0.1);} #page-header a.tag.active:hover, #page-content a.tag.active:hover, #page-footer a.tag.active:hover {background: #ff3333; border-color: #ffb2b2;} #page-header h3 .label, #page-content h3 .label, #page-footer h3 .label {top: -7px;} #page-header h4 .label, #page-content h4 .label, #page-footer h4 .label {top: -5px;} #page-header h5 .label, #page-content h5 .label, #page-footer h5 .label {top: -3px;} #page-header h6 .label, #page-content h6 .label, #page-footer h6 .label {top: -2px;} #page-header .highlight, #page-content .highlight, #page-footer .highlight {background: #ff0; padding: 2px 4px 3px; white-space: nowrap;} #page-header .marker-wrapper, #page-content .marker-wrapper, #page-footer .marker-wrapper {position: absolute; top: -3px; left: -12px;} #page-header .marker, #page-content .marker, #page-footer .marker { background: #0066cc; background: linear-gradient(to bottom, #3399ff 0%, #0066cc 100%); border: 1px solid #004d99; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.5); content: ""; height: 9px; margin-bottom: 4px; overflow: hidden; width: 18px; z-index: 1; } #page-header .alternate.marker, #page-content .alternate.marker, #page-footer .alternate.marker { background: #e57300; background: linear-gradient(to bottom, #ff9933 0%, #e57300 100%); border: 1px solid #cc6600; } #page-header .secondary.marker, #page-content .secondary.marker, #page-footer .secondary.marker { background: #d9d9d9; background: linear-gradient(to bottom, #f2f2f2 0%, #d9d9d9 100%); border: 1px solid #bfbfbf; } #page-header .warning.marker, #page-content .warning.marker, #page-footer .warning.marker { background: #cc0000; background: linear-gradient(to bottom, #ff3333 0%, #cc0000 100%); border: 1px solid #990000; } #page-header .special.marker, #page-content .special.marker, #page-footer .special.marker { background: #bf983b; background: linear-gradient(to bottom, #e5b647 0%, #bf983b 100%); border: 1px solid #806528; } #page-header .forbidden.marker, #page-content .forbidden.marker, #page-footer .forbidden.marker { background: #333; background: linear-gradient(to bottom, #666 0%, #333 100%); border: 1px solid #000; } #page-header .star-marker, #page-content .star-marker, #page-footer .star-marker { color: #bf983b; font-size: 18px; margin: 0 0 0 1px; text-shadow: 0 1px 2px rgba(0,0,0,0.25); -webkit-text-stroke: 1px #806528; width: 18px; } #page-header .star-marker::before, #page-content .star-marker::before, #page-footer .star-marker::before {content: "★";} #page-header .marker a, #page-content .marker a, #page-footer .marker a {content: ""; display: block; height: 12px; overflow: hidden; width: 18px;} /* 4.5 Icons --------------------------------------------------- */ #page-header .icon, #page-content .icon, #page-footer .icon {background-repeat: no-repeat;} #page-header .icon.before, #page-content .icon.before, #page-footer .icon.before {background-position: 0 50%; padding-left: 15px;} #page-header .icon.after, #page-content .icon.after, #page-footer .icon.after {background-position: 100% 50%; padding-right: 15px;} #page-header .icon.lg-before, #page-content .icon.lg-before, #page-footer .icon.lg-before {background-position: 0 50%; padding-left: 24px;} #page-header .icon.lg-after, #page-content .icon.lg-after, #page-footer .icon.lg-after {background-position: 100% 50%; padding-right: 24px;} #page-header .icon.add, #page-content .icon.add, #page-footer .icon.add {background-image: url(/graphics/css/icon-add.png);} #page-header .icon.lg-add, #page-content .icon.lg-add, #page-footer .icon.lg-add {background-image: url(/graphics/css/icon-lg-add.png);} #page-header .icon.alert, #page-content .icon.alert, #page-footer .icon.alert {background-image: url(/graphics/css/icon-alert.gif);} #page-header .icon.lg-alert, #page-content .icon.lg-alert, #page-footer .icon.lg-alert {background-image: url(/graphics/css/icon-lg-alert.png);} #page-header .icon.arrow-up, #page-content .icon.arrow-up, #page-footer .icon.arrow-up {background-image: url(/graphics/css/icon-arrow-up.gif);} #page-header .icon.arrow-right, #page-content .icon.arrow-right, #page-footer .icon.arrow-right {background-image: url(/graphics/css/icon-arrow-right.gif);} #page-header .icon.arrow-right-disabled, #page-content .icon.arrow-right-disabled, #page-footer .icon.arrow-right-disabled {background-image: url(/graphics/css/icon-arrow-right-disabled.gif);} #page-header .icon.arrow-down, #page-content .icon.arrow-down, #page-footer .icon.arrow-down {background-image: url(/graphics/css/icon-arrow-down.gif);} #page-header .icon.arrow-left, #page-content .icon.arrow-left, #page-footer .icon.arrow-left {background-image: url(/graphics/css/icon-arrow-left.gif);} #page-header .icon.arrow-left-disabled, #page-content .icon.arrow-left-disabled, #page-footer .icon.arrow-left-disabled {background-image: url(/graphics/css/icon-arrow-left-disabled.gif);} #page-header .icon.cancel, #page-content .icon.cancel, #page-footer .icon.cancel {background-image: url(/graphics/css/icon-cancel.png);} #page-header .icon.cancel-active, #page-content .icon.cancel-active, #page-footer .icon.cancel-active {background-image: url(/graphics/css/icon-cancel-hover.png);} #page-header .icon.lg-cancel, #page-content .icon.lg-cancel, #page-footer .icon.lg-cancel {background-image: url(/graphics/css/icon-lg-cancel.png);} #page-header .icon.lg-cancel-active, #page-content .icon.lg-cancel-active, #page-footer .icon.lg-cancel-active {background-image: url(/graphics/css/icon-lg-cancel-hover.png);} #page-header .icon.confirm, #page-content .icon.confirm, #page-footer .icon.confirm {background-image: url(/graphics/css/icon-confirm.png);} #page-header .icon.lg-confirm, #page-content .icon.lg-confirm, #page-footer .icon.lg-confirm {background-image: url(/graphics/css/icon-lg-confirm.png);} #page-header .icon.lg-flag-cad, #page-content .icon.lg-flag-cad, #page-footer .icon.lg-flag-cad {background-image: url(/graphics/css/icon-lg-flag-cad.png);} #page-header .icon.lg-flag-eur, #page-content .icon.lg-flag-eur, #page-footer .icon.lg-flag-eur {background-image: url(/graphics/css/icon-lg-flag-eur.png);} #page-header .icon.lg-flag-gbp, #page-content .icon.lg-flag-gbp, #page-footer .icon.lg-flag-gbp {background-image: url(/graphics/css/icon-lg-flag-gbp.png);} #page-header .icon.lg-flag-usd, #page-content .icon.lg-flag-usd, #page-footer .icon.lg-flag-usd {background-image: url(/graphics/css/icon-lg-flag-usd.png);} #page-header .icon.pdf, #page-content .icon.pdf, #page-footer .icon.pdf {background-image: url(/graphics/css/icon-pdf.png);} #page-header .icon.remove, #page-content .icon.remove, #page-footer .icon.remove {background-image: url(/graphics/css/icon-remove.png);} #page-header .icon.remove-active, #page-content .icon.remove-active, #page-footer .icon.remove-active {background-image: url(/graphics/css/icon-remove-hover.png);} #page-header .icon.lg-remove, #page-content .icon.lg-remove, #page-footer .icon.lg-remove {background-image: url(/graphics/css/icon-lg-remove.png);} #page-header .icon.lg-remove-active, #page-content .icon.lg-remove-active, #page-footer .icon.lg-remove-active {background-image: url(/graphics/css/icon-lg-remove-hover.png);} #page-header .icon.status-red, #page-content .icon.status-red, #page-footer .icon.status-red {background-image: url(/graphics/css/icon-status-red.png);} #page-header .icon.status-yellow, #page-content .icon.status-yellow, #page-footer .icon.status-yellow {background-image: url(/graphics/css/icon-status-yellow.png);} #page-header .icon.status-green, #page-content .icon.status-green, #page-footer .icon.status-green {background-image: url(/graphics/css/icon-status-green.png);} #page-header a.icon.cancel:hover, #page-header a:hover .icon.cancel, #page-content a.icon.cancel:hover, #page-content a:hover .icon.cancel, #page-footer a.icon.cancel:hover, #page-footer a:hover .icon.cancel {background-image: url(/graphics/css/icon-cancel-hover.png);} #page-header a.icon.lg-cancel:hover, #page-header a:hover .icon.lg-cancel, #page-content a.icon.lg-cancel:hover, #page-content a:hover .icon.lg-cancel, #page-footer a.icon.lg-cancel:hover, #page-footer a:hover .icon.lg-cancel {background-image: url(/graphics/css/icon-lg-cancel-hover.png);} #page-header a.icon.remove:hover, #page-header a:hover .icon.remove, #page-content a.icon.remove:hover, #page-content a:hover .icon.remove, #page-footer a.icon.remove:hover, #page-footer a:hover .icon.remove {background-image: url(/graphics/css/icon-remove-hover.png);} #page-header a.icon.lg-remove:hover, #page-header a:hover .icon.lg-remove, #page-content a.icon.lg-remove:hover, #page-content a:hover .icon.lg-remove, #page-footer a.icon.lg-remove:hover, #page-footer a:hover .icon.lg-remove {background-image: url(/graphics/css/icon-lg-remove-hover.png);} #page-header a.dropdown, #page-header a .dropdown, #page-content a.dropdown, #page-content a .dropdown, #page-footer a.dropdown, #page-footer a .dropdown {background-image: url(/graphics/css/icon-dropdown.gif); white-space: nowrap;} #page-header a.dropdown:hover, #page-header a:hover .dropdown, #page-header .active a.dropdown, #page-header .active a .dropdown, #page-content a.dropdown:hover, #page-content a:hover .dropdown, #page-content .active a.dropdown, #page-content .active a .dropdown, #page-footer a.dropdown:hover, #page-footer a:hover .dropdown, #page-footer .active a.dropdown, #page-footer .active a .dropdown {background-image: url(/graphics/css/icon-dropdown-hover.gif);} /* -------------------------------------------------- 5.0 Light on Dark 5.1 Standards 5.2 Typography 5.3 Components --------------------------------------------------- */ /* 5.1 Standards --------------------------------------------------- */ #page-header .inverse, #page-content .inverse, #page-footer .inverse {color: #f2f2f2; text-shadow: 0 1px 0 rgba(0,0,0,0.25);} #page-header .inverse hr, #page-content .inverse hr, #page-footer .inverse hr {border-color: #999;} #page-header .inverse hr.divider, #page-content .inverse hr.divider, #page-footer .inverse hr.divider {border-color: #808080;} #page-header .inverse a, #page-content .inverse a, #page-footer .inverse a {color: #66b3ff;} #page-header .inverse a:hover, #page-content .inverse a:hover, #page-footer .inverse a:hover {color: #99ccff;} #page-header .inverse .list-divider, #page-content .inverse .list-divider, #page-footer .inverse .list-divider {background: #808080;} #page-header .inverse label, #page-header .inverse fieldset.sub legend label, #page-content .inverse label, #page-content .inverse fieldset.sub legend label, #page-footer .inverse label, #page-footer .inverse fieldset.sub legend label {color: #bfbfbf;} #page-header .inverse .table td, #page-content .inverse .table td, #page-footer .inverse .table td {border-top-color: #bfbfbf;} /* 5.2 Typography --------------------------------------------------- */ #page-header .inverse h1, #page-header .inverse h2, #page-header .inverse h3, #page-header .inverse h4, #page-header .inverse h5, #page-header .inverse h6, #page-content .inverse h1, #page-content .inverse h2, #page-content .inverse h3, #page-content .inverse h4, #page-content .inverse h5, #page-content .inverse h6, #page-footer .inverse h1, #page-footer .inverse h2, #page-footer .inverse h3, #page-footer .inverse h4, #page-footer .inverse h5, #page-footer .inverse h6 {color: #e5e5e5;} #page-header .inverse .subheading, #page-content .inverse .subheading, #page-footer .inverse .subheading {color: #bfbfbf;} #page-header .inverse h1 small, #page-header .inverse h1.small, #page-header .inverse h1 span.small, #page-header .inverse h2 small, #page-header .inverse h2.small, #page-header .inverse h2 span.small, #page-header .inverse h3 small, #page-header .inverse h3.small, #page-header .inverse h3 span.small, #page-header .inverse h4 small, #page-header .inverse h4.small, #page-header .inverse h4 span.small, #page-header .inverse h5 small, #page-header .inverse h5.small, #page-header .inverse h5 span.small, #page-header .inverse h6 small, #page-header .inverse h6.small, #page-header .inverse h6 span.small, #page-content .inverse h1 small, #page-content .inverse h1.small, #page-content .inverse h1 span.small, #page-content .inverse h2 small, #page-content .inverse h2.small, #page-content .inverse h2 span.small, #page-content .inverse h3 small, #page-content .inverse h3.small, #page-content .inverse h3 span.small, #page-content .inverse h4 small, #page-content .inverse h4.small, #page-content .inverse h4 span.small, #page-content .inverse h5 small, #page-content .inverse h5.small, #page-content .inverse h5 span.small, #page-content .inverse h6 small, #page-content .inverse h6.small, #page-content .inverse h6 span.small, #page-footer .inverse h1 small, #page-footer .inverse h1.small, #page-footer .inverse h1 span.small, #page-footer .inverse h2 small, #page-footer .inverse h2.small, #page-footer .inverse h2 span.small, #page-footer .inverse h3 small, #page-footer .inverse h3.small, #page-footer .inverse h3 span.small, #page-footer .inverse h4 small, #page-footer .inverse h4.small, #page-footer .inverse h4 span.small, #page-footer .inverse h5 small, #page-footer .inverse h5.small, #page-footer .inverse h5 span.small, #page-footer .inverse h6 small, #page-footer .inverse h6.small, #page-footer .inverse h6 span.small {color: #bfbfbf;} #page-header .inverse .quiet, #page-content .inverse .quiet, #page-footer .inverse .quiet {color: #bfbfbf;} #page-header .inverse .default, #page-content .inverse .default, #page-footer .inverse .default {color: #f2f2f2 !important;} /* 5.3 Components --------------------------------------------------- */ #page-header .inverse .billboard, #page-content .inverse .billboard, #page-footer .inverse .billboard {text-shadow: 0 1px 0 rgba(0,0,0,0.25);} #page-header .inverse .panel, #page-content .inverse .panel, #page-footer .inverse .panel { background: #1a1a1a; background: linear-gradient(to bottom, #4d4d4d 0%, #1a1a1a 100%); text-shadow: 0 1px 0 rgba(0,0,0,0.25); } #page-header .inverse .nav-select li a:hover, #page-header .inverse .nav-select li a.focus, #page-content .inverse .nav-select li a:hover, #page-content .inverse .nav-select li a.focus, #page-footer .inverse .nav-select li a:hover, #page-footer .inverse .nav-select li a.focus {background: #595959;} #page-header .inverse .nav-select li a.selected, #page-content .inverse .nav-select li a.selected, #page-footer .inverse .nav-select li a.selected { background: #0066cc; background: linear-gradient(to bottom, #0066cc 0%, #3399ff 100%); } #page-header .inverse .nav-bar > li.vertical-divider, #page-content .inverse .nav-bar > li.vertical-divider, #page-footer .inverse .nav-bar > li.vertical-divider {background-color: #333; border-color: #666;} #page-header .inverse .nav-bar > li.active > a, #page-content .inverse .nav-bar > li.active > a, #page-footer .inverse .nav-bar > li.active > a {color: #f2f2f2;} #page-header .inverse .nav-bar.group, #page-content .inverse .nav-bar.group, #page-footer .inverse .nav-bar.group { background: #333; background: linear-gradient(to bottom, #1a1a1a 0%, #333333 100%); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.25); } #page-header .inverse .dropdown-container.active > a, #page-content .inverse .dropdown-container.active > a, #page-footer .inverse .dropdown-container.active > a {color: #f2f2f2;} #page-header .inverse .dropdown-menu, #page-header .dropdown-menu.inverse, #page-content .inverse .dropdown-menu, #page-content .dropdown-menu.inverse, #page-footer .inverse .dropdown-menu, #page-footer .dropdown-menu.inverse { background: #4d4d4d; } #page-header .inverse .dropdown-menu .caret, #page-header .dropdown-menu.inverse .caret, #page-content .inverse .dropdown-menu .caret, #page-content .dropdown-menu.inverse .caret, #page-footer .inverse .dropdown-menu .caret, #page-footer .dropdown-menu.inverse .caret { border-bottom-color: #4d4d4d; } #page-header .inverse a.dropdown, #page-header .inverse a .dropdown, #page-content .inverse a.dropdown, #page-content .inverse a .dropdown, #page-footer .inverse a.dropdown, #page-footer .inverse a .dropdown {background-image: url(/graphics/css/icon-dropdown-inverse.gif);} #page-header .inverse a.dropdown:hover, #page-header .inverse a:hover .dropdown, #page-header .inverse .active a.dropdown, #page-header .inverse .active a .dropdown, #page-content .inverse a.dropdown:hover, #page-content .inverse a:hover .dropdown, #page-content .inverse .active a.dropdown, #page-content .inverse .active a .dropdown, #page-footer .inverse a.dropdown:hover, #page-footer .inverse a:hover .dropdown, #page-footer .inverse .active a.dropdown, #page-footer .inverse .active a .dropdown {background-image: url(/graphics/css/icon-dropdown-hover-inverse.gif);} #page-header .inverse .button, #page-header .inverse .button:hover, #page-header .inverse .button:focus, #page-content .inverse .button, #page-content .inverse .button:hover, #page-content .inverse .button:focus, #page-footer .inverse .button, #page-footer .inverse .button:hover, #page-footer .inverse .button:focus {color: #fff;} #page-header .inverse .secondary.button, #page-header .inverse .secondary.button:hover, #page-header .inverse .secondary.button:focus, #page-content .inverse .secondary.button, #page-content .inverse .secondary.button:hover, #page-content .inverse .secondary.button:focus, #page-footer .inverse .secondary.button, #page-footer .inverse .secondary.button:hover, #page-footer .inverse .secondary.button:focus {color: #0066cc;} #page-header .inverse .disabled.button, #page-header .inverse .disabled.button:hover, #page-header .inverse .disabled.button:focus, #page-header .inverse .disabled.button:active, #page-content .inverse .disabled.button, #page-content .inverse .disabled.button:hover, #page-content .inverse .disabled.button:focus, #page-content .inverse .disabled.button:active, #page-footer .inverse .disabled.button, #page-footer .inverse .disabled.button:hover, #page-footer .inverse .disabled.button:focus, #page-footer .inverse .disabled.button:active {color: #808080;} /* -------------------------------------------------- 6.0 Touch-Specific Elements 6.1 Links --------------------------------------------------- */ /* 6.1 Links --------------------------------------------------- */ .has-touch #page-header a:hover, .has-touch #page-content a:hover, .has-touch #page-footer a:hover {color: #0066cc; text-decoration: none;} .has-touch #page-header .nav-select li a:hover, .has-touch #page-content .nav-select li a:hover, .has-touch #page-footer .nav-select li a:hover {background: transparent;} .has-touch #page-header a.dropdown:hover, .has-touch #page-header a:hover .dropdown, .has-touch #page-content a.dropdown:hover, .has-touch #page-content a:hover .dropdown, .has-touch #page-footer a.dropdown:hover, .has-touch #page-footer a:hover .dropdown {background-image: url(/graphics/css/icon-dropdown.gif);}