@font-face{font-family:'ProximaNova';src: local('Proxima Nova'), local('ProximaNova-Regular'), local("ProximaNova"), local("ProximaNova-Reg"), url("/img/fonts/proximanova-reg-webfont.eot");src:url("/img/fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"),url("/img/fonts/proximanova-reg-webfont.woff") format("woff"),url("/img/fonts/proximanova-reg-webfont.ttf") format("truetype"),url("/img/fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg");
font-weight:normal;
font-style:normal;}
@font-face {
  font-family: 'DroidSansMono';
  font-style: normal;
  font-weight: 400;
  src: url("/img/fonts/droidsansmono.woff2") format('woff2');
}

/* default settings for common tags */
html, body {
  min-height:100%; padding:0; margin:0;
}
article, section, nav, header, footer {
  display: block;
}

/* layout and screen resolution */
#page-scroller {position:absolute; top:0; bottom:0; left:0; right:0;}/*{position:absolute; */

#page-content {
	min-height:100%;
	/*position: relative;*/
	border-collapse: collapse;
    display: table;
}

header {
	display: table-row;
	vertical-align: top;
}

.main-content-area-block {
    display: table-cell;
    vertical-align: middle;
}

footer {
	/*bottom: 0;
    right: 0;
    left: 0;
    position: absolute;*/
	display: table-row;
    vertical-align: bottom;
    height: 1px;
}


.website-page, .website-menu, .print-page {width: 100%;}
.website-page, .website-menu {min-width: 320px;}
/*.website-logo {width: 100%;}*/

.website-logo {width: 100%; height: 150px;}


.logo-background-outer {
    overflow: hidden;
    position: relative;
	width: 100%;
}

.logo-background-inner-overscan {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	height: 102%;
    left: -1%;
    position: absolute;
    top: -1%;
    width: 102%;	
}

.m-width-standard {min-width: 320px;} 
.m-width-card {min-width: 292px;}
.actions-form {width: 85%;}
.actions-form {min-width: 270px;}
.website-wrap>.m-width-card:not(:first-child) {margin-top: 42px;}

/*.timeline-card-cell {width: 100%;}*/

/* website menu */
/*.menu {align-items: center;}*/

.main-menu .vline, .main-menu .menu-side-space {display: none;}

.admin-hidden-panel {padding: 0px 3px;}

.spacing-panel {padding-top: 7px;}
.spacing-panel.space-l {padding-top: 14px;}
.spacing-panel>div {display: flex; flex-direction: column; justify-content: center; align-items: stretch; text-align: center;}
.spacing-panel>div {margin-bottom: 7px; margin-right: 7px;}
.spacing-panel.space-l>div {margin-bottom: 14px; margin-right: 14px;}

.main-menu-level1-div .box {min-width: 110px;}

/* website logo */

.main-content-area-logo-block>div {height: 200px;}

.page-content-columns {justify-content: flex-start; align-items: flex-start;}
.flex-column.page-content {align-items: stretch; justify-content: flex-start;}

.page-central-column-normal {max-width: 640px;}

.desktop-news-detailed-grid-head-cell,
.desktop-news-detailed-grid-body-cell,
.desktop-news-detailed-edit-head-cell,
.desktop-news-detailed-edit-body-cell {max-width: 640px; margin: 0 auto;}
.desktop-news-detailed-grid-menu-block,
.desktop-news-detailed-grid-side-block,
.desktop-news-detailed-grid-foot-block {max-width: 320px; margin: 0 auto;}	
	
.page-central-column-events {max-width: 662px;}
.page-central-column-wide {max-width: 962px;}

.central-column {padding-left: 19px; padding-right: 19px;
	width: calc(100% - 38px);
	width: -moz-calc(100% - 38px);
	width: -webkit-calc(100% - 38px);
}
.central-column {padding-top: 0px; padding-bottom: 19px;}
/*.page-content-news .central-column {padding-top: 19px; padding-bottom: 19px;}*/
.side-panel {padding-top: 0px; padding-bottom: 0px; padding-left: 19px; padding-right: 19px; width: 280px;}

.layout-columns-two-equal {justify-content: space-between;}
.layout-columns-two-equal>div {width: 100%}

img.block {display: block;}

/* align: horizontal and vertical */
.menu>div {vertical-align: middle; text-align: center;} 


