/* Setup General Configuration*/
@font-face {
  font-family: 'ralewaybold';
  src: url("fonts/raleway-semibold-webfont.eot");
  src: url("fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-semibold-webfont.woff") format("woff"), url("fonts/raleway-semibold-webfont.ttf") format("truetype"), url("fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ralewaymedium';
  src: url("fonts/raleway-medium-webfont.eot");
  src: url("fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-medium-webfont.woff") format("woff"), url("fonts/raleway-medium-webfont.ttf") format("truetype"), url("fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ralewayregular';
  src: url("fonts/raleway-regular-webfont.eot");
  src: url("fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-regular-webfont.woff") format("woff"), url("fonts/raleway-regular-webfont.ttf") format("truetype"), url("fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
*This file contains the basic settings for general styles
*/
/*------------------------
TYPOGRAFIE
--------------------------*/
/*------------------------
COLOR VARIABLES
--------------------------*/
/*Buttons and form buttons*/
/*IE9 filters won't allow the gradient to be cut of by the border-radius*/
/*Twitter Bootstrap Files*/
/*
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: -14px;
  *zoom: 1; }

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0; }

.row:after {
  clear: both; }

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 14px; }

.row-fluid {
  width: 100%;
  *zoom: 1; }

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0; }

.row-fluid:after {
  clear: both; }

.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  /*min-height: 30px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 1.443298969072165%;
  *margin-left: 1.3917525773195876%; }

.row-fluid [class*="span"]:first-child {
  margin-left: 0; }

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 1.443298969072165%; }

.row-fluid .span12 {
  width: 100%;
  *width: 99.94845360824742%; }

.row-fluid .span11 {
  width: 91.54639175257732%;
  *width: 91.49484536082474%; }

.row-fluid .span10 {
  width: 83.09278350515464%;
  *width: 83.04123711340206%; }

.row-fluid .span9 {
  width: 74.63917525773196%;
  *width: 74.58762886597938%; }

.row-fluid .span8 {
  width: 66.18556701030928%;
  *width: 66.1340206185567%; }

.row-fluid .span7 {
  width: 57.73195876288659%;
  *width: 57.68041237113401%; }

.row-fluid .span6 {
  width: 49.27835051546392%;
  *width: 49.22680412371134%; }

.row-fluid .span5 {
  width: 40.82474226804124%;
  *width: 40.77319587628866%; }

.row-fluid .span4 {
  width: 32.371134020618555%;
  *width: 32.319587628865975%; }

.row-fluid .span3 {
  width: 23.917525773195877%;
  *width: 23.8659793814433%; }

.row-fluid .span2 {
  width: 15.463917525773196%;
  *width: 15.412371134020619%; }

.row-fluid .span1 {
  width: 7.010309278350515%;
  *width: 6.958762886597938%; }

.row-fluid .offset12 {
  margin-left: 102.88659793814433%;
  *margin-left: 102.78350515463917%; }

.row-fluid .offset12:first-child {
  margin-left: 101.44329896907216%;
  *margin-left: 101.340206185567%; }

.row-fluid .offset11 {
  margin-left: 94.43298969072166%;
  *margin-left: 94.3298969072165%; }

.row-fluid .offset11:first-child {
  margin-left: 92.98969072164948%;
  *margin-left: 92.88659793814432%; }

.row-fluid .offset10 {
  margin-left: 85.97938144329898%;
  *margin-left: 85.87628865979381%; }

.row-fluid .offset10:first-child {
  margin-left: 84.5360824742268%;
  *margin-left: 84.43298969072164%; }

.row-fluid .offset9 {
  margin-left: 77.5257731958763%;
  *margin-left: 77.42268041237114%; }

.row-fluid .offset9:first-child {
  margin-left: 76.08247422680412%;
  *margin-left: 75.97938144329896%; }

.row-fluid .offset8 {
  margin-left: 69.07216494845362%;
  *margin-left: 68.96907216494846%; }

.row-fluid .offset8:first-child {
  margin-left: 67.62886597938144%;
  *margin-left: 67.52577319587628%; }

.row-fluid .offset7 {
  margin-left: 60.61855670103092%;
  *margin-left: 60.51546391752576%; }

.row-fluid .offset7:first-child {
  margin-left: 59.17525773195876%;
  *margin-left: 59.0721649484536%; }

.row-fluid .offset6 {
  margin-left: 52.16494845360825%;
  *margin-left: 52.061855670103085%; }

.row-fluid .offset6:first-child {
  margin-left: 50.72164948453609%;
  *margin-left: 50.618556701030926%; }

.row-fluid .offset5 {
  margin-left: 43.71134020618557%;
  *margin-left: 43.60824742268041%; }

.row-fluid .offset5:first-child {
  margin-left: 42.26804123711341%;
  *margin-left: 42.16494845360825%; }

.row-fluid .offset4 {
  margin-left: 35.25773195876288%;
  *margin-left: 35.15463917525772%; }

.row-fluid .offset4:first-child {
  margin-left: 33.81443298969072%;
  *margin-left: 33.71134020618556%; }

.row-fluid .offset3 {
  margin-left: 26.804123711340207%;
  *margin-left: 26.701030927835053%; }

.row-fluid .offset3:first-child {
  margin-left: 25.36082474226804%;
  *margin-left: 25.257731958762886%; }

.row-fluid .offset2 {
  margin-left: 18.350515463917525%;
  *margin-left: 18.24742268041237%; }

.row-fluid .offset2:first-child {
  margin-left: 16.90721649484536%;
  *margin-left: 16.804123711340207%; }

.row-fluid .offset1 {
  margin-left: 9.896907216494846%;
  *margin-left: 9.793814432989691%; }

.row-fluid .offset1:first-child {
  margin-left: 8.45360824742268%;
  *margin-left: 8.350515463917526%; }

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none; }

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right; }

@-ms-viewport {
  width: device-width; }

.hidden {
  display: none;
  visibility: hidden; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important; }

  .visible-desktop {
    display: none !important; }

  .visible-tablet {
    display: inherit !important; }

  .hidden-tablet {
    display: none !important; } }
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }

  .visible-desktop {
    display: none !important; }

  .visible-phone {
    display: inherit !important; }

  .hidden-phone {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: inherit !important; }

  .hidden-print {
    display: none !important; } }
@media (max-width: 767px) {
  .container-fluid {
    padding: 0; }

  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left; }

  .dl-horizontal dd {
    margin-left: 0; }

  .container {
    width: auto; }

  .row-fluid {
    width: 100%; }

  .row,
  .thumbnails {
    margin-left: 0; }

  .thumbnails > li {
    float: none;
    margin-left: 0; }

  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .row-fluid [class*="offset"]:first-child {
    margin-left: 0; }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto; }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0; }

  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0; }

  .modal.fade {
    top: -100px; }

  .modal.fade.in {
    top: 20px; } }
@media (max-width: 480px) {
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc; }

  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left; }

  .form-horizontal .controls {
    margin-left: 0; }

  .form-horizontal .control-list {
    padding-top: 0; }

  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -14px;
    *zoom: 1; }

  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0; }

  .row:after {
    clear: both; }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 14px; }

  .row-fluid {
    width: 100%;
    *zoom: 1; }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0; }

  .row-fluid:after {
    clear: both; }

  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    /*min-height: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1.443298969072165%;
    *margin-left: 1.3917525773195876%; }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0; }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 1.443298969072165%; }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94845360824742%; }

  .row-fluid .span11 {
    width: 91.54639175257732%;
    *width: 91.49484536082474%; }

  .row-fluid .span10 {
    width: 83.09278350515464%;
    *width: 83.04123711340206%; }

  .row-fluid .span9 {
    width: 74.63917525773196%;
    *width: 74.58762886597938%; }

  .row-fluid .span8 {
    width: 66.18556701030928%;
    *width: 66.1340206185567%; }

  .row-fluid .span7 {
    width: 57.73195876288659%;
    *width: 57.68041237113401%; }

  .row-fluid .span6 {
    width: 49.27835051546392%;
    *width: 49.22680412371134%; }

  .row-fluid .span5 {
    width: 40.82474226804124%;
    *width: 40.77319587628866%; }

  .row-fluid .span4 {
    width: 32.371134020618555%;
    *width: 32.319587628865975%; }

  .row-fluid .span3 {
    width: 23.917525773195877%;
    *width: 23.8659793814433%; }

  .row-fluid .span2 {
    width: 15.463917525773196%;
    *width: 15.412371134020619%; }

  .row-fluid .span1 {
    width: 7.010309278350515%;
    *width: 6.958762886597938%; }

  .row-fluid .offset12 {
    margin-left: 102.88659793814433%;
    *margin-left: 102.78350515463917%; }

  .row-fluid .offset12:first-child {
    margin-left: 101.44329896907216%;
    *margin-left: 101.340206185567%; }

  .row-fluid .offset11 {
    margin-left: 94.43298969072166%;
    *margin-left: 94.3298969072165%; }

  .row-fluid .offset11:first-child {
    margin-left: 92.98969072164948%;
    *margin-left: 92.88659793814432%; }

  .row-fluid .offset10 {
    margin-left: 85.97938144329898%;
    *margin-left: 85.87628865979381%; }

  .row-fluid .offset10:first-child {
    margin-left: 84.5360824742268%;
    *margin-left: 84.43298969072164%; }

  .row-fluid .offset9 {
    margin-left: 77.5257731958763%;
    *margin-left: 77.42268041237114%; }

  .row-fluid .offset9:first-child {
    margin-left: 76.08247422680412%;
    *margin-left: 75.97938144329896%; }

  .row-fluid .offset8 {
    margin-left: 69.07216494845362%;
    *margin-left: 68.96907216494846%; }

  .row-fluid .offset8:first-child {
    margin-left: 67.62886597938144%;
    *margin-left: 67.52577319587628%; }

  .row-fluid .offset7 {
    margin-left: 60.61855670103092%;
    *margin-left: 60.51546391752576%; }

  .row-fluid .offset7:first-child {
    margin-left: 59.17525773195876%;
    *margin-left: 59.0721649484536%; }

  .row-fluid .offset6 {
    margin-left: 52.16494845360825%;
    *margin-left: 52.061855670103085%; }

  .row-fluid .offset6:first-child {
    margin-left: 50.72164948453609%;
    *margin-left: 50.618556701030926%; }

  .row-fluid .offset5 {
    margin-left: 43.71134020618557%;
    *margin-left: 43.60824742268041%; }

  .row-fluid .offset5:first-child {
    margin-left: 42.26804123711341%;
    *margin-left: 42.16494845360825%; }

  .row-fluid .offset4 {
    margin-left: 35.25773195876288%;
    *margin-left: 35.15463917525772%; }

  .row-fluid .offset4:first-child {
    margin-left: 33.81443298969072%;
    *margin-left: 33.71134020618556%; }

  .row-fluid .offset3 {
    margin-left: 26.804123711340207%;
    *margin-left: 26.701030927835053%; }

  .row-fluid .offset3:first-child {
    margin-left: 25.36082474226804%;
    *margin-left: 25.257731958762886%; }

  .row-fluid .offset2 {
    margin-left: 18.350515463917525%;
    *margin-left: 18.24742268041237%; }

  .row-fluid .offset2:first-child {
    margin-left: 16.90721649484536%;
    *margin-left: 16.804123711340207%; }

  .row-fluid .offset1 {
    margin-left: 9.896907216494846%;
    *margin-left: 9.793814432989691%; }

  .row-fluid .offset1:first-child {
    margin-left: 8.45360824742268%;
    *margin-left: 8.350515463917526%; }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 14px; } }
@media (min-width: 1200px) {
  .row {
    margin-left: -14px;
    *zoom: 1; }

  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0; }

  .row:after {
    clear: both; }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 14px; }

  .row-fluid {
    width: 100%;
    *zoom: 1; }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0; }

  .row-fluid:after {
    clear: both; }

  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    /*min-height: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1.443298969072165%;
    *margin-left: 1.3917525773195876%; }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0; }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 1.443298969072165%; }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94845360824742%; }

  .row-fluid .span11 {
    width: 91.54639175257732%;
    *width: 91.49484536082474%; }

  .row-fluid .span10 {
    width: 83.09278350515464%;
    *width: 83.04123711340206%; }

  .row-fluid .span9 {
    width: 74.63917525773196%;
    *width: 74.58762886597938%; }

  .row-fluid .span8 {
    width: 66.18556701030928%;
    *width: 66.1340206185567%; }

  .row-fluid .span7 {
    width: 57.73195876288659%;
    *width: 57.68041237113401%; }

  .row-fluid .span6 {
    width: 49.27835051546392%;
    *width: 49.22680412371134%; }

  .row-fluid .span5 {
    width: 40.82474226804124%;
    *width: 40.77319587628866%; }

  .row-fluid .span4 {
    width: 32.371134020618555%;
    *width: 32.319587628865975%; }

  .row-fluid .span3 {
    width: 23.917525773195877%;
    *width: 23.8659793814433%; }

  .row-fluid .span2 {
    width: 15.463917525773196%;
    *width: 15.412371134020619%; }

  .row-fluid .span1 {
    width: 7.010309278350515%;
    *width: 6.958762886597938%; }

  .row-fluid .offset12 {
    margin-left: 102.88659793814433%;
    *margin-left: 102.78350515463917%; }

  .row-fluid .offset12:first-child {
    margin-left: 101.44329896907216%;
    *margin-left: 101.340206185567%; }

  .row-fluid .offset11 {
    margin-left: 94.43298969072166%;
    *margin-left: 94.3298969072165%; }

  .row-fluid .offset11:first-child {
    margin-left: 92.98969072164948%;
    *margin-left: 92.88659793814432%; }

  .row-fluid .offset10 {
    margin-left: 85.97938144329898%;
    *margin-left: 85.87628865979381%; }

  .row-fluid .offset10:first-child {
    margin-left: 84.5360824742268%;
    *margin-left: 84.43298969072164%; }

  .row-fluid .offset9 {
    margin-left: 77.5257731958763%;
    *margin-left: 77.42268041237114%; }

  .row-fluid .offset9:first-child {
    margin-left: 76.08247422680412%;
    *margin-left: 75.97938144329896%; }

  .row-fluid .offset8 {
    margin-left: 69.07216494845362%;
    *margin-left: 68.96907216494846%; }

  .row-fluid .offset8:first-child {
    margin-left: 67.62886597938144%;
    *margin-left: 67.52577319587628%; }

  .row-fluid .offset7 {
    margin-left: 60.61855670103092%;
    *margin-left: 60.51546391752576%; }

  .row-fluid .offset7:first-child {
    margin-left: 59.17525773195876%;
    *margin-left: 59.0721649484536%; }

  .row-fluid .offset6 {
    margin-left: 52.16494845360825%;
    *margin-left: 52.061855670103085%; }

  .row-fluid .offset6:first-child {
    margin-left: 50.72164948453609%;
    *margin-left: 50.618556701030926%; }

  .row-fluid .offset5 {
    margin-left: 43.71134020618557%;
    *margin-left: 43.60824742268041%; }

  .row-fluid .offset5:first-child {
    margin-left: 42.26804123711341%;
    *margin-left: 42.16494845360825%; }

  .row-fluid .offset4 {
    margin-left: 35.25773195876288%;
    *margin-left: 35.15463917525772%; }

  .row-fluid .offset4:first-child {
    margin-left: 33.81443298969072%;
    *margin-left: 33.71134020618556%; }

  .row-fluid .offset3 {
    margin-left: 26.804123711340207%;
    *margin-left: 26.701030927835053%; }

  .row-fluid .offset3:first-child {
    margin-left: 25.36082474226804%;
    *margin-left: 25.257731958762886%; }

  .row-fluid .offset2 {
    margin-left: 18.350515463917525%;
    *margin-left: 18.24742268041237%; }

  .row-fluid .offset2:first-child {
    margin-left: 16.90721649484536%;
    *margin-left: 16.804123711340207%; }

  .row-fluid .offset1 {
    margin-left: 9.896907216494846%;
    *margin-left: 9.793814432989691%; }

  .row-fluid .offset1:first-child {
    margin-left: 8.45360824742268%;
    *margin-left: 8.350515463917526%; }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 14px; }

  .thumbnails {
    margin-left: -14px; }

  .thumbnails > li {
    margin-left: 14px; }

  .row-fluid .thumbnails {
    margin-left: 0; } }
/*
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
form {
  margin: 0 0 20px; }

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999999; }

label,
input,
button,
select,
textarea {
  font-size: 12px;
  font-weight: normal;
  line-height: 1; }

input,
button,
select,
textarea {
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif; }

label {
  display: block;
  margin-bottom: 5px; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  background-image: none;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle; }

input,
textarea,
.uneditable-input {
  width: 206px; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #585858;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px; }

select {
  width: 220px;
  border: 1px solid #585858;
  background-color: #ffffff; }

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

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #585858;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

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

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999; }

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

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px; }

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px; }

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px; }

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px; }

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px; }

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px; }

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px; }

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px; }

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px; }

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px; }

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px; }

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px; }

.controls-row {
  *zoom: 1; }

.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0; }

.controls-row:after {
  clear: both; }

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left; }

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad; }

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1; }

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

.form-actions:after {
  clear: both; }

.help-block,
.help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 10px; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap; }

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px; }

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2; }

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc; }

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px; }

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0; }

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

/* Allow for input prepend/append in search forms */
.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;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.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: 20px;
  *zoom: 1; }

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

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

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

.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,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px; }

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

.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none; }

.nav > li > a {
  display: block; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.nav > li > a > img {
  max-width: none; }

.nav > .pull-right {
  float: right; }

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc; }

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0; }

.nav-tabs:after,
.nav-pills:after {
  clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  margin-bottom: -1px; }

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px; }

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px; }

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px; }

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px; }

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0; }

.tabbable:after {
  clear: both; }

.tab-content {
  overflow: auto; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd; }

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff; }

.nav > .disabled > a {
  color: #999999; }

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid #cccccc;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 06px;
  border-radius: 0px;
  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default; }

.open {
  *z-index: 1000; }

.open > .dropdown-menu {
  display: block; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px; }

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion {
  margin-bottom: 20px; }

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion-heading {
  border-bottom: 0; }

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px; }

.accordion-toggle {
  cursor: pointer; }

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear 0s; }

.fade.in {
  opacity: 1; }

.collapse {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height 0.35s ease 0s; }

.collapse.in {
  height: auto; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none; }

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%; }

.modal.fade.in {
  top: 10%; }

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee; }

.modal-header .close {
  margin-top: 2px; }

.modal-header h3 {
  margin: 0;
  line-height: 30px; }

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media (max-width: 767px) {
  .modal {
    width: 460px;
    margin-left: -230px; } }
@media (max-width: 479px) {
  .modal {
    width: 300px;
    margin-left: -150px; } }
/*Main TVL styling*/
/* Custom TVL Typography styles*/
body {
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  color: #4c4c4c; }

h1, h2, h3, h4, h5, h6 {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #4c4c4c;
  font-weight: normal;
  margin: 0 0 1em 0; }

p {
  margin: 0 0 1em 0; }

a {
  color: #0f618d;
  text-decoration: none; }

.page-title {
  font-size: 24px;
  color: #0f618d;
  margin-bottom: 15px; }

@media (max-width: 479px) {
  .page-title {
    margin-left: 12px; } }
.page-title select {
  width: auto;
  min-width: 120px; }

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

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

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

/*-->Ensure that bold text is displayed with the correct font-family*/
.bold, strong, b {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal; }

hr, .separator {
  border: 0;
  height: 1px;
  color: #BFBFBF;
  background: #BFBFBF; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus, textarea:focus, input:focus {
    font-size: 12px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
    select:focus, textarea:focus, input:focus {
      font-size: 16px; } }

[class^="tvl-icon-"],
[class*=" tvl-icon-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: text-top;
  background-image: url("../images/tvl-icon-sprite.png?1");
  background-position: 30px 30px;
  background-repeat: no-repeat;
  margin-top: 1px; }

[class^="tvl-icon-small-"],
[class*=" tvl-icon-small-"] {
  width: 20px;
  height: 20px;
  line-height: 20px; }

[class^="tvl-icon-xsmall-"],
[class*=" tvl-icon-xsmall-"] {
  width: 17px;
  height: 17px;
  line-height: 17px; }

.tvl-icon-circle {
  background-position: 0  0; }

.tvl-icon-circle-yellow {
  background-position: -30px 0; }

.tvl-icon-circle-inner-red {
  background-position: -60px 0; }

.tvl-icon-circle-twitter {
  background-position: -120px 0; }

.tvl-icon-circle-facebook {
  background-position: -90px 0; }

.tvl-icon-facebook {
  background-position: -210px 0; }

.tvl-icon-twitter {
  background-position: -240px 0; }

.tvl-icon-youtube {
  background-position: -270px 0; }

.tvl-icon-rss {
  background-position: -300px 0; }

.tvl-icon-search {
  background-position: -390px 0; }

.tvl-icon-menu {
  background-position: -330px 0; }

.tvl-icon-add {
  background-position: 0 -70px; }

.tvl-icon-print {
  background-position: -330px -70px; }

.tvl-icon-remove {
  background-position: -30px -70px; }

.tvl-icon-edit {
  background-position: -150px -70px; }

.tvl-icon-lock {
  background-position: 0 -30px;
  width: 40px;
  height: 40px;
  line-height: 40px; }

.tvl-icon-small-info {
  background-position: 0px -100px; }

.tvl-icon-info {
  background-position: -300px -70px; }

.tvl-icon-small-edit {
  background-position: -80px -100px; }

.tvl-icon-small-remove {
  background-position: -100px -100px; }

.tvl-icon-small-add {
  background-position: -140px -100px; }

.tvl-icon-small-edit-white {
  background-position: 0px -100px; }

.tvl-icon-small-remove-white {
  background-position: 0px -100px; }

.tvl-icon-xsmall-signed-in {
  background-position: -80px -120px; }

.tvl-icon-xsmall-open-rental {
  background-position: -92px -174px; }

.tvl-icon-xsmall-open-rental.corner {
  position: absolute;
  right: 10px;
  top: 10px; }

.tvl-icon-xsmall-signed-out {
  background-position: -51px -120px; }

.tvl-icon-xsmall-guest {
  background-position: -17px -120px; }

.tvl-icon-xsmall-subscription {
  background-position: 0px -120px; }

.tvl-icon-xsmall-add {
  background-position: -68px -120px; }

.tvl-accordeon-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  float: left;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: text-top;
  background-image: url("../images/accordeon-controls.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-right: 30px; }

.is-collapsed .tvl-accordeon-icon {
  background-position: -35px 0; }

.tvl-icon-small-remove:hover {
  background-color: #0f618d;
  background-position: -120px -100px; }

.tvl-icon-small-edit:hover {
  background-color: #0f618d;
  background-position: -60px -100px; }

.tvl-icon-small-add:hover {
  background-color: #0f618d;
  background-position: -160px -100px; }

.tvl-icon-xsmall-signed-in:hover {
  background-color: #0f618d;
  background-position: -80px -120px; }

/*============================
LIST HELPER CLASSES
==============================*/
/*===========================
Unstyled list 
removes margin, padding and list-styles of list items
============================*/
.unstyled {
  list-style: none outside none;
  padding-left: 0;
  margin: 0 0 1em 0; }

/*===========================
Horizontal List
============================*/
.horizontal-list > li {
  display: inline-block; }

/*-->Solve Strange IE8 bug of inline-block elements overlapping eachother*/
.lt-ie9 .horizontal-list li {
  margin-right: 1px; }

/*-->Fix IE7 lack of inline-block support*/
.lt-ie8 .horizontal-list li {
  display: inline;
  position: relative;
  zoom: 1; }

@media (max-width: 767px) {
  .horizontal-list > li.visible-phone {
    display: inline-block!important; } }
/*===========================
Mimics Horizontal definition lists
============================*/
.horizontal-def-list .list-label {
  display: block;
  float: left;
  width: 125px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  margin: 0 8px 8px 0; }
.horizontal-def-list .list-value {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 0 8px 0; }

.list-label {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 0 0 8px 0;
  display: inline-block; }

.inline-list {
  padding-right: 40px; }

.ie7 .list-value {
  padding: 0 0 8px 0;
  display: inline-block; }

/*===========================
List with action container
============================*/
.action-list li {
  margin-bottom: .5em;
  padding: .25em 0; }
.action-list li:first-child {
  padding-top: 0;
  border-top: none; }
.action-list .bd {
  display: block;
  position: relative;
  overflow: hidden; }
.action-list .list-actions {
  display: block;
  margin-left: 1em;
  float: right;
  font-weight: bold; }

/*----------------------------
HEADER
-----------------------------*/
.primary-header {
  width: 998px;
  margin: 10px auto 15px; }

.inner-wrapper {
  max-width: 998px;
  margin: 0 auto; }

@media (max-width: 1023px) {
  .primary-header {
    width: inherit;
    padding: 0;
    margin: 0px; } }
@media only screen and (max-width: 1023px) {
  .inner-wrapper {
    max-width: none;
    padding: 0; }

  .primary-header {
    padding: 0;
    max-width: none;
    width: inherit; } }
/*----------------------------
MAIN NAVIGATION
-----------------------------*/
.main-navigation {
  margin: 0 auto;
  width: 998px; }

.main-navigation .inner-wrapper {
  width: inherit;
  margin: 0 auto; }

@media (max-width: 1023px) {
  .main-navigation {
    width: inherit;
    padding: 0;
    margin: 0; } }
/*----------------------------
MAIN Content
-----------------------------*/
#main-content {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.85); }

.ie8 #main-content, .ie7 #main-content, .no-rgba #main-content {
  background: url("../images/bg-w-85.png") repeat transparent; }

.ie8 #main-content, .ie7 #main-content, .no-rgba #main-content {
  width: 970px; }

#main-content .inner-wrapper {
  max-width: 970px;
  margin: 0 auto 0 auto;
  padding: 24px 0 0;
  position: relative; }

#main-content + form {
  margin: 0; }

.tvl_sponsorblock_bottom {
  margin: 0 auto 40px auto; }
  .tvl_sponsorblock_bottom .tvl_sponsorblock_content {
    max-width: 998px;
    margin: 0 auto; }
    .tvl_sponsorblock_bottom .tvl_sponsorblock_content img {
      display: block;
      max-width: 100%; }

.ie8 .tvl_sponsorblock_bottom, .ie7 .tvl_sponsorblock_bottom {
  width: 998px; }

