/** @file Generic theme-independent base styles. */
/** Autocomplete.  @see autocomplete.js */
/* Suggestion list */
#autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; }

#autocomplete ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }

#autocomplete li { background: #fff; color: #000; cursor: default; white-space: pre; zoom: 1; /* IE7 */ }

/* Animated throbber */
html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-position: 100% 2px; /* LTR */ background-repeat: no-repeat; }

html.js input.throbbing { background-position: 100% -18px; /* LTR */ }

/** Collapsible fieldsets.  @see collapse.js */
html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; height: 1em; }

html.js fieldset.collapsed .fieldset-wrapper { display: none; }

fieldset.collapsible { position: relative; }

fieldset.collapsible .fieldset-legend { display: block; }

/** Resizable textareas.  @see textarea.js */
.form-textarea-wrapper textarea { display: block; margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.resizable-textarea .grippie { background: #eeeeee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; height: 9px; overflow: hidden; }

/** TableDrag behavior.  @see tabledrag.js */
body.drag { cursor: move; }

.draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin-left: -1em; /* LTR */ overflow: hidden; text-decoration: none; }

a.tabledrag-handle:hover { text-decoration: none; }

a.tabledrag-handle .handle { background: url(../../misc/draggable.png) no-repeat 6px 9px; height: 13px; margin: -0.4em 0.5em; /* LTR */ padding: 0.42em 0.5em; /* LTR */ width: 13px; }

a.tabledrag-handle-hover .handle { background-position: 6px -11px; }

div.indentation { float: left; /* LTR */ height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ width: 20px; }

div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ }

div.tree-child-last { background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ }

div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; }

.tabledrag-toggle-weight-wrapper { text-align: right; /* LTR */ }

