@charset "utf-8";
/**
* ------------------------------------ !MASTER STYLES ------------------------------------
* This stylesheet serves as the foundation for all styles within this application
* CORE VARIABLES: used for controlling individual elements in a theme
* GRID: semantic grid system
* CORE PROPERTIES: used to define complext CSS properties and as a shiv for cross-browser propertary rules
* CORE ELEMENTS: Reusable namespace mixins implimented with raw css rules and CORE PROPERTIES.
* CORE LAYOUT: Main area for page layout and style. Should rely heavily on GRID, CORE PROPERTIES and ELEMENTS
*
* AUTHOR: Kellan Craddock (kcraddock@cmdagency.com)
*
* IMPORTANT! - These styles were originally written in LESS and compliled with the LESS.app. All modifications should be done in the existing .less file, not the .css file
* 
*TODO: remove theme specific vars from core-elements.less and pass them as params via core layout.
*/
/**
* ------------------------------------ !IMPORTS ------------------------------------
*/
/*
 * HTML5 BOILERPLATE: NORMALIZE LESS

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  /* overflow-y: scroll; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before, q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
  *overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/** ------------------------------------ !CORE VARIABLES ------------------------------------
* Core, non-themeable options. Includes layout related vars
* Naming convention should be abstract or related to css properties, not specific to page elements: border-thin: 1px
* Naming format: @core-[property]
*/
/** ------------------------------------ !CORE THEME ----------------------------------------
* Themeable options. Does not include layout related vars
* Naming convention can be specific to an element: @theme-header-background: @core-color-gray-1
* Naming format: @theme-[element]-[property]
*/
/** ------------------------------------ !CORE PROPERTIES --------------------------------------------
* These reusable mixins are meant to directly suppliment existing CSS properties. Each namespace should represent a single property type, that contains multiple methods for different variations. It is helpful to include multiple rules for each method to provide extended browser support. Also, including a .none method enables the removal of the given method if needed. Core property namespaces are intended to be used within LESS and not directly attached to the markup. Many of these mixins are originally authored by the twitter bootstrap: https://github.com/twitter/bootstrap
*/
/* !NAMESPACES FOR CSS PROPERTIES */
#clearfix {
  zoom: 1;
}
#clearfix:before, #clearfix:after {
  content: "";
  display: table;
}
#clearfix:after {
  clear: both;
}
#gradient.none {
  background-image: none;
}
/** ------------------------------------ !CORE ELEMENTS --------------------------------------------
* These reusable mixins are meant to provide a templated or 'bootstraped' style to CSS element selectors. Each individual namespace should reflect an html tag, with the namespaces' methods being different versions or states of the tag. Core elements can and should incorperate core properties, and should always be secific to a HTML tag rather than a CSS property. Core element namespaces are intended to be used within LESS and not directly attached to the markup.

TODO: Remove all theme vars from these mixins as they should always be passed as params from the layout. Add Init methods to abstract classes to allow for psudo class and event binding

RULES:

Abstract Classes
- All variables must be passed through functions
- No direct use of html elements
- No use of psudo classes (should not assume that one wants to use an event or psudo class)

Classes
- All variables must be passed through functions
- May use html elements directly
- May use psudo classes, but not recomended

*/
/* !NAMESPACES FOR CSS ELEMENT SELECTORS */
/*  !Button Abstract Class
    Will style any element to be button
    Always defaults to display inline, you can override this when extending the class for more specific uses such as in a form
    
    TODO: Add more methods, such as .secondary etc
    
 */
/*  !Input Abstract Class
    Will style any element to be an input
    Can be extended for more specific styling such as in a form
    
    TODO: Remove theme vars, as they should be passed in via the layout. Add more method types. Remove psudo classes
    
 */
/*  !List Abstract Class
    TODO: need to revamp lists and nav mixins. Lists should account for all types of styled lists (horizontal, vertical, boxes, buttons). Navs should extend lists and account for anchor tags by moving base list styles to the anchor rather than the list item
 */
#list .inline li, #list .inline dd, #list .inline dt {
  display: inline;
  float: none;
  width: auto;
}
/*  !Nav Class
    
 */
/*  !Form Class
    Extends base classes such as #button and #input, adding specific styles for use inside forms
    
    TODO: Remove theme vars, as they should be passed in via the layout. Add more method types
    
 */
