/* ------------------------------------------------------------------------------
 *  msol-ext-primefaces.css
 *
 *  Extentions to the stylesheets to support Primefaces generated html structure
 ------------------------------------------------------------------------------ */
.ui-widget {
  font-family: "Verdana";
  font-size: 1em; }

.ui-widget .tab-jusaktuell a, .ui-widget .tab-newsticker a {
  color: #B4181D; }

/* Datatable
----------------------------------------------------------------------------------------- */
div.ui-datatable table, div.ui-datatable table tbody tr {
  border-left-color: #F0F0F0;
  border-right-color: #F0F0F0; }

table .ui-widget-content {
  background: none; }

div.ui-datatable table th, div.ui-datatable table td {
  border-left: 1px solid #FF0000; }

div.ui-datatable table th:first-child, div.ui-datatable table td:first-child {
  /*border-left: 0*/ }

div.ui-datatable table th {
  background-image: none;
  background-color: #5e5e5e;
  /*
  background-color: #c1c1c1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c1c1c1) );
  background-image: -webkit-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -moz-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -ms-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -o-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: linear-gradient(top, #eaeaea, #c1c1c1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#eaeaea, EndColorStr=#c1c1c1)";
  */
  border-top: 1px solid #BFBFBF;
  /*-webkit-box-shadow: inset 0 1px 0 0 #e9e9e9;
  -moz-box-shadow: inset 0 1px 0 0 #e9e9e9;
  box-shadow: inset 0 1px 0 0 #e9e9e9
  */ }

.lt-ie9 div.ui-datatable table th {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

div.ui-datatable table td {
  border-bottom: 1px solid #B6B1AE; }

div.ui-datatable table tbody tr:nth-child(even) td {
  background: #DFDFDF;
  background: rgba(153, 153, 153, 0.2); }

div.ui-datatable table tbody tr.ui-state-hover:nth-child(2n) td,
div.ui-datatable table tbody tr.ui-state-hover td,
.my-requests-table tr:hover td {
  background: #FFFFCC !important; }

table.clickable-rows tbody a {
  color: #333; }

.my-requests-table td {
  cursor: pointer !important; }

table.clickable-rows tbody tr:hover {
  color: #b4181d;
  cursor: pointer; }

table.clickable-rows tbody tr:hover a {
  color: #b4181d;
  text-decoration: none; }

.ui-paginator.ui-paginator-bottom.ui-widget-header {
  background: none;
  border: none; }

/* row toggler for tables
----------------------------------------------------------------	--------------- */
/*  TODO
.ui-row-toggler.ui-icon {
	background-image: none;
	background-color: red;
}

.ui-row-toggler.ui-icon {
	background-image: none;
	background-color: red;
}
*/
/* Forms
------------------------------------------------------------------------------- */
div.field span.full-width input {
  width: 100%; }

/* Buttons
  ------------------------------------------------------------------------------*/
button[type="button"] {
  background-color: #6b6b6b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#6b6b6b));
  background-image: -webkit-linear-gradient(top, #959595, #6b6b6b);
  background-image: -moz-linear-gradient(top, #959595, #6b6b6b);
  background-image: -ms-linear-gradient(top, #959595, #6b6b6b);
  background-image: -o-linear-gradient(top, #959595, #6b6b6b);
  background-image: linear-gradient(top, #959595, #6b6b6b);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#959595, EndColorStr=#6b6b6b)";
  border: 1px solid #AEAEAE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  font-size: 11px;
  font-size: 0.78571rem;
  display: inline-block;
  padding: 5px 10px;
  white-space: nowrap; }

/* IE 7 Bug fix, overwrite Primefaces background image */
.ui-button {
  *background-image: none !important; }

.lt-ie9 button[type="button"] {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

button[type="button"]:hover, button[type="button"]:focus {
  background-color: #951618;
  background-image: url("/javax.faces.resource/images/gradients/red.png");
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ab2224), to(#771819));
  background-image: -webkit-linear-gradient(top, #ab2224, #771819);
  background-image: -moz-linear-gradient(top, #ab2224, #771819);
  background-image: -ms-linear-gradient(top, #ab2224, #771819);
  background-image: -o-linear-gradient(top, #ab2224, #771819);
  background-image: linear-gradient(top, #ab2224, #771819);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ab2224, EndColorStr=#771819)";
  border-color: #333;
  color: #FFF;
  text-decoration: none; }

.lt-ie9 button[type="button"]:hover, .lt-ie9 button[type="button"]:focus {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

.ui-button-text-only .ui-button-text {
  padding: 0; }

/* Datepicker button */
.ui-datepicker-trigger.ui-button {
  margin-right: 0; }

.ui-inputfield.ui-state-focus {
  box-shadow: none !important; }

/* Lightbox
------------------------------------------------------------------------------- */
.ui-lightbox {
  background-color: #F0F0F0; }

.ui-lightbox-content {
  background-color: #F0F0F0; }

.ui-lightbox-inline {
  margin: 20px; }

/* Overlaypane
------------------------------------------------------------------------------- */
.overlaypane-full-width {
  width: 1000px; }

.overlaypane-full-width div {
  border: none; }

div.ui-overlaypanel.ui-widget-content {
  background-color: #F0F0F0; }

div.ui-panel.ui-widget-content {
  /*background-color: #F0F0F0;*/
  background: none; }

div.ui-panel-content.ui-widget-content {
  /*background-color: #F0F0F0;*/
  background: none; }

/* Dialog
------------------------------------------------------------------------------- */
.ui-dialog-titlebar {
  display: none; }

.ui-dialog.ui-widget.ui-widget-content {
  background-color: #F0F0F0; }

.ui-dialog-content.ui-widget-content {
  padding: 0px; }

.ui-dialog-modal-close {
  position: absolute;
  top: 10px;
  right: 16px; }

.ui-panel.ui-widget.ui-widget-content.ui-corner-all {
  border: 0px; }

/* Scrollpanel
------------------------------------------------------------------------------- */
.ui-scrollpanel {
  padding: 10px; }

/* Confirm Dialog
------------------------------------------------------------------------------- */
.ui-dialog-content {
  padding: 0 10px; }

/* Data Table
------------------------------------------------------------------------------- */
.ui-datatable .ui-datatable-data tr:not(.ui-expanded-row-content) td {
  /*border-left: none;
  border-right: none;
  */
  border: 1px solid #B6B1AE; }

/* Data Table Sort icon
------------------------------------------------------------------------------- */
.ui-datatable .ui-sortable-column-icon {
  background-position: -131px -2px;
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  position: inherit;
  width: 10px; }

.ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-s {
  background-position: -67px -16px; }

.ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-n {
  background-position: -2px -17px; }

/* Overwriting background for inputs
------------------------------------------------------------------------------- */
input.ui-state-default:not(.has-input),
.ui-widget-content input.ui-state-default:not(.has-input),
.ui-widget-header input.ui-state-default:not(.has-input),
input.ui-state-hover:not(.has-input) {
  background-image: none !important;
  background: white !important; }

/* Datepicker Button
------------------------------------------------------------------------------- */
button.ui-datepicker-trigger {
  background: none !important;
  padding: 0;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important; }

button.ui-datepicker-trigger span.ui-icon-calendar {
  margin: 0 !important;
  padding: 0;
  left: 0 !important;
  position: static;
  background-image: url("/javax.faces.resource/images/calendar.png");
  background-position: 0 0;
  background-color: none;
  border-radius: 0;
  width: 28px;
  height: 21px; }

button.ui-datepicker-trigger .ui-button-text {
  display: none; }

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  color: #000;
  border: 1px solid #D3D3D3;
  background-color: #e9e9e9; }

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: #fcfaf1;
  border: 1px solid #fcefa1;
  text-shadow: none; }

.ui-autocomplete {
  position: static !important; }

.ui-widget-content {
  border: none !important; }

.ui-datepicker {
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

.ui-state-highlight {
  border: none !important;
  /* 1px solid rgba(146, 144, 143, 0.3) !important;*/
  background: none repeat scroll 0 0 rgba(198, 182, 145, 0.3) !important;
  text-shadow: none !important; }

.ui-shadow {
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

/* Disabled Datepicker
------------------------------------------------------------------------------- */
.ui-state-default[disabled], .ui-widget-content .ui-state-default[disabled], .ui-widget-header .ui-state-default[disabled] {
  background: initial; }

/* Row Toggler in Table
------------------------------------------------------------------------------- */
.ui-datatable .ui-row-toggler, .ui-datatable .row-toggle-icon {
  background-image: url("/javax.faces.resource/images/toggle_icons.png") !important;
  background-position: 0 0;
  margin-left: 0;
  position: normal;
  height: 13px;
  width: 13px;
  display: inline-block; }

.ui-datatable .ui-expanded-row .ui-row-toggler, .ui-datatable .ui-expanded-row .row-toggle-icon {
  background-position: left bottom; }

/* Input spinner
------------------------------------------------------------------------------- */
input.ui-spinner-input {
  padding-right: 20px !important;
  text-align: right;
  vertical-align: middle; }

.checkboxInRow td {
  padding: 10px 0 20px 0; }

.checkboxInRow td + td {
  padding-left: 20px; }

/* Buttons  
------------------------------------------------------------------------------- */
.ui-button .ui-button-text {
  line-height: 1.2; }

/* Mouse over color on buttons in table  
------------------------------------------------------------------------------- */
.ui-state-hover a.btn:hover {
  color: white !important; }
@charset "UTF-8";
/*
	Coding Conventions
 	- sort properties alphabetically (exception: put position, left, right, top and bottom on one line)
 	- write hex values uppercase
 	- keep ids and class names lowercase with - as a separator (no CamelCase, no _)

 	Philosophy
 	- keep specificity low
 	- less css is more maintainable
 	- think in reusable modules and abstractions
*/
/* Border radius
------------------------------------------------------------------------------*/
/* Box shadow
------------------------------------------------------------------------------*/
/* Box sizing
------------------------------------------------------------------------------*/
/* Transition
------------------------------------------------------------------------------*/
/* Text Shadow
------------------------------------------------------------------------------*/
/* Background gradient
------------------------------------------------------------------------------*/
/* Clearfix
------------------------------------------------------------------------------*/
/* Image replacement
------------------------------------------------------------------------------*/
/* Font size with rem
------------------------------------------------------------------------------*/
/* Prefix with a symbol
------------------------------------------------------------------------------*/
/* Text Shadow
------------------------------------------------------------------------------*/
/* Media queries for responsive webdesign
------------------------------------------------------------------------------*/
/* Webfonts
------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Helvetica';
  src: url("/javax.faces.resource/fonts/helvetica.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: 'Helvetica';
  src: url("/javax.faces.resource/fonts/helvetica.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }
@font-face {
  font-family: 'Helvetica';
  src: url("/javax.faces.resource/fonts/helvetica.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: 'DejaVu';
  src: url("") format("truetype");
  font-style: normal; }
@font-face {
  font-family: 'CousineRegularLatin';
  src: url("/javax.faces.resource/fonts/Cousine-Regular-Latin.ttf") format("truetype");
  font-style: normal; }
@media screen {
  /*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
  /* =============================================================================
     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
   */
  audio:not([controls]) {
    display: none; }

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

  /* =============================================================================
     Base
     ========================================================================== */
  /*
   * 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%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */ }

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

  /*
   * Addresses margins handled incorrectly in IE6/7
   */
  body {
    margin: 0; }

  /* =============================================================================
     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
     ========================================================================== */
  /*
   * 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: bold; }

  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: inherit; }

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

  /*
   * 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
   */
  /* 1 */
  q {
    quotes: none; }

  /* 2 */
  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. Removes 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;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }

  /*
   * 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 {
    border: 1px solid #c0c0c0;
    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;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */ }

  /*
   * 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%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }

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

  /*
   * 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;
    /* 1 */
    -webkit-appearance: button;
    /* 2 */
    *overflow: visible;
    /* 3 */ }

  /*
   * 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;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }

  /*
   * 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;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    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;
    /* 1 */
    vertical-align: top;
    /* 2 */ }

  /* =============================================================================
     Tables
     ========================================================================== */
  /*
   * Remove most spacing between table cells
   */
  table {
    border-collapse: collapse;
    border-spacing: 0; }

  /*!
   * jQuery UI CSS Framework 1.8.23
   *
   * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Theming/API
   */
  /* Layout helpers
  ----------------------------------*/
  .ui-helper-hidden {
    display: none; }

  .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); }

  .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none; }

  .ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table; }

  .ui-helper-clearfix:after {
    clear: both; }

  .ui-helper-clearfix {
    zoom: 1; }

  .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); }

  /* Interaction Cues
  ----------------------------------*/
  .ui-state-disabled {
    cursor: default !important; }

  /* Icons
  ----------------------------------*/
  /* states and images */
  .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat; }

  /* Misc visuals
  ----------------------------------*/
  /* Overlays */
  .ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  /*!
   * jQuery UI CSS Framework 1.8.23
   *
   * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Theming/API
   *
   * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
   */
  /* Component containers
  ----------------------------------*/
  .ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("") 50% 50% repeat-x;
    color: #333; }

  .ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("/javax.faces.resource/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #333;
    font-weight: bold; }

  /* Interaction states
  ----------------------------------*/
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555; }

  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none; }

  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url("/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121; }

  .ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none; }

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("/javax.faces.resource/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121; }

  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none; }

  .ui-widget :active {
    outline: none; }

  /* Interaction Cues
  ----------------------------------*/
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url("/javax.faces.resource/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
    color: #363636; }

  .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636; }

  .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("/javax.faces.resource/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a; }

  .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a; }

  .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a; }

  .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold; }

  .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal; }

  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none; }

  /* Icons
  ----------------------------------*/
  /* states and images */
  .ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_222222_256x240.png"); }

  .ui-widget-content .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_222222_256x240.png"); }

  .ui-widget-header .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_222222_256x240.png"); }

  .ui-state-default .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_888888_256x240.png"); }

  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_454545_256x240.png"); }

  .ui-state-active .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_454545_256x240.png"); }

  .ui-state-highlight .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_2e83ff_256x240.png"); }

  .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("/javax.faces.resource/images/jquery-ui/ui-icons_cd0a0a_256x240.png"); }

  /* positioning */
  .ui-icon-carat-1-n {
    background-position: 0 0; }

  .ui-icon-carat-1-ne {
    background-position: -16px 0; }

  .ui-icon-carat-1-e {
    background-position: -32px 0; }

  .ui-icon-carat-1-se {
    background-position: -48px 0; }

  .ui-icon-carat-1-s {
    background-position: -64px 0; }

  .ui-icon-carat-1-sw {
    background-position: -80px 0; }

  .ui-icon-carat-1-w {
    background-position: -96px 0; }

  .ui-icon-carat-1-nw {
    background-position: -112px 0; }

  .ui-icon-carat-2-n-s {
    background-position: -128px 0; }

  .ui-icon-carat-2-e-w {
    background-position: -144px 0; }

  .ui-icon-triangle-1-n {
    background-position: 0 -16px; }

  .ui-icon-triangle-1-ne {
    background-position: -16px -16px; }

  .ui-icon-triangle-1-e {
    background-position: -32px -16px; }

  .ui-icon-triangle-1-se {
    background-position: -48px -16px; }

  .ui-icon-triangle-1-s {
    background-position: -64px -16px; }

  .ui-icon-triangle-1-sw {
    background-position: -80px -16px; }

  .ui-icon-triangle-1-w {
    background-position: -96px -16px; }

  .ui-icon-triangle-1-nw {
    background-position: -112px -16px; }

  .ui-icon-triangle-2-n-s {
    background-position: -128px -16px; }

  .ui-icon-triangle-2-e-w {
    background-position: -144px -16px; }

  .ui-icon-arrow-1-n {
    background-position: 0 -32px; }

  .ui-icon-arrow-1-ne {
    background-position: -16px -32px; }

  .ui-icon-arrow-1-e {
    background-position: -32px -32px; }

  .ui-icon-arrow-1-se {
    background-position: -48px -32px; }

  .ui-icon-arrow-1-s {
    background-position: -64px -32px; }

  .ui-icon-arrow-1-sw {
    background-position: -80px -32px; }

  .ui-icon-arrow-1-w {
    background-position: -96px -32px; }

  .ui-icon-arrow-1-nw {
    background-position: -112px -32px; }

  .ui-icon-arrow-2-n-s {
    background-position: -128px -32px; }

  .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px; }

  .ui-icon-arrow-2-e-w {
    background-position: -160px -32px; }

  .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px; }

  .ui-icon-arrowstop-1-n {
    background-position: -192px -32px; }

  .ui-icon-arrowstop-1-e {
    background-position: -208px -32px; }

  .ui-icon-arrowstop-1-s {
    background-position: -224px -32px; }

  .ui-icon-arrowstop-1-w {
    background-position: -240px -32px; }

  .ui-icon-arrowthick-1-n {
    background-position: 0 -48px; }

  .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px; }

  .ui-icon-arrowthick-1-e {
    background-position: -32px -48px; }

  .ui-icon-arrowthick-1-se {
    background-position: -48px -48px; }

  .ui-icon-arrowthick-1-s {
    background-position: -64px -48px; }

  .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px; }

  .ui-icon-arrowthick-1-w {
    background-position: -96px -48px; }

  .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px; }

  .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px; }

  .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px; }

  .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px; }

  .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px; }

  .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px; }

  .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px; }

  .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px; }

  .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px; }

  .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px; }

  .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px; }

  .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px; }

  .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px; }

  .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px; }

  .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px; }

  .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px; }

  .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px; }

  .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px; }

  .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px; }

  .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px; }

  .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px; }

  .ui-icon-arrow-4 {
    background-position: 0 -80px; }

  .ui-icon-arrow-4-diag {
    background-position: -16px -80px; }

  .ui-icon-extlink {
    background-position: -32px -80px; }

  .ui-icon-newwin {
    background-position: -48px -80px; }

  .ui-icon-refresh {
    background-position: -64px -80px; }

  .ui-icon-shuffle {
    background-position: -80px -80px; }

  .ui-icon-transfer-e-w {
    background-position: -96px -80px; }

  .ui-icon-transferthick-e-w {
    background-position: -112px -80px; }

  .ui-icon-folder-collapsed {
    background-position: 0 -96px; }

  .ui-icon-folder-open {
    background-position: -16px -96px; }

  .ui-icon-document {
    background-position: -32px -96px; }

  .ui-icon-document-b {
    background-position: -48px -96px; }

  .ui-icon-note {
    background-position: -64px -96px; }

  .ui-icon-mail-closed {
    background-position: -80px -96px; }

  .ui-icon-mail-open {
    background-position: -96px -96px; }

  .ui-icon-suitcase {
    background-position: -112px -96px; }

  .ui-icon-comment {
    background-position: -128px -96px; }

  .ui-icon-person {
    background-position: -144px -96px; }

  .ui-icon-print {
    background-position: -160px -96px; }

  .ui-icon-trash {
    background-position: -176px -96px; }

  .ui-icon-locked {
    background-position: -192px -96px; }

  .ui-icon-unlocked {
    background-position: -208px -96px; }

  .ui-icon-bookmark {
    background-position: -224px -96px; }

  .ui-icon-tag {
    background-position: -240px -96px; }

  .ui-icon-home {
    background-position: 0 -112px; }

  .ui-icon-flag {
    background-position: -16px -112px; }

  .ui-icon-calendar {
    background-position: -32px -112px; }

  .ui-icon-cart {
    background-position: -48px -112px; }

  .ui-icon-pencil {
    background-position: -64px -112px; }

  .ui-icon-clock {
    background-position: -80px -112px; }

  .ui-icon-disk {
    background-position: -96px -112px; }

  .ui-icon-calculator {
    background-position: -112px -112px; }

  .ui-icon-zoomin {
    background-position: -128px -112px; }

  .ui-icon-zoomout {
    background-position: -144px -112px; }

  .ui-icon-search {
    background-position: -160px -112px; }

  .ui-icon-wrench {
    background-position: -176px -112px; }

  .ui-icon-gear {
    background-position: -192px -112px; }

  .ui-icon-heart {
    background-position: -208px -112px; }

  .ui-icon-star {
    background-position: -224px -112px; }

  .ui-icon-link {
    background-position: -240px -112px; }

  .ui-icon-cancel {
    background-position: 0 -128px; }

  .ui-icon-plus {
    background-position: -16px -128px; }

  .ui-icon-plusthick {
    background-position: -32px -128px; }

  .ui-icon-minus {
    background-position: -48px -128px; }

  .ui-icon-minusthick {
    background-position: -64px -128px; }

  .ui-icon-close {
    background-position: -80px -128px; }

  .ui-icon-closethick {
    background-position: -96px -128px; }

  .ui-icon-key {
    background-position: -112px -128px; }

  .ui-icon-lightbulb {
    background-position: -128px -128px; }

  .ui-icon-scissors {
    background-position: -144px -128px; }

  .ui-icon-clipboard {
    background-position: -160px -128px; }

  .ui-icon-copy {
    background-position: -176px -128px; }

  .ui-icon-contact {
    background-position: -192px -128px; }

  .ui-icon-image {
    background-position: -208px -128px; }

  .ui-icon-video {
    background-position: -224px -128px; }

  .ui-icon-script {
    background-position: -240px -128px; }

  .ui-icon-alert {
    background-position: 0 -144px; }

  .ui-icon-info {
    background-position: -16px -144px; }

  .ui-icon-notice {
    background-position: -32px -144px; }

  .ui-icon-help {
    background-position: -48px -144px; }

  .ui-icon-check {
    background-position: -64px -144px; }

  .ui-icon-bullet {
    background-position: -80px -144px; }

  .ui-icon-radio-off {
    background-position: -96px -144px; }

  .ui-icon-radio-on {
    background-position: -112px -144px; }

  .ui-icon-pin-w {
    background-position: -128px -144px; }

  .ui-icon-pin-s {
    background-position: -144px -144px; }

  .ui-icon-play {
    background-position: 0 -160px; }

  .ui-icon-pause {
    background-position: -16px -160px; }

  .ui-icon-seek-next {
    background-position: -32px -160px; }

  .ui-icon-seek-prev {
    background-position: -48px -160px; }

  .ui-icon-seek-end {
    background-position: -64px -160px; }

  .ui-icon-seek-start {
    background-position: -80px -160px; }

  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  .ui-icon-seek-first {
    background-position: -80px -160px; }

  .ui-icon-stop {
    background-position: -96px -160px; }

  .ui-icon-eject {
    background-position: -112px -160px; }

  .ui-icon-volume-off {
    background-position: -128px -160px; }

  .ui-icon-volume-on {
    background-position: -144px -160px; }

  .ui-icon-power {
    background-position: 0 -176px; }

  .ui-icon-signal-diag {
    background-position: -16px -176px; }

  .ui-icon-signal {
    background-position: -32px -176px; }

  .ui-icon-battery-0 {
    background-position: -48px -176px; }

  .ui-icon-battery-1 {
    background-position: -64px -176px; }

  .ui-icon-battery-2 {
    background-position: -80px -176px; }

  .ui-icon-battery-3 {
    background-position: -96px -176px; }

  .ui-icon-circle-plus {
    background-position: 0 -192px; }

  .ui-icon-circle-minus {
    background-position: -16px -192px; }

  .ui-icon-circle-close {
    background-position: -32px -192px; }

  .ui-icon-circle-triangle-e {
    background-position: -48px -192px; }

  .ui-icon-circle-triangle-s {
    background-position: -64px -192px; }

  .ui-icon-circle-triangle-w {
    background-position: -80px -192px; }

  .ui-icon-circle-triangle-n {
    background-position: -96px -192px; }

  .ui-icon-circle-arrow-e {
    background-position: -112px -192px; }

  .ui-icon-circle-arrow-s {
    background-position: -128px -192px; }

  .ui-icon-circle-arrow-w {
    background-position: -144px -192px; }

  .ui-icon-circle-arrow-n {
    background-position: -160px -192px; }

  .ui-icon-circle-zoomin {
    background-position: -176px -192px; }

  .ui-icon-circle-zoomout {
    background-position: -192px -192px; }

  .ui-icon-circle-check {
    background-position: -208px -192px; }

  .ui-icon-circlesmall-plus {
    background-position: 0 -208px; }

  .ui-icon-circlesmall-minus {
    background-position: -16px -208px; }

  .ui-icon-circlesmall-close {
    background-position: -32px -208px; }

  .ui-icon-squaresmall-plus {
    background-position: -48px -208px; }

  .ui-icon-squaresmall-minus {
    background-position: -64px -208px; }

  .ui-icon-squaresmall-close {
    background-position: -80px -208px; }

  .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px; }

  .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px; }

  .ui-icon-grip-solid-vertical {
    background-position: -32px -224px; }

  .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px; }

  .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px; }

  .ui-icon-grip-diagonal-se {
    background-position: -80px -224px; }

  /* Misc visuals
  ----------------------------------*/
  /* Corner radius */
  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px; }

  .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px; }

  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; }

  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px; }

  /* Overlays */
  .ui-widget-overlay {
    background: #aaaaaa url("/javax.faces.resource/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30); }

  .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("/javax.faces.resource/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }

                                                                                                                                                                                                                                                                                                                     /*!
* jQuery UI Autocomplete 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
  .ui-autocomplete {
    position: absolute;
    cursor: default; }

  /* workarounds */
  * html .ui-autocomplete {
    width: 1px; }

  /* without this, the menu expands to 100% in IE6 */
  /*
   * jQuery UI Menu 1.8.23
   *
   * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Menu#theming
   */
  .ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left; }

  .ui-menu .ui-menu {
    margin-top: -3px; }

  .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%; }

  .ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1; }

  .ui-menu .ui-menu-item a.ui-state-hover,
  .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px; }

  /*!
   * jQuery UI Tabs 1.8.23
   *
   * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Tabs#theming
   */
  .ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1; }

  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap; }

  .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none; }

  .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px; }

  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text; }

  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer; }

  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none; }

  .ui-tabs .ui-tabs-hide {
    display: none !important; }

  /*!
   * jQuery UI Datepicker 1.8.23
   *
   * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Datepicker#theming
   */
  .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none; }

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }

  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px; }

  .ui-datepicker .ui-datepicker-prev {
    left: 2px; }

  .ui-datepicker .ui-datepicker-next {
    right: 2px; }

  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px; }

  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px; }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }

  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0; }

  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }

  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 49%; }

  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }

  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }

  .ui-datepicker td {
    border: 0;
    padding: 1px; }

  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none; }

  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }

  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible; }

  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left; }

  /* with multiple calendars */
  .ui-datepicker.ui-datepicker-multi {
    width: auto; }

  .ui-datepicker-multi .ui-datepicker-group {
    float: left; }

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%; }

  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%; }

  .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%; }

  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0; }

  .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0; }

  .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left; }

  .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em; }

  /* RTL support */
  .ui-datepicker-rtl {
    direction: rtl; }

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }

  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto; }

  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left; }

  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right; }

  .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }

  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

  /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  .ui-datepicker-cover {
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/ }

  /*
      ColorBox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden; }

  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%; }

  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left; }

  #cboxContent {
    position: relative; }

  #cboxLoadedContent {
    overflow: auto; }

  #cboxTitle {
    margin: 0; }

  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer; }

  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none; }

  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0; }

  #colorbox,
  #cboxContent,
  #cboxLoadedContent {
    box-sizing: content-box; }

  /*
      User Style:
      Change the following styles to modify the appearance of ColorBox.  They are
      ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
  #cboxOverlay {
    background: #000; }

  #cboxContent {
    margin-top: 32px;
    overflow: visible; }

  .cboxIframe {
    background: #fff; }

  #cboxError {
    padding: 50px;
    border: 1px solid #ccc; }

  #cboxLoadedContent {
    background: #FFF;
    border: 1px solid #E1DCD8;
    padding: 10px; }
    #cboxLoadedContent > h2:first-child {
      margin-top: 0; }

  #cboxLoadingGraphic {
    background: url("/javax.faces.resource/images/colorbox/loading.gif") no-repeat center center; }

  #cboxLoadingOverlay {
    background: #000; }

  #cboxTitle {
    display: none; }

  #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px; }

  #cboxSlideshow,
  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  button[type="button"]#cboxClose {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    background: url("/javax.faces.resource/images/colorbox/controls.png") no-repeat 0 0;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  #cboxPrevious {
    background-position: 0px 0px;
    right: 44px; }

  #cboxPrevious:hover {
    background-position: 0px -25px; }

  #cboxNext {
    background-position: -25px 0px;
    right: 22px; }

  #cboxNext:hover {
    background-position: -25px -25px; }

  #cboxClose, button[type="button"]#cboxClose {
    background: url("/javax.faces.resource/images/colorbox/close.png") no-repeat;
    height: 18px;
    right: 10px;
    top: 10px;
    width: 18px; }

  #cboxClose:hover {
    /*background-position: -50px -25px*/ }

  .cboxSlideshow_on #cboxPrevious,
  .cboxSlideshow_off #cboxPrevious {
    right: 66px; }

  .cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px; }

  .cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px; }

  .cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px; }

  .cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px; }

  /* Base font
  ------------------------------------------------------------------------------*/
  html,
  button,
  input,
  select,
  textarea {
    color: #333;
    font-family: Verdana, sans-serif;
    font-size: 13px; }

  .smaller {
    font-size: 11px;
    font-size: 0.84615rem; }

  pre, .pre {
    font-size: 14px;
    font-size: 1.07692rem;
    font-family: CousineRegularLatin;
    line-height: 1.4em; }

  /* Base
  ------------------------------------------------------------------------------*/
  body {
    background: #F0F0F0 url("/javax.faces.resource/images/bg.png"); }

  /* Main nav
  ------------------------------------------------------------------------------*/
  #main-nav-toggle {
    display: none;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ } }
  @media screen and (phone) {
    #main-nav-toggle {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0; } }

@media screen {
  #main-nav {
    background-color: #951618;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
    background-image: -webkit-linear-gradient(top, #AB2224, #771819);
    background-image: -moz-linear-gradient(top, #AB2224, #771819);
    background-image: -ms-linear-gradient(top, #AB2224, #771819);
    background-image: -o-linear-gradient(top, #AB2224, #771819);
    background-image: linear-gradient(top, #AB2224, #771819);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    zoom: 1;
    line-height: 1em;
    /*for fixing overlay problem:
    position: relative;
    z-index: 1;*/
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ }
    .lt-ie9 #main-nav {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    #main-nav:before, #main-nav:after {
      content: "";
      display: table; }
    #main-nav:after {
      clear: both; } }
  @media screen and (phone) {
    .js #main-nav {
      display: none; } }
@media screen {
    #main-nav ul {
      border-right: 1px solid #7F0A0C;
      border-right: 1px solid rgba(0, 0, 0, 0.25);
      border-left: 1px solid #BF4A4C;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      list-style: none;
      margin: 0;
      padding: 0;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      #main-nav ul {
        border: 0; } }
@media screen {
    #main-nav li {
      border-right: 1px solid #BF4A4C;
      border-right: 1px solid rgba(255, 255, 255, 0.25);
      border-left: 1px solid #7F0A0C;
      border-left: 1px solid rgba(0, 0, 0, 0.25);
      float: left;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      #main-nav li {
        border: 0;
        display: block;
        float: none; } }
