/*@import url('../reset-min.css');*/
@import url('../ui-lightness/jquery-ui-1.8.19.custom.css');
@import url('../jquery.validationEngine.css');
@import url('../font-awesome.css');
/*@import url('./editor.css');*/
@import url('./style.css');
@import url('./print.css');

html, body {
  min-height: 100%;
}

body, p, td, div, input, select, textarea {
  outline: none;
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 143%;
}

body div.ui-dialog *,
body div.nyroModalDom * {
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
}
/*
body div.nyroModalDom table:last-child,
body div.nyroModalDom p:last-child {
  margin-bottom: 0px;
}*/

/* GLOBAL */

*.clear {
  float: none;
  clear: both;
}

*.hidden { display: none; }
*.block { display: block !important; }
*.red { color: #c00; }
*.green { color: #0c0; }
*.hcenter { text-align: center; }
*.vcenter { vertical-align: middle; }
*.vtop { vertical-align: top; }
*.wmin { width: 1%; }
*.w33p { width: 33.3%; }
*.w50p { width: 50%; }
*.w100p { width: 100%; }
*.ma { margin: auto; }
*.wbg { background-color: #ffffff; }
*.alignc { text-align: center; }
*.alignr { text-align: right; }
*.alignl { text-align: left; }
*.float-l { float: left; }
*.float-r { float: right; }
*.float-n { float: none !important; }
*.mt0 { margin-top: 0px !important; }
*.mb0 { margin-bottom: 0px !important; }
*.mt5 { margin-top: 5px !important; }
*.mb5 { margin-bottom: 5px !important; }
*.mt10 { margin-top: 10px !important; }
*.mb10 { margin-bottom: 10px !important; }
*.cursor-pointer { cursor: pointer; }
*.nomargin { margin: 0px; }
*.nopadding { padding: 0px; }
*.fw-normal { font-weight: normal !important; }

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

div.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

*.nowrap {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

div.wbg {
  background: #fff;
}

span.highlight {
  background-color: #ffff00;
}

div.sys_message,
div.sys_error,
div#mx_core_error {
  margin: 2px 0px 5px 0px;
  padding: 5px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  border-width: 2px 0px;
  border-style: solid;
}

div.sys_message {
  color: #0055BB;
  background: #C3D2E5;
  border-color: #84A7DB;
}

div.sys_error,
div#mx_core_error {
  color: #CC0000;
  background: #E6C0C0;
  border-color: #DE7A7B;
}

div#mx_core_error {
  padding-left: 25px;
  background: #E6C0C0 url('../../_images/icon-error.png') 5px 5px no-repeat;
}

div#mx_core_error span.mx_core_error_message {
  display: block;
  color: #f00;
  text-transform: uppercase;
}

div#mx_core_error span.mx_core_error_item {
  display: block;
}

div#mx_core_error span.mx_core_error_item_type {
  color: #000;
}

div#mx_core_error span.mx_core_error_item_alert {
  color: #CC0000;
}

div#mx_core_error span.mx_core_error_item_debug {
  color: #0055BB;
  font-weight: normal;
  white-space: pre-wrap;
}

/* (Floated) images */

img.main-img-left,
img.main-img-center,
img.main-img-right,
div.article-item img.image-responsive {
  border: 1px solid #cfcfcf;
  padding: 2px;
  margin-top: 1px;
  display: block;
}

div.article-item img.image-responsive {
  width: 100%;
  max-width: 100%;
}

img.main-img-left {
  margin-right: 5px;
  margin-bottom: 2px;
  max-width: 33%;
}

img.main-img-center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 98%;
}

img.main-img-right {
  margin-left: 5px;
  margin-bottom: 2px;
  max-width: 33%;
}

/* Bootstrap overrides */

.form-control.seolinkprefix {
  width: 110px;
  float: left;
  margin-right: 4px;
}

.form-control.seolink {
  width: calc(100% - 114px);
  float: left;
}

.form-control.seolink.short {
  width: calc(100% - 214px);
  float: left;
}

.form-control.seolink.button {
  width: 96px;
  float: left;
  background-color: #dd0000;
  color: #fff;
  margin-left: 4px;
}

.form-control.seolink.button:disabled {
  background-color: #888;
}

input[type=file].form-control-condensed,
select.form-control-condensed {
  height: auto;
  padding: 0px;
}