/*  !Shape Class
    Used to render shapes using CSS
    
    TODO: Abstract and add other shapes
    
 */
body {
  padding: 0 0%;
  margin: 0;
}
/**
* ROW
* @columns {int} number of columns in the grid
* @gutter {int} percentage width of gutters
* 
* Now factoring for optional gutter width. Browsers that dont support the box-sizing rule (<=IE7) will need to account for gutters on grid items. The gutter needs to be offset in the row mixin
*/
/**
* COLUMN
* @x {int} number of columns each grid item should take up
* @columns {int} number of columns in the grid
* @gutter {int} percentage width of gutters
* @padding {int} percentage width of left and right padding on grid items
*
* Now factoring for optional gutter width and padding. Browsers that dont support the box-sizing rule (<=IE7) will need to account for padding and gutters on grid items. Both padding and gutter need to be offset from the item width in the grid mixin
* 
* TODO: We need to factor for borders in browsers that dont support box-sizing. This is difficult because borders can be specified as a pixel width and our calculations are in percentages. Borders are not allowed to be set as percentage widths.
*/
/**
* ------------------------------------ !GRID VARIABLES ------------------------------
*/
/**
* ------------------------------------ !CORE LAYOUTS ---------------------------------
*/
html {
  height: 100%;
  overflow-y: visible;
}
html body {
  /* !DEFAULT LAYOUT */

  background: #174b63;
  color: #797979;
  min-height: 100%;
  /* !DEFAULT LAYOUT */

  /* !ADMIN LAYOUT */

}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  margin: 0;
}
html body h1 {
  font-size: 39px;
}
html body h2 {
  font-size: 30px;
}
html body h3 {
  font-size: 21px;
}
html body h4 {
  font-size: 16.200000000000003px;
}
html body h5 {
  font-size: 15px;
}
html body h6 {
  font-size: 12px;
}
html body a {
  color: #278dbd;
  text-decoration: none;
}
html body a:visited {
  color: #278dbd;
}
html body a:hover {
  color: #278dbd;
}
html body a.button {
  color: #bcdff0;
  background-color: #091c25;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40a4d3), color-stop(5%, #174b63), to(#091c25));
  background-image: -webkit-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: -moz-linear-gradient(top, #40a4d3, #174b63 5%, #091c25);
  background-image: -ms-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: -o-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: linear-gradient(#40a4d3, #174b63 5%, #091c25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a4d3', endColorstr='#091c25', GradientType=0);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid;
  border-color: #123b4e #174b63 #11384a #174b63;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #091c25;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
}
html body a.button.none {
  background-image: none;
}
html body a.button.none {
  text-shadow: none;
}
html body a.button:hover {
  background-color: #0d2c3a;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ab8dc), color-stop(6%, #216a8c), to(#0d2c3a));
  background-image: -webkit-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -moz-linear-gradient(top, #6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -ms-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -o-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab8dc', endColorstr='#0d2c3a', GradientType=0);
}
html body a.button:hover.none {
  background-image: none;
}
html body a.button:active {
  text-shadow: 0 1px 2px #040c10;
  background-color: #174b63;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d2c3a), color-stop(96%, #123b4e), to(#174b63));
  background-image: -webkit-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: -moz-linear-gradient(top, #0d2c3a, #123b4e 96%, #174b63);
  background-image: -ms-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: -o-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d2c3a', endColorstr='#174b63', GradientType=0);
}
html body a.button:active.none {
  text-shadow: none;
}
html body a.button:active.none {
  background-image: none;
}
html body form input[type='text'], html body form input[type='password'] {
  background: #ffffff;
  border: none;
  border: 1px solid;
  border-color: #d2d2d2;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  color: #939393;
  display: block;
  margin-bottom: 17px;
  outline: none;
  padding: 8px 0;
  text-indent: 8px;
  width: 99.5%;
  -moz-box-shadow: 0 0 2px #e3e3e3 inset;
  -webkit-box-shadow: 0 0 2px #e3e3e3 inset;
  box-shadow: 0 0 2px #e3e3e3 inset;
}
html body form input[type='text']:focus, html body form input[type='password']:focus {
  border-color: #174b63;
  color: #797979;
  -moz-box-shadow: 0 0 3px #9acbff inset;
  -webkit-box-shadow: 0 0 3px #9acbff inset;
  box-shadow: 0 0 3px #9acbff inset;
}
html body form input[type='text'][disabled='disabled'], html body form input[type='password'][disabled='disabled'] {
  background: #fbfbfb;
  border-color: #e1e1e1;
  color: #888888;
}
html body form button, html body form input[type='button'] {
  color: #ffffff;
  background-color: #6c6c6c;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), color-stop(5%, #939393), to(#6c6c6c));
  background-image: -webkit-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: -moz-linear-gradient(top, #dfdfdf, #939393 5%, #6c6c6c);
  background-image: -ms-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: -o-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#6c6c6c', GradientType=0);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid;
  border-color: #868686 #939393 #838383 #939393;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #6c6c6c;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
}
html body form button.none, html body form input[type='button'].none {
  background-image: none;
}
html body form button.none, html body form input[type='button'].none {
  text-shadow: none;
}
html body form button:hover, html body form input[type='button']:hover {
  background-color: #797979;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), color-stop(6%, #acacac), to(#797979));
  background-image: -webkit-linear-gradient(#f9f9f9, #acacac 6%, #797979);
  background-image: -moz-linear-gradient(top, #f9f9f9, #acacac 6%, #797979);
  background-image: -ms-linear-gradient(#f9f9f9, #acacac 6%, #797979);
  background-image: -o-linear-gradient(#f9f9f9, #acacac 6%, #797979);
  background-image: linear-gradient(#f9f9f9, #acacac 6%, #797979);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#797979', GradientType=0);
}
html body form button:hover.none, html body form input[type='button']:hover.none {
  background-image: none;
}
html body form button:active, html body form input[type='button']:active {
  text-shadow: 0 1px 2px #5f5f5f;
  background-color: #939393;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#797979), color-stop(96%, #868686), to(#939393));
  background-image: -webkit-linear-gradient(#797979, #868686 96%, #939393);
  background-image: -moz-linear-gradient(top, #797979, #868686 96%, #939393);
  background-image: -ms-linear-gradient(#797979, #868686 96%, #939393);
  background-image: -o-linear-gradient(#797979, #868686 96%, #939393);
  background-image: linear-gradient(#797979, #868686 96%, #939393);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#939393', GradientType=0);
}
html body form button:active.none, html body form input[type='button']:active.none {
  text-shadow: none;
}
html body form button:active.none, html body form input[type='button']:active.none {
  background-image: none;
}
html body form button[disabled='disabled'], html body form input[type='button'][disabled='disabled'] {
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  background-color: #cccccc;
  border-color: #cccccc;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: default;
}
html body form button[disabled='disabled'].hover,
html body form input[type='button'][disabled='disabled'].hover,
html body form button[disabled='disabled']:hover,
html body form input[type='button'][disabled='disabled']:hover {
  background-color: #cccccc;
}
html body form button[type='submit'], html body form input[type='submit'] {
  color: #bcdff0;
  background-color: #091c25;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40a4d3), color-stop(5%, #174b63), to(#091c25));
  background-image: -webkit-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: -moz-linear-gradient(top, #40a4d3, #174b63 5%, #091c25);
  background-image: -ms-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: -o-linear-gradient(#40a4d3, #174b63 5%, #091c25);
  background-image: linear-gradient(#40a4d3, #174b63 5%, #091c25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a4d3', endColorstr='#091c25', GradientType=0);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid;
  border-color: #123b4e #174b63 #11384a #174b63;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #091c25;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
}
html body form button[type='submit'].none, html body form input[type='submit'].none {
  background-image: none;
}
html body form button[type='submit'].none, html body form input[type='submit'].none {
  text-shadow: none;
}
html body form button[type='submit']:hover, html body form input[type='submit']:hover {
  background-color: #0d2c3a;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ab8dc), color-stop(6%, #216a8c), to(#0d2c3a));
  background-image: -webkit-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -moz-linear-gradient(top, #6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -ms-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: -o-linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  background-image: linear-gradient(#6ab8dc, #216a8c 6%, #0d2c3a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab8dc', endColorstr='#0d2c3a', GradientType=0);
}
html body form button[type='submit']:hover.none, html body form input[type='submit']:hover.none {
  background-image: none;
}
html body form button[type='submit']:active, html body form input[type='submit']:active {
  text-shadow: 0 1px 2px #040c10;
  background-color: #174b63;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d2c3a), color-stop(96%, #123b4e), to(#174b63));
  background-image: -webkit-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: -moz-linear-gradient(top, #0d2c3a, #123b4e 96%, #174b63);
  background-image: -ms-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: -o-linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  background-image: linear-gradient(#0d2c3a, #123b4e 96%, #174b63);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d2c3a', endColorstr='#174b63', GradientType=0);
}
html body form button[type='submit']:active.none, html body form input[type='submit']:active.none {
  text-shadow: none;
}
html body form button[type='submit']:active.none, html body form input[type='submit']:active.none {
  background-image: none;
}
html body form select {
  margin-bottom: 17px;
  width: 100%;
}
html body form label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
html body table {
  border-collapse: separate;
  display: table;
  text-align: left;
  width: 100%;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0 0%;
  display: table;
}
html body table thead tr th {
  background: none;
}
html body table thead tr th a {
  text-decoration: none;
  display: block;
  padding: 4px;
}
html body table thead tr th.current {
  background: #868686;
}
html body table tbody tr td {
  border-top: 1px solid #ececec;
  padding: 4px;
  vertical-align: middle;
}
html body table tbody tr td img {
  vertical-align: middle;
}
html body table tbody tr td ol, html body table tbody tr td ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
html body table tbody tr:hover td, html body table tbody tr.hover td {
  background: #ffffff;
}
html body table tbody tr.selected td {
  background: #e6e6e6;
}
html body table a:hover {
  text-decoration: underline;
}
html body .background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
html body ul.errors {
  color: red;
  margin: 0;
  padding: 0;
  list-style: none;
}
html body .inset-box {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #3793be;
  background: #276a88;
  /* The Fallback */

  background: rgba(39, 106, 136, 0.6);
  -moz-box-shadow: 0px 0px 3px #000000 inset;
  -webkit-box-shadow: 0px 0px 3px #000000 inset;
  box-shadow: 0px 0px 3px #000000 inset;
  padding: 5px;
}
html body .tooltip {
  background: #ffffff;
  /* The Fallback */

  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 4px 5px 5px 5px;
  -webkit-border-radius: 4px 5px 5px 5px;
  border-radius: 4px 5px 5px 5px;
  padding: 5px;
}
html body div.goog-te-gadget {
  color: transparent !important;
  margin-bottom: -4px !important;
}
html body #google_translate_element a {
  display: none;
}
html body .goog-te-combo {
  width: 100%;
}
html body .header header {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  width: 100%;
  margin: 0 0%;
  display: block;
  margin: 0 auto;
  width: 310px;
  padding-top: 32px;
}
html body .header header h1 {
  background: transparent url(../images/logo_JW.png) no-repeat;
  height: 61px;
  text-indent: -9999px;
  overflow: hidden;
}
html body .header header h2 {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #3793be;
  background: #276a88;
  /* The Fallback */

  background: rgba(39, 106, 136, 0.6);
  -moz-box-shadow: 0px 0px 3px #000000 inset;
  -webkit-box-shadow: 0px 0px 3px #000000 inset;
  box-shadow: 0px 0px 3px #000000 inset;
  padding: 5px;
  line-height: 0;
  margin-top: 25px;
  padding: 3px;
  text-align: center;
}
html body .content {
  padding-top: 11px;
}
html body .content section {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  width: 100%;
  margin: 0 0%;
  display: block;
  margin: 0 auto;
  width: 310px;
}
html body footer {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  width: 100%;
  margin: 0 0%;
  display: block;
  margin: 0 auto;
  width: 310px;
  padding-top: 24px;
}
html body footer p {
  text-align: right;
  color: #222222;
  margin-top: 18px;
  font-size: 10px;
}
html body.default.index article {
  position: relative;
  background: #ffffff;
  /* The Fallback */

  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 4px 5px 5px 5px;
  -webkit-border-radius: 4px 5px 5px 5px;
  border-radius: 4px 5px 5px 5px;
  padding: 5px;
  zoom: 1;
}
html body.default.index article select {
  margin: 0;
  padding: 3px;
}
html body.default.index article #submit {
  color: #ffffff;
  background-color: #cbcbcb;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(5%, #f1f1f1), to(#cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -ms-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -o-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cbcbcb', GradientType=0);
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid;
  border-color: #e4e4e4 #f1f1f1 #e2e2e2 #f1f1f1;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #cbcbcb;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
  color: #278dbd;
  display: block;
  width: 100%;
  text-shadow: 0px 1px 0px #ffffff;
  margin-top: 10px;
}
html body.default.index article #submit.none {
  background-image: none;
}
html body.default.index article #submit.none {
  text-shadow: none;
}
html body.default.index article #submit.none {
  text-shadow: none;
}
html body.default.index article #submit:hover {
  color: #ffffff;
  background-color: #b9b9b9;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(5%, #dfdfdf), to(#b9b9b9));
  background-image: -webkit-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -moz-linear-gradient(top, #ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -ms-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -o-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b9b9b9', GradientType=0);
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid;
  border-color: #d2d2d2 #dfdfdf #d0d0d0 #dfdfdf;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #b9b9b9;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
  text-shadow: 0px 1px 0px #ffffff;
  color: #278dbd;
  display: block;
  width: 100%;
}
html body.default.index article #submit:hover.none {
  background-image: none;
}
html body.default.index article #submit:hover.none {
  text-shadow: none;
}
html body.default.index article #submit:hover.none {
  text-shadow: none;
}
html body.default.index article:after {
  content: "";
  position: absolute;
  border-top: 12px solid rgba(255, 255, 255, 0.3);
  border-left: 24px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 24px solid transparent;
  z-index: 1;
  bottom: -24px;
  left: 131px;
}
html body.default.index article:before, html body.default.index article:after {
  content: "";
  display: table;
}
html body.default.index article:after {
  clear: both;
}
html body.default.index aside {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #3793be;
  background: #276a88;
  /* The Fallback */

  background: rgba(39, 106, 136, 0.6);
  -moz-box-shadow: 0px 0px 3px #000000 inset;
  -webkit-box-shadow: 0px 0px 3px #000000 inset;
  box-shadow: 0px 0px 3px #000000 inset;
  padding: 5px;
  margin-top: 29px;
}
html body.default.index aside p {
  background: transparent url(../images/arrow_up.png) no-repeat;
  padding-left: 36px;
  color: #cff0ff;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  min-height: 26px;
}
html body.default.index aside p.prompt {
  background: transparent url(../images/arrow_down.png) no-repeat;
}
html body.default.index aside .button {
  color: #ffffff;
  background-color: #cbcbcb;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(5%, #f1f1f1), to(#cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -ms-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: -o-linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #f1f1f1 5%, #cbcbcb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cbcbcb', GradientType=0);
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid;
  border-color: #e4e4e4 #f1f1f1 #e2e2e2 #f1f1f1;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #cbcbcb;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
  color: #278dbd;
  text-shadow: 0px 1px 0px #ffffff;
  display: block;
  margin-top: 6px;
  text-transform: none;
}
html body.default.index aside .button.none {
  background-image: none;
}
html body.default.index aside .button.none {
  text-shadow: none;
}
html body.default.index aside .button.none {
  text-shadow: none;
}
html body.default.index aside .button span {
  background: transparent url(../images/icon_newpage.png) no-repeat left center;
  padding-left: 18px;
}
html body.default.index aside .button:hover {
  color: #ffffff;
  background-color: #b9b9b9;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(5%, #dfdfdf), to(#b9b9b9));
  background-image: -webkit-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -moz-linear-gradient(top, #ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -ms-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: -o-linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  background-image: linear-gradient(#ffffff, #dfdfdf 5%, #b9b9b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b9b9b9', GradientType=0);
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid;
  border-color: #d2d2d2 #dfdfdf #d0d0d0 #dfdfdf;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #b9b9b9;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
  text-shadow: 0px 1px 0px #ffffff;
  color: #278dbd;
  display: block;
}
html body.default.index aside .button:hover.none {
  background-image: none;
}
html body.default.index aside .button:hover.none {
  text-shadow: none;
}
html body.default.index aside .button:hover.none {
  text-shadow: none;
}
html body.administrator.index .content section {
  width: 310px;
}
html body.administrator .content section {
  background: #fff;
  width: 90%;
  padding: 20px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
html body.administrator .content section .button {
  display: block;
  float: left;
  margin-top: 8px;
}
html body.administrator .content section article table {
  margin-top: 15px;
}
html body.administrator .content section form #fieldset-primaryGroup {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0 0%;
}
html body.administrator .content section form #fieldset-secondaryGroup {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0 0%;
}
html body.administrator .content section form #fieldset-secondaryGroup label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 50%;
  margin: 0 0%;
  padding: 0 0%;
  margin-bottom: 5px;
}
html body.administrator .content section form #fieldset-secondaryGroup label input {
  margin-right: 5px;
}
html body.administrator .content section form #fieldset-thirdGroup {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0 0%;
  padding: 0 0%;
}
html body.administrator .content section form #submit, html body.administrator .content section form #cancel {
  margin-top: 15px;
}
html body.administrator .content section form #cancel {
  color: #ffffff;
  background-color: #535353;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c5c5c5), color-stop(5%, #797979), to(#535353));
  background-image: -webkit-linear-gradient(#c5c5c5, #797979 5%, #535353);
  background-image: -moz-linear-gradient(top, #c5c5c5, #797979 5%, #535353);
  background-image: -ms-linear-gradient(#c5c5c5, #797979 5%, #535353);
  background-image: -o-linear-gradient(#c5c5c5, #797979 5%, #535353);
  background-image: linear-gradient(#c5c5c5, #797979 5%, #535353);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#535353', GradientType=0);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid;
  border-color: #6c6c6c #797979 #6a6a6a #797979;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #535353;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
}
html body.administrator .content section form #cancel.none {
  background-image: none;
}
html body.administrator .content section form #cancel.none {
  text-shadow: none;
}
html body.administrator .content section form #cancel:hover {
  color: #ffffff;
  background-color: #6c6c6c;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), color-stop(5%, #939393), to(#6c6c6c));
  background-image: -webkit-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: -moz-linear-gradient(top, #dfdfdf, #939393 5%, #6c6c6c);
  background-image: -ms-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: -o-linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  background-image: linear-gradient(#dfdfdf, #939393 5%, #6c6c6c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#6c6c6c', GradientType=0);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid;
  border-color: #868686 #939393 #838383 #939393;
  display: inline;
  float: none;
  /* font-size: @core-font-size * .9; */

  font-weight: bold;
  letter-spacing: 1px;
  width: auto;
  padding: 8px 16px;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */

  text-shadow: 0 -1px 2px #6c6c6c;
  -moz-box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
}
html body.administrator .content section form #cancel:hover.none {
  background-image: none;
}
html body.administrator .content section form #cancel:hover.none {
  text-shadow: none;
}
html body.administrator .content section form legend {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  color: #a7a7a7;
}
::-moz-selection {
  background: #939393;
}
::selection {
  background: #939393;
}
/**
* ------------------------------------ !MEDIA QUERY LAYOUT ---------------------------------
*/
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
  html body.administrator .content section form #fieldset-primaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 25%;
    margin: 0 0%;
    padding: 0 0%;
  }
  html body.administrator .content section form #fieldset-secondaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 75%;
    margin: 0 0%;
    padding: 0 0%;
    padding-left: 40px;
  }
  html body.administrator .content section form #fieldset-secondaryGroup label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
    margin: 0 0%;
    padding: 0 0%;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  /* Style adjustments for viewports 1024px and over go here */
  html body.administrator .content section form #fieldset-primaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 33.33333333333333%;
    margin: 0 0%;
    padding: 0 0%;
  }
  html body.administrator .content section form #fieldset-secondaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 66.66666666666666%;
    margin: 0 0%;
    padding: 0 0%;
    padding-left: 40px;
  }
  html body.administrator .content section form #fieldset-secondaryGroup label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 33.33333333333333%;
    margin: 0 0%;
    padding: 0 0%;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  /* Style adjustments for viewports 1280px and over go here */
  html body.administrator .content section form #fieldset-primaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 33.33333333333333%;
    margin: 0 0%;
    padding: 0 0%;
  }
  html body.administrator .content section form #fieldset-secondaryGroup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 66.66666666666666%;
    margin: 0 0%;
    padding: 0 0%;
    padding-left: 40px;
  }
  html body.administrator .content section form #fieldset-secondaryGroup label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
    width: 25%;
    margin: 0 0%;
    padding: 0 0%;
    margin-bottom: 5px;
  }
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    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;
  }
  /* h5bp.com/t */
  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;
  }
}



/********** Additional CSS *****/

a:focus,
a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

select:focus-visible {
    outline: 2px solid #174b63;
    outline-offset: 1px;
}


.message.has-prompt .message-container {
    background: transparent url(../images/arrow_down.png) no-repeat;
}

html body.default.index aside .message-link {
    display: none;
}

html body.default.index aside.has-prompt .message-link {
    display: block;
}