@media screen {
    #main-nav a {
      color: #FFF; }
    #main-nav span {
      color: #9E9E9E; }
    #main-nav a, #main-nav span {
      display: block;
      padding: 9px 14px;
      text-decoration: none; }
    #main-nav a:hover,
    #main-nav a.active {
      background-color: #F0F0F0;
      color: #B4181D; }
    #main-nav a.active {
      position: relative; }
      #main-nav a.active:after {
        background-color: #F0F0F0;
        content: '';
        display: block;
        height: 7px;
        position: absolute;
        left: 0;
        bottom: -7px;
        width: 100%;
        /*
        @if $value == 'bigscreen' {
            @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
        } @else {
            @media screen and (phone) { @content; }
        }*/ } }
      @media screen and (phone) {
        #main-nav a.active:after {
          display: none; } }
@media screen {
    #main-nav .split-left {
      font-size: 14px;
      font-size: 1.07692rem;
      font-weight: bold; }
  .subnav {
    -webkit-box-shadow: 3px;
    -moz-box-shadow: 3px;
    box-shadow: 3px;
    background-color: #F0F0F0;
    display: none;
    position: absolute;
    top: 74px; }
    .subnav li {
      display: block; }
    .subnav a {
      color: #B4181D; }
  /* Links
  ------------------------------------------------------------------------------*/
  a {
    color: #B4181D;
    text-decoration: none; }

  a:hover,
  a:active {
    outline: 0;
    text-decoration: underline; }

  a:focus {
    outline: none; }

  a.external-link:after {
    content: url("/javax.faces.resource/images/link.png");
    margin-left: .3em; }

  a.prev:before {
    content: "‹ "; }

  a.next:after {
    content: " ›"; }

  a.more:before {
    content: "▶ "; }

  a.ls:before {
    content: "› "; }

  /* Text
  ------------------------------------------------------------------------------*/
  h1,
  h2, .h2 {
    color: #B4181D;
    margin-top: 0; }
    h1.alt,
    h2.alt, .h2.alt {
      color: #333; }

  h1 {
    font-size: 15px;
    font-size: 1.15385rem;
    line-height: 1.1; }
    h1.smaller {
      font-size: 14px;
      font-size: 1.07692rem; }

  h2, .h2 {
    font-size: 14px;
    font-size: 1.07692rem; }
    h2.smaller, .h2.smaller {
      font-size: 13px;
      font-size: 1rem; }
    h2 span, .h2 span {
      color: #666;
      font-size: 12px;
      font-size: 0.92308rem;
      font-style: italic;
      font-weight: normal; }
      h2 span.header-addition, .h2 span.header-addition {
        color: #B4181D; }

  h3 {
    font-size: 1em;
    margin-bottom: .2em; }

  .red-text {
    color: #B4181D; }

  h3 + p {
    margin-top: 0; }

  h4 {
    font-size: 1em;
    font-style: italic; }

  h5 {
    font-size: 1em;
    font-weight: normal;
    font-style: italic; }

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

  p {
    line-height: 1.43; }

  mark {
    background-color: #FFDE26;
    color: inherit;
    padding: 0 .2em; }

  address {
    font-style: normal; }

  .small-text {
    font-size: 12px; }

  /* Tables
  ------------------------------------------------------------------------------*/
  th,
  td {
    padding: .5em; }

  th {
    font-weight: normal;
    text-align: left; }

  td {
    vertical-align: top; }

  /* Forms
  ------------------------------------------------------------------------------*/
  input[type=text],
  input[type=password],
  select,
  textarea,
  .input-text-appearance {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #C7C7C7; }
    input[type=text]:focus,
    input[type=password]:focus,
    select:focus,
    textarea:focus,
    .input-text-appearance:focus {
      box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
      border-color: rgba(82, 168, 236, 0.8);
      outline: 0 none; }

  select.smaller, input.smaller {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0;
    height: 23px; }

  input[type=text],
  input[type=password],
  textarea,
  .input-text-appearance {
    padding: .4em; }

  .input-padding {
    line-height: 1;
    margin: 0;
    padding: .4em 0; }

  input[type="text"][disabled="disabled"],
  input[type="password"][disabled="disabled"],
  select[disabled] {
    background-color: #EFEFEF !important; }

  input[type="checkbox"], input[type="radio"] {
    /*    position: relative;
        top: -1px;
        vertical-align: middle;
        */ }

  select {
    max-width: 100%;
    padding: .3em .3em .3em .4em; }

  .has-input {
    background-color: #EAEAEA;
    border-color: #666 !important; }

  textarea {
    min-height: 100px; }

  /* Hidden
  ------------------------------------------------------------------------------*/
  .hidden {
    display: none; }

  .only-on-phone {
    display: ''; } }
@media screen and (phone) {
  .hidden-on-phone {
    display: none !important; }

  .only-on-phone {
    display: block; } }
@media screen {
  /*
  @if $value == 'bigscreen' {
      @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
  } @else {
      @media screen and (phone) { @content; }
  }*/
  /* Wrapper
  ------------------------------------------------------------------------------*/
  .wrapper {
    margin: 0 auto;
    padding: 0 8px;
    width: 960px;
    z-index: 0;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ } }
  @media screen and (phone) {
    .wrapper {
      width: auto; } }

@media screen {
  /* Header
  ------------------------------------------------------------------------------*/
  #msol-header .wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; }
  #msol-header #manz-logo, #msol-header .manz-logo {
    position: absolute;
    right: 10px;
    bottom: 15px;
    text-align: right; }
  #msol-header .span-2 {
    text-align: center !important; }

  /* Content
  ------------------------------------------------------------------------------*/
  #msol-content {
    margin-top: 20px; }

  /* Footer
  ------------------------------------------------------------------------------*/
  #msol-footer {
    color: #777;
    font-size: 12px;
    font-size: 0.92308rem;
    margin-top: 10px;
    padding-bottom: 20px; }
    #msol-footer ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    #msol-footer li {
      border-left: 1px solid #777;
      display: inline;
      margin-right: .3em;
      padding-left: .5em;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      #msol-footer li {
        border: 0;
        display: block;
        margin: 0;
        padding: 0; } }
@media screen {
    #msol-footer li:first-child {
      border-left: 0;
      padding-left: 0; }
    #msol-footer a {
      color: #777; }
    #msol-footer .split-left {
      text-transform: uppercase; }
    #msol-footer .split-right li {
      margin-left: .3em;
      margin-right: 0;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      #msol-footer .split-right li {
        margin: 0; } }

