*,
*:before,
*:after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

html > body {overflow: auto}
/*  Layout   */
a {outline: none}
h1,h2,h3,h4,h5,h6,p {margin:1em 0}
.main-content {margin-bottom: 20px; position: relative; z-index: 1}
.main-content > header.form {padding: 13px 20px; position: relative; width:auto}
.main-content > header h2 {font-weight: normal; font-size: 18px; margin: 0}
.main-content > header h2 em {font-weight: normal; font-size: 11px; margin: 0}
.main-content > section {padding: 20px; overflow: hidden}
.main-content > form > section {padding: 20px; overflow: hidden}
.main-content > form > .user {padding: 15px 20px 0px; overflow: hidden}
.form .label-form {display: block; font-size: 13px; float: left; margin: 4px 0px 0px 0px; text-align: right; width: 160px; clear: left}
.form .label-form small {color: #666; display:block; font-size:11px; font-weight: normal; line-height: 11px; text-align: right; margin: 3px 0px 0px 0px}
label.perPage {float: left; display: block; clear: left; font-size: 13px; text-align: right; margin: 4px 10px 0px 0px}
.label-form.center {margin-top: 5px; margin-right: 5px; width: 80px}
label.center {margin-top: 8px; width: 80px}
.label-form.extended {margin-top: 8px; width: 185px}
label.extended {margin-top: 8px; width: 158px}
.form label.left-label {text-align: left}
label em {font-style: normal}
.form .main-image img{margin:10px 0px}
.form .main-image .ui-file {margin:0px 0px; width: 250px}
.form .ui-select, .form .ui-file {width: 262px; height: 24px}
.form input:not(.date),
.form input:not(.data),
.form input:not(.to),
.form input:not(.from),
.form input:not(.auto-colors), .form textarea, .form .ui-file, .form .ui-date {float: left; clear: right; width: 310px}
.form input[type=checkbox]{width:auto;margin-top: 5px}
.form .ui-select {float: left; margin:2px 0 25px 10px; clear: right; width: 150px}
.form label small {display:block; font-size:11px; font-weight:normal; line-height: 11px; text-align:right; width:160px}
.form .main-image img{margin:10px 0px}

.theme {width: 200px; float: left; margin-top:0px}/*Update margin-top:20px  */
.theme .ui-select {margin: 10px 0px 0px 0px; width: 110px}
.theme-preview {width: auto; float: left; margin-top:20px}
.theme-window {padding:5px; margin-top:10px}
.theme-window > span {width: 180px; height:90px; display: block;}
.theme-window > .green {background-position: 0px 0px}
.theme-window > .yellow {background-position: 0px -90px}
.theme-window > .red {background-position: 0px -180px}
.theme-window > .orange {background-position: 0px -270px}
.theme-window > .blue {background-position: 0px -360px}

.ui-select, .ui-select .ui-select-value, textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], input[type=number], input[type=time], input[type=date], .ui-date, .ui-file {
    padding: 4px 6px; font-size: 13px;
}
.checkbox {float: left; width: 20px !important;}
.user-input {width: 200px !important}
.ui-file {padding: 0; position: relative; width: 150px; display: inline-block}
.ui-file .ui-file-value {display: block; padding: 5px 6px; margin-right: 75px; overflow: hidden}
.ui-file .ui-file-button {height: 26px; margin: 0; position: absolute; right: -1px; top: -1px; width: 75px}
.ui-file input[type=file] {height: 26px; position: absolute; right: -1px; top: -3px; opacity: 0; width: 253px;}
.button {display: inline-block; font-size: 13px; line-height: 16px; outline: none !important; padding: 4px 10px; position: relative; text-align: center; text-decoration: none; white-space: nowrap}
.form .main-image .ui-file input {margin:0px 0px; width: 250px}
.ui-select .ui-select-value {overflow: hidden; position: relative; z-index: 0; padding: 5px 22px 5px 6px; display: block; height:14px}
.ui-select select {display: none; left: 0; top: 24px; width: 100%; z-index: 1;}/*position: absolute;*/
input, textarea, select {outline: none; font-family: Arial}
.ui-select {padding: 0;  position: relative; white-space: nowrap; display: inline-block; z-index: 1}
.ui-select .ui-select-button {display: block; margin: 0; padding: 0px; position: absolute; right: -1px; top: -1px; text-indent: -999em; z-index: 1; width: 24px; line-height: 26px}
.button span {display: inline-block; float: left; *float: none; height: 16px; margin-right: 5px; position: relative; width: 16px; zoom: 1; *display: inline}
.ui-select .ui-select-button span {display: block; float: none; margin-right: 0; width: 24px; height: 24px}
.form .action {clear: left; margin-left: 170px}
.form .edit-action {clear: left; margin: 0px 0px 20px 110px}
ul.action-buttons.small li a:hover {border-width: 1px}
#announcement_voice_id {height:120px;}
/*-- Navigation --*/
#wrapper > header {margin-bottom: 20px; width: 100%;}
#wrapper > header > div {margin: 0 auto; padding: 0 20px; width: 940px}
#wrapper > header nav {display: block}
#wrapper > header nav ul {padding: 0; width: 700px; float:left}
#wrapper > header nav > ul > li {display: block; float: left; position: relative}
#wrapper > header nav > ul > li.action {margin-top: 7px; margin-left: 3px; margin-right: 3px}
#wrapper > header nav > ul > li > a {display: block; font-size: 13px; line-height: 40px; padding: 0 10px; position: relative; text-decoration: none}
#wrapper > header .user {float:right; font-size: 14px; float:right; margin:12px 0px;}
#wrapper > header .user a {font-size: 13px;}

/*-- Login --*/
body.login {height:0; overflow: hidden}
.login-box {margin: 0 auto; margin-top: 110px; margin-left: -300px; position: absolute ; top: 50%; left: 50%; width:600px; z-index: 9999}
.login-box form {margin:10px 0}
.login-box input[type=text], .login-box input[type=password] {width: 215px}
.login-box.main-content {min-height: 0}
.main-content > header .action-buttons {position: relative; top: -4px; z-index: 999}
ul.action-buttons {list-style-type: none; padding: 0}
ul.action-buttons li {display: block; float: left; margin: 0 2px; height: 26px; line-height: 24px}
ul.action-buttons li:first-child {margin-left: 0}
ul.action-buttons li:last-child {margin-right: 0}
.fr {float: right;}
.login-box input[type=text], .login-box input[type=password] {width: 215px}
input.large, button.large {padding: 8px 12px; font: 16px/20px Arial, sans-serif}

/* --- Slider --- */
.voiting-wrapper {width:312px; margin-top: 50px}
.ui-slider-horizontal {height: 0.8em; width:301px}
.ui-slider .ui-slider-range {background-position: 0 0; border: 0 none; display: block; font-size: 0.7em; position: absolute; z-index: 1}
.ui-slider-horizontal .ui-slider-range {height: 100%; top: 0; margin-left: 6px}
.ui-slider {position: relative; text-align: left; padding-top: 2px}
.ui-slider .ui-slider-handle {height: 54px; position: absolute; width: 32px; z-index: 2}
.ui-slider {position: relative; text-align: left}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 33px; height: 54px}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0}
.ui-slider-horizontal { height: .8em}
.ui-slider-horizontal .ui-slider-handle { top: -38px; margin-left: -.8em}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%}
.ui-slider-horizontal .ui-slider-range-min { left: 0}
.ui-slider-horizontal .ui-slider-range-max { right: 0}
.ui-slider-vertical { width: .8em; height: 100px}
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%}
.ui-slider-vertical .ui-slider-range-min { bottom: 0}
.ui-slider-vertical .ui-slider-range-max { top: 0}
ul.range-values {width:325px; height: 18px; margin:5px 0px 0px -5px; font-size:13px}
ul.range-values > li {float: left; display:block; width:20px; margin-right: 56px; text-align:center}
ul.range-values > .last{margin-right:0px}
p.votes {font-size: 13px; font-weight: bold; margin-bottom: 30px}
p.votes span {font-size: 16px}
p.votes > input {font-size: 16px; font-weight: bold; border:none}

/* Table Styles */
.main-content > section.with-table {padding: 0 0 10px 0; margin-top: 1px}
.main-content > section.with-table .pagination {padding-left: 20px}
table caption {font-size: 12px; padding-bottom: 10px}
table.no-style {border: none; border-collapse: collapse; padding: 0; margin: 0}
table.full {width: 100%}
table.no-style > body > tr > td, table.no-style > tbody > tr > th {border: none}
table.simple > thead > tr > th {padding: 5px; text-align: left}
table.simple > thead > tr > th:last-child {border-right: none}
table.simple > tbody > tr > td, table.simple > tbody > tr > th {padding: 5px; text-align: left}
table.simple > tbody > tr > th {font-weight: bold; text-align: right}
table.datatable {border-collapse: separate; border-spacing: 0}
.main-content > section.with-table > table {border: none}
table.datatable > thead > tr > th {position: relative; text-decoration: none; padding: 5px 20px; text-align: left}
table.datatable > tbody > tr > th, table.datatable > tbody > tr > td {padding: 5px 20px; vertical-align: middle}
table.datatable.tablesort {table-layout: fixed}
table.datatable.tablesort > thead > tr > th {padding: 0; display: block; text-decoration: none; padding: 5px 20px}
table.datatable.tablesort > thead > tr > th > a {display: block; text-decoration: none; padding: 5px 20px}
table.datatable > tfoot > tr > th, table.datatable > tfoot > tr > td {padding: 5px 20px}
.with-table .datatable tr {height: 38px}

/* Pagination */

.pagination {padding: 0px 20px; height: 30px;}
.pagination > span {
  font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
  display: block;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  float:left;
  margin-right:5px;
}

/* Sponsor */


/* errors */
.field_with_errors {}
.field_with_errors > input {border: 2px solid red !important;}
.field_with_errors > textarea {border: 2px solid red !important;}
.error-message {color: red; float: right; margin: -20px 6px 0px 0px;}

#flashalert {width:576px; margin:10px auto 40px auto; padding:30px 15px; font-size:14px; position: relative}
#flashnotice {width:576px; margin:10px auto 40px auto; padding:30px 15px; font-size:14px; position: relative}