/* flex classes */
.flex {display: flex; display: -webkit-flex;}
.flex-row {display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row;}
.flex-column {display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;}
.flex-expand {justify-content: space-between;}
.flex-r {justify-content: flex-end;}
.flex-wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.flex-row-v-mid {align-items: center;}
.flex-row-center {justify-content: center;}
.flex-row-v-bot {align-items: flex-end;}
.flex-row-v-baseline {align-items: baseline;}
.flex-row-v-top-stretch {align-items: stretch;}
.flex-column-h-stretch {align-items: stretch;}
.flex-around {justify-content: space-around;} 

/* low-res controls */
.desktop:not(td) {display: none;}
td.desktop {visibility: hidden;}


/*..actions-form .flex-wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap;}*/

/* fonts */
/* no-default font */


.body {-webkit-font-smoothing: antialiased;}
.menu {font-family: 'ProximaNova', Tahoma, Geneva, sans-serif;}
.side-panel, .side-panel .panel, .narrow-panel, .narrow-panel .panel {font-family: Tahoma, Geneva, sans-serif;}
.logo {font-family: Verdana, Geneva, sans-serif;}
.text:not(h6):not(h5):not(h4):not(h3):not(h2):not(h1):not(.h6):not(.h5):not(.h4):not(.h3):not(.h2):not(.h1), .rich-text:not(h6):not(h5):not(h4):not(h3):not(h2):not(h1):not(.h6):not(.h5):not(.h4):not(.h3):not(.h2):not(.h1) {font-family: 'ProximaNova', Tahoma, Geneva, sans-serif;}
.rich-text .b, .rich-text strong, .rich-text b, .text .b, .text strong, .text b, .menu .b, .menu strong,.menu b  {font-family: Arial, Helvetica, sans-serif; font-size: 93.75%;}

.panel, .card-panel {font-family: Verdana, Geneva, sans-serif;}
.panel .b, .panel strong, .panel b  {font-family: Verdana, Geneva, sans-serif; font-size: 100%;}

.print-content {font-family: Verdana, Geneva, sans-serif;}

/* {font-family: 'Lucida Console', Monaco, monospace; font-size: 93.75%; padding-bottom: -1px;} */
.monospace {font-family: 'DroidSansMono', Consolas, monospace;}
input, .input, button, select, .color-button {font-family: 'ProximaNova', Tahoma, Geneva, sans-serif; }

/* fonts in headers */
h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
h1.single {font-family: 'ProximaNova', Arial, Helvetica, sans-serif; font-weight: normal; text-transform: initial;}
h2, .h2 {font-family: 'ProximaNova', Arial, Helvetica, sans-serif; font-weight: normal;}
h3, .h3 {font-family: 'ProximaNova', Arial, Helvetica, sans-serif; font-weight: normal;} 
h4, .h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
.rich-text h5, .rich-text .h5, h5.rich-text, .rich-text .nav .header, .text h5, .text .h5, h5.text, .text .nav .header {font-family: Arial, Helvetica, sans-serif;}
h5, .h5, .nav .header {font-weight: bold;}
h5 .s, .s h5 {font-weight: normal;}
h6, .h6 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic;}

.normal {font-weight:normal;}
.b {font-weight: bold;}
.nav-item.selected, .nav-link.selected {font-weight: bold;}

.lower {text-transform: lowercase;}
.upper {text-transform: uppercase;}

.rich-text, .text {font-size: 16px; word-spacing: 0.25em; line-height: 1.4em;}
:not(.card-panel) .s, :not(h5) + :not(.card-panel) .subhead {font-size: 0.85em; line-height: 1.4em;}
.card-panel  .s, :not(h5) + .card-panel .subhead  {font-size: 0.8em; line-height: 1.4em;}

.menu, input, .input, button, select, .color-button {font-size: 15px; letter-spacing: 1px; word-spacing: 6px;}/*line-height: 21px; */
.panel {font-size: 13px; line-height: 1.4em;}
.side-panel, .side-panel .panel, .narrow-panel, .narrow-panel .panel {font-size: 14px; line-height: 1.4em;}
.card-panel {font-size: 14px; line-height: 1.4em;}

.xs, .subhead .xs {font-size: 0.7225em; word-spacing: 0px; line-height: 1.2em;}

/*input, .input, button, .color-button {font-size: 16px;}   word-spacing: 2px; letter-spacing: 1px; Tahoma */
form {margin:0;}
fieldset {border-width: 0px; margin: 0; padding: 0;}
td {text-align: center; vertical-align: top;}
p {margin-top: 0px; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; padding: 0px;} /*text-indent: 20px; */
div.quote>p {margin-bottom: 6px;}
div.aside>p {margin-bottom: 6px;}



.records-table td {padding: 2px;}