input[type="text"].form-control-condensed {
  font-size: 12px;
  height: 24px;
  padding: 0px 6px;
}

textarea.form-control-condensed {
  font-size: 12px;
  padding: 5px 6px;
}

table.table tbody > tr > td.vcenter,
table.table tbody > tr > th.vcenter {
  vertical-align: middle;
}

table.table-borderless > tbody > tr > th,
table.table-borderless > tbody > tr > td {
  border: none !important;
}

div.nyroModalCont form.well,
div.nyroModalCont table:last-of-type {
  margin-bottom: 0px;
}

blockquote {
  position: relative;
  border-left: none;
  padding: 10px 60px 0 70px;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: '„';
    font-size: 180px;
    position: absolute;
    left: -16px;
    top: -42px;
    color: #e9142b;
}

blockquote, blockquote p, blockquote div, .art-text div blockquote p, .art-txt blockquote p,  .art-txt div blockquote p, .art-txt blockquote p, .art-txt blockquote div {
  font-style: italic;
  font-size: 20px!important;
  line-height: 32px!important;
  letter-spacing: 0.5px;
  text-align: left;
}

@media (max-width: 600px) {
  blockquote {
    padding: 10px 0px 0 50px;
  }

  blockquote:before {
      padding-left: 10px;
      font-size: 120px;
      left: -14px;
      top: -30px;
  }

  blockquote, blockquote p, blockquote div, .art-text div blockquote p, .art-txt blockquote p,  .art-txt div blockquote p, .art-txt blockquote p, .art-txt blockquote div {
    font-size: 18px!important;
    line-height: 26px!important;
  }
}

.highlited-content-lightgrey {
  background-color: #eee;
  color: #000;
  padding: 14px 20px;
  margin: 14px 0px;
}

.highlited-content-grey {
  background-color: #888;
  color: #fff;
  padding: 14px 20px;
  margin: 14px 0px;
}

.highlited-content {
  background-color: #e9142b;
  color: #fff;
  padding: 14px 20px;
  margin: 14px 0px;
}

/* FORMS */

input.input,
select.input,
textarea.input,
div.pager select {
  font-family: Arial, helvetica;
  font-size: 11px;
  color: #000;
  line-height: 120%;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0px;
}

input.input,
textarea.input {
  padding: 2px;
}

select.input,
div.pager select {
  padding: 1px;
}

input.disabled, textarea.disabled {
  border: 1px solid #E78F08;
  background: #000 url('../ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') center repeat;
  color: #ffffff;
}

/* TABLES */

div#content table.normal th,
div#content table.normal td {
  padding: 2px;
  vertical-align: middle !important;
}

div#content table.normal td img {
  margin: 0px;
}

table#gallery_table tr.delete td,
table#slideshow_table tr.delete td {
  background-color: #ff0033;
  color: #ffffff;
}

/* FORMS */

/* === Remove input autofocus webkit === */

*:focus {
  outline: none;
}

/* === List Styles === */

.login_form ul {
  width:550px;
  list-style-type:none;
  list-style-position:outside;
  margin:0px auto;
  padding:0px;
}

.login_form li {
  padding:5px;
  position:relative;
}

/* === Form Elements === */

.reg-form-check2.checkbox-field {
  width: 70%;
  margin: 0 auto;
  padding: 6px;
}

.reg-form-check2 .control-label {
	margin-left: 6px;
}

.reg-form-check input[type="checkbox"] {
	position: absolute;
  width: 60px;
  height: 60px;
	right: 9000px;
}

/*Check box*/
.reg-form-check input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
  font-size: 30px;
  color: #ccc;
  background-color: #fff;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	margin-right: 5px;
  line-height: 0.7;
  border-radius: 3px;
}

.reg-form-check input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}

.reg-form-check input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

.reg-form-check input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

.login_form label {
	cursor: pointer;
  width:220px;
  margin-top: 5px;
  display:inline-block;
  float:left;
  padding:3px;
}

.login_form input {
  height:20px;
  width:220px;
  padding:5px 8px;
}

.login_form select {
  width:260px;
  padding:5px 8px;
}

.login_form textarea {
  padding:8px;
  width:300px;
}

.login_form button {
  margin-left:156px;
}

/* form element visual styles */