/* ADMIN VOICE SECTION */
.form.voices .section-btn {border-width: 1px; width: 598px; height: 43px; margin-bottom: 24px}
.form.voices .section-btn > p {border-width: 1px; width: 590px; height: 35px; line-height: 35px; margin:3px; font-size: 14px; font-weight: bold}
.form.voices .section-btn > p > .section-icon {width:25px; height:25px; display: block; float: left; margin: 5px 14px 5px 10px}
.form.voices .label-form {float: left; text-align: left; width: auto; margin-bottom: 12px}
.form.voices input[type=text] {font-size: 20px}
.form.voices input[type=text] {margin:2px 0 15px 0px; width: 560px; height: 40px; line-height: 40px; padding:0px 20px}
.form.voices textarea {margin:2px 0 24px 0px; width: 560px; padding:10px 20px; font-size: 14px; line-height:1.5; clear: both;}
.form.voices .ui-date {margin:2px 0 15px 0px}
.form.voices .lat-long {margin:2px 10px 15px 0px !important; width: 233px !important; height: 40px; line-height: 40px; padding:0px 20px}
.form.voices .ui-file {margin:2px 0 15px 0px; width: 280px}
.form.voices .sponsor-input {margin:2px 0 15px 0px; width: 210px}
.form.voices input[type=text].title {font-size:24px; height: 64px; padding:0 20px; width: 560px}
.form.voices .action {clear: left; margin-left: 0}
.location-tabs {width: 405px; border-width: 0 0px 1px 0; height: 20px; padding-left: 4px; margin-bottom: 12px}
.location-tabs > li.selected {border-width:1px}
.location-tabs > li {display: inline; font-size: 13px; font-weight: bold; border-width: 1px 1px 0px 1px; padding:6px 10px; margin:0px 4px -1px 0}
.button-green {border-width: 1px; padding: 6px 13px; margin:3px; font-size: 16px; font-weight: bold}
.button-green span {width: 19px; height: 19px; display: block; float: left; margin:1px 8px 0 0}
.form.voices .side-bar input[type=text] {width:240px}
.form.voices .side-bar input[type="checkbox"] {width:20px}
.form.voices .side-bar .actions {margin: 40px 0px}
.form.voices .side-bar .actions input {float:left; margin:5px 0 0}
.form.voices .side-bar .actions .label-form {float:left; width: 100px; margin-bottom: 15px}
.hide-panel {display:none}
.ask-me {display: inline-block; float: right; height: 14px; margin-left: 5px; position: relative; width: 15px}
.form.voices .field_with_errors {margin-bottom: 4px}
.form.voices .field_with_errors textarea {margin-bottom: 15px}
.form.voices .error-message {color: red; display: block; float: left; margin: 0 0 10px}
.form.voices .answere {display:none; float:left; padding-left:8px; margin-top: 6px; font-size: 11px}

table.datatable > tbody > tr > .title {font-size: 13px; font-weight: bold; height:46px}
table.datatable > tbody > tr:hover > td > .action {display:block}
table.datatable > tbody > tr > td > .action {width: 28px; height: 28px; display:none; text-indent:-999em; cursor: pointer; float: left}
table.datatable > tbody > tr > td > .edit,
table.datatable > tbody > tr > td > .edit-tags,
table.datatable > tbody > tr > td > .edit-events,
table.datatable > tbody > tr > td > .edit-blocks {margin-right: 18px}
table.datatable > thead > tr > .actions { width: 114px}
.datatable .voices.actions { padding: 5px 20px 5px 0px; width: 220px}

/* Voices blocks list */
.drag-icon-column { padding: 0; width: 20px}
.block-name-column { width: 297px}
.voice-title-column { width: 164px}
.tag-list-column { width: 181px}
.actions-column { width: 114px}
.sort-handler {cursor: move; display: inline-block; border: 0; height: 20px; padding: 0px; width: 20px}
.ui-sortable td {width: inherit}

.chart-window { padding: 15px 0px; }

/* Infobox tips box */
.double-break {display: block}
.tips-toggle {float: left; width: 100%; text-align: left}
.infobox-tips {border: solid 1px; padding: 10px; border-radius: 5px; margin: 10px; min-height: 13px; text-align: center; width: 12%}
.infobox-tips .tips-body {display: none}
.infobox-tips .tip-title {display: inline-block; margin: 10px 0 20px 10px; width: 75%}
.infobox-tips .tip-divider {display: inline-block; padding: 0 0 10px 10px; text-align: left; width: 98%}
.infobox-tips .tip-image-container {float: left; width: 20%; display: block; margin: 10px 0 -10px -10px}
.infobox-tips .tip-image {display: block; margin: 0 auto 10px}
.infobox-tips .tip-description { display: inline-block; padding: 0 0 0 20px; width: 70%}

/* Infobox editor */
.hidden {display: none}
.infobox-editor .featured-label {display: inline-block; margin: 10px 0 0}
.infobox-editor .featured-check {margin: 10px 10px 0 0}
.infobox-editor-forms {float:left; width:420px}
.form .infobox-editor-forms input[type="text"]{float: none}
.infobox-editor-forms .label-form,
.infobox-editor-details .label-form {display: inline-block; float: none; margin: 15px 0 5px; text-align: left; width: 100%}
.infobox-editor-forms .ui-select {margin: 0}
.infobox-editor-forms .custom-image-element {float: left; height: auto; margin: 0 10px 0 0; padding: 5px}
.infobox-editor-forms .custom-images .ui-file {clear: both}
.infobox-editor-forms .clipart-panel {width: 320px; height: 230px; overflow-y: scroll; border-width: 1px;}
.infobox-editor-forms .clipart-sample {width: 93px; height: 93px; float: left; margin: 3px}
.infobox-editor-forms .clipart-sample a {width: 83px; height: 83px; padding: 5px; display: block}
.infobox-editor-forms .clipart-sample img {max-width: 75px; max-height: 75px; display: block; margin: auto}

.infobox-editor-forms .thumb-container .image-thumb {width: 200px; height: auto}


.infobox-editor-forms .chart-selection .chart-values {clear: both}
.infobox-editor-forms .ui-file-button {height: 28px}
.infobox-editor-details {width:420px; float:left; padding-left:0px; overflow:visible}
.infobox-editor-details .save-changes{margin: 20px 0 0}
.infobox-preview {width: 400px}
.infobox-preview .infobox {margin: 20px auto}
.infobox-preview .infobox p {margin: 0}

/* Chart data editor */
.chart-data .grid-container .l-col,
.chart-data .grid-container .r-col {float: left}

.chart-data .grid-container .label,
.chart-data .grid-container .data-row input,
.chart-data .from-to input {width: 45px; height: 13px; float: left; padding: 0; margin: 0 0 1px 2px; font-size: 11px}
.chart-data .grid-container .label {margin-top: 29px}
.chart-data .grid-container .label.name {margin-left: 14px}
.chart-data .grid-container .data-row .remove-row {width: 10px; height: 10px; float: left; margin-top: 2px}

.chart-data .grid-container .l-col {width: 121px; overflow: hidden;}
.chart-data .grid-container .l-col .series-data {max-height: 199px; overflow-y: scroll; margin-right: -15px} /*-15px to hide scrollbar*/
.chart-data .grid-container .l-col .series-data .data-row.first .name {margin-left: 12px}
.chart-data .grid-container .l-col .series-data .data-row {width: 120px}
.chart-data .grid-container .l-col .add-row {width: 14px; height: 14px; display: block; float: right; margin: 1px 3px 0 0}
.chart-data .grid-container .data-row .color {width: 57px}

.chart-data .grid-container .r-col {width: 220px}
.chart-data .grid-container .r-col .values-label {display: none; margin-top: 26px} /*show only on special cases*/
.chart-data .grid-container .r-col .col-titles-mask {height: 40px; overflow: hidden; margin: 0 0 1px 2px; float: left}
.chart-data .grid-container .r-col .col-titles-container {overflow-x: scroll}
.chart-data .grid-container .r-col .col-titles {/* variable width */}
.chart-data .grid-container .r-col .col-titles .col-title {width: 49px; float: left;}
.chart-data .grid-container .r-col .col-titles .col-title.first {padding-top: 10px} /*compensate absence of 'remove column'*/
.chart-data .grid-container .r-col .col-titles .col-title .col-order {text-align: center}
.chart-data .grid-container .r-col .col-titles .col-title .col-name {width: 45px; padding: 0; font-size: 11px}
.chart-data .grid-container .r-col .series-rows-container {width: 215px; overflow: scroll; max-height: 215px; border-width: 1px; padding: 1px 0 0 1px}
.chart-data .grid-container .r-col .series-rows-container input {width: 45px; height: 13px; float: left; padding: 0; margin: 0 2px 1px 0; font-size: 11px; border-width: 1px}
.chart-data .grid-container .r-col .add-col {width: 14px; height: 14px; display: block; float: left; margin: 25px 3px 0 0}
.chart-data .grid-container .col-title .remove-col {width: 10px; height: 10px; margin: auto; display: block;}
.chart-data .from-to {display: none}
.chart-data .auto-colors {margin-top: 10px}
.chart-data input.color-check {float:none}
.chart-data input.units {font-size: 11px; height: 10px; padding: 2px 6px; width: 30px}

/* Clipart editor */
.clipart-editor .label-form {margin-right: 10px}
.clipart-editor .clipart-name,
.clipart-editor .clipart-image,
.clipart-editor .clipart-path {margin: 0 0 20px 0}
.clipart-editor .image-display {float: left; padding: 10px; text-align: center; width: 72%}
.clipart-editor img {max-width: 300px}
.clipart-editor .ui-file {width: 323px}
.clipart-editor .action {margin: 0 5px 0 90px; text-align: right}
.flash { width: 100%; border-width: 0px 0px 3px 0px; padding: 14px 0px 12px 0px; overflow: hidden}
.flash > p {font-size: 15px; font-weight: normal; float:left; margin-left: 20px; padding-right: 18px}
.flash > p > span {font-weight: bold}
.flash > p > span > a {}
.flash > .close-message {float:right; width: 18px; height: 18px; display: block; margin-right: 12px}
.flash > p {background: url(../images/bg/arrow-message.png?1578503741) center right no-repeat; color: #6b6b13; text-shadow: 0 1px 0px #fff}
.flash > p > span {}
.flash > p > span > a {color: #6b6b13;}
.flash > .close-message {background: url(../images/bg/close-notifier.png?1578503741) 0 0 no-repeat;}
.flash > .close-message:hover {background-position: 0px -18px;}

/* Events editor */
#sources .about-link-wrapper a {
  display: block;
}
#sources .about-link-wrapper:hover .tooltip {
  display: block;
}
#sources .tooltip {
  top: 0;
}
#sources .tooltip .tooltip-positioner {
  top: -10px;
}
#sources .tooltip .tooltip-arrow {
  top: 3px;
}
#sources .tooltip .media-type-info {
  margin: 0;
}
#sources .tooltip .media-type-title {
  width: 210px;
}