body.mceContentBody {font-size: 13px; letter-spacing: 0px; word-spacing: 2.5px;}
/*table.mceLayout {max-width: 640px;}*/
.mceEditor > table {
    width: 640px !important;
}

.no-side-padding {padding-left: 0px; padding-right: 0px;}


/*.text {font-size: 13px; letter-spacing: 0px; word-spacing: 2.5px;}*/


/*font-size: 1em; for Verdana*/

.plus1 {font-size: 1.14em; word-spacing: 4px;}
.plus2 {font-size: 1.23em; word-spacing: 4px;}
.plus3 {font-size: 1.46em; word-spacing: 4px;}
.plus4 {font-size: 1.77em; word-spacing: 4.5px;}
.plus5 {font-size: 2.15em; word-spacing: 5px;}
.plus6 {font-size: 2.61em; word-spacing: 5.5px;}
.str-expanded {letter-spacing: 1px;}
h1 {font-size: 32px; word-spacing: 0.3em; letter-spacing: 1.5px; }  /*font-size: 2.7em; for Verdana*/
h1.single {font-size: 32px; word-spacing: 0.25em; margin: 0em 0em 0.2em; line-height: 1.1em; letter-spacing: initial;} /*font-size: 2.2em; for Verdana letter-spacing: 0.5px; for Arial*/
 /*font-size:  1.9em; for Verdana letter-spacing: 0.5px  for Arial; */
h2, .h2 {font-size: 28px; word-spacing: 0.2em; line-height: 1.1em;}

h3, .h3 {font-size: 22px; word-spacing: 0.15em; line-height: 1.1em;}
/*font-size: 1em; for Verdana*/
h4, .h4 {font-size: 17px; letter-spacing: 1px; word-spacing: 0.25em;}
.rich-text h4, .rich-text .h4, h4.rich-text, .rich-text.h4, .text h4, .text .h4, h4.text, .text.h4 {font-size: 21px; letter-spacing: 1px; word-spacing: 0.25em;}

h5, .h5, .nav .header {font-size: 1.14em; word-spacing: 4px;}

h6, .h6 {font-size: 1.19em; line-height: 1.4em;} /*font-size: 1.16em; word-spacing: 0.15em; letter-spacing: 0.06em; for Tahoma*/
.rich-text .s, .rich-text .subhead, .text .s, .text .subhead {letter-spacing: 0.5px; word-spacing: 1px;}


.news-details-head-name-link:hover {text-decoration: none;}

.normal0 {font-size: 0.961em; word-spacing: 3px;}
.minus1 {font-size: 0.77em;}
.print-content {font-size: 13px; line-height: 1.4em; word-spacing: 0.25em;}
.print-content h4, .print-content .h4 {font-size: 17px;}
.rich-text h5, .rich-text .h5, .text h5, .text .h5, .text .node-menu {font-size: 1.07em;}

h2 {margin: 0.3em 0em 0.2em;}
/*.h2 {margin: 0em 0em 0.2em;}*/
.panel h2 {margin: 0em;} /*, .panel .h2*/
h3 {margin: 0em 0em 0.5em;}

h4 + p, .rich-text h4 + div:not(.subhead), .h5 + div:not(.subhead), h4 + table, h5 + table, h6 + table {margin-top: 14px;}
h4 + p, h5 + p, h6 + p, table + p {margin-top: 14px;}
h4 + ul, h5 + ul, h6 + ul, table + ul, h4 + ol, h5 + ol, h6 + ol, table + ol {margin-top: 12px;}

h4 + h5 {margin-top: 21px;} 

h4 {margin: 0.05em 0em 0em;} /*font-size: 1.3em; for Verdana*/

div + h4, p + h4, ul + h4, ol + h4, li > h4, table + h4, iframe + h4, h6 + h4 {margin-top: 42px;}

h5, h6 {margin-top: 0em; margin-bottom: 0.25em;} /*font-size: 1.23em; for Verdana*/

.rich-text h5 {margin-bottom: 0.15em;}
div + h5, p + h5, ul + h5, ol + h5, li > h5, table + h5, iframe + h5 {margin-top: 35px;}
div + h6, p + h6, ul + h6, ol + h6, li > h6, table + h6, iframe + h6, h4 + h6, h5 + h6 {margin-top: 14px;}


/*h5 + p, h5 + ul, h5 + ol {margin-top: 7px;}*/
/*.text h5 + div {margin-top: 7px;}*/


table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  font: inherit;
}