@media (max-width: 767px) {
  .tvl_sponsorblock_bottom {
    display: none; } }
@media (max-width: 1023px) {
  #main-content {
    width: 100%;
    max-width: none;
    padding: 0;
    padding: 0;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  #main-content .inner-wrapper {
    background: rgba(255, 255, 255, 0.85);
    max-width: none;
    padding: 24px 7px 0; } }
@media (max-width: 767px) {
  #main-content {
    padding-top: 10px; }

  #main-content .inner-wrapper {
    padding: 24px 18px 0; } }
@media (max-width: 479px) {
  #main-content .inner-wrapper {
    padding: 24px 0px 0; } }
/*----------------------------
Reset standaard LR styling
-----------------------------*/
.portlet-column-content {
  padding: 0; }

/*-------------------------------
IE7 fixes
--------------------------------*/
.ie7 div.portlet-column.span {
  width: inherit; }
.ie7 div.portlet-column.span12 {
  width: 100%;
  *width: 99.94845360824742%; }
.ie7 div.portlet-column.span11 {
  width: 91.54639175257732%;
  *width: 91.49484536082474%; }
.ie7 div.portlet-column.span10 {
  width: 83.09278350515464%;
  *width: 83.04123711340206%; }
.ie7 div.portlet-column.span9 {
  width: 74.63917525773196%;
  *width: 74.58762886597938%; }
.ie7 div.portlet-column.span8 {
  width: 66.18556701030928%;
  *width: 66.1340206185567%; }
.ie7 div.portlet-column.span7 {
  width: 57.73195876288659%;
  *width: 57.68041237113401%; }
.ie7 div.portlet-column.span6 {
  width: 49.27835051546392%;
  *width: 49.22680412371134%; }
.ie7 div.portlet-column.span5 {
  width: 40.82474226804124%;
  *width: 40.77319587628866%; }
.ie7 div.portlet-column.span4 {
  width: 32.371134020618555%;
  *width: 32.319587628865975%; }
.ie7 div.portlet-column.span3 {
  width: 23.917525773195877%;
  *width: 23.8659793814433%; }
.ie7 div.portlet-column.span2 {
  width: 15.463917525773196%;
  *width: 15.412371134020619%; }
.ie7 div.portlet-column.span1 {
  width: 7.010309278350515%;
  *width: 6.958762886597938%; }

/*----------------------------
HEADER
-----------------------------*/
.primary-header {
  margin-top: 10px; }

@media (max-width: 767px) {
  .primary-header {
    margin-bottom: 0px; } }
.logo-area {
  overflow: hidden;
  position: relative;
  float: left;
  margin: -50px 1em 0 0; }

@media (min-width: 768px) and (max-width: 1024px) {
  .logo-area {
    margin: -40px 1em 0 0; } }
@media (max-width: 767px) {
  .logo-area {
    margin: -50px 0 0 18px; } }
@media (max-width: 479px) {
  .logo-area {
    margin: -50px 0 0 18px; } }
.vtv-logo {
  display: inline-block;
  margin-right: 10px; }

@media (min-width: 768px) and (max-width: 1024px) {
  .vtv-logo {
    max-width: 225px;
    margin-right: 45px; }
    .vtv-logo img {
      display: block;
      width: 100%;
      max-width: 100%; } }
@media (max-width: 767px) {
  .vtv-logo {
    max-width: 200px; }
    .vtv-logo img {
      display: block;
      width: 100%;
      max-width: 100%; } }
@media (max-width: 479px) {
  .vtv-logo {
    max-width: 150px; } }
/*Additional Logo's*/
.tvl-heading-additional-logos {
  display: inline-block;
  vertical-align: super;
  *zoom: 1;
  *position: relative;
  *display: inline; }
  .tvl-heading-additional-logos div {
    display: inline-block;
    *zoom: 1;
    *position: relative;
    *display: inline; }
  .tvl-heading-additional-logos .tvl-heading-sponsor-media {
    margin: 0 15px 0 15px; }
  .tvl-heading-additional-logos .tvl-heading-sponsor-media.last {
    margin: 0; }
  .tvl-heading-additional-logos .tvl-heading-sponsor-media a {
    position: relative;
    top: -25px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .tvl-heading-additional-logos .tvl-heading-sponsor-media {
    display: inline-block;
    margin: 0 0 10px 0;
    max-width: 75px; }
    .tvl-heading-additional-logos .tvl-heading-sponsor-media img {
      display: block;
      width: 100%;
      max-width: 100%; }

  .tvl-heading-additional-logos .portlet-borderless-container .portlet-body {
    display: table; }
    .tvl-heading-additional-logos .portlet-borderless-container .portlet-body .liferay-faces-bridge-body {
      display: table-row; }
      .tvl-heading-additional-logos .portlet-borderless-container .portlet-body .liferay-faces-bridge-body .tvl-heading-sponsor-media {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px; }
        .tvl-heading-additional-logos .portlet-borderless-container .portlet-body .liferay-faces-bridge-body .tvl-heading-sponsor-media a {
          position: relative;
          top: -10px; } }
@media (max-width: 767px) {
  .tvl-heading-additional-logos .tvl-heading-sponsor-media {
    max-width: 90px;
    margin: 15px 0 0 70px; }
    .tvl-heading-additional-logos .tvl-heading-sponsor-media a {
      position: static;
      top: 0; }
    .tvl-heading-additional-logos .tvl-heading-sponsor-media img {
      display: block;
      width: 100%;
      max-width: 100%; } }
@media (max-width: 479px) {
  .tvl-heading-additional-logos .tvl-heading-sponsor-media {
    margin: 15px 0 0 53px; } }
.ie7 .primary-header .inner-wrapper > nav {
  position: relative;
  z-index: 500; }