.login_form input, .login_form textarea {
  border:1px solid #aaa;
  box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
  border-radius:2px;
  padding-right:30px;
  -moz-transition: padding .25s;
  -webkit-transition: padding .25s;
  -o-transition: padding .25s;
  transition: padding .25s;
}

.login_form select {
  border:1px solid #aaa;
  box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
  border-radius:2px;
  padding-right:5px;
}

label input[type="checkbox"] {
  margin-left: -4px!important;
  margin-right: 4px!important;
}

/* === Button Style === */

button.submit {
  background-color: #0087CA;
  background: -webkit-gradient(linear, left top, left bottom, from(#0087CA), to(#224579));
  background: -webkit-linear-gradient(top, #0087CA, #224579);
  background: -moz-linear-gradient(top, #0087CA, #224579);
  background: -ms-linear-gradient(top, #0087CA, #224579);
  background: -o-linear-gradient(top, #0087CA, #224579);
  background: linear-gradient(top, #0087CA, #224579);
  border: 1px solid #0087CA;
  border-bottom: 1px solid #0087CA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #0087CA;
  -webkit-box-shadow: 0 1px 0 0 #0087CA inset;
  -moz-box-shadow: 0 1px 0 0 #0087CA inset;
  -ms-box-shadow: 0 1px 0 0 #0087CA inset;
  -o-box-shadow: 0 1px 0 0 #0087CA inset;
  color: white;
  font-weight: bold;
  padding: 6px 20px;
  text-align: center;
  text-shadow: 0 -1px 0 #396715;
}

button.submit:hover {
  opacity:.85;
  cursor: pointer;
}

button.submit:active {
  border: 1px solid #0087CA;
  box-shadow: 0 0 10px 5px #224579 inset;
  -webkit-box-shadow:0 0 10px 5px #224579 inset;
  -moz-box-shadow: 0 0 10px 5px #224579 inset;
  -ms-box-shadow: 0 0 10px 5px #224579 inset;
  -o-box-shadow: 0 0 10px 5px #224579 inset;
}

/* Admin navbar */

nav.admin-navbar {
  margin-bottom: 1em !important;
  margin-top: 0.5em !important;
}

nav.admin-navbar.mb0 {
  margin-bottom: 0px !important;
}

nav.admin-navbar .navbar-nav > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

nav.admin-navbar .navbar {
  min-height: 32px !important;
}

/* DATA TABLES */

table.data {
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #ababab;
}

table.data th,
table.colorized table.data th {
  padding: 3px;
  background-color: #dfdfdf;
  font-weight: bold;
  background-image: none;
  color: #000;
  border: none;
  white-space: nowrap;
}

table.data td,
table.colorized table.data td {
  padding: 3px;
  background: #D6DFFF;
  border: none;
}

/* COLORIZED TABLES */

table.colorized {
  width: 100%;
}

table.colorized th {
  background: #386BAA url('../../_images/gradient-blue.gif') center repeat-x;
  border-bottom: 2px solid #fff;
  padding: 3px 2px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
}

table.colorized tr {
  background-color: #eee;
}

table.colorized td {
  background: transparent;
  padding: 3px 2px;
}

table.colorized tr td {
  border-bottom: 1px solid #fff;
}

table.colorized tr.even,
table.colorized tr:nth-child(even) {
  background-color: #EFE7B8;
}

table.colorized tr.odd,
table.colorized tr:nth-child(odd) {
  background-color: #F0DC7E;
}

table.colorized tr.even.hover,
table.colorized tr.odd.hover,
table.colorized tr:nth-child(even):hover,
table.colorized tr:nth-child(odd):hover {
  background-color: #D6DFFF;
}

table.colorized tr th a {
  display: block;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
}

table.colorized tr th a.this {
  color: #F0DC7E;
}

table.colorized tr th a.a,
table.colorized tr th a.d {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.colorized tr th a.a {
  background-image: url('../../_images/arrow-down.gif');
}

table.colorized tr th a.d {
  background-image: url('../../_images/arrow-up.gif');
}

table.colorized tr th a img,
table.colorized tr td a img,
table.colorized tr th a,
table.colorized tr td a {
  border: none;
  outline: none;
}

table.colorized td span.qt {
  display: block;
  padding-left: 14px;
  background: url('../../_images/ico-comment.gif') 0px 2px no-repeat;
  cursor: pointer;
}

table.colorized td.icon span.red,
table.colorized td.icon span.green {
  display: block;
  padding-left: 18px;
  background: 0px 1px no-repeat;
  height: 16px;
  line-height: 16px;
}

table.colorized td.icon span.red {
  background-image: url('../../_images/icon-no.png');
}

table.colorized td.icon span.green {
  background-image: url('../../_images/icon-yes.png');
}

table.colorized td span.counter {
  display: block;
  padding: 1px 2px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  text-align: center;
  line-height: 100%;
}

/* FORM SUBMIT */

table.formsubmit {
  width: auto;
  margin: 0 auto;
}

table.formsubmit td,
table.formsubmit th {
  padding: 4px;
}

table.formsubmit th input {
  background-color: #efefef;
  border: 1px solid #C3D2E5;
  height: 26px;
  vertical-align: middle;
  text-align: left;
  padding: 0px 3px 0px 22px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}

table.formsubmit th input.wbg {
  background-color: #ffffff;
}

table.formsubmit th input.submit {
  background-image: url('../../_images/icon-yes.png');
}

table.formsubmit th input.cancel {
  background-image: url('../../_images/icon-no.png');
}

/* TRANSPARENT */

table.data th.trans,
table.data td.trans,
table.colorized th.trans,
table.colorized td.trans {
  background-color: transparent;
}

/* Classes: YouTube + Vimeo */

span.embed_youtube,
span.embed_vimeo {
  display: block;
  border: 2px solid #cfcfcf;
  padding: 1px;
  max-width: 98% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: content-box !important;
}

/* NYRO + jQuery UI */

div.nyroModalCont th {
  white-space: nowrap;
}

div.nyroModalDom {
  padding: 0px;
  min-height: 0px;
  min-width: 0px;
  overflow-x: hidden;
}

div.nyroModalCont .ui-widget {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em;
}

.ui-tabs .ui-tabs-panel {
  overflow: auto;
}

.ui-tabs .ui-tabs-panel table.data {
  width: auto;
  margin: 0 auto;
}

.ui-tabs div.sys_message {
  margin-bottom: 0px;
}

/* Nyro */

.nyroModalBg {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
}

.nmReposition {
  position: absolute;
}

.nyroModalCloseButton {
  top: -13px;
  right: -13px;
  width: 12px;
  height: 12px;
  text-indent: -9999em;
  background: url('../../_images/nyro-close.gif');
}

.nyroModalTitle {
  top: -26px;
  left: 0;
  margin: 0;
  font-size: 1.1em;
  color: #ddd;
}

.nyroModalCont {
  position: absolute;
  border: 4px solid #777;
  margin: 25px;
  background: #fff;
  box-sizing: content-box;
  min-width: 400px!important;
}

.nyroModalCont iframe {
  width: 600px;
  height: 400px;
}

.nyroModalError {
  border: 4px solid red;
  color: red;
  width: 250px;
  height: 250px;
}

.nyroModalError div {
  min-width: 0;
  min-height: 0;
  padding: 10px;
}

.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
  position: relative;
  padding: 10px;
  min-height: 250px;
  min-width: 250px;
  max-width: 1000px;
}

.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
  position: relative;
  overflow: hidden;
}

.nyroModalImage img {
  vertical-align: top;
}

.nyroModalHidden {
  left: -9999em;
  top: -9999em;
}

.nyroModalLoad {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #fff url('../../_images/nyro-ajax-loader.gif') no-repeat center;
  padding: 0;
}

.nyroModalPrev, .nyroModalNext {
  outline: none;
  position: absolute;
  top: 0;
  height: 60%;
  width: 150px;
  min-height: 50px;
  max-height: 300px;
  cursor: pointer;
  text-indent: -9999em;
  background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}

.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
  height: 100%;
  width: 40%;
  max-height: none;
}

.nyroModalPrev {
  left: 0;
}

.nyroModalPrev:hover {
  background-image: url('../../_images/nyro-prev.gif');
}

.nyroModalNext {
  right: 0;
  background-position: right 20%;
}

.nyroModalNext:hover {
  background-position: right 20%;
  background-image: url('../../_images/nyro-next.gif');
}

.nyroModalBg {z-index:897}
.nyroModalCloseButton {z-index:899}
.nyroModalTitle {z-index:899}
.nyroModalCont {z-index:898}

/* FooTable-2\css\footable.core.css */

@font-face {
  font-family: 'footable';
  src: url('../misc/fonts/footable.eot');
  src: url('../misc/fonts/footable.eot?#iefix') format('embedded-opentype'), url('../misc/fonts/footable.woff') format('woff'), url('../misc/fonts/footable.ttf') format('truetype'), url('../misc/fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('../misc/fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/

  /** PAGINATION **/

}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show  span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
} 

/* FooTable-2\css\footable.standalone.css */

.footable {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #cccccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'trebuchet MS', 'Lucida sans', Arial;
  font-size: 14px;
  color: #444444;
  background: #ffffff;
}
.footable > thead > tr:first-child > th.footable-first-column,
.footable > thead > tr:first-child > td.footable-first-column {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.footable > thead > tr:first-child > th.footable-last-column,
.footable > thead > tr:first-child > td.footable-last-column {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
.footable > thead > tr:first-child > th.footable-first-column.footable-last-column,
.footable > thead > tr:first-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.footable > thead > tr > th {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
}
.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column {
  border-left: none;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eeeeee;
}
.footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell {
  border-left: none;
}
.footable > tbody img {
  vertical-align: middle;
}
.footable > tbody > tr:hover {
  background: #fbf8e9;
}
.footable > tbody > tr:last-child > td.footable-first-column {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
.footable > tbody > tr:last-child > td.footable-last-column {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.footable > tbody > tr > td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
}
.footable > tbody > tr > td.footable-first-column {
  border-left: none;
}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: 1px solid #cccccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 10px;
}
.footable .pagination {
  margin: 20px 0;
}
.footable .pagination > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}
.footable .pagination > ul > li {
  display: inline;
}
.footable .pagination > ul > li > a,
.footable .pagination > ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #cccccc;
  border-left-width: 0;
}
.footable .pagination > ul > li:first-child > a,
.footable .pagination > ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  border-left-width: 1px;
}
.footable .pagination > ul > li:last-child > a,
.footable .pagination > ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.footable .pagination > ul > li > a:hover,
.footable .pagination > ul > li > a:focus,
.footable .pagination > ul > .active > a,
.footable .pagination > ul > .active > span {
  background-color: #eeeeee;
}
.footable .pagination > ul > .active > a,
.footable .pagination > ul > .active > span {
  color: #444444;
  cursor: default;
}
.footable .pagination > ul > .disabled > span,
.footable .pagination > ul > .disabled > a,
.footable .pagination > ul > .disabled > a:hover,
.footable .pagination > ul > .disabled > a:focus {
  color: #cccccc;
  cursor: default;
  background-color: #ebf3fc;
}
.footable .pagination.pagination-centered {
  text-align: center;
}
.footable .pagination.pagination-right {
  text-align: center;
}
.footable-odd {
  background-color: #f7f7f7;
} 

/*  EU COOKIE POPUP ********************************************************/

.eupopup-container {
  background-color: rgba(25, 25, 25, 0.9);
  color: #efefef;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999;
}

.eupopup-container.newsletter {
  background-color: rgba(255, 25, 25, 1)!important;
  color: #fff;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
  position: absolute;
  top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
  position: fixed;
}

.eupopup-container-bottom {
  position: fixed;
  bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 300px;
}

.eupopup-container-bottomright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.eupopup-closebutton {
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  filter: alpha(opacity=20);
  position: absolute;
  font-family: arial, helvetica,  verdana, sans-serif;
  top: 0; right: 0;
  padding: 5px 10px;
}

.newsletter .eupopup-closebutton {
  color: #fff!important;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
  color: #fff;
  text-decoration: none;
}

.eupopup-head {
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px;
  color: #fff;
}

.eupopup-body {
  color: #a2a2a2;
}

.newsletter .eupopup-body {
  color: #555!important;
}

.eupopup-buttons {
  padding: 7px 0 5px 0;
}

.eupopup-button_1 {
  color: #e9142b;
  font-weight: bold;
  font-size: 14px;
}

.eupopup-button_2 {
  color: #e9142b;
  font-weight: normal;
  font-size: 12px;
}

.newsletter .eupopup-button_2 {
  color: #fff!important;
}

.eupopup-button {
  margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
  text-decoration: underline;
  color: #e9142b;
}

body .eupopup-color-inverse {
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
  color: #000;
}

body .eupopup-style-compact {
  text-align: left;
  padding: 8px 30px 7px 20px;
  line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
  display: inline;
  padding: 0;
  margin: 0;
}

body .eupopup-style-compact .eupopup-button {
  margin: 0 5px;
}

/* Responsive embed YouTube */

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

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

/*************************
Name     : Pure CSS Star Rating Widgets
Version  : 1.0
Author   : mie4online
**************************/

/********** Content Index *********
    1. Style-1 Basic CSS rating
      1.1 Tooltip style
      1.2 CSS Magic to Highlight Stars on Hover
      1.3 Coloring Highlight Stars on Hover
    2. Style-2
      2.1 Styling when star not clicked [not checked]
      2.2 Styling when star clicked [checked]
    3. Style-3 Rating with count
    4. Style-4
    5. Style-5
***********************************/




/**********************************
    1. Style-1 Basic CSS rating
***********************************/
fieldset, label { margin: 0; padding: 0; }
body{ margin: 20px; }
h1 { font-size: 1.5em; margin: 10px; }

.rating {
  border: none;
  float: right;
  position: relative;
}

.rating > input { display: none; }
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
  position: relative;
}

/*** 1.1 Tooltip style ***/
.rating label span {
  position: absolute;
  top: -25px;
  left: -0px;
  z-index: 10;
  display: block;
  opacity: 0;
  padding: 2px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #000; /* Tooltip background color */
  color: #fff; /* Tooltip text color */
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;

}
.rating label:hover span {
  top: -18px; /* Gap between Tooltip and Stars */
  left: -0px;
  opacity: 1;
}
.rating label span:before {
  content: '';
  position: absolute;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 10px;
  top: 100%}


/***** 1.2 CSS Magic to Highlight Stars on Hover [Default color is gold] *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

/***** 1.3 Color Highlight Stars on Hover *****/
/***Red****/
.rating.red > input:checked ~ label, /* show red star when clicked */
.rating.red:not(:checked) > label:hover, /* hover current star */
.rating.red:not(:checked) > label:hover ~ label { color: #EA6153;  } /* hover previous stars in list */

.rating.red > input:checked + label:hover, /* hover current star when changing rating */
.rating.red > input:checked ~ label:hover,
.rating.red > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.red > input:checked ~ label:hover ~ label { color: #F99;  }

/***Green****/
.rating.green > input:checked ~ label, /* show green star when clicked */
.rating.green:not(:checked) > label:hover, /* hover current star */
.rating.green:not(:checked) > label:hover ~ label { color: #1FDEB8;  } /* hover previous stars in list */

.rating.green > input:checked + label:hover, /* hover current star when changing rating */
.rating.green > input:checked ~ label:hover,
.rating.green > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.green > input:checked ~ label:hover ~ label { color: #93F0DD;  }

/***Blue****/
.rating.blue > input:checked ~ label, /* show blue star when clicked */
.rating.blue:not(:checked) > label:hover, /* hover current star */
.rating.blue:not(:checked) > label:hover ~ label { color: #438FFD;  } /* hover previous stars in list */

.rating.blue > input:checked + label:hover, /* hover current star when changing rating */
.rating.blue > input:checked ~ label:hover,
.rating.blue > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.blue > input:checked ~ label:hover ~ label { color: #9BCDEE;  }

/***Purple****/
.rating.purple > input:checked ~ label, /* show purple star when clicked */
.rating.purple:not(:checked) > label:hover, /* hover current star */
.rating.purple:not(:checked) > label:hover ~ label { color: #9B59B6;  } /* hover previous stars in list */

.rating.purple > input:checked + label:hover, /* hover current star when changing rating */
.rating.purple > input:checked ~ label:hover,
.rating.purple > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.purple > input:checked ~ label:hover ~ label { color: #D3B7DF;  }

/***Black****/
.rating.black > input:checked ~ label, /* show black star when clicked */
.rating.black:not(:checked) > label:hover, /* hover current star */
.rating.black:not(:checked) > label:hover ~ label { color: #3D566E;  } /* hover previous stars in list */

.rating.black > input:checked + label:hover, /* hover current star when changing rating */
.rating.black > input:checked ~ label:hover,
.rating.black > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.black > input:checked ~ label:hover ~ label { color: #7B99B7;  }


/**********************************
    2. Style-2
***********************************/

.rating-2 {
  /*float: right;*/
}

.rating-2 input[type="radio"] {
  position: fixed;
  top: 0;
  right: 100%;
}

.rating-2 label {
  font-size: 1.5em;
  padding: 0.5em;
  margin: 0;
  float: left;
  cursor: pointer;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* 2.1 Styling when star not clicked [not checked] */
.rating-2 input[type="radio"]:checked ~ input + label {
  background: none; /* star background color */
  color: #aaa; /* star color */
}

/* 2.2 Styling when star clicked [checked] */
.rating-2 input + label {
  background: #0c98a7; /* star background color */
  color: white; /* star color */
  margin: 0 0 1em 0;
}

.rating-2 input + label:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rating-2 input:checked + label {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/**********************************
    3. Style-3 Rating with count
***********************************/

.rating-form {
  /*float: right;*/
  margin-bottom: 20px;
}

.rating-form .form-group {
  position: relative;
  border: 0;
}

.rating-form .form-legend {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

/*Form - Item */
.rating-form .form-item {
  position: relative;
  margin: auto;
  text-align: center;
  direction: rtl;

}
.rating-form .form-legend + .form-item {
  padding-top: 10px;
}
.rating-form input[type='radio'] {
  position: absolute;
  left: -9999px;
}

/* Form - Label */
.rating-form label {
  display: inline-block;
  cursor: pointer;
}
.rating-form .rating-star {
  display: inline-block;
  position: relative;
}
.rating-form input[type='radio'] + label:before {
  content: attr(data-value);
  position: absolute;
  right: 30px;
  top: 50px;
  font-size: 30px;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:before {
  right: 30px;
  opacity: 1;
}
.rating-form input[type='radio'] + label:after {
  content: "/ 5";
  position: absolute;
  right: 5px;
  top: 60px;
  font-size: 16px;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked + label:after {
  /*right: 5px;*/
  opacity: 1;
}
.rating-form label .fa {
  font-size: 40px;
  line-height: 40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form label:hover .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:hover ~ label .fa-star-o,
.rating-form label:focus ~ label .fa-star-o,
.rating-form input[type='radio']:checked ~ label .fa-star-o {
  opacity: 0;
}
.rating-form label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rating-form label:hover .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:hover ~ label .fa-star,
.rating-form label:focus ~ label .fa-star,
.rating-form input[type='radio']:checked ~ label .fa-star {
  opacity: 1;
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form label .fa-star-o {
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form input[type='radio']:checked ~ label .fa-star {
  color: green;
  /*color: gold;
  color: red;
  color: blue;
  color: purple;
  color: black;*/
}
.rating-form .ir {
  position: absolute;
  left: -9999px;
}
/*Form - Action */
.rating-form .form-action {
  opacity: 0;
  position: absolute;
  left: 5px;
  bottom: -40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked ~ .form-action {
  cursor: pointer;
  opacity: 1;
}
.rating-form .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  font-size: 12px;
  background: #ccc;
  color:white;
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form .btn-reset:hover,
.rating-form .btn-reset:focus {
  background: green;
  color:white;
}
.rating-form input[type='radio']:checked ~ .form-action .btn-reset {
  cursor: pointer;
}
/* Form - Output */
.rating-form .form-output {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -45px;
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.no-js .rating-form .form-output {
  right: 5px;
  opacity: 1;
}
.rating-form input[type='radio']:checked ~ .form-output {
  right: 5px;
  opacity: 1;
}

/**********************************
    4. Style-4
***********************************/
.star-rating {
  font-family: 'FontAwesome';
  margin: 0px auto;
  /*float: right;*/
}
.star-rating > fieldset {
  border: none;
  display: inline-block;
}
.star-rating > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: #16a085;
}
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f006  ';
}
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: #1abc9c;
  text-shadow: 0 0 3px #1abc9c;
}
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > input:checked ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}


/**********************************
    5. Style-5
***********************************/

form .stars {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
  /*float: right;*/
}
.ie7 form .stars {
  *zoom: 1;
}
form .stars:before,
form .stars:after {
  display: table;
  content: "";
}
form .stars:after {
  clear: both;
}
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}

#sidebar_left div.module {
  margin-top: 30px;
}

#sidebar_left div.module h4 {
  text-transform: uppercase;
  font-size: 16px;
}

#sidebar_right div.module {
  margin-top: 30px;
}

#sidebar_right div.module h4 {
  text-transform: uppercase;
  font-size: 16px;
}