.related .remove-button-container {
  display: inline-block;
  margin: 5px;
  width: 100%;
  text-align: right;
}
#additional-sources label,
.related.video label,
.related.image label {
  display: block;
  float: left;
  margin: 3px 0 0 5px;
}
.related.image img {
  float: left;
  margin: 5px 10px 5px 5px;
}
.related.image input.caption-input {
  width: 450px;
}
#additional-sources input.is-explicit-checkbox,
.form input.is-explicit-checkbox {
  float: left;
}
.form .related.image .caption-input {
  margin: 5px 0 10px;
}

/* Home Layout Builder */
.layout-builder form .voicesAutoComplete {
  width: 100%;
}
.layout-item {
  padding: 10px;
  margin: 10px;
  border-width: 1px;
  position: relative;
  height: 175px;
  overflow: hidden
}
.layout-item .add-voice {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 0;
  line-height: 10;
}
.ui-autocomplete {
  width: 324px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item {
  position: relative;
  margin-bottom: 1px;
  border-bottom: 1px solid #aaa;
}
.ui-autocomplete .voice-info {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  height: 16px;
  width: 40px;
}
.ui-autocomplete .ui-menu-item a {
  display: block;
  padding: 2px 50px 2px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.ui-autocomplete .ui-state-disabled {
  cursor: text !important;
  opacity: .35;
  filter:Alpha(Opacity=35);
  background-image: none;
}
.layout-builder .form.voices input[type=text] {
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  margin-bottom: 0;
}
/* Sidebar sortable */
.main-content > .admin-sidebar-section.with-table {
  overflow: hidden;
  position: relative;
}
.admin-sidebar-section .scrollable {
  height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
}
.main-content > .admin-sidebar-section.first {
  margin-bottom: 10px;
}
.main-content .section-title {
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  padding: 5px 20px;
  width: auto;
}
.admin-sidebar-row td:nth-child(2),
.admin-sidebar-row th:nth-child(2){
  width: 94%;
}
.sort-handler.toggle {
  height: 10px;
}
.scroll-receiver-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: 2;
}
.scroll-receiver-bottom {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  height: 0;
  z-index: 2;
}
h6, p {color: #676767}
.admin_header {background:none;}
.red {color:#bd0a0a}
.main-content {background: #f8f8f8 url(../images/bg/form.png?1578503741) repeat;
    -moz-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 0 3px #555;
    -khtml-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}
.main-content > header.form {background: #b7b7b7 url(../images/bg/head-form.png?1578503741) repeat-x;
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    border-bottom: 1px solid #9a9998;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 1px 0 #ddd;
    -webkit-box-shadow: 0 1px 0 #ddd;
    -khtml-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd
}
.main-content > header h2 {text-shadow: 0 1px 0 #fff; color: #000000}
.main-content > header h2 em {text-shadow: 0 1px 0 #fff; color: #333333; font-style: italic}
.main-content > header h2 em .red {color:#bd0a0a}
.main-content > section {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}
.main-content > form > section {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}
label em {color: red}
.form label {color: #000000;}
.form label small {color:#666666; font-family: Arial}
label.perPage {color: #000000}
.ui-select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=date]:focus, input[type=number]:focus, input[type=time]:focus, input[type=date]:focus, .ui-date:focus, .ui-file:focus, .ui-focused {
    background-color: #fdfeee
}
label.perPage {color: #000000}
input.treshold:focus {background-color: transparent}
input.treshold {color: #333333; padding:0px}
.ui-select, .ui-select .ui-select-value, textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], input[type=number], input[type=time], input[type=date], .ui-date, .ui-file {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1)
}
.ui-file .ui-file-value {text-overflow: ellipsis; white-space: nowrap}

.ui-select .ui-select-button, .ui-file .ui-file-button {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-radius: 0 3px 3px 0
}
.button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
    box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
    cursor: pointer
}
.button:hover {text-decoration: none}
.button-gray {
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #e9e9e9,  #d1d1d1);
    -pie-background: linear-gradient(top,  #e9e9e9,  #d1d1d1);
    border: 1px solid #bbb;
    color: #555;
    text-shadow: 0 1px 0 #fff
}
.button-gray:hover, .button-gray:focus, .button-gray.hover {
    border: 1px solid #aaa;
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c1c1c1));
    background: -moz-linear-gradient(top,  #e1e1e1,  #c1c1c1);
    -pie-background: linear-gradient(top,  #e1e1e1,  #c1c1c1);
    border: 1px solid #999;
    color: #555
}
.theme-preview img {
  border:1px solid #CCC;
     -moz-box-shadow: inset 1px 1px 2px #e8e8e8;
  -webkit-box-shadow: inset 1px 1px 2px #e8e8e8;
          box-shadow: inset 1px 1px 2px #e8e8e8
}
.theme-window {
  border:1px solid #CCC;
     -moz-box-shadow: inset 1px 1px 2px #e8e8e8;
  -webkit-box-shadow: inset 1px 1px 2px #e8e8e8;
          box-shadow: inset 1px 1px 2px #e8e8e8
}
.theme-window > span {background: transparent url(../images/theme_sprite.png?1578503741) no-repeat;}
.ui-select .ui-select-value {
    border: none;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-radius: 3px 0 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap
}
input, textarea, select {outline: none}
.ui-select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none
}
.button span {display: inline-block; float: left; *float: none; height: 16px; margin-right: 5px; position: relative; width: 16px; zoom: 1; *display: inline}
.ui-select .ui-select-button span {background: transparent url(../images/icons/arrow-down.png?1578503741) no-repeat; background-position: 50% 50%}
.button span.accept {background: transparent url(../images/icons/accept.png?1578503741) no-repeat; background-position: 50% 50%}
.button span.help {background: transparent url(../images/icons/help.png?1578503741) no-repeat; background-position: 50% 50%}
.button span.add {background: transparent url(../images/icons/add.png?1578503741) no-repeat; background-position: 50% 50%;}
ul.action-buttons.small li a:hover {background: #bbb; border-color: #999; border-style: solid}

.form.voices .background-image img { max-width: 300px; }

/*-- Navigation --*/

#wrapper > header > div {
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#wrapper > header nav > ul > li:hover:not(.action) > a {
    background: #d1d1d1;
    background: -moz-linear-gradient(top,  #e7e7e7,  #d1d1d1);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #d1d1d1);
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#d1d1d1));
}
#wrapper > header nav > ul > li.active > a {
    background: #eee;
    background: -moz-linear-gradient(top,  #e7e7e7,  #ccc);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ccc));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#ccc));
    -pie-background: linear-gradient(top,  #e7e7e7,  #ccc);
}
#wrapper > header nav > ul > li.action {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 1px #fff;
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -khtml-box-shadow: 0 1px 1px #fff;
    -khtml-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#wrapper > header nav > ul > li > a {color: #000000; text-shadow: 0 1px 0 #FFFFFF}
#wrapper > header .user {color: #909090; text-shadow: 0 1px 0 #FFFFFF}
#wrapper > header .user a {color: #000000; text-shadow: 0 1px 0 #FFFFFF}


/* --- Slider --- */

.voiting-wrapper {background: transparent url(../images/bg/slider.png?1578503741) no-repeat; background-position: 3px 0px}
.ui-slider .ui-slider-handle {cursor: default; background: transparent url(../images/bg/handler-right.png?1578503741) no-repeat; background-position: 50% 50%}
.handle-left {background: transparent url(../images/bg/handler-left.png?1578503741) no-repeat !important; background-position: 50% 50%}
.ui-widget-header {background: transparent url(../images/bg/slider-wave.png?1578503741) repeat-x; background-position: 50% 50% !important;}
.ui-slider .ui-slider-handle { cursor: default; }
.ui-slider .ui-slider-range { background-position: 0 0; }
ul.range-values {background: transparent url(../images/bg/marks.png?1578503741) no-repeat; background-position: 50% 50%; color: #787c7f}
p.votes {color: #333}
p.votes > input {background: transparent; color: #333
    -moz-box-shadow: 0 0px 0px #fff;
    -moz-box-shadow: 0 0px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0px 0px #fff;
    -webkit-box-shadow: 0 0px 0px rgba(255,255,255,0.5);
    -khtml-box-shadow: 0 0px 0px #fff;
    -khtml-box-shadow: 0 0px 0px rgba(255,255,255,0.5);
    box-shadow: 0 0px 0px rgba(255,255,255,0.5);
}

/* -- Table -- */

table.no-style {background: none}
table.no-style > body > tr > td, table.no-style > tbody > tr > th {background: none}
table.simple {border-top: 1px dotted #ddd}
table.simple > thead > tr > th {background: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
table.simple > tbody > tr > td, table.simple > tbody > tr > th {border-bottom: 1px dotted #ddd}
table.simple > tbody > tr > th {background: #eee; border-right: 1px solid #ddd}
table.datatable {border: 1px solid #ccc}
table.datatable > thead > tr > th {background: #f7f7f7; color: #333; text-shadow: 0 1px 0 #fff; position: relative; color: #434343; text-decoration: none; padding: 5px 20px;
	 background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
    -pie-background: linear-gradient(top,  #f7f7f7,  #e1e1e1);
    border-bottom: 1px solid #aaa;
}
table.datatable > tbody > tr > td:first-child {font-weight: 600}
table.datatable > tbody > tr > td {color:#737373}
table.datatable > tbody > tr > td > a {color:#333333}
table.datatable > tbody > tr:nth-child(odd) > td {background: #f2f2f2}
table.datatable > tbody > tr > td:not(:last-child) {border-right: 1px solid #eee}
table.datatable.tablesort > thead > tr > th {background: transparent url(../stylesheets/images/arrow-updown.png) no-repeat 20px center; color: #434343}
table.datatable.tablesort > tbody > tr > td.column-selected {background: #ffffc0 !important}
table.datatable.tablesort > thead > tr > th > a {background: transparent url(../stylesheets/images/arrow-updown.png) no-repeat 20px center; color: #434343}
table.datatable.tablesort > thead > tr > th > a.sort-asc {background: transparent url(../stylesheets/images/arrow-up.png) no-repeat 20px center}
table.datatable.tablesort > thead > tr > th > a.sort-desc {background: transparent url(../stylesheets/images/arrow-down.png) no-repeat 20px center}
table.datatable.selectable > tbody > tr.hover > td, table.datatable.selectable > tbody > tr.selected > td {background: #ffffc0}
table.datatable > tfoot > tr > th, table.datatable > tfoot > tr > td {border-top: 1px solid #e1e1e1; background: #eee}
.main-content > section.with-table table.datatable > tfoot > tr > th, .main-content > section.with-table table.datatable > tfoot > tr > td {border-bottom: 1px solid #e1e1e1}

/* Paggination */

.pagination {padding: 0px 20px; height: 30px;}
.pagination > span {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  cursor: pointer;
  outline: none !important;
  text-decoration: none;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d7d7d7));
  background: -moz-linear-gradient(top,  #ededed,  #d7d7d7);
  -pie-background: linear-gradient(top,  #ededed,  #d7d7d7);
  border: 1px solid #a6a6a6;
  color: #737373;
  text-shadow: 0 1px 1px #fff;
}

.pagination > span:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#ededed));
  background: -moz-linear-gradient(top,  #d7d7d7,  #ededed);
  -pie-background: linear-gradient(top,  #d7d7d7,  #ededed);
}
.pagination > span > a {color: #737373}
.pagination > .current{background: #d7d7d7; color: #737373}
.pagination > .current:hover;{background: #d7d7d7; color: #737373}

/* Sponsor */
.sponsor-sec {margin-top: 30px; overflow: hidden}
.sponsor {}
.sponsor > .label-form {width: 123px}
.sponsor > .label-form > label {}
.sponsor > input {width: 220px !important}
.sponsor > .ui-file {width:250px}

/* errors */
#flashalert {background: #fcc2c2; border:1px solid red; color:red;
  border-top: 1px solid #fff !important;
  border-top: 1px solid rgba(255,255,255,0.9) !important;
  border-left: 1px solid #fff !important;
  border-left: 1px solid rgba(100,100,100,0.1) !important;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 0 #999;
  -webkit-box-shadow: 1px 1px 0 #999;
  box-shadow: 1px 1px 0 #999;
  border: 1px solid #eeb7ba;
  background: #fae2e2;
  background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
  background: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
  -pie-background: linear-gradient(top,  #fae2e2,  #f2cacb);
  color: #be4741;
  text-shadow: 0 1px 0 #fff;
}
.error-post {color:red}
.error-post input {border:2px solid red}
#flashnotice {
  border:1px solid #b8c97b;
  color: #3f7227;
  border-top: 1px solid #fff !important;
  border-top: 1px solid rgba(255,255,255,0.9) !important;
  border-left: 1px solid #fff !important;
  border-left: 1px solid rgba(100,100,100,0.1) !important;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 0 #999;
  -webkit-box-shadow: 1px 1px 0 #999;
  box-shadow: 1px 1px 0 #999;
  background: #e5edc4;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#ccdd99));
  background: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
  -pie-background: linear-gradient(top,  #e5edc4,  #d9e4ac);
  color: #3f7227;
  text-shadow: 0 1px 0 #fff;
}

/* ADMIN VOICE SECTION */
.form.voices .section-btn {border-style: solid; border-color: #b7b8b8;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.form.voices .section-btn:hover > p {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(rgba(255, 255, 255, .15)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));
  background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));
  background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));
  background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));
  background-image:         linear-gradient(top, rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26000000', EndColorStr='#26FFFFFF');
}
.form.voices .section-btn > p {border-style: solid; border-color: #a6a6a6;
  color:#737373;
  text-shadow: 1px 1px 0px #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
     -moz-box-shadow:inset 0px 1px #fff;
  -webkit-box-shadow:inset 0px 1px #fff;
          box-shadow:inset 0px 1px #fff;
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15));
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15));
  background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15));
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15));
  background-image:         linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF', EndColorStr='#26000000');
}
.section-icon {background: transparent url(../images/bg/sprites/voice-ico.png?1578503741) no-repeat}
.section-icon.map {background-position: 0px 0px}
.section-icon.twitter {background-position: 0px -25px}
.section-icon.rss {background-position: 0px -50px}
.section-icon.slug {background: transparent url(/images/icons-admin-slug.png?1578503741) no-repeat}
.form.voices .label-form {}
.form.voices input[type=text],
.form.voices textarea {
   -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
}
.location-tabs {border-color: #a6a6a6; border-style: solid}
.location-tabs > li.selected {background: transparent url(../images/bg/form.png?1578503741) repeat; border-color: #a6a6a6 #a6a6a6 #ededed}
.location-tabs > li {cursor:pointer; color: #333333; text-shadow: 1px 1px 0px #fff; border-style:solid; border-color: #a6a6a6; background: #d7d7d7;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  -khtml-border-radius: 4px 4px 0px 0px;
     -moz-box-shadow:inset 0px 1px #fff;
  -webkit-box-shadow:inset 0px 1px #fff;
          box-shadow:inset 0px 1px #fff;
}
.button-green {border-style: solid; border-color: #1f6209;
  cursor:pointer;
  color:#FFF;
  text-shadow: 0px -1px 0px #313131;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
     -moz-box-shadow:inset 0px 1px rgba(255, 255, 255, .4);
  -webkit-box-shadow:inset 0px 1px rgba(255, 255, 255, .4);
          box-shadow:inset 0px 1px rgba(255, 255, 255, .4);
  background-color: #67b347;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#90ca71), to(#3f9025));
  background-image: -webkit-linear-gradient(top, #90ca71, #3f9025);
  background-image:    -moz-linear-gradient(top, #90ca71, #3f9025);
  background-image:     -ms-linear-gradient(top, #90ca71, #3f9025);
  background-image:      -o-linear-gradient(top, #90ca71, #3f9025);
  background-image:         linear-gradient(top, #90ca71, #3f9025);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#90ca71', EndColorStr='#3f9025');
}
.button-green:hover, .button-green:focus, .button-green.hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f9025), to(#90ca71));
  background-image: -webkit-linear-gradient(top, #3f9025, #90ca71);
  background-image:    -moz-linear-gradient(top, #3f9025, #90ca71);
  background-image:     -ms-linear-gradient(top, #3f9025, #90ca71);
  background-image:      -o-linear-gradient(top, #3f9025, #90ca71);
  background-image:         linear-gradient(top, #3f9025, #90ca71);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f9025', EndColorStr='#90ca71');
}
.button-green span {background: transparent url(../images/icons/checkmark.png?1578503741) no-repeat}
.ask-me {background: transparent url(../images/bg/ask-me.png?1578503741) no-repeat right top; cursor: pointer}
.ask-me:hover {background-position: right bottom}
.sweeper {clear:both}
table.datatable > tbody > tr > .title a {text-decoration: none}
table.datatable > tbody > tr:hover a {color: #2888b6}
table.datatable > tbody > tr > td > .action {background: transparent url(../images/bg/action-tb.png?1578503741) no-repeat;}
table.datatable > tbody > tr > td > .edit {background-position: 0 0}
table.datatable > tbody > tr > td > .edit:hover {background-position: 0 -28px}
table.datatable > tbody > tr > td > .edit-events {background-position: -116px 0}
table.datatable > tbody > tr > td > .edit-events:hover {background-position: -116px -28px}
table.datatable > tbody > tr > td > .edit-tags {background-position: -59px 0}
table.datatable > tbody > tr > td > .edit-tags:hover {background-position: -59px -28px}
table.datatable > tbody > tr > td > .edit-blocks {background-position: -88px 0}
table.datatable > tbody > tr > td > .edit-blocks:hover {background-position: -88px -28px}
table.datatable > tbody > tr > td > .delete {background-position: -30px 0px}
table.datatable > tbody > tr > td > .delete:hover {background-position: -30px -28px}

/* Voices blocks list */
.sort-handler {background: transparent url(../images/icons/side_arrows.png?1578503741) no-repeat 50% 50%;}

/* Infobox editor */
.infobox-tips {background: #fffeee; border-color: #cbcbcb; box-shadow: 1px 1px 1px #FFFFFF inset}
.tips-toggle {color: #666}
.tips-toggle:hover {color: #999; text-decoration: none}
.infobox-tips .tip-divider {border-bottom: dotted 1px #C7C5BF}
.infobox-tips .tip-divider:last-child {border-bottom: none}
.infobox-tips .tip-title {color: #666; font-size: 16px}
.infobox-tips .tip-link {color: #666; text-decoration: underline}
.infobox-tips .tip-good {color: #17A200}
.infobox-tips .tip-bad {color: #A20000}

.infobox-editor-forms input[type=text]{ color: #909090}
.infobox-editor-forms .custom-image-element,
.infobox-editor-forms .clipart-sample,
.infobox-preview{ background: none; border: 1px solid #BBBBBB;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px}
.infobox-editor-forms .clipart-panel {background: url(../images/bg/bg-sidebar.png?1578503741) repeat scroll 0 0 #363636; border-color: #333; border-style: solid}
.infobox-editor-forms .clipart-sample {background: #272727; border-color: rgba(255,255,255,.3) rgba(255,255,255,.2) rgba(0,0,0,.5) rgba(255,255,255,.2);
  background-image: -moz-linear-gradient(top, #373737, #303030);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #373737), color-stop(1.0, #303030));
  background-image: -webkit-linear-gradient(#373737, #303030);
  background-image: linear-gradient(top, #373737, #303030)
}
.infobox-editor-forms .clipart-sample.selected { border-color: #417B21; box-shadow: 0 0 5px #417B21}
.infobox-editor-forms .clipart-sample:hover { background: #3A3A3A}
.infobox-editor-forms .chart-selection a {color: #555555}
.infobox-preview {background: url(../images/bg/ig-wall-bg.png?1578503741) repeat scroll 0 0 #3D3D3D}
/*.infobox-preview .prev-holder {background: transparent url(../images/bg/sprites/infobox-previews.png?1578503741) no-repeat}
.prev-holder.chart-top {background-position: 0px 0px}
.prev-holder.chart-bottom {background-position: -185px 0px}
.prev-holder.chart-left {background-position: -372px 0px}
.prev-holder.graphic-left {background-position: 0px -232px}
.prev-holder.graphic-top {background-position: -185px -165px}
.prev-holder.number-top {background-position: -372px -107px}
.prev-holder.number-graphic-top {background-position: -559px 0px}*/

/* Chart data editor */

.chart-data .grid-container .data-row input,
.chart-data .grid-container .r-col .col-titles .col-title .col-name,
.chart-data .grid-container .series-rows .data {border-radius: 0; box-shadow: none}
.chart-data .grid-container .series-rows .data.error,
.infobox-editor .error {background-color: #FFEDED; border-color: #d00;}
.chart-data .grid-container .data-row .remove-row {background: transparent url(../images/info-editor-sprites.png?1578503741) 0 0 no-repeat}
.chart-data .grid-container .data-row .color.disabled {background-color: #EEEEEE}
.chart-data .grid-container .col-title .remove-col {background: transparent url(../images/info-editor-sprites.png?1578503741) 0 0 no-repeat}
.chart-data .grid-container .l-col .add-row {background: transparent url(../images/info-editor-sprites.png?1578503741) -20px 0 no-repeat}
.chart-data .grid-container .r-col .add-col{background: transparent url(../images/info-editor-sprites.png?1578503741) -40px 0 no-repeat}
.chart-data .grid-container .r-col .series-rows-container {background-color: #EEEEEE; border-style: solid; border-color: #CCCCCC}
.chart-data .grid-container .r-col .series-rows-container input {border-style: solid; border-color: #CCCCCC}

/* Clipart editor */
.clipart-editor .image-display {border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; background-color: rgba(255,255,255,0.3)}

/* Events editor */
.form.voices .background-image img,
.related.image img {
  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

/* Home Layout Builder */
.layout-builder .layout-item {
  background-color: #E6E6E6;
  border-color: #B7B7B7;
  border-style: dashed;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.layout-builder .layout-item.success-response {
  -moz-box-shadow: 0 0 5px 0 #468847;
  box-shadow: 0 0 5px 0 #468847;
  background-color: #DFF0D8;
  border: 1px dashed #D6E9C6;
}
.layout-builder .layout-item.error-response {
  box-shadow: 0 0 5px 0 #B94A48;
  background-color: #F2DEDE;
  border: 1px dashed #EED3D7;
}
.layout-builder .layout-item:hover {
  background-color: #fff;
}
.icn-voice {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url(../images/icons/voice_options.png?1578503741);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.icn-voice.infograph-enabled  {background-position: -16px 0}
.icn-voice.infograph-disabled {background-position: -16px -16px}
.icn-voice.backstory-enabled  {background-position: 0 0}
.icn-voice.backstory-disabled {background-position: 0 -16px}

.layout-item .voice-form input {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.layout-item .voice-form .selectable .ui-selecting { background: #FECA40; }
.layout-item .voice-form .selectable .ui-selected { background: #F39814; color: white; }
.layout-item .voice-form .selectable .ui-selectee { list-style-type: none; margin: 0; padding: 7px 10px; width: 100%; cursor: pointer; text-align: left;
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.layout-item .voice-form .selectable
.layout-item .voice-form .selectable li { margin: 3px; padding: 0.4em; font-size: 14px; text-align: left; }

.ui-autocomplete.ui-widget-content {
  border: 1px solid #aaa;
  background-color: #fff;
  color: #222;
  -webkit-border-radius: 0px 0px 5px 5px;
          border-radius: 0px 0px 5px 5px;
}
.ui-autocomplete .ui-menu-item a:hover {
  background-color: rgba(0,0,0,.05)
}
.pure-form .pure-group input:first-child {
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
/* Sidebar sortable */
.main-content .section-title {
  background: #f7f7f7; color: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
  background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
  border-bottom: 1px solid #aaa;
  color: #434343;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}
.main-content > .admin-sidebar-section.with-table {
  border-bottom: solid 1px #c1c1c1;
  box-shadow: 0 2px 2px -3px #000;
}
.sort-handler.toggle {
  background-position: 50% 4px;
  cursor: pointer;
}
.sort-handler.toggle.active {
  background-position: 50% -4px;
  cursor: pointer;
}

/*
	Default styles
*/
.main-header {
  border-bottom-width: 1px;
  display: inline-block;
  position: relative;
  width: 100%;
}
	.voice-info {
		border-bottom-width: 1px;
    padding-top: 0;
    position: relative;
		width: 100%;
	}

  .voice-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  	.nav-bar {
  	  height: 35px;
  	  width: 100%;
      position: relative;
  	}
      .top-left-navigation {
        float: left;
        padding: .5em 0 0 2em;
      }
        .menu-item {
          display: inline-block;
          margin: 0 4px;
          padding: 0;
          position: relative;
          top: 0;
        }
          .menu-item .menu-link {
            float: left;
            padding: .7em 1em .5em;
            border-bottom-width: 2px;
            max-height: 28px;
          }
            .menu-item .menu-link > .icon {
              font-size: 13px;
              line-height: 14px;
              vertical-align: middle;
            }
          .menu-item .menu-link .text {
            display: inline-block;
            vertical-align: middle;
            padding-left: .2em;
          }
      .top-right {
        left: auto;
        position: absolute;
        right: 0;
        margin: 5px 5px 5px 0;
      }
      .hgroup-theme-image {
        border-bottom-width: 1px;
        position: absolute;
        top: 0;
        width: 100%;
      }
        .theme-image {
          height: 3px;
          width: 100%;
        }
        .theme-image > .top-line.gaza,
        .theme-image > .top-line {
          border-width: 0;
          height: 3px;
        }

    .voice-title {
      display: inline-block;
      position: relative;
      font-size: 20px;
      line-height: 32px;
      padding: .8em .25em .5em 1.7em;
    }

    .description-wrapper {
      position: relative;
      display: inline-block;
    }

  .post-and-actions {
		height: 48px;
		padding-top: 1em;
		position: relative;
		width: 100%;
	}
    .post-width {
      left: 28px;
      position: absolute;
      right: 97px;
      width: auto;
    }
      .new-post {
        height: 35px;
        width: 100%;
      }
      .post {
        float: left;
        height: 35px;
        position: relative;
        width: 100%;
      }
        .post > input[type="text"]{
          min-width: 224px;
          height: 35px;
        }
        .post > .post-button {
          border-width: 1px;
          position:absolute;
          left: auto;
          right: -84px;
        }
          .post > .post-button > input[type='submit'] {
            font-size: 18px;
            padding:0 18px;
            width: 85px;
            height: 35px;
          }
          .post > .post-button .cv-tooltip.notice {
            width: 200px;
            right: 0;
            left: initial;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
          }
          .post > .post-button .cv-tooltip.notice .cv-tooltip__arrow {
            left: initial;
            right: 35px;
          }
          .post > .post-button .cv-tooltip.notice .media-type-info {
            padding: .6em 1em;
          }
        .post > .post-paceholder, .empty-msg {
          font-size: 15px;
          left: 11px;
          line-height: 1em;
          top: 9px;
          position: absolute;
        }
        .post > .post-paceholder > span {
          position: relative;
          z-index: 4;
        }
        .post > .post-paceholder > .cover {
          height:20px;
          position: absolute;
          width:30px;
          z-index: 4;
        }
        .post > .post-paceholder > input[type=file] {
          margin-left: -30px;
          position: absolute;
          z-index: 2;
          width: 120px;
        }
        .post > .post-type {
          position: absolute;
          right: 0;
          top: 5px;
          height: 29px;
          padding: 5px 0 0 20px;
          background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, #ffffff 12px);
          background-image: linear-gradient(to right, rgba(255,255,255,0) 0, #ffffff 12px);
        }
        .post-type > .media {
          float: left;
          margin-right: 1em;
          position: relative;
        }
          .post-type > .media > .media-type {
            display: block;
          }

          .media-type .icon {
            font-size: 16px;
            vertical-align: top;
            display: inline-block;
            color: #ccc;
          }

        .post-type > .media > .cv-tooltip {
          color: #333;
        }

        .media-type-info  {
          position: relative;
          border-width: 1px;
          padding: 15px 11px;
        }
        .media-type-title {
          font-size: 15px;
          display: block;
          padding: 0 7px;
          width: 233px;
          line-height: 22px;
        }
        .media-type-subtitle {
          font-size: 12px;
          display: block;
          line-height: 1.3em;
          margin-top: 9px;
          border-top-width: 1px;
          padding: 13px 7px 0;
        }
        .media-type-link {
          font-size: 13px;
          display: block;
          line-height: 1;
          padding: 6px 7px 0;
        }
        .post-button > .tooltip > .tooltip-positioner {
          position: relative;
          top: 0;
          left: -50%;
        }
        .filters-and-mode .tooltip-arrow,
        .post-button > .tooltip > .tooltip-positioner > .tooltip-arrow {
          position: absolute;
          width: 16px;
          height: 12px;
          top: 0;
          left: 50%;
          z-index: 40;
        }
        .post-button > .tooltip > .tooltip-positioner > .tooltip-arrow > span {
            position: relative;
            width: 16px;
            height: 12px;
            top: 0;
            left: -50%;
            display: block;
          }
          .post-button > .tooltip > .tooltip-positioner > .media-type-info {
            position: relative;
            top: 10px;
            left: -65px;
            width:185px;
            border-width: 2px;
            padding: 15px 11px;
            z-index: 30;
          }
          .post-button > .tooltip > .tooltip-positioner > .media-type-info > .media-type-title {
            font-size: 15px;
            display: block;
            padding: 0 7px;
            width: 233px;
            line-height: 22px;
          }
          .post-button > .tooltip > .tooltip-positioner > .media-type-info > p {
            font-size: 15px;
            display: block;
            padding: 0 7px;
            font-weight: bold;
            line-height: 22px;
          }
        .tool-link .media-type-info {
          left: -9px;
          width: 204px;
        }
  .filters-and-mode {
		float: left;
		padding-bottom: 10px;
		padding-left: 28px;
		padding-top: 10px;
		width: 100%;
	}
    .form-right {
      float: right !important;
      margin-right:12px;
    }
    .filters-and-mode > form,
    .filters,
    .mode,
    .filters > p,
    .filters > label,
    .mode > p,
    .mode > ul,
    .mode > ul > .mode-button {
      float: left;
    }
    .mode-button {
      position:relative;
      overflow: hidden;
    }
    .filters-and-mode .mode-button {
      overflow: visible;
    }
    .filters-and-mode .mode-button.selected:hover .cv-tooltip {
      display: none;
    }
    .info-tags__tooltip .mode-button .dismiss-tooltip {
      display: none;
    }
    .info-tags__tooltip .voice-tags li {
      padding: 0;
    }
    .info-tags__tooltip .voice-tags label {
      cursor: pointer;
      display: block;
      padding: 3px 0;
    }
    .filters,
    .mode {
      font-size: 14px;
    }
    .filters > p {
      padding-right: 6px;
      font-size: 12px;
      margin-top: -1px;
    }

    .filters > p,
    .filters > label {
      padding-top: 1px;
    }

    .filters .search-input-wrapper {
      position: relative;
      float: left;
      margin-left: 5px;
    }
    .filters .search-input-wrapper i {
      position: absolute;
      top: 6px;
      left: 10px;
    }
    .filters .search-input-wrapper .cv-input {
      padding: 0 5.8em 0 2.3em;
      width: 236px;
    }

    .search-input-wrapper .results-feedback {
      position: absolute;
      top: .3em;
      right: 2.5em;
      font-size: 10px;
      color: #a6a6a6;
      padding: 0 0 0 1em;
    }

    .search-input-wrapper .results-feedback em {
      font-style: normal;
    }

    .search-input-wrapper .search-clear {
      position: absolute;
      top: 0;
      right: 0;
      padding: .15em .7em .5em .3em;
      cursor: pointer;
      color: #a6a6a6;
    }

    .mode > p {
      font-size: 12px;
      padding: 1px 10px 0 0;
    }
    .filters > label {
      padding-right: 10px;
      font-size: 12px;
    }
    .filters > label > input[type='checkbox'] {
      margin-right: 4px;
    }
    .mode-button:first-child {
      border-width: 1px 0 1px 1px;
    }
    .mode-button:first-child + .mode-button {
      border-width: 1px 1px 1px 0;
    }
    .mode-button:first-child > .button {
      border-width: 1px 0 1px 1px;
      float: left;
      padding: 2px;
    }
    .mode-button:first-child + .mode-button > .button {
      float: left;
      padding: 2px;
    }
    .mode-button > .button > a {
      padding: 2px 10px 1px;
      font-size: 11px;
      line-height: 11px;
      float: left;
    }
    .mode-button.selected:first-child > .button {
      border-width: 1px;
      padding: 0;
    }
    .mode-button.selected:first-child > .button > a {
      border-width: 1px;
      padding: 4px 10px 3px 11px;
    }
    .mode-button:first-child + .mode-button.selected > .button {
      border-width: 1px;
      padding: 0;
    }
    .mode-button:first-child + .mode-button.selected > .button > a {
      border-width: 1px;
      padding: 4px 11px 3px 10px;
    }

.js-voice-map {
  margin: 0;
  padding: 0;
  height: 100%;
}
  .js-voice-map .loader {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -28px;
  }

.voice-map-wrapper {
  position: fixed;
  top: 98px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-top: 1px solid #b2b2b2;
  visibility: hidden;
}

.voice-map-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
  z-index: 6;
}

.voice-map-wrapper.active {
  visibility: visible;
}

/* < 768 */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  .voice-title {
    padding-left: 50px;
  }

  .top-left-navigation {
    padding-left: 46px;
  }

  .backstory-menu-item,
  .info-tool.maps,
  .info-tool.widget,
  .info-tool.rss,
  .post-and-actions,
  .filters-and-mode .form-right {
    display: none;
  }

  .voices-scroller {
    width: 100% !important;
  }
}

@media only screen and (max-width: 615px) {
  .search-input-wrapper {
    display: none;
  }
}
/* < 460 */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .voice-info {
    margin: 0;
    padding: 15px 0;
    margin-top: 35px;
  }
  .nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
    z-index: 1;
  }
  .top-left-navigation {
    left: 50%;
    margin-left: -90px;
    padding: 0;
    position: relative;
    width: 180px;
    cursor: pointer;
  }
  .top-left-navigation .menu-item {
    display: none;
    text-align: center;
    position: static;
  }
  .top-left-navigation.active .menu-item:not(.active) {
    pointer-events: auto;
  }
  .top-left-navigation .menu-item.active {
    pointer-events: none;
    display: inline-block;
    margin: 0;
    width: 100%;
  }
  .top-left-navigation .menu-item.active .menu-link,
  .menu-item .menu-link {
    background-color: transparent;
    color: #fff;
    width: 100%;
  }
  .top-left-navigation .menu-item.active .menu-link {
    padding-top: 11px;
  }
  /* for toggle behavior */
  .top-left-navigation.active {
    height: 70px;
    left: 0;
    line-height: 12px;
    margin: 0;
    padding: 0;
    padding-top: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .top-left-navigation.active .menu-item:not(.backstory-menu-item) {
    display: inline-block;
    margin: 0;
    width: 100%;
    float: left;
  }
  .menu-item .menu-link > .icon {
    display: none;
  }
  .top-left-navigation.active .menu-item.active:after {
    content: attr(name);
    height: 23px;
    left: 0;
    right: 0;
    padding-top: 12px;
    position: fixed;
    top:0;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2.40000009536743px;
  }
  .menu-item.active .menu-link:after {
    display: block;
  }
  .top-right {
    cursor: pointer;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding-top: 31px;
    width: 45px;
    z-index: 3;
  }
  .top-right.active {
    overflow: visible;
  }
  .top-right .info-tool {
    float: none;
    width: 110px;
    padding: 5px;
    text-align: center;
    margin: 0 0 0 -65px;
  }
  .top-right .info-tool iframe {
    width: 85px !important;
  }
  .voice-title {
    max-width: 240px;
    float: none;
    display: inline;
    padding: 0 10px;
  }
  .filters-and-mode {
    bottom: 0;
    position: fixed;
    top: auto;
    padding: 7px 5px 5px 5px;
    height: 39px;
    z-index: 2;
  }
  /*div.cv-tooltip.info-tags__tooltip {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 28px;
  }*/
  /*div.cv-tooltip.info-tags__tooltip .cv-tooltip-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
  }
  .info-tags__tooltip .voice-tags {
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 40px;
  }*/
  .tag-tooltip-trigger {
    height: 25px;
    line-height: 25px;
    padding: 0 .6em;
  }
  .info-tags__tooltip .voice-tags li {
    font-size: 14px;
  }
  .info-tags__tooltip .voice-tags label {
    padding: 8px 0;
  }
  .info-tags__tooltip .voice-tags input {
    margin: 0 10px 0 13px;
  }
  .info-tags__tooltip .mode-button {
    bottom: 0;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
  }
  .info-tags__tooltip.tooltip .mode-button .button {
    display: inline-block;
    float: none;
    width: 40%;
  }
  .info-tags__tooltip .mode-button .dismiss-tooltip {
    display: inline-block;
  }
  .info-tags__tooltip .mode-button > .button > a {
    float: none;
    line-height: 20px;
  }
  div.tooltip-mediafeed-tweets,
  .search-input-wrapper {
    display: none;
  }
  .filters-and-mode {
    margin: 0;
  }
  .filters-and-mode .filters {
    padding: 0;
    position: absolute;
    left: 60px;
    right: 5px;
  }
  .filters-and-mode .filters p {
    display: none;
  }
  .filters-and-mode .filters label {
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 1.15em;
    padding: 6px 5px 4px;
    position: relative;
    text-align: center;
    width: auto;
  }
  .filters > label > input[type="checkbox"] {
    margin-right: 7px;
  }
  .filters-and-mode .filters .tweets-label {
    float: right;
  }
}

/* < 320 */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
  .filters-and-mode .tags-container {
    height: auto;
    padding: 0;
    margin: 0;
  }
  .filters-and-mode .filters label {
    font-size: 11px;
    max-width: 27%;
    max-height: 24px;
    padding: 2px;
    line-height: 1.8em;
  }
  .filters > label > input[type="checkbox"] {
    height: 12px;
    margin-right: 3px;
    margin-top: 2px;
    float: left;
  }
}

/*
    float: left;
  Default styles
  < 460
*/

/*
  Default styles
*/
.main-header {
  background-color: #f2f2f2;
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,0.3);
}

.voice-info {
  background-color: #000;
  color: #fff;
  background-size: 100%;
  background-position: 50%;
}

.voice-info:before {
  background: rgba(0,0,0,.7);
}

.nav-bar {
}

.menu-item .menu-link {
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,.1);
}

.menu-item.active .menu-link {
  border-bottom-color: transparent;
}

.filters-and-mode {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.nav-bar {
}
  .hgroup-theme-image {
    border-bottom-style: solid;
    border-bottom-color: #333333;
  }
    .theme-image {
      background: url(/images/bg/top_theme_image.jpg?1578503741) repeat-x 0 3px;
    }
    .theme-image.black {
      background-color: #1a1a1a;
    }
    .top-line {
      background-color: #e2e2e2;
      border-style: solid none;
      border-color: #c9c9c9 transparent #ebebeb;
    }
    body .top-line.gaza {
      background:#fcfcfc url(/images/bg/gaza_top_line.png?1578503741) repeat-x !important;
    }
    .voice-info.gaza {
      background: #E3E5E2 url(/images/bg/gaza_flag.jpg?1578503741) no-repeat scroll -22px -2px;
      border-bottom-color: #b8b9b8;
      border-bottom-style: solid;
    }

.post > .post-paceholder {color: #b2b2b2}
.post > .post-paceholder > .cover {background: #FFF}
.post > .post-paceholder > input[type=file] {float: right; cursor: pointer;
    opacity: 0;
}
.post > .post-paceholder > a:hover {text-decoration:underline}
body.green .post > .post-paceholder > a {color: #50b347}
body.red .post > .post-paceholder > a {
  color: #f10f2a;
}
.post > .post-paceholder > a {
  text-decoration: none;
}
#post_image:hover + a {
  text-decoration: underline;
}
body.orange .post > .post-paceholder > a {color: #ec9415}
body.yellow .post > .post-paceholder > a {color: #ebc91c}
body.blue .post > .post-paceholder > a {color: #4cb5ff}

.post > .post-button > input[type='submit'] {
  cursor: pointer;
  color: #fff;
  border-radius: 0 4px 4px 0;
  text-transform: uppercase;
  text-shadow: none;
}

.filters > p,
.mode > p {
  color: #a6a6a6;
}

.mode-button:first-child > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mode-button:last-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mode-button.selected > a {
  background-color: #b6b6b6;
  color: #fff !important;
  box-shadow: inset 0 2px 0 rgba(0,0,0,0.1);
}

.moderate-tooltip {color: #595959}

/*
  < 460
*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .top-left-navigation .menu-item.active {
    background: transparent none;
  }
  .top-left-navigation.active .menu-item {
    background-color: #262626;
    border-bottom: solid 1px #414141;
  }
  .top-left-navigation.active .menu-link:hover {
    color: #FFFFFF;
    background-color: #2D2D2D;
  }
  .top-left-navigation.active .menu-link:active {
    background-color: #1D1D1D;
  }
  .top-left-navigation.active .menu-item.active:after {
    color: #FFFFFF;
  }
  ul .menu-item.active .menu-link:after {
    background: url(/images/icons/sidebar-sprite.png?1578503741) no-repeat scroll -267px -123px rgba(0, 0, 0, 0);
    content: "";
  }
  ul.active .menu-item.active .menu-link:after {
    background: url(/images/icons/sidebar-sprite.png?1578503741) no-repeat scroll -287px -123px rgba(0, 0, 0, 0);
    content: "";
  }
  .top-right {
    background-image: url(/images/icons/sidebar-sprite.png?1578503741);
    background-position: -186px -134px;
  }
  .top-right.active {
    background-color: #000000;
    background-position: -236px -134px;
  }
  .top-right .info-tool {
    background-color: rgba(0,0,0,0.5);
  }
  .filters-and-mode {
    background-color: rgba(242, 242, 242, 0.97);
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  .info-tags__tooltip .voice-tags li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  .info-tags__tooltip .voice-tags li:last-child {
    border-bottom: 0;
  }
}


/* hidden */
.sidebar-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  z-index: 3;
  -webkit-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-backface-visibility: hidden;
}

.sidebar-state__open .sidebar-wrapper {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
/*
  Fix sidebar items rendering issue on safari
  5.1.7 && 6.0.5
*/
.sidebar-wrapper .sidebar-scroller {
  -webkit-transform: translate3d(0,0,0);
}

hgroup {
  width: 250px;
  border-top-width: 3px;
  display: block;
  position: relative;
}
  hgroup::after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}

.voice {
  width: 250px;
}

.logo-header {margin-top:10px;}
.logo-custom-header {margin-top:8px; text-align: center}
.logo-custom-header a:hover {text-decoration: none }
.logo-container {display:block; clear:both; width:100%; margin-bottom: 8px}
.logo-container a {display: inline-block; vertical-align: top}

.crowdvoice-logo {float: left; width: 169px; height: 25px}
.crowdvoice-logo.gaza {float: left; width: 176px; height: 25px; margin-right:4px}
.crowdvoice-about {height: 18px; width: 18px; margin-top: 3px}

.about-link-wrapper {position: relative; display: inline-block}

.crowdvoice-slogan {
  width: 220px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 12px;
  padding: 0 0 10px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.create-voice {
  padding: 7px 7px 15px;
  position: relative;
  z-index: 2;
}
  .touch .create-voice {
    display: none;
  }

.create-voice li {
  display: inline-block;
  position: relative;
}
.create-voice li > a {
  margin: 0 2px;
}
.create-voice .tooltip-positioner {left: -30%}
.create-voice .tooltip-arrow {left: 29%}
.create-voice .media-type-info {
  padding: 5px 15px 5px 12px;
  width: 170px;
  overflow: hidden;
}
.create-voice > .view-video {
  height: 27px;
  text-align: center;
}
  .create-voice > .view-video li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }



/* Side Bar Register/Login */
.user-form {display: none;}
.register-sec {overflow: hidden}
.login-sec {overflow: hidden}
.install-sec {overflow: hidden}
.form-label {width: 68px}
.forgot-pass {height:20px !important}
.register-login {width: 240px; margin: 5px auto}
.register-login > tbody > tr {margin-bottom: 10px; height: 42px}
.register-login > tbody > .error {height: 14px}
.register-login > tbody > tr > td > label {font-size: 12px; line-height: 11px}
.register-login > tbody > tr > td > input {width: 145px; height: 24px; border-width: 1px 0 0 0; font-size: 12px; padding: 0 5px}
.register-login > tbody > tr > td > .error { border-width: 1px; border-style: solid; width: 158px; height: 23px;}
.user-form > ul {margin: 8px 0px 21px 78px; display: block; float: left}
.user-form > ul > li {float: left; margin: 0 13px 0 0}
.user-form > ul > .cancel {padding:6px 0}
.user-form > ul > .cancel > a {font-size: 11px}
.signup-btn {float: left}
.signup-btn > input {float: left; font-size: 12px;}

/* Side Bar Search Area */
.voice-search {
  height: 43px;
  position: relative;
  z-index: 1;
}
.voice-search .search {
  position: relative;
  width: 75%;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  padding: 0 25px 0 27px;
  margin-top: 9px;
  margin-left: 10px;
  border-width: 1px 0 0 0;
  font-size: 12px;
}
.voice-search .icon-search {
  color: #bbb;
  position: absolute;
  left: 18px;
  top: 15px;
  font-size: 12px;
}
.voice-search > ul {
  display: inline-block;
  vertical-align: top;
}
.voice-search > ul > li > .map-btn {height: 25px; width: 25px; display: block; border-width: 1px;}
.map-btn .icon {
  display: inline-block;
  font-size: 14px;
  margin-top: 4px;
  color: #ccc;
}
/*.tooltip-map {top: 29px}*/
.mapit {
  position: relative;
  margin: 9px 0 0 15px;
}
.mapit > .tooltip > .tooltip-positioner > .media-type-info {padding: 6px 10px; text-align:center}
.mapit > .tooltip > .tooltip-positioner > .media-type-info > .media-type-title {width:174px; padding:0px; font-size: 13px}
.clear-search {width:13px; height:13px; position:absolute; right: 60px; top: 15px; cursor:pointer; display:none; z-index:2}

/* Side Bar Scroll Voice Area */
.sidebar-scroller {
  height: 1000px;
  z-index: 0;
}
.sidebar-scroller .jspPane {
  width: 100% !important;
}
.sidebar-scroller .jspVerticalBar {
  right: 5px;
  width: 6px;
}
.searchable {
  cursor: pointer;
  width: 250px;
}
.searchable > ul > li {position: relative}
.sidebar-scroller__list-item {font-size: 13px}
.sidebar-scroller__list-item.last a {border-width: 0}

/* Side Bar Custom Scroll Voice Area */
.sprite-sidebar {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.tab-controller .sprite-sidebar,
.info-tab-controller .sprite-sidebar {width: 5px; height: 7px; position: absolute; top: 50%; left: 4px;}
.notification .sprite-sidebar {width: 10px; height: 14px; margin: 6px 0 0 8px}

.sidebar-scroller__accordion-toggler {
    border-width: 1px 0;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 2px 10px 0;
    height: 20px;
    display: block;
    width: 100%;
}
  .sidebar-scroller__accordion-toggler:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
  .sidebar-scroller__accordion-arrow {
    display: inline-block;
    vertical-align: top;
    margin: 1px 5px 0 0;
    width: 10px;
    height: 10px;
    text-indent: -999em;
  }
  .sidebar-scroller__accordion-toggler > h2 {
    display: inline-block;
    vertical-align: top;
    font-size: 9px;
    line-height: 14px;
  }

.sidebar-scroller__list-item {border-left-width: 2px}
.sidebar-scroller__list-item-anchor {
  display:block;
  font-size: 13px;
  line-height: 17px;
  padding: 12px 12px 10px 12px;
}
  .sidebar-scroller .is_infographic .sidebar-scroller__list-item-anchor,
  .sidebar-scroller .backstory .sidebar-scroller__list-item-anchor {padding-right: 37px}
  .sidebar-scroller .is_infographic.backstory .sidebar-scroller__list-item-anchor {padding-right: 49px}

.sidebar-scroller__list-item .anchor {
  position: absolute !important;
  top: 12px;
  right: 10px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}
.sidebar-scroller__list-item .anchor + .anchor {
  right: 30px;
}

.tab-controller {
  display: none;
  position: absolute;
  top: 0;
  right: -16px;
  width: 16px;
  height: 100%;
  z-index: -1;
}

.sidebar-tooltip {
  font-size: 12px;
  left: 23px;
  margin-top: -18px;
  padding: 5px 15px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 100px;
  z-index: 10;
}
.sidebar-tooltip:after{
    height: 0;
    left: -14px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
}
.sidebar-tooltip:before {
  height: 0;
  left: -15px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 0;
}

.hamburger-menu {
  display: none;
  margin-top: 10px;
}

.hamburger-menu .icon-bar {
  display: block;
  margin: 0 auto;
  width: 18px;
  height: 2px;
}

.hamburger-menu .icon-bar + .icon-bar {
  margin-top: 3px;
}

@media all and (min-width: 769px) {
  .sidebar-always-visible-on-large-view .sidebar-wrapper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (max-device-width: 1024px){
  .panel-padding {
    margin-left: 0;
  }
  .hamburger-menu {
    display: block;
  }

  .create-voice,
  .voice-search > ul,
  .tab-controller .sprite-sidebar {
    display: none;
  }

  .voice-search .search {
    width: 91%;
  }

  .clear-search {
    right: 20px;
  }

  .tab-controller {
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    display: block;
    width: 40px;
    height: 32px;
    left: 250px;
  }
}

@media only screen and (max-width: 768px) {
  .hamburger-menu {
    display: block;
  }

  .create-voice,
  .voice-search > ul,
  .tab-controller .sprite-sidebar {
    display: none;
  }

  .voice-search .search {
    width: 91%;
  }

  .clear-search {
    right: 20px;
  }

  div.tab-controller {
    display: block;
    width: 40px;
    height: 32px;
    left: 254px;
    top: 15px;
    background-color: transparent;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }

  div.tab-controller:hover {
    background-color: transparent;
  }

  .view__homepage .tab-controller {
    top: 0px;
  }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  div.tab-controller {
    top: 0;
  }
}

.sidebar-wrapper {
  -webkit-transition: -webkit-transform 300ms linear, left 300ms linear;
      -ms-transition: -ms-transform 300ms linear, left 300ms linear;
          transition: transform 300ms linear, left 300ms linear;
}

.logo-container {text-align: center}
.crowdvoice-logo {text-indent: -999em; background: url(/images/icons/sidebar-sprite.png?1578503741) no-repeat 0 -138px}
.crowdvoice-logo.gaza {text-indent: -999em; background: url(/images/bg/gaza-logo.png?1578503741) no-repeat 0 0 !important}
.crowdvoice-about {text-indent: -999em; background: url(/images/bg/sprites/crowdvoice_about.png?1578503741) no-repeat 0 0}
.crowdvoice-about:hover {background-position: 0 -18px}
.crowdvoice-custom-about {text-indent: -999em; background: url(/images/bg/sprites/crowdvoice_about.png?1578503741) no-repeat 0 0}
.crowdvoice-custom-about:hover {background-position: 0 -18px}
.crowdvoice-slogan {
  color: #cccccc;
  text-align: center;
  text-transform: uppercase;
}

/* Side Bar Custom Scroll Voice Area */
.sprite-sidebar {
  background: transparent url(/images/icons/sidebar-sprite.png?1578503741) 0 0 no-repeat;
}

.searchable .select .sprite-sidebar { background: none; }

.map-btn .sprite-sidebar {background-position: 0 -64px}
.tab-controller .sprite-sidebar,
.info-tab-controller .sprite-sidebar {background-position: -32px -64px}
.tab-controller.close-control .sprite-sidebar,
.info-tab-controller.close-control .sprite-sidebar {background-position: -64px -64px}
.notification.red .sprite-sidebar {background-position: 0 -96px}
.notification.green .sprite-sidebar {background-position: -160px -64px}
.notification.blue .sprite-sidebar {background-position: -96px -64px}
.notification.yellow .sprite-sidebar {background-position: -128px -64px}
.notification.orange .sprite-sidebar {background-position: -192px -64px}

.voice:not(.admin-sidebar-row) {background-color: #121212; box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1) inset}

/* Side Bar Register/Login */
.user-form {background-color: #262626}
.register-login > tbody > .error > td > span {font-size: 10px; color: #e43d3d; font-weight: normal;}
.register-login > tbody > tr > td > label {color: #999999}
.register-login > tbody > tr > td > input {
  color: #BBBBBB;
  border-top-style: solid;
  border-top-color: #666666;
  border-radius: 3px;
  background: #666666;
}
.register-login > tbody > tr > td > input:focus {
  background-color: #fff; color: #444444; border-color: #4c4c4c;
}
.register-login > tbody > tr > td > .error {border-color: #ff0000; background:#fff5f5}
.user-form > ul > .cancel > a {color: #999999}
.create-voice {
  text-align: center;
}
.create-voice .voicebtn {
  opacity: 0.6;
}
.create-voice .voicelogin {
  opacity: 1;
}

.create-voice .cv-button {
  font-size: 12px;
}

.forgot-pass a {color: #fff}
.forgot-pass a:hover {text-decoration: underline}
/* Side Bar Search Area */

.voice-search {
  border-bottom: 1px solid #1C1C1C;
  background: #2f2f2f;
  background: -moz-linear-gradient(top,  #2f2f2f 0%, #292929 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#292929));
  background: -webkit-linear-gradient(top,  #2f2f2f 0%,#292929 100%);
  background: -o-linear-gradient(top,  #2f2f2f 0%,#292929 100%);
  background: -ms-linear-gradient(top,  #2f2f2f 0%,#292929 100%);
  background: linear-gradient(to bottom,  #2f2f2f 0%,#292929 100%);
}
.voice-search .search  {
  border-top-style: solid;
  border-top-color: #090909;
  color: #BBBBBB;
  border-radius: 13px;
  background-color: #4d4d4d;
  transition: background-color 400ms;
}
.voice-search .search:focus {
  background-color: #fff;
  color: #444444;
  border-color: #4c4c4c;
  transition: background-color 200ms;
}

.voice-search > ul > li > .map-btn {
  text-align: center;
  color: #e5e5e5;
  background-color: #626262;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#626262), to(#454545));
  background-image: -webkit-linear-gradient(#626262, #454545);
  background-image: -moz-linear-gradient(#626262, #454545);
  background-image: -o-linear-gradient(#626262, #454545);
  background-image: linear-gradient(#626262, #454545);
  border-style: solid; border-color: #333;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(255,255,255,0.1);
  border-radius: 15px;
  background-clip: padding-box;
}
.voice-search > ul > li > .map-btn:hover {
  color: #e5e5e5;
  background-color: #777;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7F7F7F), to(#686868));
  background-image: -webkit-linear-gradient(#7F7F7F, #686868);
  background-image: -moz-linear-gradient(#7F7F7F, #686868);
  background-image: -o-linear-gradient(#7F7F7F, #686868);
  background-image: linear-gradient(#7F7F7F, #686868);
}
.voice-search > ul > li > .map-btn:active,
.voice-search > ul > li > .map-btn.map-active {
  color: #999;
  background-color: #555555;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#727272));
  background-image: -webkit-linear-gradient(#5a5a5a, #727272);
  background-image: -moz-linear-gradient(#5a5a5a, #727272);
  background-image: -o-linear-gradient(#5a5a5a, #727272);
  background-image: linear-gradient(#5a5a5a, #727272);
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(255,255,255,0.1);
}

/* Side Bar Scroll Voice Area */
.sidebar-scroller {
  background-color: #474747;
}
.sidebar-scroller .jspTrack {
  background: none;
}
.sidebar-scroller .jspDrag {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.sidebar-scroller__list {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.sidebar-scroller__accordion-toggler {
  cursor: pointer;
  border-bottom-color: #1C1C1C;
  border-bottom-style: solid;
  border-top-color: rgba(163, 163, 163, 0.2);
  border-top-style: solid;
  box-shadow: inset -1px 0 0 rgba(163, 163, 163, 0.1);
  color: #8C8C8C;
  opacity: 1;
  background: #3a3a3a;
  background: -moz-linear-gradient(top,  #3a3a3a 0%, #343434 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#343434));
  background: -webkit-linear-gradient(top,  #3a3a3a 0%,#343434 100%);
  background: -o-linear-gradient(top,  #3a3a3a 0%,#343434 100%);
  background: -ms-linear-gradient(top,  #3a3a3a 0%,#343434 100%);
  background: linear-gradient(to bottom,  #3a3a3a 0%,#343434 100%);
}
  .sidebar-scroller__accordion-toggler > h2 {
    color:#8c8c8c;
    text-transform: uppercase;
  }
  .sidebar-scroller__accordion-arrow {
    background: url(/images/icons/side_arrows.png?1578503741) no-repeat;
    background-position: 2px 3px;
  }
  .sidebar-scroller__accordion-arrow.down-arrow {
    background-position: 2px -5px;
  }
.sidebar-scroller__list-item {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  border-left-style: solid;
  border-left-color: transparent;
  border-bottom: 1px solid rgba(57, 57, 57, 0.5);
  background-color: #474747;
}
  .sidebar-scroller__list-item:hover {
    background-color: #383838;
  }

  .sidebar-scroller__list-item .anchor {
    color: #fff;
    opacity: .4;
    text-decoration: none;
  }
  .sidebar-scroller__list-item .anchor:hover {
    opacity: 1;
    text-decoration: none;
  }

.sidebar-scroller__list-item.select,
.sidebar-scroller__list-item.select:hover {background-color: #383838}

.sidebar-scroller__list-item.select a {color: #ffffff}

.sidebar-scroller__list-item.select.blue   {border-left-color: #4cb5ff; background: #4cb5ff;}
.sidebar-scroller__list-item.select.yellow {border-left-color: #ebc91c; background: #ebc91c;}
.sidebar-scroller__list-item.select.green  {border-left-color: #50b347; background: #50b347;}
.sidebar-scroller__list-item.select.orange {border-left-color: #ec9415; background: #ec9415;}
.sidebar-scroller__list-item.select.red    {border-left-color: #f10f2a; background: #f10f2a;}

.sidebar-scroller__list-item.red:hover {border-left-color: #f10f2a}
.sidebar-scroller__list-item.blue:hover {border-left-color: #4cb5ff}
.sidebar-scroller__list-item.yellow:hover {border-left-color: #ebc91c}
.sidebar-scroller__list-item.green:hover {border-left-color: #50b347}
.sidebar-scroller__list-item.orange:hover {border-left-color: #ec9415}

a.sidebar-scroller__list-item-anchor,
a.sidebar-scroller__list-item-anchor:hover {color: #d9d9d9; text-decoration:none}

.sidebar-scroller__list.voice-gaza > .select.red,
.sidebar-scroller__list.voice-gaza > .select.orange,
.sidebar-scroller__list.voice-gaza > .select.blue,
.sidebar-scroller__list.voice-gaza > .select.yellow,
.sidebar-scroller__list.voice-gaza > .select.green {background: #50b347}

.sidebar-scroller__list.voice-gaza > .select.blue,
.sidebar-scroller__list.voice-gaza > .select.yellow,
.sidebar-scroller__list.voice-gaza > .select.green,
.sidebar-scroller__list.voice-gaza > .select.orange,
.sidebar-scroller__list.voice-gaza > .select.red {border-left-color: #f10f2a}

.sidebar-scroller__list.voice-gaza > .select a {color: #fff}
.sidebar-scroller__list.voice-gaza > .select .sprite-sidebar {background-position: -192px -32px}


.tab-controller {
  cursor: pointer;
}

.tab-controller,
.info-tab-controller {
  background-color: #1A1A1A;
}
.tab-controller:hover,
.info-tab-controller:hover {
  background-color: #222222;
}

.sidebar-tooltip {
  background: none repeat scroll 0 0 #1A1A1A;
  border-radius: 3px 3px 3px 3px;
  color: #EDEDED;
  border: 1px solid #4F4F4F;
}
.sidebar-tooltip:after{
  border-color: transparent #1A1A1A transparent transparent;
  border-style: solid;
  border-width: 7px;
  content: "";
}
.sidebar-tooltip:before {
  border-color: transparent #4F4F4F transparent transparent;
  border-style: solid;
  border-width: 7px;
  content: "";
}

.hamburger-menu .icon-bar {
  background-color: #f5f5f5;
  border-radius: 1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .crowdvoice-logo {
    background-image: url(/images/crowdvoice-logo@2x.png?1578503741);
    background-position: 0 0;
    background-size: 169px;
  }
}

.woahbar a {color: #09c}
.woahbar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 32px;  /* << set custom WOAHbar height */
z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
padding: 15px 0 5px 0;
text-align: center;
font-size: 16px;  /* << set custom WOAHbar font size */
color: #494949;  /* << set custom WOAHbar font color */
background-color: #D6D6D6;  /* << set custom bar color here */
border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
-webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
-moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
}
 
.woahbar-stub {
position: fixed;
top: -10px;
left: 0px;
width: 100%;
height: 19px;
z-index: 200;
padding: 7px 0 5px 0;
text-align: center;
}
 
.woahbar span {
float: left;
width: 95%;
font-weight: bold;
text-align: center;
padding-top: 2px;
}
 
.show-notify {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 3px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
float: right;
margin-right: 10px;
color: #fff;
width: 35px;
height: 33px;
text-decoration: none;
background-color: #eee; /* << set custom bar color here */
cursor:pointer;
}


.show-notify:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 3px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
float: right;
margin-right: 10px;
color: #fff;
width: 35px;
height: 33px;
text-decoration: none;
background-color: #D6D6D6; /* << set custom bar color here */
cursor:pointer;
}


.woahbar-up-arrow:hover {
background: url(/images/menubar/woahbar-up-arrow-hover.png?1578503741);
}

.close-notify {
float: right;
margin-top:3px;
margin-right: 22px;
color: #fff;
width: 17px;
height: 19px;
text-decoration: none;
background-color: #D6D6D6; /* << set custom bar color here */
cursor:pointer;
}
 
 

.woahbar-link {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #d72444; /* Old browsers */
color: white;
padding: 1px 8px 3px 8px;
}
 
.woahbar-link:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D6D6D6; /* Old browsers */
color: white;
padding: 1px 8px 3px 8px;
text-decoration: none;
}