@media screen {
  /* Hide Print Info
  ------------------------------------------------------------------------------*/
  .print-info {
    display: none; }

  /* Grid system
  ------------------------------------------------------------------------------*/
  .row {
    zoom: 1;
    margin-left: -8px;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ }
    .row:before, .row:after {
      content: "";
      display: table; }
    .row:after {
      clear: both; } }
  @media screen and (phone) {
    .row {
      margin-left: 0; } }

@media screen {
  .span-1,
  .span-2,
  .span-3,
  .span-4,
  .span-half,
  .span-third,
  .span-two-thirds,
  .span-fourth {
    display: inline;
    float: left;
    margin-left: 8px;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ } }
  @media screen and (phone) {
    .span-1,
    .span-2,
    .span-3,
    .span-4,
    .span-half,
    .span-third,
    .span-two-thirds,
    .span-fourth {
      display: block;
      float: none;
      margin-left: 0;
      width: auto; } }

@media screen {
  .span-1 {
    width: 234px; }

  .span-2 {
    width: 476px; }

  .span-3 {
    width: 718px; }

  .span-4 {
    width: 960px; }

  .form .row, .additional-margin .row {
    margin-left: -58px; }
  .form .span-2, .additional-margin .span-2 {
    margin-left: 58px; }
  .form .span-2, .additional-margin .span-2 {
    width: 451px; }

  .push-right {
    float: right;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ } }
  @media screen and (phone) {
    .push-right {
      float: none; } }

@media screen {
  .row-fluid {
    zoom: 1;
    margin-left: -1%; }
    .row-fluid:before, .row-fluid:after {
      content: "";
      display: table; }
    .row-fluid:after {
      clear: both; }

  .span-half {
    margin-left: 1%;
    width: 49%; }

  .span-third {
    margin-left: 1%;
    width: 32.33%;
    *width: 32%; }

  .span-two-thirds {
    margin-left: 1%;
    width: 65.67%;
    *width: 66%; }

  .span-fourth {
    margin-left: 1%;
    width: 24%; }

  /* Horizontal padding for containers
  ------------------------------------------------------------------------------*/
  .pad {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px; }
    .lt-ie8 .pad {
      padding-left: 0;
      padding-right: 0; }

  /* Margin classes to force vertical distance 
    ------------------------------------------------------------------------------*/
  .margin-top {
    margin-top: 10px; }

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

  /* Split layouts
  ------------------------------------------------------------------------------*/
  .split {
    zoom: 1; }
    .split:before, .split:after {
      content: "";
      display: table; }
    .split:after {
      clear: both; }
    .split .split-left {
      float: left;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      .split .split-left {
        float: none;
        font-weight: normal; } }
@media screen {
    .split .split-right {
      float: right;
      text-align: right;
      /*
      @if $value == 'bigscreen' {
          @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
      } @else {
          @media screen and (phone) { @content; }
      }*/ } }
    @media screen and (phone) {
      .split .split-right {
        float: none;
        text-align: left; } }

@media screen {
  /* Aligning
  ------------------------------------------------------------------------------*/
  .centered {
    text-align: center; }

  .vert-centered a,
  .vert-centered button {
    display: inline-block;
    vertical-align: middle; }

  .right-aligned {
    text-align: right; }

  .left-aligned {
    text-align: left; }

  /* Full width
  ------------------------------------------------------------------------------*/
  .full-width {
    width: 100%; }

  /* Horizontal separator
  ------------------------------------------------------------------------------*/
  hr {
    border-bottom: 0 none;
    border-top: 1px solid #c4c4c4;
    height: 1px; }

  .separator {
    background-color: #c4c4c4;
    height: 1px;
    	/*
    	//old version
    	background: url($pre + $img-dir + 'separator_dark.png' + $post) repeat-x 0 -26px;
    	position: relative;
    
    	&:before {
    		background: url($pre + $img-dir + 'separator_dark.png' + $post) no-repeat left top;
    		content: '';
    		display: block;
    		//height: 10px;
    		height: 1px;
    
    		position: absolute; left: 0; top: 0; z-index: 1;
    		width: 24px;
    	}
    	&:after {
    		background: url($pre + $img-dir + 'separator_dark.png' + $post) no-repeat right top;
    		content: '';
    		display: block;
    		//height: 10px;
    		height: 1px;
    		position: absolute; right: 0; top: 0; z-index: 1;
    		width: 24px;
    	}
    	*/
    	/*
    	//new version, does not work on borders though. onl< for div.separator
    	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15) 10%,rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); 
    	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15) 10%,rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); 
    	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15) 10%,rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); 
    	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0, 0.15) 10%,rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); 
    	background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15) 10%,rgba(0,0,0,0.15) 90%, rgba(0,0,0,0) 100%); 
    
    	-webkit-box-shadow: 0 4px 8px 1px rgba(1, 1, 1, 0.1);
     	box-shadow: 0 4px 8px 1px rgba(1, 1, 1, 0.1);
     	*/ }

  .separator {
    border: 0;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px; }

  /* Vertical separator
  ------------------------------------------------------------------------------*/
  .vert-separator {
    background: #6A6A6A;
    border-right: 1px solid #A1A1A1;
    display: inline-block;
    height: 1.2em;
    margin: 0 .2em;
    vertical-align: middle;
    width: 1px; }

  /* Margin helpers
  ------------------------------------------------------------------------------*/
  .no-top-margin {
    margin-top: 0; }

  /* Indenting
  ------------------------------------------------------------------------------*/
  .indented {
    margin: 1.5em 2.5em; }

  /* Sticky items
  ------------------------------------------------------------------------------*/
  .sticky-scrolled {
    position: fixed;
    top: 0;
    z-index: 9;
    /* left set via jQuery */ }

  .sticky-header {
    position: fixed;
    top: 20px;
    z-index: 8; }

  #doc-sidebar .sticky-scrolled {
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ } }
  @media screen and (phone) {
    #doc-sidebar .sticky-scrolled {
      display: block;
      position: inherit; } }