/** TableHeader behavior.  @see tableheader.js */
table.sticky-header { background-color: #fff; margin-top: 0; }

/** Progress behavior.  @see progress.js */
/* Bar */
.progress .bar { background-color: #fff; border: 1px solid; }

.progress .filled { background-color: #000; height: 1.5em; width: 5px; }

.progress .percentage { float: right; /* LTR */ }

/* Throbber */
.ajax-progress { display: inline-block; }

.ajax-progress .throbber { background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; float: left; /* LTR */ height: 15px; margin: 2px; width: 15px; }

.ajax-progress .message { padding-left: 20px; }

tr .ajax-progress .throbber { margin: 0 2px; }

.ajax-progress-bar { width: 16em; }

/** Inline items. */
.container-inline div, .container-inline label { display: inline; }

/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper { display: block; }

/** Prevent text wrapping. */
.nowrap { white-space: nowrap; }

/** For anything you want to hide on page load when JS is enabled, so that you can use the JS to control visibility and avoid flicker. */
html.js .js-hide { display: none; }

/** Hide elements from all users.  Used for elements which should not be immediately displayed to any user. An example would be a collapsible fieldset that will be expanded with a click from a user. The effect of this class can be toggled with the jQuery show() and hide() functions. */
.element-hidden { display: none; }

/** Hide elements visually, but keep them available for screen-readers.  Used for information required for screen-reader users to understand and use the site where visual display is undesirable. Information provided in this manner should be kept concise, to avoid unnecessary burden on the user. "!important" is used to prevent unintentional overrides. */
.element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; }

/** The .element-focusable class extends the .element-invisible class to allow the element to be focusable when navigated to via the keyboard. */
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto; }

/** Markup free clearing.  @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* IE6 */
* html .clearfix { height: 1%; }

/* IE7 */
*:first-child + html .clearfix { min-height: 1%; }

/** @file Styles for menus and navigation markup. */
/** Markup generated by theme_menu_tree(). */
ul.menu { border: none; list-style: none; text-align: left; /* LTR */ }

ul.menu li { margin: 0 0 0 0.5em; /* LTR */ }

ul li.expanded { list-style-image: url(../../misc/menu-expanded.png); list-style-type: circle; }

ul li.collapsed { list-style-image: url(../../misc/menu-collapsed.png); /* LTR */ list-style-type: disc; }

ul li.leaf { list-style-image: url(../../misc/menu-leaf.png); list-style-type: square; }

li.expanded, li.collapsed, li.leaf { padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; }

li a.active { color: #000; }

td.menu-disabled { background: #ccc; }

/** Markup generated by theme_links(). */
ul.inline, ul.links.inline { display: inline; padding-left: 0; }

ul.inline li { display: inline; list-style-type: none; padding: 0 0.5em; }

/** Markup generated by theme_breadcrumb(). */
.breadcrumb { padding-bottom: 0.5em; }

/** Markup generated by theme_menu_local_tasks(). */
ul.primary { border-bottom: 1px solid #bbb; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; }

ul.primary li { display: inline; }

ul.primary li a { background-color: #ddd; border-color: #bbb; border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; /* LTR */ padding: 0 1em; text-decoration: none; }

ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #fff; }

ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; }

ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; }

ul.secondary li { border-right: 1px solid #ccc; /* LTR */ display: inline; padding: 0 1em; }

ul.secondary a { padding: 0; text-decoration: none; }

ul.secondary a.active { border-bottom: 4px solid #999; }

/** @file Styles for system messages. */
div.messages { background-position: 8px 8px; /* LTR */ background-repeat: no-repeat; border: 1px solid; margin: 6px 0; padding: 10px 10px 10px 50px; /* LTR */ }

div.status { background-image: url(../../misc/message-24-ok.png); border-color: #be7; }

div.status, .ok { color: #234600; }

div.status, table tr.ok { background-color: #f8fff0; }

div.warning { background-image: url(../../misc/message-24-warning.png); border-color: #ed5; }

div.warning, .warning { color: #840; }

div.warning, table tr.warning { background-color: #fffce5; }

div.error { background-image: url(../../misc/message-24-error.png); border-color: #ed541d; }

div.error, .error { color: #8c2e0b; }

div.error, table tr.error { background-color: #fef5f1; }

div.error p.error { color: #333; }

div.messages ul { margin: 0 0 0 1em; /* LTR */ padding: 0; }

div.messages ul li { list-style-image: none; }

/** @file Basic styling for common markup. */
/** HTML elements. */
fieldset { margin-bottom: 1em; padding: 0.5em; }

form { margin: 0; padding: 0; }

hr { border: 1px solid gray; height: 1px; }

img { border: 0; }

table { border-collapse: collapse; }

th { border-bottom: 3px solid #ccc; padding-right: 1em; /* LTR */ text-align: left; /* LTR */ }

tbody { border-top: 1px solid #ccc; }

tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; }

/** Markup generated by theme_tablesort_indicator(). */
th.active img { display: inline; }

td.active { background-color: #ddd; }

/** Markup generated by theme_item_list(). */
.item-list .title { font-weight: bold; }

.item-list ul { margin: 0 0 0.75em 0; padding: 0; }

.item-list ul li { margin: 0 0 0.25em 1.5em; /* LTR */ padding: 0; }

/** Markup generated by Form API. */
.form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; }

tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; }

.form-item .description { font-size: 0.85em; }

label { display: block; font-weight: bold; }

label.option { display: inline; font-weight: normal; }

.form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; }

input.form-checkbox, input.form-radio { vertical-align: middle; }

.marker, .form-required { color: #f00; }

.form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; }

/** Inline items. */
.container-inline .form-actions, .container-inline.form-actions { margin-top: 0; margin-bottom: 0; }

/** Markup generated by theme_more_link(). */
.more-link { text-align: right; /* LTR */ }

/** Markup generated by theme_more_help_link(). */
.more-help-link { text-align: right; /* LTR */ }

.more-help-link a { background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ padding: 1px 0 1px 20px; /* LTR */ }

/** Markup generated by theme_pager(). */
.item-list .pager { clear: both; text-align: center; }

.item-list .pager li { background-image: none; display: inline; list-style-type: none; padding: 0.5em; }

.pager-current { font-weight: bold; }

/** Autocomplete.  @see autocomplete.js */
/* Suggestion list */
#autocomplete li.selected { background: #0072b9; color: #fff; }

/** Collapsible fieldsets.  @see collapse.js */
html.js fieldset.collapsible .fieldset-legend { background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */ padding-left: 15px; /* LTR */ }

html.js fieldset.collapsed .fieldset-legend { background-image: url(../../misc/menu-collapsed.png); /* LTR */ background-position: 5px 50%; /* LTR */ }

.fieldset-legend span.summary { color: #999; font-size: 0.9em; margin-left: 0.5em; }

/** TableDrag behavior.  @see tabledrag.js */
tr.drag { background-color: #fffff0; }

tr.drag-previous { background-color: #ffd; }

.tabledrag-toggle-weight { font-size: 0.9em; }

body div.tabledrag-changed-warning { margin-bottom: 0.5em; }

/** TableSelect behavior.  @see tableselect.js
*/
tr.selected td { background: #ffc; }

td.checkbox, th.checkbox { text-align: center; }

/** Progress bar.  @see progress.js */
.progress { font-weight: bold; }

.progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.progress .filled { background: #0072b9 url(../../misc/progress.gif); }

/* responsive-nav.js v1.0.14 by @viljamis */
#nav ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; }

#nav li { width: 100%; display: block; }

.js #nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }

#nav.opened { max-height: 9999px; }

/* Layout Helpers */
/* Center layout be default */
.container { margin: 0 auto; }

/* Prevent the layout from collapsing if there is nothing in the content column */
.content-inner { min-height: 1px; }

.lt-ie7 .content-inner { height: 1px; }

/* Ensure the content column is always the full width of its container */
#content-column, .content-column { width: 100%; }

/* Compass clearfix */
.clearfix:after { content: ""; display: table; clear: both; }

.clearfix { zoom: 1; }

/* AT Panels */
.one-column .region, div.at-panel .region-conditional-stack { float: none; display: block; clear: both; width: 100%; }

.lt-ie8 .at-panel { overflow: hidden; }

/* @file global.base  - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/ - Gutter widths, see $gutter-width in _custom.scss - Default container alignment. - Flexible images and media declarations. - Copies of the SCSS mixins for reference, which includes an improved element-invisible and focusable styles. */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* If you are using the themes Responsive JS feature (media_queries.js) do not set a font-family on the html element, use body.  1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; height: 100%; overflow-y: scroll; }

/* 1 . Addresses margins handled incorrectly in IE6/7 */
body { min-height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button, input, select, textarea { font-family: sans-serif; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Headings  Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b, strong { font-weight: 700; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE6/7 */
p, pre { margin: 0 0 1.5em; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE6/7 */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE7 */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Remove border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { /* border: 0; */ /* Drupal core already does this, uncomment if you need it */ -ms-interpolation-mode: bicubic; }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; vertical-align: top; }

/* ============================================================================= Tables ========================================================================== */
/* 1. Remove most spacing between table cells */
table { border: 1px solid; border-spacing: 0; border-collapse: collapse; font-size: inherit; font: 100%; }

/* ============================================================================= Gutters ========================================================================== */
/* If gutters are set in theme settings they will override these values, see Extensions > Modify Output > Design $gutter-width is set in _base.scss */
#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages { margin-left: 10px; margin-right: 10px; }

/* Panel pages need negative margin equal to the gutter width applied to #content, this is taken care of in theme settings as per above for normal gutters */
#content .panel-display, #content .panel-flexible { margin-left: -10px; margin-right: -10px; }

/* ============================================================================= Flexible Media and Cross browser improvements ========================================================================== */
/* - This can cause issues in table cells where no width is set on the column, only in some versions of webkit and IE 7/8. - declaring the width attribute on image elements and using max-width causes the "dissappering images" bug in IE8. - Mapping services such as Google Maps may break also, see below for fixes. */
img { height: auto; -ms-interpolation-mode: bicubic; }

/* Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }

/* Disable flexiblity for IE8 and below */
.lt-ie9 img, .lt-ie9 object, .lt-ie9 embed, .lt-ie9 video { max-width: none; }

/* Override max-width 100% for map displays */
#map img, .gmap img, .view-gmap img, .openlayers-map img, #getlocations_map_canvas img, #locationmap_map img, .geofieldMap img, .views_horizontal_slider img { max-width: none !important; }

/* ============================================================================= Misc helpers, Accessibility classes etc ========================================================================== */
/* Prevent overflowing content */
header[role=banner], .content-inner, .nav, .region-sidebar-first, .region-sidebar-second, .region-secondary-content, .region-tertiary-content, .region-footer { overflow: visible; word-wrap: break-word; }

/** General classes for hiding content. These are all included as SASS mixins. @SEE: sass/_custom.scss */
/** Image replacement Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement Additional helpers from http://html5boilerplate.com/docs/css/ */
.ir { /* Kellum Method */ display: block !important; text-indent: 100%; white-space: nowrap; overflow: hidden; /* Remove the default border from elements like button */ border: 0; /* Crush the text down to take up no space */ font: 0/0 a; /* Remove any text shadows */ text-shadow: none; /* Hide any residual text in Safari 4 and any mobile devices that may need it */ color: transparent; /* Hide the default background color on elements like button */ background-color: transparent; }

/* More robust element-invisible and element-focuable classes */
.element-invisible { border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; }

/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen { position: absolute; top: -99999em; width: 1px; height: 1px; overflow: hidden; outline: 0; }

/* Hide content from all users */
.element-hidden { display: none; }

/* @file global.styles  Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.   How to use this file: --------------------  There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.  See global.base also which includes normalize.css and some additional helper classes and base styles. */
/* ============================================================================= Base ========================================================================== */
/* To preserve theme settings never apply font properties to the HTML element. This is critically important if you are using the Responsive JavaScript feature as this relies on being able to set a pseudo font family on the HTML element. If you need to set default font properties of any kind use the BODY element as these can be overridden using font theme settings. */
html { background: #d8e5ef; /* Old browsers */ }

.no-break { white-space: nowrap; }

#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages { margin-left: 15px; margin-right: 15px; }

.front .content-inner .block-inner { margin-top: 15px; }

.breadcrumb-wrapper { margin-left: 25px; margin-right: 25px; }

#background-column { height: 140%; position: fixed; overflow: hidden; z-index: 0; width: 100%; background: #d8e5ef; /* Old browsers */ background: -moz-linear-gradient(top, #d8e5ef 0%, #ebf2f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e5ef), color-stop(100%, #ebf2f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8e5ef 0%, #ebf2f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8e5ef 0%, #ebf2f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8e5ef 0%, #ebf2f8 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8e5ef 0%, #ebf2f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e5ef', endColorstr='#ebf2f8', GradientType=0); /* IE6-9 */ z-index: -1; }

#background-column div { background-color: #ffffff; height: 100000px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14); }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90%; line-height: 1.4em; }

/* ============================================================================= HTML Elements ========================================================================== */
h1 { font-size: 2em; margin: 0 auto 0em; line-height: 1.1em; color: #005395; }

h2 { color: #492C00; font-size: 1.7em; line-height: 1.2em; margin-top: 0; margin-bottom: .5em; }

h3 { font-size: 1.45em; font-weight: normal; margin: 1em auto 0.6em; line-height: 1.25em; }

h4 { font-size: 1.05em; margin: 0 auto 0em; }

h5 { font-size: .9em; margin: 0 auto 0em; }

p { margin: 0 auto .5em; }

p.intro { color: #818181; font-size: 1.2em; font-weight: bold; line-height: 1.3em; }

ul { list-style-image: url(../images/osp_bullet.png); list-style-type: square; padding-left: 25px; margin-top: 5px; }

ol { margin-top: 5px; padding-left: 25px; }

pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif; }

/* ============================================================================= Wrappers ========================================================================== */
/* Page wrapper, includes the .container class which sets the overall page or section width Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it! */
/* Wraps all header elements - branding and .region-header */
/* Wraps the sidebars the content column */
/* Main content column wrapper */
/* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */
/* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */
/* Footer wrapper */
/* Panels may need additional margin wrangling when in the $content region */
/*#content .panel-display { margin-left: auto; margin-right: auto;
}*/
/* Full Width Wrappers These are used in the optional page--full-width-wrappers.tpl.php template. All have internal .container classes. In the full width wrapper template the .container classes set the width or max-width of the contained element - you can style this but never add any width/margin/padding/borders etc to .container */
/* Wraps #page */
/* Wraps the leaderboard */
#leaderboard-wrapper { background-color: #000000; }

.block.nihribbon { margin-bottom: 0; }

.nihribbon ul { margin: 0 auto; font-weight: normal; list-style-image: none; list-style-type: none; padding: 10px 0 0; background: transparent url(../images/nihribbon-hhs.png) no-repeat 0 2px; min-height: 25px; }

.nihribbon ul a { color: white; text-decoration: none; display: block; color: #fff; padding: 5px 6px 2px 18px; font-size: .85em; line-height: 1.2em; }

.nihribbon ul li { padding: 0; margin: 0; }

.nihribbon a:hover, .nihribbon a:active { color: #ffb800; }

/* Wraps the header */
#header-wrapper { background-color: #005395; }

/* Wraps the nav elements */
/* Wraps breadcrumb */
/* Wraps messages and help */
/* Wraps the secondary content/preface region */
/* Wraps the main content column */
/* Wraps the tertiary content/postfix region */
/* Footer wrapper */
/* ============================================================================= Branding ========================================================================== */
/* Wraps all the branding elements, logo, name and slogan */
/* Logo */
#logo { margin: 15px auto; background-image: url(../logo.png); background-repeat: no-repeat; max-height: 62px; max-width: 377px; background-size: contain; }

.svg #logo { background-image: url(../logo.svg); }

.block.header-logo { margin-bottom: 0; }

/* Wrapper for the site name and slogan (hgroup) */
/* Site name (h1) */
#site-name { margin: 0; }

#site-name a:link, #site-name a:visited { text-decoration: none; }

#site-name a:hover, #site-name a:focus { text-decoration: underline; }

/* Site slogan (h2) */
#site-slogan { margin: 0; }

/* ============================================================================= Page content header ========================================================================== */
/* Main content header wraps the page title, tabs and actions links */
#main-content-header { /*    margin-top:15px;*/ margin-bottom: 15px; }

/* The main page title (h1) */
#page-title { margin: 15px 0 0; color: #005395; }

/*#columns #page-title{ margin-top:15px;
}*/
/* ============================================================================= Misc Global Styles ========================================================================== */
.float-right { float: right; padding: 0 0 10px 10px; }

.float-left { float: left; padding: 0 10px 10px 0; }

.margin-bottom-10 { margin-bottom: 10px; }

.margin-bottom-20 { margin-bottom: 20px; }

/* Feed icons */
/* Aggregator feed source */
#aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; }

.feed-details dt, .feed-details dd { display: inline; margin: 0; }

/* Generic styles for the more link */
.more-link, .views-more-link { text-align: right; font-size: .8em; white-space: nowrap; }

.more-link a:after, .views-more-link:after { content: " »"; }

/* Generic styles for links. See the ul.links declaration in node and comment stylesheets */
ul.links, ul.links-only, .tree-links ul { margin: 0; padding: 0; }

ul.links.inline, ul.links-only.inline, .tree-links ul.inline { display: block; }

ul.links li, ul.links-only li, .tree-links ul li { display: block; list-style: none; padding: 0; margin: 0 0 10px 0; }

.tree-links ul li li { margin-left: 20px; margin-top: 10px; font-size: .8em; }

/* Search results are an ordered list so reset the margin */
.search-results { margin: 0; }

.view-mode-search_result .big-title { margin-bottom: 5px; }

.view-mode-search_result .field-name-field-file-attachment .file-icon { height: 13px; width: 13px; }

.view-mode-search_result p { margin-bottom: 5px; }

/* ============================================================================= Regions ========================================================================== */
.standard-block-margin { margin-left: 15px; margin-right: 15px; margin-bottom: 20px; }

/*.region-inner { margin-left:15px; margin-right:15px;
}
.region-inner > .panel-pane { margin-left: -15px; margin-right: -15px;
}

*/
.panel-separator { margin-bottom: 25px; }

/* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc */
/* Regions have an inner div - perfect for adding margin, padding or borders */
/*.content-inner .region-inner { margin-bottom:15px;
}*/
/* Regions can be nested, such as when using Panels */
/* Header region, embedded in the #header */
/* Generally used to output Drupals help block, if the help module is enabled */
/* Secondary content */
/* Sits above the main content header, like a content-top region */
/* Sits below the main content, like a content-bottom region */
/* Sidebars - targets both */
.sidebar { margin-top: 15px; margin-bottom: 15px; }

/* First sidebar */
/* Second sidebar */
/* Tertiary content */
/* Footer region */
.region-footer { border-top: 1px dotted #d6d6d6; margin-left: 10px; margin-right: 10px; }

#block-menu-menu-footer-menu > .block-inner { margin-right: 0; }

/* ============================================================================= Links ========================================================================== */
a { text-decoration: none; }

a:link, a:visited { color: #005395; text-decoration: none; }

a:hover, a:active, a:focus { color: #a21510; }

/* ============================================================================= Primary, Secondary and Menu Bar region menus ========================================================================== */
/* Use one of the following id's for granular control: - #menu-bar (menu bar region) - #primary-menu (main menu) - #secondary-menu (secondary/user menu) You can target all of these with .nav or div[id$="menu-bar"] */
.nav { clear: both; margin: 10px 0; }

#menu-bar.nav { margin: 0; }

.nav ul, .nav ul.menu { margin: 0; padding: 0; }

@media screen and (min-width: 985px) { .js #nav { position: relative; }
  .js #nav.closed { max-height: none; }
  #nav-toggle { display: none; }
  .nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; } }
.nav li a, .nav ul.menu li a { display: block; white-space: nowrap; padding: 0 10px; color: #ffffff; font-weight: bold; }

#menu-bar.nav li a, #menu-bar.nav ul.menu li a { padding: .4em 10px; }

.nav li a:visited, .nav ul.menu li a:visited { color: #ffffff; }

#menu-bar.nav li, #menu-bar.nav ul.menu li { width: auto; }

.nav li a:visited, .nav ul.menu li a:visited { color: #ffffff; }

.nav li a:hover, .nav li a:focus, .nav ul.menu li a:hover, .nav ul.menu li a:focus { color: #ffb800; }

.nav .block { margin-bottom: 0; }

#menu-bar .menu-wrapper { margin-left: 15px; }

#nav-toggle { color: #ffffff; font-weight: bold; font-size: 1.1em; line-height: 1.8em; }

/* ============================================================================= Superfish ========================================================================== */
ul.sf-menu { margin-bottom: 0; }

ul.sf-menu a { border-left: 0; border-top: 0; padding: 0 10px; text-decoration: none; height: 2.5em; line-height: 2.5em; }

ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; }

ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; }

/* Superfish blocks */
.block-superfish ul { margin: 0 !important; padding: 0 !important; }

.block-superfish li { margin: 0 !important; padding: 0 !important; }

/* Vertical style */
.sf-vertical { width: 100%; }

.sf-vertical li { width: 100%; }

.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; }

.sf-vertical li a { padding: 0 10px; }

/* Navbar style */
.sf-navbar { padding-bottom: 0 !important; }

/* Sensible padding for the default style */
.sf-menu.sf-style-default a { padding: 0 10px; }

/* ============================================================================= Menus, usually blocks ========================================================================== */
ul.menu { padding-left: 15px; }

ul.menu ul { padding-left: 15px; }

ul.menu li { margin: 0; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content { padding: 0; }

/* ============================================================================= Book navigation menu ========================================================================== */
.book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; }

.book-navigation .menu { margin-left: 0; }

/* ============================================================================= Breadcrumbs ========================================================================== */
#breadcrumb { padding: 10px 0 5px; font-size: .8em; line-height: 1.5em; }

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; }

#breadcrumb .breadcrumb-label:after { content: ":"; }

#breadcrumb ol { margin: 0; padding: 0; }

#breadcrumb .with-breadcrumb-label ol { display: inline; }

#breadcrumb li { list-style: none; display: inline; }

/* ============================================================================= Pagers ========================================================================== */
ul.pager { clear: both; margin: 10px 0 0; text-align: center; }

.item-list ul.pager li { margin: 0; }

ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; }

ul.pager li.pager-current { font-weight: 700; }

.block ul.pager li { margin: 0; }

/* Theme the various states of pager links */
/* ============================================================================= Skip Navigation ========================================================================== */
#skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; }

#skip-link a { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }

#skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }

#skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; }

/* ============================================================================= Tabs (local tasks) ========================================================================== */
#tasks { margin-bottom: 15px; }

ul.primary { border-bottom-color: #ccc; margin: 20px 0; padding: 0 0 0 5px; }

ul.primary li { display: block; float: left; margin: 0 1px -1px; }

ul.primary li a { background-color: #f5f5f5; border-color: #ccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; }

ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ccc; }

ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; }

ul.secondary { border-bottom: 1px solid #ccc; margin: 1em 0 0; padding: 0 .3em 1em; }

ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; }

ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; }

/* ============================================================================= Action links ========================================================================== */
ul.action-links { margin: 20px 0 0; list-style: none; }

/* ============================================================================= Field Styling ========================================================================== */
/* Wrapper for any field */
/* Above and inline classes are on the field wrapper */
/* When labels are set to inline in field display settings the clearfix class is automatically added */
/* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; }

/* Field types (Core) */
/* Image fields use the <figure> and <figcaption> elements from HTML5 */
/* Taxonomy */
.field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; }

.field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; }

.field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Text */
/* Long text */
/* Text with summary */
/* File */
/* Number/Integer */
/* Decimal */
/* Number float */
/* List */
/* List boolean */
/* List integer */
/* List float */
/* Field types (Contrib) */
/* Named fields */
.group-topic-intro { margin-bottom: 20px; }

/* Underscores in field name are replaced with dashes */
/* Image Alignment Theme Settings - included here so you can easily override */
/* Float none setting */
/* Float left setting */
.ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; }

/* Centered setting */
.ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; }

/* Float right setting */
.ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; }

/* ============================================================================= Block Styling ========================================================================== */
/* Main wrapper for most blocks, block_system_main does not have it */
.block { margin-bottom: 20px; }

.block .node, .block .block { margin-bottom: 0px; }

/* Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it */
/* The first block in the region */
/* The last block in the region */
/* Zebra striping for each block in the region */
/* Zebra striping for each block in the region */
/* Block title */
.block-title, .page-search-site .block-region-content h2 { margin: 0 auto .25em; font-size: 1.5em; }

/* Block content wrapper */
.block-content .field ul li, .block-content ul li.leaf { list-style-image: url(../images/osp_bullet.png); list-style-type: square; /*  margin-bottom:5px;*/ }

/* Block for the latest news items in the first category */
/* Block for the latest news items in the first feed */
/* First block created with "Add block" link */
/* "Recent blog posts" block */
/* "Book navigation" block for the current book's table of contents */
/* "Recent comments" block */
/* "Active forum topics" block */
/* "New forum topics" block */
/* Language switcher block */
/* Custom menu block */
/* "Recent content" block */
/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
/* "Most recent poll" block */
/* "Author information" block for the profile of the page's author */
/* "Search form" block */
#block-search-form.block { margin: 0 5px 15px; }

/* "Shortcuts" block */
/* "Popular content" block */
/* "Main menu" block */
/* "Management" block for Drupal management menu */
/* "Navigation" block for Drupal navigation menu */
/* "User menu" block for Drupal user menu */
/* "System help" block */
/* "Main page content" block */
#block-system-main { margin-top: 15px; }

/* "Powered by Drupal" block */
/* "User login form" block */
/* "Who's new" block for a list of the newest users */
/* "Who's online" block for a list of the online users */
/* ============================================================================= Node Styling ========================================================================== */
.node { margin-bottom: 20px; }

.node .node-title { margin: 0; }

.node ul.links .views-field-body p { margin-bottom: .1em; }

/* All nodes are given a node-FOO class that describes the type of content that it is. If you create a new content type called "my-custom-type", it will receive a "node-my-custom-type" class. */
/* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */
/* Wrapper for the list of comments and its titles */
#comments { margin: 1.5em 0; }

#comments h2.comment-title { margin: 0; }

#comments h2.comment-form { margin: 0; }

/* Wrapper for a single comment */
.comment { margin-bottom: 20px; }

/* Comment title */
.comment-title { margin: 0; }

/* Comment states */
/* Preview of the comment before submitting new or updated comment */
/* "New" marker for comments that are new for the current user */
.new { color: #c00; }

/* Nested comments are indented */
.indented { margin-left: 40px; }

/* ============================================================================= Forms ========================================================================== */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; }

.form-item label { font-weight: 700; }

/* Highlight marks and form required mark */
.marker, .form-required { color: #c00; }

.form-item .description { font-size: 0.85em; }

/* The submit button */
.container-inline div, .container-inline label { display: inline; }

/* Define consistent borders */
fieldset { border: 1px solid #ccc; }

/* Tips for Drupal's input formats */
/* Buttons used by contrib modules like Media */
a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* ============================================================================= Tables ========================================================================== */
table { margin: 10px 0; padding: 0; width: 100%; }

table.sticky-header { z-index: 10; }

table, thead, tbody, tr, th, td { border-color: #ccc; }

table, td, th { vertical-align: middle; }

caption, th, td { text-align: left; }

thead tr { font-weight: 700; background-color: #e5e5e5; }

td, th { border-bottom: 0; margin: 0; padding: 5px 7px; }

tbody tr { border-top: 1px solid #ccc; }

tr.odd { background: #fff; }

tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0; background-color: #f5f5f5; }

tr.odd td.active { background-color: #eee; }

tr.even td.active { background-color: #ebebeb; }

/* Forum tables Core sets white-space to nowrap, which makes no sense */
#forum td .created, #forum td .posts, #forum td .topics, #forum td .last-reply, #forum td .replies, #forum td .pager { white-space: normal; }

/* ============================================================================= Messages ========================================================================== */
/* Left and right margin are set by the global gutter width */
div.messages { margin-bottom: 10px; margin-top: 10px; }

div.messages ul { margin-top: 0; margin-bottom: 0; }

/* Unpublished nodes */
.node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-size: 75px; font-weight: bold; height: 0; line-height: 1.2; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; }

/* Otherwise these elements will appear below the "Unpublished" text */
.lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * { position: relative; }

/* ============================================================================= Maintenance pages ========================================================================== */
.maintenance-page .container { padding: 40px 0; }

.maintenance-page #site-name, .maintenance-page #page-title { margin: 0; }

.db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; }

.db-offline div.messages { margin: 20px 0 0; }

.db-offline #content { padding: 20px 0; }

/* ============================================================================= Misc overrides for contrib modules ========================================================================== */
/* Admin menu overrides */
#admin-menu { margin: 0; padding: 0; }

/* Devel Module */
.dev-query { background: #eee; padding: 30px; }

/* Styleguide module tweaks */
#styleguide-header { padding: 0 10px; }

#styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; }

/* Flexslider Overrides for Front Page */
.flex-caption { display: none; }

.slide-text-office { font-weight: bold; text-transform: uppercase; }

.flex-direction-nav a { display: block; z-index: 900; overflow: visible; opacity: 0; cursor: pointer; color: #000000; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; }

.flex-next { margin-right: 45px; }

.flex-prev { margin-left: 45px; }

.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a { display: block; }

.view-front-page-slideshow .flexslider { background-color: transparent; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin-bottom: 0; }

#secondary-content-wrapper .block { margin-bottom: 0; }

#secondary-content-wrapper .region-inner { margin-left: 0; margin-right: 0; }

#header-wrapper .container { position: relative; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.83) 0%, rgba(43, 112, 167, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(43, 112, 167, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.83) 0%, rgba(43, 112, 167, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.83) 0%, rgba(43, 112, 167, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.83) 0%, rgba(43, 112, 167, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.83) 0%, rgba(43, 112, 167, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4000000', endColorstr='#002b70a7', GradientType=0); /* IE6-9 */ }

#menu-bar { background-image: url("../images/nav_bg.png"); background-repeat: repeat; }

.page-home #header-wrapper { z-index: 9; }

.page-home #header-wrapper .container { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 83, 149, 0.68) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.68)), color-stop(100%, rgba(0, 83, 149, 0.68))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 83, 149, 0.68) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 83, 149, 0.68) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 83, 149, 0.68) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 83, 149, 0.68) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad000000', endColorstr='#ad005395', GradientType=0); /* IE6-9 */ }

.view-front-page-slideshow .flex-nav-container { margin-bottom: 10px; background-color: #000000; background-color: black; }

#block-views-front-page-slideshow-block .flexslider ul.slides li img { margin-left: auto; margin-right: auto; max-width: 1400px; }

#block-views-front-page-slideshow-block .slide-text-inner { padding-bottom: 10px; margin-left: 15px; margin-right: 15px; }

#block-views-front-page-slideshow-block h2 { font-size: 1.2em; margin-bottom: 5px; }

#block-views-front-page-slideshow-block .slide-text h2, #block-views-front-page-slideshow-block .slide-text p, #block-views-front-page-slideshow-block .slide-text a:link, #block-views-front-page-slideshow-block .slide-text a:visited { color: #ffffff; }

#block-views-front-page-slideshow-block .slide-text.black h2, #block-views-front-page-slideshow-block .slide-text.black p, #block-views-front-page-slideshow-block .slide-text.black a:link, #block-views-front-page-slideshow-block .slide-text.black a:visited { color: #000000; }

#block-views-front-page-slideshow-block .slide-text a:hover, #block-views-front-page-slideshow-block .slide-text a:active { color: #ffb800; }

.block-jump-menu .block-title, .block-superfish .block-title { display: none; }

.form-item-jump select, #superfish-1-select { width: 100%; }

#footer .block-menu ul { padding-left: 0; }

#footer .block-title { display: none; }

#footer .block-menu ul li.leaf { list-style-type: none; list-style-image: none; }

#gov-logos li:first-child { padding-right: 10px; }

#block-views-front-page-slideshow-block > .block-inner { margin-left: 0; margin-right: 0; }

#content .panel-display, #content .panel-flexible { /*    margin-left: -15px; margin-right: -15px;*/ margin-left: -1em; margin-right: -1em; }

.views-slideshow-controls-text-pause a { text-indent: -99999px; background-image: url(../images/play_pause_icon.png); height: 7px; width: 8px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; }

.views-slideshow-controls-text-previous a { text-indent: -99999px; background-image: url(../images/prev_next_icon.png); height: 5px; width: 9px; margin-top: 1px; margin-bottom: 1px; background-position: 0 -5px; background-repeat: no-repeat; display: inline-block; }

.views-slideshow-controls-text-next a { text-indent: -99999px; background-image: url(../images/prev_next_icon.png); height: 5px; width: 9px; background-position: 0 0; margin-top: 1px; margin-bottom: 1px; background-repeat: no-repeat; display: inline-block; }

/* ============================================================================= Events and News list formating ========================================================================== */
.views-field-field-event-dates, .date-field-style { font-size: .85em; line-height: 1.4em; margin-bottom: .1em; }

/* ============================================================================= Office and Topic page title headers ========================================================================== */
.header-title-wrapper { background-repeat: no-repeat; min-height: 15px; }

/* ============================================================================= Front Page Office Buttons ========================================================================== */
.office-button { display: block; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.14); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.14); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.14); border-top: 8px #005395 solid; }

.office-button img { display: block; }

/*.oba-button { background-image: url(../images/OBA_button_bg.jpg); background-repeat:no-repeat;
}
.ocrb-button { background-image: url(../images/OCRB_button_bg.jpg); background-repeat:no-repeat;
}
.osmr-button { background-image: url(../images/OSMR_button_bg.jpg); background-repeat:no-repeat;
}*/
.button-office-label { padding: 10px 10px 7px; color: black; }

.button-office-of { font-size: .7em; font-weight: bold; text-transform: uppercase; line-height: .75em; margin-bottom: 5px; }

.button-office-title { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }

#mini-panel-front_page_off_prog .panel-pane.block { margin-bottom: 0; }

/* ============================================================================= Office Landing Topic Buttons ========================================================================== */
.topic-button { height: 117px; display: block; }

.button-topic-label { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.7); border-top: 5px #005395 solid; padding: 5px 10px; color: black; text-shadow: 0px 0px 20px #FFFFFF; }

.button-topic-title { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }

.oba-biosafety-button { background-image: url(../images/OBA-biosafety_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 60%; }

.oba-biosecurity-button { background-image: url(../images/OBA-biosecurity_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 60%; }

.oba-biotech-button { background-image: url(../images/OBA-biotech_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 100%; }

.ocrb-clinical-button { background-image: url(../images/OCRB-clinical_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 50%; }

.ocrb-genetics-button { background-image: url(../images/OCRB-genetics_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 60%; }

.ocrb-healthcare-button { background-image: url(../images/OCRB-healthcare_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 0; }

.osmr-manage-button { background-image: url(../images/OSMR-management_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 100%; }

.osmr-impact-button { background-image: url(../images/OSMR-impact_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 0; }

.osmr-reporting-button { background-image: url(../images/OSMR-reporting_button_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0 0; }

.smaller-text { font-size: .8em; line-height: 1.5em; }

/*.view-events .views-field-title, .view-announcements .views-field-title,*/
.view-resources-by-contextual-taxonomy .views-field-title, .big-title { font-size: 1.21em; line-height: 1.3em; }

.field-name-field-file-attachment a { margin-left: 20px; display: block; }

.field-name-field-file-attachment img { position: absolute; padding-top: 3px; }

.resource-file-icon { margin-left: 24px; position: relative; }

.event-resource-file-icon span.field-content { margin-left: 24px; position: relative; }

.event-resource-file-icon span.file { margin-left: 24px; position: relative; display: inline-block; }

.event-resource-file-icon-style .views-field-field-file-attachment { margin-left: 24px; position: relative; display: inline-block; }

.event-resource-file-icon .date-display-single { margin-left: 24px; }

.resource-file-icon img.file-icon, .event-resource-file-icon img.file-icon, .event-resource-file-icon-style img.file-icon { position: absolute; left: -23px; padding-top: 3px; }

.tree-links li li .resource-file-icon img.file-icon { left: -21px; height: 14px; width: 14px; }

.link-file-icon .field-content { margin-left: 24px; display: block; }

.link-file-icon { background-image: url("../images/link-file-icon.png"); background-position: 1px 3px; background-repeat: no-repeat; }

.files-file-icon, .webcast-file-icon { display: block; position: relative; }

.files-file-icon .field-item { padding-left: 21px; background-image: url("../images/files-file-icon.png"); background-position: 0px 2px; background-repeat: no-repeat; }

.webcast-file-icon .field-item { padding-left: 21px; background-image: url("../images/webcast-file-icon.png"); background-position: 0px 2px; background-repeat: no-repeat; }

.view-events .views-field-title, .view-announcements .views-field-title, .view-external-resources-by-contextual-taxonomy .views-field-title { font-size: 1.07em; line-height: 1.4em; margin-bottom: .2em; }

.views-field-body { margin: 5px 0 5px; }

.links .views-field-body { margin: 2px 0 5px; }

/*.view-resources-by-contextual-taxonomy .views-row, .view-external-resources-by-contextual-taxonomy .views-row, .view-annoucemnts-by-contextual-taxonomy .views-row, .view-announcements .views-row */
.links .views-row, .attachment .views-row { margin-bottom: 20px; }

/*.view-resources-by-contextual-taxonomy .views-row.views-row-last, .view-external-resources-by-contextual-taxonomy .views-row.views-row-last, .view-annoucemnts-by-contextual-taxonomy .views-row.views-row-last, .view-announcements .views-row.views-row-last*/
.links .views-row.views-row-last { margin-bottom: 0; }

.group_event_info { padding: 10px 15px; width: 260px; background-color: #e4e4e4; float: right; margin-left: 15px; margin-bottom: 15px; }

.links .views-field-field-location { margin-top: -3px; margin-bottom: 2px; }

.group_event_info .field-name-field-event-dates { margin-bottom: 5px; font-weight: bold; }

/* ============================================================================= Topic Pages Navigation Block ========================================================================== */
/* .topics-nav-block .menu { margin:0;
}
.topics-nav-block .menu-depth-1 > a { font-size:1.2em; line-height:1.4em;
}
.topics-nav-block .menu-depth-1 { margin-bottom:10px;
}
.topics-nav-block .menu-depth-2 > a {
}
.topics-nav-block .menu-depth-3 > a {
}*/
/*.topics-nav-block ul.jquerymenu li.parent span.closed, .topics-nav-block ul.jquerymenu li.parent span.open { background-image: url(../images/controls_mask.png); background-color: black;
}*/
.topics-nav-block ul.jquerymenu li.parent span { margin-top: 8px; }

.topics-nav-block ul.jquerymenu li.parent li.parent > span { margin-top: 6px; }

.topics-nav-block ul.jquerymenu li.parent span:hover { background-color: #a21510; }

.topics-nav-block li.leaf { margin-bottom: 5px; }

.topics-nav-block .menu { margin: 0; }

.topics-nav-block li > a { font-size: 1.2em; line-height: 1.4em; }

.topics-nav-block li li > a { font-size: 1em; line-height: 1.1em; }

.topics-nav-block li:first { padding-top: 0; }

.topics-nav-block .parent { margin-bottom: 5px; }

.view-osp-events .views-widget-filter-field_topics_tid { width: 100%; }

.view-osp-events #edit-date-filter-min-wrapper, .view-osp-events #edit-date-filter-max-wrapper { display: inline-block; }

.view-osp-events .views-exposed-form { padding: 10px; background-color: #ececec; /*background-image: url("../images/diaglines_bg.png");*/ margin-bottom: 15px; padding: 0 15px 10px; }

.resource-icon { float: left; padding-top: 3px; }

.has-resource-icon { margin-left: 32px; }

.padding-right-5 { padding-right: 5px; }

.block .node.view-mode-search_result { margin-bottom: 20px; }

.form-item-field-topics-tid #edit-field-topics-tid, .form-item-field-topics-tid-1 #edit-field-topics-tid-1 { width: 100%; }

ul.jquerymenu li.parent span.closed { background-color: transparent; }

.ui-accordion { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ui-accordion .ui-accordion-header { border-radius: 0; background: transparent; border: none; font-size: 1.15em; }

.ui-widget { font-size: 100%; }

.ui-accordion .ui-accordion-header.ui-state-active { background: #ebebeb; }

.ui-accordion .ui-accordion-header .ui-icon { top: 1.1em; }

.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header a:link, .ui-accordion .ui-accordion-header a:visited { color: #005395; }

.ui-accordion .ui-accordion-header a:hover, .ui-accordion .ui-accordion-header a:active, .ui-accordion .ui-accordion-header a:focus { color: #a21510; }

.ui-accordion .ui-accordion-content { background: #ebebeb; padding: 0 2.5em 1em; border: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; font-size: 1em; line-height: 1.4em; }

.node-conference-sub-page .field-collection-container, .node-conference-sub-page .field-collection-view { border: none; margin-bottom: 0; padding: 0; }

.node-conference-sub-page h4 { margin-top: 0; margin-bottom: 0; }

.node-conference-sub-page h3 { margin-bottom: 0.25em; }

.node-conference-sub-page .field-collection-container .field-items .field-item { margin-bottom: 25px; }

.node-conference-sub-page .field-collection-container .field-items .field-items .field-item { margin-bottom: 15px; }

.node-conference-sub-page .field-collection-container .field-items .field-items .field-items .field-item { margin-bottom: 0px; }

.node-type-conference .field-collection-container { border-bottom: 0; }

.node-conference .field-item { margin-bottom: 20px; }

.center-content { text-align: center; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.calendar-calendar tr:nth-child(2n+2) { border-bottom: 0; background-color: transparent; }

.calendar-calendar tr { border-top: 0; }

.calendar-calendar td { text-align: center; }

.calendar-calendar div, .calendar-calendar .mini-day-off, .calendar-calendar .mini-day-on a { padding: 5px; }

.calendar-calendar .calendar-empty { padding: 0; }

.calendar-calendar .mini-day-on a:link, .calendar-calendar .mini-day-on a:visited { /*background-color: #005395;*/ /*color: #ffffff;
*/ display: inline-block; width: 20px; border-radius: 30px; text-decoration: none; font-weight: bold; }

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today { background-color: transparent; }

.calendar-calendar tr td.today.has-no-events div:first-child, .calendar-calendar tr.odd td.today.has-no-events div:first-child, .calendar-calendar tr.even td.today.has-no-events div:first-child { background-color: #BEBEBE; color: #ffffff; border-radius: 30px; width: 20px; display: inline-block; }

.calendar-calendar tr td.today.has-events div:first-child a, .calendar-calendar tr.odd td.today.has-events div:first-child a, .calendar-calendar tr.even td.today.has-events div:first-child a { background-color: #BEBEBE; color: #005395; border-radius: 30px; width: 20px; display: inline-block; }

.calendar-calendar th.days { background-color: transparent; color: #777; font-weight: bold; border: 1px solid #ccc; border-width: 0; padding-bottom: 10px; text-align: center; }

.calendar-calendar .mini-day-on a:hover { background-color: #005395!important; color: #ffffff!important; }

.views-exposed-form label { padding-bottom: 3px; }

#admin-menu.admin-menu-site-dev-nihosp-jbsinternational-com { background-color: #6D6D6D; background-image: none; }

.osp-events-search-form .container-inline-date label { font-weight: 500; font-size: .9em; width: 60px; }

.section-about .sidebar { margin-top: 0px; }

.osp-events-search-form .views-widget-filter-field_event_dates_value .form-text, .osp-events-search-form .views-widget-filter-date_filter .form-text { width: 6em; }

.views-exposed-form .views-exposed-widget .form-submit { margin-top: 10px; }

.osp-events-search-form .form-item-field-office-tid select, .osp-events-search-form .views-widget-filter-date_filter select { width: 100%; }

.view-header, .ds-search-extra { margin-bottom: 5px; }

.osp-events-search-form .views-submit-button input[type="submit"] { background: #005395; /* Old browsers */ background: -moz-linear-gradient(top, #005395 0%, #427093 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005395), color-stop(100%, #427093)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005395 0%, #427093 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005395 0%, #427093 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005395 0%, #427093 100%); /* IE10+ */ background: linear-gradient(to bottom, #005395 0%, #427093 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005395', endColorstr='#427093',GradientType=0 ); /* IE6-9 */ }

.osp-events-search-form .views-submit-button input[type="submit"]:hover { background: #006bc2; /* Old browsers */ background: -moz-linear-gradient(top, #006bc2 0%, #4d82ab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006bc2), color-stop(100%, #4d82ab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006bc2 0%, #4d82ab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006bc2 0%, #4d82ab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #006bc2 0%, #4d82ab 100%); /* IE10+ */ background: linear-gradient(to bottom, #006bc2 0%, #4d82ab 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006bc2', endColorstr='#4d82ab',GradientType=0 ); /* IE6-9 */ }

.osp-events-search-form .container-inline-date label { display: inline-block; padding-top: 2px; }

.osp-events-search-form .views-exposed-form .views-exposed-widget { margin-bottom: 5px; }

.osp-events-search-form #edit-field-event-dates-value-max-wrapper, .osp-events-search-form #edit-field-event-dates-value-min-wrapper, .osp-events-search-form #edit-date-filter-min-wrapper, .osp-events-search-form #edit-date-filter-max-wrapper { float: left; width: 45%; }

.osp-events-search-form .form-item-field-event-dates-value-max .description, .osp-events-search-form .form-item-date-filter-max .description { display: none; }

.osp-events-search-form .form-item-field-event-dates-value-min .description, .osp-events-search-form .form-item-date-filter-min .description { overflow: visible; position: absolute; }

.osp-events-search-form .views-widget-sort-by { float: left; clear: left; }

.osp-events-search-form .views-widget-sort-order { float: left; width: auto; margin-left: 15px; }

.osp-events-search-form .views-submit-button { float: right; clear: left; }

.osp-events-search-form .views-reset-button { float: right; }

.input_tiny { width: 50px; }

.input_small { width: 100px; }

.input_medium { width: 150px; }

.input_large { width: 200px; }

.input_xlarge { width: 250px; }

.input_xxlarge { width: 300px; }

.input_full { width: 100%; }

.input_full_wrap { display: block; padding-right: 8px; }

input[type="search"]::-webkit-search-decoration { display: none; }

input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input:focus, button:focus, a.button:focus, select:focus, textarea:focus { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #818282; /* Old browsers */ background: -moz-linear-gradient(top, #818282 0%, #a2a2a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #818282), color-stop(100%, #a2a2a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #818282 0%, #a2a2a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #818282 0%, #a2a2a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #818282 0%, #a2a2a2 100%); /* IE10+ */ background: linear-gradient(to bottom, #818282 0%, #a2a2a2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818282', endColorstr='#a2a2a2',GradientType=0 ); /* IE6-9 */ border: 0px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #ffffff; display: inline-block; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 4px 11px; text-shadow: black 0 0px 0px; text-decoration: none; vertical-align: top; width: auto; *padding-top: 2px; *padding-bottom: 0; }

button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #a1a1a1; /* Old browsers */ background: -moz-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1), color-stop(100%, #b9b9b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* IE10+ */ background: linear-gradient(to bottom, #a1a1a1 0%, #b9b9b9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ text-decoration: none; }

button:active, a.button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { background: #a1a1a1; /* Old browsers */ background: -moz-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1), color-stop(100%, #b9b9b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a1a1a1 0%, #b9b9b9 100%); /* IE10+ */ background: linear-gradient(to bottom, #a1a1a1 0%, #b9b9b9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */ }

button::-moz-focus-inner, a.button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; }

a.button { *padding-bottom: 3px; }

button { *padding-top: 1px; *padding-bottom: 1px; }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #bfbfbe; color: black; outline: 0; margin: 0; padding: 2px 3px; text-align: left; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; }

textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; }

button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; }

input.placeholder_text, textarea.placeholder_text { color: #888888; }

textarea, select[size], select[multiple] { height: auto; }

select[size="0"], select[size="1"] { height: 1.8em; *height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; }
  select, select[size="0"], select[size="1"] { background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
  ::-webkit-validation-bubble-message { -webkit-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 0; color: white; font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; min-height: 16px; }
  ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { -webkit-box-shadow: none; box-shadow: none; background: #666666; border-color: #666666; } }
textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; }

optgroup { color: black; font-style: normal; font-weight: normal; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; }

optgroup::-moz-focus-inner { border: 0; padding: 0; }

* html a.button { position: relative; top: 3px; padding-bottom: 2px; }

* html button { padding-top: 1px; padding-bottom: 1px; }

.ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; }

* html select { margin-top: 1px; }

.placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; }

.ie6_input_disabled { background: #eeeeee; }

/* responsive.custom.css is for custom media queries that are not set via the theme settings, such as cascading media queries.  By default all the other responsive stylesheets used in Adaptivetheme use a "stacking method", however cascading media queries use a waterfall method so you can leverage the cascade and inheritance for all browsers that support media queries, regardless of screen size.  @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack  NOTE: this file loads by default, to disable got to your theme settings and look under the "CSS" settings tab. */
/* Really small screens and up */
/* @media only screen and (min-width: 220px) {} */
/* Smartphone sizes and up */
/* @media only screen and (min-width: 320px) {} */
/* Smartphone sizes and down */
@media only screen and (max-width: 480px) { /*  Float Region blocks example: In smaller screen sizes we can remove the float and widths so all blocks stack instead of displaying horizonally. The selector used here is an "attribute selector" which will match on any float block class. Use your inspector or Firebug to get the classes from the page output if you need more granular control over block alignment and stacking.  "Float Region blocks" is an extension for floating blocks in regions, see your themes appearance settings, under the Extensions tab. */
  .region[class*="float-blocks"] .block { float: none; width: 100%; }
  .section-oba .subheader-office-image { background-image: url(../images/OBA_subheader_image.jpg); height: 70px; width: 100%; background-repeat: no-repeat; background-size: cover; }
  .section-ocrbp .subheader-office-image { background-image: url(../images/OCRB_subheader_image.jpg); height: 70px; width: 100%; background-repeat: no-repeat; background-size: cover; }
  .section-osmr .subheader-office-image { background-image: url(../images/OSMR_subheader_image.jpg); height: 70px; width: 100%; background-repeat: no-repeat; background-size: cover; } }
/* Tablet sizes and up */
/* @media only screen and (min-width: 768px) {} */
/* Desktops/laptops and up */
/* @media only screen and (min-width: 1025px) {} */
@media only screen and (min-width: 481px) and (max-width: 660px) { #logo { max-width: 300px; } }
@media only screen and (min-width: 481px) { .section-oba .header-title-wrapper { background-image: url(../images/OBA_subheader_image.jpg); }
  .section-ocrbp .header-title-wrapper { background-image: url(../images/OCRB_subheader_image.jpg); }
  .section-osmr .header-title-wrapper { background-image: url(../images/OSMR_subheader_image.jpg); } }