/* Proportional grids */ /* line 14, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* line 17, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ body { line-height: 1; color: black; background: white; } /* line 19, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 21, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } /* line 23, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: "" ""; } /* line 96, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 39, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body { line-height: 1.5; font-family: Georgia, serif; color: #333333; font-size: 75%; } /* line 65, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #222222; } /* line 66, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* line 67, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h1 { font-size: 3em; line-height: 1; margin-bottom: 0.50em; } /* line 68, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h2 { font-size: 2em; margin-bottom: 0.75em; } /* line 69, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.00em; } /* line 70, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } /* line 71, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.50em; } /* line 72, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ h6 { font-size: 1em; font-weight: bold; } /* line 73, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ p { margin: 0 0 1.5em; } /* line 74, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } /* line 75, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; } /* line 77, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ a { text-decoration: underline; color: #000099; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ a:visited { color: #000066; } /* line 21, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ a:focus { color: black; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ a:hover { color: black; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ a:active { color: #cc0099; } /* line 78, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ blockquote { margin: 1.5em; color: #666666; font-style: italic; } /* line 79, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ strong { font-weight: bold; } /* line 80, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ em { font-style: italic; } /* line 81, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ dfn { font-style: italic; font-weight: bold; } /* line 82, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ sup, sub { line-height: 0; } /* line 83, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ abbr, acronym { border-bottom: 1px dotted #666666; } /* line 84, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ address { margin: 0 0 1.5em; font-style: italic; } /* line 85, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ del { color: #666666; } /* line 86, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ pre { margin: 1.5em 0; white-space: pre; } /* line 87, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; } /* line 88, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ li ul, li ol { margin: 0; } /* line 89, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } /* line 90, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ ul { list-style-type: disc; } /* line 91, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ ol { list-style-type: decimal; } /* line 92, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ dl { margin: 0 0 1.5em 0; } /* line 93, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ dl dt { font-weight: bold; } /* line 94, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ dd { margin-left: 1.5em; } /* line 95, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ table { margin-bottom: 1.4em; width: 100%; } /* line 96, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ th { font-weight: bold; } /* line 97, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ thead th { background: #cbcbcb; } /* line 98, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ th, td, caption { padding: 4px 10px 4px 5px; } /* line 99, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ tr.even td { background: #efefef; } /* line 100, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ tfoot { font-style: italic; } /* line 101, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ caption { background: #eeeeee; } /* line 102, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ .quiet { color: #666666; } /* line 103, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ .loud { color: #111111; } /* line 9, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .clear { clear: both; } /* line 12, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .nowrap { white-space: nowrap; } /* line 16, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .clearfix, body, #page-inner, #header, #footer, #sidebar, #content, .box, .tertiary-nav-with-desc, #sidebar-yli-learning-programs, #sidebar-about, .learning-program #prelude, .row, .line, .cols, .bar, #site-search, .tiles { overflow: hidden; display: inline-block; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .clearfix, body, #page-inner, #header, #footer, #sidebar, #content, .box, .tertiary-nav-with-desc, #sidebar-yli-learning-programs, #sidebar-about, .learning-program #prelude, .row, .line, .cols, .bar, #site-search, .tiles { display: block; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; } /* line 22, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } /* line 26, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .first { margin-left: 0; padding-left: 0; } /* line 29, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .last { margin-right: 0; padding-right: 0; } /* line 32, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .top { margin-top: 0; padding-top: 0; } /* line 35, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ .bottom { margin-bottom: 0; padding-bottom: 0; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/blueprint/stylesheets/blueprint/_debug.scss */ .showgrid { background: url('/images/grid.png?1285930853'); } /* line 3, ../../sass/_base/_utility.scss */ .css3-pie, .round-corners-sm, .round-corners-md, .round-corners-lg, thead, .validation-error .bg, .validation-error #content-bg, .validation-error #content-upper-bg, .validation-error #main-content-bg, .validation-error #sub-content-primary-bg, #contribute-bg, #partners-bg, .tooltip .bg, .tooltip #content-bg, .tooltip #content-upper-bg, .tooltip #main-content-bg, .tooltip #sub-content-primary-bg, .banner-btn .ui-button-bg, .learning-program #prelude, #content-body a#back-to-dashboard-link { behavior: url("/css/PIE.htc"); } /* Clearing floats */ /* line 8, ../../sass/_base/_utility.scss */ .clearfix, body, #page-inner, #header, #footer, #sidebar, #content, .box, .tertiary-nav-with-desc, #sidebar-yli-learning-programs, #sidebar-about, .learning-program #prelude, .row, .line, .cols, .bar, #site-search, .tiles { display: inline-block; overflow: visible; overflow-x: visible; overflow-y: visible; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .clearfix:after, body:after, #page-inner:after, #header:after, #footer:after, #sidebar:after, #content:after, .box:after, .tertiary-nav-with-desc:after, #sidebar-yli-learning-programs:after, #sidebar-about:after, .learning-program #prelude:after, .row:after, .line:after, .cols:after, .bar:after, #site-search:after, .tiles:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .clearfix, body, #page-inner, #header, #footer, #sidebar, #content, .box, .tertiary-nav-with-desc, #sidebar-yli-learning-programs, #sidebar-about, .learning-program #prelude, .row, .line, .cols, .bar, #site-search, .tiles { display: block; } /* Cause display:inline-block behavior */ /* line 21, ../../sass/_base/_utility.scss */ .shrink-wrap { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; } /* line 25, ../../sass/_base/_utility.scss */ .x { position: absolute !important; display: block !important; } /*html { overflow: hidden; } body { overflow: auto; height: 100%; width: 100%; }*/ /* line 11, ../../sass/_base/_layout.scss */ body { background: #fff; } /* line 15, ../../sass/_base/_layout.scss */ #viewport-middle { position: relative; } /* line 19, ../../sass/_base/_layout.scss */ #viewport-bottom { position: fixed; bottom: 0; /*height: $viewport-bottom-height;*/ } /* line 24, ../../sass/_base/_layout.scss */ .ie6 #viewport-bottom { position: absolute; } /* line 28, ../../sass/_base/_layout.scss */ .container, #header, #footer, #contribute, #contribute-1-1, #content-body, #content-body-1-1, #main-content, #sub-content-primary, .lesson-plan { display: block; display: inline-block; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .container:after, #header:after, #footer:after, #contribute:after, #contribute-1-1:after, #content-body:after, #content-body-1-1:after, #main-content:after, #sub-content-primary:after, .lesson-plan:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .container, #header, #footer, #contribute, #contribute-1-1, #content-body, #content-body-1-1, #main-content, #sub-content-primary, .lesson-plan { display: block; } /* line 31, ../../sass/_base/_layout.scss */ .template { display: none !important; } /* line 35, ../../sass/_base/_layout.scss */ .toggle-shade, .collapse-shade { overflow: hidden; } /* line 39, ../../sass/_base/_layout.scss */ .position-line { height: 1px; position: relative; } /* Proportional grids */ /* line 4, ../../sass/_base/_grids.scss */ .row, .line, .cols, .bar, #site-search, .tiles { display: block; clear: both; } /* line 9, ../../sass/_base/_grids.scss */ .col, #branding, #main-content, #sub-content-primary, .learning-program .aside { float: left; position: relative; } /* line 10, ../../sass/_base/_grids.scss */ .last-col { overflow: hidden; display: inline-block; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .last-col { display: block; } /* causes right column */ /* line 11, ../../sass/_base/_grids.scss */ .last-col, .size1of1 { float: none; } /* line 12, ../../sass/_base/_grids.scss */ .size1of2 { width: 50%; } /* line 13, ../../sass/_base/_grids.scss */ .size1of3 { width: 33.33333%; } /* line 14, ../../sass/_base/_grids.scss */ .size2of3 { width: 66.66666%; } /* line 15, ../../sass/_base/_grids.scss */ .size1of4 { width: 25%; } /* line 16, ../../sass/_base/_grids.scss */ .size3of4 { width: 75%; } /* line 17, ../../sass/_base/_grids.scss */ .size1of5 { width: 20%; } /* line 18, ../../sass/_base/_grids.scss */ .size2of5 { width: 40%; } /* line 19, ../../sass/_base/_grids.scss */ .size3of5 { width: 60%; } /* line 20, ../../sass/_base/_grids.scss */ .size4of5 { width: 80%; } /* line 21, ../../sass/_base/_grids.scss */ .size1of6 { width: 16.6666%; } /* line 22, ../../sass/_base/_grids.scss */ .size5of6 { width: 83.3333%; } /* line 23, ../../sass/_base/_grids.scss */ .size1of7 { width: 14.286%; } /* line 24, ../../sass/_base/_grids.scss */ .size2of7 { width: 28.57%; } /* line 25, ../../sass/_base/_grids.scss */ .size3of7 { width: 42.857%; } /* line 26, ../../sass/_base/_grids.scss */ .size4of7 { width: 57.143%; } /* line 27, ../../sass/_base/_grids.scss */ .size5of7 { width: 71.43%; } /* line 28, ../../sass/_base/_grids.scss */ .size6of7 { width: 85.71%; } /* line 29, ../../sass/_base/_grids.scss */ .sizelof8 { width: 12.5%; } /* line 30, ../../sass/_base/_grids.scss */ .size3of8 { width: 37.5%; } /* line 31, ../../sass/_base/_grids.scss */ .size5of8 { width: 62.5%; } /* line 32, ../../sass/_base/_grids.scss */ .size7of8 { width: 87.5%; } /* line 33, ../../sass/_base/_grids.scss */ .size1of9 { width: 11.1111%; } /* line 34, ../../sass/_base/_grids.scss */ .size4of9 { width: 44.4444%; } /* line 35, ../../sass/_base/_grids.scss */ .size5of9 { width: 55.5555%; } /* line 36, ../../sass/_base/_grids.scss */ .size7of9 { width: 77.7777%; } /* line 37, ../../sass/_base/_grids.scss */ .size8of9 { width: 88.8888%; } /* line 38, ../../sass/_base/_grids.scss */ .size1of10 { width: 10%; } /* line 39, ../../sass/_base/_grids.scss */ .size3of10 { width: 30%; } /* line 40, ../../sass/_base/_grids.scss */ .size7of10 { width: 70%; } /* line 41, ../../sass/_base/_grids.scss */ .size9of10 { width: 90%; } /* line 42, ../../sass/_base/_grids.scss */ .size1of12 { width: 8.3333%; } /* line 43, ../../sass/_base/_grids.scss */ .size5of12 { width: 41.6666%; } /* line 44, ../../sass/_base/_grids.scss */ .size7of12 { width: 58.3333%; } /* line 45, ../../sass/_base/_grids.scss */ .size11of12 { width: 91.6666%; } /* Equal height column layouts for IE<8 */ /* line 48, ../../sass/_base/_grids.scss */ .equal-grid, #page-upper-1-2, #content-body-1-1 { display: block; display: inline-block; position: relative; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .equal-grid:after, #page-upper-1-2:after, #content-body-1-1:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .equal-grid, #page-upper-1-2, #content-body-1-1 { display: block; } /* line 51, ../../sass/_base/_grids.scss */ .bg, #content-bg, #content-upper-bg, #main-content-bg, #sub-content-primary-bg, .bg span, #content-bg span, #content-upper-bg span, #main-content-bg span, #sub-content-primary-bg span { position: absolute !important; height: 100%; width: 100%; top: 0px; left: 0px; bottom: 0px; display: block; } /* line 52, ../../sass/_base/_grids.scss */ .bg span, #content-bg span, #content-upper-bg span, #main-content-bg span, #sub-content-primary-bg span { right: 0; } /* Equal width column grids */ /* line 57, ../../sass/_base/_grids.scss */ .col-1 { left: 0; } /* line 266, ../../sass/_global-mixins.scss */ .cols-12 .col, .cols-12 #branding, .cols-12 #main-content, .cols-12 #sub-content-primary, .cols-12 .learning-program .aside, .learning-program .cols-12 .aside, .cols-12 .bg, .cols-12 #content-bg, .cols-12 #content-upper-bg, .cols-12 #main-content-bg, .cols-12 #sub-content-primary-bg { width: 8.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-12 { left: 91.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-11 { left: 83.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-10 { left: 75%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-9 { left: 66.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-8 { left: 58.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-7 { left: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-6 { left: 41.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-5 { left: 33.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-4 { left: 25%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-3 { left: 16.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-12 .col-2 { left: 8.333%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-11 .col, .cols-11 #branding, .cols-11 #main-content, .cols-11 #sub-content-primary, .cols-11 .learning-program .aside, .learning-program .cols-11 .aside, .cols-11 .bg, .cols-11 #content-bg, .cols-11 #content-upper-bg, .cols-11 #main-content-bg, .cols-11 #sub-content-primary-bg { width: 9.091%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-11 { left: 90.909%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-10 { left: 81.818%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-9 { left: 72.727%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-8 { left: 63.636%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-7 { left: 54.545%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-6 { left: 45.455%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-5 { left: 36.364%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-4 { left: 27.273%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-3 { left: 18.182%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-11 .col-2 { left: 9.091%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-10 .col, .cols-10 #branding, .cols-10 #main-content, .cols-10 #sub-content-primary, .cols-10 .learning-program .aside, .learning-program .cols-10 .aside, .cols-10 .bg, .cols-10 #content-bg, .cols-10 #content-upper-bg, .cols-10 #main-content-bg, .cols-10 #sub-content-primary-bg { width: 10%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-10 { left: 90%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-9 { left: 80%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-8 { left: 70%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-7 { left: 60%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-6 { left: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-5 { left: 40%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-4 { left: 30%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-3 { left: 20%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-10 .col-2 { left: 10%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-9 .col, .cols-9 #branding, .cols-9 #main-content, .cols-9 #sub-content-primary, .cols-9 .learning-program .aside, .learning-program .cols-9 .aside, .cols-9 .bg, .cols-9 #content-bg, .cols-9 #content-upper-bg, .cols-9 #main-content-bg, .cols-9 #sub-content-primary-bg { width: 11.111%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-9 { left: 88.889%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-8 { left: 77.778%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-7 { left: 66.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-6 { left: 55.556%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-5 { left: 44.444%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-4 { left: 33.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-3 { left: 22.222%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-9 .col-2 { left: 11.111%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-8 .col, .cols-8 #branding, .cols-8 #main-content, .cols-8 #sub-content-primary, .cols-8 .learning-program .aside, .learning-program .cols-8 .aside, .cols-8 .bg, .cols-8 #content-bg, .cols-8 #content-upper-bg, .cols-8 #main-content-bg, .cols-8 #sub-content-primary-bg { width: 12.5%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-8 { left: 87.5%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-7 { left: 75%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-6 { left: 62.5%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-5 { left: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-4 { left: 37.5%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-3 { left: 25%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-8 .col-2 { left: 12.5%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-7 .col, .cols-7 #branding, .cols-7 #main-content, .cols-7 #sub-content-primary, .cols-7 .learning-program .aside, .learning-program .cols-7 .aside, .cols-7 .bg, .cols-7 #content-bg, .cols-7 #content-upper-bg, .cols-7 #main-content-bg, .cols-7 #sub-content-primary-bg { width: 14.286%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-7 { left: 85.714%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-6 { left: 71.429%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-5 { left: 57.143%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-4 { left: 42.857%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-3 { left: 28.571%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-7 .col-2 { left: 14.286%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-6 .col, .cols-6 #branding, .cols-6 #main-content, .cols-6 #sub-content-primary, .cols-6 .learning-program .aside, .learning-program .cols-6 .aside, .cols-6 .bg, .cols-6 #content-bg, .cols-6 #content-upper-bg, .cols-6 #main-content-bg, .cols-6 #sub-content-primary-bg { width: 16.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-6 .col-6 { left: 83.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-6 .col-5 { left: 66.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-6 .col-4 { left: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-6 .col-3 { left: 33.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-6 .col-2 { left: 16.667%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-5 .col, .cols-5 #branding, .cols-5 #main-content, .cols-5 #sub-content-primary, .cols-5 .learning-program .aside, .learning-program .cols-5 .aside, .cols-5 .bg, .cols-5 #content-bg, .cols-5 #content-upper-bg, .cols-5 #main-content-bg, .cols-5 #sub-content-primary-bg { width: 20%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-5 .col-5 { left: 80%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-5 .col-4 { left: 60%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-5 .col-3 { left: 40%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-5 .col-2 { left: 20%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-4 .col, .cols-4 #branding, .cols-4 #main-content, .cols-4 #sub-content-primary, .cols-4 .learning-program .aside, .learning-program .cols-4 .aside, .cols-4 .bg, .cols-4 #content-bg, .cols-4 #content-upper-bg, .cols-4 #main-content-bg, .cols-4 #sub-content-primary-bg { width: 25%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-4 .col-4 { left: 75%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-4 .col-3 { left: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-4 .col-2 { left: 25%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-3 .col, .cols-3 #branding, .cols-3 #main-content, .cols-3 #sub-content-primary, .cols-3 .learning-program .aside, .learning-program .cols-3 .aside, .cols-3 .bg, .cols-3 #content-bg, .cols-3 #content-upper-bg, .cols-3 #main-content-bg, .cols-3 #sub-content-primary-bg { width: 33.333%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-3 .col-3 { left: 66.667%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-3 .col-2 { left: 33.333%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-2 .col, .cols-2 #branding, .cols-2 #main-content, .cols-2 #sub-content-primary, .cols-2 .learning-program .aside, .learning-program .cols-2 .aside, .cols-2 .bg, .cols-2 #content-bg, .cols-2 #content-upper-bg, .cols-2 #main-content-bg, .cols-2 #sub-content-primary-bg { width: 50%; } /* line 268, ../../sass/_global-mixins.scss */ .cols-2 .col-2 { left: 50%; } /* line 266, ../../sass/_global-mixins.scss */ .cols-1 .col, .cols-1 #branding, .cols-1 #main-content, .cols-1 #sub-content-primary, .cols-1 .learning-program .aside, .learning-program .cols-1 .aside, .cols-1 .bg, .cols-1 #content-bg, .cols-1 #content-upper-bg, .cols-1 #main-content-bg, .cols-1 #sub-content-primary-bg { width: 100%; } /* Generic module of content with padding */ /* line 4, ../../sass/_base/_spacing.scss */ .box, .tertiary-nav-with-desc, #sidebar-yli-learning-programs, #sidebar-about, .learning-program #prelude { padding: 1.5em 18px 1px; margin-bottom: 1.5em; } /* Classes to apply a vertical rhythm */ /* line 10, ../../sass/_base/_spacing.scss */ .vrhythm, #contribute, #partners, #content-body-1-1, .vspace, #tertiary-nav ul.vmenu, #tertiary-nav ul.vmenu, .learning-program .testimonial, .learning-program .testimonial, .lesson-plan { margin-bottom: 1.5em !important; } /* line 14, ../../sass/_base/_spacing.scss */ .vrhythm-small, .vspace-small { margin-bottom: 0.75em !important; } /* line 17, ../../sass/_base/_spacing.scss */ .no-vspace { margin-bottom: 0 !important; } /* line 20, ../../sass/_base/_spacing.scss */ .hspace { margin-right: 10px !important; } /* line 23, ../../sass/_base/_spacing.scss */ .hspace-small { margin-right: 5px; } /* line 26, ../../sass/_base/_spacing.scss */ .hspace-medium { margin-right: 10px; } /* line 29, ../../sass/_base/_spacing.scss */ .hspace-large { margin-right: 15px; } /* line 34, ../../sass/_base/_spacing.scss */ .pad-sides { padding-left: 18px; padding-right: 18px; } /* line 35, ../../sass/_base/_spacing.scss */ .pad-sides-tiny { padding-left: 6px !important; padding-right: 6px !important; } /* line 36, ../../sass/_base/_spacing.scss */ .pad-sides-small { padding-left: 9px !important; padding-right: 9px !important; } /* line 37, ../../sass/_base/_spacing.scss */ .pad-sides-medium { padding-left: 12px !important; padding-right: 12px !important; } /* line 38, ../../sass/_base/_spacing.scss */ .pad-sides-large { padding-left: 18px !important; padding-right: 18px !important; } /* line 39, ../../sass/_base/_spacing.scss */ .pad-sides-xlarge { padding-left: 24px !important; padding-right: 24px !important; } /* line 40, ../../sass/_base/_spacing.scss */ .pad-sides-huge { padding-left: 32px !important; padding-right: 32px !important; } /* line 43, ../../sass/_base/_spacing.scss */ .pad-tiny { padding: 6px 6px 1px !important; } /* line 44, ../../sass/_base/_spacing.scss */ .pad-tiny > .last { margin-bottom: 6px; } /* line 46, ../../sass/_base/_spacing.scss */ .pad-small { padding: 9px 9px 1px !important; } /* line 47, ../../sass/_base/_spacing.scss */ .pad-small > .last { margin-bottom: 9px; } /* line 49, ../../sass/_base/_spacing.scss */ .pad-medium { padding: 12px 12px 1px !important; } /* line 50, ../../sass/_base/_spacing.scss */ .pad-medium > .last { margin-bottom: 12px; } /* line 52, ../../sass/_base/_spacing.scss */ .pad-large { padding: 18px 18px 1px !important; } /* line 53, ../../sass/_base/_spacing.scss */ .pad-large > .last { margin-bottom: 18px; } /* line 55, ../../sass/_base/_spacing.scss */ .pad-xlarge { padding: 24px 24px 1px !important; } /* line 56, ../../sass/_base/_spacing.scss */ .pad-xlarge > .last { margin-bottom: 24px; } /* line 58, ../../sass/_base/_spacing.scss */ .pad-huge { padding: 32px 32px 1px !important; } /* line 59, ../../sass/_base/_spacing.scss */ .pad-huge > .last { margin-bottom: 32px; } /* line 61, ../../sass/_base/_spacing.scss */ .no-pad { padding: 0 !important; } /* line 62, ../../sass/_base/_spacing.scss */ .pad-sides-none { padding-left: 0 !important; padding-right: 0 !important; } /* line 64, ../../sass/_base/_spacing.scss */ .margin-no-collapse { padding-bottom: 1px !important; } /* line 69, ../../sass/_base/_spacing.scss */ .box.bdr-box > .last, .bdr-box.tertiary-nav-with-desc > .last, .bdr-box#sidebar-yli-learning-programs > .last, .bdr-box#sidebar-about > .last, .learning-program .bdr-box#prelude > .last, .box.bdr-b > .last, .bdr-b.tertiary-nav-with-desc > .last, .bdr-b#sidebar-yli-learning-programs > .last, .bdr-b#sidebar-about > .last, .learning-program .bdr-b#prelude > .last, .learning-program .bdr-b#prelude > .last { margin-bottom: 1.5em; } /* line 1, ../../sass/_base/_sliding-doors.scss */ .sdoors, .button, .blue-btn-sm, #login-button, .red-btn-sm, .red-btn-lg, #page-mock-election #demo-btn, .blue-btn-lg, #page-lesson-plans #demo-btn, .yellow-btn-lg, #page-econgress #demo-btn, .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn, .red-wraparound-btn-right, .red-wraparound-btn-left, .sdoors-r, .button-r, .blue-btn-sm-r, a.blue-btn-sm .ui-button-bg, a#login-button .ui-button-bg, span.blue-btn-sm button, span#login-button button, span.blue-btn-sm input, span#login-button input, .red-btn-sm-r, a.red-btn-sm .ui-button-bg, span.red-btn-sm button, span.red-btn-sm input, .red-btn-lg-r, a.red-btn-lg .ui-button-bg, #page-mock-election a#demo-btn .ui-button-bg, span.red-btn-lg button, #page-mock-election span#demo-btn button, span.red-btn-lg input, #page-mock-election span#demo-btn input, .blue-btn-lg-r, a.blue-btn-lg .ui-button-bg, #page-lesson-plans a#demo-btn .ui-button-bg, span.blue-btn-lg button, #page-lesson-plans span#demo-btn button, span.blue-btn-lg input, #page-lesson-plans span#demo-btn input, .yellow-btn-lg-r, a.yellow-btn-lg .ui-button-bg, #page-econgress a#demo-btn .ui-button-bg, span.yellow-btn-lg button, #page-econgress span#demo-btn button, span.yellow-btn-lg input, #page-econgress span#demo-btn input, .slate-btn-lg-r, a.slate-btn-lg .ui-button-bg, #page-democracy-corps a#demo-btn .ui-button-bg, #page-a-more-perfect-union a#demo-btn .ui-button-bg, span.slate-btn-lg button, #page-democracy-corps span#demo-btn button, #page-a-more-perfect-union span#demo-btn button, span.slate-btn-lg input, #page-democracy-corps span#demo-btn input, #page-a-more-perfect-union span#demo-btn input, .red-wraparound-btn-right-r, a.red-wraparound-btn-right .ui-button-bg, span.red-wraparound-btn-right button, span.red-wraparound-btn-right input, .red-wraparound-btn-left-r, a.red-wraparound-btn-left .ui-button-bg, span.red-wraparound-btn-left button, span.red-wraparound-btn-left input { background-color: transparent; background-repeat: no-repeat; } /* line 5, ../../sass/_base/_sliding-doors.scss */ .sdoors, .button, .blue-btn-sm, #login-button, .red-btn-sm, .red-btn-lg, #page-mock-election #demo-btn, .blue-btn-lg, #page-lesson-plans #demo-btn, .yellow-btn-lg, #page-econgress #demo-btn, .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn, .red-wraparound-btn-right, .red-wraparound-btn-left { /* Position the bg image to the left */ background-position: top left; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; display: inline-block; overflow: visible; } /* line 14, ../../sass/_base/_sliding-doors.scss */ div.sdoors, div.button, div.blue-btn-sm, div#login-button, div.red-btn-sm, div.red-btn-lg, #page-mock-election div#demo-btn, div.blue-btn-lg, #page-lesson-plans div#demo-btn, div.yellow-btn-lg, #page-econgress div#demo-btn, div.slate-btn-lg, #page-democracy-corps div#demo-btn, #page-a-more-perfect-union div#demo-btn, div.red-wraparound-btn-right, div.red-wraparound-btn-left, div.sdoors-r, div.button-r, div.blue-btn-sm-r, a.blue-btn-sm div.ui-button-bg, a#login-button div.ui-button-bg, div.red-btn-sm-r, a.red-btn-sm div.ui-button-bg, div.red-btn-lg-r, a.red-btn-lg div.ui-button-bg, #page-mock-election a#demo-btn div.ui-button-bg, div.blue-btn-lg-r, a.blue-btn-lg div.ui-button-bg, #page-lesson-plans a#demo-btn div.ui-button-bg, div.yellow-btn-lg-r, a.yellow-btn-lg div.ui-button-bg, #page-econgress a#demo-btn div.ui-button-bg, div.slate-btn-lg-r, a.slate-btn-lg div.ui-button-bg, #page-democracy-corps a#demo-btn div.ui-button-bg, #page-a-more-perfect-union a#demo-btn div.ui-button-bg, div.red-wraparound-btn-right-r, a.red-wraparound-btn-right div.ui-button-bg, div.red-wraparound-btn-left-r, a.red-wraparound-btn-left div.ui-button-bg { display: block; } /* line 15, ../../sass/_base/_sliding-doors.scss */ .sdoors-r, .button-r, .blue-btn-sm-r, a.blue-btn-sm .ui-button-bg, a#login-button .ui-button-bg, span.blue-btn-sm button, span#login-button button, span.blue-btn-sm input, span#login-button input, .red-btn-sm-r, a.red-btn-sm .ui-button-bg, span.red-btn-sm button, span.red-btn-sm input, .red-btn-lg-r, a.red-btn-lg .ui-button-bg, #page-mock-election a#demo-btn .ui-button-bg, span.red-btn-lg button, #page-mock-election span#demo-btn button, span.red-btn-lg input, #page-mock-election span#demo-btn input, .blue-btn-lg-r, a.blue-btn-lg .ui-button-bg, #page-lesson-plans a#demo-btn .ui-button-bg, span.blue-btn-lg button, #page-lesson-plans span#demo-btn button, span.blue-btn-lg input, #page-lesson-plans span#demo-btn input, .yellow-btn-lg-r, a.yellow-btn-lg .ui-button-bg, #page-econgress a#demo-btn .ui-button-bg, span.yellow-btn-lg button, #page-econgress span#demo-btn button, span.yellow-btn-lg input, #page-econgress span#demo-btn input, .slate-btn-lg-r, a.slate-btn-lg .ui-button-bg, #page-democracy-corps a#demo-btn .ui-button-bg, #page-a-more-perfect-union a#demo-btn .ui-button-bg, span.slate-btn-lg button, #page-democracy-corps span#demo-btn button, #page-a-more-perfect-union span#demo-btn button, span.slate-btn-lg input, #page-democracy-corps span#demo-btn input, #page-a-more-perfect-union span#demo-btn input, .red-wraparound-btn-right-r, a.red-wraparound-btn-right .ui-button-bg, span.red-wraparound-btn-right button, span.red-wraparound-btn-right input, .red-wraparound-btn-left-r, a.red-wraparound-btn-left .ui-button-bg, span.red-wraparound-btn-left button, span.red-wraparound-btn-left input { /* For giving this element a left position and in case we want to abs pos a child element */ position: relative; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; display: inline-block; /* This is necessary to prevent IE7 adding extra horiz space if the sdoor-r element is an input or button http://jehiah.cz/a/an-even-better-ie-button-width-fix */ overflow: visible; /* Position the bg image to the right */ background-position: 100% 0%; } /* line 2, ../../sass/_base/_borders.scss */ .bdr-col { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; } /* line 5, ../../sass/_base/_borders.scss */ .bdr-colspan { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; } /* Borders */ /* line 8, ../../sass/_base/_borders.scss */ .bdr-box { border: 1px solid #999999; } /* line 9, ../../sass/_base/_borders.scss */ .bdr-t { border-top: 1px solid #999999; } /* line 10, ../../sass/_base/_borders.scss */ .bdr-r { border-right: 1px solid #999999; } /* line 11, ../../sass/_base/_borders.scss */ .bdr-l { border-left: 1px solid #999999; } /* line 12, ../../sass/_base/_borders.scss */ .bdr-b { border-bottom: 1px solid #999999; } /******************************************************************************** Interaction state utility classes *******************************************************************************/ /* line 9, ../../sass/_base/_status.scss */ .error, .notice, .success { padding: 1.5em 18px 1px; margin-bottom: 1.5em; border: 2px solid #dddddd; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* line 14, ../../sass/_base/_status.scss */ .error { border-color: #DF1921; background-color: #fbe3e4; color: #333; } /* line 18, ../../sass/_base/_status.scss */ .error a { color: #8a1f11; } /* line 23, ../../sass/_base/_status.scss */ .error h3, .wf-active .error h3 { color: #DF1921; } /* line 28, ../../sass/_base/_status.scss */ .notice { border-color: #ffd324; background-color: #fff6bf; color: #514721; } /* line 32, ../../sass/_base/_status.scss */ .notice a { color: #514721; } /* line 36, ../../sass/_base/_status.scss */ .success { border-color: #c6d880; background-color: #e6efc2; color: #264409; } /* line 40, ../../sass/_base/_status.scss */ .success a { color: #264409; } /* line 44, ../../sass/_base/_status.scss */ .highlight { background: yellow; } /* line 47, ../../sass/_base/_status.scss */ .added { background: #006600; color: white; } /* line 51, ../../sass/_base/_status.scss */ .removed { background: #990000; color: white; } /* line 56, ../../sass/_base/_status.scss */ .transfer { border: 2px dotted #333; } /* Bars, confined to the height of one line */ /* line 4, ../../sass/_base/_components/_bar.scss */ .bar-tiny { height: 0.75em; } /* line 7, ../../sass/_base/_components/_bar.scss */ .bar-sm { height: 18px; } /* line 10, ../../sass/_base/_components/_bar.scss */ .bar, #site-search, .bar-med { height: 2em; } /* line 13, ../../sass/_base/_components/_bar.scss */ .bar-lg { height: 3.75em; } /* line 16, ../../sass/_base/_components/_bar.scss */ .bar-xlg { height: 4.5em; } /* line 19, ../../sass/_base/_components/_bar.scss */ .bar-huge { height: 6em; } /* Inspired by the levitating submit button technique http://seosumo.com/simplest-transparent-css-submit-button-ever-the-levitating-submit-button */ /* The left sliding door */ /* line 8, ../../sass/_base/_components/_button.scss */ .button, .blue-btn-sm, #login-button, .red-btn-sm, .red-btn-lg, #page-mock-election #demo-btn, .blue-btn-lg, #page-lesson-plans #demo-btn, .yellow-btn-lg, #page-econgress #demo-btn, .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn, .red-wraparound-btn-right, .red-wraparound-btn-left { cursor: pointer; text-decoration: none; /* All the button parts need to behave as block elements */ } /* line 15, ../../sass/_base/_components/_button.scss */ .button, .blue-btn-sm, #login-button, .red-btn-sm, .red-btn-lg, #page-mock-election #demo-btn, .blue-btn-lg, #page-lesson-plans #demo-btn, .yellow-btn-lg, #page-econgress #demo-btn, .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn, .red-wraparound-btn-right, .red-wraparound-btn-left, .button button, .blue-btn-sm button, #login-button button, .red-btn-sm button, .red-btn-lg button, #page-mock-election #demo-btn button, .blue-btn-lg button, #page-lesson-plans #demo-btn button, .yellow-btn-lg button, #page-econgress #demo-btn button, .slate-btn-lg button, #page-democracy-corps #demo-btn button, #page-a-more-perfect-union #demo-btn button, .red-wraparound-btn-right button, .red-wraparound-btn-left button, .button input, .blue-btn-sm input, #login-button input, .red-btn-sm input, .red-btn-lg input, #page-mock-election #demo-btn input, .blue-btn-lg input, #page-lesson-plans #demo-btn input, .yellow-btn-lg input, #page-econgress #demo-btn input, .slate-btn-lg input, #page-democracy-corps #demo-btn input, #page-a-more-perfect-union #demo-btn input, .red-wraparound-btn-right input, .red-wraparound-btn-left input, .button .ui-button-bg, .blue-btn-sm .ui-button-bg, #login-button .ui-button-bg, .red-btn-sm .ui-button-bg, .red-btn-lg .ui-button-bg, #page-mock-election #demo-btn .ui-button-bg, .blue-btn-lg .ui-button-bg, #page-lesson-plans #demo-btn .ui-button-bg, .yellow-btn-lg .ui-button-bg, #page-econgress #demo-btn .ui-button-bg, .slate-btn-lg .ui-button-bg, #page-democracy-corps #demo-btn .ui-button-bg, #page-a-more-perfect-union #demo-btn .ui-button-bg, .red-wraparound-btn-right .ui-button-bg, .red-wraparound-btn-left .ui-button-bg { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; display: inline-block; } /* The right sliding door */ /* line 23, ../../sass/_base/_components/_button.scss */ .button-r, .blue-btn-sm-r, a.blue-btn-sm .ui-button-bg, a#login-button .ui-button-bg, span.blue-btn-sm button, span#login-button button, span.blue-btn-sm input, span#login-button input, .red-btn-sm-r, a.red-btn-sm .ui-button-bg, span.red-btn-sm button, span.red-btn-sm input, .red-btn-lg-r, a.red-btn-lg .ui-button-bg, #page-mock-election a#demo-btn .ui-button-bg, span.red-btn-lg button, #page-mock-election span#demo-btn button, span.red-btn-lg input, #page-mock-election span#demo-btn input, .blue-btn-lg-r, a.blue-btn-lg .ui-button-bg, #page-lesson-plans a#demo-btn .ui-button-bg, span.blue-btn-lg button, #page-lesson-plans span#demo-btn button, span.blue-btn-lg input, #page-lesson-plans span#demo-btn input, .yellow-btn-lg-r, a.yellow-btn-lg .ui-button-bg, #page-econgress a#demo-btn .ui-button-bg, span.yellow-btn-lg button, #page-econgress span#demo-btn button, span.yellow-btn-lg input, #page-econgress span#demo-btn input, .slate-btn-lg-r, a.slate-btn-lg .ui-button-bg, #page-democracy-corps a#demo-btn .ui-button-bg, #page-a-more-perfect-union a#demo-btn .ui-button-bg, span.slate-btn-lg button, #page-democracy-corps span#demo-btn button, #page-a-more-perfect-union span#demo-btn button, span.slate-btn-lg input, #page-democracy-corps span#demo-btn input, #page-a-more-perfect-union span#demo-btn input, .red-wraparound-btn-right-r, a.red-wraparound-btn-right .ui-button-bg, span.red-wraparound-btn-right button, span.red-wraparound-btn-right input, .red-wraparound-btn-left-r, a.red-wraparound-btn-left .ui-button-bg, span.red-wraparound-btn-left button, span.red-wraparound-btn-left input { /* Reset input and button elements */ cursor: pointer; border: 0; padding: 0; margin: 0; /* Set width:100% if the button should have a display:block */ /* Standard button text behavior */ white-space: nowrap; text-align: center; } /*Remove button padding in FF*/ /* line 42, ../../sass/_base/_components/_button.scss */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Horizontal list */ /* line 4, ../../sass/_base/_components/_hlist.scss */ .hlist, #partners-list, #global-footer-nav { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .hlist, #partners-list, #global-footer-nav { display: block; } /* line 50, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hlist li, #partners-list li, #global-footer-nav li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 5px; padding-right: 5px; } /* line 41, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hlist li:first-child, #partners-list li:first-child, #global-footer-nav li:first-child, .hlist li.first, #partners-list li.first, #global-footer-nav li.first { padding-left: 0px; } /* line 43, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hlist li:last-child, #partners-list li:last-child, #global-footer-nav li:last-child, .hlist li.last, #partners-list li.last, #global-footer-nav li.last { padding-right: 0px; } /* line 7, ../../sass/_base/_components/_hlist.scss */ .hlist, #partners-list, #global-footer-nav { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; } /* line 9, ../../sass/_base/_components/_hlist.scss */ .borderradius.no-rgba .hlist, .borderradius.no-rgba #partners-list, .borderradius.no-rgba #global-footer-nav { display: block; } /* line 181, ../../sass/_global-mixins.scss */ .hdivider-list { padding: 0; } /* line 184, ../../sass/_global-mixins.scss */ .hdivider-list li { border-left: 1px solid; list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; } /* line 41, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hdivider-list li:first-child, .hdivider-list li.first { padding-left: 0px; } /* line 43, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hdivider-list li:last-child, .hdivider-list li.last { padding-right: 0px; } /* line 189, ../../sass/_global-mixins.scss */ .hdivider-list li:first-child, .hdivider-list li.first { border-left: 0; } /* line 193, ../../sass/_global-mixins.scss */ .hdivider-list a, .hdivider-list li span { padding-left: 0.5em; padding-right: 0.5em; } /* line 197, ../../sass/_global-mixins.scss */ body .hdivider-list li * span { padding-left: 0; padding-right: 0; } /* Horizontal rules */ /* line 4, ../../sass/_base/_components/_divider.scss */ hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; } /* line 5, ../../sass/_base/_components/_divider.scss */ hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; background: white; color: white; visibility: hidden; } /* Menus */ /* line 4, ../../sass/_base/_components/_menu.scss */ .menu-link, .menu a, .vmenu a, .hmenu a, .blue-btn-bar a, #global-nav ul a, #tools-nav a, .hmenu span, .blue-btn-bar span, #global-nav ul span, #tools-nav span { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; padding: .25em 1em; text-decoration: none; } /* Headings */ /* line 4, ../../sass/skin-default/_template/_typography.scss */ h1 { color: #404040; } /* line 7, ../../sass/skin-default/_template/_typography.scss */ h2 { line-height: 1em; } /* line 11, ../../sass/skin-default/_template/_typography.scss */ #main-content h2 { line-height: 1.2em; padding-top: 10px; color: #7f0712; margin-bottom: 0; clear: both; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #main-content h2 { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #main-content h2, .wf-inactive #main-content h2, .wf-active #main-content h2 { visibility: visible; font-weight: normal; font-size: 2.5em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #main-content h2 { font-size: 2em; } /* line 22, ../../sass/skin-default/_template/_typography.scss */ #main-content h3 { line-height: 1.2em; color: #df0d1f; clear: both; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #main-content h3 { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #main-content h3, .wf-inactive #main-content h3, .wf-active #main-content h3 { visibility: visible; font-weight: normal; font-size: 1.9em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #main-content h3 { font-size: 1.52em; } /* line 28, ../../sass/skin-default/_template/_typography.scss */ #content-body #main-content h3 a { color: #df0d1f; border-bottom-color: #df0d1f; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #main-content h3 a:visited { color: lighten; } /* line 21, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #main-content h3 a:focus { color: #df0d1f; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #main-content h3 a:hover { color: #7f0712; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #main-content h3 a:active { color: #df0d1f; } /* line 34, ../../sass/skin-default/_template/_typography.scss */ #sub-content-primary h2 { letter-spacing: .5px; text-transform: uppercase; color: #39689e; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #sub-content-primary h2 { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #sub-content-primary h2, .wf-inactive #sub-content-primary h2, .wf-active #sub-content-primary h2 { visibility: visible; font-weight: normal; font-size: 1.667em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #sub-content-primary h2 { font-size: 1.334em; } /* line 41, ../../sass/skin-default/_template/_typography.scss */ h3 { margin-bottom: 0.5em; } /* line 45, ../../sass/skin-default/_template/_typography.scss */ #content-body a { color: #37679b; text-decoration: none; border-bottom: 1px dotted #37679B; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body a:visited { color: #37679b; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body a:hover { color: #bf0000; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body a:active { color: #37679b; } /* line 49, ../../sass/skin-default/_template/_typography.scss */ #content-body a:hover { border-bottom-color: #BF0000; } /* line 3, ../../sass/skin-default/_template/_backgrounds.scss */ .blue-bg { background-color: #39689e; } /* line 6, ../../sass/skin-default/_template/_backgrounds.scss */ .dark-blue-bg { background-color: #2b3c69; } /* line 11, ../../sass/skin-default/_template/_backgrounds.scss */ .line-bg, .blue-grdt-line-bg, .dark-blue-grdt-line-bg, .red-grdt-line-bg, .bar-bg, .blue-grdt-bar-bg, .blue-btn-bar { background-repeat: repeat-x; background-position: 0px 0px; } /* line 16, ../../sass/skin-default/_template/_backgrounds.scss */ .blue-grdt-line-bg { background-image: url("../../../images/skin-default/line-bg-grdt-blue.png"); background-color: #1B508F; } /* line 21, ../../sass/skin-default/_template/_backgrounds.scss */ .dark-blue-grdt-line-bg { background-image: url("../../../images/skin-default/line-bg-grdt-dark-blue.png"); background-color: #2a3776; } /* line 27, ../../sass/skin-default/_template/_backgrounds.scss */ .blue-grdt-bar-bg, .blue-btn-bar { background-image: url("../../../images/skin-default/bar-bg-grdt-blue.jpg"); } /* line 32, ../../sass/skin-default/_template/_backgrounds.scss */ .red-grdt-line-bg { background-image: url("../../../images/skin-default/line-bg-grdt-red.png"); background-color: #d71f27; } /* line 3, ../../sass/skin-default/_template/_borders.scss */ .round-corners-sm { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } /* line 6, ../../sass/skin-default/_template/_borders.scss */ .round-corners-md { -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* line 9, ../../sass/skin-default/_template/_borders.scss */ .round-corners-lg { -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; } /* line 3, ../../sass/skin-default/_components/_icons.scss */ .blue-loading-icon-sm { background: url("../../../images/skin-default/icons/ajax-loader-blue-sm.gif") !important; background-position: 0 2px; background-repeat: no-repeat !important; } /* line 8, ../../sass/skin-default/_components/_icons.scss */ span.blue-loading-icon-sm { padding-left: 25px; } /* line 11, ../../sass/skin-default/_components/_icons.scss */ td.blue-loading-icon-sm { background-position: 50% 50% !important; } /* line 15, ../../sass/skin-default/_components/_icons.scss */ .circle-loading-icon-sm { background-image: url("../../../images/skin-default/icons/ajax-loader-circle-sm.gif") !important; background-position: 0 2px; background-repeat: no-repeat !important; } /* line 20, ../../sass/skin-default/_components/_icons.scss */ span.circle-loading-icon-sm { padding-left: 25px; } /* line 23, ../../sass/skin-default/_components/_icons.scss */ td.circle-loading-icon-sm { background-position: 50% 50% !important; } /* Tables */ /* line 4, ../../sass/skin-default/_components/_tables.scss */ table { border-collapse: collapse; } /* line 2, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table th { background-color: white; } /* line 4, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table th.even, table th:nth-child(2n) { background-color: white-""; } /* line 7, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tr.odd td { background-color: #fffde3; } /* line 9, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tr.odd td.even, table tr.odd td:nth-child(2n) { background-color: #fffde3-""; } /* line 12, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tr.even td { background-color: #fffef2; } /* line 14, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tr.even td.even, table tr.even td:nth-child(2n) { background-color: #fffef2-""; } /* line 17, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tfoot th, table tfoot td { background-color: white; } /* line 19, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */ table tfoot th.even, table tfoot th:nth-child(2n), table tfoot td.even, table tfoot td:nth-child(2n) { background-color: white-""; } /* line 8, ../../sass/skin-default/_components/_tables.scss */ thead { border: 1px solid #d7e0e7; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } /* line 12, ../../sass/skin-default/_components/_tables.scss */ thead th { border-left: 1px solid #d4dee5; background: #e7ecf0; color: #39689e; font-weight: normal; } /* line 19, ../../sass/skin-default/_components/_tables.scss */ th, td { padding: .75em 1em; } /* line 22, ../../sass/skin-default/_components/_tables.scss */ tbody { border-right: 1px solid #f2e6ab; border-left: 1px solid #f2e6ab; } /* line 26, ../../sass/skin-default/_components/_tables.scss */ tbody a { color: #d10c1d; text-decoration: none; border-bottom: 1px dotted #d10c1d; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ tbody a:hover { color: #7f0712; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ tbody a:active { color: #f11427; } /* line 30, ../../sass/skin-default/_components/_tables.scss */ tbody a:hover { border-bottom-color: #7f0712; } /* line 33, ../../sass/skin-default/_components/_tables.scss */ tbody a:active { border-bottom-color: #f11427; } /* line 39, ../../sass/skin-default/_components/_tables.scss */ tbody th, tbody td { border-left: 1px solid #f2e6ab; border-bottom: 1px solid #f2e6ab; color: #666; } /* line 48, ../../sass/skin-default/_components/_tables.scss */ tbody td:first-child, thead th:first-child { border-left: 0; } /* line 53, ../../sass/skin-default/_components/_tables.scss */ .ballot-table tbody { border-left: 0; border-right: 0; } /* line 56, ../../sass/skin-default/_components/_tables.scss */ .ballot-table tbody th { border-left: 0; background: #fffde3; width: 260px; } /* line 63, ../../sass/skin-default/_components/_tables.scss */ .ballot-table .party { width: 140px; } /* line 68, ../../sass/skin-default/_components/_tables.scss */ .ballot-table th, .ballot-table td { border-left: 1px solid #d4dee5; border-bottom: 1px solid #d4dee5; } /* line 75, ../../sass/skin-default/_components/_tables.scss */ tr td.check-icon, tr td.x-icon { text-indent: -9999em; overflow: hidden; text-align: left; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; } /* line 81, ../../sass/skin-default/_components/_tables.scss */ tr td.check-icon { background-image: url("../../../images/skin-default/icons/check-on-white.png") !important; } /* line 84, ../../sass/skin-default/_components/_tables.scss */ tr td.x-icon { background-image: url("../../../images/skin-default/icons/red-x-on-white.png") !important; } /* Form element defaults --------------------------------------------------------------------------------*/ /* line 6, ../../sass/skin-default/_components/_forms.scss */ .text-input, input[type=text], input[type=password], textarea { border: 1px solid #EFDF95; border-top: 1px solid #d2cb9d; padding: 4px 4px; background: #fffde3 url("../../../images/skin-default/bg-text-input-top.png") 0 0px repeat-x; font-family: "Helvetica Neue", Arial, sans-serif; font-size: .917em; /* ~11px */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 200px; } /* line 16, ../../sass/skin-default/_components/_forms.scss */ .text-input:hover, input[type=text]:hover, input[type=password]:hover, textarea:hover, .text-input:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color: #b5a74c; background-position: 0 0; } /* line 23, ../../sass/skin-default/_components/_forms.scss */ input[type=text], input[type=password] { vertical-align: baseline; } /* line 26, ../../sass/skin-default/_components/_forms.scss */ .ie7 input[type=text], .ie7 input[type=password] { vertical-align: middle; /* So inputs don't interfere with buttons that come after them */ } /* line 31, ../../sass/skin-default/_components/_forms.scss */ textarea { height: 12em; } /* line 36, ../../sass/skin-default/_components/_forms.scss */ fieldset legend { font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; color: inherit; } /* Wrappers for form label-field pairs and buttons */ /* line 47, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder, .button-holder { clear: both; position: relative; padding: .5em 0; } /* line 56, ../../sass/skin-default/_components/_forms.scss */ form, .button-holder, .ctrl-holder, .ctrl-holder .multiField, .inline-label { display: inline-block; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ form:after, .button-holder:after, .ctrl-holder:after, .ctrl-holder .multiField:after, .inline-label:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ form, .button-holder, .ctrl-holder, .ctrl-holder .multiField, .inline-label { display: block; } /* Get rid of the 'glow' effect in WebKit, optional */ /* line 62, ../../sass/skin-default/_components/_forms.scss */ form .ctrl-holder .text-input:focus, form .ctrl-holder input[type=text]:focus, form .ctrl-holder input[type=password]:focus, form .ctrl-holder textarea:focus, form .ctrl-holder textarea:focus { outline: none; } /* Labels should look clickable */ /* line 67, ../../sass/skin-default/_components/_forms.scss */ form label { cursor: pointer; } /* Styles for form controls where labels are above the input elements --------------------------------------------------------------------------------*/ /* Labels are above their inputs, due to display:block */ /* line 77, ../../sass/skin-default/_components/_forms.scss */ label, form .label { display: block; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; font-weight: bold; } /* Inputs appear below labels and to the left of hints */ /* line 91, ../../sass/skin-default/_components/_forms.scss */ .text-input, input[type=text], input[type=password], textarea, .file-upload, .select-input, select, textarea { float: left; margin: 0 5px 0 0; } /* Hints appear to the right of the form fields */ /* line 97, ../../sass/skin-default/_components/_forms.scss */ form .form-hint { float: right; width: 43%; margin: 0; font-size: .85em; color: #777; } /* line 104, ../../sass/skin-default/_components/_forms.scss */ form .ctrl-holder.focused .form-hint { color: #333; } /* Sets of inputs, marked up with a list */ /* line 109, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul { float: left; width: 53%; margin: 0; padding: 0; } /* line 115, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul li { margin: 0 0 .5em 0; list-style: none; } /* line 119, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul label { margin: 0; float: none; display: block; overflow: visible; } /* Alternate list layout */ /* line 127, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul.alternate li { float: left; width: 30%; margin-right: 3%; } /* line 132, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul.alternate li label { float: none; display: block; width: 98%; } /* line 142, ../../sass/skin-default/_components/_forms.scss */ .ctrl-holder ul .text-input, .ctrl-holder ul input[type=text], .ctrl-holder ul input[type=password], .ctrl-holder ul textarea, .ctrl-holder ul .select-input, .ctrl-holder ul select, .ctrl-holder ul.alternate .text-input, .ctrl-holder ul.alternate input[type=text], .ctrl-holder ul.alternate input[type=password], .ctrl-holder ul.alternate textarea, .ctrl-holder ul.alternate .select-input, .ctrl-holder ul.alternate select { width: 98%; margin-top: .5em; display: block; float: none; } /* Required fields asterisks appear outside the form, to the left */ /* line 151, ../../sass/skin-default/_components/_forms.scss */ form label em, form .label em { float: left; width: 1em; margin: 0 0 0 -1em; font-style: normal; font-weight: bold; } /* Styles for form controls where labels are in line with the input elements --------------------------------------------------------------------------------*/ /* line 167, ../../sass/skin-default/_components/_forms.scss */ .inline-labels label, .inline-labels .label, .inline-labels .text-input, .inline-labels input[type=text], .inline-labels input[type=password], .inline-labels textarea, .inline-labels .file-upload, .inline-labels textarea { float: left; } /* line 172, ../../sass/skin-default/_components/_forms.scss */ .inline-labels label, .inline-labels .label { margin: .3em 5px 0 0; padding: 0; line-height: 1.2em; position: relative; width: 140px; } /* Sets of inputs, marked up with a list */ /* line 182, ../../sass/skin-default/_components/_forms.scss */ form .inline-labels ul { float: left; width: 66%; } /* line 186, ../../sass/skin-default/_components/_forms.scss */ form .inline-labels ul li label { float: none; display: block; width: 100%; } /* Override float behavior and label and field widths --------------------------------------------------------------------------------*/ /* .inline-label is used for checkboxes and radio buttons */ /* line 200, ../../sass/skin-default/_components/_forms.scss */ form .inline-label input, form .inline-labels .inline-label input, form .blockLabels .inline-label input, form label input { float: none; display: inline; margin: 0; padding: 0; border: none; } /* line 208, ../../sass/skin-default/_components/_forms.scss */ form .button-holder .inline-label, form .button-holder label { float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } /* line 221, ../../sass/skin-default/_components/_forms.scss */ form .radio-button label, form .radio-button input, form .checkbox label, form .checkbox input, form .inline-flow label, form .inline-flow input { display: inline !important; float: none !important; width: auto !important; } /* When you don't want to use a label */ /* line 228, ../../sass/skin-default/_components/_forms.scss */ form .inline-labels .noLabel ul { margin-left: 34%; /* Match to width of label + gap to field */ } /* Override inline label widths */ /* line 234, ../../sass/skin-default/_components/_forms.scss */ form .short-label label, form .short-label .label { width: 100px; } /* line 240, ../../sass/skin-default/_components/_forms.scss */ form .medium-label label, label.medium-label, form .medium-label .label, .label.medium-label { width: 149px; } /* line 244, ../../sass/skin-default/_components/_forms.scss */ form .long-label label, form .long-label .label { width: 188.75px; } /* line 248, ../../sass/skin-default/_components/_forms.scss */ form .huge-label label, form .huge-label .label { width: 268.25px; } /* line 252, ../../sass/skin-default/_components/_forms.scss */ label, .label { width: 149px; } /* Large is default and should match the value you set for .text-input, textarea or select */ /* line 260, ../../sass/skin-default/_components/_forms.scss */ form .auto-width, form .auto-width input, form .auto-width select, form .auto-width textarea { width: auto !important; } /* line 268, ../../sass/skin-default/_components/_forms.scss */ .validation-error { position: absolute; top: 0; left: -100%; width: auto; } /* line 274, ../../sass/skin-default/_components/_forms.scss */ .validation-error .message { color: #FFDFE3; white-space: nowrap; padding: 4px 12px; /*@include inline-block;*/ position: relative; display: block; width: auto; } /* line 282, ../../sass/skin-default/_components/_forms.scss */ .validation-error .message em { color: #fff; font-style: normal; } /* line 287, ../../sass/skin-default/_components/_forms.scss */ .validation-error .bg, .validation-error #content-bg, .validation-error #content-upper-bg, .validation-error #main-content-bg, .validation-error #sub-content-primary-bg { width: 100%; height: 100%; background: #df0d1f; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: #666666 1px 1px 8px; -webkit-box-shadow: #666666 1px 1px 8px; -o-box-shadow: #666666 1px 1px 8px; box-shadow: #666666 1px 1px 8px; } /* line 295, ../../sass/skin-default/_components/_forms.scss */ .validation-error .tip, .validation-tooltip-right .validation-error .tip { position: absolute; left: -10px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: transparent url("../../../images/skin-default/red-tips-sprite.png") no-repeat; background-position: 2px -20px; } /* line 306, ../../sass/skin-default/_components/_forms.scss */ .validation-tooltip-left .validation-error .tip { left: auto; right: -10px; background-position: 0 0; } /* line 312, ../../sass/skin-default/_components/_forms.scss */ .validation-tooltip-bottom .validation-error .tip { left: 50%; top: -10px; margin: 0; margin-left: -5px; background-position: 0 -29px; } /* line 327, ../../sass/skin-default/_components/_forms.scss */ input[type="text"].invalid, input[type="text"].invalid:hover, input[type="text"].invalid:focus, input[type="password"].invalid, input[type="password"].invalid:hover, input[type="password"].invalid:focus, select.invalid, select.invalid:hover, select.invalid:focus, textarea.invalid, textarea.invalid:hover, textarea.invalid:focus { border: 1px solid red; } /* line 332, ../../sass/skin-default/_components/_forms.scss */ .wpcf7-not-valid-tip-no-ajax { clear: both; display: block; color: #df0d1f; } /* line 337, ../../sass/skin-default/_components/_forms.scss */ .wpcf7-validation-errors { display: none; } /* line 341, ../../sass/skin-default/_components/_forms.scss */ .formError { clear: both; padding-left: 105px; color: #df0d1f; display: block; } /* line 348, ../../sass/skin-default/_components/_forms.scss */ .toggleval { /*color: #999;*/ } /* line 352, ../../sass/skin-default/_components/_forms.scss */ .tv-focused, .tv-changed { color: #000; } /* Buttons --------------------------------------------------------------------------------*/ /* Standard blue pill-shaped buttons */ /* line 32, ../../sass/_global-mixins.scss */ .blue-btn-sm, #login-button, .blue-btn-sm-r, a.blue-btn-sm .ui-button-bg, a#login-button .ui-button-bg, span.blue-btn-sm button, span#login-button button, span.blue-btn-sm input, span#login-button input { background-image: url("../../../images/skin-default/buttons/blue-btn-sm.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .blue-btn-sm, #login-button { border-bottom: 0 !important; margin-right: 17px; } /* line 55, ../../sass/_global-mixins.scss */ .blue-btn-sm .blue-btn-sm, #login-button .blue-btn-sm, .blue-btn-sm #login-button, #login-button #login-button, .blue-btn-sm .blue-btn-sm .ui-button-text, #login-button .blue-btn-sm .ui-button-text, .blue-btn-sm #login-button .ui-button-text, #login-button #login-button .ui-button-text { /* The button box */ height: 24px; line-height: 24px; } /* line 62, ../../sass/_global-mixins.scss */ .blue-btn-sm .ui-button-text, #login-button .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .blue-btn-sm:hover, #login-button:hover { background-position: 0 -25px; } /* line 90, ../../sass/_global-mixins.scss */ .blue-btn-sm:hover input, #login-button:hover input, .blue-btn-sm:hover button, #login-button:hover button, .blue-btn-sm:hover .ui-button-bg, #login-button:hover .ui-button-bg { background-position: right -25px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .blue-btn-sm-r, a.blue-btn-sm .ui-button-bg, a#login-button .ui-button-bg, span.blue-btn-sm button, span#login-button button, span.blue-btn-sm input, span#login-button input { /* The button box */ height: 24px; line-height: 24px; /* Left and right padding */ left: 12px; padding-right: 12px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 16, ../../sass/skin-default/_components/_buttons.scss */ .blue-btn-sm *, #login-button * { /* Contents */ font-family: Georgia, serif; font-size: 12px !important; color: #fff; } /* Standard red pill-shaped buttons */ /* line 32, ../../sass/_global-mixins.scss */ .red-btn-sm, .red-btn-sm-r, a.red-btn-sm .ui-button-bg, span.red-btn-sm button, span.red-btn-sm input { background-image: url("../../../images/skin-default/buttons/red-btn-sm.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .red-btn-sm { border-bottom: 0 !important; margin-right: 17px; } /* line 55, ../../sass/_global-mixins.scss */ .red-btn-sm .red-btn-sm, .red-btn-sm .red-btn-sm .ui-button-text { /* The button box */ height: 24px; line-height: 24px; } /* line 62, ../../sass/_global-mixins.scss */ .red-btn-sm .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .red-btn-sm:hover { background-position: 0 -25px; } /* line 90, ../../sass/_global-mixins.scss */ .red-btn-sm:hover input, .red-btn-sm:hover button, .red-btn-sm:hover .ui-button-bg { background-position: right -25px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .red-btn-sm-r, a.red-btn-sm .ui-button-bg, span.red-btn-sm button, span.red-btn-sm input { /* The button box */ height: 24px; line-height: 24px; /* Left and right padding */ left: 12px; padding-right: 12px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 33, ../../sass/skin-default/_components/_buttons.scss */ .red-btn-sm * { /* Contents */ font-family: Georgia, serif; font-size: 12px !important; color: #fff; } /* Large red rectangular buttons */ /* line 28, ../../sass/_global-mixins.scss */ .red-btn-lg, #page-mock-election #demo-btn, .red-btn-lg .ui-button-text, #page-mock-election #demo-btn .ui-button-text { background-image: url("../../../images/skin-default/buttons/red-btn-lg.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .red-btn-lg, #page-mock-election #demo-btn { border-bottom: 0 !important; background-position: -477px -58px; margin-top: -3px; margin-right: 20px; } /* line 55, ../../sass/_global-mixins.scss */ .red-btn-lg .red-btn-lg, #page-mock-election #demo-btn .red-btn-lg, .red-btn-lg #page-mock-election #demo-btn, #page-mock-election .red-btn-lg #demo-btn, #page-mock-election #demo-btn #demo-btn, .red-btn-lg .red-btn-lg .ui-button-text, #page-mock-election #demo-btn .red-btn-lg .ui-button-text, .red-btn-lg #page-mock-election #demo-btn .ui-button-text, #page-mock-election .red-btn-lg #demo-btn .ui-button-text, #page-mock-election #demo-btn #demo-btn .ui-button-text { /* The button box */ height: 53px; line-height: 53px; } /* line 62, ../../sass/_global-mixins.scss */ .red-btn-lg .ui-button-text, #page-mock-election #demo-btn .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 23px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .red-btn-lg:hover, #page-mock-election #demo-btn:hover { background-position: -477px -174px; } /* line 84, ../../sass/_global-mixins.scss */ .red-btn-lg:hover .ui-button-text, #page-mock-election #demo-btn:hover .ui-button-text { background-position: right -116px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .red-btn-lg-r, a.red-btn-lg .ui-button-bg, #page-mock-election a#demo-btn .ui-button-bg, span.red-btn-lg button, #page-mock-election span#demo-btn button, span.red-btn-lg input, #page-mock-election span#demo-btn input { /* The button box */ height: 53px; line-height: 48px; /* Left and right padding */ left: -8px; padding-right: 15px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 54, ../../sass/skin-default/_components/_buttons.scss */ .red-btn-lg *, #page-mock-election #demo-btn * { /* Contents */ font-family: Georgia, serif; font-size: 18px !important; color: #fff; } /* Large blue rectangular buttons */ /* line 28, ../../sass/_global-mixins.scss */ .blue-btn-lg, #page-lesson-plans #demo-btn, .blue-btn-lg .ui-button-text, #page-lesson-plans #demo-btn .ui-button-text { background-image: url("../../../images/skin-default/buttons/blue-btn-lg.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .blue-btn-lg, #page-lesson-plans #demo-btn { border-bottom: 0 !important; background-position: -477px -58px; margin-top: -3px; margin-right: 20px; } /* line 55, ../../sass/_global-mixins.scss */ .blue-btn-lg .blue-btn-lg, #page-lesson-plans #demo-btn .blue-btn-lg, .blue-btn-lg #page-lesson-plans #demo-btn, #page-lesson-plans .blue-btn-lg #demo-btn, #page-lesson-plans #demo-btn #demo-btn, .blue-btn-lg .blue-btn-lg .ui-button-text, #page-lesson-plans #demo-btn .blue-btn-lg .ui-button-text, .blue-btn-lg #page-lesson-plans #demo-btn .ui-button-text, #page-lesson-plans .blue-btn-lg #demo-btn .ui-button-text, #page-lesson-plans #demo-btn #demo-btn .ui-button-text { /* The button box */ height: 53px; line-height: 53px; } /* line 62, ../../sass/_global-mixins.scss */ .blue-btn-lg .ui-button-text, #page-lesson-plans #demo-btn .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 23px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .blue-btn-lg:hover, #page-lesson-plans #demo-btn:hover { background-position: -477px -174px; } /* line 84, ../../sass/_global-mixins.scss */ .blue-btn-lg:hover .ui-button-text, #page-lesson-plans #demo-btn:hover .ui-button-text { background-position: right -116px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .blue-btn-lg-r, a.blue-btn-lg .ui-button-bg, #page-lesson-plans a#demo-btn .ui-button-bg, span.blue-btn-lg button, #page-lesson-plans span#demo-btn button, span.blue-btn-lg input, #page-lesson-plans span#demo-btn input { /* The button box */ height: 53px; line-height: 48px; /* Left and right padding */ left: -8px; padding-right: 15px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 75, ../../sass/skin-default/_components/_buttons.scss */ .blue-btn-lg *, #page-lesson-plans #demo-btn * { /* Contents */ font-family: Georgia, serif; font-size: 18px !important; color: #fff; } /* Large blue rectangular buttons */ /* line 28, ../../sass/_global-mixins.scss */ .yellow-btn-lg, #page-econgress #demo-btn, .yellow-btn-lg .ui-button-text, #page-econgress #demo-btn .ui-button-text { background-image: url("../../../images/skin-default/buttons/yellow-btn-lg.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .yellow-btn-lg, #page-econgress #demo-btn { border-bottom: 0 !important; background-position: -477px -58px; margin-top: -3px; margin-right: 20px; } /* line 55, ../../sass/_global-mixins.scss */ .yellow-btn-lg .yellow-btn-lg, #page-econgress #demo-btn .yellow-btn-lg, .yellow-btn-lg #page-econgress #demo-btn, #page-econgress .yellow-btn-lg #demo-btn, #page-econgress #demo-btn #demo-btn, .yellow-btn-lg .yellow-btn-lg .ui-button-text, #page-econgress #demo-btn .yellow-btn-lg .ui-button-text, .yellow-btn-lg #page-econgress #demo-btn .ui-button-text, #page-econgress .yellow-btn-lg #demo-btn .ui-button-text, #page-econgress #demo-btn #demo-btn .ui-button-text { /* The button box */ height: 53px; line-height: 53px; } /* line 62, ../../sass/_global-mixins.scss */ .yellow-btn-lg .ui-button-text, #page-econgress #demo-btn .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 23px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .yellow-btn-lg:hover, #page-econgress #demo-btn:hover { background-position: -477px -174px; } /* line 84, ../../sass/_global-mixins.scss */ .yellow-btn-lg:hover .ui-button-text, #page-econgress #demo-btn:hover .ui-button-text { background-position: right -116px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .yellow-btn-lg-r, a.yellow-btn-lg .ui-button-bg, #page-econgress a#demo-btn .ui-button-bg, span.yellow-btn-lg button, #page-econgress span#demo-btn button, span.yellow-btn-lg input, #page-econgress span#demo-btn input { /* The button box */ height: 53px; line-height: 48px; /* Left and right padding */ left: -8px; padding-right: 15px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 96, ../../sass/skin-default/_components/_buttons.scss */ .yellow-btn-lg *, #page-econgress #demo-btn * { /* Contents */ font-family: Georgia, serif; font-size: 18px !important; color: #8F6F23; } /* Large blue rectangular buttons */ /* line 28, ../../sass/_global-mixins.scss */ .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn, .slate-btn-lg .ui-button-text, #page-democracy-corps #demo-btn .ui-button-text, #page-a-more-perfect-union #demo-btn .ui-button-text { background-image: url("../../../images/skin-default/buttons/slate-btn-lg.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .slate-btn-lg, #page-democracy-corps #demo-btn, #page-a-more-perfect-union #demo-btn { border-bottom: 0 !important; background-position: -477px -58px; margin-top: -3px; margin-right: 20px; } /* line 55, ../../sass/_global-mixins.scss */ .slate-btn-lg .slate-btn-lg, #page-democracy-corps #demo-btn .slate-btn-lg, #page-a-more-perfect-union #demo-btn .slate-btn-lg, .slate-btn-lg #page-democracy-corps #demo-btn, #page-democracy-corps .slate-btn-lg #demo-btn, #page-democracy-corps #demo-btn #demo-btn, #page-a-more-perfect-union #demo-btn #page-democracy-corps #demo-btn, #page-democracy-corps #page-a-more-perfect-union #demo-btn #demo-btn, .slate-btn-lg #page-a-more-perfect-union #demo-btn, #page-a-more-perfect-union .slate-btn-lg #demo-btn, #page-democracy-corps #demo-btn #page-a-more-perfect-union #demo-btn, #page-a-more-perfect-union #page-democracy-corps #demo-btn #demo-btn, #page-a-more-perfect-union #demo-btn #demo-btn, .slate-btn-lg .slate-btn-lg .ui-button-text, #page-democracy-corps #demo-btn .slate-btn-lg .ui-button-text, #page-a-more-perfect-union #demo-btn .slate-btn-lg .ui-button-text, .slate-btn-lg #page-democracy-corps #demo-btn .ui-button-text, #page-democracy-corps .slate-btn-lg #demo-btn .ui-button-text, #page-democracy-corps #demo-btn #demo-btn .ui-button-text, #page-a-more-perfect-union #demo-btn #page-democracy-corps #demo-btn .ui-button-text, #page-democracy-corps #page-a-more-perfect-union #demo-btn #demo-btn .ui-button-text, .slate-btn-lg #page-a-more-perfect-union #demo-btn .ui-button-text, #page-a-more-perfect-union .slate-btn-lg #demo-btn .ui-button-text, #page-democracy-corps #demo-btn #page-a-more-perfect-union #demo-btn .ui-button-text, #page-a-more-perfect-union #page-democracy-corps #demo-btn #demo-btn .ui-button-text, #page-a-more-perfect-union #demo-btn #demo-btn .ui-button-text { /* The button box */ height: 53px; line-height: 53px; } /* line 62, ../../sass/_global-mixins.scss */ .slate-btn-lg .ui-button-text, #page-democracy-corps #demo-btn .ui-button-text, #page-a-more-perfect-union #demo-btn .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 23px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .slate-btn-lg:hover, #page-democracy-corps #demo-btn:hover, #page-a-more-perfect-union #demo-btn:hover { background-position: -477px -174px; } /* line 84, ../../sass/_global-mixins.scss */ .slate-btn-lg:hover .ui-button-text, #page-democracy-corps #demo-btn:hover .ui-button-text, #page-a-more-perfect-union #demo-btn:hover .ui-button-text { background-position: right -116px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .slate-btn-lg-r, a.slate-btn-lg .ui-button-bg, #page-democracy-corps a#demo-btn .ui-button-bg, #page-a-more-perfect-union a#demo-btn .ui-button-bg, span.slate-btn-lg button, #page-democracy-corps span#demo-btn button, #page-a-more-perfect-union span#demo-btn button, span.slate-btn-lg input, #page-democracy-corps span#demo-btn input, #page-a-more-perfect-union span#demo-btn input { /* The button box */ height: 53px; line-height: 48px; /* Left and right padding */ left: -8px; padding-right: 15px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 117, ../../sass/skin-default/_components/_buttons.scss */ .slate-btn-lg *, #page-democracy-corps #demo-btn *, #page-a-more-perfect-union #demo-btn * { /* Contents */ font-family: Georgia, serif; font-size: 18px !important; color: #fff; } /* Large buttons that appear to wrap around the page edge */ /* line 126, ../../sass/skin-default/_components/_buttons.scss */ .wraparound-btn, .red-wraparound-btn-right, .red-wraparound-btn-left { position: relative; font-size: 1.667em; font-weight: normal; } /* line 131, ../../sass/skin-default/_components/_buttons.scss */ .wraparound-btn, .red-wraparound-btn-right, .red-wraparound-btn-left, .wraparound-btn:visited, .red-wraparound-btn-right:visited, .red-wraparound-btn-left:visited, .wraparound-btn:hover, .red-wraparound-btn-right:hover, .red-wraparound-btn-left:hover { color: #fff !important; } /* line 134, ../../sass/skin-default/_components/_buttons.scss */ .wraparound-btn strong, .red-wraparound-btn-right strong, .red-wraparound-btn-left strong { color: #000; font-weight: normal; } /* line 144, ../../sass/skin-default/_components/_buttons.scss */ .red-wraparound-btn-right { right: 13px; } /* line 28, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right, .red-wraparound-btn-right .ui-button-text { background-image: url("../../../images/skin-default/buttons/red-wraparound-btn-r.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right { border-bottom: 0 !important; background-position: -477px -72px; margin-right: 25px; } /* line 55, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right .red-wraparound-btn-right, .red-wraparound-btn-right .red-wraparound-btn-right .ui-button-text { /* The button box */ height: 67px; line-height: 67px; } /* line 62, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 50px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right:hover { background-position: -477px -216px; } /* line 84, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right:hover .ui-button-text { background-position: right -144px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .red-wraparound-btn-right-r, a.red-wraparound-btn-right .ui-button-bg, span.red-wraparound-btn-right button, span.red-wraparound-btn-right input { /* The button box */ height: 67px; line-height: 52px; /* Left and right padding */ left: 0; padding-right: 25px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* line 159, ../../sass/skin-default/_components/_buttons.scss */ .red-wraparound-btn-left { left: -32px; } /* line 28, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left, .red-wraparound-btn-left .ui-button-text { background-image: url("../../../images/skin-default/buttons/red-wraparound-btn-l.png"); /* Both sides of the sliding door get the same image sprite */ } /* The left sliding door */ /* line 38, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left { border-bottom: 0 !important; background-position: -487px -72px; margin-right: 25px; } /* line 55, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left .red-wraparound-btn-left, .red-wraparound-btn-left .red-wraparound-btn-left .ui-button-text { /* The button box */ height: 67px; line-height: 67px; } /* line 62, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left .ui-button-text { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; left: 50px; background-position: right top; } /* Hover styles */ /* line 74, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left:hover { background-position: -487px -216px; } /* line 84, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left:hover .ui-button-text { background-position: right -144px; } /* The right sliding door */ /* line 97, ../../sass/_global-mixins.scss */ .red-wraparound-btn-left-r, a.red-wraparound-btn-left .ui-button-bg, span.red-wraparound-btn-left button, span.red-wraparound-btn-left input { /* The button box */ height: 67px; line-height: 52px; /* Left and right padding */ left: 0; padding-right: 25px; } /* The right sliding door where an anchor tag is the button */ /* The right sliding door where an input or button tag is the button */ /* UL menus --------------------------------------------------------------------------------*/ /* line 5, ../../sass/skin-default/_components/_vmenu.scss */ .menu, .vmenu { margin: 0; padding: 0; list-style: none; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; } /* line 11, ../../sass/skin-default/_components/_vmenu.scss */ .menu li, .vmenu li { position: relative; } /* line 14, ../../sass/skin-default/_components/_vmenu.scss */ .menu li:hover, .vmenu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* line 21, ../../sass/skin-default/_components/_vmenu.scss */ .vmenu { display: block; } /* line 26, ../../sass/skin-default/_components/_vmenu.scss */ .vmenu li a { display: block; } /* Menus */ /* line 4, ../../sass/_base/_components/_menu.scss */ .menu-link, .menu a, .vmenu a, .hmenu a, .blue-btn-bar a, #global-nav ul a, #tools-nav a, .hmenu span, .blue-btn-bar span, #global-nav ul span, #tools-nav span { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; padding: .25em 1em; text-decoration: none; } /* Horizontal menus --------------------------------------------------------------------------------*/ /* hmenus with no dividers between menu items */ /* line 10, ../../sass/skin-default/_components/_hmenu.scss */ .hmenu ul, .blue-btn-bar ul, #global-nav ul ul, #tools-nav ul, ul.hmenu, ul.blue-btn-bar, #global-nav ul, #global-nav ul, ul#tools-nav { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; padding: 0 .5em; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .hmenu ul, .blue-btn-bar ul, #global-nav ul ul, #tools-nav ul, ul.hmenu, ul.blue-btn-bar, #global-nav ul, #global-nav ul, ul#tools-nav { display: block; } /* line 50, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hmenu ul li, .blue-btn-bar ul li, #global-nav ul ul li, #tools-nav ul li, ul.hmenu li, ul.blue-btn-bar li, #global-nav ul li, #global-nav ul li, ul#tools-nav li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; } /* line 41, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hmenu ul li:first-child, .blue-btn-bar ul li:first-child, #global-nav ul ul li:first-child, #tools-nav ul li:first-child, .hmenu ul li.first, .blue-btn-bar ul li.first, #global-nav ul ul li.first, #tools-nav ul li.first, ul.hmenu li:first-child, ul.blue-btn-bar li:first-child, #global-nav ul li:first-child, #global-nav ul li:first-child, ul#tools-nav li:first-child, ul.hmenu li.first, ul.blue-btn-bar li.first, #global-nav ul li.first, #global-nav ul li.first, ul#tools-nav li.first { padding-left: 0px; } /* line 43, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ .hmenu ul li:last-child, .blue-btn-bar ul li:last-child, #global-nav ul ul li:last-child, #tools-nav ul li:last-child, .hmenu ul li.last, .blue-btn-bar ul li.last, #global-nav ul ul li.last, #tools-nav ul li.last, ul.hmenu li:last-child, ul.blue-btn-bar li:last-child, #global-nav ul li:last-child, #global-nav ul li:last-child, ul#tools-nav li:last-child, ul.hmenu li.last, ul.blue-btn-bar li.last, #global-nav ul li.last, #global-nav ul li.last, ul#tools-nav li.last { padding-right: 0px; } /* line 15, ../../sass/skin-default/_components/_hmenu.scss */ .hmenu ul, .blue-btn-bar ul, #global-nav ul ul, #tools-nav ul, ul.hmenu, ul.blue-btn-bar, #global-nav ul, #global-nav ul, ul#tools-nav { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; } /* line 20, ../../sass/skin-default/_components/_hmenu.scss */ .hmenu a, .blue-btn-bar a, #global-nav ul a, #tools-nav a, .hmenu span, .blue-btn-bar span, #global-nav ul span, #global-nav ul span, #tools-nav span { padding-left: .5em; padding-right: .5em; } /* line 27, ../../sass/skin-default/_components/_hmenu.scss */ .blue-btn-bar { /*@extend .bar-bg; background-image: url('../../../images/skin-default/bar-bg-grdt-blue.jpg');*/ } /* line 1, ../../sass/skin-default/_template/_page.scss */ body { background: #112149; overflow: auto !important; } /* Page */ /* line 7, ../../sass/skin-default/_template/_page.scss */ .page-pad { width: 986px; margin: 0 auto; padding: 0 12px; } /* line 12, ../../sass/skin-default/_template/_page.scss */ #viewport-middle-1-1 { background: #b9cad2 url("../../images/skin-default/bg-window.png") repeat-x; } /* line 15, ../../sass/skin-default/_template/_page.scss */ #viewport-middle-1-2 { background: #112149 url("../../images/skin-default/bg-grdt-footer.png") repeat-x; } /* line 19, ../../sass/skin-default/_template/_page.scss */ #viewport-middle-1-1, #viewport-middle-1-2 { text-align: center; position: relative; } /* line 24, ../../sass/skin-default/_template/_page.scss */ #page-upper, #page-lower { width: 986px; padding-left: 12px; padding-right: 12px; text-align: left; margin: 0 auto; position: relative; } /* line 31, ../../sass/skin-default/_template/_page.scss */ #page-upper-1-2 { clear: both; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; background: transparent url("../../images/skin-default/bg-page-edge-shadows.png") repeat-y; } /* line 45, ../../sass/skin-default/_template/_page.scss */ .ie6 #viewport-middle, .ie6 body, .ie6 html { overflow: auto; } /* Header and footer */ /* line 2, ../../sass/skin-default/_template/_header.scss */ #header { background: transparent url("../../images/skin-default/bg-header.png") left top no-repeat; float: left; width: 100%; position: relative; } /* Search widget --------------------------------------------------------------------------------*/ /* line 14, ../../sass/skin-default/_template/_header.scss */ #site-search { width: 11.83em; position: absolute; right: 0; top: -12px; background: transparent url("../../../images/skin-default/search-box.png") no-repeat; } /* line 22, ../../sass/skin-default/_template/_header.scss */ #search-button { /*background: transparent url('../../../images/skin-default/buttons/btn-search-on-fff.png') no-repeat;*/ background: transparent; cursor: pointer; padding: 0; border: 0; width: 15px; height: 15px; position: absolute; top: 4px; right: 4px; text-indent: -9999em; overflow: hidden; text-align: left; padding-top: 15px; } /* line 36, ../../sass/skin-default/_template/_header.scss */ #search-input { width: 108px; margin-right: 0; background: transparent; border: 0; font-size: 1em; padding-top: 4px; padding-left: 10px; } /* Branding region --------------------------------------------------------------------------------*/ /* line 48, ../../sass/skin-default/_template/_header.scss */ #branding { width: 192px; display: block; height: 108px; } /* line 54, ../../sass/skin-default/_template/_header.scss */ #branding img { width: 180px; height: 90px; margin-top: 7px; } /* line 60, ../../sass/skin-default/_template/_header.scss */ #logo { display: block; } /* Global utility region --------------------------------------------------------------------------------*/ /* Global Nav */ /* line 69, ../../sass/skin-default/_template/_header.scss */ #global-nav { position: absolute; top: 50%; right: 0px; width: 783px; } /* line 75, ../../sass/skin-default/_template/_header.scss */ #global-nav ul { text-transform: uppercase; line-height: 1.8em; padding: 0; height: 54px; } /* line 83, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li { margin-right: 3px; display: block; float: left; width: auto; } /* line 90, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.signup { width: 61px; background-position: 0 0; } /* line 94, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.learning-programs { width: 134px; background-position: -64px 0; } /* line 98, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.civics-resources { width: 118px; background-position: -200px 0; } /* line 102, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.get-involved { width: 93px; background-position: -321px 0; } /* line 106, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.about { width: 53px; background-position: -415px 0; } /* line 110, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.faq { width: 39px; background-position: -470px 0; } /* line 114, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.news { width: 49px; background-position: -512px 0; } /* line 118, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a.help { width: 45px; background-position: -564px 0; } /* line 123, ../../sass/skin-default/_template/_header.scss */ #global-nav ul a { position: relative; text-indent: -5000em; overflow: hidden; text-align: left; padding: 54px 0 0; font-size: 1px; display: block; background: url("../../../images/global-nav.png") no-repeat; } /* line 135, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.signup, #global-nav ul a:hover.signup { background-position: 0 -54px; } /* line 138, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.learning-programs, #global-nav ul a:hover.learning-programs { background-position: -64px -54px; } /* line 141, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.civics-resources, #global-nav ul a:hover.civics-resources { background-position: -200px -54px; } /* line 144, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.get-involved, #global-nav ul a:hover.get-involved { background-position: -321px -54px; } /* line 147, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.about, #global-nav ul a:hover.about { background-position: -415px -54px; } /* line 150, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.faq, #global-nav ul a:hover.faq { background-position: -470px -54px; } /* line 153, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.news, #global-nav ul a:hover.news { background-position: -512px -54px; } /* line 156, ../../sass/skin-default/_template/_header.scss */ #global-nav ul li.current a.help, #global-nav ul a:hover.help { background-position: -564px -54px; } /* line 163, ../../sass/skin-default/_template/_header.scss */ #global-nav #global-nav-secondary a { color: #5283BE; } /* line 170, ../../sass/skin-default/_template/_header.scss */ #global-nav-primary, #global-nav-secondary { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; position: relative; top: -22px; } /* line 1, ../../sass/skin-default/_template/_footer.scss */ #footer { position: relative; color: #5781AF; } /* line 6, ../../sass/skin-default/_template/_footer.scss */ #contribute { min-height: 6em; height: auto !important; height: 6em; line-height: 3em; padding-bottom: 1px; position: relative; } /* line 14, ../../sass/skin-default/_template/_footer.scss */ #contribute-bg { background: #c7d4dd; width: 100%; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } /* line 19, ../../sass/skin-default/_template/_footer.scss */ #contribute-1-1 { text-align: center; position: relative; line-height: 36px; height: 36px; padding: 18px; background: url("../../../images/skin-default/make-contribution-nav.png") 50% 50% no-repeat; } /* line 28, ../../sass/skin-default/_template/_footer.scss */ #contribute-1-1 strong { position: absolute; height: 0; width: 0; overflow: hidden; } /* line 35, ../../sass/skin-default/_template/_footer.scss */ #contribute-button { position: absolute; width: 183px; height: 0; top: 18px; left: 162px; display: block; text-indent: -3000px; padding-top: 36px; overflow: hidden; } /* line 48, ../../sass/skin-default/_template/_footer.scss */ #proud-partner-links a { position: absolute; height: 0; padding-top: 22px; text-indent: -3000px; overflow: hidden; height: 22px; top: 26px; display: block; } /* line 58, ../../sass/skin-default/_template/_footer.scss */ #uva-link { width: 160px; left: 500px; } /* line 62, ../../sass/skin-default/_template/_footer.scss */ #cfp-link { width: 135px; left: 688px; } /* line 67, ../../sass/skin-default/_template/_footer.scss */ #partners { min-height: 3.75em; height: auto !important; height: 3.75em; position: relative; padding-bottom: 1px; } /* line 73, ../../sass/skin-default/_template/_footer.scss */ #partners a { color: #86b8ef; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #partners a:visited { color: #86b8ef; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #partners a:hover { color: white; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #partners a:active { color: #86b8ef; } /* line 77, ../../sass/skin-default/_template/_footer.scss */ #partners-bg { background: #39689e; width: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } /* line 82, ../../sass/skin-default/_template/_footer.scss */ #partners-1-1 { padding-left: 18px; padding-right: 18px; margin-bottom: 1em; padding-top: 1em; text-align: center; position: relative; } /* line 89, ../../sass/skin-default/_template/_footer.scss */ .borderradius.no-rgba #partners-1-1 h2 { float: left; width: auto; } /* line 95, ../../sass/skin-default/_template/_footer.scss */ #partners h2 { display: inline; margin: 0; text-transform: uppercase; color: #99c6eb; letter-spacing: .5px; line-height: 1.22em; vertical-align: top; margin-right: 10px; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #partners h2 { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #partners h2, .wf-inactive #partners h2, .wf-active #partners h2 { visibility: visible; font-weight: normal; font-size: 1.5em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #partners h2 { font-size: 1.2em; } /* line 107, ../../sass/skin-default/_template/_footer.scss */ #partners-list { vertical-align: top; } /* line 181, ../../sass/_global-mixins.scss */ #partners-list { padding: 0; } /* line 184, ../../sass/_global-mixins.scss */ #partners-list li { border-left: 1px solid #5781af; list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; } /* line 41, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ #partners-list li:first-child, #partners-list li.first { padding-left: 0px; } /* line 43, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ #partners-list li:last-child, #partners-list li.last { padding-right: 0px; } /* line 189, ../../sass/_global-mixins.scss */ #partners-list li:first-child, #partners-list li.first { border-left: 0; } /* line 193, ../../sass/_global-mixins.scss */ #partners-list a, #partners-list li span { padding-left: 0.5em; padding-right: 0.5em; } /* line 197, ../../sass/_global-mixins.scss */ body #partners-list li * span { padding-left: 0; padding-right: 0; } /* line 111, ../../sass/skin-default/_template/_footer.scss */ #partners-list a { text-decoration: none; line-height: 1.833em; } /* line 116, ../../sass/skin-default/_template/_footer.scss */ .borderradius.no-rgba #partners-list { float: left; display: block; width: auto; } /* line 181, ../../sass/_global-mixins.scss */ #global-footer-nav { padding: 0; } /* line 184, ../../sass/_global-mixins.scss */ #global-footer-nav li { border-left: 1px solid #2f477f; list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; } /* line 41, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ #global-footer-nav li:first-child, #global-footer-nav li.first { padding-left: 0px; } /* line 43, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */ #global-footer-nav li:last-child, #global-footer-nav li.last { padding-right: 0px; } /* line 189, ../../sass/_global-mixins.scss */ #global-footer-nav li:first-child, #global-footer-nav li.first { border-left: 0; } /* line 193, ../../sass/_global-mixins.scss */ #global-footer-nav a, #global-footer-nav li span { padding-left: 0.5em; padding-right: 0.5em; } /* line 197, ../../sass/_global-mixins.scss */ body #global-footer-nav li * span { padding-left: 0; padding-right: 0; } /* line 128, ../../sass/skin-default/_template/_footer.scss */ .ie7 #global-footer-nav { float: left; } /* line 131, ../../sass/skin-default/_template/_footer.scss */ #global-footer-nav a { color: white; text-decoration: none; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #global-footer-nav a:hover { color: white; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #global-footer-nav a:active { color: white; } /* line 4, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss */ #global-footer-nav a:hover { text-decoration: underline; } /* line 136, ../../sass/skin-default/_template/_footer.scss */ #copyright { float: right; } /* line 138, ../../sass/skin-default/_template/_footer.scss */ .borderradius.no-rgba #copyright { position: absolute; right: 0; top: 0; } /* line 1, ../../sass/skin-default/_template/_content.scss */ ul, ol { margin: 0 0.5em 1.5em 0; padding-left: 1.333em; } /* line 6, ../../sass/skin-default/_template/_content.scss */ .red-marker, #main-content h2 { margin-left: -26px; padding-left: 26px; background: url("../../../images/skin-default/red-marker.png") 0 50% no-repeat; min-height: 50px; height: auto !important; height: 50px; } /* line 13, ../../sass/skin-default/_template/_content.scss */ .tooltip { display: none; position: relative; } /* line 17, ../../sass/skin-default/_template/_content.scss */ .tooltip .bg, .tooltip #content-bg, .tooltip #content-upper-bg, .tooltip #main-content-bg, .tooltip #sub-content-primary-bg { width: 100%; height: 100%; background: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } /* line 23, ../../sass/skin-default/_template/_content.scss */ .tooltip .text { position: relative; color: #fff; width: auto; white-space: nowrap; padding: 3px 10px; cursor: pointer; display: block; } /* line 3, ../../sass/skin-default/_components/_sticky-note.scss */ .sticky-note { background: #f4f0c1; padding: 18px 20px; line-height: 1.5em; border: 1px solid #e7df85; position: relative; min-height: 36px; height: auto !important; height: 36px; } /* line 165, ../../sass/_global-mixins.scss */ .sticky-note, .wf-inactive .sticky-note { font-size: 1.2em; font-family: "Comic Sans","Comic Sans MS", cursive; } /* line 170, ../../sass/_global-mixins.scss */ .wf-active .sticky-note, .wf-loading .sticky-note { font-size: 1.2em; font-family: "wordy-diva-1","wordy-diva-2",cursive; } /* line 11, ../../sass/skin-default/_components/_sticky-note.scss */ .sticky-note .bd { position: relative; } /* line 14, ../../sass/skin-default/_components/_sticky-note.scss */ .sticky-note .tl, .sticky-note .br { position: absolute; background: transparent url("../../../images/skin-default/sticky-note-corners.png") no-repeat; } /* line 18, ../../sass/skin-default/_components/_sticky-note.scss */ .sticky-note .tl { left: -1px; top: -1px; width: 110px; height: 70px; } /* line 24, ../../sass/skin-default/_components/_sticky-note.scss */ .sticky-note .br { bottom: -15px; right: -6px; width: 115px; height: 85px; background-position: right bottom; } /* line 36, ../../sass/skin-default/_template/_content.scss */ .dialog-template, #delete-confirm { display: none; } /* line 38, ../../sass/skin-default/_template/_content.scss */ .blockMsg .dialog-template, .blockMsg #delete-confirm { display: block; padding: 10px 15px 0 15px; text-align: center; background: #fffde3; border: 6px solid #3a3a3a; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* line 42, ../../sass/skin-default/_template/_content.scss */ .blockMsg .dialog-template p, .blockMsg #delete-confirm p { margin-bottom: 0; } /* line 45, ../../sass/skin-default/_template/_content.scss */ .blockMsg .dialog-template .buttons, .blockMsg #delete-confirm .buttons { padding-top: 10px; margin-bottom: 18px; height: 22px; } /* line 50, ../../sass/skin-default/_template/_content.scss */ .blockMsg .dialog-template .ui-button-text, .blockMsg #delete-confirm .ui-button-text { color: #fff !important; } /* line 57, ../../sass/skin-default/_template/_content.scss */ .dialog-template .icon, #delete-confirm .icon { vertical-align: baseline; position: relative; bottom: 0px; padding-right: 5px; } /* line 65, ../../sass/skin-default/_template/_content.scss */ #delete-confirm { width: 260px; } /* Variable page content region */ /* line 75, ../../sass/skin-default/_template/_content.scss */ #content, #content-bg, #content-upper, #content-upper-bg { width: 986px; } /* line 79, ../../sass/skin-default/_template/_content.scss */ #content-bg, #content-upper-bg { left: -30px; top: 0; width: 1054px; background: transparent url("../../images/skin-default/bg-content-top-shadows.png") top left no-repeat; } /* line 87, ../../sass/skin-default/_template/_content.scss */ #content, #content-upper { position: relative; background: transparent url("../../images/skin-default/bg-blue-sky.png") top left no-repeat; padding: 56px 0 0; } /* line 92, ../../sass/skin-default/_template/_content.scss */ #content-body { background: #fff; padding-left: 20px; padding-right: 20px; padding-top: 1.5em; padding-bottom: 1px; position: relative; } /* Main content region */ /* line 109, ../../sass/skin-default/_template/_content.scss */ #main-content { margin-right: 20px; z-index: 1; } /* line 115, ../../sass/skin-default/_template/_content.scss */ #main-content .prelude { float: left; width: 482px; margin-right: 10px; font-size: 1.25em; } /* line 122, ../../sass/skin-default/_template/_content.scss */ #main-content .testimonial { width: 172px; float: left; } /* line 125, ../../sass/skin-default/_template/_content.scss */ #main-content .testimonial p { margin-bottom: 0; } /* line 131, ../../sass/skin-default/_template/_content.scss */ #main-content, #main-content-bg { width: 707px; } /* line 133, ../../sass/skin-default/_template/_content.scss */ .full-width #main-content, .full-width #main-content-bg { width: 100%; margin-right: 0; } /* line 139, ../../sass/skin-default/_template/_content.scss */ #main-content-bg { left: 0; } /* Account navigation (Login, etc.) --------------------------------------------------------------------------------*/ /* line 148, ../../sass/skin-default/_template/_content.scss */ #account-nav { width: 418px; top: 36px; position: absolute; right: 9px; z-index: 1; line-height: 21px; } /* line 150, ../../sass/skin-default/_template/_content.scss */ .ie7 #account-nav { /*width: 360px; right: 40px;*/ } /* line 159, ../../sass/skin-default/_template/_content.scss */ #account-nav .label { float: left; display: block; width: 38px; font-weight: normal; color: #12405F; margin-right: 4px; line-height: 21px; vertical-align: middle; text-align: center; } /* line 170, ../../sass/skin-default/_template/_content.scss */ #account-nav label { display: none; } /* line 173, ../../sass/skin-default/_template/_content.scss */ #account-nav .ctrl-holder { float: left; padding: 0; clear: none; } /* line 178, ../../sass/skin-default/_template/_content.scss */ .borderradius.no-rgba #account-nav .ctrl-holder, .ie7 #account-nav .ctrl-holder { float: left; padding: 0; width: auto; clear: none; } /* line 186, ../../sass/skin-default/_template/_content.scss */ #login-button { float: left; } /* line 191, ../../sass/skin-default/_template/_content.scss */ #login, #password, #password-hint { width: 135px; padding: 4px 5px; border: 1px solid #3B87BF; } /* line 193, ../../sass/skin-default/_template/_content.scss */ .ie7 #login, .ie7 #password, .ie7 #password-hint { width: 120px; } /* line 198, ../../sass/skin-default/_template/_content.scss */ .borderradius.no-rgba #login, .borderradius.no-rgba #password, .borderradius.no-rgba #password-hint { background-image: none; } /* line 203, ../../sass/skin-default/_template/_content.scss */ input#login { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -o-border-top-right-radius: 0; -ms-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; } /* line 209, ../../sass/skin-default/_template/_content.scss */ input#password, input#password-hint { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } /*.js #password, .no-js #password-hint { display: none; }*/ /* line 217, ../../sass/skin-default/_template/_content.scss */ #password-hint { display: none; } /* line 220, ../../sass/skin-default/_template/_content.scss */ #forgot-password-link { float: left; width: auto; white-space: nowrap; line-height: 1.2em; font-size: 11px; position: relative; text-decoration: none; border-bottom: .08em dotted #B3D5EF; top: -2px; clear: both; margin-left: 45px; color: #dff1ff; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #forgot-password-link:visited { color: #dff1ff; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #forgot-password-link:hover { color: white; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #forgot-password-link:active { color: #dff1ff; } /* line 235, ../../sass/skin-default/_template/_content.scss */ #teacher-code { display: inline; float: right; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #teacher-code .code { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #teacher-code .code, .wf-inactive #teacher-code .code, .wf-active #teacher-code .code { visibility: visible; font-weight: normal; font-size: 1.667em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #teacher-code .code { font-size: 1.334em; } /* line 240, ../../sass/skin-default/_template/_content.scss */ #teacher-code em { color: #17537F; font-style: normal; font-size: 1em; margin-right: 3px; } /* line 247, ../../sass/skin-default/_template/_content.scss */ #account-details { display: inline; float: left; color: #17537F; } /* line 250, ../../sass/skin-default/_template/_content.scss */ #account-details a { color: white; border-bottom: 1px dotted #fff; padding-bottom: .02em; text-decoration: none; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #account-details a:hover { color: white; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #account-details a:active { color: #17537f; } /* line 253, ../../sass/skin-default/_template/_content.scss */ #account-details a:hover { border-bottom: 0; } /* line 259, ../../sass/skin-default/_template/_content.scss */ #account-details strong { color: #000; } /* line 263, ../../sass/skin-default/_template/_content.scss */ #login-button { /*margin-left: 1px; .ie7 & { float: left; width: auto; } input { font-weight: bold; text-transform: uppercase; } .ie8 & { top: 2px; } .ie7 & .ui-button-bg, .ie7 & .ui-button-text { padding-top: 0; padding-bottom: 0; }*/ } /* line 284, ../../sass/skin-default/_template/_content.scss */ #flash { display: none; } /* Styles for a phone number input in three fields --------------------------------------------------------------------------------*/ /* line 292, ../../sass/skin-default/_template/_content.scss */ #telephone-area-code, #telephone-exchange, #telephone-number { width: 22px; margin-right: 0; } /* line 296, ../../sass/skin-default/_template/_content.scss */ #telephone-number { width: 28px; margin-right: 0; } /* line 300, ../../sass/skin-default/_template/_content.scss */ .phone-mask span.mask { float: left; display: block; width: auto; line-height: 24px; padding: 0 2px; } /* Page title --------------------------------------------------------------------------------*/ /* line 311, ../../sass/skin-default/_template/_content.scss */ #title { border-bottom: 7px solid #C7D4DD; clear: both; width: 100%; color: #fff; position: relative; } /* line 318, ../../sass/skin-default/_template/_content.scss */ #title-1-1 { padding-left: 20px; padding-right: 20px; padding-top: 1.5em; padding-bottom: 1.5em; position: relative; min-height: 3.75em; height: auto !important; height: 3.75em; } /* line 326, ../../sass/skin-default/_template/_content.scss */ #title h1 { color: #fff; margin-bottom: 0; padding-left: 55px; text-transform: uppercase; letter-spacing: 1px; background: transparent url("../../../images/skin-default/icons/icon-blue-star-title.png") no-repeat; min-height: 42px; height: auto !important; height: 42px; line-height: 42px; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #title h1 { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #title h1, .wf-inactive #title h1, .wf-active #title h1 { visibility: visible; font-weight: normal; font-size: 3.75em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #title h1 { font-size: 3em; } /* line 338, ../../sass/skin-default/_template/_content.scss */ #tools-nav { border: 1px solid red; position: absolute; height: 44px; width: 491px; right: 15px; top: 20px; } /* line 144, ../../sass/_global-mixins.scss */ .wf-loading #tools-nav { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ #tools-nav, .wf-inactive #tools-nav, .wf-active #tools-nav { visibility: visible; font-weight: normal; font-size: 1.5em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js #tools-nav { font-size: 1.2em; } /* line 348, ../../sass/skin-default/_template/_content.scss */ #tools-nav li { border-color: #A7C7DF; } /* line 350, ../../sass/skin-default/_template/_content.scss */ #tools-nav li a { padding: 0; width: 120px; height: 44px; text-indent: -9999em; overflow: hidden; text-align: left; background-image: url('/images/skin-default/icons/tools-nav-trans.png?1285930853'); background-repeat: no-repeat; background-position: 0 0; color: white; display: block; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #tools-nav li a:hover { color: white; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #tools-nav li a:active { color: white; } /* line 364, ../../sass/skin-default/_template/_content.scss */ li#lesson-plans-link a:hover { background-position: -140px 0; } /* line 368, ../../sass/skin-default/_template/_content.scss */ li#mock-election-link a { background-position: 0 -44px; width: 125px; } /* line 371, ../../sass/skin-default/_template/_content.scss */ li#mock-election-link a:hover { background-position: -140px -44px; } /* line 375, ../../sass/skin-default/_template/_content.scss */ li#econgress-link a { background-position: 0 -88px; width: 110px; } /* line 378, ../../sass/skin-default/_template/_content.scss */ li#econgress-link a:hover { background-position: -140px -88px; } /* line 382, ../../sass/skin-default/_template/_content.scss */ li#democracy-corps-link a { background-position: 0 -132px; width: 136px; } /* line 385, ../../sass/skin-default/_template/_content.scss */ li#democracy-corps-link a:hover { background-position: -140px -132px; } /* line 391, ../../sass/skin-default/_template/_content.scss */ #tertiary-nav { /*@extend .box;*/ } /* line 394, ../../sass/skin-default/_template/_content.scss */ #tertiary-nav ul.vmenu { border-top: 1px solid #cdd9e1; } /* line 399, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav ul.vmenu a, #content-body #tertiary-nav ul.vmenu span { padding: .5em 0 .5em 20px; background: url("../../../images/skin-default/icons/sub-content-nav-bullet.png") 2px 10px no-repeat; border-bottom: 1px solid #cdd9e1; display: block; } /* line 407, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav ul.vmenu a, #content-body #tertiary-nav ul.vmenu a:hover, #content-body #tertiary-nav ul.vmenu a:active, #content-body #tertiary-nav ul.vmenu a a:visited { border-bottom: 1px solid #cdd9e1; } /* line 410, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav ul.vmenu a:hover { background-color: #dee4e9; } /* line 413, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav ul.vmenu a:active { background-color: #d8dfe5; } /* line 420, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav li.current a { background: #39689e url("../../../images/skin-default/icons/sub-content-nav-bullet-current.png") 4px 10px no-repeat; color: #fff !important; cursor: default; line-height: 16px; } /* line 426, ../../sass/skin-default/_template/_content.scss */ #content-body #tertiary-nav li.current a:hover { background-color: #39689e; color: #fff !important; } /* Sub content region */ /* line 439, ../../sass/skin-default/_template/_content.scss */ #sub-content-primary, #sub-content-primary-bg { width: 219px; } /* line 446, ../../sass/skin-default/_template/_content.scss */ #content-body #sub-content-primary a { color: #df0d1f; border-bottom-color: #df0d1f; } /* line 18, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #sub-content-primary a:visited { color: lighten; } /* line 21, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #sub-content-primary a:focus { color: #df0d1f; } /* line 24, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #sub-content-primary a:hover { color: #7f0712; } /* line 27, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ #content-body #sub-content-primary a:active { color: #df0d1f; } /* line 450, ../../sass/skin-default/_template/_content.scss */ #content-body #sub-content-primary a:hover { border-bottom-color: #7f0712; } /* line 454, ../../sass/skin-default/_template/_content.scss */ #sub-content-primary .box, #sub-content-primary .tertiary-nav-with-desc, #sub-content-primary #sidebar-yli-learning-programs, #sub-content-primary #sidebar-about, #sub-content-primary .learning-program #prelude, .learning-program #sub-content-primary #prelude { border-top: 1px solid #d1dbe3; } /* line 456, ../../sass/skin-default/_template/_content.scss */ #sub-content-primary .box:first-child, #sub-content-primary .tertiary-nav-with-desc:first-child, #sub-content-primary #sidebar-yli-learning-programs:first-child, #sub-content-primary #sidebar-about:first-child, #sub-content-primary .learning-program #prelude:first-child, .learning-program #sub-content-primary #prelude:first-child { border-top: 0; } /* line 460, ../../sass/skin-default/_template/_content.scss */ #sub-content-primary .first-box { border-top: 0 !important; } /* line 464, ../../sass/skin-default/_template/_content.scss */ #sub-content-primary-bg { right: 0; left: auto; background: #E4E9ED; border: 1px solid #d4dee5; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* Sub content "Sign Up To Access" --------------------------------------------------------------------------------*/ /* line 144, ../../sass/_global-mixins.scss */ .wf-loading .tertiary-nav-with-desc a, .wf-loading #sidebar-yli-learning-programs a, .wf-loading #sidebar-about a { visibility: hidden; } /* line 150, ../../sass/_global-mixins.scss */ .tertiary-nav-with-desc a, #sidebar-yli-learning-programs a, #sidebar-about a, .wf-inactive .tertiary-nav-with-desc a, .wf-inactive #sidebar-yli-learning-programs a, .wf-inactive #sidebar-about a, .wf-active .tertiary-nav-with-desc a, .wf-active #sidebar-yli-learning-programs a, .wf-active #sidebar-about a { visibility: visible; font-weight: normal; font-size: 1.333em; font-family: "league-gothic-1","league-gothic-2","Arial Narrow", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "Helvetica Neue", "DejaVu Sans Condensed", "Abadi MT Condensed", Arial, sans-serif; } /* line 157, ../../sass/_global-mixins.scss */ .no-js .tertiary-nav-with-desc a, .no-js #sidebar-yli-learning-programs a, .no-js #sidebar-about a { font-size: 1.066em; } /* line 482, ../../sass/skin-default/_template/_content.scss */ .tertiary-nav-with-desc p, #sidebar-yli-learning-programs p, #sidebar-about p { margin-bottom: 0.75em; } /* line 495, ../../sass/skin-default/_template/_content.scss */ #banner { width: 100%; height: 177px; position: relative; margin-bottom: 0.75em; } /* line 501, ../../sass/skin-default/_template/_content.scss */ #banner #demo-btn { position: absolute; top: 9.5em; left: 30px; } /* line 507, ../../sass/skin-default/_template/_content.scss */ #banner-text-primary { position: absolute; left: 5000px; } /* line 512, ../../sass/skin-default/_template/_content.scss */ .banner-btn { top: 115px; left: 29px; color: #fff; font-size: 1.5em; border-bottom: 0; } /* line 519, ../../sass/skin-default/_template/_content.scss */ .banner-btn .ui-button-bg { padding: .5em .8em; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* line 524, ../../sass/skin-default/_template/_content.scss */ .banner-btn:hover .ui-button-bg { background-position: 0 -55px; } /* line 527, ../../sass/skin-default/_template/_content.scss */ .banner-btn:active .ui-button-bg { background-position: 0 -110px; } /* line 531, ../../sass/skin-default/_template/_content.scss */ .banner-btn span { display: block; } /* line 535, ../../sass/skin-default/_template/_content.scss */ .ie7 .banner-btn { display: inline-block; display: inline; } /* line 25, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .ie7 .banner-btn:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } /* line 8, ../../../../../../../../../../../.rvm/gems/ruby-1.8.7-p174/gems/compass-0.10.0/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss */ .ie7 .banner-btn { display: block; } /* line 538, ../../sass/skin-default/_template/_content.scss */ .ie7 .banner-btn span { display: inline; } /* line 545, ../../sass/skin-default/_template/_content.scss */ .learning-program .aside { width: 205px; margin-right: 20px; } /* line 550, ../../sass/skin-default/_template/_content.scss */ .learning-program .main { width: 482px; } /* line 553, ../../sass/skin-default/_template/_content.scss */ .learning-program #signup-btn .ui-button-bg { width: 170px; text-align: left; } /* line 557, ../../sass/skin-default/_template/_content.scss */ .learning-program #prelude { background: #fffde3; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border: 1px solid #f2e300; position: relative; } /* line 563, ../../sass/skin-default/_template/_content.scss */ .learning-program #prelude p { font-size: 1.25em; margin-bottom: 1.2em; } /* line 568, ../../sass/skin-default/_template/_content.scss */ .learning-program .testimonial { margin-left: 3px; font-size: 1.417em; color: #595D5F; font-style: italic; line-height: 1.29em; } /* line 575, ../../sass/skin-default/_template/_content.scss */ .learning-program .testimonial p { margin-bottom: .53em !important; } /* line 578, ../../sass/skin-default/_template/_content.scss */ .learning-program .testimonial .attribution { display: block; text-indent: -0.9em; padding-left: 1em; font-size: .65em; color: #8b9093; line-height: 1.64em; } /* line 590, ../../sass/skin-default/_template/_content.scss */ #page-democracy-corps #banner { background: url("../../../images/banner-democracy-corps.jpg") no-repeat; } /* line 603, ../../sass/skin-default/_template/_content.scss */ #page-econgress #banner { background: url("../../../images/banner-econgress.jpg") no-repeat; } /* line 611, ../../sass/skin-default/_template/_content.scss */ #page-mock-election #banner { background: url("../../../images/banner-mock-election.jpg") no-repeat; } /* line 621, ../../sass/skin-default/_template/_content.scss */ #page-lesson-plans #banner { background: url("../../../images/banner-lesson-plans.jpg") no-repeat; } /* line 631, ../../sass/skin-default/_template/_content.scss */ .lesson-plan { clear: both; } /* line 635, ../../sass/skin-default/_template/_content.scss */ .lesson-plan .title { font-size: 1em; font-weight: bold; text-transform: uppercase; color: #000; margin-bottom: .75em; display: block; } /* line 643, ../../sass/skin-default/_template/_content.scss */ .lesson-plan p { margin-bottom: .75em; } /* line 646, ../../sass/skin-default/_template/_content.scss */ .lesson-plan dt, .lesson-plan dd { float: left; margin-bottom: .333em; } /* line 650, ../../sass/skin-default/_template/_content.scss */ .lesson-plan dt { font-family: "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; font-size: 11px; line-height: 18px; width: 11%; clear: both; } /* line 658, ../../sass/skin-default/_template/_content.scss */ .lesson-plan dd { font-style: italic; margin-left: 0; color: #666; width: 89%; } /**/ /* line 669, ../../sass/skin-default/_template/_content.scss */ #page-a-more-perfect-union #banner { background: url("../../../images/banner-ampu.jpg") no-repeat; } /* line 675, ../../sass/skin-default/_template/_content.scss */ .page-template-page-staff-php #main-content img.portrait { float: left; clear: both; margin-bottom: 1.5em; margin-right: 20px; } /* line 681, ../../sass/skin-default/_template/_content.scss */ .page-template-page-staff-php #main-content h3.job-title { float: left; clear: none; width: 90%; } /* line 690, ../../sass/skin-default/_template/_content.scss */ #dashboard-link-wrap { margin-bottom: 0; border-bottom: 1px solid #D1DBE3; } /* line 694, ../../sass/skin-default/_template/_content.scss */ #content-body a#back-to-dashboard-link { display: block; text-align: center; background: #edf0f3 url("../../../images/skin-default/icons/dashboard-home.png") 23% 50% no-repeat; position: relative; padding: .75em .5em; margin-bottom: 1.5em; border: 1px solid #c7d4dd; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-family: Georgia, serif; font-size: 1em; } /* line 703, ../../sass/skin-default/_template/_content.scss */ .ie7 #content-body a#back-to-dashboard-link { border-radius: 0; } /* line 708, ../../sass/skin-default/_template/_content.scss */ #content-body a#back-to-dashboard-link:hover { border: 1px solid #a7bcca; } /* line 713, ../../sass/skin-default/_template/_content.scss */ .write-in-radio { display: none; } /* line 717, ../../sass/skin-default/_template/_content.scss */ div.referendum-question { font-style: italic; background: #F5F9FC; padding: 5px 8px; border: 1px solid #E9EFF3; }