/* COLOR SUMMARY ============= MEDIUM BLUE: #455D7F DARK BLUE: #273D66 VERY DARK BLUE: #0F1C2E / #000 GREEN: #181 HILITE GREEN: #9F9; RED: #D11 ORANGE PEEL: #F79621 -- also used for links GOLD BAR: #FCEABB */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; /* from: https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff */ src: local('Open Sans'), local('OpenSans'), url(/css/fonts/OpenSans.woff) format('woff'); font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; /* from: https://fonts.gstatic.com/s/opensans/v9/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/css/fonts/OpenSansBold.woff) format('woff'); font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; /* from: https://fonts.gstatic.com/s/opensans/v9/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff */ src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(/css/fonts/OpenSansCondensedBold.woff) format('woff'); font-display: swap; } /* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) http://cssreset.com */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, INPUT, TEXTAREA { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } /*******************************************************/ /****************** NORMALIZATIONS *********************/ HTML { overflow-y: scroll; } A IMG { border: 0px; } DL, MENU, OL, UL { margin: 1em 0; } DD { margin: 0 0 0 40px; } MENU, OL, UL { padding: 0 0 0 40px; } /* Addresses paddings set differently in IE 6/7. */ /* Corrects list images handled incorrectly in IE 7. */ NAV UL, NAV OL { list-style: none; list-style-image: none; } FORM { margin: 0; } /* IE 6/7 */ LI { line-height: 1.5em; } LEGEND { border: 0; padding: 0; white-space: normal; } STRONG { font-weight: bold; } EM { font-style: italic; } OPTGROUP[label] { font-style: italic; font-weight: bold; } OPTION, SELECT, OPTGROUP { font: inherit; font-size: 100%; font-style: normal; font-weight: normal; color: black; } IMG { max-width: 100%; } /* prevents things from busting out */ TABLE IMG { max-width: none; } /****************** NORMALIZATIONS *********************/ /****************** BASE SETTINGS *********************/ BODY { /* font-family: 'Open Sans', Arial, Verdana, sans-serif; */ /* font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif; */ /* font-family: 'Pontano Sans', Arial, Verdana, sans-serif; */ /* font-family: 'Metrophobic', Arial, Verdana, sans-serif; */ font-family: 'Open Sans', Arial, Verdana, sans-serif; /* font-family: 'Source Sans Pro', Arial, Verdana, sans-serif; */ /* font-family: 'Sintony', Arial, Verdana, sans-serif; */ text-align: left; /* font-size: medium; */ color: #000; font-size: 13pt; line-height: 1.5em; background-color: #FFF; /* font-weight: 300; */ } P { margin: 0.5em 0 1.2em 0; } A { color: #273D66; } A:visited { color: #273D66; } A:hover { color: #F79621; } H1, H2, H3, H4, H5, H6 { text-align:left; margin: 1.2em 0 1.0em 0; padding:0px; line-height: 1.2em; font-weight: bold; /* font-family: 'Open Sans', Arial, Verdana, sans-serif; */ font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif; /* font-family: 'Pontano Sans', Arial, Verdana, sans-serif; */ /* font-family: 'Metrophobic', Arial, Verdana, sans-serif; */ /* font-family: 'Sintony', Arial, Verdana, sans-serif; */ } H1 { font-size: 180%; } H2 { font-size: 150%; } H3 { font-size: 130%; } H4 { font-size: 120%; } H5 { font-size: 110%; } H6 { font-size: 100%; } DIV > P:first-child, DIV > IMG:first-child, H1:first-child, H2:first-child, H3:first-child, H4:first-child, H5:first-child, H6:first-child { margin-top: 0; } H1.underline, H2.underline, H3.underline, H4.underline, H5.underline, H6.underline { border: 1px solid #000; border-width: 0 0 1px 0; padding-bottom: 0.15em; } .ie { display: none; } /* you can re-show this in IE-specific stylesheets */ HR { margin: 20px 0px 20px 0px; padding: 0px; border: 0; height: 0; border-color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; } I { font-style: italic; } DT { font-weight: bold; margin: 0.5em 0; } /****************** BASE SETTINGS *********************/ /****************** WRAPPERS AND STRATA *********************/ DIV.wrapper { margin: 0 auto; padding: 0 !important; clear: both; } /* min width for older browsers that don't scale well */ .nomq BODY, .no-mq BODY, .no-mediaqueries BODY { min-width: 800px !important; } DIV.strata, NAV.strata { padding: 1.5em 5%; /* was 10 */ clear:both; } DIV.strata.medium, .nag.medium { background: #455D7F url(../images/layout/strata_grad.png) 0 0 repeat-x; color: #FFF; } DIV.strata.light, .nag.light { background: #EEE url(../images/layout/strata_grad.png) 0 0 repeat-x; } DIV.strata.dark, .nag.dark { background: #0F1C2E url(../images/layout/strata_grad.png) 0 0 repeat-x; color: #FFF; } DIV.strata.darkest, DIV.strata.footer, .nag.darkest { background: #000; color: #FFF; } DIV.strata.utility { box-shadow: 0 2px 4px rgba(0,0,0,0.6); /* box shadow on older versions of safari grow the page horizontally */ background: #FFF; background: -o-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%,rgba(214,214,214,1) 100%); background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%,rgba(214,214,214,1) 100%); background: linear-gradient(to bottom, rgba(214,214,214,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%,rgba(214,214,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D6D6D6',GradientType=0 ); border-bottom: 1px solid #999; padding-top: 8px; padding-bottom: 8px; } /* wave separater - defaults */ DIV.strata.wave { padding-top: 85px; background: #FFF url(/images/layout/shearwave.jpg) 50% 0% repeat-x; } DIV.strata.medium.wave { background: #455D7F url(/images/layout/shearwave-medium.jpg) 50% 0% repeat-x; } DIV.strata.dark.wave { background: #273D66 url(/images/layout/shearwave-dark.jpg) 50% 0% repeat-x; } DIV.strata.darkest.wave { background: #000 url(/images/layout/shearwave-darkest.jpg) 50% 0% repeat-x; } /* wave separater - from-white */ DIV.strata + DIV.strata.wave { background: #FFF url(/images/layout/shearwave_WW.jpg) 50% 0% repeat-x; } DIV.strata + DIV.strata.medium.wave { background: #455D7F url(/images/layout/shearwave_WM.jpg) 50% 0% repeat-x; } DIV.strata + DIV.strata.dark.wave { background: #273D66 url(/images/layout/shearwave_WD.jpg) 50% 0% repeat-x; } DIV.strata + DIV.strata.darkest.wave { background: #000 url(/images/layout/shearwave_WK.jpg) 50% 0% repeat-x; } /* wave separater - from-medium */ DIV.strata.medium + DIV.strata.wave { background: #FFF url(/images/layout/shearwave_MW.jpg) 50% 0% repeat-x; } DIV.strata.medium + DIV.strata.medium.wave { background: #455D7F url(/images/layout/shearwave_MM.jpg) 50% 0% repeat-x; } DIV.strata.medium + DIV.strata.dark.wave { background: #273D66 url(/images/layout/shearwave_MD.jpg) 50% 0% repeat-x; } DIV.strata.medium + DIV.strata.darkest.wave { background: #000 url(/images/layout/shearwave_MK.jpg) 50% 0% repeat-x; } /* wave separater - from-dark */ DIV.strata.dark + DIV.strata.wave { background: #FFF url(/images/layout/shearwave_DW.jpg) 50% 0% repeat-x; } DIV.strata.dark + DIV.strata.medium.wave { background: #455D7F url(/images/layout/shearwave_DM.jpg) 50% 0% repeat-x; } DIV.strata.dark + DIV.strata.dark.wave { background: #273D66 url(/images/layout/shearwave_DD.jpg) 50% 0% repeat-x; } DIV.strata.dark + DIV.strata.darkest.wave { background: #000 url(/images/layout/shearwave_DK.jpg) 50% 0% repeat-x; } /* wave separater - from-darkest */ DIV.strata.darkest + DIV.strata.wave { background: #FFF url(/images/layout/shearwave_KW.jpg) 50% 0% repeat-x; } DIV.strata.darkest + DIV.strata.medium.wave { background: #455D7F url(/images/layout/shearwave_KM.jpg) 50% 0% repeat-x; } DIV.strata.darkest + DIV.strata.dark.wave { background: #273D66 url(/images/layout/shearwave_KD.jpg) 50% 0% repeat-x; } DIV.strata.darkest + DIV.strata.darkest.wave { background: #000 url(/images/layout/shearwave_KK.jpg) 50% 0% repeat-x; } #logo_bar { line-height: 0; } #logo_bar A { text-decoration: none; } DIV.strata.medium H1, DIV.strata.medium H2, DIV.strata.medium H3, DIV.strata.medium H4, DIV.strata.medium H5, DIV.strata.medium H6, DIV.strata.dark H1, DIV.strata.dark H2, DIV.strata.dark H3, DIV.strata.dark H4, DIV.strata.dark H5, DIV.strata.dark H6, DIV.strata.darkest H1, DIV.strata.darkest H2, DIV.strata.darkest H3, DIV.strata.darkest H4, DIV.strata.darkest H5, DIV.strata.darkest H6, DIV.strata.medium H6, DIV.strata.medium A, DIV.strata.dark A, DIV.strata.darkest A { color: #FFF; } DIV.strata.medium A:hover, DIV.strata.dark A:hover, DIV.strata.darkest A:hover { color: #F79621; } /* Sub-strata need to invert the default margins because every page has a "strata wrapper" */ .strata .strata { margin-left: -12.5%; margin-right: -12.5%; padding-left: 12.5%; padding-right: 12.5%; } DIV.strata.topless { margin-top: -1.5em; } .strata.hilite, .offset.hilite { color: black; background: rgb(247,150,33); background: linear-gradient(to bottom, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); } .strata.full { padding-left: 8px !important; padding-right: 8px !important; } .strata.narrow { padding-left: 20% !important; padding-right: 20% !important; } /* COLUMNS */ .section { clear: left; } .group:before, .group:after { content:""; display:table; } .group:after { clear:left; } .group { zoom:1; } /* For IE 6/7 (trigger hasLayout) */ .colwrap:before, .colwrap:after { content:""; display:table; } .colwrap:after { clear:left; } .colwrap { clear:left; zoom:1; } .col { display: block; float:left; margin: 1% 0 1% 1.6%; } /* no margin on left side */ .col:first-child { margin-left: 0; } .colwrap.auto2 .col:nth-child(2n+1), /* IE8 doesn't understand this */ .colwrap.auto3 .col:nth-child(3n+1), .colwrap.auto4 .col:nth-child(4n+1), .colwrap.auto5 .col:nth-child(5n+1), .colwrap.auto6 .col:nth-child(6n+1), .colwrap.auto8 .col:nth-child(8n+1) { margin-left: 0; clear:left;} .colwrap.auto .col, .span_1_of_1 { width: 100%; } .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; } .colwrap.auto2 .col { width: 49.2%; } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.1%; } .span_1_of_3 { width: 32.26%; } .colwrap.auto3 .col { width: 32.26%; } .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } .colwrap.auto4 .col { width: 23.8%; } .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.68%; } .span_3_of_5 { width: 59.36%; } .span_2_of_5 { width: 39.04%; } .span_1_of_5 { width: 18.72%; } .colwrap.auto5 .col { width: 18.72%; } .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.06%; } .span_4_of_6 { width: 66.13%; } .span_3_of_6 { width: 49.2%; } .span_2_of_6 { width: 32.26%; } .span_1_of_6 { width: 15.33%; } .colwrap.auto6 .col { width: 15.33%; } .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.3%; } .span_6_of_8 { width: 74.6%; } .span_5_of_8 { width: 61.9%; } .span_4_of_8 { width: 49.2%; } .span_3_of_8 { width: 36.5%; } .span_2_of_8 { width: 23.8%; } .span_1_of_8 { width: 11.1%; } .colwrap.auto8 .col { width: 11.1%; } @media only screen and (min-width:900px) { /* auto-column breakpoints */ .colwrap.auto2 .col:nth-child(2n+1), .colwrap.auto3 .col:nth-child(3n+1), .colwrap.auto4 .col:nth-child(4n+1), .colwrap.auto5 .col:nth-child(5n+1), .colwrap.auto6 .col:nth-child(6n+1), .colwrap.auto8 .col:nth-child(8n+1) { margin-left: 0; clear:left; } /* auto-column last-row self-repair */ /* 1 Remainder */ .colwrap.auto2.fixlastrow .col:nth-child(2n+1):nth-last-child(1), .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(1), .colwrap.auto4.fixlastrow .col:nth-child(4n+1):nth-last-child(1), .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(1), .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(1), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(1) { width: 100%; } /* 2 remainder */ .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(2), .colwrap.auto4.fixlastrow .col:nth-child(4n+1):nth-last-child(2), .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(2), .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(2), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(2), .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(2) ~ .col, .colwrap.auto4.fixlastrow .col:nth-child(4n+1):nth-last-child(2) ~ .col, .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(2) ~ .col, .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(2) ~ .col, .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(2) ~ .col { width: 49.2%; } /* 3 remainder */ .colwrap.auto4.fixlastrow .col:nth-child(4n+1):nth-last-child(3), .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(3), .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(3), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(3), .colwrap.auto4.fixlastrow .col:nth-child(4n+1):nth-last-child(3) ~ .col, .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(3) ~ .col, .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(3) ~ .col, .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(3) ~ .col { width: 32.26%; } /* 4 remainder */ .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(4), .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(4), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(4), .colwrap.auto5.fixlastrow .col:nth-child(5n+1):nth-last-child(4) ~ .col, .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(4) ~ .col, .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(4) ~ .col { width: 23.8%; } /* 5 remainder */ .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(5), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(5), .colwrap.auto6.fixlastrow .col:nth-child(6n+1):nth-last-child(5) ~ .col, .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(5) ~ .col { width: 18.72%; } /* 6 remainder */ .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(6), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(6) ~ .col { width: 15.33%; } /* 7 remainder */ .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(7), .colwrap.auto8.fixlastrow .col:nth-child(8n+1):nth-last-child(7) ~ .col { width: 12.91%; } } @media only screen and (min-width:480px) and (max-width:900px) { /* auto-column breakpoints and new widths */ .colwrap.auto2 .col:nth-child(2n+1), .colwrap.auto3 .col:nth-child(3n+1), .colwrap.auto4 .col:nth-child(2n+1), .colwrap.auto5 .col:nth-child(3n+1), .colwrap.auto6 .col:nth-child(3n+1), .colwrap.auto8 .col:nth-child(4n+1) { margin-left: 0; clear:left; } .colwrap.auto2 .col, .colwrap.auto4 .col { width: 49.2%; } .colwrap.auto3 .col, .colwrap.auto6 .col, .colwrap.auto5 .col { width: 32.26%; } .colwrap.auto8 .col { width: 23.8%; } /* auto-column last-row self-repair */ /* 1 Remainder */ .colwrap.auto2.fixlastrow .col:nth-child(2n+1):nth-last-child(1), .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(1), .colwrap.auto4.fixlastrow .col:nth-child(2n+1):nth-last-child(1), .colwrap.auto5.fixlastrow .col:nth-child(3n+1):nth-last-child(1), .colwrap.auto6.fixlastrow .col:nth-child(3n+1):nth-last-child(1), .colwrap.auto8.fixlastrow .col:nth-child(4n+1):nth-last-child(1) { width: 100%; } /* 2 remainder */ .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(2), .colwrap.auto5.fixlastrow .col:nth-child(3n+1):nth-last-child(2), .colwrap.auto6.fixlastrow .col:nth-child(3n+1):nth-last-child(2), .colwrap.auto8.fixlastrow .col:nth-child(4n+1):nth-last-child(2), .colwrap.auto3.fixlastrow .col:nth-child(3n+1):nth-last-child(2) ~ .col, .colwrap.auto5.fixlastrow .col:nth-child(3n+1):nth-last-child(2) ~ .col, .colwrap.auto6.fixlastrow .col:nth-child(3n+1):nth-last-child(2) ~ .col, .colwrap.auto8.fixlastrow .col:nth-child(4n+1):nth-last-child(2) ~ .col { width: 49.2%; } /* 3 remainder */ .colwrap.auto8.fixlastrow .col:nth-child(4n+1):nth-last-child(3), .colwrap.auto8.fixlastrow .col:nth-child(4n+1):nth-last-child(3) ~ .col { width: 32.26%; } } /* collapse everything on small screens */ @media only screen and (max-width:480px) { .col { margin: 1% 0 1% 0%; width: 100% !important; } } /* 2-column manual collapse */ @media only screen and (min-width:480px) and (max-width:650px) { .collapsable .span_1_of_4, .collapsable .span_1_of_6, .collapsable .span_1_of_8 { width: 48.4%; margin: 1% 0 1% 3.2%; } .collapsable .span_1_of_4:nth-child(2n+1), .collapsable .span_1_of_6:nth-child(2n+1), .collapsable .span_1_of_8:nth-child(2n+1) { clear: left; margin-left: 0; } } /* 6->3 and 8->4->2 column manual collapse */ @media only screen and (min-width:650px) and (max-width:900px) { .collapsable .span_1_of_6 { width: 31.2%; margin: 1% 0 1% 3.2%; } .collapsable .span_1_of_6:nth-child(3n+1) { clear: left; margin-left: 0; } .collapsable .span_1_of_8 { width: 22.6%; margin: 1% 0 1% 3.2%; } .collapsable .span_1_of_8:nth-child(4n+1) { clear: left; margin-left: 0; } } @media only screen and (max-width:800px) { .breakearly .col { margin: 1% 0 1% 0%; width: 100% !important; } } /****************** WRAPPERS AND STRATA *********************/ /****************** FOOTER *********************/ #footer_links A { margin-right: 1.25em; } /* stick footers */ html, body { height: 100% !important; margin: 0pt; } html > body #pagewrap { display: table; table-layout:fixed; /* this fixes content that wants to stretch the page horizontally */ height: 100%; width: 100%; padding: 0; } html > body .wrapper { display: table-row; height: 1px; overflow: hidden; } html > body .wrapper.expand { height: 100%; } /****************** FOOTER *********************/ /****************** NAVIGATION *********************/ NAV { font-size: 10pt; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #FFF; text-align: left; clear: both; padding-top: 0.45em !important; padding-bottom: 0.25em !important; line-height: 1.0em; zoom: 1; } #navbar { background: #5a7da3 url("../images/layout/red_grad.gif") repeat-x; border: black solid 1px; border-width: 1px 0px 1px 0px ; } #multirole_navbar { background: #000/* 100% 100% url("../images/layout/black_grad.gif") repeat-x*/; border: none !important; } NAV A { color: #FFF !important; text-decoration: none; margin: 0 1em 0 0; } NAV A:hover { color: #F79621 !important; } NAV UL { margin: 0px; padding: 0px; } NAV UL LI { float: left; list-style-type: none; min-height: 1.65em; line-height: 1.65em; margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; white-space:nowrap; } NAV LI A { padding: 0.25em !important; } NAV .segregate { float:right; } NAV .segregate A { margin: 0 !important; } NAV .segregate LI { margin-left: 1em !important; } /****************** NAVIGATION *********************/ /****************** OFFSET BOXES / SIDEBARS *********************/ .offset, DIV.grey, #course_complete_box { /* z-index: 2; */ *height: 1%; position:relative; border: 1px solid #999; background-color: #FFF; border-radius: 1em !important; padding: 1.5em; box-shadow: 3px 3px 3px rgba(0,0,0,0.6) !important; margin: 1.5em 0; } .offset.medium, DIV.grey { background-color: #455D7F; color: #FFF; border: none; } .offset.dark { background-color: #0F1C2E; color: #FFF; border: none; } .offset.darkest { background-color: #000; color: #FFF; border: none; } .offset.light, .strata.light { background: #D9D9D9; background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(249,249,249,1) 47%,rgba(219,219,219,1) 53%,rgba(237,237,237,1) 100%); } .medium H1, .medium H2, .medium H3, .medium H4, .medium H5, .medium H6, .dark H1, .dark H2, .dark H3, .dark H4, .dark H5, .dark H6, .darkest H1, .darkest H2, .darkest H3, .darkest H4, .darkest H5, .darkest H6 { border-color: #FFF; /* used for underline headers */ color: #FFF; } .medium A, .dark A, DIV.grey A { color: #FFF; } .medium A:hover, .dark A:hover, DIV.grey A:hover { color: #F79621; } /* same-color offsets are bad */ .medium .offset.medium { background-color: #0F1C2E; border: none;} .darkest .offset.darkest { background-color: #455D7F; border: none; } .dark .offset.dark { background-color: #455D7F; border: none; } .offset.right { float: right; clear: both; margin: 0 0 1.5em 1.5em; } .offset.left { float: left; clear: both; margin: 0 1.5em 1.5em 0; } .offset.right, .offset.left { width: 35%; max-width: 600px; min-width: 250px; } /* clearfix */ .offset.right:after, .offset.left:after, .clearfix:after, .question_answers:after/*, FORM.floatform:after*/ { visibility: hidden; display: block; content: ""; clear: both; height: 0; } *:first-child+html .offset.right, *:first-child+html .offset.left, *:first-child+html .question_answers, *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* questions only need to clear left */ .question_answers:after { clear: left; } .offset.elastic { width: auto !important; min-width: 0 !important; max-width: 10000 !important; } @media only screen and (max-width:650px) { .offset.right, .offset.left { margin: 0px 0px 20px 0px; width: auto; float: none; } } .offset.transp { background: rgba(255,255,255,0.2); border: none; } .offset.medium.transp { background: rgba(69,93,127,0.65); border: none; } .offset.dark.transp { background: rgba(15,28,46,0.65); border: none; } .offset.light.transp { background: rgba(255,255,255,0.65); border: none; } .offset.darkest.transp { background: rgba(0,0,0,0.7); border: none;} /* jQuery UI Dialog overrides */ .ui-dialog { box-shadow: 7px 7px 7px rgba(0,0,0,0.8) !important; } .ui-widget-overlay { background: #000 !important; opacity: 0.50 !important; filter: Alpha(Opacity=50) !important; } /****************** OFFSET BOXES / SIDEBARS *********************/ /****************** ASSORTED STUPH *********************/ DIV.blocky{ z-index: 10; } DIV.blocky A { border-radius: 10px; color: #000 !important; padding: 10px 2px; display:block; font-weight: bold; text-align:center; color: #FFF; text-decoration:none; background: rgb(249,198,103); background: linear-gradient(to bottom, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); text-shadow: #FFF 1px 1px 2px; box-shadow: 2px 2px 3px rgba(0,0,0,0.7); } DIV.blocky A:hover { background: rgb(252,234,187); background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); } .small { font-size: 75%; line-height: 1.5em; } .big, .jumbo { font-size: 135%; line-height: 1.5em; } .bigger { font-size: 150%; line-height: 1.5em;} .biggest { font-size: 200%; line-height: 1.4em; } .biggester { font-size: 300%; line-height: 1.3em; } .biggerest { font-size: 500%; line-height: 1.25em; } .godzilla { font-size: 700%; line-height: 1.0em; font-weight: lighter; text-transform: uppercase; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif !important; } .bold { font-weight: bold; } .topless { margin-top:0 !important;} .bottomless { margin-bottom:0 !important; } .nomargin, .marginless { margin:0 !important; } .nopad, .padless { padding:0 !important; } .buffer { margin-top:3em; } .mono, .monospace { font-family: monospace; } .strikeout, .strikethrough, .lineout, .linethrough, .strike-through, .line-through { text-decoration:line-through; } .dim, .dim A, .dim H1, .dim H2, .dim H3, .dim H4, .dim H5, .dim H6 { color: #666 !important; } .medium .dim, .medium .dim A, .medium .dim H1, .medium .dim H2, .medium .dim H3, .medium .dim H4, .medium .dim H5, .medium .dim H6, .dark .dim, .dark .dim A, .dark .dim H1, .dark .dim H2, .dark .dim H3, .dark .dim H4, .dark .dim H5, .dark .dim H6, .darkest .dim, .darkest .dim A, .darkest .dim H1, .darkest .dim H2, .darkest .dim H3, .darkest .dim H4, .darkest .dim H5, .darkest .dim H6, .medium.dim, .medium.dim A, .medium.dim H1, .medium.dim H2, .medium.dim H3, .medium.dim H4, .medium.dim H5, .medium.dim H6, .dark.dim, .dark.dim A, .dark.dim H1, .dark.dim H2, .dark.dim H3, .dark.dim H4, .dark.dim H5, .dark.dim H6, .darkest.dim, .darkest.dim A, .darkest.dim H1, .darkest.dim H2, .darkest.dim H3, .darkest.dim H4, .darkest.dim H5, .darkest.dim H6 { color: #AAA !important; } .dim A:hover { color: #F79621 !important; } .half { width: 50% !important; } .halfcenter { width:50%; margin-left: auto; margin-right: auto; } P.center, DIV.center, H1.center, H2.center, H3.center, H4.center, H5.center, H6.center { text-align: center; } IMG.magnet { border: 2px solid #FFF; border-radius:6px; box-shadow: 2px 2px 2px rgba(0,0,0,0.6); border: 3px solid #FFF; } .no-borderradius IMG.magnet { border: 2px outset #EEE; padding: 3px; background-color: #FFF; } IMG.full { width: 100%; } .utility_widget { display: inline-block; height: 32px; line-height: 32px; vertical-align: bottom; margin: 0 1em 0 0; padding: 0; } .medium HR, .dark HR, .darkest HR { border-color: #FFF; } .red { color: #D11; } .green { color:#0A700A; } .blue { color: #273D66; } .pink { color: #f3dcb9; } .black { color: #000; } .yellow { color: #D7D528; } .orange { color: #E79933; } .purple { color: #A651AE; } .white { color: #FFF; } .black {color: #000; } .pop { color: #CF7D13; font-weight: bold; } .medium .pop, .dark .pop, .darkest .pop { color: #FFB554; } .copyright { line-height: 1.2em; } .keepwith { display: inline-block;/* white-space: nowrap;*/ } .mastheadfont {font-family: Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } .floatform SPAN.throbber_wrapper { display:block; margin: 0.5em 0; } /****************** ASSORTED STUPH *********************/ /****************** LINKS *********************/ A.arrow { background: url(../images/layout/blue_arrow.gif) 0% 50% no-repeat; padding: 0px 20px 0px 10px; } A.arrow_white { background: url(../images/layout/white_arrow.gif) 0% 50% no-repeat; padding: 0px 20px 0px 10px; } A.offsite { background: url(../images/layout/offsite_link.gif) top right no-repeat; padding-right: 12px; } A.naked, .naked A { text-decoration: none; } /****************** LINKS *********************/ /****************** BUTTONS *********************/ A { cursor: pointer; } A.button, A.psuedo_button, INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] { /* NOTE: firefox does not allow form element line-height changes */ line-height: normal !important; display: inline-block; margin: 0.3em 0.5em 0.3em 0em; border-radius: 0.4em !important; color: #000 !important; padding: 0.15em 0.4em !important; vertical-align:middle; /***********************/ font-weight: bold; text-align:center; color: #FFF; text-decoration:none; text-shadow: #FFF 1px 1px 1px; box-shadow: 0.15em 0.15em 0.15em rgba(0,0,0,0.7); position:relative; font-family: Arial, sans-serif; } /* "The Orange Background" - Used by many elements and consolidated here */ A.button, A.psuedo_button, A.glyphicon, INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] { background: rgb(247,150,33); background: linear-gradient(to bottom, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); } /* fixes padding issues for twitter bootstrap icons */ A.button.icon, INPUT[type="button"].icon, INPUT[type="submit"].icon, INPUT[type="reset"].icon { margin: 0.3em 0.5em 0.3em 0em !important; padding: 0.3em 0.3em 0.15em 0.3em !important; vertical-align:middle !important; line-height: 1em !important; } A.button.invert, A.button.inverted, A.button.inv, A.glyphicon.invert, A.glyphicon.inverted, A.glyphicon.inv { box-shadow: 0.10em 0.10em 0.15em 0.10em rgba(0,0,0,0.7) inset; } A.button:hover, A.psuedo_button:hover, A.glyphicon:hover, INPUT[type="button"]:hover, INPUT[type="submit"]:hover, INPUT[type="reset"]:hover { background: rgb(252,234,187); background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); color: #000 !important; } A.button.cta, A.button.call-to-action, INPUT[type="button"].cta, INPUT[type="submit"].cta, INPUT[type="reset"].cta { font-size: 125%; padding: 0.6em; text-transform: uppercase; } A.button.micro, INPUT[type="button"].micro, INPUT[type="submit"].micro, INPUT[type="reset"].micro { padding: 0.4em 0.4em; font-size: 75%; text-shadow: none; } A.button.right { float:right; margin: 0.3em 0em 0.3em 0.5em; } A.button.left { float:left; } A.button.standalone { display: block; clear:both; margin: 0.3em 0em; } A.button.alt, A.button.good, A.glyphicon.alt, A.glyphicon.good, INPUT[type="button"].alt, INPUT[type="submit"].alt, INPUT[type="reset"] { background: rgb(110,186,48); background: linear-gradient(to bottom, rgba(156,209,119,1) 0%,rgba(110,186,48,1) 100%); } A.button.alt:hover, A.button.good:hover, A.glyphicon.alt:hover, A.glyphicon.good:hover, INPUT[type="button"].alt:hover, INPUT[type="submit"].alt:hover, INPUT[type="reset"]:hover { background: rgb(203,237,168); background: linear-gradient(to bottom, rgba(203,237,168,1) 0%,rgba(156,209,119,1) 49%,rgba(119,196,86,1) 52%,rgba(156,209,119,1) 100%); } A.button.bad, A.glyphicon.bad, INPUT[type="button"].bad, INPUT[type="submit"].bad { color: #FFF !important; background: rgb(140,9,9); background: linear-gradient(to bottom, rgba(201,50,50,1) 1%,rgba(140,9,9,1) 100%); text-shadow: #000 1px 1px 1px; } A.button.bad:hover, A.glyphicon.bad:hover, INPUT[type="button"].bad:hover, INPUT[type="submit"].bad:hover { color: #FFF !important; background: rgb(229,117,117); background: linear-gradient(to bottom, rgba(229,117,117,1) 0%,rgba(196,39,39,1) 49%,rgba(145,8,8,1) 52%,rgba(193,17,17,1) 100%); text-shadow: #000 1px 1px 1px; } A.button.passive, A.glyphicon.passive { background: #FFF; } A.button.passive:hover, A.glyphicon.passive:hover { background: #DDD; color: #666; } A.button.full { width: 100% !important; } A.button.cool, A.glyphicon.cool { text-shadow: none; color: #FFF !important; background: rgb(124,124,124); background: linear-gradient(to bottom, rgb(124,124,124) 0%,rgb(45,45,45) 100%); } A.button.cool:hover, A.glyphicon.cool:hover { color: #000 !important; background: rgb(219,219,219); background: linear-gradient(to bottom, rgb(219,219,219) 0%,rgb(127,127,127) 100%); } A.button.attention, A.glyphicon.attention { box-shadow: 0 0 1.0em 0.5em #FF5; } A.button.attention.bad, A.glyphicon.attention.bad { box-shadow: 0 0 1.0em 0.5em #FAA; } A.button.attention.alt, A.glyphicon.attention.alt { box-shadow: 0 0 1.0em 0.5em #AEA; } A.button.attention.invert, A.button.attention.inverted, A.glyphicon.attention.invert, A.glyphicon.attention.inverted { box-shadow: inset 0.10em 0.10em 0.15em 0.10em rgba(0,0,0,0.7), 0 0 1.0em 0.5em #FF5; } A.button.attention.bad.invert, A.button.attention.bad.inverted, A.glyphicon.attention.bad.invert, A.glyphicon.attention.bad.inverted { box-shadow: inset 0.10em 0.10em 0.15em 0.10em rgba(0,0,0,0.7), 0 0 1.0em 0.5em #FAA; } A.button.attention.alt.invert, A.button.attention.alt.inverted, A.glyphicon.attention.alt.invert, A.glyphicon.attention.alt.inverted { box-shadow: inset 0.10em 0.10em 0.15em 0.10em rgba(0,0,0,0.7), 0 0 1.0em 0.5em #AEA; } HTML.no-boxshadow A.button.attention, HTML.no-boxshadow A.glyphicon.attention { color: #FF5 !important; border: 3px solid #FF5 !important; } HTML.no-boxshadow A.button.attention.bad, HTML.no-boxshadow A.glyphicon.attention.bad { color: #FF5 !important; border: 3px solid #FF5 !important; } HTML.no-boxshadow A.button.attention.alt, HTML.no-boxshadow A.glyphicon.attention.alt { color: #FF5 !important; border: 3px solid #FF5 !important; } HTML.no-boxshadow A.button.attention.invert, HTML.no-boxshadow A.glyphicon.attention.invert, HTML.no-boxshadow A.button.attention.inverted, HTML.no-boxshadow A.glyphicon.attention.inverted { color: #FF5 !important; border: 3px solid #FF5 !important; } HTML.no-boxshadow A.button.attention.bad.invert, HTML.no-boxshadow A.glyphicon.attention.bad.invert, HTML.no-boxshadow A.button.attention.bad.inverted, HTML.no-boxshadow A.glyphicon.attention.bad.inverted { color: #FF5 !important; border: 3px solid #FF5 !important; } HTML.no-boxshadow A.button.attention.alt.invert, HTML.no-boxshadow A.glyphicon.attention.alt.invert, HTML.no-boxshadow A.button.attention.alt.inverted, HTML.no-boxshadow A.glyphicon.attention.alt.inverted { color: #FF5 !important; border: 3px solid #FF5 !important; } .button_rack.right { float: right; /* collapses on 650 */ } NAV .button { vertical-align:top; } /****************** BUTTONS *********************/ /****************** RESPONSIVE *********************/ .show_on_small { display: none; } @media only screen and (min-width:1340px) { BODY { font-size: 16pt; } DIV.strata, NAV.strata, DIV.strata.nag, DIV.strata.nag.micro { padding-left: 10% !important; padding-right: 10% !important; } } NAV .tinynav { display:none; } @media only screen and (max-width:650px) { NAV .tinynav { display:block; } NAV .bignav { display:none; } .button_rack.right { float: none; } /* mobile friendly checks and radios */ INPUT[type=checkbox], INPUT[type=radio] { -moz-appearance: none; width: 2em !important; height: 2em !important; vertical-align:middle; } .question_answers DIV.answer_text { width: 84% !important; margin-left: 6% !important; } DIV.question_answers .inputwrapper { width: 8% !important; } } @media only screen and (min-width:480px) and (max-width:800px) { BODY { font-size: 12pt; } DIV.strata, NAV.strata, DIV.strata.nag, DIV.strata.nag.micro { padding-left: 15px !important; padding-right: 15px !important; } DIV.strata DIV.strata { margin-left: -15px !important; margin-right: -15px !important; padding-left: 15px !important; padding-right: 15px !important; } .hide_on_small { display:none !important; visibility:hidden !important; } .show_on_small { display: block; } SPAN.show_on_small { display: inline; } #logo_bar.centerable { text-align: center; } #logo_bar IMG { height: 3em; } } @media only screen and (max-width:480px) { BODY { font-size: 10pt; } DIV.strata, NAV.strata, DIV.strata.nag, DIV.strata.nag.micro { padding-left: 8px !important; padding-right: 8px !important; } DIV.strata DIV.strata { margin-left: -8px !important; margin-right: -8px !important; padding-left: 8px !important; padding-right: 8px !important; } .hide_on_small { display:none !important; visibility:hidden !important; } .show_on_small { display: block; } SPAN.show_on_small { display: inline; } .halfcenter { margin-left: 0; width: auto; } .small, .micro { font-size: 100%; } /* small enough already */ IMG.right, IMG.left { float:none !important; margin: 1em auto !important; } #logo_bar.centerable { text-align: center; } #logo_bar IMG { height: 3em; } DIV.question_right, DIV.question_wrong { padding-right: 1em !important; background-image: none !important; } } /****************** RESPONSIVE *********************/ /****************** FORMS *********************/ INPUT, SELECT, TEXTAREA { position:relative; } INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] { border: none; cursor: pointer; } /* form elements do not follow the standard W3C box model */ INPUT[type="button"].standalone, INPUT[type="submit"].standalone { box-sizing: content-box; display: block; width: 100%; } INPUT[type="text"], INPUT[type="password"], TEXTAREA /*, SELECT*/ { background-color: #EEE; color: #000; padding: 0.15em; border: 1px solid #455D7F; border-radius: 0.25em; line-height: normal; } /*SELECT { position: relative; top: -0.15em; }*/ OPTION { background-color: #EEE; color: #000; padding: 0.15em 0.15em 0.15em 0.15em; } FORM TABLE, TABLE.registration_form { border: none; } FORM TABLE, TABLE.registration_form TD { border: none !important; } INPUT.hilite, TEXTAREA.hilite { background: #F79621 !important; color: #000 !important; } LABEL.hilite, LABEL.hilite SPAN { color: #F79621 !important; } .medium LABEL.hilite SPAN { color: #FCEABB !important; } .labels_bold LABEL { font-weight: bold; } .registration_form { width: 100%; } .registration_form TH { font-weight: normal; text-align: right; width: 30%; } .registration_form TD.hilite, .registration_form TH.hilite { color: #F79621; font-weight: bold; text-align: right; background-color: inherit; } SELECT.hilite OPTION { color: #FFF; background-color: #F79621; } TEXTAREA, TEXTAREA.medium { width: 100%; height: 8em; } TEXTAREA.little { width: 50%; height: 3.5em; } TEXTAREA.large, TEXTAREA.big { height: 14em; } TEXTAREA.huge { height: 24em; } INPUT[type="text"]:hover, INPUT[type="password"]:hover, INPUT[type="text"]:hover, TEXTAREA:hover { box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.6); border: 1px solid #F79621 !important; } INPUT[type="text"]:focus, INPUT[type="password"]:focus, INPUT[type="text"]:focus, TEXTAREA:focus { box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.8); border: 1px solid #F79621 !important; } INPUT[type="checkbox"]:hover, INPUT[type="radio"]:hover, SELECT:hover { box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.8); } INPUT[type="checkbox"]:focus, INPUT[type="radio"]:focus, SELECT:focus { box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.8); } /* HTML 5 stuff */ *::-webkit-input-placeholder { color: #999; } *:-moz-placeholder { color: #999; } *::-moz-placeholder { color: #999; } *:-ms-input-placeholder { color: #999; } FORM.floatform, DIV.floatform { float: left; clear:both; margin: 2em 0 2em 0; width: 100%; box-sizing: border-box; } .floatform LABEL { float: left; width: 35%; margin: 0em 2% 0.75em 0; clear: left; } .floatform LABEL SPAN { display: block; /* doctype doesn't allow P inside LABEL */ margin: 0.5em 0 0 0; color: #666; font-size: 80%; line-height: 1.2em; padding: 0; font-weight: normal; } .floatform INPUT, .floatform TEXTAREA, .floatform DIV, .floatform SELECT { float: left; margin: 0 0 1em 0; } .floatform INPUT[type="text"], .floatform INPUT[type="password"] { width: 45%; } .floatform DIV { margin-top: 0em; width: 63%; } .floatform DIV INPUT { float: none; vertical-align: middle; margin: 0 !important; } .labels_right LABEL, .labels_right LABEL SPAN, .right_labels LABEL, .right_labels LABEL SPAN { text-align: right; } .floatform TEXTAREA { width: 63%; box-sizing: border-box; } .floatform TEXTAREA.small { width: 40%; } .floatform INPUT[type="submit"] { clear:both; float:left; margin-left: 37%; margin-top: 0.5em; } /* If you want to force it to stack, use "flat" */ .floatform.flat INPUT[type="text"], .floatform.flat INPUT[type="password"] { width: 80%; } .floatform.flat TEXTAREA { width: 100% !important; } .floatform.flat LABEL, .floatform.flat LABEL SPAN { display: block; width: 100%; text-align: left !important; margin-bottom: 0.5em; clear: left; } .floatform.flat INPUT[type="submit"], INPUT[type="submit"].left { margin-left: 0; } /* This is for checkbox faux-columns */ SPAN.faux_option_col { white-space: nowrap; display: inline-block; min-width: 32%; margin-bottom: 0.35em; } /* .spacey gives more vertical spacing for busy-looking forms */ .floatform.spacey LABEL { margin-bottom: 2.25em; width: 35%; margin-right: 5%; } .floatform.spacey INPUT, .floatform.spacey TEXTAREA, .floatform.spacey DIV, .floatform.spacey SELECT { margin-bottom: 3em; } .floatform.spacey INPUT[type="submit"] { margin-left: 40%; } .floatform.spacey DIV { width: 60%; } @media only screen and (max-width:650px) { /* revert to collapsable */ .floatform INPUT[type="text"], .floatform INPUT[type="password"] { width: 80%; } .floatform TEXTAREA { width: 100% !important; } .floatform LABEL, .floatform LABEL SPAN, .floatform DIV { display: block; width: 100% !important; text-align: left !important; margin-bottom: 0.5em !important; clear: left; } .floatform DIV, .floatform > INPUT { margin-bottom: 2em !important; } .floatform INPUT[type="submit"] { margin-left: 0; } SPAN.faux_option_col { min-width: 49%; } } INPUT.spam, SELECT.spam, TEXTAREA.spam, INPUT.spam:hover, SELECT.spam:hover, TEXTAREA.spam:hover, INPUT.spam:focus, SELECT.spam:focus, TEXTAREA.spam:focus { display: none; visibility: hidden; background: none; border: none; box-shadow: none; height: 0; } .floatform H1, .floatform H2, .floatform H3, .floatform H4, .floatform H5, .floatform H6 { float: left; clear: left; width: 100%; } INPUT[type=checkbox], INPUT[type=radio], INPUT[type=checkbox]:hover, INPUT[type=radio]:hover { -moz-appearance: none; width: 1.25em; height: 1.25em; vertical-align:middle; border:none; } @media only screen and (min-width:1200px) { .floatform LABEL { width: 28%; } .floatform DIV, .floatform TEXTAREA { width: 70%; } .floatform INPUT[type="submit"] { margin-left: 30%; } SPAN.faux_option_col { min-width: 24%; } } @media only screen and (max-width:400px) { SPAN.faux_option_col { min-width: 100%; } } .medium LABEL SPAN, .dark LABEL SPAN { color: #B2CAED; } .medium INPUT[type="text"], .medium INPUT[type="password"], .medium TEXTAREA, .medium OPTION, .light INPUT[type="text"], .light INPUT[type="password"], .light TEXTAREA, .light OPTION { background-color: #FFF; } /****************** FORMS *********************/ /****************** TABLES *********************/ /* standard table settings */ TABLE { border-collapse: collapse; margin: 1em 0; } TH, TD { text-align: left; padding: 0.5em; vertical-align:top; border-color: #999; line-height: 1.1em; } TH { font-weight: bold; } TH.right, TD.right, TR.right TD, TR.right TH, TABLE.headers_right TH { text-align:right; } TH.left, TD.left, TR.left TD, TR.left TH, TABLE.left TH { text-align:left; } TH.center, TD.center, TR.center TD, TR.center TH, TABLE.headers_center TH, TABLE.cells_center TD { text-align:center; } TABLE.middle TH, TABLE.middle TD, TH.middle, TD.middle, TR.middle TD, TR.middle TH { vertical-align:middle; } TABLE .blank { background: none; border: none; } /* -------\/------- "data" table -------\/-------*/ /* "data" is a standardized table style. Use "data" or any combination of individual options instead. */ TABLE.data, TABLE.outline { box-shadow: 3px 3px 3px rgba(0,0,0,0.6); border: 1px outset #999; background: #FFF; } TABLE.data TD { border: 1px solid #999; } TABLE.data TH { border: none; } /* -------/\------- "data" table -------/\-------*/ TABLE.fill { background-color: #FFF; } TABLE.full { width: 100%; } TABLE.center { width: auto; margin-right:auto; margin-left: auto;} TABLE.pad0 TH, TABLE.pad0 TD { padding: 0.25em !important;} TABLE.pad1 TH, TABLE.pad1 TD { padding: 0.5em !important; } TABLE.pad2 TH, TABLE.pad2 TD { padding: 0.75em !important; } TABLE.pad3 TH, TABLE.pad3 TD { padding: 1em !important; } TABLE.pad4 TH, TABLE.pad4 TD { padding: 1.5em !important; } TABLE.micro TH, TABLE.micro TD { padding: 0.25em; font-size: 75%; } TABLE.data TH, TABLE.fancy TH { border: 1px solid #455D7F; color: #FFF; background: #455D7F; } TABLE.data TH A, TABLE.fancy TH A { color: #FFF;} TABLE.data TH A:hover, TABLE.fancy TH A:hover { color: #F79621;} TABLE.borders TD, TABLE.borders TH { border: 1px solid #999; border-width: 1px; } TABLE.horizontal TD, TABLE.horizontal TH, TABLE.horz TD, TABLE.horz TH { border: 1px solid #999; border-width: 0 0 1px 0; } TABLE.horizontal TR:last-child TD, TABLE.horizontal TR:last-child TH, TABLE.horz TR:last-child TD, TABLE.horz TR:last-child TH { border: none; } TABLE.vertical TD, TABLE.vertical TH, TABLE.vert TD, TABLE.vert TH { border: 1px solid #999; border-width: 0 1px 0 1px; } TABLE.clean TD, TABLE.clean TH { border: none; } TABLE.interactive TR:hover TD { background-color: #C5D8EB; } TR.good TD, TD.good, .course_list TR.passed TD, .course_list TD.passed { background-color: #CFC; } TR.bad TD, TD.bad, .course_list TR.failed TD, .course_list TD.failed, .course_list TR.past_due TD, .course_list TD.past_due { background-color: #FBB; } .course_list TR.expired TD, .course_list TD.expired, .course_list TR.reserved TD, .course_list TD.reserved { background-color: #FFB; } TR.alt TD, TD.alt { background-color: #E1BCE8; } TR.hilite TD, TD.hilite { background-color: #FF7; } TR.disabled TD, TD.disabled { background-color: #CCC; } TD.clickable, TD.interactive { cursor: pointer; } .nowrap, .nobreak { white-space:nowrap; } /* break tables down into individual stacking rows for small screens */ @media only screen and (max-width:400px) { TABLE.collapsable, TABLE.collapsable THEAD, TABLE.collapsable TBODY, TABLE.collapsable TH, TABLE.collapsable TD, TABLE.collapsable TR { display: block; margin: 0; width: 100% !important; box-sizing: border-box; } /* Hide table headers (but not display: none;, for accessibility) */ TABLE.collapsable THEAD TR { position: absolute; top: -9999px; left: -9999px; } TABLE.collapsable TR { margin: 0 !important; padding: 0 !important; } TABLE.collapsable TD { margin: 0 !important; } } /****************** TABLES *********************/ .hidden { display:none; visibility: none; } .peekaboo { display:none; } A.peekaboo { display:inline; } BR.clearall { clear: both; height: 0; margin:0px; padding:0px; line-height: 1px; } .clickable { cursor: pointer; } UL.arrow LI { list-style-image: url(../images/layout/blue_arrow.gif); } UL.checkmark LI { list-style-image: url(../images/layout/icons/checkmark_good.png); } UL.checkmark_good LI, LI.checkmark_good { list-style-image: url(../images/layout/icons/checkmark_good.png); color: #181; font-weight: bold; } UL.checkmark_bad LI, LI.checkmark_bad { list-style-image: url(../images/layout/icons/checkmark_bad.png); color: #D11; font-weight: bold; } LI.permission_yes { list-style-image: none; list-style-type: disc; color: #181; font-weight: bold; } LI.permission_no { list-style-image: none; list-style-type: circle; color: #DA8; font-weight: bold; } LI.permission_yes A { color: #181; text-decoration: none; } LI.permission_no A { color: #DA8; text-decoration: none; } LI.permission_yes A:hover, LI.permission_no A:hover { text-decoration: underline; } UL.right_arrow LI { padding-left: 0px ! important; background: url(../images/layout/blue_arrow_left.gif) no-repeat 100% 50%; list-style-type: none ! important; margin-left: 0px ! important; padding-right: 10px ! important; text-align: right ! important; } UL LI, OL LI { margin-top: 4px; margin-bottom: 4px; } UL.dotless { list-style-image: none; list-style-type: none; } #help_wrapper { margin: 30px; } P.powered_by_footer { clear:both; text-align: center; color: black; font-size: 12pt; font-family: 'Times New Roman','Times','Monotype Corsiva', serif; margin: 10px auto; background-color: #FFF; padding: 2px; border-radius: 6pt; width: 11em; } P.powered_by_footer SPAN { font-family: 'Times New Roman','Times','Monotype Corsiva', serif; font-weight:bold; } DIV.red, DIV.green, DIV.white { padding: 20px; margin: 20px 0px 20px 0px; background-color: #FFF; } DIV.red { color: #000; background: #FAA; border: solid #D11 1px; } DIV.green { color: #0A700A; background: #AEA; border: solid #393 1px; } DIV.white { background: #FFF; border: 1px solid black; } /* FORMS AND TESTS */ .test_results { text-align: center; color: #FFF; border: none; font-weight: bold; } .test_results.passed { background-color: #273; } .test_results.fail { background-color: #722; } .test_results.timeout { background-color: #666; } .test_results H1 { font-size: 200%; margin: 0 0 0.25em 0; text-align: center; padding: 0px; color: #FFF; text-transform: uppercase; } DIV.question_right { margin: 1.5em 0px 1.5em 0px; padding: 1em 90px 1em 1em; background: #AEA url('../images/layout/good_question.gif') 98% 50% no-repeat; border: outset #AEA 2px; border-radius: 0.5em; } DIV.question_wrong { margin: 1.5em 0px 1.5em 0px; padding: 1em 90px 1em 1em; background: #FAA url('../images/layout/bad_question.gif') 98% 50% no-repeat; border: outset #FAA 2px; border-radius: 0.5em; } .answer_right { margin: 0.25em; padding: 0.25em; background: #AEA; border: solid #1D1 1px; } .answer_wrong { margin: 0.25em; padding: 0.25em; background: #FAA; border: solid #D11 1px; } DIV.question, DIV.survey_question, DIV.question_saved, DIV.question_completed { margin: 1.5em 0px 1.5em 0px; padding: 1em; background: #DDD; border: outset #DDD 2px; border-radius: 10px; } DIV.question_completed { background: #c4d7e3; border: outset #c4d7e3 2px; } DIV.question DIV.question_text { padding-left: 0px; margin-left: 0px; text-indent: 0px; } DIV.question TABLE TD, DIV.question TABLE TH, DIV.question_right TABLE TD, DIV.question_right TABLE TH, DIV.question_wrong TABLE TD, DIV.question_wrong TABLE TH, DIV.question_saved TABLE TD, DIV.question_saved TABLE TH { padding: 0.25em; margin: 0px; } DIV.question TABLE TH, DIV.question_right TABLE TH, DIV.question_wrong TABLE TH, DIV.question_saved TABLE TH, DIV.question_completed TABLE TH { text-align: left; border: solid black 1px; border-width: 0px 0px 1px 0px; } TABLE.question_matches { margin: 1em 0px 1em 1.5em; border: none; } TABLE.question_matches TD { vertical-align: top; } /* used for editing */ DIV.answer { padding-left: 40px; } DIV.question_wrong DIV.explain, DIV.question_right DIV.explain, DIV.question DIV.explain { margin: 1em 0px 0.25em 0px; font-style: italic; } DIV.question_right DIV.explain { color: #0A700A; } DIV.question_wrong DIV.explain { color: #AA1111; } DIV.question DIV.explain { color: #666; } DIV.question BLOCKQUOTE { margin: 1.5em; border: solid #666 1px; font-style: italic; } .question_answers DIV.answer_text { float:left; width: 89%; margin-left: 2%; margin-bottom: 0.3em; margin-top: 0.3em; } DIV.question_answers .inputwrapper { float: left; clear: left; width: 8%; text-align:right; max-width: 65px; margin-bottom: 0.3em; margin-top: 0.3em; } DIV.survey_question TEXTAREA, DIV.question TEXTAREA { background: #f3dcb9; width: 98%; height: 3em; font-weight:normal; margin: 0.5em 0px 0.5em 0px; } DIV.survey_question LABEL { margin-right: 35px; } DIV.survey_question { font-weight:bold; } DIV.survey_question P { margin: 0.5em 0px 0.5em 0px; } DIV.survey_question INPUT { margin-right: 0.25em; } DIV.survey_question DIV.question_number, DIV.question_wrong DIV.question_number, DIV.question_right DIV.question_number, DIV.question DIV.question_number, DIV.question_saved DIV.question_number, DIV.question_completed DIV.question_number { background: #FFF; color: #000; padding: 0px 6px; font-weight: bold; float: left; margin: 0px 15px 15px 0px; font-size: 14px; font-family: serif; border: outset 1px #666; border-radius: 5px; } DIV.question .prioritize_flag { display: inline-block; background: #181; color: #FFF; padding: 0px 6px; font-weight: bold; border-radius: 0.5em; } DIV.survey_question P, DIV.question_wrong P, DIV.question_right P, DIV.question P, DIV.question_saved P, DIV.question_completed P { margin-top: 0px; } DIV.survey_question OL, DIV.question_wrong OL, DIV.question_right OL, DIV.question OL, DIV.question_saved OL, DIV.question_completed OL, DIV.survey_question UL, DIV.question_wrong UL, DIV.question_right UL, DIV.question UL, DIV.question_saved UL, DIV.question_completed UL { margin-left: 1em; } DIV.question P.info { float:right; font-weight:bold; margin:-1em -1em 1em 1em !important; padding: 0.25em 0.5em; font-size:80%; border: 1px solid #999; border-width: 0 0 1px 1px; } /* Question Editor */ DIV.question_edit { margin: 20px 0px 20px 0px; padding: 15px; background: #DDD; border: outset #DDD 2px; } DIV.question_edit DIV INPUT.checkbox, DIV.question_edit DIV INPUT.radio { margin-left: -29px; } DIV.question_edit INPUT, DIV.question_edit OPTION, DIV.question_edit SELECT { padding-left: 0px; margin-left: 0px; text-indent: 0px; } /* ******** TEST ICONS *********** */ DIV#test_icon-min_time_from_enrollment, DIV#test_icon-num_questions, DIV#test_icon-retake_period, DIV#test_icon-time_limit, DIV#test_icon-closed_book, DIV#test_icon-open_book, DIV#test_icon-passing_score { width: 126px; margin: 20px 0px 20px 0px; /* stack to the left */ padding: 115px 0px 0px 0px; float: left; text-align: center; font-weight: bold; font-family: Verdana, Arial, sans-serif; font-size: 110%; } DIV#test_icon-min_time_from_enrollment { background: #FFF url('../images/layout/test_icon-min_time_from_enrollment.png') 50% 0% no-repeat; } DIV#test_icon-num_questions { background: #FFF url('../images/layout/test_icon-num_questions.png') 50% 0% no-repeat; } DIV#test_icon-retake_period { background: #FFF url('../images/layout/test_icon-retake_period.png') 50% 0% no-repeat; } DIV#test_icon-time_limit { background: #FFF url('../images/layout/test_icon-time_limit.png') 50% 0% no-repeat; } DIV#test_icon-passing_score { background: #FFF url('../images/layout/test_icon-passing_score.png') 50% 0% no-repeat; } DIV#test_icon-closed_book { background: #FFF url('../images/layout/test_icon-closed_book.png') 50% 0% no-repeat; } DIV#test_icon-open_book { background: #FFF url('../images/layout/test_icon-open_book.png') 50% 0% no-repeat; } DIV.sitemap { font-size: 80%; color: #273D66; font-family: Arial, Verdana, sans-serif; padding: 40px 0px 20px 0px; text-align: center; clear: left; } /* SHOPPING CART ------\/--------------------- */ DIV.shopping_cart .bottom { border: 1px solid #9ab; border-width: 1px 0px 0px 0px; } DIV.shopping_cart P.bottom_right { float:right; clear: right; text-align:right; margin: 0.25em 0px; font-size: 80%; } DIV.shopping_cart P.bottom_left { font-size: 80%; margin: 0.25em 0px; text-align:left; float:left; } INPUT.code_entry_box { font-family: monospace; font-weight: bold; letter-spacing: 0.15em; text-transform: uppercase; padding-left: 0.15em; } /* SHOPPING CART ------/\------------------------ */ /****************** FIELDSETS *********************/ FIELDSET { width: auto; border: #455D7F solid 0.35em; margin: 2em 0px 2em 0px; padding: 1.5em; display: block; border-radius: 1em; } FIELDSET LEGEND { color: #FFF; font-weight: bold; padding: 0.25em 0.5em 0.25em 0.5em ; background-color: #455D7F; border-radius: 0.5em; box-shadow: 3px 3px 3px rgba(0,0,0,0.6); } FIELDSET LEGEND A { color: #FFF; } FIELDSET LEGEND A:hover { color: #F79621; } FIELDSET TABLE TD.title { text-align: right; } FIELDSET.shopping_cart TABLE { width: 85%; } FIELDSET TABLE { margin-top: 10px; } .medium FIELDSET, .dark FIELDSET { border-color: #FFF; } .medium FIELDSET LEGEND, .dark FIELDSET LEGEND { color: #000; background-color: #FFF; } /****************** FIELDSETS *********************/ /****************** NAG BOXES *********************/ .nag, .timesheetnag, .softnag, .remindernag, .locknag { padding: 1.25em 1.25em 1.25em 80px; margin: 1em 0; color: #000; background: #FAA url('../images/layout/icons/exclaim_shield.png') no-repeat 20px 50%; border: solid #D11 1px; border-radius: 0.5em; box-shadow: 3px 3px 3px rgba(0,0,0,0.6); } .micronag, .microsoftnag { color: #000; background: #FAA; border: solid #D11 1px; } .softnag, .nag.soft, .microsoftnag { background-color: #D1E2ED; border-color: #455D7F; background-image: url('../images/layout/icons/softnag.png'); } .timesheetnag, .nag.reminder, .remindernag, .nag.timesheet, .nag.check { background-color: #FFC; border-color: #F3CD68; background-image: url('../images/layout/icons/timesheet_reminder.png'); } .nag.good, .nag.ok { background-color: #C4F5C4; border-color: #181; background-image: url('../images/layout/icons/timesheet_reminder.png'); } .locknag, .nag.lock { background-color: #FFC; border-color: #F3CD68; background-image: url('../images/layout/icons/padlock_nag.png'); } .nag.blank { padding: 1.25em; background-image:none; border: none; } .micronag, .nag.micro, .microsoftnag { padding: 0.25em 1em; margin: 0.5em 0; font-size: 75%; background-image: none !important; border-radius: 0.5em; } DIV.locknag > *:first-child, DIV.softnag > *:first-child, DIV.timesheetnag > *:first-child, DIV.remindernag > *:first-child, DIV.nag > *:first-child, DIV.micronag > *:first-child { margin-top: 0px !important; } /* You can even have strata nags! */ DIV.strata.nag { border-width: 1px 0 1px 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-image: none !important; padding-left: 5%; padding-right: 5%; } @media only screen and (max-width:480px) { /* everything is a micronag at small sizes */ .nag, .timesheetnag, .softnag, .remindernag, .locknag { font-size: 100% !important; padding: 0.25em 1em; margin: 0.35em 0; background-image: none !important; } } /* nag link colors: black is safe */ .nag A, .micronag A, .softnag A, .locknag A, .timesheetnag A { color: #000 !important; } .nag A:hover, .micronag A:hover, .softnag A:hover, .locknag A:hover, .timesheetnag A:hover { color: #FFF !important; } /* sticky boxes */ .sticky { box-sizing: border-box; position: fixed; width: 100%; margin: 0; bottom: 0; left: 0; right: 0; border-bottom-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-radius: 0; box-shadow: 0px -5px 10px rgba(0,0,0,0.6); z-index: 10; } .sticky.top { top: 0; bottom: inherit; border-top-width: 0 !important; border-bottom-width: inherit; box-shadow: 0px 5px 10px rgba(0,0,0,0.6); } /* sticky nags */ .nag.sticky { box-sizing: border-box; border-radius: 0; margin: 0; } /****************** NAG BOXES *********************/ DIV.pager { margin: 10px 0px 10px 0px; } DIV.pager A { background: #CCC; border: #000 1px solid ; color: #000; padding: 0px 3px 0px 3px; text-decoration: none; } DIV.pager A:hover { background-color: #F79621; } DIV.pager STRONG { background: #FFF; border: #000 1px solid ; color: #273D66; padding: 0px 3px 0px 3px; text-decoration: none; } DIV.pager DIV { display: inline; margin: 0px 0px 0px 10px; color: #999; } P.help_nag { margin: 0px; padding: 0px; float: right; } DIV.redbar { background: #273D66; height: 6px; border: solid black 2px; border-width: 2px 0px 2px 0px; clear: both; margin-top: 0px; font-size:0px; /* IE 6 18px height bug */ } DIV.help_redbar { background: #273D66; height: 6px; width: 100%; border: solid black 2px; border-width: 2px 0px 2px 0px; clear: both; margin: 20px 0px 20px 0px; float:left; } /* --------------- YADA YADA -------------- */ DIV.debug { margin-top: 50px; text-align: left; clear: both; overflow-x: auto; padding: 10px; border: 1px solid #AAA; background: #FFF; color: #000; } DIV.debug PRE { color: #AAA; text-align: left; font-size: 8pt; border-top: 1px solid #CCC; padding: 10px 0px; } IMG.right { float: right; margin: 0px 0px 20px 20px; } IMG.left { float: left; margin: 0px 20px 20px 0px; } DIV#welcome_doc IMG { border: solid black 1px; border-width: 1px 2px 2px 1px; border-top-color: #AAA; border-left-color: #AAA; padding: 15px; } /* Print-related settings */ .printer_friendly_only, .print { display: none; } BODY.printclamp { width: 570pt !important; margin: 0 auto !important; } .printclamp .strata { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* --------- BUTTONS ----------- */ A.next_button_ghost, A.prev_button_ghost, A.next_button, A.prev_button, A.up_button, A.ff_button, A.nav_button, A.rewind_button, A.star_button, A.new_view_material_button, A.mp3_button, A.pdf_button, A.video_button, A.toc_button, A.new_take_test_button, A.forum_button { background: none !important; /*needed to override previous entries*/ background-image: url(../images/layout/icons/new_take_test_icon_up.gif) !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; padding: 0px 0px 0px 25px !important; margin: 5px 0px 5px 0px !important; border: none !important; display: block; min-height: 20px !important; font-family: Arial, Verdana, sans-serif; line-height: 20px; text-decoration: underline; color: #273D66; } A.new_view_material_button { background-image: url(../images/layout/icons/new_view_doc_icon_up.gif) !important; } A.new_view_material_button:hover { color: #181 !important; background-image: url(../images/layout/icons/new_view_doc_icon_down.gif) !important; } A.new_take_test_button { background-image: url(../images/layout/icons/new_take_test_icon_up.gif) !important; } A.new_take_test_button:hover { color: #181 !important; background-image: url(../images/layout/icons/new_take_test_icon_down.gif) !important; } A.mp3_button { background-image: url(../images/layout/icons/new_audio_icon_up.gif) !important; } A.mp3_button:hover { color: #181 !important; background-image: url(../images/layout/icons/new_audio_icon_down.gif) !important; } A.pdf_button { background-image: url(../images/layout/icons/new_pdf_icon_up.gif) !important; } A.pdf_button:hover { color: #181 !important; background-image: url(../images/layout/icons/new_pdf_icon_down.gif) !important; } A.video_button { background-image: url(../images/layout/icons/video_icon_up.gif) !important; } A.video_button:hover { color: #181 !important; background-image: url(../images/layout/icons/video_icon_down.gif) !important; } A.forum_button { background-image: url(../images/layout/icons/talk_icon_up.gif) !important; } A.forum_button:hover { color: #181 !important; background-image: url(../images/layout/icons/talk_icon_down.gif) !important; } A.next_button { background-image: url(../images/layout/icons/nav_right_up.gif) !important; } A.next_button:hover { color: #181 !important; background-image: url(../images/layout/icons/nav_right_down.gif) !important; } A.prev_button { background-image: url(../images/layout/icons/nav_left_up.gif) !important; } A.prev_button:hover { color: #181 !important; background-image: url(../images/layout/icons/nav_left_down.gif) !important; } A.up_button, A.toc_button { background-image: url(../images/layout/icons/nav_home_up.gif) !important; } A.up_button:hover, A.toc_button:hover { color: #181 !important; background-image: url(../images/layout/icons/nav_home_down.gif) !important; } A.star_button { background-image: url(../images/layout/icons/star_up.gif) !important; } A.star_button:hover { color: #181 !important; background-image: url(../images/layout/icons/star_down.gif) !important; } A.next_button_ghost { background-image: url(../images/layout/icons/nav_right_ghost.gif) !important; } A.prev_button_ghost { background-image: url(../images/layout/icons/nav_left_ghost.gif) !important; } /* special nav buttons */ A.next_button_ghost, A.prev_button_ghost, A.next_button, A.prev_button, A.up_button, A.ff_button, A.nav_button, A.rewind_button, A.star_button { float:left; margin-right: 5px !important; padding-left: 22px !important; font-size: 20px; /* required for inline anchors */ } /* ICON BOXES */ .reminder, .note, .technical, .warning, .example, .idea, .caution, .definition { border: solid #333 1px; padding: 30px 20px 30px 90px; margin: 20px 0px 20px 0px; border-radius: 10px; box-shadow: 4px 4px 3px rgba(0,0,0,0.6); } .reminder { background: #FFF url(../images/layout/course_docs/reminder-64px.jpg) 15px 50% no-repeat; } .note { background: #FFF url(../images/layout/course_docs/note-64px.jpg) 15px 50% no-repeat; } .technical { background: #FFF url(../images/layout/course_docs/technical-64px.jpg) 15px 50% no-repeat; } .warning { background: #FFF url(../images/layout/course_docs/warning-64px.jpg) 15px 50% no-repeat; } .idea { background: #FFF url(../images/layout/course_docs/idea-64px.jpg) 15px 50% no-repeat; } .example { background: #FFF url(../images/layout/course_docs/example-64px.jpg) 15px 50% no-repeat; } .caution { background: #FFF url(../images/layout/course_docs/caution-64px.jpg) 15px 50% no-repeat; } .definition { background: #FFF url(../images/layout/course_docs/dict-64px.jpg) 15px 50% no-repeat; } /* CKEditor */ BODY.cke_editable { padding: 1em; } .cke_combopanel { width: 300px !important; } .cke_source{ white-space:pre-wrap !important; } /* fixes non-wrapping source code for FFv36+ */ .editable { cursor: pointer; } /* ADDTHIS TOOLBOX */ .addthis_toolbox A { line-height: 16px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; } .addthis_32x32_style A { line-height: 32px !important; font-size: 12px !important; font-weight: bold; } .addthis_center { width: 400px; margin: 20px auto; } .addthis_center A.addthis_button_compact SPAN { padding-right: 5px; } /* DEBUG */ DIV.debug { font-family: Arial, sans-serif; } A.ghost, INPUT.ghost { filter: alpha(opacity=25) !important; /* internet explorer */ -khtml-opacity: 0.25 !important; /* khtml, old safari */ -moz-opacity: 0.25 !important; /* mozilla, netscape */ opacity: 0.25 !important; /* fx, safari, opera */ cursor: default !important; pointer-events:none; } INPUT.hasDatepicker { background-image: url("../images/layout/icons/calendar_input.gif"); background-position: right center; background-repeat: no-repeat; padding-right: 18px; } /* TRANSITIONS */ .question_completed, A, INPUT, SELECT, TEXTAREA, INPUT:hover, SELECT:hover, TEXTAREA:hover, INPUT:focus, SELECT:focus, TEXTAREA:focus { -webkit-transition: color 0.20s linear, background-color 0.20s linear, box-shadow 0.20s linear, text-shadow 0.20s linear; -moz-transition: color 0.20s linear, background-color 0.20s linear, box-shadow 0.20s linear, text-shadow 0.20s linear; -ms-transition: color 0.20s linear, background-color 0.20s linear, box-shadow 0.20s linear, text-shadow 0.20s linear; -o-transition: color 0.20s linear, background-color 0.20s linear, box-shadow 0.20s linear, text-shadow 0.20s linear; transition: color 0.20s linear, background-color 0.20s linear, box-shadow 0.20s linear, text-shadow 0.20s linear; } .question_completed { -webkit-transition: color 0.50s linear, background-color 0.50s linear; -moz-transition: color 0.50s linear, background-color 0.50s linear; -ms-transition: color 0.50s linear, background-color 0.50s linear; -o-transition: color 0.50s linear, background-color 0.50s linear; transition: color 0.50s linear, background-color 0.50s linear; } A:focus, A:hover, A:active { -webkit-transition: color 0.05s linear, background-color 0.05s linear, box-shadow 0.05s linear, text-shadow 0.05s linear; -moz-transition: color 0.05s linear, background-color 0.05s linear, box-shadow 0.05s linear, text-shadow 0.05s linear; -ms-transition: color 0.05s linear, background-color 0.05s linear, box-shadow 0.05s linear, text-shadow 0.05s linear; -o-transition: color 0.05s linear, background-color 0.05s linear, box-shadow 0.05s linear, text-shadow 0.05s linear; transition: color 0.05s linear, background-color 0.05s linear, box-shadow 0.05s linear, text-shadow 0.05s linear; } /* charts */ .pieLabelBackground, .pieLabel, SPAN.pieLabel DIV { line-height: 1.2em; font-size: 12px !important; text-align: center; color: #000 !important; } DIV.legend TD { padding: 0.25em; } .graph { margin: 1.5em 0; } #primary_frame_content .track_frame_edit TD, #primary_frame_content .track_frame_edit TH, #primary_frame_content .question_edit TD, #primary_frame_content .question_edit TH, #primary_frame_content .graph_legend TD, #primary_frame_content .graph_legend TH { border: none !important; } /* bootstrap icons - courtesy http://glyphicons.com/ */ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } A.glyphicon, .glyphicon.boxed { border: 1px solid #000; color: #000; background-color: #FFF; padding: 0.20em 0.15em 0.10em 0.15em; border-radius: 0.25em; box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.6); } A.glyphicon.nobox { box-shadow: none; border: none; } A.glyphicon { text-decoration: none; color: inherit; } SPAN.glyphicon.boxed.good, SPAN.glyphicon.boxed.ok { background-color: #AEA; color: #181; border-color: #181; } SPAN.glyphicon.boxed.bad { background-color: #FAA; color: #D11; border-color: #D11; } SPAN.glyphicon.boxed.disabled { background-color: #DDD; color: #999; } SPAN.glyphicon.boxed.ghost, SPAN.glyphicon.boxed.ghosted { zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); /* This works in IE 8 & 9, but also 5, 6, 7 */ opacity: 0.35; } SPAN.glyphicon.boxed.alert { background-color: #FFC; color: #A72; border-color: #A72; } SPAN.glyphicon.boxed.medium { background-color: #455D7F; color: #FFF; } SPAN.glyphicon.boxed.dark { background-color: #0F1C2E; color: #FFF; border-color: #000; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } /* // The following 2 Glyphicons are omitted for the time being because // they currently use Unicode codepoints that are outside the // Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle // non-BMP codepoints in CSS string escapes, and thus can't display these two icons. // Notably, the bug affects some older versions of the Android Browser. // More info: https://github.com/twbs/bootstrap/issues/10106 // .glyphicon-door:before { content: "\1f6aa"; } // .glyphicon-key:before { content: "\1f511"; } */ .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before{ content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .media_wrapper { line-height: 0 !important; font-size: 0 !important; }