.underline {text-decoration: underline;}
.nav .nav-item>a, .menu-item>a:link, .menu-item>a:visited, a.nav-item:link, a.nav-item:visited, a.pseudo-link:link, a.pseudo-link:visited, a.admin-hidden-link:link, a.admin-hidden-link:visited, .admin-hidden-panel>a:link, .admin-hidden-panel>a:visited {text-decoration:none;}

a:hover {text-decoration: underline;}
a:hover {transition: 0.15s ease-in-out;}
.color-block:hover {transition: 0.2s ease-in-out;}
a.no-underline:hover {text-decoration: none;}
a.cut-link:hover, a.selector-link:hover {text-decoration: none;}
.color-block a:hover, a.highlight-hover:hover, .highlight-hover a:hover, .f-hl a:hover {text-decoration: none;}

/*a.menu:link {color: #CC1111;}
a.menu:visited {color: #CC1111;}
a.menu:hover {color: #FF0000;}*/

a.block, .nav .nav-item>a, a.nav-item {display: block;}

/*.plus3.f-gray>a:link {color: #444444;}
.plus3.f-gray>a:visited {color: #444444;}
.plus3.f-gray>a:hover {color: #F01111;}*/


/*a.white:link {color: #FFFFFF;}
a.white:visited {color: #FFFFFF;}
a.white:hover {color: #FFF8F8;}

a.black:link {color: #111111;}
a.black:visited {color: #111111;}
a.black:hover {color: #FF0000;}*/

/*a.action:link {color: #111111;}
a.action:visited {color: #111111;}
a.action:hover {color: #FF0000;}*/

/*.red {color: #CC1111;}
.redlight {color: #DD6666;}
.light {color: #444444;}*/

.pseudo-link-menu, .pseudo-link-warning {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
/*white-space:nowrap;*/
}

.pseudo-link-menu {
color:#CC1111;
/*white-space:nowrap;*/
}

.pseudo-link-white {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
color:#FFFFFF;
/*white-space:nowrap;*/
}
/*
a.pseudo-link-white:link {color: #FFFFFF;}
a.pseudo-link-white:visited {color: #FFFFFF;}
a.pseudo-link-white:hover {color: #FFF8F8; text-decoration:none;}

a.pseudo-link-menu:link {color: #CC1111;}
a.pseudo-link-menu:visited {color: #CC1111;}
a.pseudo-link-menu:hover {color: #FF0000; text-decoration:none;}*/

.pseudo-link:link, .admin-hidden-link:link, .admin-hidden-panel>a:link {border-bottom:1px dotted;}
/*a.pseudo-link:visited */
.pseudo-link:hover, .admin-hidden-link:hover, .admin-hidden-panel>a:hover {text-decoration:none;}
.color-button:link, .color-button a:hover, a.color-button:hover {text-decoration:none;}

.pseudo-link-action {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
color:#111111;
white-space:nowrap;
}

.pseudo-link-action-wrap {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
color:#111111;
}

.pseudo-link-action-wrap {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
color:#111111;
}
/*
a.pseudo-link-action-wrap:link {color: #111111;}
a.pseudo-link-action-wrap:visited {color: #111111;}
a.pseudo-link-action-wrap:hover {color: #FF0000; text-decoration:none;}*/

.pseudo-link-keyword {
border-bottom:1px dotted;
cursor:pointer;
text-decoration:none;
color:#3b5998;
white-space:nowrap;
}

.no-underline{text-decoration:none;}
/*
a.pseudo-link-keyword:link {color: #3b5998;}
a.pseudo-link-keyword:visited {color: #3b5998;}
a.pseudo-link-keyword:hover {color: #FF0000; text-decoration:none;}
*/
.l {text-align: left;}
.r {text-align: right;}
.j {text-align: justify;}
.c {text-align: center;}
div.c {margin: 0 auto;}

.i {font-style: italic;}
.panel em, .card-panel em, .nav-item em {font-style:normal;}