.header-links {
  position: relative; }
  .header-links > ul {
    float: right;
    text-align: right;
    margin: 5px 22px 10px 0; }
  .header-links a {
    color: #fff;
    text-decoration: none; }
  .header-links a.dropdown-toggle {
    padding: .5em;
    position: relative;
    z-index: 1001;
    font-size: 14px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
  .header-links .signed-in a.dropdown-toggle {
    color: #ffd237;
    font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif; }
  .header-links .dropdown .caret {
    border-top: 5px solid #ffd237;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 4px;
    margin-top: 6px; }
  .header-links .open a.dropdown-toggle {
    background: #fff;
    color: #4c4c4c; }
  .header-links .dropdown-menu {
    margin-right: -1px; }
  .header-links .signed-in.open a.dropdown-toggle {
    background: #ffd237;
    color: #4c4c4c; }
  .header-links .signed-in.open .dropdown-menu {
    margin-top: 5px;
    border: 1px solid transparent; }
  .header-links .open .caret {
    border-top: 5px solid #4c4c4c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }
  .header-links .user-name {
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
  .header-links .tvl-icon-circle-yellow {
    margin: 0 -13px 0 5px;
    position: absolute;
    right: 0; }
  @media (max-width: 1023px) {
    .header-links .tvl-icon-circle-yellow {
      margin: 0;
      width: 15px; } }
  .header-links .login form {
    margin: 0; }
  .header-links .login .portlet-borderless-container {
    min-height: inherit; }
  .header-links .login .dropdown-menu {
    padding: 0;
    border: 1px solid transparent; }
  @media (max-width: 767px) {
    .header-links .user-name {
      display: inline-block;
      max-width: 180px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .header-links .welcome-message {
      display: none; } }
  @media (max-width: 479px) {
    .header-links .user-name {
      display: inline-block;
      max-width: 90px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .header-links .welcome-message {
      display: none; } }

.header-actions-area {
  float: right;
  text-align: right;
  margin: 0 27px 1em 0;
  color: #fff; }
  .header-actions-area a {
    color: #fff; }

@media (max-width: 1023px) {
  .header-actions-area {
    margin-right: 25px; } }
.quicknav {
  clear: both; }
  .quicknav a {
    color: #fff;
    font-size: 14px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    display: inline-block;
    margin-left: 16px;
    text-decoration: underline; }
    .quicknav a:hover {
      color: #ffd237; }

.header-content {
  position: relative;
  overflow: hidden; }

.ie7 input[type="hidden"] {
  display: none; }

.header-search-area .search-form {
  margin: 0 0 12px;
  border: 1px solid #B3B3B3;
  background: #fff;
  width: 230px;
  float: right; }
.header-search-area input[type="text"] {
  border-radius: 0;
  border: 0px solid #B3B3B3;
  background: #fff;
  width: 184px;
  margin: 0;
  box-shadow: none; }
  .header-search-area input[type="text"]:focus {
    box-shadow: none; }
.header-search-area .search-btn {
  border: 0px solid #B3B3B3;
  width: 30px;
  height: 30px;
  background: url("../images/tvl-icon-sprite.png") no-repeat -150px 0 white;
  border-radius: 0;
  text-transform: capitalize;
  text-indent: -900em;
  filter: none;
  border: 0; }
.header-search-area .search-btn:hover {
  background: url("../images/tvl-icon-sprite.png") no-repeat -181px 0 white;
  cursor: pointer;
  filter: none;
  border: 0; }

.ie9 .header-search-area .search-btn {
  background: url("../images/tvl-icon-sprite.png") no-repeat -150px 0 white;
  filter: none; }
.ie9 .search-btn:hover {
  background: url("../images/tvl-icon-sprite.png") no-repeat -181px 0 white;
  cursor: pointer;
  filter: none; }

.ie7 .header-search-area input[type="text"] {
  height: 22px;
  line-height: 22px; }

@media (max-width: 767px) {
  .logo-area {
    float: none;
    display: block; }

  .header-actions-area, .header-content {
    display: block;
    float: none; }

  .mobile-nav {
    float: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    height: 40px; }

  .mobile-nav.is-fixed {
    position: fixed;
    top: 10px;
    right: 10px; }

  .mobile-nav-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 5px;
    background: #0f618d;
    overflow: hidden;
    position: relative; }
    .mobile-nav-btn:hover {
      cursor: pointer; }

  .mobile-nav-btn span {
    position: absolute;
    left: -9000em;
    top: -99em; }

  .search-btn {
    background: #fff;
    margin-right: -4px; }

  .search-btn:hover {
    background: #0f618d; }

  .search-btn:hover .tvl-icon-search {
    background-position: -420px 0; }

  .search-btn.active .tvl-icon-search {
    background-position: -420px 0; }

  .menu-btn:hover .tvl-icon-menu {
    background-position: -360px 0; }

  .menu-btn.active .tvl-icon-menu {
    background-position: -360px 0; }

  .mobile-nav-btn.active {
    background: #0f618d; }

  .branding {
    vertical-align: bottom;
    width: 100%;
    position: relative; }

  .logo-area {
    text-align: left;
    display: inline-block;
    max-width: 220px; }

  .logo-area, .mobile-nav {
    display: inline-block;
    vertical-align: bottom; }

  .logo-area img {
    vertical-align: bottom; }

  .mobile-nav {
    text-align: right; }

  .header-actions-area {
    display: none; }

  .search-is-visible.header-content {
    margin: -10px 0 0 0; }

  .search-is-visible .header-actions-area {
    display: block;
    padding: 18px 8px 5px;
    margin: -10px 10px 10px;
    background: #0f618d; }

  .header-search-area .search-form {
    position: relative;
    float: none;
    width: 100%; }

  .header-search-area .search-btn {
    position: absolute;
    top: 0;
    right: 5px; }

  .header-search-area input[type="text"] {
    display: block;
    padding-right: 40px;
    width: 100%; }

  .quicknav {
    color: #fff;
    text-align: right; }
    .quicknav a {
      color: #fff; }

  .header-links > ul {
    margin-right: 18px;
    text-align: right; } }
.ie8 .header-links .dropdown-menu.align-right {
  right: 1px; }

.ie7 header-links .signed-in.open a.dropdown-toggle {
  display: inline-block; }
.ie7 header-links .signed-in.open a.dropdown-toggle + .align-right.dropdown-menu {
  margin-top: 2px; }

/*
.ie{
	 .header-links .dropdown-menu.align-right{
    	margin-top: -1px;
    }
}
*/
/*
Table Helper Classes: to determine the width of the cells
Total cannot exceed 100%
*/
.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

/*------------------------------------
STYLING PRIMEFACES DATA-TABLES
-------------------------------------*/
.ui-datatable .ui-datatable-header {
  background: none !important;
  padding: 0!important;
  text-align: left !important; }

th.ui-state-default, .ui-widget-content th.ui-state-default, .ui-widget-header th.ui-state-default {
  cursor: default; }

.ui-datatable .ui-widget-header {
  border: 1px solid #ffd200; }

.ui-datatable .ui-datatable-footer.ui-widget-header {
  border: transparent;
  font-weight: normal;
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
  color: #4c4c4c;
  font-size: 12px;
  background: #fff;
  padding: 15px;
  border-radius: 0; }

.ui-datatable .ui-corner-top {
  border-radius: 0; }

/*--> Sortable background images*/
.ui-datatable th.ui-sortable-column {
  cursor: pointer; }
.ui-datatable .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
  background: url("../images/tvl-icon-sprite.png") no-repeat -468px -534px transparent; }
.ui-datatable .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n {
  background: url("../images/tvl-icon-sprite.png") no-repeat -448px -534px transparent; }
.ui-datatable .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
  background: url("../images/tvl-icon-sprite.png") no-repeat -427px -536px transparent; }

.responsive-tablepattern-1.ui-datatable table {
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  border: 15px solid #fff;
  table-layout: fixed;
  width: 100%; }
.responsive-tablepattern-1.ui-datatable thead th,
.responsive-tablepattern-1.ui-datatable tbody td,
.responsive-tablepattern-1.ui-datatable tfoot td {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  overflow: hidden;
  padding: 4px 10px;
  white-space: normal;
  font-weight: normal; }
.responsive-tablepattern-1.ui-datatable thead th {
  font-size: 12px;
  background: #4C4C4C;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  text-align: left;
  border-radius: 0;
  text-overflow: ellipsis; }
.responsive-tablepattern-1.ui-datatable thead th.text-centered {
  text-align: center; }
.responsive-tablepattern-1.ui-datatable .ui-datatable-odd {
  background: #E6E6E6; }
@media (max-width: 767px) {
  .responsive-tablepattern-1.ui-datatable table {
    border: 5px; }
  .responsive-tablepattern-1.ui-datatable thead, .responsive-tablepattern-1.ui-datatable tbody, .responsive-tablepattern-1.ui-datatable th, .responsive-tablepattern-1.ui-datatable td, .responsive-tablepattern-1.ui-datatable tr {
    display: block; }
  .responsive-tablepattern-1.ui-datatable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .responsive-tablepattern-1.ui-datatable .ui-widget-content {
    border: 0px solid transparent; }
  .responsive-tablepattern-1.ui-datatable tbody tr.ui-widget-content {
    border-bottom: 1px solid #ccc; }
  .responsive-tablepattern-1.ui-datatable tbody td {
    border: none;
    border-bottom: none;
    position: relative;
    padding-left: 50%;
    min-height: 25px;
    white-space: inherit; }
  .responsive-tablepattern-1.ui-datatable tbody td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-title);
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden; }
  .responsive-tablepattern-1.ui-datatable .w5, .responsive-tablepattern-1.ui-datatable .w10, .responsive-tablepattern-1.ui-datatable .w15, .responsive-tablepattern-1.ui-datatable .w20, .responsive-tablepattern-1.ui-datatable .w25, .responsive-tablepattern-1.ui-datatable .w30, .responsive-tablepattern-1.ui-datatable .w35, .responsive-tablepattern-1.ui-datatable .w40, .responsive-tablepattern-1.ui-datatable .w45, .responsive-tablepattern-1.ui-datatable .w50, .responsive-tablepattern-1.ui-datatable .w55, .responsive-tablepattern-1.ui-datatable .w60, .responsive-tablepattern-1.ui-datatable .w65, .responsive-tablepattern-1.ui-datatable .w70, .responsive-tablepattern-1.ui-datatable .w80, .responsive-tablepattern-1.ui-datatable .w85, .responsive-tablepattern-1.ui-datatable .w90, .responsive-tablepattern-1.ui-datatable .w95 {
    width: inherit; } }

@media (max-width: 767px) {
  .responsive-tablepattern-1.ui-datatable.with-info-icon tbody tr {
    position: relative;
    padding-top: 37px; }
  .responsive-tablepattern-1.ui-datatable.with-info-icon tbody td.info-link-column {
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    float: right;
    text-align: right; }
  .responsive-tablepattern-1.ui-datatable.with-info-icon tbody td.info-link-column:before {
    top: 0;
    left: 0;
    width: 0;
    padding-right: 0;
    white-space: nowrap;
    content: " "; } }
.info-link span {
  display: none; }

/*--------------------------------------
Fixes for IE9 because it can't handle the responsive pattern
---------------------------------------*/
@media (max-width: 767px) {
  .ie9 .responsive-tablepattern-1 tbody td, .ie9 .responsive-tablepattern-1 tbody tr {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .ie9 .responsive-tablepattern-1 td.tournament-info {
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    float: right;
    text-align: right; }
  .ie9 .responsive-tablepattern-1 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .ie9 .responsive-tablepattern-1 tr:after, .ie9 .responsive-tablepattern-1 td:after {
    content: "";
    display: block;
    clear: both; }
  .ie9 .responsive-tablepattern-1 td {
    padding-left: 0%; }
  .ie9 .responsive-tablepattern-1 td:before {
    content: attr(style);
    font-weight: bold;
    display: block;
    position: static;
    clear: both;
    width: 100%;
    padding-right: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; }
  .ie9 .responsive-tablepattern-1 tbody td.tournament-info {
    padding: 0;
    position: static;
    text-align: right; }
  .ie9 .responsive-tablepattern-1 tbody td.tournament-info:before {
    display: none; }

  .ie9 .responsive-tablepattern-1.with-info-icon tbody tr {
    position: relative;
    padding-top: 0px;
    width: 100%; } }
/*------------------------------------
STYLING NON PRIMEFACES DATA-TABLES
-------------------------------------*/
table.responsive-tablepattern-1 {
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  table-layout: fixed;
  width: 100%; }
  table.responsive-tablepattern-1 th, table.responsive-tablepattern-1 td {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    overflow: hidden;
    padding: 4px 10px;
    white-space: normal;
    font-weight: normal; }
  table.responsive-tablepattern-1 th {
    font-size: 12px;
    background: #4C4C4C;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    text-align: left;
    border-radius: 0;
    text-overflow: ellipsis; }
  table.responsive-tablepattern-1 td.odd {
    background: #E6E6E6; }
  @media (max-width: 767px) {
    table.responsive-tablepattern-1 th, table.responsive-tablepattern-1 td, table.responsive-tablepattern-1 tr {
      display: block; }
    table.responsive-tablepattern-1 th {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.responsive-tablepattern-1 td {
      border: none;
      border-bottom: none;
      position: relative;
      padding-left: 50%;
      min-height: 25px;
      white-space: inherit; }
    table.responsive-tablepattern-1 td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      content: attr(data-title);
      font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
      text-overflow: ellipsis;
      text-align: left;
      overflow: hidden; }
    table.responsive-tablepattern-1 .w5, table.responsive-tablepattern-1 .w10, table.responsive-tablepattern-1 .w15, table.responsive-tablepattern-1 .w20, table.responsive-tablepattern-1 .w25, table.responsive-tablepattern-1 .w30, table.responsive-tablepattern-1 .w35, table.responsive-tablepattern-1 .w40, table.responsive-tablepattern-1 .w45, table.responsive-tablepattern-1 .w50, table.responsive-tablepattern-1 .w55, table.responsive-tablepattern-1 .w60, table.responsive-tablepattern-1 .w65, table.responsive-tablepattern-1 .w70, table.responsive-tablepattern-1 .w80, table.responsive-tablepattern-1 .w85, table.responsive-tablepattern-1 .w90, table.responsive-tablepattern-1 .w95 {
      width: inherit; } }

/*--------------------------------------
Fixes for IE9 because it can't handle the responsive pattern
---------------------------------------*/
@media (max-width: 767px) {
  .ie9 table.responsive-tablepattern-1 tbody td, .ie9 table.responsive-tablepattern-1 tbody tr {
    width: 100%;
    float: left;
    position: relative;
    display: block; }
  .ie9 table.responsive-tablepattern-1 td.tournament-info {
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    float: right;
    text-align: right; }
  .ie9 table.responsive-tablepattern-1 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .ie9 table.responsive-tablepattern-1 tr:after, .ie9 table.responsive-tablepattern-1 td:after {
    content: "";
    display: block;
    clear: both; }
  .ie9 table.responsive-tablepattern-1 td {
    padding-left: 0%; }
  .ie9 table.responsive-tablepattern-1 td:before {
    content: attr(style);
    font-weight: bold;
    display: block;
    position: static;
    clear: both;
    width: 100%;
    padding-right: 0px;
    white-space: nowrap; }
  .ie9 table.responsive-tablepattern-1 tbody td.tournament-info {
    padding: 0;
    position: static;
    text-align: right; }
  .ie9 table.responsive-tablepattern-1 tbody td.tournament-info:before {
    display: none; }

  .ie9 .responsive-tablepattern-1.with-info-icon tbody tr {
    position: relative;
    padding-top: 0px;
    width: 100%; } }
/*-------------------
Poule tables
--------------------*/
.game-table {
  font-size: 14px;
  table-layout: fixed;
  margin: 0 auto 24px;
  width: 100%; }
  .game-table td {
    vertical-align: middle;
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: #535353;
    overflow: hidden;
    padding: 4px 4px 4px 8px;
    white-space: normal;
    font-weight: normal;
    height: 25px; }
  .game-table .winner {
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
  .game-table .match-winner {
    font-weight: normal;
    text-align: center; }
    .game-table .match-winner a {
      display: block; }
  .game-table .score {
    text-align: center;
    width: 5%;
    padding: 4px; }
  .game-table .date, .game-table .status {
    font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
    display: block; }
  @media (max-width: 767px) {
    .game-table {
      width: 100%;
      font-size: 12px; }
      .game-table .score {
        width: 6%; }
      .game-table .match-winner {
        width: auto; } }

/*Make sure that correct fontfamily is used for bold type within tables*/
td b, td strong {
  font-weight: normal;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }

/*Overflow ellipsis on sortable column headers*/
th.ui-sortable-column span:first-child {
  display: inline-block;
  float: left;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis; }

/*Force size of icons in tables*/
.icon-24 img {
  display: inline-block;
  width: 24px;
  height: 24px; }

td.text-centered {
  text-align: center; }
  @media (max-width: 767px) {
    td.text-centered {
      text-align: left; } }

td img.circuit-icon {
  border: 0px;
  display: block;
  max-width: 100%;
  margin: 0 auto 5px; }
  @media (max-width: 767px) {
    td img.circuit-icon {
      display: inline-block; } }

td img.label-icon {
  float: none;
  margin-right: 4px; }

.tvl-landingpage #column-2 .ui-datatable-tablewrapper {
  padding: 15px;
  background: #fff; }
.tvl-landingpage #column-2 .responsive-tablepattern-1.ui-datatable table {
  border: none; }

.tvl-paragraph table, .portlet-journal-content .accordion-inner table, .tvl-news table, .regionieuws-detail-content table {
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  table-layout: fixed; }
  .tvl-paragraph table th, .tvl-paragraph table td, .portlet-journal-content .accordion-inner table th, .portlet-journal-content .accordion-inner table td, .tvl-news table th, .tvl-news table td, .regionieuws-detail-content table th, .regionieuws-detail-content table td {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    overflow: hidden;
    padding: 4px 10px;
    white-space: normal;
    font-weight: normal;
    font-size: 12px; }
  .tvl-paragraph table th, .portlet-journal-content .accordion-inner table th, .tvl-news table th, .regionieuws-detail-content table th {
    font-size: 13px;
    background: #4C4C4C;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    text-align: left;
    border-radius: 0; }
  .tvl-paragraph table tr.odd td, .portlet-journal-content .accordion-inner table tr.odd td, .tvl-news table tr.odd td, .regionieuws-detail-content table tr.odd td {
    background: #E6E6E6; }

.ranking-calculation-results-table, .ui-datatable.ranking-calculation-results-table table {
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif; }
  .ranking-calculation-results-table th, .ranking-calculation-results-table td, .ui-datatable.ranking-calculation-results-table table th, .ui-datatable.ranking-calculation-results-table table td {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    overflow: hidden;
    padding: 4px 10px;
    white-space: normal;
    font-weight: normal;
    font-size: 12px; }
  .ranking-calculation-results-table th, .ui-datatable.ranking-calculation-results-table table th {
    font-size: 13px;
    background: #4C4C4C;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    text-align: left;
    border-radius: 0; }
  .ranking-calculation-results-table tr.odd td, .ui-datatable.ranking-calculation-results-table table tr.odd td {
    background: #E6E6E6; }

.overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden; }

.scrollable.has-scroll {
  position: relative;
  overflow: hidden;
  /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */ }

.scrollable.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px/50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: ''; }

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
  overflow-x: auto; }

.scrollable > div::-webkit-scrollbar {
  height: 12px; }

.scrollable > div::-webkit-scrollbar-track {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
  background: #f0f0f0; }

.scrollable > div::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #ccc; }

input[type="submit"], input[type="button"], button {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1; }
  input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background: #006699;
    background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
    background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
    border: 1px solid transparent; }
  input[type="submit"]:focus, input[type="button"]:focus, button:focus {
    background: #006699;
    background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
    background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
    border: 1px solid transparent; }

input[disabled], input[disabled]:hover {
  background: #F5F5F5;
  border-color: #B3B3B3;
  color: #B3B3B3;
  filter: none;
  background-image: none; }

.webkit select[disabled] {
  color: #ccc; }

input[type="reset"] {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  border: 1px solid #808080;
  border-bottom: 2px solid #808080;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  color: #000; }
  input[type="reset"]:hover {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
    border: 1px solid #808080;
    border-bottom: 2px solid #808080; }
  input[type="reset"]:focus {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
    border: 1px solid #808080;
    border-bottom: 2px solid #808080; }

/*------------------------------------------------------*/
.btn {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1; }

.btn:active,
.btn.active {
  background: #006699;
  background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
  background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
  border: 1px solid transparent; }

.btn:first-child {
  *margin-left: 0; }

.btn:hover,
.btn:focus {
  background: #006699;
  background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
  background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
  border: 1px solid transparent; }

.btn:focus {
  background: #006699;
  background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
  background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
  border: 1px solid transparent; }

.btn.active,
.btn:active {
  background: #006699;
  background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
  background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
  background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
  border: 1px solid transparent; }

.btn.disabled,
.btn[disabled], .btn-secundary.disabled, .btn-secundary[disabled] {
  cursor: default;
  background-image: none;
  background: #F5F5F5;
  border-color: #B3B3B3;
  color: #B3B3B3;
  filter: none;
  background-image: none; }
  .btn.disabled:hover,
  .btn[disabled]:hover, .btn-secundary.disabled:hover, .btn-secundary[disabled]:hover {
    cursor: default;
    background-image: none;
    background: #F5F5F5;
    border-color: #B3B3B3;
    color: #B3B3B3;
    filter: none;
    background-image: none; }

.btn-secundary {
  border: 1px solid #808080;
  border-bottom: 2px solid #808080;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  color: #000; }

.btn-secundary:hover,
.btn-secundary:focus, .btn-secundary.active,
.btn-secundary:active {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
  background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
  background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
  background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
  border: 1px solid #808080;
  border-bottom: 2px solid #808080; }

.btn-large, input[type="submit"].btn-large, input[type="reset"].btn-large {
  padding: 8px 15px;
  font-size: 16px; }

.btn-small, input[type="submit"].btn-small, input[type="reset"].btn-small {
  padding: 2px 10px;
  font-size: 12px; }

.btn-mini, input[type="submit"].btn-mini, input[type="reset"].btn-mini {
  padding: 0 6px;
  font-size: 11px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn {
  margin-left: 5px; }

.btn:first-child {
  margin-left: 0; }

.tvl-cta-link {
  display: inline-block;
  color: #0f618d;
  font-size: 18px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  position: relative;
  padding: 0 0 0 40px; }
  .tvl-cta-link .tvl-icon-circle {
    position: absolute;
    left: 0; }
  .tvl-cta-link span {
    padding: 4px 0 0 0;
    display: block;
    position: relative;
    overflow: hidden; }
  .tvl-cta-link:hover {
    color: #ffd237; }
    .tvl-cta-link:hover .tvl-icon-circle {
      background-position: -30px 0; }

.tvl-cta-btn {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  display: block;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 18px;
  padding: 12px 12px 12px 50px;
  font-weight: normal; }
  .tvl-cta-btn .tvl-icon-circle {
    position: absolute;
    background-position: -209px -70px;
    left: 8px;
    top: 11px; }
  .tvl-cta-btn span {
    padding: 4px 0 0 0;
    display: block;
    position: relative;
    overflow: hidden; }
  .tvl-cta-btn:hover {
    background: #006699;
    background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
    background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 );
    border: 1px solid transparent; }

/*--------------------------------------------------------
FIX OR IE9 IN order to have gradient and border-radius
--------------------------------------------------------*/
.ie9 input[type="submit"], .ie9 input[type="button"], .ie9 button, .ie9 .btn {
  filter: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRmNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  .ie9 input[type="submit"]:hover, .ie9 input[type="button"]:hover, .ie9 button:hover, .ie9 .btn:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDM1NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  .ie9 input[type="submit"]:focus, .ie9 input[type="button"]:focus, .ie9 button:focus, .ie9 .btn:focus {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDM1NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
.ie9 .btn-secundary {
  filter: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  .ie9 .btn-secundary:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
  .ie9 .btn-secundary:focus {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
.ie9 input[disabled], .ie9 input[disabled]:hover {
  background: #F5F5F5;
  border-color: #B3B3B3;
  color: #B3B3B3;
  filter: none;
  background-image: none;
  background: #F5F5F5; }

.form-inline select.input-small {
  margin-right: 10px; }

.form-inline select {
  margin-bottom: 10px; }

.form-actions.buttons-right {
  text-align: right; }

input[type="text"], input[type="password"] {
  line-height: 30px;
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*--> Internet Explorer forms are not aligned*/
.ie input[type="text"], .ie input[type="password"] {
  line-height: 20px; }

.ie7 input[type="text"], .ie7 input[type="password"] {
  height: 20px; }

select, select[class^="span"], select[class*="span"],
select[size] {
  line-height: 30px;
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

select[multiple] {
  line-height: inherit;
  height: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.form-region {
  float: left; }

.form-region .inner-container {
  padding: 5px; }

/*-------------------------
RESPONSIVE FORM PATTERN-1
-------------------------*/
.responsive-form-pattern-1 .form-region-1, .responsive-form-pattern-1 .form-region-2, .responsive-form-pattern-1 .form-region-3 {
  width: 32.371134020618555%;
  *width: 32.319587628865975%; }
.responsive-form-pattern-1 .form-region-2, .responsive-form-pattern-1 .form-region-3 {
  margin-left: 1.443298969072165%;
  *margin-left: 1.3917525773195876%; }
.responsive-form-pattern-1 input[type="text"] {
  width: 258px; }
.responsive-form-pattern-1 select.span12 {
  width: 258px; }
.responsive-form-pattern-1 .row-fluid.span12 {
  width: 258px; }
.responsive-form-pattern-1 .form-2-up .span12 input[type="text"] {
  width: 100px; }
@media (max-width: 1023px) {
  .responsive-form-pattern-1 input[type="text"], .responsive-form-pattern-1 select.span12, .responsive-form-pattern-1 .row-fluid.span12, .responsive-form-pattern-1 .form-2-up .span12 input[type="text"] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .responsive-form-pattern-1 .input-small {
    width: 85px; } }
@media (max-width: 767px) {
  .responsive-form-pattern-1 .form-region-1, .responsive-form-pattern-1 .form-region-2 {
    width: 49.27835051546392%;
    *width: 49.22680412371134%; }
  .responsive-form-pattern-1 .form-region-3 {
    float: none;
    clear: both;
    width: 100%;
    margin-left: 0; } }
@media (max-width: 479px) {
  .responsive-form-pattern-1 .form-region-1, .responsive-form-pattern-1 .form-region-2, .responsive-form-pattern-1 .form-region-3 {
    float: none;
    clear: both;
    margin-left: 0;
    width: 100%; } }

/*-------------------------
RESPONSIVE FORM PATTERN-2
-------------------------*/
.responsive-form-pattern-2 .form-region-1, .responsive-form-pattern-2 .form-region-2 {
  width: 49.27835051546392%;
  *width: 49.22680412371134%; }
.responsive-form-pattern-2 .form-region-2 {
  margin-left: 1.443298969072165%;
  *margin-left: 1.3917525773195876%; }
.responsive-form-pattern-2 input[type="text"] {
  width: 258px; }
.responsive-form-pattern-2 select.span12 {
  width: 258px; }
.responsive-form-pattern-2 .row-fluid.span12 {
  width: 258px; }
.responsive-form-pattern-2 .form-2-up .span12 input[type="text"] {
  width: 100px; }
.responsive-form-pattern-2 .ui-datepicker-trigger {
  display: none; }
@media (max-width: 1023px) {
  .responsive-form-pattern-2 input[type="text"], .responsive-form-pattern-2 select.span12, .responsive-form-pattern-2 .row-fluid.span12, .responsive-form-pattern-2 .form-2-up .span12 input[type="text"] {
    width: 100%;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .responsive-form-pattern-2 .input-small {
    width: 85px; } }
@media (max-width: 479px) {
  .responsive-form-pattern-2 .form-region-1, .responsive-form-pattern-2 .form-region-2 {
    float: none;
    clear: both;
    margin-left: 0;
    width: 100%; } }

.search-info {
  margin-bottom: 1em; }

/*Dynamic input fields used in edit profile*/
.dynamic-field {
  width: 100%; }

.dynamic-field .value-wrapper {
  float: left;
  width: 66.18556701030928%;
  *width: 66.1340206185567%;
  margin-left: 1.443298969072165%;
  *margin-left: 1.3917525773195876%; }
  .dynamic-field .value-wrapper .value {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    overflow: hidden;
    width: 80%; }
  .dynamic-field .value-wrapper .link {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    float: right; }
    .dynamic-field .value-wrapper .link span {
      display: none; }

.dynamic-field .label {
  float: left;
  width: 32.371134020618555%;
  *width: 32.319587628865975%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tvl-form-pane {
  margin-bottom: 1em; }

.tvl-form-pane-title {
  margin-bottom: .5em; }

/*Searches with Maps*/
.responsive-map-pattern {
  position: relative; }

.responsive-map-pattern .search-pane-container {
  width: 66.18556701030928%;
  *width: 66.1340206185567%;
  margin-bottom: 24px; }

.map-container {
  position: absolute;
  right: 0;
  top: 42px;
  width: 32.371134020618555%;
  *width: 32.319587628865975%;
  float: left; }

.map {
  width: 100%;
  height: 300px;
  background: black;
  text-align: center;
  color: #fff; }

@media (max-width: 1023px) {
  .responsive-map-pattern .search-pane-container {
    width: 100%;
    float: none; }

  .map-container {
    position: static;
    width: 100%; }

  .map {
    width: 100%;
    height: auto;
    height: 350px;
    background: black; } }
@media (max-width: 767px) {
  .map-container {
    display: none; } }
.form-2-up {
  float: left;
  width: 49.27835051546392%;
  *width: 49.22680412371134%;
  margin-left: 1.443298969072165%;
  *margin-left: 1.3917525773195876%; }

.form-2-up:first-child {
  margin-left: 0; }

.ie7 .form-2-up input.span12 {
  max-width: 135px; }

.search-pane-container {
  background: #fff; }

/*->FORM ACTIONS*/
.form-actions {
  background: none;
  margin: 0;
  border-top: 0;
  padding: 0; }

.responsive-form-pattern-2, .responsive-form-pattern-1 {
  padding: 15px 30px 15px 15px; }
  .responsive-form-pattern-2 .form-actions, .responsive-form-pattern-1 .form-actions {
    padding: 0 30px 0 0; }

.form-actions.buttons-right > * {
  margin-left: 0.75em; }

.form-actions.buttons-left > * {
  margin-right: 0.75em; }

.form-actions.buttons-bottom > * {
  margin-top: 15px; }

table.checkbox {
  margin-left: 20px; }
  table.checkbox label {
    line-height: 22px; }

.lt-ie8 table.checkbox {
  margin-left: 0px; }
  .lt-ie8 table.checkbox input[type="radio"], .lt-ie8 table.checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0px; }
  .lt-ie8 table.checkbox label {
    padding-top: 6px; }
  .lt-ie8 table.checkbox img {
    position: relative;
    top: -4px; }

.ui-autocomplete.span12,
.ui-autocomplete.span11,
.ui-autocomplete.span10,
.ui-autocomplete.span9,
.ui-autocomplete.span8,
.ui-autocomplete.span7,
.ui-autocomplete.span6,
.ui-autocomplete.span5,
.ui-autocomplete.span4,
.ui-autocomplete.span3,
.ui-autocomplete.span2,
.ui-autocomplete.span1 {
  margin-left: 0; }

.marker-link {
  display: inline-block;
  text-align: left;
  color: #4c4c4c;
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif; }
  .marker-link strong {
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    color: #0f618d;
    font-weight: normal; }

.ie7 .tvl-create-profile-manager .row-fluid .span6 input.span12 {
  max-width: 449px; }
.ie7 .tvl-create-profile-manager .row-fluid input.span12 {
  max-width: 925px; }

/*AJAX LOADING*/
.form-wrapper {
  position: relative; }

.loader-container > div:first-child {
  background: none repeat scroll 0 0 white;
  height: 50px;
  position: fixed;
  width: 50px;
  z-index: 1051;
  bottom: 0;
  right: 0; }

.ajax-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px; }

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

/*Vertical tabs Left*/
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tabs-left > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 0px;
  border-right: 1px solid transparent; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 0px 0 0 0px; }

.tabs-left > .nav-tabs > li > a:hover {
  border-color: #c6bfbf #c6bfbf #c6bfbf #c6bfbf;
  border-right-color: transparent; }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
  border-color: #c6bfbf transparent #c6bfbf #c6bfbf;
  *border-right-color: white; }

@media (max-width: 767px) {
  .tabs-left > .nav-tabs {
    float: none;
    margin-right: 0px;
    border-right: 1px solid transparent; }

  .tabs-left > .nav-tabs > li {
    float: left;
    width: 33%;
    min-width: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .tabs-left > .nav-tabs > li > a {
    display: block;
    border: 1px solid black;
    text-align: center;
    border-radius: 0px 0 0 0px;
    min-width: 0; } }
.nav-tabs {
  border-bottom: 1px solid #b3b3b3;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 8px; }

.nav-tabs > li > a {
  border: 1px solid #b3b3b3;
  color: #4c4c4c;
  background: #ebebeb; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  background-color: #FFFFFF;
  border: 1px solid #b3b3b3;
  border-bottom: 1px solid transparent;
  color: #0f618d;
  cursor: default; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: #ebebeb;
  border: 1px solid #b3b3b3;
  color: #0f618d; }

.nav-tabs > li > a {
  margin-right: 0px; }

.tab-content {
  padding: 1em 12px;
  background: #fff;
  border: 1px solid #b3b3b3;
  border-top: 1px solid transparent; }

@media (max-width: 767px) {
  .tab-content {
    padding: 5px 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; } }
#main-content .tvl-submenu.portlet-boundary {
  margin-bottom: 0; }

.tvl-submenu .portlet-borderless-container {
  min-height: 0; }
.tvl-submenu .tvl-portlet-body {
  margin-bottom: 24px; }
.tvl-submenu .tvl-portlet-body.tvl-empty {
  padding: 0;
  margin-bottom: 0; }
.tvl-submenu .tvl-sub-navigation {
  margin: 0;
  padding: 0;
  background: #E6E6E6;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  list-style: none; }
  .tvl-submenu .tvl-sub-navigation li.odd {
    background: #fff; }
  .tvl-submenu .tvl-sub-navigation li a {
    display: block;
    font-size: 18px;
    color: #6B6B6B;
    padding: 12px 24px; }
    .tvl-submenu .tvl-sub-navigation li a .page-description {
      display: block;
      font-size: 13px; }
    @media (max-width: 767px) {
      .tvl-submenu .tvl-sub-navigation li a .page-description {
        display: none; } }
    .tvl-submenu .tvl-sub-navigation li a:hover {
      color: #fff;
      background: #005f8c;
      background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
      background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
      background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
      background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
      background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 ); }

/*----------------------------
MAIN NAVIGATION
-----------------------------*/
/*-->Global structure */
.main-navigation .inner-wrapper {
  color: #fff;
  height: 40px;
  position: relative;
  background: #666;
  background: #005f8c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%); }

.main-navigation .left-area {
  float: left; }

.main-navigation .right-area {
  float: right; }

@media (max-width: 767px) {
  .tvl-main-menu .portlet-borderless-container {
    min-height: 0; }

  .main-navigation .left-area {
    float: none; }

  .main-navigation .right-area {
    float: none; }

  .main-navigation .inner-wrapper {
    height: inherit;
    background: #fff;
    padding: 10px 0 10px;
    border-bottom: 5px solid #0f618d; } }
/*-->Main menu first level */
.main-menu {
  margin: 0 0 0 20px; }

@media (max-width: 1023px) {
  .main-menu {
    margin: 0; }

  #main-content.tvl-home #column-3 .portlet-boundary {
    margin-bottom: 0; } }
.main-menu-item {
  display: inline-block; }
  .main-menu-item.active {
    background: #fff;
    color: #0f618d; }
  .main-menu-item span {
    line-height: 40px;
    padding: 0 25px;
    display: inline-block;
    font-size: 18px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
  @media (max-width: 1023px) {
    .main-menu-item span {
      padding: 0 10px; } }
  .main-menu-item:hover {
    color: #0f618d;
    background: #fff;
    cursor: pointer; }
  .main-menu-item span i {
    display: none; }

.main-menu-item.subnav-is-open {
  color: #0f618d;
  background: #fff; }

@media (max-width: 767px) {
  .main-menu-item span i {
    display: inline-block; } }
/*Fix for IE8*/
.ie8 .main-menu-item {
  padding: 0 1px; }

/*Fixes for IE7*/
.lt-ie8 {
  /* Enalble Mega dropdown to span over content*/ }
  .lt-ie8 .tvl-main-menu {
    position: relative;
    z-index: 20; }
  .lt-ie8 #content {
    position: relative;
    z-index: 15; }
  .lt-ie8 .main-navigation .inner-wrapper {
    filter: none; }
  .lt-ie8 .main-menu-item {
    float: left;
    display: block; }
  .lt-ie8 .main-menu-item.subnav-is-open span {
    background: #fff; }
  .lt-ie8 .sub-menu-container {
    top: 40px; }

@media (max-width: 767px) {
  .main-navigation.menu-is-visible {
    margin: 0;
    position: absolute;
    width: 295px;
    right: 10px;
    top: -10px;
    z-index: 500; }

  .main-navigation.menu-is-visible.is-fixed {
    margin: 0;
    position: fixed;
    width: 300px;
    right: 5px;
    top: 54px;
    z-index: 500; }

  .main-menu {
    margin: 0; }

  .main-menu-item {
    line-height: normal;
    padding: 0px;
    display: block; } }
/*=======================*/
/*-->SUB menu */
/*=======================*/
.sub-menu-container {
  position: absolute;
  width: 1024px;
  background: #fff;
  left: -13px;
  border-bottom: 3px solid #0f618d;
  padding: 0;
  cursor: default; }
  .sub-menu-container a {
    color: #4c4c4c; }

.sub-menu {
  float: left;
  width: 256px;
  vertical-align: top;
  padding: 30px 0px 30px 0px; }
  .sub-menu .tvl-icon-lock {
    display: none; }

.js .sub-menu-container {
  display: none; }

.js .subnav-is-open .sub-menu-container {
  display: block;
  z-index: 500; }

/*-->My dashboard*/
.sub-menu.profile {
  background: #ffd237; }
  .sub-menu.profile li a {
    color: #000; }
    .sub-menu.profile li a:hover {
      background: #fff;
      color: #0f618d; }

/*-->Submenu not signed in*/
.sub-menu.restricted {
  background: #ebebeb;
  position: relative; }
  .sub-menu.restricted ul li {
    color: #4c4c4c;
    padding: 0.25em 0 0.25em 15px; }
  .sub-menu.restricted .sub-menu-title {
    color: #4c4c4c;
    padding-left: 0; }
  .sub-menu.restricted .tvl-icon-lock {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 8px; }

.sub-menu:first-child .sub-menu-title, .sub-menu:first-child ul {
  margin-left: 30px; }

.sub-menu-title {
  font-size: 16px;
  margin-bottom: 8px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #3b3b3b;
  padding-left: 15px;
  margin-left: 15px; }

.sub-menu ul {
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  color: #3b3b3b;
  margin-left: 15px; }

.sub-menu ul li a {
  padding: .25em 0 .25em 15px;
  display: block;
  max-width: 90%; }
  .sub-menu ul li a:hover {
    background: #0f618d;
    color: #fff; }

@media (min-width: 768px) and (max-width: 1023px) {
  .sub-menu-container {
    width: inherit;
    left: inherit;
    padding-top: 0px; }

  .sub-menu {
    margin-right: 0;
    max-width: none;
    float: none;
    vertical-align: top;
    display: block;
    width: inherit;
    padding: 0;
    height: auto!important;
    margin-bottom: 0px; }

  .sub-menu.restricted {
    background: #ebebeb;
    min-height: 50px; }
    .sub-menu.restricted .tvl-icon-lock {
      display: inline-block;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      right: 8px; }

  .sub-menu:first-child .sub-menu-title, .sub-menu:first-child ul, .sub-menu .sub-menu-title, .sub-menu ul {
    margin-left: 0; }

  .sub-menu.restricted .sub-menu-title {
    margin-bottom: 0;
    line-height: normal;
    padding: 15px 65px 0 15px; }

  .sub-menu-title + ul {
    display: none; }

  .sub-menu-title {
    padding-left: 0px;
    font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 0; }

  .sub-menu-title a {
    display: block;
    padding: 8px 65px 8px 15px; }
    .sub-menu-title a:hover {
      background: #0f618d;
      color: #fff; } }
@media (max-width: 767px) {
  body {
    position: relative;
    overflow: hidden; }

  .main-menu-item {
    display: block; }
    .main-menu-item span {
      line-height: normal;
      padding: 0 5px 0px 10px;
      display: block;
      font-size: 16px;
      font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
      color: #0f618d;
      margin-bottom: 0px; }
    .main-menu-item:hover {
      background: transparent; }

  .main-menu-item.active span {
    background: #0f618d;
    color: #fff;
    padding: 5px 10px; }

  .js .sub-menu-container {
    position: static;
    background: transparent;
    border-bottom: 0;
    padding: 0;
    display: block;
    margin-bottom: 5px; }

  .js .sub-menu {
    display: block; }

  .js .subnav-is-open .sub-menu {
    display: block; }

  .sub-menu-title + ul {
    display: none; }

  .js .main-navigation {
    display: none; }

  .js .main-navigation.menu-is-visible {
    display: block; }

  .sub-menu {
    margin: 0;
    float: none;
    max-width: none;
    vertical-align: top;
    display: block;
    padding: 0 5px;
    width: 285px;
    height: auto!important; }

  .sub-menu:first-child .sub-menu-title, .sub-menu:first-child ul, .sub-menu .sub-menu-title, .sub-menu ul {
    margin-left: 0; }

  .sub-menu-title {
    margin-left: 0;
    padding-left: 0;
    font-size: 14px;
    font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif; }

  .sub-menu.restricted {
    min-height: 50px;
    background: #ebebeb; }
    .sub-menu.restricted .tvl-icon-lock {
      display: inline-block;
      position: absolute;
      top: 5px;
      right: 5px; }

  .sub-menu.restricted .sub-menu-title {
    margin-bottom: 0;
    line-height: normal;
    padding: 15px 65px 0 15px; }

  .sub-menu-title a {
    display: block;
    padding: 8px 65px 8px 15px; }
    .sub-menu-title a:hover {
      background: #0f618d;
      color: #fff; } }
/*-->Action area */
.main-navigation-actions {
  margin: 0 15px 0 15px;
  line-height: 40px;
  text-align: right;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #fff; }
  .main-navigation-actions a {
    color: #fff; }
    .main-navigation-actions a:hover {
      text-decoration: underline; }

@media (max-width: 767px) {
  .main-navigation-actions {
    font-size: 16px;
    text-align: left;
    margin: 0 10px;
    line-height: normal; }
    .main-navigation-actions a {
      color: #0f618d; } }
.mobile.safari .mobile-menu-enabled video {
  -webkit-transform-style: preserve-3d;
  visibility: hidden; }

/*----------------------------
Footer
-----------------------------*/
.primary-footer {
  background: #3b3b3b;
  color: #fff;
  font-size: 12px; }
  .primary-footer .inner-wrapper {
    min-height: 305px;
    padding: 115px 0 45px;
    position: relative;
    overflow: visible; }
  .primary-footer .footer-visual {
    position: absolute;
    background: url("../images/footer-bg.gif") no-repeat 0 0 #3b3b3b;
    left: -160px;
    top: 60px;
    width: 415px;
    height: 256px;
    z-index: 1; }
  .primary-footer a {
    color: #fff;
    text-decoration: none; }

.footer-navigation-title {
  margin: 0;
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px; }

.footer-navigation-title + ul > li {
  margin-bottom: 15px; }

.social-media-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  position: relative;
  z-index: 4; }
  .social-media-list li {
    margin: 0 0 5px; }

.tvl-footer-menu {
  position: relative;
  z-index: 3; }

.ie8 .tvl_sponsorblock_bottom .inner-wrapper, .ie7 .tvl_sponsorblock_bottom .inner-wrapper {
  width: 998px; }

.tvl-portlet-header.primary-background {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 10px 10px 10px 0px; }

.tvl-portlet-header .tvl-portlet-title {
  font-size: 18px;
  padding: 0 0 0 25px; }
  .tvl-portlet-header .tvl-portlet-title a {
    color: #4c4c4c; }

@media (max-width: 1023px) {
  .tvl-portlet-header .tvl-portlet-title {
    font-size: 16px;
    padding: 0 0 0 16px; } }
@media (max-width: 479px) {
  .tvl-portlet-header .tvl-portlet-title {
    font-size: 14px;
    padding: 0 0 0 16px; } }
.tvl-portlet-header .tvl-portlet-title.with-icon {
  padding: 0px 0 0 10px; }
  .tvl-portlet-header .tvl-portlet-title.with-icon i {
    float: left;
    margin-right: 10px; }
  .tvl-portlet-header .tvl-portlet-title.with-icon span {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 4px 0 0 0; }

.tvl-default-header {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 11px; }

.small-header {
  font-size: 14px;
  margin-bottom: 0; }

/*Details - boxes */
.details {
  margin: 0 0 24px 0; }

.details-header {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 11px; }

.details-header.small {
  padding: 8px 18px; }
  .details-header.small .details-box-title {
    font-size: 14px; }

.details-header.small + .details-body {
  padding: 12px 8px 12px; }

.details-box-title {
  margin: 0;
  font-size: 18px; }

.details-logo {
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  right: 0; }

.details-body, .details-content {
  position: relative;
  overflow: hidden; }

.details-body {
  background: #fff;
  font-size: 14px;
  padding: 24px 15px 10px;
  position: relative; }

.details.with-border .details-header {
  border: 1px solid #ccc;
  border-bottom: 0; }
.details.with-border .details-body {
  border: 1px solid #ccc;
  border-top: 0; }
.details.with-border .details-body.with-top-border {
  border: 1px solid #ccc; }

/*POULE*/
.poule {
  margin: 0 0 24px 0; }

.poule-header {
  padding-top: 30px; }

.poule-title {
  font-size: 24px;
  margin: 0 0 1em 0;
  overflow: hidden;
  position: relative;
  margin: 0; }

.poule-header a {
  float: right;
  font-size: 14px;
  display: inline-block;
  margin-left: 15px;
  padding-top: 10px; }

.poule-header .print {
  margin-right: 15px;
  margin-top: -5px; }

.poule-body {
  margin: 0 0 0 15px; }

@media (max-width: 767px) {
  .poule-header {
    position: relative;
    padding: 35px .25em .25em; }

  .poule-title {
    overflow: hidden;
    position: absolute;
    top: 3px;
    margin: 0; }

  .poule-header a {
    float: none;
    margin-top: 0px;
    background: transparent;
    padding: 0px;
    font-size: 12px;
    margin-left: 0;
    display: inline-block;
    margin-right: 15px; }

  .poule-header .print {
    position: absolute;
    right: 0;
    top: 13px; }

  .poule-body {
    margin: 0; } }
/*------------------
Match winner in Tabels
------------------ */
.matchwinner .media-asset {
  float: left;
  margin-right: 5px; }
  .matchwinner .media-asset img {
    vertical-align: middle; }
.matchwinner .competitor {
  position: relative;
  overflow: hidden; }

@media (max-width: 767px) {
  .matchwinner .media-asset {
    float: left;
    margin-left: -21px; } }
.tvl-player-list.print {
  float: right;
  margin: 5px 15px 5px; }

/*------------------
Reeks Details
------------------ */
.reeks-details .details-body {
  padding: 24px 22px 10px 60px; }
@media (max-width: 767px) {
  .reeks-details .details-body {
    padding: 24px 12px 10px 12px;
    font-size: 12px; }
  .reeks-details .details-body li:after {
    content: "";
    display: table;
    clear: both; }
  .reeks-details .details-body .list-label {
    float: left;
    width: 100px; }
  .reeks-details .details-body .list-value {
    position: relative;
    overflow: hidden;
    margin-left: 5px;
    display: block; }
  .reeks-details .details-logo {
    margin: 0;
    position: static;
    text-align: center; } }

/*------------------
MEMBER Details
------------------ */
.member-details {
  font-size: 12px;
  padding: 0 5px;
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  color: #fff; }
  .member-details h1, .member-details h2, .member-details h3, .member-details h4, .member-details h5, .member-details a {
    color: #fff; }
  .member-details .details-header, .member-details .details-body {
    background: transparent;
    background-image: none;
    filter: none; }
  .member-details .details-box-title .tvl-accordeon-icon {
    margin-right: 35px;
    float: left;
    background-position: -35px 0; }
  .member-details .collapsed .tvl-accordeon-icon {
    background-position: 0px 0; }
  .member-details .details-box-title a span {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 3px;
    font-size: 18px; }
  .member-details .details-box-title a {
    display: block; }
  .member-details .profile-picture-small {
    max-width: 32px;
    height: 32px; }
  .member-details .details-box-title img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px; }
  .member-details .details-box-title .profile-picture-small {
    display: none; }
  .member-details .details-box-title .collapsed .profile-picture-small {
    display: inline-block; }
  .member-details .details-body {
    padding: 0px 22px 0px 80px;
    background: transparent; }
  .member-details .details-body > div {
    display: none; }
  .member-details .details-body.in {
    margin: 24px 0 0 0;
    padding-bottom: 20px; }
  .member-details .details-body.in > div {
    display: block; }
  .member-details .details-body {
    padding-left: 80px; }
  .member-details .profile-picture-container {
    float: left;
    margin-right: 20px; }
  .member-details .member-information {
    position: relative;
    overflow: hidden; }
    .member-details .member-information a {
      text-decoration: underline; }
      .member-details .member-information a:hover {
        text-decoration: none; }
  @media (max-width: 767px) {
    .member-details .profile-picture-container {
      float: none;
      margin-bottom: 12px; } }
  @media (max-width: 479px) {
    .member-details .profile-picture-container {
      text-align: center; }
    .member-details .details-body {
      padding-left: 12px; } }

/*Tournament Details */
.tournament-details, .offer-details {
  font-size: 12px;
  padding: 5px 5px 0;
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  color: #fff; }
  .tournament-details .modal, .tournament-details .modal h3, .offer-details .modal, .offer-details .modal h3 {
    color: #4c4c4c; }
    .tournament-details .modal .modal-header .close, .tournament-details .modal h3 .modal-header .close, .offer-details .modal .modal-header .close, .offer-details .modal h3 .modal-header .close {
      text-decoration: none; }
    .tournament-details .modal .modal-header .close:hover, .tournament-details .modal h3 .modal-header .close:hover, .offer-details .modal .modal-header .close:hover, .offer-details .modal h3 .modal-header .close:hover {
      text-decoration: none; }
  .tournament-details .modal a, .offer-details .modal a {
    color: #0f618d; }
  .tournament-details .details-header, .offer-details .details-header {
    background: none;
    filter: none; }
    .tournament-details .details-header .toggle-icon, .offer-details .details-header .toggle-icon {
      float: left; }
    .tournament-details .details-header span, .offer-details .details-header span {
      display: block;
      position: relative;
      overflow: hidden;
      padding-top: 5px; }
    .tournament-details .details-header a, .offer-details .details-header a {
      text-decoration: none; }
    .tournament-details .details-header a:hover, .offer-details .details-header a:hover {
      text-decoration: underline; }
  .tournament-details .tvl-accordeon-icon, .offer-details .tvl-accordeon-icon {
    background-position: -36px 0; }
  .tournament-details .collapsed .tvl-accordeon-icon, .offer-details .collapsed .tvl-accordeon-icon {
    background-position: 0px 0; }
  .tournament-details h1, .tournament-details h2, .tournament-details h3, .tournament-details h4, .tournament-details h5, .tournament-details a, .offer-details h1, .offer-details h2, .offer-details h3, .offer-details h4, .offer-details h5, .offer-details a {
    color: #fff; }
  .tournament-details a, .offer-details a {
    text-decoration: underline; }
  .tournament-details a:hover, .offer-details a:hover {
    text-decoration: none; }
  .tournament-details .cta, .offer-details .cta {
    font-size: 16px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    display: inline-block;
    margin-top: 12px; }
  .tournament-details .details-body, .offer-details .details-body {
    padding: 0px 22px 0px 80px;
    background: transparent;
    font-size: 12px;
   	/*@include breakpoint(tablet){ 
  	 	padding:0px 22px 0px 40px;
   	}*/ }
    @media (max-width: 1023px) {
      .tournament-details .details-body .span8 .row-fluid .span6, .offer-details .details-body .span8 .row-fluid .span6 {
        width: 100%;
        margin-left: 0;
        float: none; } }
    @media (max-width: 767px) {
      .tournament-details .details-body, .offer-details .details-body {
        padding: 0px 12px 0px 12px; } }
    .tournament-details .details-body .horizontal-def-list, .offer-details .details-body .horizontal-def-list {
      margin-bottom: 0; }
      .tournament-details .details-body .horizontal-def-list .list-label, .tournament-details .details-body .horizontal-def-list .list-value, .offer-details .details-body .horizontal-def-list .list-label, .offer-details .details-body .horizontal-def-list .list-value {
        margin-bottom: 4px; }
  .tournament-details .horizontal-def-list.date, .offer-details .horizontal-def-list.date {
    margin-bottom: 12px; }
  .tournament-details .details-body > div, .offer-details .details-body > div {
    display: none; }
  .tournament-details .details-body.in, .offer-details .details-body.in {
    margin: 24px 0 0 0;
    padding-bottom: 20px; }
  .tournament-details .details-body.in > div, .offer-details .details-body.in > div {
    display: block; }

/*Primefaces Overrides*/
#main-content .ui-widget-content a {
  color: #0f618d; }

#main-content .ui-widget {
  font-size: 1em; }

.tvl-content-wrapper {
  padding: 15px;
  background: #fff; }

.tvl-page-title .page-title select {
  margin: -4px 0 0 10px; }

.tvl-content-wrapper .responsive-tablepattern-1.ui-datatable table {
  border: 0px; }

.tab-pane.poules {
  padding-left: 15px; }
  .tab-pane.poules .poule .poule-header {
    padding-top: 0;
    margin-bottom: 15px; }
  @media (max-width: 767px) {
    .tab-pane.poules .poule .poule-header {
      padding: 35px .25em .25em;
      margin-bottom: 15px; } }
  .tab-pane.poules .responsive-tablepattern-1.ui-datatable table {
    border: 0px; }

/*Resultaten */
.tvl-match-results-sheet .responsive-tablepattern-1.ui-datatable table {
  border: 0px;
  margin-bottom: 24px; }
.tvl-match-results-sheet .details-footer {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 0px 24px 24px 24px; }
.tvl-match-results-sheet h3 {
  font-size: 18px;
  margin-bottom: 10px; }

/*Resultaten */
.tvl-player-complete-results .tab-content {
  padding: 24px 60px 24px 30px; }
.tvl-player-complete-results .season-standings {
  font-size: 14px; }
.tvl-player-complete-results .interclub-results, .tvl-player-complete-results .tournament-organization, .tvl-player-complete-results .individual-results {
  margin-bottom: 24px; }
  .tvl-player-complete-results .interclub-results .details, .tvl-player-complete-results .tournament-organization .details, .tvl-player-complete-results .individual-results .details {
    margin-left: 30px;
    margin-bottom: 12px; }
    .tvl-player-complete-results .interclub-results .details .list-label, .tvl-player-complete-results .interclub-results .details .list-value, .tvl-player-complete-results .tournament-organization .details .list-label, .tvl-player-complete-results .tournament-organization .details .list-value, .tvl-player-complete-results .individual-results .details .list-label, .tvl-player-complete-results .individual-results .details .list-value {
      padding-bottom: 4px;
      font-size: 13px; }
    .tvl-player-complete-results .interclub-results .details table, .tvl-player-complete-results .tournament-organization .details table, .tvl-player-complete-results .individual-results .details table {
      margin-top: 12px; }
    .tvl-player-complete-results .interclub-results .details .disclaimer, .tvl-player-complete-results .tournament-organization .details .disclaimer, .tvl-player-complete-results .individual-results .details .disclaimer {
      font-size: 12px; }
.tvl-player-complete-results .result-sheet {
  text-align: right; }
.tvl-player-complete-results .overall-results {
  font-size: 18px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  margin-bottom: 24px; }
.tvl-player-complete-results .result-total {
  float: right;
  font-size: 24px; }
.tvl-player-complete-results .results-total-disclaimer {
  font-size: 14px;
  margin: 0px 60px 12px 35px; }
@media (max-width: 767px) {
  .tvl-player-complete-results .tab-content {
    padding: 24px 8px 24px 8px; }
  .tvl-player-complete-results .season-standings {
    margin-left: 5px; }
  .tvl-player-complete-results .interclub-results, .tvl-player-complete-results .tournament-organization, .tvl-player-complete-results .individual-results {
    margin-bottom: 24px; }
    .tvl-player-complete-results .interclub-results .details, .tvl-player-complete-results .tournament-organization .details, .tvl-player-complete-results .individual-results .details {
      margin-left: 0px;
      margin-bottom: 0px; }
      .tvl-player-complete-results .interclub-results .details .list-label, .tvl-player-complete-results .interclub-results .details .list-value, .tvl-player-complete-results .tournament-organization .details .list-label, .tvl-player-complete-results .tournament-organization .details .list-value, .tvl-player-complete-results .individual-results .details .list-label, .tvl-player-complete-results .individual-results .details .list-value {
        padding-bottom: 4px; }
    .tvl-player-complete-results .interclub-results .details-header.small, .tvl-player-complete-results .tournament-organization .details-header.small, .tvl-player-complete-results .individual-results .details-header.small {
      padding-left: 8px; }
    .tvl-player-complete-results .interclub-results .details.with-border .details-body, .tvl-player-complete-results .tournament-organization .details.with-border .details-body, .tvl-player-complete-results .individual-results .details.with-border .details-body {
      /*border:0 solid transparent;*/
      background: #ebebeb;
      padding: 8px 0 0 0;
      position: relative; }
      .tvl-player-complete-results .interclub-results .details.with-border .details-body .row-fluid > div, .tvl-player-complete-results .tournament-organization .details.with-border .details-body .row-fluid > div, .tvl-player-complete-results .individual-results .details.with-border .details-body .row-fluid > div {
        margin: 0 8px; }
    .tvl-player-complete-results .interclub-results .details.with-border .ui-widget-content, .tvl-player-complete-results .tournament-organization .details.with-border .ui-widget-content, .tvl-player-complete-results .individual-results .details.with-border .ui-widget-content {
      border: 0 solid transparent;
      padding: 15px 0 35px; }
    .tvl-player-complete-results .interclub-results .details.with-border table, .tvl-player-complete-results .tournament-organization .details.with-border table, .tvl-player-complete-results .individual-results .details.with-border table {
      padding: 0 8px 0px; }
    .tvl-player-complete-results .interclub-results .details.with-border .result-sheet, .tvl-player-complete-results .tournament-organization .details.with-border .result-sheet, .tvl-player-complete-results .individual-results .details.with-border .result-sheet {
      position: absolute;
      bottom: 10px;
      right: 5px; }
    .tvl-player-complete-results .interclub-results .details.with-border + .details.with-border .details-header, .tvl-player-complete-results .tournament-organization .details.with-border + .details.with-border .details-header, .tvl-player-complete-results .individual-results .details.with-border + .details.with-border .details-header {
      border-top: 0 solid transparent; }
  .tvl-player-complete-results .result-total {
    float: none;
    display: block;
    font-size: 24px; }
  .tvl-player-complete-results .results-total-disclaimer {
    margin-left: 5px; } }
@media (max-width: 479px) {
  .tvl-player-complete-results .tab-content {
    padding: 24px 0px 24px 0px; }
  .tvl-player-complete-results .season-standings {
    margin-left: 8px; }
  .tvl-player-complete-results .interclub-results h2, .tvl-player-complete-results .tournament-organization h2, .tvl-player-complete-results .tournament-results h2, .tvl-player-complete-results .individual-results h2 {
    padding: 0 8px;
    margin-bottom: 5px; }
  .tvl-player-complete-results .overall-results, .tvl-player-complete-results .results-total-disclaimer {
    padding: 0 8px; } }

/*Inschrivingen */
.tvl-subscriptions-overview .responsive-tablepattern-1.ui-datatable table {
  border: 0; }
.tvl-subscriptions-overview .player-subscriptions {
  margin-bottom: 24px; }
  .tvl-subscriptions-overview .player-subscriptions .details {
    margin-bottom: 12px; }
    .tvl-subscriptions-overview .player-subscriptions .details .list-label, .tvl-subscriptions-overview .player-subscriptions .details .list-value {
      padding-bottom: 4px;
      font-size: 13px; }
      .tvl-subscriptions-overview .player-subscriptions .details .list-label .label-icon, .tvl-subscriptions-overview .player-subscriptions .details .list-value .label-icon {
        float: none; }
    .tvl-subscriptions-overview .player-subscriptions .details table {
      margin-top: 12px;
      font-size: 12px; }
    .tvl-subscriptions-overview .player-subscriptions .details .disclaimer {
      font-size: 12px; }
@media (max-width: 767px) {
  .tvl-subscriptions-overview .player-subscriptions {
    margin-bottom: 24px;
    padding: 0 8px; }
    .tvl-subscriptions-overview .player-subscriptions .details {
      margin-left: 0px;
      margin-bottom: 0px; }
      .tvl-subscriptions-overview .player-subscriptions .details .list-label, .tvl-subscriptions-overview .player-subscriptions .details .list-value {
        padding-bottom: 4px; }
    .tvl-subscriptions-overview .player-subscriptions .details-header.small {
      padding-left: 8px; }
    .tvl-subscriptions-overview .player-subscriptions .details.with-border .details-body {
      /*border:0 solid transparent;*/
      background: #ebebeb;
      padding: 8px 0 0 0;
      position: relative; }
      .tvl-subscriptions-overview .player-subscriptions .details.with-border .details-body .row-fluid > div {
        margin: 0 8px; }
    .tvl-subscriptions-overview .player-subscriptions .details.with-border .ui-widget-content {
      border: 0 solid transparent;
      padding: 15px 0 35px; }
    .tvl-subscriptions-overview .player-subscriptions .details.with-border table {
      padding: 0 8px 0px; }
    .tvl-subscriptions-overview .player-subscriptions .details.with-border + .details.with-border .details-header {
      border-top: 0 solid transparent; } }
@media (max-width: 479px) {
  .tvl-subscriptions-overview .player-subscriptions {
    padding: 0; }
    .tvl-subscriptions-overview .player-subscriptions h2 {
      padding: 0 8px;
      margin-bottom: 5px; } }

/*Ranking calculation */
.tvl-ranking-calculation table {
  font-size: 12px; }
.tvl-ranking-calculation .with-border .ui-datatable-tablewrapper, .tvl-ranking-calculation .scrollable, .tvl-ranking-calculation .table-wrapper {
  border: 1px solid #ccc; }
.tvl-ranking-calculation .with-border .ui-datatable-tablewrapper .scrollable {
  border: 0; }
.tvl-ranking-calculation .tab-content {
  padding: 24px 60px 24px 30px; }
.tvl-ranking-calculation .season-standings {
  font-size: 14px; }
.tvl-ranking-calculation .ranking-calculation-report-link {
  margin-bottom: 12px; }
.tvl-ranking-calculation .ranking-group {
  margin-bottom: 32px; }
.tvl-ranking-calculation .crombez-disclaimer {
  padding: 5px;
  margin-bottom: 12px;
  font-size: 12px; }
.tvl-ranking-calculation .details-content .crombez-disclaimer {
  margin-bottom: 0; }
.tvl-ranking-calculation .ranking-calculation-results {
  margin-bottom: 12px;
  font-size: 14px; }
  .tvl-ranking-calculation .ranking-calculation-results .responsive-tablepattern-1.ui-datatable table {
    border: 0;
    margin-bottom: 12px; }
  .tvl-ranking-calculation .ranking-calculation-results .ui-datatable-odd td {
    background: #E6E6E6; }
  .tvl-ranking-calculation .ranking-calculation-results .details {
    margin-left: 0px;
    margin-bottom: 12px; }
    .tvl-ranking-calculation .ranking-calculation-results .details .ranking-calculation-results {
      margin-bottom: 0; }
    .tvl-ranking-calculation .ranking-calculation-results .details .list-label, .tvl-ranking-calculation .ranking-calculation-results .details .list-value {
      padding-bottom: 4px;
      font-size: 13px; }
    .tvl-ranking-calculation .ranking-calculation-results .details .disclaimer {
      font-size: 12px;
      padding: 5px;
      margin-bottom: 12px; }
  .tvl-ranking-calculation .ranking-calculation-results .crombez-overview {
    margin-bottom: 36px; }
  .tvl-ranking-calculation .ranking-calculation-results .crombez-details {
    margin-left: 15px; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .ui-datatable-tablewrapper {
      margin-bottom: 12px; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details p {
      margin-bottom: 12px;
      margin-left: 15px; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details {
      margin-left: 15px; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details-content .ui-datatable-tablewrapper {
      margin: 0; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details-content p {
      margin-left: 0; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details h3 {
      margin-bottom: 5px; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details-header h3 {
      margin-bottom: 0; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details.with-border {
      margin-bottom: 24px; }
.tvl-ranking-calculation .result-sheet {
  text-align: right; }
.tvl-ranking-calculation .results-total-disclaimer {
  font-size: 12px; }
.tvl-ranking-calculation .ranking-calculation-totals {
  font-size: 14px; }
@media (max-width: 767px) {
  .tvl-ranking-calculation .tab-content {
    padding: 12px; }
  .tvl-ranking-calculation h3 {
    font-size: 16px; }
  .tvl-ranking-calculation .ranking-calculation-results .crombez-details {
    margin-left: 0; }
    .tvl-ranking-calculation .ranking-calculation-results .crombez-details .details, .tvl-ranking-calculation .ranking-calculation-results .crombez-details p {
      margin-left: 0px; } }
@media (max-width: 1023px) {
  .tvl-ranking-calculation .with-border .ui-datatable-tablewrapper {
    border: 0; }
  .tvl-ranking-calculation .table-wrapper {
    border: 0; } }

/*User Tests*/
.tvl-test_results .responsive-tablepattern-1.ui-datatable table {
  border: 0px;
  margin-bottom: 24px; }
.tvl-test_results .jqplot-title {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
.tvl-test_results .jqplot-target {
  color: #4c4c4c;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  margin: 12px 0; }
.tvl-test_results .user-test-info-bottom {
  background: #fff;
  padding: 12px;
  font-size: 14px; }

/*
Info Box
*/
.tvl-info-box {
  background: #fff;
  border: 1px solid #0f618d;
  padding: 12px;
  margin: 0 auto 12px; }
  .tvl-info-box .tvl-icon-info {
    float: left;
    margin-right: 12px;
    background-position: -300px -70px; }
  .tvl-info-box .tvl-info-box-message {
    overflow: hidden;
    position: relative;
    padding-top: 7px;
    color: #0f618d; }
    .tvl-info-box .tvl-info-box-message a {
      text-decoration: underline; }

/*
Resultaten
*/
.tournament-circuit .inline-list img {
  display: inline-block;
  margin: 0 2px;
  vertical-align: bottom; }

 /*
statistic-navigation
*/
.statistic-navigation {
  padding: 10px 15px 10px 30px;
  margin: 0 0 24px;
  font-size: 14px;
  background: #fff; }

/*Tournament rules */
.tournament-rules {
  margin: 0 0 1em;
  padding: 0;
  font-size: 14px;
  list-style-type: none; }
  .tournament-rules li {
    display: block;
    margin-bottom: 1em; }
  .tournament-rules .article {
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 0 5px; }
  .tournament-rules .info {
    margin: 0 0 5px 15px; }

/*Create profile Manager*/
.tvl-create-profile-manager .tvl-icon-small-add + span {
  display: none; }
.tvl-create-profile-manager .action-container.actions-right {
  padding-right: 10px; }

/*Landing page-video*/
.tvl-video .mejs-poster, .tvl-carousel .mejs-poster {
  width: auto !important;
  height: auto !important; }
.tvl-video .mejs-iphone .mejs-overlay-button, .tvl-carousel .mejs-iphone .mejs-overlay-button {
  display: none; }

.double-partner {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ccc;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #0f618d; }

.list-value.with-image img {
  vertical-align: middle; }

.subscriptionsresults .responsive-tablepattern-1.ui-datatable table {
  border: 0; }

.aui-dialog {
  font-size: 14px; }
  .aui-dialog .aui-dialog-content {
    margin: 0;
    padding: 0; }
  .aui-dialog .aui-dialog-hd {
    margin-bottom: 0;
    background-color: #ffe917;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
    background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
    background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
    background-image: -o-linear-gradient(top, #ffe917, #ffd200);
    background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
    background-image: linear-gradient(top, #ffe917, #ffd200);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
    padding: 11px;
    text-decoration: none;
    text-shadow: none; }
  .aui-dialog .aui-dialog-bd {
    padding: 15px; }

.wizard-navigation {
  list-style: none;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 1em; }

.wizard-navigation li {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wizard-navigation li a.next, .wizard-navigation li a.prev {
  display: none; }

.wizard-navigation li .label {
  color: white;
  text-decoration: none;
  padding: 0 27px 0 10px;
  background: #F5F5F5;
  position: relative;
  display: block;
  text-align: left;
  min-height: 56px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #6B6B6B;
  font-size: 16px;
  line-height: 56px; }

.wizard-navigation li .label span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle; }

.wizard-navigation li .label:after {
  content: " ";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 8px;
  background: url("../images/tvl-icon-sprite.png") no-repeat 0 -406px whitesmoke; }

.wizard-navigation li:last-child .label:after {
  display: none; }

.wizard-navigation li.last .label:after {
  display: none; }

.wizard-navigation li.active .label {
  color: #0f618d;
  font-size: 18px;
  background: #fff; }

.wizard-navigation li.active .label:after {
  background: url("../images/tvl-icon-sprite.png") no-repeat 1px -352px white; }

.wizard-navigation li .label:hover {
  color: #0f618d;
  background: #fff; }

.wizard-navigation li .label:hover:after {
  background: url("../images/tvl-icon-sprite.png") no-repeat 1px -352px white; }

.steps-7 li {
  width: 14.28571428571429%; }

.steps-6 li {
  width: 16.6666666666667%; }

.steps-5 li {
  width: 20%; }

.steps-4 li {
  width: 25%; }

.steps-3 li {
  width: 33.3333%; }

.steps-2 li {
  width: 50%; }

.ie7 .steps-7 li {
  width: 134px; }
.ie7 .steps-6 li {
  width: 157px; }
.ie7 .steps-5 li {
  width: 188px; }
.ie7 .steps-4 li {
  width: 235px; }
.ie7 .steps-3 li {
  width: 314px; }
.ie7 .steps-2 li {
  width: 471px; }
.ie7 .tvl-tournament-poule-tabel .steps-7 li {
  width: 111px; }
.ie7 .tvl-tournament-poule-tabel .steps-6 li {
  width: 129px; }
.ie7 .tvl-tournament-poule-tabel .steps-5 li {
  width: 155px; }
.ie7 .tvl-tournament-poule-tabel .steps-4 li {
  width: 194px; }
.ie7 .tvl-tournament-poule-tabel .steps-3 li {
  width: 259px; }
.ie7 .tvl-tournament-poule-tabel .steps-2 li {
  width: 389px; }
.ie7 .wizard-navigation li {
  background: url("../images/wizard-nav-next.png") no-repeat 95% center whitesmoke; }
.ie7 .wizard-navigation li.active {
  background: url("../images/wizard-nav-active.png") no-repeat 95% center white; }
.ie7 .wizard-navigation li.last {
  background: #F5F5F5; }
.ie7 .wizard-navigation li.last.active {
  background: #fff; }
.ie7 .wizard-navigation li .label span {
  line-height: 56px; }
.ie7 .wizard-navigation li .label {
  background: transparent; }

@media (max-width: 767px) {
  .step7 li, .steps-6 li, .steps-5 li, .steps-4 li, .steps-3 li, .steps-2 li {
    float: none;
    width: 100%;
    position: relative;
    text-align: center;
    background: #F5F5F5;
    padding: 5px; }

  .wizard-navigation li a.next, .wizard-navigation li a.prev {
    display: inline-block; }

  .wizard-navigation li .label, .wizard-navigation li.active .label {
    text-decoration: none;
    padding: 0px;
    position: relative;
    display: inline-block;
    text-align: center;
    background: transparent; }

  .wizard-navigation li a.next {
    width: 15px;
    height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 8px; }
    .wizard-navigation li a.next .icon-chevron-right {
      width: 15px;
      height: 27px;
      display: inline-block;
      background: url("../images/tvl-icon-sprite.png") no-repeat 0 -406px; }

  .wizard-navigation li a.prev {
    width: 15px;
    height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 8px; }
    .wizard-navigation li a.prev .icon-chevron-left {
      width: 15px;
      height: 27px;
      display: inline-block;
      background: url("../images/tvl-icon-sprite.png") no-repeat 0 -453px; }

  .wizard-navigation li .label:before, .wizard-navigation li .label:after {
    display: none; }

  .wizard-navigation li.wizard-step.active {
    display: block;
    text-align: center;
    width: 100%; }

  .wizard-navigation li.wizard-step {
    display: none; } }
.wizard-content {
  display: none;
  padding: 15px 0 0 0; }

.wizard-content.active {
  display: block; }

.details-header + nav > .wizard-navigation {
  margin: 0; }
  .details-header + nav > .wizard-navigation .unstyled {
    margin-bottom: 0; }

.portlet-msg, .portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress, .lfr-message-info, .portlet-msg-error, .lfr-message-error, .portlet-msg-alert, .lfr-message-alert, .portlet-msg-success, .lfr-message-success {
  font-weight: normal; }

.aui-form-validator-error-container {
  color: #4c4c4c; }

.aui-form-validator-error {
  border: 1px solid #D3372F; }

[class~="aui-form-validator-message"] {
  background: #D33630;
  color: #fff;
  font-weight: normal; }

.portlet-msg-error, .lfr-message-error {
  border: 0 solid transparent;
  background: url("../images/error-bg.png") no-repeat 6px 50% #d3372f;
  color: #fff;
  font-weight: normal;
  min-height: 36px; }

.page-customization-bar {
  display: none; }

.accordion-group {
  border: none;
  border-radius: 0;
  margin-bottom: 0px; }

.accordion-heading {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 0;
  font-size: 18px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal; }

.accordion-heading .accordion-toggle {
  color: #4c4c4c;
  padding: 15px 15px 15px 75px;
  background: url("../images/tvl-icon-sprite.png") no-repeat -430px -605px; }

.accordion-heading .accordion-toggle.active {
  color: #4c4c4c;
  background: url("../images/tvl-icon-sprite.png") no-repeat -466px -565px; }

.accordion-inner {
  border-top: 1px solid #fff;
  padding: 9px 15px;
  background: #fff; }

.ui-datepicker {
  padding: 0;
  z-index: 1051 !important; }

.ui-datepicker.ui-widget-content {
  border: 0 solid transparent; }

.ui-datepicker .ui-widget-header {
  background: #fff;
  border: 1px solid #585858;
  border-bottom: 0px solid transparent;
  border-radius: 4px 4px 0 0;
  margin-top: 2px;
  color: #000;
  font-weight: normal; }

.ui-datepicker .ui-datepicker-title {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }

.ui-datepicker-calendar thead th {
  font-weight: normal;
  font-size: 12px;
  background: #E6E6E6;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  border: 1px solid #585858; }

.ui-datepicker-calendar td {
  border: 1px solid #585858;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  padding: 0 !important; }

.ui-datepicker-calendar td > a {
  padding: 2px; }

.ui-datepicker td span, .ui-datepicker .ui-datepicker td a {
  text-align: center !important; }

.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
  padding: 0;
  border: 1px solid #585858;
  border-top: 0 solid transparent;
  border-radius: 0 0 4px 4px; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  display: block;
  text-align: center;
  padding: 0.2em 0 0.3em;
  width: 100%;
  float: none;
  margin: 0 0 2px 0;
  border-radius: 0;
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #0f618d !important; }

.ui-datepicker-close {
  display: none; }

.ui-datepicker table {
  margin: 0;
  font-size: 12px; }

.ui-widget-content.ui-datepicker .ui-state-default, .ui-widget-content.ui-datepicker .ui-widget-header .ui-state-default {
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 solid transparent !important;
  text-shadow: none !important;
  color: #585858 !important;
  border-radius: 0 !important;
  text-align: center; }

.ui-widget-content.ui-datepicker .ui-state-disabled, .ui-widget-content.ui-datepicker .ui-widget-header .ui-state-disabled {
  background: #f5f5f5; }

.ui-widget-content.ui-datepicker .ui-state-hover, .ui-widget-content.ui-datepicker .ui-widget-header .ui-state-hover {
  background: transparent; }

.ui-widget-content.ui-datepicker .ui-state-disabled, .ui-widget-content.ui-datepicker .ui-state-disabled {
  opacity: 1; }

.ui-widget-content.ui-datepicker .ui-state-highlight, .ui-widget-content.ui-datepicker .ui-state-highlight, .ui-widget-content.ui-datepicker .ui-state-active, .ui-widget-content.ui-datepicker .ui-state-active {
  background: #ffd237 !important; }

.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url("../images/tvl-icon-sprite.png"); }

.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w {
  background-position: -411px -666px; }

.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e {
  background-position: -422px -666px; }

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

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

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

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

.ui-autocomplete-panel {
  z-index: 1051 !important; }

@media (max-width: 479px) {
  .ui-autocomplete-panel {
    left: 12px !important;
    max-width: 95% !important; } }
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible; }

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 100%;
  padding: 8px;
  color: #000000;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  border-color: #0f618d;
  border-width: 5px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #0f618d;
  border-width: 5px 5px 0; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #0f618d;
  border-width: 5px 5px 5px 0; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #0f618d;
  border-width: 5px 0 5px 5px; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #0f618d;
  border-width: 0 5px 5px; }

/*Styling OTB Liferay Portlets*/
/*===========================
RSS FEED Homepage
===========================*/
.portlet-rss .portlet-content, .portlet-rss .portlet-minimized .portlet-content-container {
  padding: 0px;
  background: #fff; }
.portlet-rss .portlet-topper {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 10px 10px 10px 0px; }
.portlet-rss .portlet-title {
  font-size: 18px;
  padding: 0 0 0 25px; }
.portlet-rss .portlet-title-text {
  font-size: 18px; }
@media (max-width: 1023px) {
  .portlet-rss .portlet-topper {
    padding: 10px 10px 10px 0px; }
  .portlet-rss .portlet-title {
    padding: 0 0 0 16px; }
  .portlet-rss .portlet-title-text {
    font-size: 16px; } }
@media (max-width: 479px) {
  .portlet-rss .portlet-topper {
    padding: 5px 10px 5px 0px; }
  .portlet-rss .portlet-title {
    padding: 0 0 0 16px; }
  .portlet-rss .portlet-title-text {
    font-size: 14px; } }
.portlet-rss .feed-entry-expander, .portlet-rss .opens-new-window-accessible, .portlet-rss .feed-description, .portlet-rss .portlet-title .icon {
  display: none; }
.portlet-rss .feed {
  padding: 0; }
.portlet-rss .feed-entry {
  margin: 0;
  background: #fff;
  padding: 15px; }
.portlet-rss .feed-entry:nth-child(2n) {
  background: #E6E6E6; }
.portlet-rss .feed-entry.odd {
  background: #E6E6E6; }
.portlet-rss .feed-entry-title, .portlet-rss .feed-entry-title a {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: normal;
  color: #4c4c4c; }
.portlet-rss .feed-entry-title a:hover {
  color: #0f618d; }
.portlet-rss .feed-entry-content {
  padding: 0;
  font-size: 12px;
  color: #000; }
.portlet-rss .feed-date {
  background: none;
  padding-left: 0;
  margin: 0 0 5px;
  color: #4c4c4c; }
@media (max-width: 479px) {
  .portlet-rss .feed-entry-content {
    display: none; } }

/*Hide refresh button*/
.signed-out .portlet-rss .portlet-topper-toolbar, .signed-in.controls-hidden .portlet-rss .portlet-topper-toolbar {
  display: none; }

.portlet-login .portlet-borderless-container .portlet-body {
  min-width: 320px;
  max-width: 320px;
  min-height: 230px;
  font-size: 1.2em;
  padding: 0 0px 0 320px;
  position: relative;
  border-bottom: 5px solid #0f618d;
  background: url("../images/login-bg.gif") no-repeat 0 0 white; }
@media (max-width: 767px) {
  .portlet-login .portlet-borderless-container .portlet-body {
    padding: 0;
    background: #fff;
    min-width: 260px;
    max-width: 260px; } }
.portlet-login a {
  color: #0f618d;
  text-decoration: none; }
  .portlet-login a:hover {
    text-decoration: underline; }
.portlet-login form {
  padding: 30px 30px 0; }
.portlet-login .aui-field-label, .portlet-login .aui-field-label-inline-label {
  font-weight: normal;
  margin-bottom: 5px; }
.portlet-login .aui-fieldset .aui-field-content, .portlet-login .aui-field-row, .portlet-login .aui-button-holder, .portlet-login .aui-field-wrapper-content {
  margin: 0; }
.portlet-login .aui-field-input-choice {
  vertical-align: top; }
.portlet-login .aui-choice-label {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px; }
.portlet-login .aui-button-holder {
  text-align: right;
  margin: 0; }
.portlet-login .aui-form fieldset {
  margin-bottom: 0; }
.portlet-login .aui-field-input-text {
  width: 245px; }
.portlet-login .taglib-icon .icon {
  display: none; }
.portlet-login .taglib-icon-list li {
  float: none;
  margin: 0 0 0 1em;
  text-align: right; }
.portlet-login .taglib-icon-list a {
  font-size: 14px; }
.portlet-login .navigation {
  margin: 5px 30px 10px 0;
  text-align: right; }
@media (max-width: 767px) {
  .portlet-login form {
    padding: 15px; }
  .portlet-login .aui-field-input-text {
    width: 100%;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .portlet-login .aui-form-validator-error-container .aui-field-input-text {
    width: 215px;
    height: 30px; }
  .portlet-login .navigation {
    margin: 5px 15px 10px 0; } }

.user-switcher .form-actions {
  background: none;
  padding-right: 0;
  margin-bottom: 0; }

#content .portlet-login .portlet-borderless-container .portlet-body {
  margin: 2em auto; }
#content .portlet-login .navigation {
  background: transparent;
  border-top: 0; }

.ie8 .portlet-login .aui-field-input-text {
  width: 260px; }

#main-content .breadcrumb-container .portlet-boundary {
  margin-bottom: 0; }

.breadcrumb-container {
  margin-top: -10px; }

.portlet-breadcrumb .portlet-borderless-container {
  min-height: 0; }

.breadcrumbs {
  margin-bottom: 15px; }

.breadcrumbs-horizontal {
  font-size: 12px; }
  .breadcrumbs-horizontal li span:after {
    content: ">";
    color: #4c4c4c;
    padding: 0 4px; }
  .breadcrumbs-horizontal li.last span:after {
    display: none; }
  .breadcrumbs-horizontal li.last span a {
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    cursor: default; }

/*IE7 since IE7 does not support css generated content*/
.ie7 .breadcrumbs-horizontal li {
  background: url("../images/breadcrumb-divider.png") no-repeat right center;
  padding-right: 8px;
  padding-left: 4px; }
.ie7 .breadcrumbs-horizontal li.first {
  padding-left: 0px; }
.ie7 .breadcrumbs-horizontal li.last {
  background: none; }

.breadcrumb-container {
  margin-right: 230px; }

/*------------------------
SEARCH
----------------------------*/
.portlet-search {
  /*--> Hide select box--*/
  /*--> Style Search box and buttons--*/ }
  .portlet-search form select, .portlet-search form .aui-field-select {
    display: none; }
  .portlet-search fieldset .aui-field-inline .aui-field-content, .portlet-search fieldset .aui-field-row .aui-field-content {
    margin: 0; }
  .portlet-search .aui-form fieldset {
    margin: 0; }
  .portlet-search input[type="image"],
  .portlet-search #_3_search {
    background: url("../images/tvl-icon-sprite.png") no-repeat scroll -150px 0 white;
    border: medium none;
    border-radius: 0 0 0 0;
    height: 0;
    text-indent: -900em;
    text-transform: capitalize;
    padding: 16px 0;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    vertical-align: top;
    border-left: 0 solid transparent;
    border-bottom: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    margin: 1px 0 0 -3px;
    box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box; }
  .portlet-search #_3_search:hover {
    background: url("../images/tvl-icon-sprite.png") no-repeat scroll -181px 0 white; }
  .portlet-search #_3_clear-search {
    background: url("../images/tvl-icon-sprite.png") no-repeat scroll -181px -69px transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    height: 0px;
    text-indent: -900em;
    text-transform: capitalize;
    padding: 15px 0;
    border-left: 0 solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 0 solid transparent;
    cursor: pointer;
    width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px; }
  .portlet-search #_3_clear-search:hover {
    background: url("../images/tvl-icon-sprite.png") no-repeat scroll -181px -69px transparent; }
  .portlet-search input[name="_3_keywords"],
  .portlet-search #_3_keywords {
    background: #FFF;
    vertical-align: text-top;
    border-radius: 0;
    display: inline-block;
    padding: 0 5px;
    width: 300px;
    border-left: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    border-right: 0px solid transparent;
    font-size: 16px;
    height: 28px;
    color: #000;
    line-height: 34px;
    margin: 0;
    height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .portlet-search input[name="_3_keywords"]:focus,
  .portlet-search #_3_keywords:focus {
    box-shadow: none; }
  .portlet-search .menu-column .search-layout-content {
    padding-left: 25em; }
  .portlet-search .menu-column .search-layout-content .menu {
    margin-left: -25em;
    position: relative;
    width: 24em;
    background: #fff; }
  @media (max-width: 767px) {
    .portlet-search .menu-column .search-layout-content {
      padding: 0; }
    .portlet-search .menu-column .search-layout-content .menu {
      margin-left: 0;
      position: relative;
      width: inherit;
      float: none;
      margin: 0 0 24px 0;
      background: #fff; } }
  .portlet-search .aui-column-content-first, .portlet-search .aui-column-content-last {
    padding: 0; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet {
    border-top: 0 solid transparent;
    padding: 12px; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value img {
    display: none; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value {
    font-size: 14px;
    margin: 0 0 0 10px;
    list-style: none; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value.default,
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value.default.current-term {
    font-size: 18px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 0 0 0;
    background: transparent; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value.default a,
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value.default.current-term a {
    color: #000; }
  .portlet-search .search-layout .search-layout-content .menu .search-facet .facet-value.current-term {
    background: none repeat scroll 0 0 #0f618d;
    font-weight: normal;
    color: #fff;
    margin-bottom: 2px;
    border-radius: 0; }

/*results*/
.portlet-search .search-layout .search-layout-content .result {
  width: 100%; }

.portlet-search .taglib-search-iterator-page-iterator-top {
  background-color: #ffe917;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 11px;
  font-size: 14px; }

.portlet-search .taglib-search-iterator-page-iterator-top .taglib-page-iterator .search-results {
  font-size: 14px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #3B3B3B; }

.portlet-search .results-grid {
  border: 0 solid transparent; }

.portlet-search .taglib-search-iterator .results-header {
  display: none; }
.portlet-search .taglib-search-iterator .results-row td {
  border: 0 solid transparent;
  background: #fff;
  padding: 20px 30px 30px 15px; }
.portlet-search .taglib-search-iterator .results-row.alt td {
  background: none repeat scroll 0 0 #F1F1F1; }

.portlet-search .search-layout .search-layout-content .result .asset-entry .asset-entry-title a {
  position: relative;
  font-size: 18px;
  display: block;
  padding-left: 50px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #000;
  font-weight: normal; }

.portlet-search .search-layout .search-layout-content .result .asset-entry .asset-entry-title a > img {
  position: absolute;
  top: 0;
  left: 0; }

.portlet-search .search-layout .search-layout-content .result .asset-entry .asset-entry-type {
  font-size: 14px;
  color: #000; }

.portlet-search .search-layout .search-layout-content .result .asset-entry .asset-entry-content {
  padding-left: 50px;
  margin-bottom: 0; }

.portlet-search .highlight {
  font-weight: normal;
  background: #ffd237; }

.portlet-search .search-layout .search-layout-content .result .asset-entry .asset-entry-categories {
  display: none; }

/*Paging*/
.portlet-search .taglib-page-iterator .search-pages .page-links span.first, .portlet-search .taglib-page-iterator .search-pages .page-links span.previous {
  background-position: 0 107%; }
.portlet-search .taglib-page-iterator .search-pages .page-links span.last, .portlet-search .taglib-page-iterator .search-pages .page-links span.next {
  background-position: 0 107%; }
.portlet-search .taglib-page-iterator .search-pages .page-links a, .portlet-search .taglib-page-iterator .search-pages .page-links span {
  border-left: 0 solid transparent; }
.portlet-search .taglib-page-iterator .search-pages .page-links a {
  color: #3B3B3B; }

.facet-header {
  background: #E6E6E6;
  padding: 0 10px;
  height: 42px;
  line-height: 42px;
  font-size: 14px; }

.portlet-search .facet-value > a[class$="custom-range-toggle"] {
  display: none; }

.portlet-document-library-display {
  padding: 12px;
  background: #fff; }
  .portlet-document-library-display .taglib-header {
    border: 0 solid transparent;
    margin-bottom: 0; }
  .portlet-document-library-display .taglib-header .header-title {
    color: #0f618d;
    font-size: 24px;
    margin-bottom: 15px; }
  .portlet-document-library-display .aui-state-default {
    background: #005f8c;
    background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
    background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 ); }
  .portlet-document-library-display .aui-state-active, .portlet-document-library-display .aui-state-hover {
    background: #006699;
    background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
    background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 ); }
  .portlet-document-library-display .lfr-header-row .aui-buttonitem-content, .portlet-document-library-display .lfr-header-row .aui-button-input, .portlet-document-library-display .lfr-header-row .lfr-actions.lfr-extended, .portlet-document-library-display .lfr-header-row .lfr-search-combobox {
    border-color: #013a58; }
  .portlet-document-library-display .context-pane {
    display: none; }
  .portlet-document-library-display .lfr-asset-column-details.aui-w65.lfr-asset-column-details.aui-column-first {
    float: none;
    width: 100%;
    margin: 0; }
  .portlet-document-library-display .lfr-asset-ratings {
    display: none; }
  .portlet-document-library-display .lfr-document-library-comments {
    display: none; }
  .portlet-document-library-display .lfr-header-row {
    background: none;
    margin-bottom: 12px;
    border: 0 solid transparent; }
  .portlet-document-library-display .document-info {
    background: none repeat scroll 0 0 #ebebeb;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px; }
  .portlet-document-library-display .document-title {
    color: #4c4c4c;
    text-shadow: none;
    display: none; }
  .portlet-document-library-display .taglib-asset-categories-summary {
    display: block;
    margin-bottom: 3px;
    color: #4c4c4c;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
    .portlet-document-library-display .taglib-asset-categories-summary .asset-category {
      font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif; }
  .portlet-document-library-display .lfr-preview-file-actions .aui-toolbar {
    width: 126px; }
  @media (max-width: 767px) {
    .portlet-document-library-display .lfr-preview-file-content {
      padding: 0; }
    .portlet-document-library-display .lfr-preview-file-info {
      display: none; }
    .portlet-document-library-display .document-info .document-thumbnail {
      display: none; } }

.infotheek-asset-publisher .taglib-header {
  border: 0 solid transparent;
  margin-bottom: 0; }
.infotheek-asset-publisher .taglib-header .header-title {
  color: #0f618d;
  font-size: 24px;
  margin-bottom: 15px; }
.infotheek-asset-publisher .portlet-borderless-container .portlet-body {
  padding: 12px;
  background: #fff; }
.infotheek-asset-publisher .tvl-introduction, .infotheek-asset-publisher .tvl-paragraph {
  padding-left: 0;
  padding-right: 0; }

.taglib-header .header-back-to a {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  border: 1px solid #808080;
  border-bottom: 2px solid #808080;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  color: #000;
  padding: 0 6px;
  font-size: 11px; }
  .taglib-header .header-back-to a:hover {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
    border: 1px solid #808080;
    border-bottom: 2px solid #808080; }

/* Custom Portlets*/
/*->header on top of search forms*/
.search-info {
  margin: 0;
  background-color: #ffe917;
  margin-bottom: 0 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe917), to(#ffd200));
  background-image: -webkit-linear-gradient(top, #ffe917, #ffd200);
  background-image: -moz-linear-gradient(top, #ffe917, #ffd200);
  background-image: -o-linear-gradient(top, #ffe917, #ffd200);
  background-image: -ms-linear-gradient(top, #ffe917, #ffd200);
  background-image: linear-gradient(top, #ffe917, #ffd200);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe917', EndColorStr='#ffd200');
  padding: 10px 10px 10px 25px;
  font-size: 14px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  color: #4c4c4c;
  font-weight: normal; }

/*-----------------------------------
Search Member
----------------------------------------*/
.tvl-search-member .tab-content {
  padding: 10px; }
.tvl-search-member .responsive-form-pattern-2, .tvl-search-member .responsive-form-pattern-1 {
  padding: 0; }
.tvl-search-member .form-wrapper {
  border: 1px solid #CCCCCC;
  border-top: 0;
  padding: 15px 30px 15px 15px;
  margin-bottom: 24px; }
.tvl-search-member .ui-datatable-tablewrapper {
  padding: 0 1px;
  border: 1px solid #CCCCCC;
  border-top: 0;
  border-bottom: 0; }
.tvl-search-member .ui-datatable .ui-datatable-footer.ui-widget-header {
  border: 1px solid #CCCCCC;
  border-top: 0;
  padding-bottom: 15px; }

/*-----------------------------------
Search Club
----------------------------------------*/
.tvl-search-club .form-actions {
  padding: 15px 30px 15px 15px; }

/*-----------------------------------
TEAM SEARCH
----------------------------------------*/
.tvl-team-search .form-region {
  float: none; }
.tvl-team-search .form-wrapper {
  background: #fff;
  padding: 15px; }

/*-----------------------------------
tvl-tournament-ranking
----------------------------------------*/
.tvl-tournament-ranking .content {
  margin-bottom: 24px; }

.back-to-search {
  padding: 5px 0; }

.tvl-tournament-poule-tabel .tab-content {
  padding: 24px 0px 15px 0; }
.tvl-tournament-poule-tabel .tab-pane.table, .tvl-tournament-poule-tabel .tab-pane.poules {
  margin-right: 15px; }
.tvl-tournament-poule-tabel .tabs-left > .nav-tabs {
  border: 0; }
.tvl-tournament-poule-tabel .tabs-left .nav-tabs {
  padding: 0; }
.tvl-tournament-poule-tabel .tabs-left .nav-tabs > li > a {
  border: 0;
  padding: 39px 8px;
  max-width: 156px;
  background: #ebebeb;
  margin: 0; }
@media (max-width: 767px) {
  .tvl-tournament-poule-tabel .tabs-left .nav-tabs > li > a {
    padding: 12px 6px;
    max-width: 156px; } }
.tvl-tournament-poule-tabel .tabs-left .nav-tabs > li.active > a, .tvl-tournament-poule-tabel .tabs-left .nav-tabs > li.active > a:hover {
  border: 0;
  background: #0f618d;
  color: #fff; }
.tvl-tournament-poule-tabel .tabs-left .tab-content {
  padding: 0 0 15px 0;
  border: 1px solid #0f618d; }
.tvl-tournament-poule-tabel .tabs-left .game-table {
  width: 85%;
  margin: 0 auto 24px; }
@media (max-width: 767px) {
  .tvl-tournament-poule-tabel .tabs-left .game-table {
    width: 100%; }
  .tvl-tournament-poule-tabel .tabs-left .tab-pane.table {
    margin-right: 0px; }
  .tvl-tournament-poule-tabel .tabs-left .tab-content {
    padding: 0;
    border: 0 solid transparent; } }
.tvl-tournament-poule-tabel .wizard-content-wrapper {
  position: relative;
  padding-top: 30px; }
  .tvl-tournament-poule-tabel .wizard-content-wrapper .print {
    position: absolute;
    top: 0;
    right: 7%; }

.ie7 .tvl-tournament-poule-tabel .tabs-left .nav-tabs > li > a, .ie8 .tvl-tournament-poule-tabel .tabs-left .nav-tabs > li > a {
  width: 156px;
  display: block; }

.tvl-interclub-poule-tabel .game-table {
  width: 85%; }
.tvl-interclub-poule-tabel .wizard-content-wrapper {
  padding: 30px 0 0 0;
  position: relative; }
.tvl-interclub-poule-tabel .actions {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 14px; }
  .tvl-interclub-poule-tabel .actions a {
    float: right;
    display: inline-block;
    margin-left: 22px;
    padding-top: 5px; }
  .tvl-interclub-poule-tabel .actions .print {
    padding-top: 0; }
@media (max-width: 767px) {
  .tvl-interclub-poule-tabel .tab-content {
    padding: 5px; }
  .tvl-interclub-poule-tabel .game-table {
    width: 100%; } }

.tvl-player-list .print {
  position: absolute;
  top: 0;
  right: 7%;
  padding-top: 30px; }

.commercial-banner {
  text-align: center; }

.commercial-banner img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%; }

@media (max-width: 767px) {
  .commercial-banner {
    display: none; } }
.sponsor img {
  display: block;
  max-width: 100%;
  width: auto; }

@media (max-width: 767px) {
  .sponsor > div {
    display: none; } }
.dropdown-menu.align-right {
  right: 0;
  left: inherit;
  text-align: left;
  *left: inherit; }

.user-switcher {
  min-width: 290px;
  max-width: 290px;
  font-size: 14px;
  border-bottom: 5px solid #0f618d;
  padding: 1em 15px; }

@media (max-width: 479px) {
  .user-switcher {
    min-width: 260px;
    max-width: 260px;
    padding: 1em 10px; } }
.user-switcher a {
  color: #0f618d;
  text-decoration: none; }
  .user-switcher a:hover {
    text-decoration: underline; }

.user-switcher .logout, .user-switcher .dashboard {
  padding-bottom: 20px;
  display: inline-block; }

.user-switcher .form-actions {
  background: none;
  padding-right: 0;
  margin-bottom: 0; }

/*--------------------------
FIXES FOR IE7
--------------------------*/
.ie7 .user-switcher {
  position: relative;
  width: 290px; }
.ie7 .login {
  position: relative;
  z-index: 10000; }
.ie7 .user-switcher .span12 {
  width: 200px; }
.ie7 .user-switcher .form-actions {
  width: 180px; }

.ie7 .header-links .login .dropdown-menu.align-right {
  left: -582px; }

.ie7 .header-links .login .signed-in .dropdown-menu.align-right {
  left: -100px; }

/*----------------------------
RegioNieuws
-----------------------------*/
.tvl-portlet-title {
  margin: 0; }

.regionieuws {
  background: #fff;
  position: relative; }
  .regionieuws .regio-nieuws-title {
    color: #4c4c4c;
    color: #3B3B3B;
    font-size: 18px;
    padding: 0;
    min-height: 30px;
    margin: 0 0 10px 0; }
    .regionieuws .regio-nieuws-title .tvl-icon-circle-inner-red {
      float: left;
      margin-right: 10px; }
    .regionieuws .regio-nieuws-title a {
      color: #4c4c4c;
      display: block;
      position: relative;
      overflow: hidden;
      padding: 3px 0 0 0; }
      .regionieuws .regio-nieuws-title a:hover {
        color: #0f618d; }
  .regionieuws .regio-nieuws-content {
    background: #FFF;
    padding: 20px 10px 10px;
    font-size: 12px;
    position: relative; }
  .regionieuws .regio-nieuws-image {
    text-align: center;
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .regionieuws .regio-nieuws-container {
    display: none; }
  .regionieuws .regio-nieuws-body {
    padding: 0 0 0 25px;
    margin: 0 0 30px 0; }
    .regionieuws .regio-nieuws-body a {
      color: #4c4c4c;
      text-decoration: none; }
      .regionieuws .regio-nieuws-body a:hover {
        color: #0f618d; }
  .regionieuws .regio-nieuws-date {
    position: absolute;
    top: 5px;
    right: 5px; }
  .regionieuws .regio-nieuws-footer {
    text-align: right; }
  .regionieuws .regio-nieuws-footer a {
    text-align: right;
    font-size: 14px; }

.js .regionieuws .regionieuws-nav {
  width: 25%;
  height: 245px;
  background: #ebebeb;
  position: absolute;
  top: 0;
  left: 0; }
  .js .regionieuws .regionieuws-nav li {
    height: 20%;
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
  .js .regionieuws .regionieuws-nav li a {
    min-height: 29px;
    display: block;
    height: 100%;
    font-size: 12px;
    color: #4c4c4c; }
    .js .regionieuws .regionieuws-nav li a:hover {
      font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
      color: #0f618d; }
  .js .regionieuws .regionieuws-nav li a.active {
    background: #fff;
    color: #0f618d;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
  .js .regionieuws .regionieuws-nav li a span {
    padding: 12px 20px 0 15px;
    display: inline-block; }
.js .regionieuws .regio-nieuws-container {
  display: block; }
.js .regionieuws .regio-nieuws-image {
  margin-left: 25%;
  width: 75%;
  height: 245px;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  background: #ebebeb; }
  .js .regionieuws .regio-nieuws-image img {
    display: block;
    width: 100%; }
.js .regionieuws .regio-title {
  display: none; }
.js .regionieuws .regio-nieuws-detail {
  display: none; }
.js .regionieuws .regio-nieuws-detail.active {
  display: block;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }
.js .regionieuws .regio-nieuws-content {
  padding-top: 20px; }

@media only screen and (max-width: 767px) {
  .js .regionieuws {
    padding: 10px;
    background: #ebebeb; }
    .js .regionieuws .regio-nieuws-detail {
      margin: 10px 0; }
    .js .regionieuws .regionieuws-nav {
      display: none; }
    .js .regionieuws .regio-title {
      display: block;
      color: white;
      padding: 5px;
      background-color: #005f8c;
      margin-bottom: 0;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#005f8c), to(#004f78));
      background-image: -webkit-linear-gradient(top, #005f8c, #004f78);
      background-image: -moz-linear-gradient(top, #005f8c, #004f78);
      background-image: -o-linear-gradient(top, #005f8c, #004f78);
      background-image: -ms-linear-gradient(top, #005f8c, #004f78);
      background-image: linear-gradient(top, #005f8c, #004f78);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#005f8c', EndColorStr='#004f78'); }
      .js .regionieuws .regio-title a {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 8px 0 8px 0px;
        text-decoration: none;
        color: #333; }
    .js .regionieuws .regio-nieuws-container {
      background: #fff;
      display: none; }
    .js .regionieuws .regio-title a {
      color: #fff; }
    .js .regionieuws .regio-nieuws-detail {
      display: block; }
    .js .regionieuws .regio-nieuws-detail.active .regio-nieuws-container {
      display: block; }
    .js .regionieuws .regio-nieuws-image {
      margin-left: 0;
      text-align: center;
      width: 100%;
      height: auto;
      margin-bottom: 5px; }
      .js .regionieuws .regio-nieuws-image img {
        display: inline-block;
        max-width: 100%; }
    .js .regionieuws .regio-nieuws-content {
      margin: 0 auto;
      max-width: 400px;
      background: #fff; }
    .js .regionieuws .regio-nieuws-container {
      padding: 10px 0 10px;
      border: 1px solid #7e7e7e; }
    .js .regionieuws .regio-nieuws-footer, .js .regionieuws .regio-nieuws-footer a {
      text-align: left; } }
/*--------------------------------------------
regionieuws-detail
/*--------------------------------------------*/
.regionieuws-detail {
  background: #fff;
  padding: 15px; }
  .regionieuws-detail .media-asset {
    float: left;
    margin: 0 2em 1em 0;
    max-width: 60%; }
    .regionieuws-detail .media-asset img {
      display: inline-block;
      max-width: 100%;
      height: auto; }

.regionieuws-detail-header {
  margin-bottom: 15px; }

.regionieuws-detail-title {
  overflow: hidden;
  color: #0f618d;
  margin-bottom: 0; }

.regionieuws-detail-cat {
  overflow: hidden; }

.regionieuws-detail-content table, .regionieuws-detail-content .scrollable {
  overflow: hidden; }
.regionieuws-detail-content ul, .regionieuws-detail-content ol, .regionieuws-detail-content dl {
  overflow: hidden;
  padding-left: 40px; }

.tvl-one-column .header-back-to,
.tvl-one-column .taglib-social-bookmarks {
  display: none; }

@media only screen and (max-width: 767px) {
  .regionieuws-detail {
    padding: 0px 0 15px; }
    .regionieuws-detail .media-asset {
      float: none;
      max-width: none;
      text-align: center;
      margin: 0 0 1em; }
    .regionieuws-detail .regionieuws-detail-content, .regionieuws-detail .regionieuws-detail-header {
      padding: 0 15px; } }
/*----------------------------
Carousel
----------------------------*/
.row-fluid {
  table-layout: fixed; }

.tvl-portlet-body {
  position: relative;
  width: 100%;
  overflow: hidden; }

.tvl-carousel {
  background: #fff;
  overflow: hidden;
  display: block;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform-style: preserve-3d;
  width: 100%; }

.tvl-carousel-container.animate {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.no-js .tvl-carousel-container {
  width: 400%; }

.js .tvl-carousel-container {
  transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d; }

.js .tvl-carousel-container.slides-1 {
  width: 100%; }

.js .tvl-carousel-container.slides-2 {
  width: 200%; }

.js .tvl-carousel-container.slides-3 {
  width: 300%; }

.js .tvl-carousel-container.slides-4 {
  width: 400%; }

.js .tvl-carousel-container.slides-5 {
  width: 500%; }

.js .tvl-carousel-container.slides-6 {
  width: 600%; }

.js .tvl-carousel-container.slides-7 {
  width: 700%; }

.no-touch.js .tvl-carousel-container {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.tvl-carousel-item {
  float: left;
  overflow: hidden;
  display: none;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0); }

.tvl-carousel-item:first-child {
  display: block; }

.dimensions-set .tvl-carousel-item {
  display: block; }

.carousel-media {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 5px;
  background: #ebebeb; }
  .carousel-media img {
    display: inline-block;
    max-width: 100%;
    height: auto; }
  .carousel-media .aui-video-node {
    max-width: 100%; }

.ie8 .carousel-media img {
  width: auto; }

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

.carousel-title {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  margin-bottom: 5px;
  padding: 0 5px; }

@media (max-width: 1023px) {
  .carousel-title {
    font-size: 16px;
    padding: 0 6px; } }
.carousel-title a {
  display: block; }

/*---> Carousel Navigation ---------*/
.tvl-carousel-navigation {
  text-align: center;
  background: #fff;
  padding-bottom: 5px; }
  .tvl-carousel-navigation li {
    display: inline-block; }
  .tvl-carousel-navigation a {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FFF;
    border: 2px solid #0f618d;
    border-radius: 100%;
    text-indent: -9000em;
    text-transform: capitalize; }
  .tvl-carousel-navigation .active a {
    background: #0f618d; }

/*Fix display inline block issue for IE7*/
.lt-ie8 .tvl-carousel-navigation li {
  zoom: 1;
  position: relative;
  display: inline; }
.lt-ie8 .tvl-carousel-navigation a {
  zoom: 1;
  position: relative;
  display: inline;
  text-indent: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  margin-right: 4px; }

.carousel-media video {
  width: 100%;
  height: auto !important; }
.carousel-media object {
  height: auto !important;
  width: 100% !important; }

.lt-ie9 .carousel-media-content {
  min-height: 270px; }

/*Fix Video Height for IE7*/
.lt-ie8 .carousel-media {
  width: 480px; }
  .lt-ie8 .carousel-media .carousel-media-content {
    width: 480px;
    height: auto; }
  .lt-ie8 .carousel-media .aui-video-node {
    height: auto !important; }
  .lt-ie8 .carousel-media object {
    height: auto !important;
    width: 100% !important; }

.tvl-home .tvl-carousel {
  padding: 0 0 6px; }
@media (max-width: 1023px) {
  .tvl-home .tvl-carousel {
    padding: 0 0 10px; } }

.tvl-facebook-feed .tvl-portlet-body {
  padding: 15px 10px;
  background: #fff;
  width: auto; }
.tvl-facebook-feed iframe {
  width: 100% !important;
  margin-top: -15px; }
.tvl-facebook-feed .fb_iframe_widget, .tvl-facebook-feed .fb_iframe_widget span, .tvl-facebook-feed .fb_iframe_widget span iframe[style] {
  width: 100% !important; }
.tvl-facebook-feed .fb_iframe_widget .pam {
  display: none!important; }

.tvl-facebook-feed-post {
  clear: both;
  margin-bottom: 1em; }

.post-picture {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 40%; }
  .post-picture img {
    display: block;
    max-width: 100%; }

.tvl-post-message {
  overflow: hidden;
  position: relative; }
  .tvl-post-message a:hover {
    text-decoration: underline; }

.tvl-post-message.post-from {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }

@media (max-width: 767px) {
  #main-content .tvl-facebook-feed .portlet-boundary, #main-content .tvl-twitter-feed .portlet-boundary {
    margin-bottom: 0; }

  .tvl-facebook-feed .portlet-borderless-container, .tvl-twitter-feed .portlet-borderless-container {
    min-height: 0; }
  .tvl-facebook-feed .tvl-portlet-body, .tvl-facebook-feed .tvl-portlet-header, .tvl-facebook-feed .social-media-body, .tvl-twitter-feed .tvl-portlet-body, .tvl-twitter-feed .tvl-portlet-header, .tvl-twitter-feed .social-media-body {
    display: none; } }
/*----------------------------
SearchBar
-----------------------------*/
.tvl-search-bar {
  margin-bottom: 0;
  background: #FFF;
  padding: 5px 10px; }
  .tvl-search-bar li {
    float: left;
    width: 25%;
    text-align: left; }
  .tvl-search-bar li > a {
    display: block;
    color: #0f618d;
    font-size: 18px;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
    .tvl-search-bar li > a .tvl-icon-circle {
      float: left; }
    .tvl-search-bar li > a span {
      padding: 4px 0 0 10px;
      display: block;
      position: relative;
      overflow: hidden; }
  .tvl-search-bar li > a:hover {
    color: #ffd237;
    cursor: hand; }
    .tvl-search-bar li > a:hover .tvl-icon-circle {
      background-position: -30px 0; }

/*-----------------------------------------------------------
Position Homepage search Bar beneath header on smaller screens
-------------------------------------------------------------*/
@media (max-width: 767px) {
  .tvl-search-bar {
    min-height: 35px;
    margin: 0 18px; }
    .tvl-search-bar li {
      float: left;
      width: 25%;
      text-align: left; }
    .tvl-search-bar li > a {
      display: block;
      color: #0f618d;
      font-size: 14px;
      font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
      .tvl-search-bar li > a .tvl-icon-circle {
        display: block;
        float: none;
        margin: 0 auto 5px; }
      .tvl-search-bar li > a span {
        padding: 0px;
        display: block;
        text-align: center;
        position: relative;
        overflow: hidden; }

  #main-content.tvl-home .inner-wrapper {
    position: relative;
    padding-top: 95px; }
    #main-content.tvl-home .inner-wrapper .search-bar-container {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%; } }
@media (max-width: 479px) {
  .tvl-search-bar {
    margin: 0; }
    .tvl-search-bar li > a {
      font-size: 12px; }

  #main-content.tvl-home .inner-wrapper {
    padding-top: 90px; } }
@media (max-width: 530px) {
  .tvl-home #layout-column_column-1 .journal-content-article .ri img {
    display: block;
    margin: 0 auto;
    width: 100%; } }
@media (max-width: 479px) {
  .tvl-home #layout-column_column-1 .journal-content-article {
    margin: 0; } }
.tvl-portlet-body.tvl-profile-portlet {
  overflow: visible; }

.tvl-profile-portlet {
  background: #fff; }
  .tvl-profile-portlet .horizontal-def-list .list-label {
    width: 140px; }
  .tvl-profile-portlet form {
    margin: 0; }
  .tvl-profile-portlet #edit-profile-trigger {
    position: absolute;
    width: 70px;
    height: 64px;
    top: 0;
    line-height: 64px;
    right: 0;
    z-index: 22;
    text-align: center; }
    .tvl-profile-portlet #edit-profile-trigger span {
      display: none; }
    .tvl-profile-portlet #edit-profile-trigger .tvl-icon-edit {
      vertical-align: middle; }
    .tvl-profile-portlet #edit-profile-trigger:hover {
      background: #FFF; }
      .tvl-profile-portlet #edit-profile-trigger:hover .tvl-icon-edit {
        background-position: -90px -70px; }
  .tvl-profile-portlet .open #edit-profile-trigger {
    background: #FFF; }
    .tvl-profile-portlet .open #edit-profile-trigger .tvl-icon-edit {
      background-position: -90px -70px; }
  .tvl-profile-portlet .dropdown-menu {
    border: transparent;
    padding: 5px;
    top: 62px; }
    .tvl-profile-portlet .dropdown-menu .tvl-icon-remove {
      background-position: -182px -70px; }
    .tvl-profile-portlet .dropdown-menu .tvl-icon-add {
      background-position: -240px -70px; }
    .tvl-profile-portlet .dropdown-menu .tvl-icon-add + span {
      display: none; }
  .tvl-profile-portlet .open .dropdown-menu {
    z-index: 1000;
    width: 77%; }
  .tvl-profile-portlet .open #edit-profile-trigger {
    z-index: 2000; }
  .tvl-profile-portlet .accordion + .form-actions {
    padding: 12px; }
  .tvl-profile-portlet .default-view {
    position: relative;
    /*TABS*/
    /*TAB CONTENT*/ }
    .tvl-profile-portlet .default-view .profile-picture-container {
      width: 164px;
      float: left;
      background: #fff;
      text-align: center;
      position: relative;
      z-index: 20; }
    .tvl-profile-portlet .default-view .profile-picture {
      text-align: center;
      margin-bottom: 10px;
      padding-top: 10px; }
    .tvl-profile-portlet .default-view .tab-wrapper {
      padding-right: 70px;
      background: #ebebeb; }
    .tvl-profile-portlet .default-view .tab-area {
      position: relative;
      overflow: hidden; }
    .tvl-profile-portlet .default-view .nav-tabs {
      padding: 0; }
    .tvl-profile-portlet .default-view .nav-tabs > li {
      width: 25%; }
    .tvl-profile-portlet .default-view .nav-tabs > li > a {
      border: 0px solid #B3B3B3;
      border-right: 1px solid #B3B3B3;
      color: #4C4C4C;
      max-width: 120px;
      border-radius: 0;
      height: 50px;
      font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
      font-size: 14px;
      line-height: 64px; }
    .tvl-profile-portlet .default-view .nav-tabs > li > a > span {
      display: inline-block;
      line-height: normal; }
    .tvl-profile-portlet .default-view .nav-tabs > .active > a, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus {
      background: #005F8C;
      color: #fff;
      font-size: 14px;
      font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif; }
    .tvl-profile-portlet .default-view .tab-content, .tvl-profile-portlet .default-view .public-profile-content {
      position: relative;
      overflow: hidden;
      background: transparent;
      color: #fff;
      border: 0;
      font-size: 14px;
      min-height: 250px;
      background: #005f8c;
      /* Old browsers */
      background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
      /* W3C */ }
      .tvl-profile-portlet .default-view .tab-content a, .tvl-profile-portlet .default-view .public-profile-content a {
        color: #fff;
        text-decoration: underline; }
      .tvl-profile-portlet .default-view .tab-content a.managed-by-link, .tvl-profile-portlet .default-view .public-profile-content a.managed-by-link {
        color: #000;
        text-decoration: none; }
    .tvl-profile-portlet .default-view .public-profile-content {
      padding: 1em 1em 1em  2em; }
  .tvl-profile-portlet .ui-datepicker-trigger {
    display: none; }
  .tvl-profile-portlet .row-fluid .control-group span.span12 {
    margin-left: 0; }

@media (max-width: 767px) {
  .tvl-profile-portlet .open .dropdown-menu {
    width: inherit; }
  .tvl-profile-portlet .default-view .profile-picture-container {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 10px; }
  .tvl-profile-portlet .default-view .profile-details {
    float: none;
    width: 100%;
    margin-left: 0; }
  .tvl-profile-portlet .default-view .nav-tabs > li > a {
    max-width: none; }
  .tvl-profile-portlet .default-view .tab-area {
    max-width: 550px;
    margin: 0 auto; }
  .tvl-profile-portlet .default-view .tab-content, .tvl-profile-portlet .default-view .public-profile-content {
    padding: 1em; }
  .tvl-profile-portlet .default-view .public-profile-content {
    border: 10px solid #fff;
    margin: 0 auto; }
  .tvl-profile-portlet .default-view .action-list {
    width: 250px; }
  .tvl-profile-portlet .default-view .tvl-form-pane-title {
    font-size: 14px; }
  .tvl-profile-portlet .default-view .horizontal-def-list {
    padding: 0 10px; }
  .tvl-profile-portlet .default-view .ui-autocomplete input[type="text"] {
    width: 200px; }
  .tvl-profile-portlet .default-view .horizontal-def-list .list-label {
    width: 110px; } }
@media (max-width: 479px) {
  .tvl-profile-portlet .default-view .horizontal-def-list {
    padding: 0; }
  .tvl-profile-portlet .default-view .tab-wrapper {
    padding-right: 0px; }
  .tvl-profile-portlet .default-view .nav-tabs > li > a {
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    max-width: none; }
  .tvl-profile-portlet .default-view .nav-tabs > .active > a, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus {
    font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif; }
    .tvl-profile-portlet .default-view .nav-tabs > .active > a .tab-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a .public-profile-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover .tab-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover .public-profile-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus .tab-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus .public-profile-content {
      padding: 1em 5px; }
    .tvl-profile-portlet .default-view .nav-tabs > .active > a .public-profile-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover .public-profile-content, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus .public-profile-content {
      border: 5px solid #fff; }
    .tvl-profile-portlet .default-view .nav-tabs > .active > a .action-list, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover .action-list, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus .action-list {
      width: 250px; }
    .tvl-profile-portlet .default-view .nav-tabs > .active > a .tvl-form-pane-title, .tvl-profile-portlet .default-view .nav-tabs > .active > a:hover .tvl-form-pane-title, .tvl-profile-portlet .default-view .nav-tabs > .active > a:focus .tvl-form-pane-title {
      font-size: 14px; } }
.profile-details .name {
  font-size: 16px; }

/*File upload button*/
.tvl-profile-portlet .fileupload-buttonbar.ui-widget-header {
  background: transparent;
  border: transparent; }
.tvl-profile-portlet .fileupload-content {
  border: 0; }
.tvl-profile-portlet .fileupload-buttonbar .fileinput-button {
  background: #005f8c;
  background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
  background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
  background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-shadow: none;
  width: auto;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  border: 1px solid #808080;
  border-bottom: 2px solid #808080;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  color: #000; }
  .tvl-profile-portlet .fileupload-buttonbar .fileinput-button .ui-button-icon-left {
    display: none; }
  .tvl-profile-portlet .fileupload-buttonbar .fileinput-button .ui-button-text {
    padding: 2px 10px;
    font-size: 12px; }
  .tvl-profile-portlet .fileupload-buttonbar .fileinput-button:hover {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
    border: 1px solid #808080;
    border-bottom: 2px solid #808080; }
  .tvl-profile-portlet .fileupload-buttonbar .fileinput-button:focus {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
    border: 1px solid #808080;
    border-bottom: 2px solid #808080; }

.fileinput-button input {
  -moz-transform: none !important;
  border: none !important;
  border-width: 0 !important;
  transform: translate(-300px, 0) scale(4) !important;
  font-size: 23px !important; }

* + html .fileinput-button {
  line-height: none !important;
  padding: 2px 15px !important; }

/*--> move to forms css*/
.tvl-form-pane {
  margin: 0 0 24px 0; }

.tvl-form-pane-title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px; }

/*--> move to listss css*/
.actions-right {
  text-align: right; }

.action-list {
  width: 325px;
  margin-left: 24px; }

.list-actions a > span {
  display: none; }

.form-actions.buttons-right > * {
  margin-left: .75em; }

.ie7 .tvl-profile-portlet .dropdown {
  z-index: 25; }

/*Hide the file upload button on mobile devices*/
.mobile .tvl-profile-portlet .fileupload-buttonbar {
  display: none; }

.profile-favorite-manager a {
  display: inline-block;
  margin: 0 8px; }

.managed-by-link-wrapper .btn {
  margin-left: 24px;
  margin-bottom: 15px; }

.tvl-news-portlet .portlet-borderless-container {
  min-height: 0; }
.tvl-news-portlet .tvl-news {
  position: relative;
  padding-top: 20px; }
  .tvl-news-portlet .tvl-news .news-date {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px; }

/*------------------------------------
ReservatieTabel
-------------------------------------*/
.tvl-reservation-day-schedule .ui-datepicker {
  width: 100%;
  margin: 0 0 24px; }

.tvl-reservation-day-schedule .ui-widget-content.ui-datepicker .ui-state-default.ui-state-highlight {
  background: #fff !important;
  filter: none !important; }

.tvl-reservation-day-schedule .ui-widget-content.ui-datepicker .ui-state-default.ui-state-active.ui-state-highlight {
  background: #ffd237 !important; }

.tvl-reservation-day-schedule .reservation-search .form-actions > a {
  float: left; }

.reservation-table {
  margin-bottom: 24px; }
  .reservation-table .tvl-icon-xsmall-signed-in:hover {
    background-color: transparent;
    background-position: -80px -120px; }
  .reservation-table .terrain-reservation-scroll {
    width: 100%;
    display: inline-block; }
    .reservation-table .terrain-reservation-scroll .scroll-icon-container {
      float: right;
      display: inline-block;
      margin-top: -32px; }
      .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper {
        width: 40px;
        display: inline-block;
        margin: 1px; }
        .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper .scroll-icon {
          display: block;
          text-indent: -99999px;
          overflow: hidden;
          width: 40px;
          height: 40px; }
        .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper .scroll-icon-left {
          background-color: blue;
          background: url("../images/tvl-icon-sprite.png") no-repeat 0 -507px; }
        .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper .scroll-icon-right {
          background-color: blue;
          background: url("../images/tvl-icon-sprite.png") no-repeat 0 -351px; }
        .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper .scroll-icon-left.disabled {
          cursor: default;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5;
          opacity: 0.5; }
        .reservation-table .terrain-reservation-scroll .scroll-icon-container .scroll-icon-wrapper .scroll-icon-right.disabled {
          cursor: default;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5;
          opacity: 0.5; }
  .reservation-table .mobile .terrain-reservation-scroll {
    display: none; }
  .reservation-table .terrain-reservation-scroll.sticky {
    position: fixed;
    max-width: 1024px;
    margin: 0 auto;
    top: 0;
    z-index: 100; }
    .reservation-table .terrain-reservation-scroll.sticky .scroll-icon-container {
      margin-top: 10px;
      margin-right: 80px; }
  .reservation-table table {
    font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif; }
  .reservation-table th, .reservation-table td {
    border: 1px solid #7f7f7f;
    background: #ebebeb; }
  .reservation-table thead th, .reservation-table tfoot th, .reservation-table tfoot td {
    font-size: 14px;
    background: #4C4C4C;
    color: #fff;
    text-align: left;
    font-weight: normal;
    padding: 4px 10px; }
  .reservation-table thead tr th {
    width: 127px; }
  .reservation-table thead tr th:first-child {
    width: 30px; }
  .reservation-table tbody th {
    font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    padding: 2px 4px;
    text-align: center;
    font-weight: normal;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: #e6e6e6; }
  .reservation-table tbody td {
    font-size: 12px; }
  .reservation-table tbody th.with-border {
    border-bottom: 1px solid #7f7f7f; }
  .reservation-table tbody td.available {
    background: #97c82b; }
  .reservation-table tbody td.available.Tennis {
    background: #97c82b !important; }
  .reservation-table tbody td.available.Padel {
    background: #0073bb !important;
    color: white; }
  .reservation-table tbody td.available.Overige {
    background: #a29cd2 !important; }
  .reservation-table tbody td.can-click {
    cursor: pointer; }
  .reservation-table .reservation-detail {
    position: relative;
    background: #fff;
    border-left: 8px solid transparent;
    padding: 0 5px; }
    .reservation-table .reservation-detail .reservation-detail-content {
      display: inline-block;
      vertical-align: middle;
      margin-right: 30px;
      line-height: normal;
      font-size: 12px; }
      .reservation-table .reservation-detail .reservation-detail-content div {
        margin: 0 0 5px; }
      .reservation-table .reservation-detail .reservation-detail-content i {
        margin: 0 3px 0 0; }
    .reservation-table .reservation-detail .reservation-detail-content.external {
      color: red;
      font-weight: bold; }
    .reservation-table .reservation-detail ul {
      margin: 0;
      position: absolute;
      top: 8px;
      right: 8px; }
      .reservation-table .reservation-detail ul li {
        margin-bottom: 6px; }
  .reservation-table .reservation-detail.free {
    background: transparent; }
  .reservation-table .tornooi.reservation-detail {
    border-left: 8px solid #d33630; }
  .reservation-table .interclub.reservation-detail {
    border-left: 8px solid #f58a2b; }
  .reservation-table .lessen.reservation-detail {
    border-left: 8px solid #008bd7; }
  .reservation-table .cluborganisatie.reservation-detail {
    border-left: 8px solid #13a63b; }
  .reservation-table .alternatieveorganisatie.reservation-detail {
    border-left: 8px solid #973154; }
  .reservation-table .onderhoud.reservation-detail {
    border-left: 8px solid #666666; }
  .reservation-table .regular-reservation.reservation-detail {
    border-left: 8px solid #00a7ff; }
  .reservation-table .fixed-reservation.reservation-detail {
    border-left: 8px solid #897aff; }
  .reservation-table .rental.reservation-detail {
    border-left: 8px solid #ff4f8b; }

.legend-container {
  padding: 0 50px; }

.legend-list li {
  font-size: 14px;
  color: #000;
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 0 0 53px;
  position: relative;
  min-height: 24px;
  margin-bottom: 6px; }
.legend-list .colorcode {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 24px; }
.legend-list .tornooi .colorcode {
  background: #d33630; }
.legend-list .interclub .colorcode {
  background: #f58a2b; }
.legend-list .lessen .colorcode {
  background: #008bd7; }
.legend-list .cluborganisatie .colorcode {
  background: #13a63b; }
.legend-list .alternatieveorganisatie .colorcode {
  background: #973154; }
.legend-list .onderhoud .colorcode {
  background: #666666; }
.legend-list .regular-reservation .colorcode {
  background: #00a7ff; }
.legend-list .fixed-reservation .colorcode {
  background: #897aff; }
.legend-list .rental .colorcode {
  background: #ff4f8b; }
.legend-list .availability .colorcode {
  background: #97c82b; }
.legend-list .no-availability .colorcode {
  background: #e6e6e6; }

.icon-legend-list .tvl-icon-xsmall-signed-in:hover {
  background-color: transparent;
  background-position: -80px -120px; }
.icon-legend-list li {
  font-size: 14px;
  color: #000;
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 53px;
  position: relative;
  min-height: 24px;
  margin-bottom: 6px; }
  .icon-legend-list li i {
    margin-right: 8px; }

.fixedtable-container {
  position: relative; }
  .fixedtable-container td, .fixedtable-container th {
    min-height: 0;
    box-sizing: border-box; }

#table-header {
  padding: 0;
  position: relative;
  overflow: hidden; }
  #table-header th {
    background: #4C4C4C;
    color: #fff;
    text-align: left;
    font-weight: normal;
    height: 25px;
    border-bottom: 0 solid transparent;
    border-top: 1px solid #4c4c4c;
    padding: 0; }
  #table-header .headerColumns {
    height: 28px;
    line-height: 29px;
    padding: 0px 4px;
    overflow: hidden; }

#headerMask {
  float: left;
  overflow: hidden;
  background: #4C4C4C;
  height: 29px;
  border: 1px solid #fff;
  border-top: #4C4C4C;
  border-bottom: #4C4C4C;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  width: 50px; }

#fixedtable-left-col {
  float: left;
  overflow: hidden;
  width: 50px;
  background: none repeat scroll 0 0 #E6E6E6; }
  #fixedtable-left-col th {
    background: none repeat scroll 0 0 #E6E6E6;
    text-align: center;
    font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    width: 50px;
    border-color: transparent; }
  #fixedtable-left-col th.with-border {
    border-bottom: 1px solid #7f7f7f; }

#fixedtable-body-wrapper {
  position: relative;
  overflow: hidden; }

#fixedtable-body {
  position: relative;
  overflow: auto;
  padding: 0; }

#fixedtable-body td {
  border-top: 0; }

.webkit #fixedtable-left-col {
  overflow-x: scroll; }
.webkit #fixedtable-body td {
  position: relative;
  border-top: 0 !important;
  border-bottom: 0 !important; }
.webkit #fixedtable-body td:after {
  content: "";
  border-bottom: 1px solid #7f7f7f;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%; }

.webkit.mobile #fixedtable-left-col, .ie.mobile #fixedtable-left-col {
  overflow-x: scroll; }

.mobile #table-header {
  overflow-y: scroll; }

/*====================
 Edit Reservation Screen 
 =======================*/
.tvl-edit-reservation .list-label label, .tvl-edit-reservation td label {
  font-size: 12px; }
.tvl-edit-reservation td label {
  padding-left: 8px;
  padding-top: 6px; }
.tvl-edit-reservation .edit-reservation-form {
  max-width: 98%;
  font-size: 12px; }
.tvl-edit-reservation input[type="text"] {
  width: 100%; }
.tvl-edit-reservation .ui-state-disabled {
  opacity: 1;
  color: #333;
  border: 1px solid #B3B3B3;
  background: #F5F5F5; }
.tvl-edit-reservation .btn .tvl-icon-xsmall-add {
  margin-left: 3px;
  width: 13px; }
@media (max-width: 479px) {
  .tvl-edit-reservation .horizontal-def-list .list-label {
    float: none;
    width: auto;
    padding-bottom: 0; }
  .tvl-edit-reservation select, .tvl-edit-reservation input[type="text"], .tvl-edit-reservation input[type="password"] {
    width: 100%; } }
.tvl-edit-reservation .reservation-types {
  padding: 8px;
  background: #ebebeb;
  border: 1px solid #b3b3b3;
  margin-bottom: 24px; }
  .tvl-edit-reservation .reservation-types select {
    width: auto;
    max-width: 100%; }
.tvl-edit-reservation .reservation-type-action {
  margin-left: 24px;
  display: block;
  margin-bottom: 12px; }
.tvl-edit-reservation .add-player .add-player-actions {
  float: right;
  margin-left: 10px;
  min-width: 50px; }
.tvl-edit-reservation .add-player .player-details {
  position: relative;
  overflow: hidden; }
  .tvl-edit-reservation .add-player .player-details .left-area {
    float: left;
    margin-right: 10px;
    line-height: 30px; }
  @media (max-width: 479px) {
    .tvl-edit-reservation .add-player .player-details .left-area {
      float: none; } }
  .tvl-edit-reservation .add-player .player-details .content {
    position: relative;
    overflow: hidden; }
    .tvl-edit-reservation .add-player .player-details .content .control {
      width: 47%;
      margin-right: 3%;
      float: left; }
    .tvl-edit-reservation .add-player .player-details .content input[type="text"], .tvl-edit-reservation .add-player .player-details .content select {
      width: 100%; }

.ie7 .tvl-edit-reservation .add-player .player-details .content input[type="text"], .ie7 .tvl-edit-reservation .add-player .player-details .content select {
  width: 170px; }

.reservation-type .ui-helper-hidden-accessible {
  clip: none;
  position: static !important; }
.reservation-type .ui-radiobutton-box {
  display: none; }
.reservation-type table td {
  vertical-align: middle; }

/*====================
 Reservation guests
 =======================*/
.tvl-reservation-guests .search-results {
  background: #fff;
  margin: 0 0 24px; }

/*====================
 Edit Reservation Guest
 =======================*/
.tvl-edit-reservation-guest .list-error .portlet-msg-error, .tvl-edit-reservation-guest .lfr-message-error {
  min-height: 0; }
.tvl-edit-reservation-guest .list-error ul {
  margin: 0; }

.tvl-infotheek {
  /*
  .form-wrapper{
  	padding: 12px;
  	background: #fff;
  	margin:0 0 24px 0;
  }
  */ }
  .tvl-infotheek .search-results {
    display: block; }

.availability-table table {
  margin-bottom: 24px;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif; }
.availability-table th, .availability-table td {
  border: 1px solid #fff; }
.availability-table thead th, .availability-table tfoot th, .availability-table tfoot td {
  font-size: 14px;
  background: #4C4C4C;
  color: #fff;
  text-align: left;
  font-weight: normal;
  padding: 4px 10px; }
.availability-table thead tr th a {
  color: #fff; }
.availability-table thead th.can-click {
  cursor: pointer; }
.availability-table thead tr th:first-child {
  width: 50px; }
.availability-table tbody th {
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  padding: 2px 4px;
  text-align: center;
  font-weight: normal;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #e6e6e6; }
  .availability-table tbody th a {
    color: #4C4C4C; }
.availability-table tbody th.can-click {
  cursor: pointer; }
.availability-table tbody td {
  font-size: 12px;
  height: 33px;
  text-align: center; }
.availability-table tbody th {
  border-bottom: 1px solid #fff;
  height: 33px; }
.availability-table tbody td.can-click {
  cursor: pointer; }

td.available, .available .colorcode {
  background: #97C82B; }

td.unavailable, .unavailable .colorcode {
  background: #D33630; }

td.no-game, .no-game .colorcode {
  background: url("../images/unavailable.png") #e6e6e6 center center no-repeat; }

.availability-table .fixedtable-container {
  margin-bottom: 12px; }
.availability-table .can-click {
  cursor: pointer; }
.availability-table .fixedtable-container table {
  margin: 0; }
.availability-table #headerMask {
  float: left;
  overflow: hidden;
  background: #4C4C4C;
  height: 40px;
  padding: 4px 0;
  border: 1px solid #fff;
  border-top: #4C4C4C;
  border-bottom: #4C4C4C;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  width: 50px;
  -webkit-box-sizing: inherit; }
.availability-table #table-header th {
  background: #4C4C4C;
  color: #fff;
  text-align: left;
  font-weight: normal;
  height: 39px;
  width: 36px;
  padding: 4px 10px;
  border-bottom: 0 solid transparent;
  border-top: 1px solid #4c4c4c;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }
.availability-table #fixedtable-left-col th {
  border-bottom: 1px solid #fff; }
.availability-table #fixedtable-left-col tr:nth-child(4n) th {
  border-bottom: 1px solid #fff; }

.webkit .availability-table #fixedtable-body td:after {
  border-bottom: 1px solid #fff; }
.webkit .availability-table #table-header th {
  width: 35px; }

.ie9 .availability-table #headerMask, .ie8 .availability-table #headerMask, .ie7 .availability-table #headerMask {
  padding-bottom: 0; }

/*-------------------------
Inschrijven voor tornooi
-------------------------*/
.tvl-centered-form {
  margin-left: 160px;
  max-width: 640px; }
  @media (max-width: 1023px) {
    .tvl-centered-form {
      margin: 0 auto;
      max-width: 85%; } }

.step-explanation {
  color: #6B6B6B;
  font-size: 14px;
  max-width: 640px; }

.form-section {
  margin: 0 0 24px; }
  .form-section .radio, .form-section .checkbox {
    font-size: 14px;
    min-height: 25px; }
    .form-section .radio input[type="radio"], .form-section .radio input[type="checkbox"], .form-section .checkbox input[type="radio"], .form-section .checkbox input[type="checkbox"] {
      margin-top: 0; }

/*------------------
Registration
------------------ */
.details-body.registration-form {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 24px;
  padding-top: 0; }
  @media (max-width: 767px) {
    .details-body.registration-form .wizard-navigation li .next, .details-body.registration-form .wizard-navigation li .prev {
      display: none; }
    .details-body.registration-form .wizard-navigation li .label span:first-letter {
      font-size: 30px;
      display: inline-block;
      padding-right: 5px;
      vertical-align: middle; } }
  .details-body.registration-form td input[type="radio"] + label {
    display: inline-block;
    margin-left: 8px; }
  .details-body.registration-form th a {
    color: #fff; }
  .details-body.registration-form tbody th a {
    color: #4C4C4C; }
  .details-body.registration-form .form-actions.buttons-right {
    margin-right: 2em; }
  .details-body.registration-form .details-content {
    padding-top: 56px; }
    @media (max-width: 767px) {
      .details-body.registration-form .details-content {
        padding-top: 0; } }
  .details-body.registration-form .previous-step {
    position: absolute;
    top: 0;
    left: 24px; }
  .details-body.registration-form .next-step {
    position: absolute;
    top: 0;
    right: 24px; }
  @media (max-width: 767px) {
    .details-body.registration-form .previous-step {
      position: static;
      float: left;
      margin-left: 12px; }
    .details-body.registration-form .next-step {
      position: static;
      float: right;
      margin-right: 12px; } }
  .details-body.registration-form .span6 + .span6 .control-group {
    margin-left: 20px; }
  @media (max-width: 767px) {
    .details-body.registration-form .span6 + .span6 .control-group {
      margin-left: 0; } }
  .details-body.registration-form h3 + p {
    margin-top: 0; }
  .details-body.registration-form .tab-content {
    max-width: 640px; }
  .details-body.registration-form .nav-tabs {
    paddin-left: 0; }
  .details-body.registration-form .nav-tabs li {
    width: 160px; }
  .details-body.registration-form .tabs-left .tab-content {
    border: 1px solid #0F618D;
    padding: 1em 12px;
    min-height: 400px;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .details-body.registration-form .tabs-left .tab-content {
        border: 0; } }
  .details-body.registration-form .tabs-left > .nav-tabs {
    border: 0; }
  .details-body.registration-form .tabs-left .nav-tabs {
    padding: 0; }
  .details-body.registration-form .tabs-left .nav-tabs > li > a {
    border: 0;
    padding: 39px 8px;
    max-width: 156px;
    background: #ebebeb;
    margin: 0; }
  .details-body.registration-form .tabs-left .tab-content {
    margin-bottom: 24px; }
  .details-body.registration-form .tabs-left.steps-4 .tab-content li, .details-body.registration-form .tabs-left.steps-3 tab-content li, .details-body.registration-form .tabs-left.steps-2 .tab-content li, .details-body.registration-form .tabs-left.steps-1 .tab-content li {
    width: auto;
    padding: 0; }
  .details-body.registration-form .tabs-left .legend-list li {
    padding: 4px 0 0 53px !important; }
  @media (max-width: 767px) {
    .details-body.registration-form .tabs-left .nav-tabs li {
      width: auto; }
    .details-body.registration-form .tabs-left.steps-4 .nav-tabs li {
      width: 25%;
      padding: 0; }
    .details-body.registration-form .tabs-left.steps-3 .nav-tabs li {
      width: 33.333333333%;
      padding: 0; }
    .details-body.registration-form .tabs-left.steps-2 .nav-tabs li {
      width: 50%;
      padding: 0; }
    .details-body.registration-form .tabs-left.steps-1 .nav-tabs li {
      width: 100%;
      padding: 0; }
    .details-body.registration-form .tabs-left .nav-tabs > li > a {
      padding: 12px 6px;
      max-width: none;
      min-height: 25px; }
    .details-body.registration-form .tabs-left .tabs-left .tab-content {
      min-height: 0; }
    .details-body.registration-form .tabs-left.steps-4 .tab-content li, .details-body.registration-form .tabs-left.steps-3 .tab-content li, .details-body.registration-form .tabs-left.steps-2 .tab-content li, .details-body.registration-form .tabs-left.steps-1 .tab-content li {
      width: 100%;
      padding: 0;
      background: #fff;
      text-align: left; } }
  .details-body.registration-form .tabs-left .nav-tabs > li.active > a, .details-body.registration-form .tabs-left .nav-tabs > li.active > a:hover {
    border: 0;
    background: #0f618d;
    color: #fff; }
  .details-body.registration-form .checkbox-wrapper {
    position: relative; }
    .details-body.registration-form .checkbox-wrapper input {
      position: absolute;
      left: 0;
      top: -4px; }
    .details-body.registration-form .checkbox-wrapper label {
      padding-left: 24px; }
  .details-body.registration-form .action-list {
    display: inline-block;
    width: auto;
    width: 530px; }
    @media (max-width: 767px) {
      .details-body.registration-form .action-list {
        width: 100%;
        margin-left: 0; } }
    .details-body.registration-form .action-list .bd {
      min-width: 455px; }
      @media (max-width: 767px) {
        .details-body.registration-form .action-list .bd {
          min-width: inherit; } }
    .details-body.registration-form .action-list .btn {
      margin-left: 0; }
    .details-body.registration-form .action-list .row {
      margin-left: 0; }
    .details-body.registration-form .action-list .ui-autocomplete {
      margin-right: 20px; }
    .details-body.registration-form .action-list .player {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .details-body.registration-form .action-list .tvl-icon-remove {
      background-position: -182px -70px; }
    .details-body.registration-form .action-list .tvl-icon-add {
      background-position: -240px -70px; }
  .details-body.registration-form .registrations .list-label {
    width: 85px; }
    @media (max-width: 767px) {
      .details-body.registration-form .registrations .list-label {
        width: 65px; } }

.registration-label {
  display: block;
  width: 125px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  margin: 0 8px 8px 0; }

.tvl-member-club-registration .ui-datepicker-trigger, .tennisschool-registration .ui-datepicker-trigger {
  display: none; }
.tvl-member-club-registration .tvl-icon-small-add + span, .tennisschool-registration .tvl-icon-small-add + span {
  display: none; }
.tvl-member-club-registration .action-container.actions-right, .tennisschool-registration .action-container.actions-right {
  padding-right: 10px;
  margin-bottom: 24px; }
.tvl-member-club-registration .vtv-player-instructions, .tennisschool-registration .vtv-player-instructions {
  margin-top: 24px;
  display: block; }
.tvl-member-club-registration .vtv-member-information .dynamic-field, .tvl-member-club-registration .vtv-register-members .dynamic-field, .tennisschool-registration .vtv-member-information .dynamic-field, .tennisschool-registration .vtv-register-members .dynamic-field {
  margin-top: 12px; }
.tvl-member-club-registration .add-members-list, .tennisschool-registration .add-members-list {
  padding-top: 40px; }
  .tvl-member-club-registration .add-members-list .add-members-list-box, .tennisschool-registration .add-members-list .add-members-list-box {
    padding: 10px 5px 5px;
    background: #EBEBEB;
    border: 1px solid #B3B3B3; }
  .tvl-member-club-registration .add-members-list .member, .tennisschool-registration .add-members-list .member {
    margin-bottom: 5px; }
  .tvl-member-club-registration .add-members-list .edit-actions, .tennisschool-registration .add-members-list .edit-actions {
    float: right;
    margin-left: 5px; }
  .tvl-member-club-registration .add-members-list .member-name, .tennisschool-registration .add-members-list .member-name {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.tvl-member-club-registration .add-members-list-title, .tennisschool-registration .add-members-list-title {
  font-size: 14px;
  margin-bottom: 5px; }
.tvl-member-club-registration .info-message, .tennisschool-registration .info-message {
  font-size: 12px;
  margin-bottom: 12px; }
.tvl-member-club-registration .details-body.registration-form .nav-tabs li, .tennisschool-registration .details-body.registration-form .nav-tabs li {
  width: inherit;
  max-width: 33.33%; }
.tvl-member-club-registration .details-body.registration-form .tab-content, .tennisschool-registration .details-body.registration-form .tab-content {
  max-width: none; }
.tvl-member-club-registration .details-body.registration-form .vtv-register-members .form-actions.buttons-right, .tennisschool-registration .details-body.registration-form .vtv-register-members .form-actions.buttons-right {
  margin-right: 0; }
.tvl-member-club-registration .vtv-confirmation .tvl-centered-form, .tennisschool-registration .vtv-confirmation .tvl-centered-form {
  max-width: none;
  margin: 0 24px; }
  .tvl-member-club-registration .vtv-confirmation .tvl-centered-form .details.with-border, .tennisschool-registration .vtv-confirmation .tvl-centered-form .details.with-border {
    margin: 12px 0; }
  .tvl-member-club-registration .vtv-confirmation .tvl-centered-form .rates-proposal-information, .tennisschool-registration .vtv-confirmation .tvl-centered-form .rates-proposal-information {
    font-size: 11px; }
  .tvl-member-club-registration .vtv-confirmation .tvl-centered-form .responsive-tablepattern-1.ui-datatable table, .tennisschool-registration .vtv-confirmation .tvl-centered-form .responsive-tablepattern-1.ui-datatable table {
    border: 0; }
    .tvl-member-club-registration .vtv-confirmation .tvl-centered-form .responsive-tablepattern-1.ui-datatable table td, .tennisschool-registration .vtv-confirmation .tvl-centered-form .responsive-tablepattern-1.ui-datatable table td {
      font-size: 12px; }
@media (max-width: 767px) {
  .tvl-member-club-registration .tab-content, .tennisschool-registration .tab-content {
    padding: 15px; }
  .tvl-member-club-registration .details-body.registration-form .wizard-navigation li .label span:first-letter, .tennisschool-registration .details-body.registration-form .wizard-navigation li .label span:first-letter {
    display: inline;
    font-size: inherit;
    vertical-align: inherit;
    vertical-align: bottom;
    padding: 0; }
  .tvl-member-club-registration .add-members-list, .tennisschool-registration .add-members-list {
    padding: 12px 0 12px; } }

.ie7 .tvl-member-club-registration .tab-content, .ie7 .tennisschool-registration .tab-content {
  overflow: inherit; }
.ie7 .tvl-member-club-registration .vtv-register-members .tab-content, .ie7 .tennisschool-registration .vtv-register-members .tab-content {
  overflow: hidden; }
  .ie7 .tvl-member-club-registration .vtv-register-members .tab-content input, .ie7 .tvl-member-club-registration .vtv-register-members .tab-content textarea, .ie7 .tennisschool-registration .vtv-register-members .tab-content input, .ie7 .tennisschool-registration .vtv-register-members .tab-content textarea {
    max-width: 310px; }

.tvl-calendar-detail .details-body .responsive-tablepattern-1.ui-datatable table,
.tvl-calendar-list .details-body .responsive-tablepattern-1.ui-datatable table,
.tvl-member-club-registration-details .details-body .responsive-tablepattern-1.ui-datatable table {
  border: 0;
  font-size: 12px; }

/*----------------------------
Planning
-----------------------------*/
.planning {
  background: #ffffff;
  padding: 24px 15px 20px; }

.planning__header {
  font-size: 0;
  margin-bottom: 20px;
  position: relative; }

.planning__period, .planning__trainer, .planning__print {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline; }

.planning__period {
  width: 40%;
  font-size: 12px;
  position: relative; }

.planning__trainer {
  width: 40%;
  font-size: 12px; }

.planning__print {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  text-align: right; }

.planning__arrow-left {
  float: left;
  display: block;
  width: 1.8em;
  height: 1.8em; }
  .planning__arrow-left .ui-icon {
    background-image: url("../images/tvl-icon-sprite.png");
    background-position: -411px -666px;
    display: block;
    height: 14px;
    width: 8px;
    text-indent: -9999px; }

.planning__arrow-right {
  float: left;
  display: block;
  width: 1.8em;
  height: 1.8em; }
  .planning__arrow-right .ui-icon {
    background-image: url("../images/tvl-icon-sprite.png");
    background-position: -422px -666px;
    display: block;
    height: 14px;
    width: 8px;
    float: left;
    text-indent: -9999px; }

.planning__period__period {
  float: left; }

.planning__detail {
  position: relative;
  background: #fff;
  border-left: 8px solid transparent;
  padding: 0 5px; }
  .planning__detail .planning__detail-content {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    line-height: normal;
    font-size: 12px; }
    .planning__detail .planning__detail-content div {
      margin: 0 0 5px; }
    .planning__detail .planning__detail-content i {
      margin: 0 3px 0 0; }
  .planning__detail ul {
    margin: 0;
    position: absolute;
    top: 8px;
    right: 8px; }
    .planning__detail ul li {
      margin-bottom: 6px; }

.planning__table {
  width: 100%;
  font-family: "ralewayregular", Arial, Helvetica, Verdana, sans-serif;
  table-layout: fixed;
  width: 100%; }
  .planning__table th, .planning__table td {
    border: 1px solid #7f7f7f;
    background: #ebebeb;
    min-height: 30px;
    box-sizing: border-box; }
  .planning__table thead th {
    font-size: 14px;
    background: #4c4c4c;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    padding: 4px 10px;
    width: 15%; }
  .planning__table thead tr th:first-child {
    width: 40px; }
  .planning__table tbody th {
    font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    padding: 2px 4px;
    text-align: center;
    font-weight: normal;
    background: #e6e6e6;
    border: 0;
    width: 30px; }
    .planning__table tbody th.has-border {
      border-bottom: 1px solid #7f7f7f; }
  .planning__table tbody td {
    font-size: 12px;
    position: relative; }
    .planning__table tbody td.can-click {
      cursor: pointer; }
    .planning__table tbody td.mock-cell {
      border: none; }
      .planning__table tbody td.mock-cell.has-bottom-border {
        border-bottom: 1px solid #7f7f7f; }
      .planning__table tbody td.mock-cell.has-right-border {
        border-right: 1px solid #7f7f7f; }
      .planning__table tbody td.mock-cell.has-left-border {
        border-left: 1px solid #7f7f7f; }

@media (max-width: 767px) {
  .planning__header {
    position: relative; }

  .planning__period, .planning__trainer, .planning__print {
    display: block;
    vertical-align: baseline; }

  .planning__period {
    width: 100%; }

  .planning__period__period {
    display: none; }

  .planning__trainer {
    width: 100%; }

  .planning__print {
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    float: none; }

  .planning__table thead th, .planning__table td {
    display: none; }
    .planning__table thead th.mobile-active, .planning__table thead th.planning__corner, .planning__table td.mobile-active, .planning__table td.planning__corner {
      display: table-cell;
      width: 100%; } }
/*Dashbord Portlets*/
@media (max-width: 1023px) {
  .tvl-dashboard .portlet-column, .tvl-clubdashboard .portlet-column, .tvl-tennis-school-dashboard .portlet-column {
    width: 100% !important;
    margin-left: 0; } }
/*---------------------------------
Speler Dashboard
----------------------------------*/
#main-content.tvl-dashboard, #main-content.tvl-tennis-school-dashboard {
  /*Portlet headers have a margin of 12px insead of 25*/ }
  #main-content.tvl-dashboard .portlet-boundary, #main-content.tvl-tennis-school-dashboard .portlet-boundary {
    margin-bottom: 0; }
  #main-content.tvl-dashboard .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard .tvl-portlet-body {
    margin-bottom: 24px; }
  #main-content.tvl-dashboard .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard .tvl-portlet-body.tvl-empty {
    padding: 0;
    margin-bottom: 0; }
  #main-content.tvl-dashboard #column-4, #main-content.tvl-dashboard #column-5, #main-content.tvl-dashboard #column-6, #main-content.tvl-dashboard #column-7, #main-content.tvl-dashboard #column-8, #main-content.tvl-dashboard #column-9, #main-content.tvl-tennis-school-dashboard #column-4, #main-content.tvl-tennis-school-dashboard #column-5, #main-content.tvl-tennis-school-dashboard #column-6, #main-content.tvl-tennis-school-dashboard #column-7, #main-content.tvl-tennis-school-dashboard #column-8, #main-content.tvl-tennis-school-dashboard #column-9 {
    /*-->Set background and padding of portlet-body*/ }
    #main-content.tvl-dashboard #column-4 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-dashboard #column-5 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-dashboard #column-6 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-dashboard #column-7 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-dashboard #column-8 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-dashboard #column-9 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-4 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-5 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-6 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-7 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-8 .tvl-portlet-header .tvl-portlet-title, #main-content.tvl-tennis-school-dashboard #column-9 .tvl-portlet-header .tvl-portlet-title {
      font-size: 18px;
      padding: 0 12px 0 12px; }
    #main-content.tvl-dashboard #column-4 .tvl-portlet-body, #main-content.tvl-dashboard #column-5 .tvl-portlet-body, #main-content.tvl-dashboard #column-6 .tvl-portlet-body, #main-content.tvl-dashboard #column-7 .tvl-portlet-body, #main-content.tvl-dashboard #column-8 .tvl-portlet-body, #main-content.tvl-dashboard #column-9 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-4 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-5 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-6 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-7 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-8 .tvl-portlet-body, #main-content.tvl-tennis-school-dashboard #column-9 .tvl-portlet-body {
      width: auto;
      background: #FFF;
      padding: 12px;
      margin-bottom: 24px; }
    #main-content.tvl-dashboard #column-4 .tvl-portlet-body.tvl-empty, #main-content.tvl-dashboard #column-5 .tvl-portlet-body.tvl-empty, #main-content.tvl-dashboard #column-6 .tvl-portlet-body.tvl-empty, #main-content.tvl-dashboard #column-7 .tvl-portlet-body.tvl-empty, #main-content.tvl-dashboard #column-8 .tvl-portlet-body.tvl-empty, #main-content.tvl-dashboard #column-9 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-4 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-5 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-6 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-7 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-8 .tvl-portlet-body.tvl-empty, #main-content.tvl-tennis-school-dashboard #column-9 .tvl-portlet-body.tvl-empty {
      padding: 0;
      margin-bottom: 0; }
    #main-content.tvl-dashboard #column-4 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-dashboard #column-5 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-dashboard #column-6 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-dashboard #column-7 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-dashboard #column-8 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-dashboard #column-9 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-4 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-5 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-6 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-7 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-8 .responsive-tablepattern-1.ui-datatable table, #main-content.tvl-tennis-school-dashboard #column-9 .responsive-tablepattern-1.ui-datatable table {
      border: 0 solid transparent; }
  #main-content.tvl-dashboard .portlet-borderless-container, #main-content.tvl-tennis-school-dashboard .portlet-borderless-container {
    min-height: 0;
    margin-bottom: 0; }

.tvl-infotheek-items .details {
  margin: 0; }
  .tvl-infotheek-items .details .details-body {
    font-size: 12px; }
  .tvl-infotheek-items .details .responsive-tablepattern-1.ui-datatable table {
    border: 0 solid transparent;
    margin-bottom: 15px; }

.tvl-landingpage #column-2 .tvl-infotheek-items .details .details-body {
  padding: 0; }

.tvl-tournamentlist .details .details-body {
  font-size: 12px;
  padding: 0; }

/*---------------------------------
Club Dashboard
----------------------------------*/
#main-content.tvl-clubdashboard {
  /*Portlet headers have a margin of 12px insead of 25*/
  /*-->Set background and padding of portlet-body*/ }
  #main-content.tvl-clubdashboard .portlet-boundary {
    margin-bottom: 0; }
  #main-content.tvl-clubdashboard .tvl-portlet-body {
    margin-bottom: 24px; }
  #main-content.tvl-clubdashboard .tvl-portlet-body.tvl-empty {
    padding: 0;
    margin-bottom: 0; }
  #main-content.tvl-clubdashboard .tvl-portlet-header .tvl-portlet-title {
    font-size: 18px;
    padding: 0 12px 0 12px; }
  #main-content.tvl-clubdashboard .tvl-portlet-body {
    width: auto;
    background: #FFF;
    padding: 12px;
    margin-bottom: 24px; }
  #main-content.tvl-clubdashboard .tvl-portlet-body.tvl-empty {
    padding: 0;
    margin-bottom: 0; }
  #main-content.tvl-clubdashboard .responsive-tablepattern-1.ui-datatable table {
    border: 0 solid transparent;
    margin-bottom: 15px; }
  #main-content.tvl-clubdashboard .portlet-borderless-container {
    min-height: 0;
    margin-bottom: 0; }

/*-----------------------------------
Club-Map
----------------------------------------*/
#main-content.tvl-clubdashboard .tvl-club-map .tvl-portlet-body {
  background: transparent;
  padding: 0; }

/*-----------------------------------
Dashboard Navigation
----------------------------------------*/
#tvl-dashboard-navigation {
  display: none;
  padding: 12px;
  background: #fff;
  margin: -24px 0 24px; }
  #tvl-dashboard-navigation .tvl-dashboard-navigation-title {
    font-size: 18px;
    margin-bottom: 8px; }

.tvl-dashboard-portlet {
  display: block; }

@media (max-width: 767px) {
  #tvl-dashboard-navigation {
    display: block; }

  .tvl-dashboard-portlet {
    display: none; }

  .tvl-dashboard-portlet.is-visible {
    display: block; } }
/*-----------------------------------
Club Members
----------------------------------------*/
.tvl-club-members .search-pane-container {
  margin: 0 0 24px; }

/*-----------------------------------
Interclub
----------------------------------------*/
.tvl-interclub-dashboard .tab-content {
  padding: 1em 12px; }
.tvl-interclub-dashboard .responsive-tablepattern-1.ui-datatable table {
  border: 0 solid transparent; }

/*-----------------------------------
Savings Cards
----------------------------------------*/
.savings-card-wrapper {
  margin-bottom: 12px; }

.savings-card-image {
  float: left;
  width: 280px; }
  .savings-card-image img {
    display: block;
    max-width: 100%;
    width: 100%; }

.savings-card-circuit-image {
  position: relative;
  overflow: hidden;
  margin-left: 12px;
  text-align: right; }
  .savings-card-circuit-image img {
    display: block;
    display: inline-block;
    max-width: 100%; }

@media (max-width: 767px) {
  .savings-card-wrapper, .savings-card-details {
    padding: 0 12px; } }
.tvl-action-container {
  padding-top: 12px; }
  .tvl-action-container a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px; }
  .tvl-action-container a.link-right {
    float: right; }
  .tvl-action-container .tvl-cta-link {
    font-size: 18px; }

.modal {
  display: none;
  border-radius: none;
  border-bottom: 5px solid #0f618d;
  border-radius: 0; }
  .modal .modal-footer {
    background-color: #fff;
    border-radius: 0;
    border-top: 1px solid #ccc;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right; }

.infotheek-logo, .tennis-school-offers-logo {
  position: absolute;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 8px; }
  .infotheek-logo img, .tennis-school-offers-logo img {
    display: block;
    max-height: 100%; }

.profile-container {
  position: relative;
  z-index: 80; }

.dashboardportlet-container {
  position: relative;
  z-index: 50; }

/*-----------------------------------------------------
Structured Content
------------------------------------------------------*/
.tvl-sectiontitle {
  color: #0f618d;
  font-size: 22px;
  padding: 12px;
  background: #fff;
  margin: 0; }

.tvl-introduction {
  background: #fff;
  padding: 12px 12px 0;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  border-collapse: separate;
  overflow: hidden; }
  .tvl-introduction .bd {
    overflow: hidden; }

.tvl-subtitle {
  color: #0f618d;
  font-size: 18px;
  margin-bottom: 10px; }

.tvl-paragraph {
  background: #fff;
  border-collapse: separate;
  padding: 12px;
  font-size: 13px; }
  .tvl-paragraph .bd {
    overflow: hidden; }
    .tvl-paragraph .bd ol, .tvl-paragraph .bd ul {
      overflow: hidden;
      margin-left: 0;
      padding-left: 2em; }

.tvl-sectiontitle + .tvl-introduction {
  padding-top: 0; }

.tvl-introduction + .tvl-paragraph {
  padding-top: 0; }

.tvl-paragraph.last {
  margin-bottom: 24px; }

.journal-content-article .media-asset figure img {
  max-width: 100%;
  display: block; }
.journal-content-article figure {
  border: 1px solid #DDD;
  padding: 5px;
  background: #FFF;
  margin: 0;
  max-width: 100%;
  display: inline-block; }
.journal-content-article .titellogo figure {
  border: 0;
  padding: 0; }
.journal-content-article .media-asset-left .media-asset {
  float: left;
  max-width: 60%;
  margin: 0 24px 12px 0; }
.journal-content-article .media-asset-left figure {
  float: left; }
.journal-content-article .media-asset-right .media-asset {
  float: right;
  margin: 0 0px 12px 24px;
  max-width: 60%; }
.journal-content-article .media-asset-right figure {
  float: right; }
.journal-content-article .media-asset-top .media-asset {
  float: none;
  max-width: 100%;
  margin: 0 0 12px 0; }
.journal-content-article .media-asset-top figure {
  float: none; }
.journal-content-article table {
  clear: none;
  overflow: hidden; }
@media (max-width: 767px) {
  .journal-content-article .media-asset-top .media-asset {
    margin-right: 12px; }
  .journal-content-article .media-asset-right .media-asset, .journal-content-article .media-asset-left .media-asset {
    margin: 0 12px 12px 0;
    float: none;
    max-width: 100%; }
  .journal-content-article .media-asset-left figure, .journal-content-article .media-asset-right figure {
    float: none; } }

/*
Edit mode webcontent
*/
#main-content.columns-max .portlet-journal {
  background: #FFF;
  padding: 24px 12px;
  margin-top: 24px; }
  #main-content.columns-max .portlet-journal .field-container label {
    display: inline; }
  #main-content.columns-max .portlet-journal .field-container .aui-field-input-choice {
    display: inline-block;
    margin: 0 0.4em 0 0;
    vertical-align: middle; }
  #main-content.columns-max .portlet-journal .aui-state-default {
    background: #005f8c;
    background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
    background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 ); }
  #main-content.columns-max .portlet-journal .aui-state-active, #main-content.columns-max .portlet-journal .aui-state-hover {
    background: #006699;
    background: -moz-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #0d3556));
    background: -webkit-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -o-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: -ms-linear-gradient(top, #006699 0%, #0d3556 100%);
    background: linear-gradient(to bottom, #006699 0%, #0d3556 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0d3556',GradientType=0 ); }
  #main-content.columns-max .portlet-journal .aui-toolbar-content button {
    border-color: #013a58; }
  #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button {
    display: inline-block;
    margin-bottom: 12px; }
    #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button input[type="submit"], #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button input[type="button"], #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button button {
      font-size: 12px; }
  #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button-input-cancel {
    background: #005f8c;
    background: -moz-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005f8c), color-stop(100%, #004f78));
    background: -webkit-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -o-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: -ms-linear-gradient(top, #005f8c 0%, #004f78 100%);
    background: linear-gradient(to bottom, #005f8c 0%, #004f78 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f8c', endColorstr='#004f78',GradientType=0 );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    text-shadow: none;
    width: auto;
    font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    border: 1px solid #808080;
    border-bottom: 2px solid #808080;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: -o-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    color: #000; }
    #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button-input-cancel:hover {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
      background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
      border: 1px solid #808080;
      border-bottom: 2px solid #808080; }
    #main-content.columns-max .portlet-journal .journal-article-button-row .aui-button-input-cancel:focus {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b2b2b2));
      background: -webkit-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -o-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: -ms-linear-gradient(top, white 0%, #b2b2b2 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 );
      border: 1px solid #808080;
      border-bottom: 2px solid #808080; }
  #main-content.columns-max .portlet-journal .article-name {
    color: #0f618d; }

.portlet-journal .lfr-table .article-structure-template-toolbar label,
.portlet-journal .lfr-table .article-translation-toolbar label {
  display: inline; }

.cke_panel_frame, cke_panel_block, .cke_panel_list {
  background: #fff; }

/*----------------------------------------------
Remove padding from portlet controls
----------------------------------------------*/
.portlet-borderless-bar {
  padding: 0; }

/*----------------------------------------------
Remove Padding on Dropzones except for editing
----------------------------------------------*/
.portlet-column-content.empty, .signed-in.portlet-column-content.empty, .signed-out .portlet-column-content.empty {
  padding: 0; }

.tvl-edit-mode .portlet-column-content.empty {
  padding: 50px; }

/*---------------------------------------
Remove default-styling of Asset Publisher
----------------------------------------*/
.portlet-asset-publisher .asset-full-content .asset-content {
  margin-right: 0px; }

.portlet-asset-publisher .asset-content {
  clear: none;
  margin: 0; }

.tvl-preferences {
  background: #fff;
  padding: 12px; }

.social-media-body {
  background: #fff;
  padding: 15px 10px 25px; }

.social-media-link-mobile {
  background: #0f618d;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .social-media-link-mobile a {
    color: #fff; }
    .social-media-link-mobile a i {
      float: left;
      margin-right: 10px; }
    .social-media-link-mobile a span {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 6px 0 0 0; }
    .social-media-link-mobile a:hover span {
      text-decoration: underline; }

@media (max-width: 767px) {
  #main-content.tvl-home .tvl-facebook-feed, #main-content.tvl-home .tvl-twitter-feed {
    margin-bottom: 0; } }

/*==========================
SHARE THIS
==========================*/
.share-this-container {
  position: absolute;
  top: 15px;
  right: 0;
  width: auto; }
  .share-this-container .stButton .stArrow {
    display: none; }

.tvl-share-this {
  float: right; }

@media (max-width: 767px) {
  .share-this-container {
    position: static; }

  .tvl-share-this {
    float: none; }

  .tvl-edit-mode .share-this-container {
    position: static; }
  .tvl-edit-mode .tvl-share-this {
    float: none; } }
.tvl-edit-mode .share-this-container {
  position: static; }
.tvl-edit-mode .tvl-share-this {
  float: none; }

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
  width: 100% !important;
  height: auto !important;
  padding-top: 57%; }

.me-plugin {
  position: absolute; }

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; }

.mejs-fullscreen {
  /* set it to not show scroll bars so 100% will work */
  overflow: hidden !important; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%; }

.mejs-clear {
  clear: both; }

.mejs-mediaelement video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

:root .mejs-poster img {
  display: none; }

.ie7 .mejs-poster img, .ie8 .mejs-poster img {
  display: none; }

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  filter: none;
  background: url("../images/mediaplayer/bigplay.svg") no-repeat; }

.no-svg .mejs-overlay-button {
  background-image: url("../images/mediaplayer/bigplay.png"); }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url("../images/mediaplayer/background.png");
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url("../images/mediaplayer/loading.gif") 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url("../images/mediaplayer/background.png");
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%; }
  .mejs-container .mejs-controls button {
    filter: none !important; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  font-family: Helvetica, Arial;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url("../images/mediaplayer/controls.svg") no-repeat; }

.no-svg .mejs-controls .mejs-button button {
  background-image: url("../images/mediaplayer/controls.png"); }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time span {
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
  direction: ltr;
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 30px 0; } }

@-moz-keyframes buffering-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 30px 0; } }

@-ms-keyframes buffering-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 30px 0; } }

@-o-keyframes buffering-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 30px 0; } }

@keyframes buffering-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 30px 0; } }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
  background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url("../images/mediaplayer/background.png");
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0; }

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 60px;
  position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url("../images/mediaplayer/background.png");
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 45px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url("../images/mediaplayer/background.png");
  background: rgba(20, 20, 20, 0.8); }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333; }

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff; }

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative; }

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url("../images/mediaplayer/background.png");
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/mediaplayer/background.png");
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  overflow: hidden; }

.mejs-postroll-layer-content {
  width: 100%;
  height: 100%; }

.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/mediaplayer/background.png");
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer; }

/* End: Postroll */
.wide-theme #wrapper, .wide-theme .inner-wrapper, .wide-theme .main-navigation, .wide-theme #main-content, .wide-theme #main-content .inner-wrapper {
  max-width: none; }
.wide-theme .primary-header, .wide-theme .main-navigation {
  width: 100%; }
.wide-theme .reservation-table thead th, .wide-theme .reservation-table tfoot th, .wide-theme .reservation-table tfoot td {
  word-break: break-all;
  font-size: 12px; }

/* Tennis School Portlets */
.tennisschool-offers .form-horizontal label, .tennisschool-lessons-overview .form-horizontal label, .tennisschool-edit-availability .form-horizontal label, .tennisschool-lessons .form-horizontal label, .tennisschool-planning .form-horizontal label, .tennisschool-lesson-details .form-horizontal label {
  font-family: "ralewaybold", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 30px;
  text-align: left; }
.tennisschool-offers .form-horizontal label.middle-label, .tennisschool-lessons-overview .form-horizontal label.middle-label, .tennisschool-edit-availability .form-horizontal label.middle-label, .tennisschool-lessons .form-horizontal label.middle-label, .tennisschool-planning .form-horizontal label.middle-label, .tennisschool-lesson-details .form-horizontal label.middle-label {
  text-align: center; }
.tennisschool-offers .form-horizontal select[class*="span"], .tennisschool-lessons-overview .form-horizontal select[class*="span"], .tennisschool-edit-availability .form-horizontal select[class*="span"], .tennisschool-lessons .form-horizontal select[class*="span"], .tennisschool-planning .form-horizontal select[class*="span"], .tennisschool-lesson-details .form-horizontal select[class*="span"] {
  float: left;
  display: block; }
.tennisschool-offers .form-horizontal span[class*="span"] select, .tennisschool-lessons-overview .form-horizontal span[class*="span"] select, .tennisschool-edit-availability .form-horizontal span[class*="span"] select, .tennisschool-lessons .form-horizontal span[class*="span"] select, .tennisschool-planning .form-horizontal span[class*="span"] select, .tennisschool-lesson-details .form-horizontal span[class*="span"] select {
  width: 100%; }
.tennisschool-offers .form-horizontal input[type="text"], .tennisschool-lessons-overview .form-horizontal input[type="text"], .tennisschool-edit-availability .form-horizontal input[type="text"], .tennisschool-lessons .form-horizontal input[type="text"], .tennisschool-planning .form-horizontal input[type="text"], .tennisschool-lesson-details .form-horizontal input[type="text"] {
  width: 100%; }
.tennisschool-offers .form-horizontal .form-actions, .tennisschool-lessons-overview .form-horizontal .form-actions, .tennisschool-edit-availability .form-horizontal .form-actions, .tennisschool-lessons .form-horizontal .form-actions, .tennisschool-planning .form-horizontal .form-actions, .tennisschool-lesson-details .form-horizontal .form-actions {
  padding: 0; }
.tennisschool-offers .form-horizontal .ui-autocomplete, .tennisschool-lessons-overview .form-horizontal .ui-autocomplete, .tennisschool-edit-availability .form-horizontal .ui-autocomplete, .tennisschool-lessons .form-horizontal .ui-autocomplete, .tennisschool-planning .form-horizontal .ui-autocomplete, .tennisschool-lesson-details .form-horizontal .ui-autocomplete {
  display: inline-block; }
.tennisschool-offers .form-horizontal .controls, .tennisschool-lessons-overview .form-horizontal .controls, .tennisschool-edit-availability .form-horizontal .controls, .tennisschool-lessons .form-horizontal .controls, .tennisschool-planning .form-horizontal .controls, .tennisschool-lesson-details .form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 0;
  *margin-left: 0; }
.tennisschool-offers .form-horizontal table th input, .tennisschool-lessons-overview .form-horizontal table th input, .tennisschool-edit-availability .form-horizontal table th input, .tennisschool-lessons .form-horizontal table th input, .tennisschool-planning .form-horizontal table th input, .tennisschool-lesson-details .form-horizontal table th input {
  vertical-align: initial; }
.tennisschool-offers .form-horizontal .overwrite-reservation, .tennisschool-lessons-overview .form-horizontal .overwrite-reservation, .tennisschool-edit-availability .form-horizontal .overwrite-reservation, .tennisschool-lessons .form-horizontal .overwrite-reservation, .tennisschool-planning .form-horizontal .overwrite-reservation, .tennisschool-lesson-details .form-horizontal .overwrite-reservation {
  line-height: 35px; }
  .tennisschool-offers .form-horizontal .overwrite-reservation .overwrite-reservation-label, .tennisschool-lessons-overview .form-horizontal .overwrite-reservation .overwrite-reservation-label, .tennisschool-edit-availability .form-horizontal .overwrite-reservation .overwrite-reservation-label, .tennisschool-lessons .form-horizontal .overwrite-reservation .overwrite-reservation-label, .tennisschool-planning .form-horizontal .overwrite-reservation .overwrite-reservation-label, .tennisschool-lesson-details .form-horizontal .overwrite-reservation .overwrite-reservation-label {
    display: inline-block; }
  .tennisschool-offers .form-horizontal .overwrite-reservation input, .tennisschool-lessons-overview .form-horizontal .overwrite-reservation input, .tennisschool-edit-availability .form-horizontal .overwrite-reservation input, .tennisschool-lessons .form-horizontal .overwrite-reservation input, .tennisschool-planning .form-horizontal .overwrite-reservation input, .tennisschool-lesson-details .form-horizontal .overwrite-reservation input {
    margin: auto 5px; }

.tennisschool-lesson-details .form-horizontal table {
  border: none;
  border-bottom: 15px solid #fff; }
.tennisschool-lesson-details .horizontal-def-list .list-label {
  width: 90px; }

.tennisschool-registration .availability-table #table-header th {
  text-align: center; }
.tennisschool-registration .confirm-information .list-label {
  width: 140px; }
.tennisschool-registration table.ui-picklist.ui-widget {
  width: 100%; }
  .tennisschool-registration table.ui-picklist.ui-widget tr:first-child td:first-child, .tennisschool-registration table.ui-picklist.ui-widget tr:first-child td:nth-child(3) {
    width: 45%; }
  .tennisschool-registration table.ui-picklist.ui-widget tr:first-child td:nth-child(2), .tennisschool-registration table.ui-picklist.ui-widget tr:first-child td:nth-child(4) {
    width: 5%;
    padding: 0 10px; }
  .tennisschool-registration table.ui-picklist.ui-widget .ui-picklist-list {
    width: 100%; }
  .tennisschool-registration table.ui-picklist.ui-widget .ui-picklist-caption {
    width: 100%;
    padding: 4px 0px; }
.tennisschool-registration .terms-of-use-check {
  margin-right: 10px; }

.tennisschool-offers-dashboard .balance-positive, .tennisschool-account-reports .balance-positive {
  color: red; }
.tennisschool-offers-dashboard .balance-negative, .tennisschool-account-reports .balance-negative {
  color: green; }

#main-content.tvl-tennis-school-dashboard .profile-container {
  display: table; }
  #main-content.tvl-tennis-school-dashboard .profile-container #column-2, #main-content.tvl-tennis-school-dashboard .profile-container #column-3 {
    display: table-cell;
    float: none; }
  #main-content.tvl-tennis-school-dashboard .profile-container #column-3 {
    padding-left: 10px;
    vertical-align: bottom; }
    #main-content.tvl-tennis-school-dashboard .profile-container #column-3 .commercial-banner {
      margin-bottom: 24px; }

@media (max-width: 767px) {
  #main-content.tvl-tennis-school-dashboard .profile-container {
    display: block; }
    #main-content.tvl-tennis-school-dashboard .profile-container #column-2, #main-content.tvl-tennis-school-dashboard .profile-container #column-3 {
      display: block;
      float: none; }
    #main-content.tvl-tennis-school-dashboard .profile-container #column-3 .commercial-banner {
      margin-bottom: 0; }
    #main-content.tvl-tennis-school-dashboard .profile-container #column-3 .action-button-portlet {
      display: none; }

  .tennisschool-lesson-details .form-horizontal table td div.ui-cell-editor-input {
    padding: 0 10px; }
  .tennisschool-lesson-details .form-horizontal table td div.ui-cell-editor-input input {
    margin-left: 50%;
    width: 50%; }
  .tennisschool-lesson-details .form-horizontal table td select {
    width: 100%; }
  .tennisschool-lesson-details .form-horizontal .tvl-action-container .btn {
    width: 95%;
    text-align: center; }
  .tennisschool-lesson-details .form-horizontal .action-buttons {
    width: 90%; }
    .tennisschool-lesson-details .form-horizontal .action-buttons .btn {
      width: 100%;
      text-align: center;
      margin: 5px; } }
#skip-to-content {
  position: absolute;
  top: -9000em;
  height: 0; }

body {
  min-width: 320px;
  /*Menu on mobile and ipad*/
  min-height: 700px; }

body.mobile-menu-enabled {
  min-height: 1000px; }

#wrapper {
  font-size: 12px;
  /*12px*/
  font-family: "ralewaymedium", Arial, Helvetica, Verdana, sans-serif;
  color: #4c4c4c;
  max-width: 1024px;
  margin: 0 auto; }

/*----------------------------------------------
Margin on portlets
----------------------------------------------*/
#main-content .portlet-boundary {
  margin-bottom: 24px; }

/*
Always Show all dropzones when in edit mode
*/
.tvl-edit-mode .portlet-column-content {
  background: #efefef; }

.tvl-edit-mode div.portlet-column {
  display: block !important; }

.tvl-edit-mode #main-content.tvl-dashboard .portlet-borderless-container {
  min-height: 2.5em; }

.tvl-edit-mode #main-content.tvl-clubdashboard .portlet-borderless-container {
  min-height: 2.5em; }

.tvl-edit-mode #main-content.tvl-tennis-school-dashboard .portlet-borderless-container {
  min-height: 2.5em; }

.cke_skin_kama input.cke_dialog_ui_input_text, .cke_skin_kama input.cke_dialog_ui_input_password {
  height: 25px !important; }

.ui-autocomplete-list-item .mobile-break {
  display: block; }

.responsive-image img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  text-align: center; }

.ri {
  text-align: center;
  width: 100%; }

.ri img {
  /*margin:0 auto; 
  display:block; */
  max-width: 100%;
  height: auto; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.collapse.in {
  height: auto; }

.tvl-one-column .header-back-to,
.tvl-one-column .taglib-social-bookmarks {
  display: none; }