/** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } 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; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ html, body { height: 100%; max-height:100%; max-width:100%; } body { max-width:75em; max-width:100%; min-width: 48em; /* 768px */ margin: 0 auto; } /* body { font:16px/1.125 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */ /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { text-size-adjust:100%; overflow-y: scroll; } /* j.mp/webkit-tap-highlight-color */ /* a:link { tap-highlight-color: transparent; } */ /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #f93; text-decoration: none; } a:hover { color: #f93; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 80%; color: rgba(255,255,255,0.5); } b, strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } .ie6 legend, .ie8 legend { margin-left: -7px; } /* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } /* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow: auto; vertical-align:text-top; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie8 img { -ms-interpolation-mode: bicubic; } /** * You might tweak these.. */ body, select, input, textarea { color: #666; /* Set your base font here, to apply evenly */ font-family: Verdana, Arial, sans-serif; } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink! */ ::-moz-selection { background: transparent; } ::selection { background: transparent; } /** * Primary styles * * Author: */ /** * Non-semantic helper classes: please define your styles before this section. */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations. nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear {clear: both; line-height: 0;} /** * Placeholder media queries for responsive design. Modify as design requires. * These follow after, and will override, the primary ('mobile first') styles * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ }/*/mediaquery*/ /* @media only screen and (min-width: 767px) { */ /* Style adjustments for viewports 768px and over go here */ /* ------------------------------------------------------------------------------------------------------- */ /* CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER CONTAINER START */ /* ------------------------------------------------------------------------------------------------------- */ #container { display: block; max-width: 75em; /* 1200px */ min-width: 48em; /* 768px */ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8.313em auto; /* 200px */ position: relative; line-height: 100%; clear: both; } #pushhome { height: 31.250em; } #push { height: 8.313em; /* used for sticky footer must be same as negative margin set in container and height of footer */ } /* ------------------------------------------------------------------------------------------------------- */ /* MAIN HEADER MAIN HEADER MAIN HEADER MAIN HEADER START */ /* ------------------------------------------------------------------------------------------------------- */ header.main-header { font-size: 1em; display: block; max-width: 100%; background: #f1f1f1; padding: 0 3.125em; /* 50px */ height: 6.5em; /* 120px */ max-height: 6.5em; position: relative; box-shadow: 0 0.313em 0.313em -0.188em rgba(4, 11, 4, 0.5); /* 5px 5px -3px */ z-index: 10; overflow:hidden; } .ie9 header.main-header { box-shadow: 0 0 0 -0.188em rgba(4, 11, 4, 0.0); /* 5px 5px -3px */ } .ie8 header.main-header { /* border-bottom: 2px solid #8c8c8c; */ /* background: url("/images/bg_header.png") 0 bottom repeat-x; */ /* For IE 8 */ } .ie7 .shadow-top, .ie8 .shadow-top, .ie9 .shadow-top { position: absolute; top: 6.5em; left: 0; right: 0; width:100%; max-width:100%; display: block; height:7px; background: url("/images/bg_header.png") 0 bottom repeat-x; z-index: 10; } header.main-header h1 a { position: absolute; top: 1.5em; width: 13.125em; /* 210px */ height: 2.313em; /* 61px */ padding: 1.5em 0 0 0; /* 35px */ margin-left: -1.188em; background: url('/images/logo.png') 0 0 no-repeat; } header.main-header h1 a:hover { background: url('/images/logo.png') 0 -61px no-repeat; } header.main-header #topbar { display:block; position: absolute; top: 0.75em; right: 3.125em; /* 50px */ } header.main-header #topbar ul, header.main-header #topbar li { float: left; list-style-type: none; white-space: nowrap; padding: 0; font-size: 0.85em; } header.main-header #topbar li { padding: 0 16px; } header.main-header #topbar li:last-child { padding: 0 0 0 16px; } header.main-header #topbar li a { text-decoration: none; color:#666; } header.main-header #topbar li a:hover { text-decoration: none; color:#333; } header.main-header #topbar input[type="text"] { display: inline-block; background: transparent; height: 1.5em; width: 15.6em; border: 0; border-bottom: 1px solid #c7c7c7; outline: none; margin-top: -0.417em; padding-right: 2em; background: url('/images/search.png') right 0.3em no-repeat; } .ie7 header.main-header #topbar input.search-input { width: 13.7em; margin-top: -0.1em; padding-right: 2em; } .ie8 header.main-header #topbar input { width: 13.7em; padding-right: 2em; } .ie9 header.main-header #topbar input { width: 15em; } header.main-header #topbar input[type=text]:focus { border-bottom: 1px solid #999; color: #333; background: url('/images/search.png') right -1.675em no-repeat; } header.main-header #topbar input:hover { color: #333; } header.main-header #topbar input#submitbutt { display: inline-block; width: 1.3em; height: 1em; margin: 0 0 0 -1.7em; border: 0 solid transparent; padding: 0; background: url('/images/blank.gif') right 0.3em no-repeat; } header.main-header #topbar input[type="image"] { border: 0; } input[type="image"] { border: 0; } header.main-header nav { position: absolute; bottom: 0.188em; bottom: 0; right: 3.35em; right: 50px; font-size: 0.938em; } .ie7 header.main-header nav { bottom: 1em; } header.main-header nav ul, header.main-header nav li { float: left; list-style-type: none; white-space: nowrap; padding: 0; } header.main-header nav li { margin: 0 0 0.875em 0; } header.main-header nav ul li.divider, header.main-header #topbar ul li.divider { width: 0.063em; /* 1px */ width: 1px; background:#c1c1c1; height: 1.438em; /* 23px */ padding: 0; /* 35px */ margin: 0 0.563em 0; /* 9px 6px */ border-bottom: 0; } old-header.main-header nav ul li:last-child { padding: 0 0 0.500em 2.188em; /* 8px 35px */ } header.main-header nav li a { padding: 0 1.75em 0.44em; /* 32px 8px */ padding: 0 25px 0.44em; /* 32px 8px */ border-bottom: 0.437em solid #f1f1f1; text-shadow:1px 1px 0.188em rgba(11,4,5,0.3); color: #333; text-decoration: none; } header.main-header nav li a:hover { padding: 0 25px 0.44em; /* 32px 8px */ text-shadow:1px 1px 0.188em rgba(11,4,5,0.3); color: #000; text-decoration: none; border-bottom: 0.437em solid #f93; } .ie8 header.main-header nav li a { color: #0b0405; /* color, rgba and hsla not supported */ } .ie7 header.main-header nav li a, .ie7 header.main-header nav li a:hover { position:relative; padding: 0 1.75em 0.6em; /* 32px 8px */ overflow: visible; z-index: 100; } .ie7 header.main-header nav li a:hover { color: #000; } .hoverclass { transition: border-bottom-color 150ms linear; border-bottom: 0.437em solid #f93; } /* ------------------------------------------------------------------------------------------------------- */ /* MAIN HEADER MAIN HEADER MAIN HEADER MAIN HEADER END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER START */ /* ------------------------------------------------------------------------------------------------------- */ footer { max-width: 75em; /* 1200px */ max-height: 8.313em; /* 200px */ background: #60646a; color: #ccc; margin: 0 auto; padding: 0; } footer .footer-inner { display:block; position: relative; max-width: 75em; /* 1200px */ min-height: 8.313em; /* 200px */ } footer nav.toplinks { display: block; max-width: 100%; max-height: 2.1em; height: 2.1em; background: #454a4f; padding: 0 3.125em; /* 50px */ position: relative; border-bottom: 0.125em solid #3f4448; box-shadow: 0px 0.25em 0.313em -0.188em rgba(4,11,4,0.75); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#040b04')"; } footer nav.toplinks ul { position: absolute; bottom: -1px; } footer nav.toplinks ul li { float: left; list-style-type: none; white-space: nowrap; color:#ccc; font-size: 0.75em; margin: 0 1.626em 0 0; /* 13px 19px */ padding: 0 0 0.813em 0; /* 13px */ } footer nav.toplinks ul li a { color: #ccc; text-decoration: none; } footer nav.toplinks ul li:hover { color:#fff; text-decoration: none; padding: 0 0 0.5em 0; /* 7px */ margin: 0 1.626em -0.25em 0; /* 13px 19px */ border-bottom: 0.375em solid #f93; cursor: pointer; } footer nav.toplinks ul li:hover a { color:#fff; } footer .iso a { position: absolute; bottom: 2.4em; left: 3.125em; width: 7.563em; /* 121px */ height: 2.875em; /* 46px */ background: url('/images/iso.png') no-repeat 0 0; } footer .iso a:hover { background: url('/images/iso.png') no-repeat 0 -2.875em; } footer .world a { position: absolute; bottom: 2.4em; right: 3.125em; width: 7.125em; /* 114px */ height: 2.875em; /* 46px */ background: url('/images/world.png') no-repeat 0 0; } footer .world a:hover { background: url('/images/world.png') no-repeat 0 -2.875em; } footer .uplink a { display:block; position: absolute; top: 1em; right: 4.166em; color: #999; font-size: 0.75em; background: url('/images/arrow-up.png') no-repeat right 0.25em; padding-right: 20px; text-decoration: none; } footer .uplink a:hover { color: #fff; background: url('/images/arrow-up.png') no-repeat right -1.33em; text-decoration: none; } .ie8 footer .uplink a:hover { background: url('/images/arrow-up.png') no-repeat right -1.20em; } footer .copyright { display: block; position: absolute; bottom: 0; padding: 0 0 1em 4em; font-size: 0.8em; } footer .copyright a { color: #94979b; } footer .copyright a:hover { color: #fff; } footer .footlinks ul { color: #94979b; position: absolute; bottom: 0; right:0; padding: 0 3.125em 1em 0; /* 40px 24px */ } footer .footlinks ul li { float: left; list-style-type: none; font-size: 0.75em; padding:0 0.625em 0 0.625em; /* 10px */ border-right: 1px solid rgba(255,255,255,0.75); border-right: 1px solid #d7d8da; } footer .footlinks ul li:last-child { border-right: 0; padding-right: 0; } footer .footlinks ul li.last-child { border-right: 0; padding-right: 0; } footer .footlinks ul li a { color: #d7d8da; text-decoration: none; } footer .footlinks ul li a:hover { color: #fff; text-decoration: none; } /* ------------------------------------------------------------------------------------------------------- */ /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT START */ /* ------------------------------------------------------------------------------------------------------- */ #content-home { position: absolute; bottom: 8.313em; top: 6.5em; left: 0; right: 0; max-width:100%; max-height:100%; } #content-home h1 { max-width: 88%; color: #fff; font-weight: normal; font-size: 1.75em; font-size: 175%; text-align:center; margin: 2.1em auto; line-height: 1.5em; background: rgba(51,51,51,0.3); padding: 0.25em 0.15em 0.15em 0.15em; padding: 8px; text-shadow: 0.125em 0.125em 0.188em rgba(11,4,5,0.5); font-family: Arial, sans-serif; letter-spacing: 0.1em; z-index: 100; border-radius: 0.4em; } .ie7 #content-home h1, .ie8 #content-home h1 { font-size: 1.6em; font-family: Arial, sans-serif; line-height: 1.55em; background: transparent url('/images/bg_col2.png') repeat center top; } .ie7 #content-home h1 { background: transparent url('/images/bg_col2.png') repeat center top; } #col-home-1, #col-home-2, #col-home-3 { position: absolute; bottom: 0; top: 0; /* right: 2.875em; */ /* max-width: 14em; */ max-height:100%; width: auto; background: rgba(51,51,51,0.6); color:#eee; /* padding: 0 0.750em; */ /* box-shadow: 3px 0px 5px -3px rgba(4, 11, 4, 0.5); */ z-index: 10; opacity: 0; } .ie7 #col-home-1, .ie7 #col-home-2, .ie7 #col-home-3, .ie8 #col-home-1, .ie8 #col-home-2, .ie8 #col-home-3 { background: transparent url('/images/bg_col.png') repeat center top; } .ie8 #col-home-1 { margin-right:1px; } .col-home-inner { padding: 0 0.875em; font-size: 0.87em; text-align: left; /* text-shadow: 0.125em 0.125em 0.188em rgba(11,4,5,0.5); */ } .col-home-inner p { line-height: 1.5em; } .breadcrumbs { max-width:100%; max-height: auto; padding: 1em 0 1.5em 3.125em; } .breadcrumbs a { display: inline-block; font-size: 0.75em; text-decoration: none; color: rgba(51,51,51,0.7); } .breadcrumb-current { font-size: 0.75em; font-weight: bold; color: rgba(51,51,51,0.7); } .breadcrumbs { max-width:100%; max-height: auto; } .breadcrumbs a { color: #666; text-decoration: none; } .breadcrumbs a:hover { color: #333; text-decoration: none; } ie7 .breadcrumbs a:hover { margin: 0 0 -6px 0; } .breadcrumbs span.breadcrumb-home a { float: left; width: 10px; height: 16px; padding-right: 0.5em; background: url('/images/breadcrumb.png') left 5px no-repeat; } .ie8 .breadcrumbs span.breadcrumb-home a { background: url('/images/breadcrumb.png') left 4px no-repeat; } .breadcrumbs span.breadcrumb-home a:hover, .breadcrumbs span.breadcrumb-home a:active { background: url('/images/breadcrumb.png') left -14px no-repeat; cursor: pointer; } .ie8 .breadcrumbs span.breadcrumb-home a:hover { background: url('/images/breadcrumb.png') left -16px no-repeat; cursor: pointer; } .breadcrumbs a.breadcrumb-divider { background: url('/images/breadcrumb-divider.png') right 4px no-repeat; padding: 0 1.5em 0.25em 0; } .breadcrumbs a.breadcrumb-divider:hover, .breadcrumbs a:active.breadcrumb-divider { background: url('/images/breadcrumb-divider.png') right -14px no-repeat; padding: 0 1.5em 0.25em 0; } .ie7 .breadcrumbs span.breadcrumb-home a { background: url('/images/breadcrumb.png') left 5px no-repeat; } .ie7 .breadcrumbs span.breadcrumb-home a:hover { background: url('/images/breadcrumb.png') left -15px no-repeat; } .ie7 .breadcrumbs a.breadcrumb-divider { padding: 0 1.5em 0em 0; } h1.content-title { margin-left: 30%; padding: 0 3.125em 1.25em 1.45em; font-weight: normal; font-size: 1.25em; color: #333; line-height: 1.5em; } #content, #content-wide { display: block; max-width: 100%; height: 100%; /* min-height: 400px; */ margin-left: 20.625em; margin-left: 27%; margin-bottom: 3%; padding: 0 3.125em 0 1.9em; } #content-wide { margin-left: 0; padding: 0 3.125em; } #content h1, #content-wide h1 { padding: 0 0 1.25em 0; font-weight: normal; font-size: 1.25em; color: #333; line-height: 1.5em; font-weight: bold; } .content-inner { /* padding: 0 0 0 1.9em; */ padding: 0; line-height: 1.5em; font-size: 0.85em; text-align: justify; } .content-inner h2, .content-inner h3 { padding: 0 0 1.25em 0; font-weight: bold; font-size: 1em; color: #666; line-height: 1.5em; } .content-inner h3 { font-size: 0.8em; } .content-inner p { padding: 0 0 1.5em 0; } .content-inner ul, .content-inner ol { padding: 0; } .content-inner a, .content-inner a:link, .content-inner a:active, .content-inner a:visited { color: #f93; text-decoration: none; } .content-inner a:hover, .content-inner .sitemap a:hover { color: #f93; text-decoration: underline; } #content-wide .sitemap h1 { display: block; padding: 0 0 1.25em 0; font-weight: normal; font-size: 1.75em; color: #333; line-height: 1.5em; padding: 0 0 0.2em; border-bottom: 1px solid #f93; margin-bottom: 1em; } #content-wide .sitemap h2 { display: block; border-bottom: 1px solid #f93; font-size: 1.2em; padding: 2em 0 0.4em; font-weight: bold; color: #333; margin: 1em 0 1em 0; clear: both; } .content-inner .sitemap a, .content-inner .sitemap a:link, .content-inner .sitemap a:visited { color: #666; } #content-wide .sitemap h2 a, #content-wide .sitemap h2 a:link, #content-wide .sitemap h2 a:visited { color: #333; } .sitemap ul { margin: 0 0 0 2em; text-align: left; } .sitemap ul li { list-style-type: none; float:left; display: inline-block; list-style-type: none; width: 25%; min-width:20%; } .sitemap ul ul { display: inline-block; margin: 0 0 0 1em; } .sitemap ul li { font-size:1.05em; color: #333 !important; font-weight: bold; } .sitemap ul ul li { list-style-type: none; margin: 0 0 0 0.5em; font-size:1em; font-weight: normal; line-height: 1.6em; width: 100%; } .content-inner a:hover, .content-inner .sitemap a:hover { color: #f93; text-decoration: underline; } #content-wide .sitemap h2 a:hover { color: #f93; text-decoration: none; } /* ------------------------------------------------------------------------------------------------------- */ /* CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* COMPLIANCE COMPLIANCE COMPLIANCE COMPLIANCE COMPLIANCE START */ /* ------------------------------------------------------------------------------------------------------- */ .agree { display: none; border: 1px solid #ddd; border-radius:12px; padding:15px 35px 15px 15px; margin:-6px 0 20px 0; position: relative; background:#f6f6f6; } .agree:after, .agree:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .agree:after { border-color: #trasnparent; border-bottom-color: #f6f6f6; border-width: 10px; left: 40px; margin-left: -10px; } .agree:before { border-color: #trasnparent; border-bottom-color: #ddd; border-width: 12px; left: 40px; margin-left: -12px; } .agree-close { position: absolute; top: 4px; right: 4px; background: url('/files/images/core/close-btn.png') no-repeat 0 0; width: 21px; height: 21px; } .agree-close:hover { background: url('/files/images/core/close-btn.png') no-repeat 0 -42px; } .comply a:hover, .agree-close:hover { cursor:pointer; } .btn-agree, .btn-cancel { width:73px; display: inline-block; padding:5px 10px; background:#999; color:#fff; font-size: 1.1em; font-weight:bold; border-radius:8px; margin:0 10px 0px 0; border:1px solid #888; text-align: center; } .btn-agree:hover, .btn-agree:hover a, .btn-agree:hover a:link, .btn-cancel:hover { background:#f93; color:#fff; cursor:pointer; } .btn-agree a, .btn-agree a:link, .btn-agree a:active, .btn-agree a:visited { color:#fff; } .btn-agree a:hover, .btn-cancel:hover { color:#fff; text-decoration: none; cursor:pointer; } /* ------------------------------------------------------------------------------------------------------- */ /* COMPLIANCE COMPLIANCE COMPLIANCE COMPLIANCE COMPLIANCE END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* SUBNAV SUBNAV SUBNAV SUBNAV SUBNAV SUBNAV START */ /* ------------------------------------------------------------------------------------------------------- */ nav.subnav { float: left; width: 22%; max-width: 22%; min-width:22%; margin-left: 3.125em; font-size: 1em; } nav.subnav li { border-bottom: 1px solid transparent; margin: 0; line-height: 22px; } nav.subnav li a { display: block; color: #666; text-decoration: none; font-size: 0.95em; border: 1px solid transparent; padding: 5px 20px 5px 0; text-shadow:1px 1px 0.188em rgba(11,4,5,0.3); } nav.subnav ul ul ul { font-size: 0.85em; } nav.subnav ul ul { margin-left: 1em; margin-top: 0px; font-size: 0.9em; } nav.subnav ul li a:hover { color: #f93; border-bottom: 1px solid #f93; background: url('/images/arrow-orange.gif') right center no-repeat; cursor: pointer; } nav.subnav li a:hover { color: #333; } nav.subnav ul li a.currentpage { font-weight: bold; border-bottom: 1px solid #f93; background: url('/images/arrow-orange.gif') right center no-repeat; } nav.subnav li.menuactive a { color: #333; } /* ------------------------------------------------------------------------------------------------------- */ /* SUBNAV SUBNAV SUBNAV SUBNAV SUBNAV SUBNAV END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* TABLES FORMS TABLES FORMS TABLES FORMS FROM OLD SITE START */ /* ------------------------------------------------------------------------------------------------------- */ .content-inner input { margin-bottom: 4px; } .content-inner label { float: left; width: 120px; display: block; } .content-inner .cms_submit { margin-left: 125px; } td { text-align: left; } table.regular_table { border-collapse: collapse; border: 1px solid #c0c0c0; width: 100%; margin-bottom: 5px; } table.regular_table td { font-size:0.9em; padding: 8px; text-align: left; vertical-align: top; border: 1px solid #c0c0c0; } table.regular_table td p { text-align: left; margin: 0px; } .content-inner .regular_table p { text-align: left; padding: 0px !important; } table.regular_table td.centercell { text-align: center; } table.regular_table td.centerboth { text-align: center; vertical-align: middle; } table.regular_table td.calc { text-align: center; font-size: 9px; } object { border: 1px solid #000; } /* ------------------------------------------------------------------------------------------------------- */ /* TABLES FORMS TABLES FORMS TABLES FORMS FROM OLD SITE END */ /* ------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------- */ /* FORMS SITE START */ /* ------------------------------------------------------------------------------------------------------- */ form#questionnaire input[type=radio] { margin-right: 0.7em; } form#questionnaire p { padding: 1.5em 0 0 0; } /* ------------------------------------------------------------------------------------------------------- */ /* KEEP AT BOTTOM START */ /* ------------------------------------------------------------------------------------------------------- */ input { outline: none; } img { max-width: 100%; height: auto; } img[rel~="milkbox"], a[rel~="milkbox"] img { cursor: url(/images/cursor_zoom_in.cur), pointer; } /* ------------------------------------------------------------------------------------------------------- */ /* KEEP AT BOTTOM END */ /* ------------------------------------------------------------------------------------------------------- */ /* } */ /*/mediaquery*/ /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #f93 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* Class for honeypot field */ .bb-cfdhp-field { display: none; } /* Code that displays selection inside link and embed boxes for sharing video */ .video-sharing-opt-content ::selection { color:#EEEEEE; background-color: #222222; } .video-sharing-opt-content ::-moz-selection { color:#EEEEEE; background-color: #222222; }