img {border-width: 0;}
.img {border-width: 1px; border-style: solid; border-color: #789378;}
img.red {border-width: 1px; border-style: solid; border-color: #991111;}
img.blue {border-width: 1px; border-style: solid; border-color: #A2B9D0;}

/*input {border-width: 1px; border-style: solid;}
button {border-width: 1px; border-style: solid;}

*/


input.small {font-size: 10px;}

.nowrap {white-space: nowrap;}
.breakword {word-wrap: break-word;}


textarea {border-width: 1px; border-style: solid;}
/*select {border-width: 1px; border-style: solid;}*/

/*

a.magenta:link {color: #CC1155;}
a.magenta:visited {color: #CC1155;}#CC5577
a.magenta:hover {color: #F01111;}
a.gray:link {color: #444444;}
a.gray:visited {color: #444444;}
a.gray:hover {color: #F01111;}
a.agray:link {color: #444444;}
a.agray:visited {color: #444444;}
a.agray:hover {color: #F01111;}
*/
.t {vertical-align: top;}
.bot {vertical-align: bottom;}
.mid {vertical-align: middle;}
table.paging-links td {vertical-align: middle;}

.extend-line-l {line-height: 1.6em;}
.extend-line-xl {line-height: 1.8em;}
.extend-line-xxl {line-height: 2.4em;}

/*.bspace2 {margin-bottom: 14px;}
.bspace3 {margin-bottom: 21px;}
.bspace5 {margin-bottom: 35px;}
.bspace8 {margin-bottom: 56px;}
.tspace-minus1 {position: relative; top: -3px;}
.tspace {padding-top: 7px;}
.bspace {padding-bottom: 7px;}

.sspace{padding-left: 7px; padding-right: 7px;}*/

.l-pad {padding-left: 7px;}
.l-pad-l {padding-left: 14px;}
.r-pad {padding-right: 7px;}
.b-pad {padding-bottom: 7px;}
.t-pad {padding-top: 7px;}
.r-pad-l {padding-right: 14px;}
.h-pad>div:not(:last-child) {padding-right: 7px;}
.h-pad-l>div:not(:last-child) {padding-right: 14px;}

.s-pad {padding-left: 7px; padding-right: 7px;}
.s-pad-l {padding-left: 14px; padding-right: 14px;}
.s-pad-xl {padding-left: 21px; padding-right: 21px;}
.v-pad-s {padding-top: 2px; padding-bottom: 2px;}
.v-pad {padding-top: 7px; padding-bottom: 7px;}
.v-pad-l {padding-top: 14px; padding-bottom: 14px;}
.v-pad-xl {padding-top: 21px; padding-bottom: 21px;}
.v-pad-xxl {padding-top: 28px; padding-bottom: 28px;}
.actions-form .middle-div {padding-top: 35px; padding-bottom: 35px;}

.all-pad-s {padding: 2px;}
.all-pad {padding: 7px;}
.all-pad-l {padding: 14px;}
.all-pad-xl {padding: 21px;}
.all-pad-xxl {padding: 35px;}

.nav-item:not(.link) {padding: 10px;}
.nav .header, .nav .nav-item {padding: 10px;}
.nav.paging-links .nav-item {padding: 3px 4px; width: 15px;}
.nav.main .header, .nav.main .nav-item {padding: 14px;}

.l-space {margin-left: 7px;}
.r-space {margin-right: 7px;}
.t-space {margin-top: 7px;}
.b-space {margin-bottom: 7px;}

.s-space {margin-left: 7px; margin-right: 7px;}
.s-space-l {margin-left: 14px; margin-right: 14px;}
.all-space {margin: 7px;}

.l-space-1 {margin-left: 14px;}
.r-space-l {margin-right: 14px;}
.t-space-l {margin-top: 14px;}
.b-space-l {margin-bottom: 14px;}

.t-space-s {margin-top: 2px;}
.l-space-xl {margin-left: 21px;}
.l-space-xxl {margin-left: 28px;}

.b-space-narrow {margin-bottom: 2px;}

.v-margin-minus1 {margin-top: 4px; margin-bottom: 4px;}
.v-pad-minus1 {padding-top: 4px; padding-bottom: 4px;}
.v-space-narrow {margin-top: 2px; margin-bottom: 2px;}
.v-space-plus6 {margin-top: 56px; margin-bottom: 56px;}
.side-panel .v-space-plus6 {margin-top: 21px; margin-bottom: 21px;}
/*.side-panel .content-block:first-child {margin-top: 2px;}*/
.panel-block + .panel-block {margin-top: 10px;}
.side-panel .panel-block + .panel-block, .narrow-panel .panel-block + .panel-block {margin-top: 21px;}

/*.tspace-narrow {padding-top: 2px;}*/
.l-pad-narrow {padding-left: 2px;}
.r-pad-narrow {padding-right: 2px;}
.b-pad-narrow {padding-bottom: 2px;}
.v-pad-narrow {padding-top: 2px; padding-bottom: 2px;}

/*.bspace-narrow {padding-bottom: 2px;}*/


div + p, div + ul, div + ol {margin-top: 7px;}
div > p:last-child, div > ul:last-child, div > ol:last-child {margin-bottom: 0px;}  

:not(.flex-row)>.content-block + .content-block {margin-top: 7px;}
.flex-row>.content-block + .content-block {margin-left: 21px;}



.side-panel:not(:last-child)>div {margin-bottom: 56px;}

/*.text .content-block + .content-block {margin-top: 28px;}*/
/*.content-block + .content-block {margin-top: 10px;}*/
article + article, .article-block + .article-block {margin-top: 56px;}

article + .content-block, .content-block + article, article .content-block + .content-block, .article-header + article {margin-top: 14px;}

.content-block + .content-block-narrow {margin-top: 2px;}
.content-block-narrow + .content-block-narrow {margin-top: 2px;}
.card-panel + .content-block {margin-top: 8px;}

.section-block + .section-block {margin-top: 56px;}

.side-panel section + section, .narrow-panel section + section, .side-panel .content-block + .content-block, .narrow-panel .content-block + .content-block, .side-panel .panel-block + .content-block, .narrow-panel .panel-block + .content-block, .side-panel .content-block + .panel-block, .narrow-panel .content-block + .panel-block {margin-top: 10px;}

.roundbox {border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 11px;}
.roundbox-menu {border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 7px 11px;}
.roundbox-menu-nobottom {border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 7px 11px 0px 11px;}
.roundbox-small {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1px;}
/*dd {color: #111111;}
dl {color: #111111;}
dt {color: #111111;}*/

ul, ol {margin-bottom: 0px; margin-top: 0px;}
/*lili {padding-bottom: 3px;}*/

.rich-text li, li.rich-text {padding-bottom: 6px;}/* width: calc(100% - 21px);*/
.menu li {padding-bottom: 3px;}
/*li {margin-left: 15px;}*/
ul ul {padding-bottom: 2px;}

.cut-link span {border-bottom: 1px dotted #3b5998; padding: 0px 0px;}
.cut-link {display:block;}


.vline {width: 1px;}

.expand {width: 100%;}
.expand-half {width: 50%; min-width: 250px;}
.actions-panel-external-account-link {width: 27%; min-width: 125px;}
.v-expand, .desktop-news-detailed-grid-side-block {height: 100%;}
.c-margin, .website-page {margin: 0 auto;}
.v-margin {margin: auto 0;}

.menu-side-space {width: 7%;}

.external-account .icon {
	width: 24px;
	height: 24px;
	float: left;
	background: url("/img/icons/external-accounts/external-accounts-24x24.png") 0 0 no-repeat;
}
div.external-account a.vk  {
	background-position: -0px 0;
}
div.external-account a.fb {
	background-position: -48px 0;
}
div.external-account a.google {
	background-position: -96px 0;
}
div.external-account a.tutby {
	background-position: -120px 0;
}
div.external-account a.yandex {
	background-position: -144px 0;
}
div.external-account a.mailru {
	background-position: -168px 0;
}
div.external-account a.twitter {
	background-position: -192px 0;
}
/* div class="social net name" > -> div class="pict -common"*/


div.inline {
	display: inline-block;
}

.lfloat {
	float: left;
}

.rfloat {
	float: right;
}


.cw90 {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

.ccw90 {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.relative {
	position:relative;
}

.hidden {
	display:none;
}

.border-top-gray {
	border-top: 1px solid #EAEAEA;
}

.border-bottom-gray {
	border-bottom: 1px solid #EAEAEA;
}

.border-vsides-gray {
	border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;
}

.details-list-cell {
	border-left: 1px solid #C9C9C9; padding-left: 7px;
}

.quote {
	padding-left: 6px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	/*margin-bottom: 7px;
	font-style: italic; font-size: 90%;*/
}

.aside {
	border-left: 1px solid #C9C9C9;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 1px;
	font-size: 95%;
}

/*.aside.fwhite {
	border-left: 1px solid #F0F0F0;
	padding-left: 7px;
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 90%;
	color: #FFFFFF;
}*/

.quote-cell {

	padding-left: 6px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	/*font-style: italic;*/
	font-size: 90%;
}

/*
li.green {
	color:#7ca642;
}

li.yellow {
	color:#A09011;
}

li.red {
	color:#CC1111;
}*/



.horizontal-line {
	height: 1px;
}

.w20 {
	min-width: 20px; width: 20px;
}
.w33 {
	min-width: 33px; width: 33px;
}
.w40 {
	min-width: 40px; width: 40px;
}

.w50 {
	min-width: 50px; width: 50px;
}

.w85 {
	min-width: 85px; width: 85px;
}
.w100 {
	min-width: 100px; width: 100px;
}
.w100-recommended {
	width: 100px;
}
.w150 {
	min-width: 150px; width: 150px;
}
.w150-recommended {
	width: 150px;
}
.w200 {
	min-width: 200px; width: 200px;
}

.w250 {
	min-width: 250px; width: 250px;
}

.w300 {
	min-width: 300px; width: 300px;
}

.w500 {
	min-width: 500px; width: 500px;
}

.w50-min {
	min-width: 50px;
}
.calendar-date-cell {
	min-width: 18px;
}

.timeline-date-cell {
	width: 60px; height: 60px;
}

.quote .page-central-column-normal {
	max-width: 622px;	
}

.quote .page-central-column-events {
	max-width: 644px;
}
.quote .page-central-column-wide {
	max-width: 944px;
}

.h20 {
	height: 20px;
}
.h30 {
	height: 30px;
}
.h50 {
	height: 50px;
}
.h100 {
	height: 100px;
}
.h150 {
	height: 150px;
}
.h200 {
	height: 200px;
}
.h300 {
	height: 300px;
}

.clear {clear:both;}



.page-link {padding-top: 5px;}
.records-link {padding-top: 5px;}
.timeline-event-date {width: 60px; height: 60px;} 


input[type=checkbox], button, select, checkbox, textarea, .color-button {
	border-style: none;
}

button, select, checkbox, textarea, .color-button {
	border-radius: 2px;
}

input {
	border-radius: 4px;
}

input:not([type=checkbox]):not([type=radio]) {
	border-width: 1px; border-style: dotted;
}

input:not([type=checkbox]):not([type=radio]), select {
	padding: 4px 10px;
}

input.expand:not([type=checkbox]):not([type=radio]), select.expand {
	width: calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);	
}

input[type="checkbox"]{
  width: 21px; /*Desired width*/
  height: 21px; /*Desired height*/
  cursor: pointer;
  /*appearance: none;*/
}

button, .color-button {
	padding: 4px 10px;
	text-transform: uppercase;
}


/*
table.timetable {background-color: #F0F0F0; border-spacing: 1px; width: 100%; border: 0px;}
.timetable  td {font-size: 10px; word-spacing: 0px; white-space: nowrap; text-align: right; padding: 2px;}
.timetable  td.l {text-align: left;}
.timetable  td.c {text-align: center;}
.timetable  td>p {padding-bottom: 0px;}
.timetable  tr.tdgreen {font-weight: bold;}*/

/*table.content-table {background-color: #F0F0F0; border-spacing: 1px; width: 100%; border: 0px;}
.content-table  td {font-size: 13px; letter-spacing: 0px; word-spacing: 2.5px; text-align: right; vertical-align: middle; padding: 5px;}
.content-table  td.l {text-align: left;}
.content-table  td.c {text-align: center;}
.content-table  td>p {padding-bottom: 0px;}
.content-table  tr.tdgreen {font-weight: bold;}*/

table.v-spaces, table.h-spaces, table.all-spaces, table.all-spaces-l {border-collapse: separate; border-spacing: 0px;}
table.v-spaces tr:not(:last-child) td, table.v-spaces tr:not(:last-child) th {border-bottom: 10px solid transparent;} 
table.h-spaces td:not(:last-child), table.h-spaces th:not(:last-child) {border-right: 7px solid transparent;}
div.h-spaces>div:not(:last-child) {padding-right: 7px;}
table.all-spaces tr:not(:last-child) td, table.all-spaces tr:not(:last-child) th {border-bottom: 10px solid transparent;}
table.all-spaces td:not(:last-child), table.all-spaces th:not(:last-child) {border-right: 7px solid transparent;}
table.all-spaces-l tr:not(:last-child) td, table.all-spaces-l tr:not(:last-child) th {border-bottom: 20px solid transparent;}
table.all-spaces-l td:not(:last-child), table.all-spaces-l th:not(:last-child) {border-right: 14px solid transparent;}
table.normal-borders td, table.normal-borders th {border: 0px !important;} 
table.all-cells-pad td, table.all-cells-pad th {padding: 7px;}
table.all-cells-pad-s td, table.all-cells-pad-s th {padding: 2px;}
table.all-cells-pad-s-s td, table.all-cells-pad-s-s th {padding: 7px 2px;}
table.all-cells-pad-xs td, table.all-cells-pad-xs th {padding: 1px;}
table.all-cells-space-s td, table.all-cells-space-s th {border-spacing: 2px; border-collapse: separate;}

.tabbed-selector-menu>div.tab:not(:last-child) {margin-right: 14px;}
.tabbed-selector-menu>div.tab {padding-top: 7px; padding-bottom: 7px;}
.tabbed-selector-menu {padding-left: 10px; padding-right: 10px;}

.grid {
  display: grid;
}

 /* ======= COLORS ======= */

.expand-cover {
	position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000;
}



.dotted {
	border-bottom: 1px dotted;
}
.bottom-dotted {
	border-bottom: 1px dotted;
}
.bottom-dotted-gray {
	border-bottom: 1px dotted;
}


/*p > img, .img-boxes img {border-width: 1px; border-style: solid; border-color: #c9c9c9;}*/
p > a > img {border-width: 1px; border-style: dotted;}


.actions-form-head {
	border-bottom: 1px solid;
}

.actions-form-foot {
	border-top: 1px solid;
}



 /* red */
 /* palette-1 is default */


.nav:not(.paging-links) .header + .nav-item {border-top: 1px solid}
.nav:not(.paging-links) .nav-item + .nav-item {border-top: 1px solid}

 /*.highlight-hover {border: 0px solid; border-color: transparent;} */
.highlight-hover.rounded {border: 2px solid; border-color: transparent; border-radius: 5px;}
.highlight-hover:hover, .nav .nav-item:hover:not(.selected) {transition: 0.15s ease-in-out;}
 /*border-color: #EE1111; background-color: #FFFFFF; */
.highlight-hover:hover, .nav .nav-item:hover:not(.selected) {background: rgba(0, 0, 0, 0.08);}

.cut-link:hover, a.selector-link:hover  {transition: 0.15s ease-in-out;}

.tab {border-bottom: 2px solid;}

.color-button>a:hover, a.color-button:hover {transition: 0.15s ease-in-out;}

/*.menu a:link, .menu  a:visited, .menu-panel a:link, .menu-panel a:visited {color: #EEEEEE;}*/
.menu a:hover, .menu-panel a:hover {transition: 0.15s ease-in-out;}/* color: #FFFFFF;  background-color: #EE1111;*/

.quote,.quote-cell {
	border-left: 4px solid;
}


/* rounded images */
.circle {
  border-radius: 50%;
}



/* ======= SHADOWS ======= */
.z-depth-0 {
  box-shadow: none !important; }
  
.dropdown-content, .nav.paging-links td.nav-item, .card.thin, p > img, .img-boxes img, p > a > img, .video-container iframe, .video-container object, .video-container embed {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;  
}

.dropdown-content, .nav.paging-links td.nav-item, .card.thin, p > img, .img-boxes img, p > a > img {
  position: relative;
}

.card.thin>td {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;  
}

.z-depth-1, .card-panel, .card, .collapsible { /*, .highlight-hover:hover*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 2;
}

select, button, .color-button { /*, .highlight-hover:hover*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}

.card-panel-inner-layer {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
}

.popup-overlay {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 3;
}

.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  /*transition-delay: 0.2s;*/
}

button:active:not(:disabled), .color-button:active:not(:disabled), p > a > img:active:not(:disabled) {
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*.card-panel, .card, .collapsible {
    position: relative;
    z-index: 1;
}*/


/*.main-content-area-block>section:last-child {margin-bottom: 19px;}*/
	
/* ======= LAYOUT - SCREEN RESOLUTION ======= */

article li {width: 240px;}
article table:not(.mobile-table) td, article table:not(.mobile-table) th {display: table-row; text-align: left;}
article table:not(.mobile-table) td:last-child {border-spacing: 0 14px;}

.full-column-width>div {display: table-row; text-align: left;}
.full-column-width.flex-row {display: block;}
.full-column-width>.spacer {display: none;}
.rich-text li, .rich-text a {word-wrap: break-word;}

/* responsive images */
p img:not(.noscale), .rich-text img:not(.noscale) {max-width: 100%; height: auto;}
article iframe, article object, article embed {max-width: 100%;}

/* responsive video */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ======= CONTROLS - BEHAVIOR - ANIMATION ======= */
button, .color-button {
	cursor: pointer;
}

.votes-count {
    border-radius: 15px;
	border: 1px solid;
	padding: 10px;
}

.ripple {
  overflow: hidden;
  position: relative;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: white;
  animation: ripple-animation 1s;
}

@keyframes ripple-animation {
    from {
      transform: scale(1);
      opacity: 0.4;
    }
    to {
      transform: scale(100);
      opacity: 0;
    }
}

.relative {
	position: relative;
}

.menu-invisible {
	position: absolute;
	/*z-index: 999;*/
}