@media screen {
  /* Inline DIV
  ------------------------------------------------------------------------------*/
  div.inline {
    display: inline; }

  /* Button framework
  ------------------------------------------------------------------------------*/
  .btn, .ui-widget.btn {
    background-color: #951618;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
    background-image: -webkit-linear-gradient(top, #AB2224, #771819);
    background-image: -moz-linear-gradient(top, #AB2224, #771819);
    background-image: -ms-linear-gradient(top, #AB2224, #771819);
    background-image: -o-linear-gradient(top, #AB2224, #771819);
    background-image: linear-gradient(top, #AB2224, #771819);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
    border: 1px solid #771819;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    font-size: 11px;
    font-size: 0.84615rem;
    display: inline-block;
    padding: 5px 10px;
    white-space: nowrap;
    cursor: pointer; }
    .lt-ie9 .btn, .lt-ie9 .ui-widget.btn {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn:hover, .ui-widget.btn:hover {
      background-color: #951618;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
      background-image: -webkit-linear-gradient(top, #AB2224, #771819);
      background-image: -moz-linear-gradient(top, #AB2224, #771819);
      background-image: -ms-linear-gradient(top, #AB2224, #771819);
      background-image: -o-linear-gradient(top, #AB2224, #771819);
      background-image: linear-gradient(top, #AB2224, #771819);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
      border-color: #333;
      color: #FFF;
      text-decoration: none; }
      .lt-ie9 .btn:hover, .lt-ie9 .ui-widget.btn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn:active, .btn.active, .ui-widget.btn:active, .ui-widget.btn.active {
      -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.25); }

  .btn-darkgrey, .ui-widget.btn-darkgrey {
    background-color: #6B6B6B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#6B6B6B));
    background-image: -webkit-linear-gradient(top, #959595, #6B6B6B);
    background-image: -moz-linear-gradient(top, #959595, #6B6B6B);
    background-image: -ms-linear-gradient(top, #959595, #6B6B6B);
    background-image: -o-linear-gradient(top, #959595, #6B6B6B);
    background-image: linear-gradient(top, #959595, #6B6B6B);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#959595, EndColorStr=#6B6B6B)"; }
    .lt-ie9 .btn-darkgrey, .lt-ie9 .ui-widget.btn-darkgrey {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  /* Memo 31.1. af: standard color is red, so .btn-red is unnecessary
  // color modifiers
  .btn-red {
  	border-color: #7A181A;
  }
  */
  .btn-gold, .ui-widget.btn-gold {
    background-color: #B8A886;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D0C099), to(#B8A886));
    background-image: -webkit-linear-gradient(top, #D0C099, #B8A886);
    background-image: -moz-linear-gradient(top, #D0C099, #B8A886);
    background-image: -ms-linear-gradient(top, #D0C099, #B8A886);
    background-image: -o-linear-gradient(top, #D0C099, #B8A886);
    background-image: linear-gradient(top, #D0C099, #B8A886);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#D0C099, EndColorStr=#B8A886)";
    color: #333; }
    .lt-ie9 .btn-gold, .lt-ie9 .ui-widget.btn-gold {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-yellow, .ui-widget.btn-yellow {
    background-color: #D9BD20;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDDC26), to(#D9BD20));
    background-image: -webkit-linear-gradient(top, #FDDC26, #D9BD20);
    background-image: -moz-linear-gradient(top, #FDDC26, #D9BD20);
    background-image: -ms-linear-gradient(top, #FDDC26, #D9BD20);
    background-image: -o-linear-gradient(top, #FDDC26, #D9BD20);
    background-image: linear-gradient(top, #FDDC26, #D9BD20);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FDDC26, EndColorStr=#D9BD20)";
    border-color: #E6C822;
    color: #333; }
    .lt-ie9 .btn-yellow, .lt-ie9 .ui-widget.btn-yellow {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-green, .ui-widget.btn-green {
    background-color: #0C5B01;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1F7313), to(#0C5B01));
    background-image: -webkit-linear-gradient(top, #1F7313, #0C5B01);
    background-image: -moz-linear-gradient(top, #1F7313, #0C5B01);
    background-image: -ms-linear-gradient(top, #1F7313, #0C5B01);
    background-image: -o-linear-gradient(top, #1F7313, #0C5B01);
    background-image: linear-gradient(top, #1F7313, #0C5B01);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#1F7313, EndColorStr=#0C5B01)";
    border-color: #0D6A00; }
    .lt-ie9 .btn-green, .lt-ie9 .ui-widget.btn-green {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-grey, .ui-widget.btn-grey {
    background-color: #F2F2F2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#F2F2F2));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #F2F2F2);
    background-image: -moz-linear-gradient(top, #E2E2E2, #F2F2F2);
    background-image: -ms-linear-gradient(top, #E2E2E2, #F2F2F2);
    background-image: -o-linear-gradient(top, #E2E2E2, #F2F2F2);
    background-image: linear-gradient(top, #E2E2E2, #F2F2F2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E2E2, EndColorStr=#F2F2F2)";
    border-color: #BCBCBC;
    color: #333; }
    .lt-ie9 .btn-grey, .lt-ie9 .ui-widget.btn-grey {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-blue, .ui-widget.btn-blue {
    background-color: #3163BE;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3974DD), to(#3163BE));
    background-image: -webkit-linear-gradient(top, #3974DD, #3163BE);
    background-image: -moz-linear-gradient(top, #3974DD, #3163BE);
    background-image: -ms-linear-gradient(top, #3974DD, #3163BE);
    background-image: -o-linear-gradient(top, #3974DD, #3163BE);
    background-image: linear-gradient(top, #3974DD, #3163BE);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3974DD, EndColorStr=#3163BE)";
    border-color: #3C7BEA; }
    .lt-ie9 .btn-blue, .lt-ie9 .ui-widget.btn-blue {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn[disabled] {
    background-color: #AEAEAE !important;
    background-image: none !important;
    border: 1px solid #CFCFCF !important;
    color: #CFCFCF !important;
    filter: none !important; }
    .btn[disabled]:hover {
      border: 1px solid #CFCFCF !important; }
    .btn[disabled]:active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

  .btn-small {
    border: 1px solid #AEAEAE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 3px; }

  .btn-centered {
    min-width: 130px;
    text-align: center; }

  /* Change border color for buttons in document view
  --------------------------------------------------------------*/
  .btn-yellow-border, .ui-widget.btn-yellow-border {
    border-color: #E6C822; }
    .btn-yellow-border:hover, .ui-widget.btn-yellow-border:hover {
      background-color: #D9BD20;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FDDC26), to(#D9BD20));
      background-image: -webkit-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -moz-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -ms-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -o-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: linear-gradient(top, #FDDC26, #D9BD20);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FDDC26, EndColorStr=#D9BD20)";
      border-color: #E6C822;
      color: #333;
      text-decoration: none; }
      .lt-ie9 .btn-yellow-border:hover, .lt-ie9 .ui-widget.btn-yellow-border:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-yellow-border:focus, .ui-widget.btn-yellow-border:focus {
      background-color: #F2F2F2;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#F2F2F2));
      background-image: -webkit-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -moz-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -ms-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -o-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: linear-gradient(top, #E2E2E2, #F2F2F2);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E2E2, EndColorStr=#F2F2F2)";
      border-color: #E6C822;
      color: #333; }
      .lt-ie9 .btn-yellow-border:focus, .lt-ie9 .ui-widget.btn-yellow-border:focus {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-yellow-border.active, .ui-widget.btn-yellow-border.active {
      background-color: #D9BD20;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FDDC26), to(#D9BD20));
      background-image: -webkit-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -moz-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -ms-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: -o-linear-gradient(top, #FDDC26, #D9BD20);
      background-image: linear-gradient(top, #FDDC26, #D9BD20);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FDDC26, EndColorStr=#D9BD20)";
      color: #333; }
      .lt-ie9 .btn-yellow-border.active, .lt-ie9 .ui-widget.btn-yellow-border.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-red-border, .ui-widget.btn-red-border {
    border-color: #B4181D; }
    .btn-red-border:hover, .ui-widget.btn-red-border:hover {
      background-color: #951618;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
      background-image: -webkit-linear-gradient(top, #AB2224, #771819);
      background-image: -moz-linear-gradient(top, #AB2224, #771819);
      background-image: -ms-linear-gradient(top, #AB2224, #771819);
      background-image: -o-linear-gradient(top, #AB2224, #771819);
      background-image: linear-gradient(top, #AB2224, #771819);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
      border-color: #7A181A;
      color: #FFF;
      text-decoration: none; }
      .lt-ie9 .btn-red-border:hover, .lt-ie9 .ui-widget.btn-red-border:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-red-border:focus, .ui-widget.btn-red-border:focus {
      background-color: #F2F2F2;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#F2F2F2));
      background-image: -webkit-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -moz-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -ms-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -o-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: linear-gradient(top, #E2E2E2, #F2F2F2);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E2E2, EndColorStr=#F2F2F2)";
      color: #333;
      border-color: #B4181D; }
      .lt-ie9 .btn-red-border:focus, .lt-ie9 .ui-widget.btn-red-border:focus {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-red-border.active, .ui-widget.btn-red-border.active {
      background-color: #951618;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
      background-image: -webkit-linear-gradient(top, #AB2224, #771819);
      background-image: -moz-linear-gradient(top, #AB2224, #771819);
      background-image: -ms-linear-gradient(top, #AB2224, #771819);
      background-image: -o-linear-gradient(top, #AB2224, #771819);
      background-image: linear-gradient(top, #AB2224, #771819);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
      color: #FFF; }
      .lt-ie9 .btn-red-border.active, .lt-ie9 .ui-widget.btn-red-border.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-blue-border, .ui-widget.btn-blue-border {
    border-color: #3C7BEA; }
    .btn-blue-border:hover, .ui-widget.btn-blue-border:hover {
      background-color: #3163BE;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3974DD), to(#3163BE));
      background-image: -webkit-linear-gradient(top, #3974DD, #3163BE);
      background-image: -moz-linear-gradient(top, #3974DD, #3163BE);
      background-image: -ms-linear-gradient(top, #3974DD, #3163BE);
      background-image: -o-linear-gradient(top, #3974DD, #3163BE);
      background-image: linear-gradient(top, #3974DD, #3163BE);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3974DD, EndColorStr=#3163BE)";
      border-color: #3C7BEA;
      color: #FFF;
      text-decoration: none; }
      .lt-ie9 .btn-blue-border:hover, .lt-ie9 .ui-widget.btn-blue-border:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-blue-border:focus, .ui-widget.btn-blue-border:focus {
      background-color: #F2F2F2;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#F2F2F2));
      background-image: -webkit-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -moz-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -ms-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: -o-linear-gradient(top, #E2E2E2, #F2F2F2);
      background-image: linear-gradient(top, #E2E2E2, #F2F2F2);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2E2E2, EndColorStr=#F2F2F2)";
      color: #333;
      border-color: #3C7BEA; }
      .lt-ie9 .btn-blue-border:focus, .lt-ie9 .ui-widget.btn-blue-border:focus {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .btn-blue-border.active, .ui-widget.btn-blue-border.active {
      background-color: #3163BE;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3974DD), to(#3163BE));
      background-image: -webkit-linear-gradient(top, #3974DD, #3163BE);
      background-image: -moz-linear-gradient(top, #3974DD, #3163BE);
      background-image: -ms-linear-gradient(top, #3974DD, #3163BE);
      background-image: -o-linear-gradient(top, #3974DD, #3163BE);
      background-image: linear-gradient(top, #3974DD, #3163BE);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3974DD, EndColorStr=#3163BE)";
      color: #FFF; }
      .lt-ie9 .btn-blue-border.active, .lt-ie9 .ui-widget.btn-blue-border.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  /* Unstyled buttons
  --------------------------------------------------------------*/
  .btn-unstyled {
    background: transparent;
    border: 0;
    display: inline-block;
    padding: 0;
    white-space: nowrap; }

  /* Icon buttons
  --------------------------------------------------------------*/
  .icon-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #E2E2E2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #F2F2F2, #E2E2E2);
    background-image: -moz-linear-gradient(top, #F2F2F2, #E2E2E2);
    background-image: -ms-linear-gradient(top, #F2F2F2, #E2E2E2);
    background-image: -o-linear-gradient(top, #F2F2F2, #E2E2E2);
    background-image: linear-gradient(top, #F2F2F2, #E2E2E2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F2F2F2, EndColorStr=#E2E2E2)";
    border: 1px solid #BCBCBC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    font-size: 0.76923rem;
    padding: 3px 7px; }
    .lt-ie9 .icon-btn {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .icon-btn:hover, .icon-btn:focus {
      border-color: #999; }
    .icon-btn:active, .icon-btn.active {
      background-color: #E5E5E5;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#E5E5E5));
      background-image: -webkit-linear-gradient(top, #CECECE, #E5E5E5);
      background-image: -moz-linear-gradient(top, #CECECE, #E5E5E5);
      background-image: -ms-linear-gradient(top, #CECECE, #E5E5E5);
      background-image: -o-linear-gradient(top, #CECECE, #E5E5E5);
      background-image: linear-gradient(top, #CECECE, #E5E5E5);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#CECECE, EndColorStr=#E5E5E5)"; }
      .lt-ie9 .icon-btn:active, .lt-ie9 .icon-btn.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .btn-lightbox {
    position: absolute;
    right: 42px;
    top: 9px;
    padding: 1px 3px; }

  /* Grey box
  ------------------------------------------------------------------------------*/
  .grey-box {
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E8E8E8);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
    background-image: -ms-linear-gradient(top, #FFFFFF, #E8E8E8);
    background-image: -o-linear-gradient(top, #FFFFFF, #E8E8E8);
    background-image: linear-gradient(top, #FFFFFF, #E8E8E8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, EndColorStr=#E8E8E8)";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ }
    .lt-ie9 .grey-box {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; } }
  @media screen and (phone) {
    .grey-box {
      margin-top: 10px; } }

@media screen {
  .grey-box-1 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #E5E5E5;
    border: 1px solid #C4C4C4;
    padding: 10px; }

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

  .overlay {
    position: absolute; }

  textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /* Fields
  ------------------------------------------------------------------------------*/
  .field {
    margin-bottom: 10px; }

  .field-title, .field-title-in-row, .field-description {
    display: block;
    margin-bottom: 5px; }

  .field-title-in-row, .field-description {
    padding-top: 0.4em;
    padding-bottom: 0.4em; }

  .text-vertical-centered {
    padding: 2em 0 0.4em; }

  /* Checkbox
  ------------------------------------------------------------------------------*/
  .checkbox {
    padding-left: 31px;
    position: relative; }
    .checkbox input {
      position: absolute;
      left: 6px;
      top: 0; }

  /* Form actions
  ------------------------------------------------------------------------------*/
  .actions {
    margin-top: 8px;
    text-align: right; }
    .actions a {
      color: #333;
      display: inline-block;
      margin-top: 8px; }
      .actions a:before {
        content: "› "; }

  /* Form row
  ------------------------------------------------------------------------------*/
  .form-row {
    zoom: 1;
    line-height: 2.2; }
    .form-row:before, .form-row:after {
      content: "";
      display: table; }
    .form-row:after {
      clear: both; }
    .form-row + .form-row {
      margin-top: 10px; }

  .form-row-title {
    float: left; }

  .form-row-fields {
    position: relative; }
    .form-row-fields .help {
      line-height: 1;
      position: absolute;
      right: 8px;
      top: 0; }

  /* Progress
  ------------------------------------------------------------------------------*/
  .progress {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0 3em;
    width: 100%; }
    .progress li {
      background: url("/javax.faces.resource/images/progress.png") no-repeat left bottom;
      display: table-cell;
      padding-bottom: 22px;
      vertical-align: bottom;
      width: 1%; }
      .progress li div {
        text-align: center;
        margin: 0 auto; }
      .progress li.last-child {
        background-position: -1500px bottom; }
      .progress li:last-child {
        background-position: -1500px bottom; }
    .progress li.current {
      background-position: -500px bottom; }
      .progress li.current:last-child {
        background-position: -2000px bottom; }
      .progress li.current.last-child {
        background-position: -2000px bottom; }
    .progress li.complete {
      background-position: -1000px bottom; }
      .progress li.complete.last-child {
        background-position: -2500px bottom; }
      .progress li.complete:last-child {
        background-position: -2500px bottom; }

  /* Help tooltips
  ------------------------------------------------------------------------------*/
  .help-content {
    display: none; }

  .help-content-title {
    color: #B4181D;
    font-size: 14px;
    font-size: 1.07692rem;
    font-weight: bold; }

  .tooltip-wrapper {
    display: inline; }

  .tooltip {
    background-color: #F2EFED;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2EFED));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F2EFED);
    background-image: -moz-linear-gradient(top, #FFFFFF, #F2EFED);
    background-image: -ms-linear-gradient(top, #FFFFFF, #F2EFED);
    background-image: -o-linear-gradient(top, #FFFFFF, #F2EFED);
    background-image: linear-gradient(top, #FFFFFF, #F2EFED);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, EndColorStr=#F2EFED)";
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #E1DCD8;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-size: 0.92308rem;
    display: none;
    padding: 1em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 232px; }
    .lt-ie9 .tooltip {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .arrow-left-top:before, .arrow-left-bottom:before, .arrow-right-top:after, .arrow-right-bottom:after {
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 49px;
    position: absolute;
    width: 26px; }

  .arrow-left-top:before {
    background-image: url("/javax.faces.resource/images/tooltip_arrow.png");
    left: -26px;
    top: 0; }

  .arrow-left-bottom:before {
    background-image: url("/javax.faces.resource/images/tooltip_arrow.png");
    left: -26px;
    bottom: -4px; }

  .arrow-right-top:after {
    background-image: url("/javax.faces.resource/images/tooltip_arrow_right.png");
    right: -26px;
    top: 0; }

  .arrow-right-bottom:after {
    background-image: url("/javax.faces.resource/images/tooltip_arrow_right.png");
    right: -26px;
    bottom: -4px; }

  /* Datepicker
  ------------------------------------------------------------------------------*/
  .ui-datepicker-trigger {
    margin-left: 4px;
    vertical-align: middle;
    cursor: pointer; }

  /* Placeholder
  ------------------------------------------------------------------------------*/
  .placeholder {
    color: #AAA; }

  /* Errors
  ------------------------------------------------------------------------------*/
  .field-invalid {
    color: #B4181D !important; }
    .field-invalid input, .field-invalid textarea {
      border-color: #B4181D !important; }

  .error-icon, .error-text {
    display: table-cell;
    vertical-align: top;
    padding-top: 5px; }

  .error-icon {
    padding: 10px 5px;
    width: 30px; }

  .error-message-wrapper {
    display: table;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px; }

  .info-message, .error-message {
    margin-top: 5px;
    padding-left: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFF;
    background-repeat: no-repeat;
    border: 1px solid #B4181D;
    color: #B4181D;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 33px;
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 38px;
    padding-right: 5px;
    width: 100%;
    vertical-align: middle; }
    .info-message ul, .error-message ul {
      list-style-type: none;
      padding: 5px;
      width: 100%; }
    .info-message .error-text, .error-message .error-text {
      padding: 5px 5px 5px 0; }

  .error-message {
    background-image: url("/javax.faces.resource/images/icon-warning.png"); }

  .info-message {
    background-image: url("/javax.faces.resource/images/icon-info.png"); }

  ul.error-message {
    margin-top: 5px;
    margin-bottom: 5px; }

  /* Mandatory Labels
  ------------------------------------------------------------------------------*/
  .mandatory:after {
    content: " *";
    color: #B4181D; }

  .mandatory-elective:after {
    content: " **";
    color: #b4181d; }

  fieldset {
    border: none;
    margin: 0;
    padding: 0; }

  /* This class is for labels and fieldsets that provide accessibility, but should not be visible to all users
  display: hidden might not be enough:
  for further information, see http://www.einfach-fuer-alle.de/artikel/barrierefreie-formulare/html-css/
  ------------------------------------------------------------------------------*/
  .hidden-element {
    height: 1px;
    left: -999em;
    overflow: hidden;
    position: absolute; }

  .bold {
    font-weight: bold; }

  /* Basic icon styles
  ----------------------------------------------------------------*/
  .icon-view, .icon-check, .icon-view-locked, .icon-print, .icon-mail, .icon-link, .icon-prev, .icon-next, .icon-search-profile, .icon-search-profile-mail, .icon-add-watchlist, .icon-l-hits, .icon-s-search, .icon-s-warning-alt, .icon-s-warning, .icon-s-info, .icon-help, .icon-file-xml, .icon-file-doc, .icon-file-pdf, .icon-file-xls, .icon-file-csv, .icon-file-html, .icon-file-zip, .icon-file-tiff, .icon-file-not-available, .icon-sandglass, .icon-edit, .icon-remove, .icon-remove-inv, .icon-scroll-top, .icon-shoppingcart {
    background-image: url("/javax.faces.resource/images/icons/sprite_shared.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle; }

  .icon-view, .icon-check, .icon-view-locked, .icon-print, .icon-mail, .icon-link, .icon-prev, .icon-next, .icon-search-profile, .icon-search-profile-mail, .icon-add-watchlist {
    background-image: url("/javax.faces.resource/images/icons/sprite_actions.png"); }

  .icon-l-hits {
    background-position: 0 0;
    height: 23px;
    width: 24px; }

  /* Small red
  ------------------------------------------------------------------------------*/
  .icon-s-search {
    background-position: -80px -40px;
    height: 11px;
    width: 11px; }

  .icon-s-warning-alt {
    background-position: -40px -40px;
    height: 16px;
    width: 18px; }

  .icon-s-warning {
    background-position: -40px -40px;
    height: 16px;
    width: 18px; }

  .icon-s-warning-alt {
    background-position: -40px -40px;
    height: 16px;
    width: 18px; }

  .icon-s-info {
    background-position: 0 -40px;
    height: 16px;
    width: 17px; }

  .icon-help {
    background-position: -160px -120px;
    height: 13px;
    width: 14px; }

  /* File types
  ----------------------------------------------------------------*/
  .icon-file-xml {
    background-position: 0 -80px;
    height: 21px;
    width: 20px; }

  .icon-file-doc {
    background-position: -200px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-pdf {
    background-position: -160px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-xls {
    background-position: -240px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-csv {
    background-position: -280px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-html {
    background-position: -80px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-zip {
    background-position: -120px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-tiff {
    background-position: -40px -80px;
    height: 21px;
    width: 20px; }

  .icon-file-not-available {
    background-position: -360px -80px;
    height: 19px;
    width: 21px; }

  .icon-sandglass {
    background-position: -320px -80px;
    height: 21px;
    width: 14px; }

  /* Action icons from sprite_actions.png
  ------------------------------------------------------------------------------*/
  .icon-view {
    background-position: 0 -160px;
    height: 16px;
    width: 15px; }
    .active .icon-view {
      background-position: 0 -200px; }

  .icon-check {
    background-position: -40px -160px;
    height: 13px;
    width: 14px; }
    .active .icon-check {
      background-position: -40px -200px; }

  .icon-view-locked {
    background-position: -80px -160px;
    height: 15px;
    width: 11px; }
    .active .icon-view-locked {
      background-position: -80px -200px; }

  .icon-print {
    background-position: -120px -160px;
    height: 16px;
    width: 20px; }
    .active .icon-print {
      background-position: -120px -200px; }

  .icon-mail {
    background-position: -160px -160px;
    height: 16px;
    width: 20px; }
    .active .icon-mail:not(.not-active) {
      background-position: -160px -200px; }

  .icon-link {
    background-position: -200px -160px;
    height: 16px;
    width: 16px; }
    .active .icon-link {
      background-position: -200px -200px; }

  .icon-prev {
    background-position: -240px -160px;
    height: 8px;
    width: 7px; }
    .active .icon-prev {
      background-position: -240px -200px; }

  .icon-next {
    background-position: -280px -160px;
    height: 8px;
    width: 7px; }
    .active .icon-next {
      background-position: -280px -200px; }

  .icon-search-profile {
    background-position: -320px -160px;
    height: 14px;
    width: 14px; }
    .active .icon-search-profile:not(.not-active) {
      background-position: -320px -200px; }

  .icon-search-profile-mail {
    background-position: -360px -160px;
    height: 17px;
    width: 18px; }
    .active .icon-search-profile-mail {
      background-position: -360px -200px; }

  .icon-add-watchlist {
    background-position: -400px -160px;
    height: 17px;
    width: 16px; }
    .active .icon-add-watchlist {
      background-position: -400px -200px; }

  /* Actions
  ------------------------------------------------------------------------------*/
  .icon-edit {
    background-position: 0 -120px;
    height: 14px;
    width: 14px; }

  .icon-remove {
    background-position: -40px -120px;
    height: 13px;
    width: 13px; }

  .icon-remove-inv {
    background-position: -80px -120px;
    height: 14px;
    width: 14px; }

  /* Scroll text-top
  ------------------------------------------------------------------------------*/
  .icon-scroll-top {
    background-image: url("/javax.faces.resource/images/icons/scroll_top.png");
    width: 16px;
    height: 16px; }

  /* Shopping cart
  ------------------------------------------------------------------------------*/
  .icon-shoppingcart {
    background-image: url("/javax.faces.resource/images/icons/shoppingcart.png");
    width: 20px;
    height: 20px; }

  /* Unstyled list
  ------------------------------------------------------------------------------*/
  div:not(.tree-nav) > ul:not(.subnav):not(.link-list) {
    list-style-type: disc; }
    div:not(.tree-nav) > ul:not(.subnav):not(.link-list) ul {
      list-style-type: none; }
      div:not(.tree-nav) > ul:not(.subnav):not(.link-list) ul li:before {
        content: "-";
        position: relative;
        margin-left: -10px;
        left: -5px; }
      div:not(.tree-nav) > ul:not(.subnav):not(.link-list) ul ul {
        list-style-type: circle; }
        div:not(.tree-nav) > ul:not(.subnav):not(.link-list) ul ul li:before {
          content: "";
          margin-left: auto; }

  /* Unstyled list
  ------------------------------------------------------------------------------*/
  .unstyled {
    list-style: none;
    margin: 0;
    padding: 0; }
    .unstyled li {
      background: none !important; }
      .unstyled li:after, .unstyled li:before {
        border: none;
        background: none !important; }

  /* Simple list without bullets
  ------------------------------------------------------------------------------*/
  .no-bullets {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }
    .no-bullets li + li {
      margin-top: 1em; }

  /* Flat list
  ------------------------------------------------------------------------------*/
  .flat {
    list-style: none;
    margin: 0;
    padding: 0; }
    .flat li {
      display: inline;
      margin-right: 1em; }

  .flat-margin-top {
    margin-top: 30px; }

  /* Link list
  ------------------------------------------------------------------------------*/
  .link-list {
    list-style: none;
    padding: 0; }
    .link-list a:before {
      content: "› "; }
    .link-list a.active {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #ACACAC;
      color: white;
      padding-left: 2px;
      padding-right: 2px; }
    .link-list p {
      margin-left: 11px;
      margin-top: 0;
      margin-bottom: 0; }
    .link-list .link-list {
      margin-top: 0;
      margin-left: 15px; }

  /* Password rules list
  ------------------------------------------------------------------------------*/
  .password_rules {
    list-style-type: none; }

  .right-sidebar {
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 3; }
    .right-sidebar i {
      margin: 3px; }
    .right-sidebar .icon-btn {
      margin: 1px;
      padding: 2px;
      width: 35px; }
      .right-sidebar .icon-btn.file-icon i {
        margin-top: 1px;
        margin-bottom: 0px; }

  .right-sidebar-middle {
    top: 50%;
    margin-top: -50px !important;
    /*
    @if $value == 'bigscreen' {
        @media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
        @media screen and (phone) { @content; }
    }*/ }
    .right-sidebar-middle .icon-btn {
      display: block; } }
  @media screen and (phone) {
    .right-sidebar-middle {
      display: block;
      position: inherit;
      background: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }

@media screen {
  .right-sidebar.nav-top {
    bottom: 5%;
    display: none; }

  input.small {
    padding: 0.2em; }

  .ui-datepicker-trigger {
    margin-top: -0.2em; }

  /* Styled table
  ------------------------------------------------------------------------------*/
  table.styled, table.styled-doc {
    border-collapse: separate; }
    table.styled th,
    table.styled td, table.styled-doc th,
    table.styled-doc td {
      border-left: 1px solid #F0F0F0; }
      table.styled th:first-child,
      table.styled td:first-child, table.styled-doc th:first-child,
      table.styled-doc td:first-child {
        border-left: 0; }
    table.styled tr:not(.panel) th, table.styled-doc tr:not(.panel) th {
      background-color: #C1C1C1;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#C1C1C1));
      background-image: -webkit-linear-gradient(top, #EAEAEA, #C1C1C1);
      background-image: -moz-linear-gradient(top, #EAEAEA, #C1C1C1);
      background-image: -ms-linear-gradient(top, #EAEAEA, #C1C1C1);
      background-image: -o-linear-gradient(top, #EAEAEA, #C1C1C1);
      background-image: linear-gradient(top, #EAEAEA, #C1C1C1);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EAEAEA, EndColorStr=#C1C1C1)";
      border-top: 1px solid #BFBFBF;
      -webkit-box-shadow: inset 0 1px 0 0 #E9E9E9;
      -moz-box-shadow: inset 0 1px 0 0 #E9E9E9;
      box-shadow: inset 0 1px 0 0 #E9E9E9; }
      .lt-ie9 table.styled tr:not(.panel) th, .lt-ie9 table.styled-doc tr:not(.panel) th {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    table.styled tr.panel, table.styled-doc tr.panel {
      padding: 0; }
    table.styled td, table.styled-doc td {
      border-bottom: 1px solid #B6B1AE; }
    table.styled:not(.data-table) tbody tr:nth-child(even) td, table.styled-doc:not(.data-table) tbody tr:nth-child(even) td {
      background: #DFDFDF;
      background: rgba(153, 153, 153, 0.2); }
    table.styled tfoot, table.styled-doc tfoot {
      font-weight: bold; }
      table.styled tfoot td, table.styled-doc tfoot td {
        border: none; }

  .styled-doc {
    background-color: #FFF; }

  table.styled-doc tbody tr:nth-child(even) td {
    background: #DFDFDF;
    background: rgba(153, 153, 153, 0.2); }

  .data-table tbody tr.visible:nth-child(even) td {
    background: #DFDFDF;
    background: rgba(153, 153, 153, 0.2); }

  table.styled:not(.no-hover) tbody tr:hover td {
    background: #FFFFCC; }

  /* unstyled Table
  ------------------------------------------------------------------------------*/
  table.unstyled td, table.unstyled th {
    padding: 0;
    margin: 0; }

  /* Table with clickable rows
  ------------------------------------------------------------------------------*/
  .js table.clickable-rows tbody a {
    color: #333; }
  .js table.clickable-rows tbody tr:hover {
    color: #B4181D;
    cursor: pointer; }
    .js table.clickable-rows tbody tr:hover a {
      color: #B4181D;
      text-decoration: none; }

  /* Table with searchable headers
  ------------------------------------------------------------------------------*/
  th.searchable {
    white-space: nowrap; }

  /* Sortable Table
  ------------------------------------------------------------------------------*/
  table.sortable th.header {
    cursor: pointer;
    white-space: nowrap; }

  .sort-icon {
    background: url("/javax.faces.resource/images/sprite_sort-alternative.png") 0 0 no-repeat;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 10px; }
    .sort-up .sort-icon, .sorting_desc .sort-icon {
      background-position: -15px 0; }
    .sort-down .sort-icon, .sorting_asc .sort-icon {
      background-position: -30px 0; }

  /* Table of contents
  ------------------------------------------------------------------------------*/
  .toc {
    margin: .5em 0; }
    .toc th {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAD0lEQVQImWNgYGD4zwAFAAkEAQAd1+6MAAAAAElFTkSuQmCC") left 18px repeat-x transparent;
      line-height: 1.2em;
      vertical-align: top;
      padding-left: 0; }
      .toc th span {
        background-color: #FFF;
        padding-right: .3em;
        margin-right: .7em; }
    .toc td {
      color: #666;
      /* line-height: 1.2em; */ }

  /* Tabs (jQuery UI)
  --------------------------------------------------------------*/
  .ui-tabs,
  .ui-tabs-nav,
  .ui-tabs .ui-tabs-panel,
  .ui-tabs .ui-tabs-nav li a {
    background: transparent;
    border: 0;
    padding: 0; }

  .tab-nav {
    margin: 0; }

  .ui-tabs .ui-tabs-nav, .bridge-tabs ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
    .ui-tabs .ui-tabs-nav li, .bridge-tabs ul li {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      display: inline;
      font-size: 13px;
      font-size: 1rem;
      margin: 0;
      min-height: 23px;
      line-height: 33px;
      padding: 8px; }
      .ui-tabs .ui-tabs-nav li.active, .bridge-tabs ul li.active {
        background-color: white; }
      .ui-tabs .ui-tabs-nav li a, .bridge-tabs ul li a {
        color: #555;
        line-height: 21px;
        margin: 0 .4em; }
        .ui-tabs .ui-tabs-nav li a.active, .bridge-tabs ul li a.active {
          color: #000; }
    .ui-tabs .ui-tabs-nav li:last-child, .bridge-tabs ul li:last-child {
      border-right: 0; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active, .bridge-tabs ul li.ui-tabs-active {
      background-color: #666;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border-bottom: none;
      font-weight: bold;
      margin: 0 0 .6em;
      padding: .4em .6em; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .bridge-tabs ul li.ui-tabs-active a {
        color: #FFF;
        outline: 0; }

  .ui-tabs .ui-tabs-nav ul li, .bridge-tabs ul li {
    background: rgba(255, 255, 255, 0.5); }

  /* Toggles
  ------------------------------------------------------------------------------*/
  .toggle-trigger-styled {
    background-color: #C1C1C1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#C1C1C1));
    background-image: -webkit-linear-gradient(top, #EAEAEA, #C1C1C1);
    background-image: -moz-linear-gradient(top, #EAEAEA, #C1C1C1);
    background-image: -ms-linear-gradient(top, #EAEAEA, #C1C1C1);
    background-image: -o-linear-gradient(top, #EAEAEA, #C1C1C1);
    background-image: linear-gradient(top, #EAEAEA, #C1C1C1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EAEAEA, EndColorStr=#C1C1C1)";
    border: 1px solid #C2C2C2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    display: block;
    padding: 5px;
    padding-left: 25px; }
    .lt-ie9 .toggle-trigger-styled {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .toggle-trigger-styled.toggle-expanded {
      background-color: #951618;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
      background-image: -webkit-linear-gradient(top, #AB2224, #771819);
      background-image: -moz-linear-gradient(top, #AB2224, #771819);
      background-image: -ms-linear-gradient(top, #AB2224, #771819);
      background-image: -o-linear-gradient(top, #AB2224, #771819);
      background-image: linear-gradient(top, #AB2224, #771819);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
      color: #FFF;
      font-weight: bold; }
      .lt-ie9 .toggle-trigger-styled.toggle-expanded {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .toggle-trigger-styled-no-text {
    display: inline; }

  .toggle-trigger-styled,
  .toggle-trigger-styled-alternative,
  .toggle-trigger-styled-no-text {
    margin-bottom: 3px;
    	/*
    	.toggle-icon {
    		@include bg-gradient-red;
    		@include border-radius(3px);
    		display: inline-block;
    		margin: -8px .2em -5px -5px;
    		padding: 5px;
    
    		i {
    			background: url($pre + $img-dir + 'toggle_icons.png' + $post) no-repeat;
    			display: inline-block;
    			height: 13px;
    			position: relative; top: -1px;
    			vertical-align: middle;
    			width: 13px;
    		}
    	}
    	*/ }
    .toggle-trigger-styled.toggle-expanded i,
    .toggle-trigger-styled-alternative.toggle-expanded i,
    .toggle-trigger-styled-no-text.toggle-expanded i {
      background-position: left bottom; }
    .toggle-trigger-styled:hover,
    .toggle-trigger-styled-alternative:hover,
    .toggle-trigger-styled-no-text:hover {
      text-decoration: none; }

  .toggle-icon {
    background-color: #951618;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AB2224), to(#771819));
    background-image: -webkit-linear-gradient(top, #AB2224, #771819);
    background-image: -moz-linear-gradient(top, #AB2224, #771819);
    background-image: -ms-linear-gradient(top, #AB2224, #771819);
    background-image: -o-linear-gradient(top, #AB2224, #771819);
    background-image: linear-gradient(top, #AB2224, #771819);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#AB2224, EndColorStr=#771819)";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: -8px .2em -5px -25px;
    padding: 5px; }
    .lt-ie9 .toggle-icon {
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }
    .toggle-icon i {
      background: url("/javax.faces.resource/images/toggle_icons.png") no-repeat;
      display: inline-block;
      height: 13px;
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 13px; }

  .toggle-content {
    display: none; }

  #main\:tree-nav-automatic .toggle-content {
    display: block; }

  /* teaser text for boxes that can be toggled and shown. these teaser texts have a gradient overlay
  */
  .read-more-gradient {
    position: relative;
    overflow: hidden;
    height: 120px; }

  .read-more-gradient:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    right: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(240, 240, 240, 0), #f0f0f0);
    background-image: -moz-linear-gradient(bottom, rgba(240, 240, 240, 0), #f0f0f0);
    background-image: -ms-linear-gradient(bottom, rgba(240, 240, 240, 0), #f0f0f0);
    background-image: -o-linear-gradient(bottom, rgba(240, 240, 240, 0), #f0f0f0);
    background-image: linear-gradient(to bottom, rgba(240, 240, 240, 0), #f0f0f0); } }
@media print {
  body {
    font-family: sans-serif; }

  a {
    color: #000;
    text-decoration: none; }

  #main-nav,
  #msol-footer {
    display: none; }

  .no-print {
    display: none; } }
@charset "UTF-8";
/* ------------------------------------------------------------------------------
 *  msol-bridge.css
 ------------------------------------------------------------------------------ */
/* Border radius
------------------------------------------------------------------------------*/
/* Box shadow
------------------------------------------------------------------------------*/
/* Box sizing
------------------------------------------------------------------------------*/
/* Transition
------------------------------------------------------------------------------*/
/* Background gradient
------------------------------------------------------------------------------*/
/* Clearfix
------------------------------------------------------------------------------*/
/* Image replacement
------------------------------------------------------------------------------*/
/* Font size with rem
------------------------------------------------------------------------------*/
/* Prefix with a symbol
------------------------------------------------------------------------------*/
/* Media queries for responsive webdesign
------------------------------------------------------------------------------*/
@media screen {
  /* Icons
  ------------------------------------------------------------------------------*/
  .icon-solutions, .icon-manz, .icon-account, .icon-account-not-allowed, .icon-settings, .icon-login, .icon-logout {
    background-image: url("/javax.faces.resource/images/icons/bridge_icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top; }

  .icon-solutions {
    background-position: -72px 0;
    height: 14px;
    width: 14px; }

  a:hover .icon-solutions, .active .icon-solutions {
    background-position: -72px -20px; }

  .icon-manz {
    background-position: -61px 0;
    height: 14px;
    width: 9px; }

  a:hover .icon-manz, .active .icon-manz {
    background-position: -61px -20px; }

  .icon-account {
    background-position: -87px 0;
    height: 12px;
    width: 11px; }

  a:hover .icon-account, .active .icon-account {
    background-position: -87px -20px; }

  .icon-account-not-allowed {
    background-position: -87px -20px;
    height: 14px;
    width: 11px; }

  a:hover .icon-account-not-allowed, .active .icon-account-not-allowed {
    background-position: -87px -19px; }

  .icon-settings {
    background-position: 0 0;
    height: 14px;
    width: 14px; }

  a:hover .icon-settings, .active .icon-settings {
    background-position: 0 -20px; }

  .icon-login {
    background-position: -20px 0;
    height: 14px;
    width: 15px; }

  a:hover .icon-login, .active .icon-login {
    background-position: -20px -20px; }

  .icon-logout {
    background-position: -40px 0;
    height: 14px;
    width: 15px; }

  a:hover .icon-logout, .active .icon-logout {
    background-position: -40px -20px; }

  /* Header with nav
  ------------------------------------------------------------------------------*/
  #bridge-header {
    background-color: #464d51;
    color: #eee;
    font-size: 12px;
    font-size: 0.92308rem;
    padding: 3px 0; }

  #bridge-header .wrapper {
    zoom: 1;
    padding: 0; }

  #bridge-header .wrapper:before, #bridge-header .wrapper:after {
    content: "";
    display: table; }

  #bridge-header .wrapper:after {
    clear: both; }

  #bridge-header .split-left {
    border: 1px solid #b7b7b7;
    border-width: 0 1px 0;
    padding: 0 10px; }

  #bridge-header .split-left a {
    color: #FFFFCC; }

  #bridge-header .split-right {
    border-left: 1px solid #b7b7b7;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0; }

  #bridge-header .split-right li {
    border-right: 1px solid #b7b7b7;
    float: left;
    margin-left: 7px;
    padding-right: 7px;
    white-space: nowrap; }

  #bridge-header .split-right a {
    color: #c0c0c0;
    display: inline-block;
    text-decoration: none; }

  #bridge-header .split-right a:hover,
  #bridge-header .split-right a.active {
    color: #FFF; }

  #bridge-header .split-right a.active {
    font-weight: bold; }

  .bridge-login-box {
    height: 240px;
    overflow: auto;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px; }

  .bridge-full-height-box {
    height: 273px;
    overflow: auto; }

  .bridge-placeholder {
    height: 188px;
    overflow: auto; }

  /* Body
  ------------------------------------------------------------------------------*/
  #bridge-body {
    background-color: #d0c4c0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6dfdb), to(#d0c4c0));
    background-image: -webkit-linear-gradient(top, #e6dfdb, #d0c4c0);
    background-image: -moz-linear-gradient(top, #e6dfdb, #d0c4c0);
    background-image: -ms-linear-gradient(top, #e6dfdb, #d0c4c0);
    background-image: -o-linear-gradient(top, #e6dfdb, #d0c4c0);
    background-image: linear-gradient(top, #e6dfdb, #d0c4c0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6dfdb, EndColorStr=#d0c4c0)";
    border-bottom: 0px solid #afa4a1;
    /** af **/
    border-top: 1px solid #999999;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.4), inset 0 -5px 5px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.4), inset 0 -5px 5px -5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.4), inset 0 -5px 5px -5px rgba(0, 0, 0, 0.4);
    display: none;
    /* will be shown via jquery */ }

  .lt-ie9 #bridge-body {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  #bridge-body .wrapper {
    padding: 20px 0; }

  #bridge-body .grey-box ul {
    list-style-type: none; }

  #bridge-body .grey-box ul li:before {
    color: #B4181D;
    content: "\2022";
    /* "ÔÇó";*/
    font-size: 1.28571rem;
    left: -15px;
    line-height: 1;
    position: absolute;
    top: 0; }

  #bridge-body .grey-box ul li {
    position: relative; }

  /* Logo list
  ------------------------------------------------------------------------------*/
  .logo-list h2 {
    border-bottom: 1px solid #666666;
    margin: 0 0 4px;
    padding-bottom: 5px; }

  .logo-list ul + h2 {
    margin-top: 15px; }

  .logo-list ul {
    zoom: 1;
    list-style-type: none !important;
    margin: 0 0 0 -6px;
    padding: 0; }

  .logo-list ul:before, .logo-list ul:after {
    content: "";
    display: table; }

  .logo-list ul:after {
    clear: both; }

  .logo-list li {
    float: left;
    margin: 6px 0 0 6px;
    position: relative; }

  .logo-list img {
    border: 1px solid white;
    vertical-align: bottom;
    /* remove gap below img */ }

  .logo-list .info {
    background-repeat: no-repeat;
    color: transparent;
    /* IE 6 & 7 for input */
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    text-transform: capitalize;
    /* IE 6 & 7 for input */
    background-image: url("/javax.faces.resource/images/info_icon.png");
    display: block;
    height: 20px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 17px; }

  /* password forgotten
  ------------------------------------------------------------------------------*/
  #tab-password-forgotten, #tab-password-email-sent, #tab-password-reset {
    display: none; }

  .password-error {
    display: none; }

  /* Navigation Menu in Bridge
  ------------------------------------------------------------------------------*/
  .bridge-nav {
    background-color: #951618;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ab2224), to(#771819));
    background-image: -webkit-linear-gradient(top, #ab2224, #771819);
    background-image: -moz-linear-gradient(top, #ab2224, #771819);
    background-image: -ms-linear-gradient(top, #ab2224, #771819);
    background-image: -o-linear-gradient(top, #ab2224, #771819);
    background-image: linear-gradient(top, #ab2224, #771819);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ab2224, EndColorStr=#771819)";
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    zoom: 1;
    /*
    @if $value == 'bigscreen' {
    	@media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
    	@media screen and (phone) { @content; } 
    }*/ }

  .lt-ie9 .bridge-nav {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

  .bridge-nav:before, .bridge-nav:after {
    content: "";
    display: table; }

  .bridge-nav:after {
    clear: both; }

  .bridge-nav .split-left {
    font-weight: normal; }

  .bridge-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /*
    @if $value == 'bigscreen' {
    	@media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
    	@media screen and (phone) { @content; } 
    }*/ }

  .bridge-nav > ul > li {
    border-right: 1px solid #bf4a4c;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid #7f0a0c;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    float: left;
    /*
    @if $value == 'bigscreen' {
    	@media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
    	@media screen and (phone) { @content; } 
    }*/ }

  .bridge-nav li:first-child {
    border-left: none; }

  .bridge-nav li:last-child {
    border-right: none; }

  .bridge-nav a, .bridge-nav span {
    padding: 9px 10px; }

  .bridge-nav li:hover a, .bridge-nav a.clicked {
    background-color: #F0F0F0;
    color: #b4181d; }

  .bridge-nav a {
    color: #FFF;
    display: block;
    text-decoration: none; }

  .bridge-nav a.mouseover {
    position: relative;
    z-index: 999; }

  .bridge-nav a.mouseover:after {
    background-color: #F0F0F0;
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    /*
    @if $value == 'bigscreen' {
    	@media screen and (min-width: 1080px) { @content; } // px value is also defined in html header (meta viewport)
    } @else {
    	@media screen and (phone) { @content; } 
    }*/ }

  .bridge-nav .bridge-nav li:hover .subnav {
    display: block; }

  .bridge-nav .subnav {
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    padding: 5px;
    z-index: 1; }

  .bridge-nav .subnav li {
    display: block;
    float: none;
    margin-top: 5px;
    margin-bottom: 5px; }

  .bridge-nav .subnav a {
    color: #333333 !important;
    display: block;
    border-bottom: 1px solid #e7e2df;
    padding: 2px 10px; }

  .bridge-nav .subnav a:hover {
    text-decoration: underline;
    color: #b4181d !important; } }
@media screen and (max-width: 620px) {
  #bridge-header .split-left {
    float: left;
    text-align: left; } }
@media screen and (max-width: 620px) {
  #bridge-header .split-right li {
    border: none; } }
@media screen and (max-width: 620px) {
  #bridge-header .split-right {
    border: none;
    float: right;
    text-align: right; } }
@media screen and (max-width: 620px) {
  .js .bridge-nav {
    display: none; } }
@media screen and (max-width: 620px) {
  .bridge-nav ul {
    border: 0; } }
@media screen and (max-width: 620px) {
  .bridge-nav li {
    border: 0;
    display: block;
    float: none; } }
@media screen and (max-width: 620px) {
  .bridge-nav a.mouseover:after {
    display: none; } }
ul {
  padding: 0 0 0 20px; }

@media print {
  #bridge {
    display: none; } }
.tab-2 {
  display: none; }

.user-data {
  display: none; }

ul #lightbox-content {
  display: none; }

/* overwriting float to right for bridge buttons
------------------------------------------------------------------------------*/
@media screen and (max-width: 620px) {
  #tab-login1 .split-left, #tab-login2 .split-left, #tab-password-forgotten .split-left, #tab-password-email-sent .split-left, #tab-password-reset .split-left {
    float: left;
    text-align: left; } }
@media screen and (max-width: 620px) {
  #tab-login1 .split-right, #tab-login2 .split-right, #tab-password-forgotten .split-right, #tab-password-email-sent .split-right, #tab-password-reset .split-right {
    float: right;
    text-align: right; } }
/** new code for af **/
#bridge-body div#back-to-app-wrapper {
  background-color: #464D51;
  bottom: 0;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.4);
  height: 15px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 2; }

#bridge-body div#back-to-app {
  background-color: #464D51;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  top: 15px;
  width: 160px; }

#bridge-body div#back-to-app a {
  color: #C0C0C0;
  cursor: pointer; }

#bridge-body div#back-to-app a:hover {
  color: white;
  text-decoration: none;
  cursor: pointer; }
/* ------------------------------------------------------------------------------
 *  msol-teaser.css
 *
 *  Additional Stylesheet for Teasers, so they appear as those on MANZ.at
 ------------------------------------------------------------------------------ */
/* Border radius
------------------------------------------------------------------------------*/
/* Box shadow
------------------------------------------------------------------------------*/
/* Box sizing
------------------------------------------------------------------------------*/
/* Transition
------------------------------------------------------------------------------*/
/* Text Shadow
------------------------------------------------------------------------------*/
/* Background gradient
------------------------------------------------------------------------------*/
/* Clearfix
------------------------------------------------------------------------------*/
/* Image replacement
------------------------------------------------------------------------------*/
/* Font size with rem
------------------------------------------------------------------------------*/
/* Prefix with a symbol
------------------------------------------------------------------------------*/
/* Text Shadow
------------------------------------------------------------------------------*/
/* Media queries for responsive webdesign
------------------------------------------------------------------------------*/
/* Reset Teaser settings  */
.teaser, .feedback {
  font-weight: normal; }

.teaser b, .teaser strong, .feedback b, .feedback strong {
  font-weight: bold; }

.teaser h2, .feedback h2 {
  font-size: 12px;
  line-height: 1.2em;
  color: #333; }

.teaser h2, .teaser p, .teaser big, .teaser strong, .teaser span, .teaser input, .teaser li, .teaser a, .feedback h2, .feedback p, .feedback big, .feedback strong, .feedback span, .feedback input, .feedback li, .feedback a {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  list-style-type: none;
  margin: 0; }

.teaser h3, .teaser h3 a, .feedback h3, .feedback h3 a {
  font-family: Georgia,serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: 0;
  line-height: 0.9em; }

.teaser strong big, .feedback strong big {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5em; }

.teaser ol, .teaser ul, .feedback ol, .feedback ul {
  list-style: none outside none;
  padding: 0; }

/* Adoption of existing CSS layout of Manz.at for Teasers
******************************************************************************/
.teaser {
  background: #fbfafa right bottom no-repeat;
  border: 1px solid #d7d0cb;
  color: #5E5E5E;
  margin-top: 11px;
  /*
margin-left: 2px;
margin-right: 2px;
*/
  padding: 9px; }

#bridge .teaser {
  height: 273px;
  padding: 10px 7px; }

.feedback p {
  margin: 0; }

.teaser .icon-mail, .feedback .icon-mail {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 0 24px; }

.teaser:first-child {
  margin-top: 0; }

.teaser h3 {
  color: #333; }

.teaser .submit-form {
  margin-top: 7px; }

.teaser h3,
#nav-main a,
#nav-main .subnav h2,
#toolbar .message .title,
#stage-cart .col1 .title,
#slider-big-tooltip .title,
#slider-small .scrollable .items li .title,
#switch a,
#nav-topic div .title,
#sidebar h3,
#home-top {
  font-family: Georgia, serif; }

#sidebar h3,
.teaser h3 {
  font-size: 18px;
  margin-bottom: 8px; }

/* Gallery in Teaser-Area 
******************************************************************************/
.teaser-gallery {
  float: left; }

.teaser-gallery ul.gallery li {
  float: left;
  width: 100px;
  height: 60px;
  padding: 0px 0px 6px 2px;
  margin: 0px; }

/* Submit Forms (Feedback)
******************************************************************************/
.teaser .submit-form {
  background: url("../images/sprite_controls.png") no-repeat scroll 0 -175px transparent;
  height: 24px;
  padding: 1px 0 0 3px;
  position: relative;
  width: 207px; }

.teaser .submit-form .input {
  background-color: transparent;
  border: 0 none;
  color: #5E5E5E;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  padding-left: 3px;
  width: 177px; }

.teaser .submit-form input {
  display: block; }

.teaser .submit-form .submit {
  background: url("../images/sprite_controls.png") no-repeat scroll -185px -175px transparent;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px; }

.teaser input.btn, .teaser .submit-form .submit, .teaser #tools input.submit {
  border: 0 none;
  color: transparent;
  cursor: pointer;
  text-transform: capitalize; }

/* Buttons 
******************************************************************************/
.teaser .btn {
  border: none;
  background: url("../images/sprite_buttons.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 24px;
  text-indent: -5000px; }

.teaser .btn-pdf {
  background-position: 0 -321px;
  display: inline-block;
  height: 18px;
  vertical-align: text-bottom;
  width: 46px; }

/* Icons 
******************************************************************************/
.teaser .icon-mail {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 0 24px; }

.teaser .icon-phone {
  background: url("/javax.faces.resource/images/icons/icon_phone.png") no-repeat scroll 0 2px transparent; }

.teaser .icon-mail {
  background: url("/javax.faces.resource/images/icons/icon_mail.png") no-repeat scroll 0 3px transparent; }

.teaser .icon-fax {
  background: url("/javax.faces.resource/images/icons/icon_fax.png") no-repeat scroll 0 2px transparent; }

.teaser .icon-phone, .teaser .icon-fax, .teaser .icon-mail {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 24px; }
/* ------------------------------------------------------------------------------
 *  msol-ext.css
 ------------------------------------------------------------------------------ */
/* another alternative heading for h2
  ------------------------------------------------------------------------------*/
h2.alt-2 {
  font-weight: bold;
  font-size: 14px;
  color: #333; }

h2.alt-2 span {
  font-style: normal;
  color: #333; }

input[type=text], input[type=password] {
  /*width: 180px;*/
  width: auto;
  background-image: none; }

input[type=checkbox] {
  width: auto; }

input.hasDatepicker:not(.has-input) {
  background-color: #FFF;
  /*width: 100px; /*90px;*/ }

.short-width input {
  width: 90px;
  text-align: center; }

.date-from-to {
  margin-left: 24px; }

input[type=text].short-width, input[type=password].short-width {
  width: 90px; }

input[type=text].full-width, input[type=password].full-width {
  width: 100%; }

input[type=text].span-1, input[type=password].span-1 {
  width: 234px; }

input[type=text].span-2, input[type=password].span-2 {
  width: 476px; }

div.controls > select {
  margin-top: 2px; }

div.controls > input[type=checkbox] {
  margin-top: 6px; }

div.field-title {
  color: #333; }

span.input > input {
  width: 100%;
  background-color: white; }

/* Additional padding for specific checkboxes */
.cb-padding div {
  padding: 0.5em; }

/* Centered buttons
  ------------------------------------------------------------------------------*/
.btn-vertical-centered-label {
  margin-top: 16px; }

.btn-vertical-centered {
  margin-top: 2px; }

.btn {
  vertical-align: baseline; }

/* Styled table to datatable mapping
  ------------------------------------------------------------------------------*/
div.ui-datatable table th, div.ui-datatable table td {
  border-left: 1px solid #F0F0F0; }

div.ui-datatable table th:first-child, div.ui-datatable table td:first-child {
  /*border-left: 0;*/ }

div.ui-datatable table th, div.ui-datatable table thead th.ui-state-default, div.ui-datatable table th.ui-state-active {
  background-image: none;
  background-color: #5e5e5e;
  border: 1px solid #B6B1AE;
  color: white;
  /*
  background-color: #c1c1c1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c1c1c1) );
  background-image: -webkit-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -moz-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -ms-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: -o-linear-gradient(top, #eaeaea, #c1c1c1);
  background-image: linear-gradient(top, #eaeaea, #c1c1c1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#eaeaea, EndColorStr=#c1c1c1)";
  */
  /*
  -webkit-box-shadow: inset 0 1px 0 0 #e9e9e9;
  -moz-box-shadow: inset 0 1px 0 0 #e9e9e9;
  box-shadow: inset 0 1px 0 0 #e9e9e9;
  */ }

div.ui-datatable table th div, div.ui-datatable table thead th.ui-state-default div, div.ui-datatable table th.ui-state-active div {
  /*padding:0;*/ }

div.ui-datatable table th.ui-state-active {
  font-weight: bold; }

.lt-ie9 div.ui-datatable table th {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

div.ui-datatable table td {
  border-bottom: 1px solid #B6B1AE; }

div.ui-datatable table tbody tr:nth-child(even) td {
  background: #DFDFDF;
  background: rgba(153, 153, 153, 0.2); }

div.ui-datatable > table tbody tr.ui-expanded-row-content:hover > td {
  background: inherit; }

div.ui-datatable table tbody tr:hover td {
  cursor: auto; }

.expandable-table table tbody tr:not(.ui-expanded-row-content):hover td,
.expandable-table table tbody tr.ui-expanded-row-content table tr:hover td {
  background: #FFFFCC;
  cursor: pointer; }

.ui-datatable th div.ui-dt-c, .ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c {
  padding: .5em; }

.ui-widget-overlay {
  background-color: #000;
  background-image: none;
  opacity: 0.6; }

.fixed-width table {
  table-layout: fixed;
  word-wrap: break-word; }

/* compatibility to jquery-ui 1.8.23 tabs
------------------------------------------------------------------ */
/** format reset */
.ui-tabs .ui-tabs-nav {
  background: none; }

.ui-state-default {
  box-shadow: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border: none;
  box-shadow: none;
  background-color: none; }

.ui-tabs .ui-tabs-nav li, .bridge-tabs ul li {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none; }

/***/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-color: white;
  /*margin-bottom: -1px;
  
  padding-bottom: 1px;*/ }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

.ui-tabs .ui-tabs-nav li {
  border: 0;
  margin-right: 5px;
  padding: 0.4em;
  top: 0; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding: 5px;
  border: 0;
  /*background-color: #666;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  margin: 0 0 .6em;
  padding: .4em .6em;
  */ }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  /*color: #FFF;*/
  outline: 0; }

/* Warning box
------------------------------------------------------------------------------*/
.warning-box {
  background: #E6E1D6;
  background: rgba(198, 182, 145, 0.3);
  border: 1px solid #D4D4D3;
  border-color: rgba(146, 144, 143, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 10px; }

/* Warning (interne VO)
********************************************************************************/
.warning {
  background-color: #FFFFFF;
  border: 1px solid #B4181D;
  border-radius: 3px 3px 3px 3px;
  margin: 3px 0 10px 0;
  padding: 3px;
  display: block; }

/* Info Box (interne VO)
********************************************************************************/
.info-box {
  background: none repeat scroll 0 0 rgba(198, 182, 145, 0.3);
  border: 1px solid rgba(146, 144, 143, 0.3);
  border-radius: 3px 3px 3px 3px;
  margin-top: 3px;
  padding: 3px; }

/* Corner radius
------------------------------------------------------------------------------- */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* select menu
------------------------------------------------------------------ */
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 5px; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  border: 0px;
  font-weight: normal;
  color: #000; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item .ui-state-active {
  border: 0px;
  font-weight: bold;
  color: #000; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item .ui-state-highlight {
  border: 0px;
  font-weight: normal;
  color: #000; }

/* spacer
------------------------------------------------------------------ */
.h5 {
  margin-left: 5px; }

.h10 {
  margin-left: 10px; }

.h20 {
  margin-left: 20px; }

.v5 {
  height: 5px; }

.v10 {
  height: 10px; }

.v20 {
  height: 20px; }

.v25 {
  height: 25px; }

/* Grid 24
------------------------------------------------------------------ */
.g24-row {
  margin-left: -8px; }

.g24-span-1 {
  width: 32px;
  margin-left: 8px;
  float: left; }

.g24-span-2 {
  width: 72px;
  margin-left: 8px;
  float: left; }

/* Tables with row highlighting
------------------------------------------------------------------ */
table .ui-state-highlight, table .ui-widget-content .ui-state-highlight, table .ui-widget-header .ui-state-highlight {
  background-color: #c0c0c0;
  border: none;
  /* color: #FFF;*/ }

div.ui-datatable table tbody tr.ui-state-highlight:nth-child(even) td {
  background-color: #c0c0c0; }

.ui-datatable .ui-datatable-data tr.ui-state-hover {
  background-image: none; }

table .ui-state-highlight td, .ui-widget-content .ui-state-highlight td, .ui-widget-header .ui-state-highlight td {
  border: none;
  background-color: #c0c0c0; }

.ui-state-highlight {
  background-image: none !important; }

.ui-datatable table table {
  /*margin-left: 20px;*/
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  margin: 0 0 auto auto;
  width: 96.2%; }

.ui-datatable table table th {
  background-image: none;
  background-color: red; }

.ui-expanded-row {
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  background-color: #c1c1c1 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#d0d0d0)) !important;
  background-image: -webkit-linear-gradient(top, #c0c0c0, #d0d0d0) !important;
  background-image: -moz-linear-gradient(top, #c0c0c0, #d0d0d0) !important;
  background-image: -ms-linear-gradient(top, #c0c0c0, #d0d0d0) !important;
  background-image: -o-linear-gradient(top, #c0c0c0, #d0d0d0) !important;
  background-image: linear-gradient(top, #c0c0c0, #d0d0d0) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#808080, EndColorStr=#707070)" !important; }

table table th {
  background: none; }

table table tr:nth-child(odd) {
  /*background-color:white;*/ }

table table .ui-widget-content {
  /*background:none*/ }

div.ui-datatable table tbody tr.ui-expanded-row-content:nth-child(2n) td {
  background: none; }

div.ui-datatable table tbody tr.ui-expanded-row-content td tr:nth-child(odd) {
  background: none repeat scroll 0 0 rgba(153, 153, 153, 0.1);
  /* none repeat scroll 0 0 rgba(153, 153, 153, 0.2);*/ }

.ui-state-default .ui-icon {
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/*green highlighting*/
.green-highlight {
  background-color: #B8E0B8 !important; }

/* header for ebr, fb, gb etc */
.application-header h1 {
  display: inline;
  margin-right: 10px; }

/* Basic icon styles
----------------------------------------------------------------*/
.flag-BE, .flag-DK, .flag-DE, .flag-EE, .flag-FI, .flag-FR, .flag-GR, .flag-GB, .flag-GG, .flag-IE, .flag-IT, .flag-JE, .flag-LV, .flag-LT, .flag-LU, .flag-MK, .flag-MT, .flag-NL, .flag-NO, .flag-AT, .flag-SE, .flag-RS, .flag-SI, .flag-ES, .flag-UA, .flag-GI, .flag-unknown {
  background-image: url("/javax.faces.resource/images/flags/sprite_flags.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
  height: 20px;
  width: 28px; }

/* Small red
------------------------------------------------------------------------------*/
.flag-BE {
  background-position: 0px 0px; }

.flag-DK {
  background-position: -28px 0; }

.flag-DE {
  background-position: -56px 0; }

.flag-EE {
  background-position: -84px 0; }

.flag-FI {
  background-position: 0px -20px; }

.flag-FR {
  background-position: -28px -20px; }

.flag-GR {
  background-position: -56px -20px; }

.flag-GB {
  background-position: -84px -20px; }

.flag-GG {
  background-position: 0px -40px; }

.flag-IE {
  background-position: -28px -40px; }

.flag-IT {
  background-position: -56px -40px; }

.flag-JE {
  background-position: -84px -40px; }

.flag-LV {
  background-position: 0px -60px; }

.flag-LT {
  background-position: -28px -60px; }

.flag-LU {
  background-position: -56px -60px; }

.flag-MK {
  background-position: -84px -60px; }

.flag-MT {
  background-position: 0px -120px; }

.flag-NL {
  background-position: 0px -80px; }

.flag-NO {
  background-position: -28px -80px; }

.flag-AT {
  background-position: -56px -80px; }

.flag-SE {
  background-position: -84px -80px; }

.flag-RS {
  background-position: 0px -100px; }

.flag-SI {
  background-position: -28px -100px; }

.flag-ES {
  background-position: -56px -100px; }

.flag-UA {
  background-position: -84px -100px; }

.flag-unknown {
  background-position: -28px -120px; }
.flag-GI {
	background-position: -56px -120px; }

.disabled {
  color: #AEAEAE; }

label .icon-with-cost {
  display: none; }

label.with-cost .icon-with-cost {
  background-image: url("/javax.faces.resource/images/icons/with-costs.png");
  background-repeat: no-repeat;
  display: inline;
  width: 20px;
  height: 20px;
  vertical-align: middle; }

iframe {
  background-color: #FFF;
  border: none;
  min-height: 100px; }

/* Icons 
------------------------------------------------------------------------------*/
.icon-manz, .icon-solutions, .icon-login, .icon-account, .icon-settings {
  margin-right: 0.3em; }

/* Error Message
------------------------------------------------------------------------------*/
.error-message ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0 20px; }

/* Expandable Table needs other mouse cursor because rows are clickable
------------------------------------------------------------------------------*/
.expandable-table td {
  cursor: pointer; }

.expandable-table table table td, .expandable-table table table th {
  cursor: auto; }

/* Shopping cart Icon on Buttons
------------------------------------------------------------------------------*/
.expandable-table .toggle-icon {
  margin: 0; }

/* Shopping cart Icon on Buttons
  ------------------------------------------------------------------------------*/
.icon-shoppingcart {
  background: none !important;
  background-image: url("/javax.faces.resource/images/icons/shoppingcart.png") !important;
  width: 20px;
  height: 20px;
  margin-top: -10px !important; }

.password_rules li:before {
  content: url("/javax.faces.resource/images/icons/pw_invalid.png") !important;
  padding-top: 4px; }

.password_rules li.valid:before {
  content: url("/javax.faces.resource/images/icons/pw_valid.png") !important; }

.vertical-centered {
  line-height: 25px; }

/* Close Button in Lightbox
  ------------------------------------------------------------------------------*/
#cboxClose {
  border: none !important;
  background-color: none; }
/* ------------------------------------------------------------------------------
 *  msol-ext-nav.css
 ------------------------------------------------------------------------------ */
/* Submenu navigation
----------------------------------------------------------------------------------------- */
ul#main-nav-menu li ul {
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
  /*border-bottom-width: 1px;*/
  /*border-left-color: #777;*/
  border: none;
  display: none;
  /*TODO einkommentieren */
  position: absolute;
  width: 180px;
  z-index: 10;
  padding: 10px; }

ul#main-nav-menu li:hover {
  background-color: #F0F0F0; }

ul#main-nav-menu li:hover a {
  color: #B4181D; }

ul#main-nav-menu li:hover ul {
  display: block;
  z-index: 10; }

ul#main-nav-menu li ul li {
  float: none;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1em;
  border: none; }

ul#main-nav-menu li ul li a {
  padding: 3px 5px; }

ul#main-nav-menu li ul li a:hover, ul#menu li ul li a.active {
  background-color: #F0F0F0;
  float: none;
  font-weight: bold; }
/* ------------------------------------------------------------------------------
 *  msol-ext-form.css
 *
 *  Forms with two rows label left, field right
 ------------------------------------------------------------------------------ */
.form-search .input-append .search-query, .form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1; }

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
  display: none; }

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
  display: inline-block; }

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

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

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 10px;
  *zoom: 1; }

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: ""; }

.form-horizontal .control-group:after {
  clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: left; }

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0; }

.form-horizontal .controls:first-child {
  *padding-left: 180px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
  margin-top: 10px; }

.form-horizontal .form-actions {
  padding-left: 180px; }

fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px; }

/* Bring the buttons to the input elements by adding padding
********************************************************************************/
.bigger {
  padding: 0.7em; }

/* Bring Checkbox to same vertical alignment as label
********************************************************************************/
input[type="checkbox"].vertical-centered {
  margin-top: 0.4em;
  margin-bottom: 0.4em; }