div.whiteOverlay {background:white;}
div.jqmDialog {display:none; position:fixed; top:17%; left:50%; width:400px;}
div.jqmdIn {position:relative; left:-200px; padding:10px;}
div.jqmdTC {height:23px; font-size:11px; color:white; font-weight:bold; margin:0 6px; position:relative;
background:url(/extension/eztags/design/standard/images/jqmodal/horizontal.gif) repeat-x left -23px;}
span.jqmdTCLeft {display:block; height:23px; width:6px; position:absolute; top:0; left:-6px; background:url(/extension/eztags/design/standard/images/jqmodal/corners.gif) no-repeat -6px top;}
span.jqmdTCRight {display:block; height:23px; width:6px; position:absolute; top:0; right:-6px; background:url(/extension/eztags/design/standard/images/jqmodal/corners.gif) no-repeat -18px top;}
span.jqDrag {cursor:move; display:block; height:23px; line-height:23px; margin:0 35px 0 0; padding:0 0 0 35px; text-align:center;}
div.jqmdBL {border:1px solid black; border-top:none; padding:0 1px 1px 1px; background:white;}
div.jqmdBR {border:2px solid #efebe7; border-top:none;}
div.jqmdBC {border:1px solid #b5a69c; border-top:none; background:#f0f0ee; padding:8px; overflow:auto; max-height:350px;}
div.jqmdBCIn {border:1px solid #919b9c; padding:13px; background:white;}
a.jqmdX {display:block; height:16px; width:29px; position: absolute; right:16px; top:14px; cursor:pointer; outline:none;
background:url(/extension/eztags/design/standard/images/jqmodal/buttons.gif) no-repeat -87px -16px;}
a.jqmdX:hover {background-position:-87px -32px;}
div.jqmDialog div.contentstructure ul.content_tree_menu {margin:0;}
.tagssuggestfieldwrap {float:left; position:relative; width:300px; margin:0 6px 0 0; vertical-align:top;}
.tagssuggestfield {width:100%; height:20px; margin:0; padding:1px 0; position:relative;}
fieldset .button-add-tag {margin:0;}
.jsonSuggestResults {
display: none;
top:100%;
border:1px solid #BBBBBB;
background: white;
padding:0;
z-index:100000;
overflow:hidden;
width:100%;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0 2px 7px rgba(0, 0, 0, 0.75);
box-shadow:         0 2px 7px rgba(0, 0, 0, 0.75);
position:         absolute;
}
.jsonSuggestResults .results-wrap {
overflow-x:hidden;
overflow-y:auto;
}
.jsonSuggestResults iframe
{
display:none;
display/**/:block;
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px;
}
.jsonSuggestResults .resultItem {
display:block;
float:none;
margin:0;
padding:0;
position:relative;
z-index:1;
height:auto;
cursor:pointer;
}
.jsonSuggestResults .resultItem.itemSynonym {
font-style: italic;
}
.jsonSuggestResults .resultItem a {padding:5px;}
.jsonSuggestResults .resultItem a img{margin-right:5px;}
#search .jsonSuggestResults p {color:black;}
.jsonSuggestResults .resultItem:nth-child(odd) {background-color:white;}
.jsonSuggestResults .resultItem:nth-child(even) {background-color:#F5F5F5;}
.jsonSuggestResults .resultItem a:hover,
.jsonSuggestResults .resultItem a:focus {background-color:#D1DFE9;}
.jsonSuggestResults .resultItem img {float:left; margin-right:10px;}
.jsonSuggestResults .resultItem {font-size:0.9em;}
.jsonSuggestResults .resultItem strong {font-weight:bold;}
.jsonSuggestResults .resultItem a{display: block;}
.jsonSuggestResults .resultItem span {float:right;margin-left:2em;color:grey;}
.tagssuggest ul {list-style:none; margin:10px 0 0; padding:0;}
.tagssuggest li {margin:0 6px 10px 0; padding:3px 8px 3px 32px; float:left; color:white; background:#476CA3; border:1px solid #CACACA; border-radius:3px 3px 3px 3px; white-space:nowrap; position:relative;}
.tagssuggest .with_sortable li{cursor: move;}
.tagssuggest li img {position:absolute; left:8px; top:50%; margin-top:-6px;}
.tagssuggest li a {display:inline-block; vertical-align: middle; font-size:20px; margin:0 0 0 8px; cursor:pointer; color:white; text-decoration:none; outline:none; font-weight:bold;}
.tagssuggest li.untranslated {cursor:pointer;}
.tagssuggest li a:hover {color:black;}
.tagssuggest .tags-suggested ul li {background:grey; border:1px solid black; cursor:pointer; font-weight:normal;}
.tags-list p.loading,
.tags-list p.no-results {line-height:24px; height:24px; margin:10px 0; display:none;}
.loading p.loading {display:block;}
.no-results p.no-results {display:block;}
.tag-parent-selector {display:none;}
#ezt-translation-modal p.no-results {display:none;}
#ezt-translation-modal .no-results p.no-results {display:block;}
#action-filter-input {
background: url("/extension/eztags/design/standard/images/search-icon.png") no-repeat scroll right padding-box #FFFFFF;
border: 1px solid #666666;
border-radius: 3px 3px 3px 3px;
line-height: 19px !important;
height: 19px;
margin: 10px 0.25em;
padding: 1px 20px 1px 4px;
float: left;
}
.selects .js-tag-select {
display:inline-block;
width:auto;
margin:0 8px 8px 0;
}
div.contentstructure
{
overflow: hidden;
padding-top: 0.5em;
}
div.contentstructure a {color:#0B4E7A;}
div.contentstructure a:hover {color:#E24602;}
div.contentstructure ul.content_tree_menu
{
margin-top: 0;
margin-left: 0.25em;
padding-left: 0.5em;
}
div.contentstructure ul.content_tree_menu ul
{
margin: 0;
padding-top: 4px;
padding-bottom: 0;
}
div.contentstructure ul.content_tree_menu ul ul
{
margin-left: 0;
}
div.contentstructure ul.content_tree_menu li
{
list-style-type: none;
white-space: nowrap;
position: relative;
background:none;
padding:0;
}
div.contentstructure ul.content_tree_menu ul li
{
margin: 0;
padding-top: 0;
padding-left: 20px;
padding-bottom: 4px;
background-image: url(/extension/eztags/design/standard/images/contentstructure-tree/bg_content_tree_li.png);
background-repeat: no-repeat;
background-position:left top;
}
div.contentstructure ul.content_tree_menu ul li.lastli
{
background-position: left -9990px;
padding-bottom: 2px;
}
div.contentstructure ul.content_tree_menu li.disabled a,
div.contentstructure ul.content_tree_menu li.disabled a:hover,
div.contentstructure ul.content_tree_menu li.disabled a:hover span {color:silver; outline:none; cursor:default; text-decoration:none;}
div.contentstructure ul.content_tree_menu li img
{
vertical-align: middle;
}
div.contentstructure a.nodeicon
{
margin-left: 0;
padding-left: 0;
}
div.contentstructure li span.node-name-normal
{
font-weight: normal;
}
div.contentstructure li.currentnode > a.image-text span.node-name-normal, div.contentstructure li.currentnode > a.image-text span.node-name-hidden, div.contentstructure li.currentnode > a.image-text span.node-name-hiddenbyparent
{
color: #E24602;
padding: 0 0.25em 0 0.2em;
}
div.contentstructure li a.image-text span.node-name-hidden, div.contentstructure li.currentnode li a.image-text span.node-name-hidden
{
font-weight: normal;
font-style: normal;
background-color: #ddd;
padding: 0 0.2em 0 0.2em;
}
div.contentstructure li a.image-text span.node-name-hiddenbyparent, div.contentstructure li.currentnode li a.image-text span.node-name-hiddenbyparent
{
font-weight: normal;
font-style: normal;
background-color: #eee;
padding: 0 0.2em 0 0.2em;
}
div.contentstructure li a.image-text span.node-name-normal.disabled
{
color:silver;
}
div.contentstructure span.node-hidden, div.contentstructure span.node-hiddenbyparent
{
display: none;
}
a.openclose, span.openclose
{
text-decoration: none;
}
a.openclose img, span.openclose img
{
margin: 0;
cursor: default;
}
div.contentstructure span.openclose
{
visibility: hidden;
}
div.contentstructure ul.content_tree_menu ul a.openclose-open, div.contentstructure ul.content_tree_menu ul a.openclose-close, div.contentstructure ul.content_tree_menu ul a.openclose-busy, div.contentstructure ul.content_tree_menu ul a.openclose-error
{
position: absolute;
left: 0;
_left: -20px;
top: 0;
width: 16px;
height: 16px;
background: transparent url( '/extension/eztags/design/standard/images/contentstructure-tree/content_tree-icons.png' ) no-repeat center 0px scroll;
}
div.contentstructure ul.content_tree_menu ul a.openclose-close
{
background-position: center -16px;
}
div.contentstructure ul.content_tree_menu ul a.openclose-error
{
background-position: center -32px;
}
div.contentstructure ul.content_tree_menu ul a.openclose-busy
{
background-position: center -48px;
cursor: progress;
}
div.contentstructure ul.content_tree_menu div.loaded
{
display: block;
}
div.contentstructure ul.content_tree_menu div.hidden
{
display: none;
}
.ez-tags-tree-selector {
background:#f7f7f7;
padding:8px;
max-height:400px;
max-width:300px;
overflow-y:scroll;
}
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.jstree-node {
white-space: nowrap;
}
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
.jstree-anchor:focus {
outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
.jstree-icon {
display: inline-block;
text-decoration: none;
position:relative;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-ocl {
cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
cursor: default;
}
.jstree .jstree-open > .jstree-children {
display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
.jstree-rtl .jstree-node {
margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.vakata-context {
display: none;
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
-moz-box-shadow: 5px 5px 4px -4px #666666;
-webkit-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context li {
list-style: none;
display: inline;
}
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
-moz-text-shadow: 1px 1px 0 white;
-webkit-text-shadow: 1px 1px 0 white;
text-shadow: 1px 1px 0 white;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
.vakata-context li > a:focus {
outline: 0;
}
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
-moz-text-shadow: 0 0 0 transparent;
-webkit-text-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
#jstree-dnd .jstree-ok {
background: green;
}
#jstree-dnd .jstree-er {
background: red;
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #ccc;
}
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
.jstree-default .jstree-disabled {
background: transparent;
color: #666;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.jstree-default .jstree-search {
font-style: italic;
color: #8b0000;
font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #e7f4f9;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
background-image: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png");
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default i {
background: transparent;
width: 16px;
height: 16px;
}
#jstree-dnd.jstree-default .jstree-ok {
background-position: -9px -71px;
}
#jstree-dnd.jstree-default .jstree-er {
background-position: -39px -71px;
}
.jstree-default > .jstree-striped {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0;
}
.jstree-default .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
background: #beebff;
background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
min-height: 28px;
line-height: 24px;
margin-left: 24px;
min-width: 24px;
padding:2px 0;
}
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px;
}
.jstree-default .jstree-anchor[data-selected=true] {
color:#ccc;
}
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px;
}
.jstree-default .jstree-wholerow {
height: 24px;
}
.jstree-children .jstree-node {
position:relative;
}
.jstree-children .jstree-node::before {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:12px;
border-width:0 0 0 1px;
border-color:#e5e5e5;
border-style:solid;
width:12px;
}
.jstree-children .jstree-node.jstree-last::before {
border-bottom-width:1px;
bottom:auto;
height:14px;
}
.jstree-children .jstree-node.jstree-open.jstree-last::before,
.jstree-children .jstree-node.jstree-closed.jstree-last::before {
border-bottom-width:0;
}
.jstree-default .jstree-last {
background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl,
.jstree-default .jstree-closed > .jstree-ocl {
background:#f7f7f7;
}
.jstree-default .jstree-open > .jstree-ocl::before,
.jstree-default .jstree-closed > .jstree-ocl::before {
content:"";
display:block;
position:absolute;
border-style:solid;
top:50%;
left:55%;
transform:translate(-50%, -50%);
}
.jstree-default .jstree-open > .jstree-ocl::before {
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #d5d5d5;
transform:translate(-45%, -45%) rotate(45deg);
}
.jstree-default .jstree-closed > .jstree-ocl::before {
border-width:5px 0 5px 7px;
border-color:transparent transparent transparent #333;
}
.jstree-default .jstree-leaf > .jstree-ocl {
background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-checkbox {
background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
background-position: -164px -36px;
}
.jstree-default .jstree-clicked > .jstree-checkbox {
background-position: -228px -4px;
}
.jstree-default .jstree-clicked > .jstree-checkbox:hover {
background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px;
}
.jstree-default > .jstree-striped {
background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -260px -4px no-repeat;
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px;
}
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px;
}
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
background-image: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png");
}
.jstree-default-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-small .jstree-checkbox {
background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
background-position: -167px -39px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox {
background-position: -231px -7px;
}
.jstree-default-small .jstree-clicked > .jstree-checkbox:hover {
background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
background-position: -199px -39px;
}
.jstree-default-small > .jstree-striped {
background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -263px -7px no-repeat;
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px;
}
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px;
}
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
background-image: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png");
}
.jstree-default-large .jstree-node {
background-position: -288px 0px;
background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-large .jstree-checkbox {
background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
background-position: -160px -32px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox {
background-position: -224px 0px;
}
.jstree-default-large .jstree-clicked > .jstree-checkbox:hover {
background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
background-position: -192px -32px;
}
.jstree-default-large > .jstree-striped {
background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/32px.png") -256px 0px no-repeat;
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
@media (max-width: 768px) {
.jstree-default-responsive {
}
.jstree-default-responsive .jstree-icon {
background-image: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/40px.png");
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap;
}
.jstree-default-responsive .jstree-anchor {
line-height: 40px;
height: 40px;
}
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px;
}
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
}
.jstree-default-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px;
}
.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-size: 120px 200px;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-open > .jstree-ocl {
background-position: 0 0px !important;
}
.jstree-default-responsive .jstree-closed > .jstree-ocl {
background-position: 0 -40px !important;
}
.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -40px 0px !important;
}
.jstree-default-responsive .jstree-themeicon {
background-position: -40px -40px;
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
background-position: -40px -80px;
}
.jstree-default-responsive .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive .jstree-clicked > .jstree-checkbox:hover {
background-position: 0 -80px;
}
.jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
background-position: 0 -120px;
}
.jstree-default-responsive .jstree-anchor {
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
.jstree-default-responsive > .jstree-striped {
background: transparent;
}
.jstree-default-responsive .jstree-wholerow {
border-top: 1px solid rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(64, 64, 64, 0.2);
background: #ebebeb;
height: 40px;
}
.jstree-default-responsive .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default-responsive .jstree-wholerow-clicked {
background: #beebff;
}
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #666666;
}
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #666666;
border-top: 0;
}
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
box-shadow: none;
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-image: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/40px.png");
background-size: 120px 200px;
}
.jstree-default-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y;
}
.jstree-default-responsive .jstree-last {
background: transparent;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background-position: -40px -120px;
}
.jstree-default-responsive .jstree-last > .jstree-ocl {
background-position: -40px -160px;
}
.jstree-default-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-responsive .jstree-file {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/40px.png") 0 -160px no-repeat;
background-size: 120px 200px;
}
.jstree-default-responsive .jstree-folder {
background: url("/extension/eztags/design/standard/stylesheets/jstree/eztags/40px.png") -40px -40px no-repeat;
background-size: 120px 200px;
}
}
.jstree-default > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
div#ezwt
{
margin: 0;
width: 100%;
position: relative;
}
body.floating-wt div#ezwt
{
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
body.floating-wt div#ezwt:hover
{
opacity: 1.0;
}
div#ezwt-content
{
padding: 4px 70px;
text-align: center;
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/dark_back.png) repeat left top;
}
body.floating-wt div#ezwt-content
{
border-bottom: 1px solid #44484d;
}
div#ezwt div.ezwt-actiongroup
{
display: inline-block;
vertical-align: top;
padding: 1px 4px;
border: 4px solid rgba(255, 255, 255, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
div#ezwt div.ezwt-actiongroup:hover {
border: 4px solid #567975;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.ie6 div#ezwt div.ezwt-actiongroup, body.ie7 div#ezwt div.ezwt-actiongroup
{
display: inline;
clear: none;
}
div#ezwt-ooaction
{
background-image: url(/extension/ezwt/design/standard/images/websitetoolbar/ezwt-oo-logo.png);
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 67px!important;
}
div#ezwt-ezlogo
{
position: absolute;
top: 10px;
left: 10px;
}
div#ezwt-help
{
position: absolute;
top: 14px;
right: 15px;
}
div#ezwt-help a
{
font-weight: bold;
color: #b7b7b7;
padding: 0 2px 0 2px;
text-decoration: none;
display: block;
}
div#ezwt-help a:hover {
color: #ffe9bd;
}
div#ezwt form
{
margin: 0 auto 0 auto;
padding: 0;
display: inline;
}
div#ezwt select, div#ezwt input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}
div#ezwt select
{
color: #4a5054;
border: 1px solid #ccd2d6;
border-color: #abb1b5 #dbe1e5 #dbe1e5 #abb1b5;
margin: 3px 0 0 0;
height: 25px;
vertical-align: top;
}
div#ezwt input
{
margin: 1px 0 0 0;
}
div#ezwt input.button, div#ezwt input.defaultbutton, div#ezwt input.button-disabled
{
color: #b7b7b7;
vertical-align: top;
margin: 2px 0 3px 0;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
text-shadow: none;
padding: 2px 7px;
background: transparent;
}
div#ezwt input.defaultbutton[name=PublishButton] {
background-color: #567975;
color: #f5f3dd;
}
div#ezwt input.button:hover, div#ezwt input.defaultbutton:hover
{
background-color: rgba(0, 0, 0, 0.2);
color: #ffe9bd;
}
div#ezwt input.button:active, div#ezwt input.defaultbutton:active
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
color: #ff8300;
}
div#ezwt input.defaultbutton[name=PublishButton]:hover {
background-color: #425c59;
color: #f5f3dd;
}
div#ezwt input.ezwt-input-image, div#ezwt div.ezwt-actiongroup a img
{
margin: 2px 0px -3px 0px;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div#ezwt input.ezwt-input-image:hover, div#ezwt div.ezwt-actiongroup a:hover img
{
background-color: rgba(0, 0, 0, 0.2);
}
div#ezwt input.ezwt-input-image:active, div#ezwt div.ezwt-actiongroup a:active img
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
}
div#ezwt .disabled, div#ezwt input.button-disabled, div#ezwt input.ezwt-input-image.disabled, div#ezwt select.disabled
{
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/diagonal_pattern.png) repeat center left;
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
table#ezwt-sort-list tr.ezwt-sort-drag-handler
{
cursor: move;
}
.hide
{
display: none;
}
.float-break
{
height: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
*, *:before, *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html
{
font-size: 62.5%;
overflow-y: scroll;
}
body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #000000;
}
header, section, article, footer, nav
{
display: block;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 400;
font-style: normal;
margin: 20px 0 5px 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
{
margin-top: 0;
}
h1
{
font-size: 2.4rem;
}
h2
{
font-size: 2rem;
}
h3
{
font-size: 1.6rem;
}
h4, h5, h6
{
font-size: 1.3rem;
}
p
{
margin: 0;
line-height: 1.35;
}
* + p
{
margin-top: 10px;
}
a
{
color: #305080;
text-decoration: underline;
}
a:hover
{
color: #000000;
text-decoration: underline;
}
a img
{
border: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #000000;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
text-decoration: underline;
}
strong, b
{
font-weight: 700;
}
em, i
{
font-style: italic;
}
pre, code
{
font-family: "Courier New", Courier, monospace;
font-size: 1.3rem;
}
pre
{
background-color: #f8f8f8;
margin: 10px 0 10px 0;
padding: 9px;
border: 1px solid #e0e0e0;
}
table
{
width: 100%;
margin: 0 0 10px 0;
padding: 0;
border-spacing: 0;
}
th, td
{
padding: 5px 0 0 10px;
vertical-align: top;
text-align: left;
}
tr:first-child th, tr:first-child td
{
padding-top: 0;
}
th:first-child, td:first-child
{
padding-left: 0;
}
table.list
{
width: 100%;
margin: 10px 0 10px 0;
border: 1px #e0e0e0;
border-style: solid none none solid;
}
table.list th, table.list td
{
padding: 5px 10px;
border: 1px #e0e0e0;
border-style: none solid solid none;
text-align: left;
vertical-align: top;
}
table.list th
{
font-weight: 700;
background-color: #e0e0e0;
white-space: nowrap;
}
table.list td
{
font-weight: 400;
}
tr.bglight
{
background-color: #f8f8f8;
}
tr.bgdark
{
background-color: #f0f0f0;
}
table.responsive-transform
{
width: 100%;
border: 1px #808080;
border-style: solid none none solid;
border-spacing: 0;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-color: #f0f0f0;
}
table.responsive-transform tr:nth-child(2n+1)
{
background-color: #d0d0d0;
}
table.responsive-transform th, table.responsive-transform td
{
padding: 5px 10px;
border: 1px #808080;
border-style: none solid solid none;
text-align: left;
vertical-align: middle;
}
table.responsive-transform th
{
color: #ffffff;
background-color: #a0a0a0;
}
ul, ol
{
margin: 15px 0;
padding: 0;
}
ul
{
margin-left: 2rem;
list-style-type: disc;
}
ol
{
margin-left: 2.5rem;
}
li
{
margin: 5px 0 0 0;
line-height: 1.5;
}
li:first-child
{
margin-top: 0;
}
div.attribute-short li, div.attribute-long li
{
list-style-type: none;
}
div.attribute-short li:before, div.attribute-long li:before
{
content: '';
width: 0.6rem;
height: 0.6rem;
background-color: #808080;
margin: 0.6rem 0 0 -1.5rem;
border-radius: 50%;
float: left;
}
li ul, li ol
{
margin: 15px 0 15px 1.3rem;
}
dl
{
margin: 10px 0 10px 0;
padding: 0;
}
dt
{
font-weight: 700;
font-style: normal;
margin: 0 0 0.5rem 0;
}
dd
{
font-weight: 400;
font-style: italic;
margin: 0 0 0.5rem 2.5rem;
}
img
{
display: block;
}
form
{
margin: 0;
padding: 0;
}
label
{
font-weight: 700;
display: block;
}
button, input, select, textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3rem;
border-radius: 0;
}
input[type='text'], input[type='password'], textarea
{
border: 1px solid;
border-color: #808080 #e0e0e0 #e0e0e0 #808080;
outline: none;
}
optgroup
{
font-weight: 700;
font-style: normal;
}
fieldset
{
margin: 10px 0;
padding: 5px 10px 10px 10px;
border: 1px solid #e0e0e0;
}
legend
{
font-weight: 700;
margin: 0 0 0 -5px;
padding: 0 5px;
position: relative;
left: 0;
}
fieldset label
{
font-weight: 400;
margin: 0.25em 0;
}
label input[type='checkbox']
{
vertical-align: middle;
position: relative;
top: -1px;
}
fieldset button
{
margin-top: 5px;
}
button, input[type='submit'], input[type='button'], a.button
{
font-weight: 400;
color: #000000;
background-color: #f0f0f0;
padding: 0 5px 0 5px;
border: 1px solid;
border-color: #e0e0e0 #808080 #808080 #e0e0e0;
}
button.defaultbutton, input.defaultbutton
{
color: #ffffff;
background-color: #40a040;
}
a.button
{
text-decoration: none;
}
blockquote{
display:block;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}
hr, div.hr
{
height: 1px;
color: #ffffff;
border: 1px #e0e0e0;
border-style: solid none none none;
}
div.hr
{
margin: 10px 0 10px 0;
}
div.hr hr
{
display: none;
}
.row:before, .row:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.row
{
margin: -20px -10px 0 -10px;
clear: both;
}
.row.nospacing-x
{
margin-right: 0;
margin-left: 0;
}
.row.nospacing-y
{
margin-top: 0;
}
.row.nospacing-y > .col
{
margin-top: 0;
}
.row .col
{
margin-top: 20px;
padding: 0 10px;
float: left;
}
.row.nospacing-x .col
{
padding: 0;
}
.row .l-1
{
width: 8.3333%;
}
.row .l-1-0909090909091
{
width: 9.09%;
}
.row .l-1-2
{
width: 10%;
}
.row .l-1-3333333333333
{
width: 11.11%;
}
.row .l-1-5
{
width: 12.5%;
}
.row .l-1-7142857142857
{
width: 14.28%;
}
.row .l-2
{
width: 16.6667%;
}
.row .l-2-4
{
width: 20%;
}
.row .l-3
{
width: 25%;
}
.row .l-4
{
width: 33.3333%;
}
.row .l-5
{
width: 41.6667%;
}
.row .l-6
{
width: 50%;
}
.row .l-7
{
width: 58.3333%;
}
.row .l-8
{
width: 66.6667%;
}
.row .l-9
{
width: 75%;
}
.row .l-10
{
width: 83.3333%;
}
.row .l-11
{
width: 91.6667%;
}
.row .l-12
{
width: 100%;
}
.row .l-br
{
clear: both;
}
.l-hide
{
display: none;
}
.grid-table
{
width: 100%;
display: table;
}
.row-table
{
display: table-row;
}
.col-table
{
display: table-cell;
vertical-align: middle;
}
.grid-form
{
width: 100%;
display: table;
}
.grid-form-row
{
display: table-row;
}
.grid-form-col
{
padding: 0.5rem 0.5rem;
display: table-cell;
vertical-align: middle;
}
.grid-form-col .grid-form
{
}
.grid-form .w-1
{
width: 1% !important;
}
.grid-form .w-10
{
width: 10% !important;
}
.grid-form .w-20
{
width: 20% !important;
}
.grid-form .w-25
{
width: 25% !important;
}
.grid-form .w-30
{
width: 30% !important;
}
.grid-form .w-33
{
width: 33.33% !important;
}
.grid-form .w-40
{
width: 40% !important;
}
.grid-form .w-50
{
width: 50% !important;
}
.grid-form .w-60
{
width: 60% !important;
}
.grid-form .w-66
{
width: 66.67% !important;
}
.grid-form .w-70
{
width: 70% !important;
}
.grid-form .w-75
{
width: 75% !important;
}
.grid-form .w-80
{
width: 80% !important;
}
.grid-form .w-90
{
width: 90% !important;
}
.grid-form .w-100
{
width: 100% !important;
}
.grid-form .w-auto
{
width: auto !important;
}
.grid-form-col:first-child
{
padding-left: 0;
}
.grid-form-col:last-child
{
padding-right: 0;
}
.grid-form-col.nowrap
{
white-space: nowrap;
}
.grid-form label
{
font-weight: 700;
margin-top: -0.25rem;
margin-bottom: 0.25rem;
display: block;
}
.grid-form label:last-child
{
margin: 0;
}
.grid-form input[type='text'], .grid-form input[type='password'], .grid-form textarea, .grid-form select
{
font-size: 100%;
width: 100%;
margin: 0;
border: 1px solid;
border-color:  #a0a0a0 #e0e0e0 #e0e0e0 #a0a0a0;
box-shadow: inset 1px 1px 1px rgba( 0, 0, 0, 0.25 );
}
.grid-form p
{
margin: 0;
}
.grid-form p + p
{
margin-top: 0.5rem;
}
.grid-form button
{
font-size: 100%;
display: inline-block;
}
.grid-form button + button
{
margin-left: 0.5rem;
}
@media (max-width: 800px)
{
.grid-form.m-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.m-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.m-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (max-width: 600px)
{
.grid-form.s-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.s-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.s-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
div.block
{
margin: 0.5em 0;
}
.width-max, .box
{
width: 100%;
}
.width-half, .half-box
{
width: 50%;
}
.width-min
{
width: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
.hide, .spamfilter
{
display: none;
}
div.ezoeItemCustomTag:before
{
content: attr(customattributes);
font-weight: 700;
color: #ffffff;
background-color: #5090c0;
margin: -0.5em -0.5em 0.5em -0.5em;
padding: 0.5em;
display: block;
}
body
{
background-color: #e0e0e0;
margin: 0;
padding: 0 0 20px 0;
}
div#page
{
max-width: 980px;
background-color: #ffffff;
margin: 0 auto;
padding: 15px 20px 0 20px;
}
div#page.design-wide
{
max-width: none;
padding: 0;
}
.page-width
{
width: 100%;
max-width: 980px;
margin: 0 auto;
}
div#page.design-wide .page-width
{
max-width: 980px;
padding: 0 20px;
}
div#header-bg
{
}
div#page.design-wide div#header-bg
{
padding-top: 15px;
}
header
{
min-height: 80px;
position: relative;
}
#header-bg
{
background-color: #ffffff;
}
div#logo
{
position: absolute;
top: 0;
left: 0;
}
div#page.design-wide div#logo
{
left: 20px;
}
div#logo h1
{
margin: 0;
}
div#logo a, div#logo span.image
{
display: block;
}
div#logo a
{
text-decoration: none;
}
div#logo span.image
{
width: 145px;
height: 60px;
background: url(/extension/gwbase3/design/gwbase/images/logo.svg) top left no-repeat;
}
div#logo a span.text
{
display: none;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#searchbox
{
width: 220px;
text-align: right;
position: absolute;
right: 0;
bottom: 20px;
}
div#page.design-wide div#searchbox
{
right: 20px;
}
div#searchbox input
{
width: 100%;
}
div#searchbox button
{
margin-left: 5px;
display: inline-block;
}
nav#extramenu
{
font-size: 1.1rem;
float: right;
}
nav#extramenu ul
{
margin: 0;
padding: 0;
}
nav#extramenu li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border: 1px solid #808080;
border-style: none none none solid;
float: left;
list-style-type: none;
list-style-image: none;
}
nav#extramenu li:first-child
{
border-left: none;
}
nav#extramenu a
{
color: #000000;
text-decoration: none;
}
nav#extramenu a:hover
{
text-decoration: underline;
}
nav#extramenu li.language-selector span.text {
display: none;
}
nav#extramenu li.language-selector span.flag
{
width: 24px;
height: 16px;
background: 50% 50% no-repeat;
display: inline-block;
position: relative;
top: 1px;
}
nav#extramenu li.language-selector span.flag.nor-NO
{
background-image: url(/extension/gwbase3/design/gwbase/images/no.gif);
}
nav#extramenu li.language-selector span.flag.swe-SE
{
background-image: url(/extension/gwbase3/design/gwbase/images/se.gif);
}
nav#extramenu li.language-selector span.flag.dan-DK
{
background-image: url(/extension/gwbase3/design/gwbase/images/dk.gif);
}
nav#extramenu li.language-selector span.flag.fin-FI
{
background-image: url(/extension/gwbase3/design/gwbase/images/fi.gif);
}
nav#extramenu li.language-selector span.flag.eng-GB
{
background-image: url(/extension/gwbase3/design/gwbase/images/en.gif);
}
nav#extramenu li.language-selector span.flag.ger-DE
{
background-image: url(/extension/gwbase3/design/gwbase/images/de.gif);
}
div#topmenu-bg
{
background-color: #d0d0d0;
border: 1px solid #d0d0d0;
margin-bottom: 20px;
position: relative;
}
div#topmenu-bg.stuck
{
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
width: 100%;
z-index: 999;
}
nav#topmenu
{
position: relative;
z-index: 1000;
}
nav#topmenu strong
{
margin-left: 10px;
display: none;
}
nav#topmenu div.submenu, nav#topmenu li.topextra
{
display: none;
}
nav#topmenu div.dropdownmenu
{
position: absolute;
top: 31px;
left: -1px;
display: none;
z-index: 1;
}
nav#topmenu ul
{
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
nav#topmenu div.dropdownmenu ul
{
min-width: 200px;
border: 1px #d0d0d0;
border-style: none solid solid solid;
}
nav#topmenu div.dropdownmenu ul ul
{
display: none;
}
nav#topmenu li
{
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style-type: none;
list-style-image: none;
position: relative;
}
nav#topmenu li li
{
margin: 0;
padding: 0;
border: none;
float: none;
}
nav#topmenu a
{
color: #000000;
padding: 5px 10px;
text-decoration: none;
display: block;
white-space: pre;
position: relative;
}
nav#topmenu li.selected > a
{
background-color: #e0e0e0;
}
nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
background-color: #f8f8f8;
}
nav#topmenu ul ul
{
background-image: -o-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -ms-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -moz-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -webkit-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
}
nav#topmenu a.children.menuhover
{
margin-top: -1px;
padding: 5px 10px 6px 10px;
position: relative;
top: 1px;
}
nav#topmenu a:hover
{
background-color: #e8e8e8 !important;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#path-bg
{
margin: -10px 0 25px 0;
clear: both;
}
nav#path
{
font-size: 1.1rem;
padding: 0;
}
nav#path em
{
font-style: normal;
}
nav#path em:before
{
font-family: 'FontAwesome';
font-size: 0.8rem;
content: '\f054';
display: inline-block;
}
nav#path i
{
font-size: 1.1rem;
}
div.hide-content-top section#content-top
{
display: none;
}
section#content-top
{
margin-bottom: 20px;
}
div#page.design-wide div.content-focus
{
}
div#page.design-wide section#content-top
{
max-width: 100%;
padding: 0;
}
div.hide-content-left div#content-left-area
{
padding-left: 0;
}
div.hide-content-right div#content-right-area
{
padding-right: 0;
}
div#content-middle-container
{
width: 100%;
display: table;
}
section#content-left, section#content-center, section#content-right
{
display: table-cell;
vertical-align: top;
}
section#content-left
{
width: 25%;
padding-right: 15px;
}
div.hide-content-left section#content-left
{
display: none;
}
nav#sidemenu ul, nav#sidemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
nav#sidemenu ul
{
border-top: 1px solid #e0e0e0;
}
nav#sidemenu ul ul
{
border-top: none;
}
nav#sidemenu li
{
border-bottom: 1px solid #e0e0e0;
}
nav#sidemenu li li
{
margin-top: -5px;
border-bottom: none;
}
nav#sidemenu a
{
color: #000000;
padding: 10px 10px;
text-decoration: none;
display: block;
}
nav#sidemenu li.selected > a
{
font-weight: bold;
}
nav#sidemenu li li a
{
padding-left: 30px;
}
nav#sidemenu li li li a
{
padding-left: 50px;
}
nav#sidemenu li li li li a
{
padding-left: 70px;
}
nav#sidemenu li li li li li a
{
padding-left: 90px;
}
nav#sidemenu a:hover
{
background-color: #f0f0f0;
}
section#content-center
{
padding: 0 5px;
}
div.hide-content-left section#content-center
{
padding-left: 0;
}
div.hide-content-right section#content-center
{
padding-right: 0;
}
section#content-right
{
width: 25%;
padding-left: 15px;
}
div.hide-content-right section#content-right
{
display: none;
}
div.hide-content-bottom section#content-bottom
{
display: none;
}
div#footer-bg
{
border-top:1px solid #e0e0e0;
margin-top: 25px;
padding-bottom: 20px;
}
footer
{
text-align: left;
}
footer h3
{
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
}
footer ul, footer li
{
list-style-type: none;
list-style-image: none;
}
footer ul
{
margin: 0 !important;
padding: 0;
}
footer li
{
margin: 5px 0 0 0;
}
footer li:first-child
{
margin-top: 0;
}
div#sociallinks li
{
display: inline-block;
margin-top: 3px;
}
div#sociallinks li:first-child
{
margin-top: 0;
}
div#sociallinks i
{
margin-right: 5px;
}
div#sociallinks a
{
font-size: 3.2rem;
color: #ccc;
margin-left: 2px;
text-decoration: none;
}
div#sociallinks a:hover
{
color: #ccc;
text-decoration: none;
}
footer address
{
font-style: normal;
text-align: left;
}
footer address p
{
margin-bottom: 5px;
}
footer address p:first-child
{
margin-top: 0;
}
div#loginbox label
{
font-weight: normal;
margin: 10px 0 3px 0;
}
div#loginbox label:first-child
{
margin-top: 0;
}
div#loginbox div.forgotpassword
{
margin-top: 10px;
float: right;
}
div#loginbox div.forgotpassword p
{
margin: 0;
}
div#loginbox input.button
{
margin-top: 10px;
}
div#credits
{
font-size: 1.1rem;
margin: 20px auto 0 auto;
text-align: center;
}
div#credits a, div#credits address
{
color: #808080;
}
div#credits address
{
font-style: normal;
padding:  0 10px;
}
ul.mobilemenu-append {
display: none;
}
div.attribute-image div.attribute-caption p
{
font-weight: normal;
color: #000000;
background-color: #f0f0f0;
padding: 5px 10px;
}
div.attribute-image img, div.attribute-image-embed img
{
width: 100%;
}
div.attribute-link
{
font-size: 1.1rem;
margin-top: 5px;
}
.l-hide
{
display: none;
}
div.factbox
{
margin: 1rem 0;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
padding: 1.5rem 2rem;
clear: both;
}
blockquote
{
font-size: 2rem;
font-style: italic;
width: 50%;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
margin: 1rem 0 1rem 2rem;
padding: 1.5rem 2rem;
clear: both;
float: right;
position: relative;
}
div.content-view-full blockquote *
{
position: relative;
z-index: 1;
}
div.content-view-full blockquote p:before
{
font-family: 'FontAwesome';
content: '\f10e';
font-size: 5rem;
color: #e8e8e8;
display: inline-block;
position: absolute;
top: 5px;
left: -15px;
z-index: -1;
}
div.content-view-full blockquote p + p:before
{
content: '';
display: none;
}
div.content-view-full blockquote span + p
{
margin-top: 0;
}
div.content-view-full div.attribute-title h1
{
margin: -5px 0 10px 0;
}
div.content-view-full div.attribute-byline
{
font-size: 1.1rem;
margin-bottom: 10px;
}
div.content-view-full div.attribute-byline p.author
{
width: 48%;
float: left;
}
div.content-view-full div.attribute-byline p.date
{
width: 48%;
float: right;
text-align: right;
}
div.content-view-full > * > div.attribute-image
{
margin: 15px 0;
}
div.content-view-full > * > div.attribute-short
{
font-weight: bold;
margin-top: 10px;
}
div.content-view-full div.attribute-short + div.attribute-long
{
margin-top: 10px;
}
div.content-view-children
{
clear: both;
}
div.content-view-children, div.content-view-list, div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 20px;
}
div.class-frontpage-block div.content-view-children
{
margin-top: 0;
}
div.class-frontpage-block + div.class-frontpage-block
{
margin-top: 20px;
}
div.content-view-line
{
clear: both;
}
div.content-view-line:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
div.content-view-line + div.content-view-line
{
margin-top: 20px;
}
div.content-view-line div.attribute-title h2
{
margin-top: 0;
}
div.content-view-line > * > div.attribute-image
{
width: 200px;
margin: 0 0 0 10px;
float: right;
}
div.content-view-block div.attribute-title:first-child h2
{
margin-top: 0;
}
div.content-view-block div.attribute-image + div.attribute-title h2
{
margin-top: 10px;
}
.l-1 div.content-view-block div.attribute-title h2, .l-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.content-view-block div.attribute-icon
{
text-align: center;
}
div.attribute-blocktitle
{
display: table;
margin-bottom: 10px;
width: 100%;
}
div.attribute-blocktitle h2
{
display: table-cell;
font-size: 1.4rem;
color: #404040;
position: relative;
z-index: 1;
overflow: hidden;
border: none;
margin-right: 5px;
margin-bottom: 15px;
}
div.attribute-blocktitle p
{
display: table-cell;
width: 1%;
white-space: nowrap;
}
div.attribute-blocktitle p a
{
background-color: #ffffff;
padding: 0 0 0 10px;
font-size: 1.4rem;
color: #404040;
text-decoration: none;
}
div.infobox, div.bannerbox
{
clear: both;
}
div.infobox + div.infobox, div.infobox + div.bannerbox, div.bannerbox + div.bannerbox, div.bannerbox + div.infobox
{
margin-top: 20px;
}
div.infobox
{
background-color: #ffffff;
padding: 9px 9px 12px 9px;
border: 1px solid #e0e0e0;
}
div.content-view-box > div.attribute-title
{
}
div.content-view-box > div.attribute-title > h2
{
font-weight: 700;
color: #404040;
}
div.content-view-box div.attribute-title h2, div.content-view-box div.attribute-title h3
{
margin: 0 0 5px 0;
}
div.content-view-box + div.content-view-box
{
margin-top: 10px;
}
div.content-view-box ul
{
margin: 5px 0 5px 1rem;
}
div.content-view-box div.content-view-list
{
margin-top: 10px;
}
div.content-view-boxline + div.content-view-boxline
{
margin-top: 10px;
}
div.object-right, div.object-left, div.object-center
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
div.object-right
{
margin-left: 20px !important;
float: right;
}
div.object-left
{
margin-right: 20px !important;
float: left;
}
div.object-center
{
margin: 10px 0;
text-align: center;
}
div.object-center > *
{
margin: 0 auto;
}
div.content-view-embed div.attribute-image
{
margin: 0 auto;
float: none;
text-align: center;
}
div.content-view-embed div.attribute-image p
{
margin: 0;
}
div.attribute-image-embed img
{
width: 100%;
}
div.attribute-image-embed.size-large
{
width: 100% !important;
}
div.attribute-image-embed.size-medium
{
width: 50% !important;
}
div.attribute-image-embed.size-small
{
width: 33% !important;
}
a.mime-icon {
padding-left: 20px;
background-repeat: no-repeat;
height: 20px;
display: block;
}
div.content-view-embed > a > img {
float: left;
margin-right: 7px;
}
div.slideshow-wrapper
{
margin: 0 auto;
}
div#page.design-wide div#topmenu-bg + div#content-top-bg > * > div.slideshow
{
margin-top: -20px;
}
div.slideshow
{
margin: 0 auto;
position: relative;
clear: both;
}
div.slideshow div.slide
{
width: 100%;
}
div.slideshow-controls p
{
margin: 0;
}
div.slideshow-controls a
{
font-size: 1.6rem;
padding: 0;
text-decoration: none;
position: absolute;
display: block;
top: 40%;
z-index: 500;
}
div.slideshow-controls i:first-child
{
color: rgba(255, 255, 255, 0.5);
}
div.slideshow-controls i:last-child
{
color: rgba(0, 0, 0, 1);
}
div.slideshow-controls a.slide-previous
{
left: 5px;
}
div.slideshow-controls a.slide-next
{
right: 5px;
}
div.slideshow-slides
{
position: relative;
}
div.class-slidebanner
{
position: relative;
}
div.class-slidebanner div.attribute-image
{
margin: 0 !important;
padding: 0 !important;
float: none;
}
div.class-slidebanner img
{
width: 100%;
display: block;
}
div.class-slidebanner div.banner-overlay
{
width: 100%;
background-color: rgba( 255, 255, 255, 0.5 );
position: absolute;
bottom: 0;
}
div.class-slidebanner div.attribute-title h2
{
font-size: 2rem;
font-weight: bold;
margin: 0;
padding: 15px 20px;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #000000;
}
div.class-slidebanner div.attribute-short
{
margin-top: -10px;
padding-bottom: 5px;
}
div.class-slidebanner div.attribute-short p
{
font-size: 1.6rem;
margin: 0;
padding: 0 20px 10px 20px;
}
div.slideshow-markers
{
height: 20px;
font-size: 50px;
margin: -15px 0 30px 0;
text-align: center;
display: none;
}
div.slideshow-markers span
{
color: #e0e0e0;
cursor: pointer;
}
div.slideshow-markers a
{
color: #000000;
background-color: #e0e0e0;
margin-right: 5px;
padding: 2px 7px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
div.slideshow-markers span.cycle-pager-active
{
color: #a0a0a0;
}
* + div.content-focus
{
margin-top: 20px;
}
div.content-view-block div.class-focus
{
padding: 10px 10px 5px 10px;
}
div.content-view-full div.class-article .fb-comments
{
margin-top: 30px;
}
div.content-view-full div.class-event div.attribute-date div.add
{
float: right;
}
table.calendar
{
border: 1px solid #e0e0e0;
border-style: none solid solid none;
background-color: #ffffff;
}
table.calendar th, table.calendar td
{
padding: 5px 5px 3px 5px;
border: 1px solid #e0e0e0;
border-style: solid none none solid;
text-align: center;
}
table.calendar th.dayname
{
border-left: none;
}
table.calendar td.active
{
background-color: #e0e0e0;
}
table.calendar td.current
{
font-weight: bold;
background-color: #e04020;
color: #ffffff;
}
p.calendar-tip a
{
text-decoration: none;
}
p.calendar-tip a:hover
{
text-decoration: underline;
}
table.calendar td.active, table thead th.next, table thead th.previous
{
cursor: pointer;
}
table.calendar td.day
{
cursor: pointer;
}
table.calendar thead tr:nth-child(1)
{
color: #404040;
background-color: #d0d0d0;
}
table.calendar thead tr:nth-child(2)
{
color: #404040;
background-color: #f0f0f0;
}
div.content-view-full div.class-eventcalendar div.content-view-children
{
margin-top: 10px;
}
div.content-view-full div.class-eventcalendar div.row > div.col > h2
{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #e0e0e0;
}
div.content-view-full div.class-eventcalendar div.row > div.col > div.content-view-children + h2
{
margin-top: 25px;
}
div.content-view-full div.class-event div.attribute-date
{
font-weight: 400;
}
div.content-view-full div.class-event div.attribute-date + div.attribute-location
{
margin-top: 0;
}
div.content-view-full div.class-event div.attribute-short
{
margin-top: 10px;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add
{
font-size: 1.1rem;
font-weight: normal;
float: right;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add i
{
margin-right: 5px;
}
div.content-view-line div.class-event
{
padding-left: 50px;
}
div.content-view-line div.class-event div.icon-box
{
height: 40px;
width: 40px;
background-color: #c0c0c0;
border-radius: 50%;
display: table;
margin-left: -50px;
float: left;
}
div.content-view-line div.class-event div.icon-symbol
{
font-size: 2.2rem;
font-weight: bold;
color: #ffffff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div.content-search button
{
margin-left: 5px;
display: inline-block;
}
div.content-search div.content-view-line div.class-event
{
padding-left: 0;
}
div.content-search div.content-view-line div.class-event div.icon-box
{
display: none;
}
div.content-view-line div.class-event div.attribute-title h3
{
font-size: 2rem;
margin: 0;
}
div.content-view-box div.class-event div.attribute-title h3
{
font-weight: 700;
margin: 0;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location
{
}
div.attribute-description
{
margin-top: 20px;
}
.factbox
{
border:1px #eeeeee solid;
width: 100%;
background: #F7F7F7;
padding: 5px 10px 15px 10px;
margin: 20px 0;
}
div.class-feedback-form div.block
{
margin: 10px 0;
}
div.pagenavigator
{
margin-top: 15px;
}
div.pagenavigator p
{
font-size: 1.1rem;
}
div.pagenavigator a
{
text-decoration: underline;
}
div.pagenavigator a, div.pagenavigator span.previous, div.pagenavigator span.selected, div.pagenavigator span.next
{
padding: 0 5px;
}
div.pagenavigator a.previous, div.pagenavigator span.previous
{
padding-left: 0;
}
div.pagenavigator span.selected
{
font-weight: bold;
}
div.pagenavigator span.divider
{
color: #c0c0c0;
}
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 10px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.play-overlay
{
position: relative;
}
div.play-overlay span.play-symbol
{
background: url('/extension/gwbase3/design/gwbase/images/play-icon-grey.svg') 50% 55% no-repeat;
background-size: 15%;
opacity: 0.75;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div.play-overlay:hover span.play-symbol
{
background-image: url('/extension/gwbase3/design/gwbase/images/play-icon-red.svg');
}
#ezwt img, #content-middle form#edit img, #content-middle #fix #maincontent-design img{
width: inherit !important;
display: inline;
}
#content-middle form#edit .block {
clear: both;
}
#content-middle form#edit > .block {
overflow:hidden;
}
#content-middle form#edit > .block > label{
font-weight: bold;
}
div#content-middle form#edit fieldset {
border: 1px solid #D7D7D7;
margin: 10px 0 15px 0;
}
div.fieldsetcontent.closed {
display: none;
}
span.fieldsetopener {
cursor: pointer;
font-size: 1.7rem;
font-weight: 500;
margin-left: 5px;
}
#content-middle form#edit .block .element {
float: left;
}
.spamfilter {
display: none;
}
div.attribute-survey div.survey-question input.disabled, div.attribute-survey div.survey-question textarea.disabled, div.attribute-survey div.survey-question select.disabled
{
background-color: #e0e0e0;
}
p.survey-mandatory
{
margin-top: 10px;
}
div.survey-question
{
clear: both;
margin-top: 10px;
}
div.survey-question:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
div.attribute-survey div.message-warning h2, div.attribute-survey div.message-warning a,
div.attribute-survey div.message-warning h4, div.attribute-survey .error, div.attribute-survey .required
{
color: #e53a3a;
}
div.attribute-survey div.survey-question.error input,
div.attribute-survey div.survey-question.error textarea,
div.attribute-survey div.survey-question.error select
{
background-color: #f5fafa;
}
div.attribute-survey div.message-warning
{
margin-top: 1em;
}
div.survey-choices
{
clear: both;
}
div.survey-choices div.element
{
float: left;
margin-right: 20px;
}
div.survey-choices label
{
font-weight: normal;
}
div.survey-choices input[type='text'],
div.survey-choices input[type='password'],
div.survey-choices textarea
{
width: 100%;
}
div.survey-view div.buttonblock
{
margin-top: 10px;
}
div.survey-view .required, div.survey-edit .required
{
background: url('/extension/ezsurvey/design/standard/images/survey-asterisk.svg') no-repeat;
position: relative;
width: 0.5rem;
height: 0.5rem;
bottom: 0.2rem;
padding-left: 0.3rem;
display: inline-block;
}
div.survey-view .tip, div.survey-edit .tip
{
background: url('/extension/ezsurvey/design/standard/images/survey-info.svg') no-repeat;
cursor: pointer;
width: 1rem;
height: 1rem;
display: inline-block;
padding-left: 0.3rem;
}
div.attribute-survey .required .text, div.attribute-survey .tip .text,
div.survey-edit .required .text, div.survey-edit .tip .text
{
display: none;
font-weight: bold;
}
div.attribute-survey .modal-position
{
width: 100%;
display: none;
position: relative;
z-index: 999;
background: #88b7d5;
border: 1px solid #c2e1f5;
border-radius: 3px;
color: #ffffff;
margin-bottom: 11px;
font-style: italic;
}
div.attribute-survey .modal
{
padding: 10px;
}
div.attribute-survey .modal:after, div.attribute-survey .modal:before
{
top: 100%;
left: 50%;
border: 1px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
div.attribute-survey .modal:after
{
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 10px;
margin-left: -10px;
}
div.attribute-survey .modal:before
{
border-color: rgba(194, 225, 245, 0);
border-top-color: #c2e1f5;
border-width: 11px;
margin-left: -11px;
}
form.gsc-search-box *, form.gsc-search-box *:before, form.gsc-search-box *:after, div.gsc-control-cse *, div.gsc-control-cse *:before, div.gsc-control-cse *:after
{
box-sizing: content-box;
}
form.gsc-search-box table
{
margin: 0;
}
form.gsc-search-box th, form.gsc-search-box td
{
padding: initial;
}
div#searchbox form.gsc-search-box input, form.gsc-search-box input
{
width: auto;
}
form.gsc-search-box .gsc-input-box, form.gsc-search-box input.gsc-search-button-v2
{
height: auto;
}
form.gsc-search-box .gsc-input-box
{
height: auto;
padding: 2px 5px;
}
@media (max-width: 980px)
{
body
{
background-color: #ffffff;
}
}
@media (max-width: 800px)
{
.row
{
margin: -20px -10px 0 -10px;
}
.row .col
{
padding: 0 10px;
}
.row .m-1
{
width: 8.3333%;
}
.row .m-1-0909090909091
{
width: 9.09%;
}
.row .m-1-2
{
width: 10%;
}
.row .m-1-3333333333333
{
width: 11.11%;
}
.row .m-1-5
{
width: 12.5%;
}
.row .m-1-7142857142857
{
width: 14.28%;
}
.row .m-2
{
width: 16.6667%;
}
.row .m-2-4
{
width: 20%;
}
.row .m-3
{
width: 25%;
}
.row .m-4
{
width: 33.3333%;
}
.row .m-5
{
width: 41.6667%;
}
.row .m-6
{
width: 50%;
}
.row .m-7
{
width: 58.3333%;
}
.row .m-8
{
width: 66.6667%;
}
.row .m-9
{
width: 75%;
}
.row .m-10
{
width: 83.3333%;
}
.row .m-11
{
width: 91.67%;
}
.row .m-12
{
width: 100%;
}
.row .l-br
{
clear: none;
}
.row .m-br
{
clear: both;
}
.l-hide
{
display: block;
}
.m-hide
{
display: none;
}
div#adminArea-bg
{
display: none;
}
div#page
{
padding: 10px;
}
.page-width
{
width: auto;
}
div#header-bg
{
margin-bottom: 20px;
}
div#page.design-wide .page-width
{
padding: 0 10px;
}
nav#extramenu, div#searchbox
{
display: none;
}
nav#headermenu
{
display: block;
}
div#headermenu-dropdown-bg
{
display: block;
}
div.sticky-wrapper
{
display: none;
}
div#content-middle
{
margin-bottom: 0;
}
section#content-center
{
margin-bottom: 20px;
}
header
{
min-height: auto;
}
div#logo
{
position: static;
float: left;
margin-bottom: 10px;
}
div#logo span.image
{
width: 128px;
height: 40px;
}
nav#extramenu
{
margin: 0 0 10px 0;
}
div#searchbox
{
bottom: 10px;
}
div#mobilemenu-control a, nav#mobilemenu div.mobilemenu-showhide, nav#mobilemenu ul
{
transition: 0.25s;
}
div#mobilemenu-control a
{
display: block;
}
div#mobilemenu-control a
{
font-size: 2.4rem;
color: #000000;
margin-top: -3px;
padding: 12px 15px;
float: right;
}
div#mobilemenu-control.show a
{
color: #ffffff;
background-color: #606060;
}
nav#mobilemenu, nav#mobilemenu a
{
color: #ffffff;
}
nav#mobilemenu
{
font-size: 1.6rem;
width: 100%;
position: absolute;
left: -100%;
clear: both;
z-index: 1000;
}
nav#mobilemenu div.mobilemenu-showhide
{
position: relative;
right: -200%;
}
nav#mobilemenu.show div.mobilemenu-showhide
{
right: 0;
}
nav#mobilemenu div.grid-form + div.grid-form
{
margin-top: 1rem;
}
nav#mobilemenu ul
{
}
nav#mobilemenu a
{
padding: 15px 40px;
text-decoration: none;
display: block;
position: relative;
}
nav#mobilemenu a span
{
}
nav#mobilemenu a span i
{
font-size: 2rem;
padding: 17px 15px;
opacity: 0.5;
}
nav#mobilemenu a span.previous
{
margin: -14px 0 -14px -40px;
float: left;
}
nav#mobilemenu a span.previous i
{
padding: 17px 3px 17px 15px;
}
nav#mobilemenu a span.next
{
border-left: 1px solid rgba(0, 0, 0, 0.5);
margin: -14px -40px -14px 0;
float: right;
}
nav#mobilemenu a span.next i
{
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
nav#mobilemenu ul, nav#mobilemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
nav#mobilemenu ul
{
width: 100%;
top: 0;
left: 0;
position: absolute;
}
nav#mobilemenu ul.current > li > ul
{
left: 100%;
opacity: 0;
}
nav#mobilemenu ul.current
{
left: 100%;
opacity: 1;
}
nav#mobilemenu li
{
background-color: #808080;
border: 1px solid;
border-color: rgba( 255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
font-weight: 700;
background-color: #606060;
border-top: none;
}
nav#mobilemenu li.search a, nav#mobilemenu li.back a
{
padding-right: 10px;
}
nav#mobilemenu li.back:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
nav#mobilemenu li.back a
{
width: 50%;
float: left;
}
nav#mobilemenu li.back a:first-child
{
border-right: 1px solid #404040;
}
nav#mobilemenu li.back a:last-child
{
border-left: 1px solid #a0a0a0;
}
nav#mobilemenu li form
{
padding: 20px 47px 20px 40px;
}
nav#mobilemenu li form label
{
font-weight: 400;
white-space: nowrap;
}
nav#mobilemenu li form input, nav#mobilemenu li form button
{
padding: 2px 5px;
}
nav#mobilemenu li form input
{
font-size: 2rem;
}
nav#mobilemenu li form button
{
font-size: 1.8rem;
color: #ffffff;
background-color: rgba( 255, 255, 255, 0.25);
border-color: rgba( 255, 255, 255, 0.5) rgba( 0, 0, 0, 0.5) rgba( 0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li form a
{
padding: 0;
display: inline;
}
nav#mobilemenu li div.grid-form-row + div.grid-form-row div.grid-form-col
{
padding-top: 10px;
}
nav#mobilemenu li div.grid-form-col
{
padding: 0 0.5rem;
vertical-align: bottom;
}
nav#mobilemenu li div.grid-form-col:first-child
{
padding-left: 0;
}
nav#mobilemenu li div.grid-form-col:last-child
{
padding-right: 0;
}
div#topmenu-bg
{
border: none;
display: none;
}
nav#path
{
padding: 0;
}
section#content-left
{
display: none;
}
section#content-right
{
width: 33.3333%;
}
section#content-left nav#sidemenu
{
display: none;
}
section#content-center
{
padding-left: 0;
}
div.slideshow
{
}
div.slideshow img
{
width: 100% !important;
height: auto !important;
}
div.class-slidebanner div.banner-overlay
{
background-color: #f0f0f0;
position: static;
}
div.class-slidebanner .hovershow
{
display: block !important;
}
div.mobile-crop
{
width: auto;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
}
div.mobile-crop img
{
width: 200% !important;
position: relative;
left: -50%;
}
div.class-frontpagebanner div.attribute-title h2
{
font-size: 1.6rem;
font-weight: normal;
padding: 5px 10px;
}
div.class-frontpagebanner div.attribute-short p
{
font-size: 1.3rem;
padding: 0 10px 10px 10px;
}
div.infobox
{
font-size: 1.3rem;
margin: 0 0 20px 0;
}
section#content-right div.infobox:last-child
{
margin-bottom: 0;
}
div.content-view-box div.attribute-title h3
{
font-weight: normal;
}
div.attribute-link
{
font-size: 1.3rem;
}
.m-1 div.content-view-block div.attribute-title h2, .m-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.m-3 div.content-view-block div.attribute-title h2, .m-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.row.m-simple div.attribute-short
{
display: none;
}
div.row.m-simple div.attribute-link
{
display: none;
}
}
@media (max-width: 600px)
{
.row
{
margin: -20px -5px 0 -5px;
}
.row .col
{
padding: 0 5px;
}
.row .s-1
{
width: 8.3333%;
}
.row .s-1-0909090909091
{
width: 9.09%;
}
.row .s-1-2
{
width: 10%;
}
.row .s-1-3333333333333
{
width: 11.11%;
}
.row .s-1-5
{
width: 12.5%;
}
.row .s-1-7142857142857
{
width: 14.28%;
}
.row .s-2
{
width: 16.6667%;
}
.row .s-2-4
{
width: 20%;
}
.row .s-3
{
width: 25%;
}
.row .s-4
{
width: 33.3333%;
}
.row .s-5
{
width: 41.6667%;
}
.row .s-6
{
width: 50%;
}
.row .s-7
{
width: 58.3333%;
}
.row .s-8
{
width: 66.6667%;
}
.row .s-9
{
width: 75%;
}
.row .s-10
{
width: 83.3333%;
}
.row .s-11
{
width: 91.67%;
}
.row .s-12
{
width: 100%;
}
.row .l-br, .row .m-br
{
clear: none;
}
.row .s-br
{
clear: both;
}
.m-hide
{
display: block;
}
.s-hide
{
display: none;
}
blockquote
{
width: 100%;
margin-left: 0;
float: none;
}
table.responsive-transform tr:first-child th
{
display: none;
}
table.responsive-transform tr
{
display: block;
position: relative;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #f0f0f0 50.0%);
}
table.responsive-transform tr:nth-child(2n+1)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #d0d0d0 50.0%);
}
table.responsive-transform td:before, table.responsive-transform td > div
{
display: inline-block;
vertical-align: middle;
}
table.responsive-transform td:before
{
content: attr(data-th);
width: 100%;
font-weight: bold;
color: #ffffff;
margin-left: -100%;
padding-right: 10px;
}
table.responsive-transform td
{
padding-left: 50%;
display: block;
border-bottom: 1px solid #808080;
}
table.responsive-transform td > div:before
{
content: '';
width: 1px;
background-color: #808080;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
table.responsive-transform td > div
{
padding-left: 10px;
}
div#page
{
padding-right: 10px;
padding-left: 10px;
}
section#content-center, section#content-right
{
width: auto;
display: block;
}
section#content-center
{
padding-right: 0;
}
section#content-right
{
padding-left: 0;
}
section#content-right div.row div.col.s-6:nth-child(odd)
{
clear: left;
}
div.mobile-crop
{
width: 100%;
}
div.content-view-line div.attribute-image
{
width: 40%;
}
nav#extramenu li
{
border: none;
float: none;
}
div#usermenu-dropdown div.grid-table, div#usermenu-dropdown div.row-table, div#usermenu-dropdown div.col-table
{
display: block;
}
div#usermenu-dropdown div.row-table + div.row-table
{
margin-top: 15px;
}
div#usermenu-dropdown div.col-table
{
width: 100%;
padding: 0 !important;
}
div#usermenu-dropdown div.col-table + div.col-table
{
margin-top: 10px;
}
div#usermenu-dropdown div.col-table.width-min
{
margin-top: 15px;
}
.s-12 div.content-view-block div.attribute-title h2
{
font-size: 2rem;
}
.s-6 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.grid-form.responsive, div.grid-form.responsive div.grid-form-row, div.grid-form.responsive div.grid-form-col
{
width: 100% !important;
padding: 0 !important;
display: block !important;
}
div.grid-form.responsive div.grid-form-row + div.grid-form-row, div.grid-form.responsive div.grid-form-col + div.grid-form-col
{
margin-top: 1.5rem;
}
div.row.s-simple div.attribute-short
{
display: none;
}
div.row.s-simple div.attribute-link
{
display: none;
}
}
@media (max-width: 400px)
{
.row .xs-1
{
width: 8.3333%;
}
.row .xs-2
{
width: 16.6667%;
}
.row .xs-3
{
width: 25%;
}
.row .xs-4
{
width: 33.3333%;
}
.row .xs-5
{
width: 41.6667%;
}
.row .xs-6
{
width: 50%;
}
.row .xs-7
{
width: 58.3333%;
}
.row .xs-8
{
width: 66.6667%;
}
.row .xs-9
{
width: 75%;
}
.row .xs-10
{
width: 83.3333%;
}
.row .xs-11
{
width: 91.67%;
}
.row .xs-12
{
width: 100%;
}
}
td.debugheader
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 0.9em;
font-family: Arial, Helvetica, sans-serif;
}
pre.debugtransaction
{
background-color : #f8f6d8;
}
p.comment
{
background-color: #ffff00;
font-weight: bold;
padding: 4px;
margin: 4px;
border: 2px dashed;
display: block;
}
td.ezsetup_header
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
}
td.ezsetup_req
{
font-size : 80%;
font-family: Arial, Helvetica, sans-serif;
}
.ezsetup_critical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
.ezsetup_uncritical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #E2A31D;
}
.ezsetup_pass
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #00B500;
}
div.debug-toolbar label
{
font-weight: normal;
}
#debug
{
text-align: left;
border-top: 1px dashed black;
padding: 0.3em;
background-color: #fff;
}
#debug table
{
border-collapse: collapse;
}
#timingpoints, #timeaccumulators, #debug_resources, #debug_includes, #debug table.debug_resource_usage
{
border: 1px dashed black;
}
#debug table tr.group td
{
padding-top: 0.7em;
font-size: 0.95em;
}
#debug table tr.group td:first-child
{
padding-left: 0.2em;
font-size: 1em;
}
#debug table tr.data td
{
background-color: #ffffff;
border-top: 1px solid #444488;
border-bottom: 1px solid #444488;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
}
#debug table tr.data:nth-child(odd) td {  background-color: #eeeeee; }
#debug table + h2, #debug table + h3
{
margin-top: 1em;
}
#debug table.debug_resource_usage th + th, #debug table.debug_resource_usage td + td, table#timeaccumulators th + th, table#timeaccumulators td + td, table#timingpoints th + th, table#timingpoints td + td, table#debug_resources td, table#debug_includes td
{
padding: 0.25em 0.5em 0.25em 0.5em;
}
#debug th
{
text-align: left;
}
#debug span.debuginfo:after
{
border: 2px solid #23a4f5;
border-radius: 10px;
color: #23a4f5;
height: 10px;
width: 10px;
line-height: 10px;
font-size: 10px;
content: "i";
margin-left: 5px;
padding: 0 5px 0 5px;
opacity: 0.6;
}
#debug span.debuginfo:hover:after { opacity: 1; }
#templateusage tr.data td:first-child, #templateusage tr.data td:nth-child(n+5) { text-align: center; }
#debug tr.notice  td.debugheader span { color: green; }
#debug tr.warning td.debugheader span { color: orange; }
#debug tr.error   td.debugheader span { color: red; }
#debug tr.debug   td.debugheader span { color: brown; }
#debug tr.timing  td.debugheader span { color: blue; }
#debug tr.strict  td.debugheader span { color: purple; }
div#logo span.image
{
width: 145px;
height: 60px;
background: url(/extension/iogt/design/common/images/logo.svg) top left no-repeat;
}
h4, h5, h6 {
font-size: 1.6rem;
}
button, a.button, input[type='submit']
{
border-radius: 5px;
display: inline-block;
}
div.content-view-full div.attribute-title h1
{
font-size: 4rem;
}
div.content-view-box div.attribute-title h2, div.content-view-box div.attribute-title h3
{
font-size: 1.8rem;
font-weight: 600;
}
div.infobox {
background-color: #80D3F0;
padding: 40px 15px 24px 15px;
border: none;
color: #ffffff;
}
div.infobox div.content-view-box div.attribute-title h3, div.infobox div.content-view-box div.attribute-title h2,
div.infobox div.content-view-box div.attribute-title h2 a, div.content-view-box div.attribute-title h3 a
{
color: #ffffff;
}
div.infobox a
{
color: #ffffff;
}
blockquote {
color: #80D3F0;
}
blockquote:before
{
color: #80D3F0;
}
.factbox
{
color: #FFA400;
}
div#path-bg
{
padding:15px 0 25px 0;
margin: 0;
}
div#content-middle-bg
{
padding-bottom: 25px;
}
div.content-view-box > div.attribute-title {
background-color: transparent;
margin: -9px -9px 0 -9px;
padding: 7px 9px 2px 9px;
}
div#content-middle-bg, div#path-bg {
background: #F7F7F7;
}
div.frontpage div#content-middle-bg{
background: #ffffff;
}
div#page.design-wide div#topmenu-bg + div#content-top-bg > * > div.slideshow {
margin-top: 0px;
}
div#footer-bg {
margin-top: 0;
}
form.site-filters label {
margin-right: 10px;
margin-bottom: 14px;
}
form.site-filters label {
display: inline-block;
}
form.site-filters label.invert-button {
margin-bottom: 0;
}
form + form.site-filters label.invert-button {
margin-top: 20px;
}
form.site-filters label input {
display: none;
}
form.site-filters label span {
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
cursor: pointer;
color: #ffffff;
background-color: #c0c0c0;
}
form.site-filters label input:checked + span {
color: #ffffff;
background-color: #00a8e0;
}
div.content-view-full div.class-eventcalendar div.attribute-short
{
margin-bottom: 10px;
}
div.class-eventcalendar div.class-event div.attribute-title
{
margin-bottom: 10px;
}
div.attribute-tags {
margin-top: 12px;
}
div.attribute-tags p,
div.attribute-tags a {
font-size: 1.2rem;
margin-right: 5px;
padding: 5px 7px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
color: #303133;
background-color: #80D3F0;//rgba(128, 211, 240, 0.35);
margin-bottom: 8px;
}
div.infobox div.class-event div.attribute-tags
{
margin-top: 4px;
}
div.infobox div.class-event div.attribute-tags p,
div.infobox div.class-event div.attribute-tags a
{
margin-right: 4px;
margin-bottom: 4px;
}
div.content-view-line div.class-event {
padding-left: 60px;
}
div.content-view-full > div.class-event span.datebox, div.content-view-line > div.class-event span.datebox
{
width: 50px;
margin: -5px 0 0 -60px;
float: left;
background-color: #c0c0c0;
padding: 8px 5px 11px 5px;
border-radius: 100px;
text-align: center;
}
div.content-view-full > div.class-event span.datebox
{
margin-top: 0;
margin-left: -60px;
}
div.content-view-full div.class-event span.datebox span, div.content-view-line > div.class-event span.datebox span
{
color: #ffffff;
font-weight: 600;
display: block;
line-height: 1;
}
div.content-view-full > div.class-event span.datebox span.day, div.content-view-line > div.class-event span.datebox span.day
{
font-size: 2rem;
}
div.content-view-full > div.class-event span.datebox span.month, div.content-view-line > div.class-event span.datebox span.month
{
font-size: 1.2rem;
text-transform: uppercase;
}
div.class-event .datebox
{
width: 100%;
color: #ffffff;
background-color: #c0c0c0;
margin: 0 0 15px 0;
}
div.class-event .datebox .number
{
font-size: 2em;
}
div.class-event .datebox .date
{
padding: 5px 10px;
text-align: left;
}
div.related-articles-bg div.navigation
{
margin-top: 10px;
}
div.related-articles-bg div.navigation p.left
{
float: left;
}
div.related-articles-bg div.navigation p.right
{
float: right;
}
div.related-articles-bg div.attribute-title h2
{
font-size: 1.6rem !important;
}
div.related-articles-bg div.attribute-short p,
div.related-articles-bg div.attribute-link a
{
font-size: 1.3rem !important;
}
div.content-view-full div.class-eventcalendar div.row > div.col > h2:first-of-type
{
margin-top: 10px;
}
.display-none-desktop
{
display: none;
}
@media (max-width: 800px){
.display-none-desktop
{
display: block;
}
.display-none-mobile
{
display: none;
}
nav#mobilemenu li {
background-color: #f7f7f7;
border: 1px solid;
border-color: rgba( 255, 255, 255, 0.2) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.2);
}
nav#mobilemenu, nav#mobilemenu a
{
color: #5080AA;
}
nav#mobilemenu li.search, nav#mobilemenu li.back {
background-color: #5FA5D3;
}
div#mobilemenu-control.show a {
color: #ffffff;
background-color: #5FA5D3;
}
div.infoboxes-in-content-mobile
{
display: block;
margin-top: 10px;
}
section#content-right.m-hide
{
display: none;
}
section#content-right.s-hide
{
display: none;
}
}
#eventCalendarWidget .date-event_calendar-show .ui-state-default{
background: #5cbacc;
}
#eventCalendarWidget .date-event_calendar-show .ui-state-default, #eventCalendarWidget .date-event_calendar-none .ui-state-default{
margin: 2px;
text-align: center;
}
#eventCalendarWidget .ui-datepicker { width: 100%; padding: 0; display: none; margin: 0; border: 0; }
#eventCalendarWidget .ui-datepicker table {width: 100%; font-size: .7em; border-collapse: collapse; margin:0 0 .4em; }
html
{
height: auto;
}
body
{
font-family: "neuzeit-grotesk",sans-serif;
font-size: 1.6rem;
background-image: url(/extension/iogt/design/iogt/images/network-bottom.png);
background-repeat: no-repeat;
background-position: 50% 100%;
background-color: #ffffff;
padding: 0;
height: 100%;
min-height: 100vh;
border-top: 20px solid #ffffff;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 700;
line-height: 1.1;
}
h1, div.content-view-full div.attribute-title h1
{
font-size: 4rem;
margin-bottom: 20px;
}
p + p
{
margin-top: 15px;
}
a
{
color: #007ea9;
}
input.button, input.defaultbutton, a.button, button
{
cursor: pointer;
}
div.attribute-short li:before, div.attribute-long li:before
{
content: none;
}
div.attribute-short ul li, div.attribute-long ul li
{
list-style-type: disc;
}
div.attribute-short ol li, div.attribute-long ol li
{
list-style-type: unset;
}
div.attribute-short ol.bokstaver li, div.attribute-long ol.bokstaver li, div.attribute-short ul.bokstaver li, div.attribute-long ul.bokstaver li
{
list-style: lower-alpha;
}
p.text-right
{
text-align: right;
}
p.text-left
{
text-align: left;
}
p.text-center
{
text-align: center;
}
div#page
{
background-color: transparent;
}
div#page-bg
{
margin-top: 0;
}
div#page.design-wide .page-width
{
max-width: 1024px;
padding: 0 20px;
}
header
{
min-height: 130px;
position: relative;
}
div#header-bg
{
height: 60px;
width: 100%;
}
div#page.design-wide div#logo
{
left: 10px;
top: 23px;
z-index: 100;
}
div#content-middle-bg, div#path-bg
{
background: #ffffff;
}
div#page.design-wide div#header-bg
{
padding-top: 25px;
margin-bottom: 10px;
}
div#logo
{
border: 10px #ffffff;
border-style: none solid;
}
div#logo span.image
{
width: 153px;
background: url(/extension/iogt/design/iogt/images/logo.svg) top left no-repeat;
background-size: contain;
background-color: #ffffff;
}
nav#extramenu
{
display: none;
}
.material-icons
{
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
::-webkit-input-placeholder
{
color: #000000;
}
::-moz-placeholder
{
color: #000000;
}
:-ms-input-placeholder
{
color: #000000;
}
:-moz-placeholder
{
color: #000000;
}
div#searchbox
{
vertical-align: middle;
white-space: nowrap;
top: 0px;
}
input[type='text'], input[type='password'], textarea, input[type='email']
{
outline: none;
width: 100%;
padding: 7px 10px;
margin: 10px 0;
border: 1px solid #E3E6E7;
border-radius: 0;
}
div#searchbox input
{
width: 180px;
border: 1px solid #cccccc;
font-size: 1.4rem;
float: right;
padding: 5px 20px 5px 12px;
border-radius: 5px;
color: #000000;
transition: width .33s ease;
margin:0;
background: #ffffff;
}
div#searchbox input::placeholder
{
color: #000000;
}
div#searchbox button
{
position: absolute;
top: 0;
right: 10px;
margin-top: 4px;
font-size: 1.4rem;
z-index: 1;
color: #000000;
background: #ffffff;
padding: 0;
}
div#searchbox button:hover
{
cursor: pointer;
}
div#searchbox form.gsc-search-box .gsc-input input, div#searchboxform.gsc-search-box .gsc-input-box input {
width: 340px !important;
color: #333 !important;
background-color: #fff !important;
margin: 0 !important;
padding: 6px 10px !important;
background-position: 10px 50% !important;
border: 1px solid #d6d6d2 !important;
border-radius: 3px !important;
width: 95% !important;
}
div#searchbox .gsc-input, div#searchbox .gsc-input-box-focus, div#searchbox .gsc-input-box, div#searchbox .gsc-input-box-hover {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
position: relative !important;
}
div#searchbox button
{
position: absolute;
top: 5px;
right: 20px;
margin-top: 4px;
font-size: 1.4rem;
z-index: 1;
color: #000000;
background: #ffffff;
padding: 0;
border: none;
}
.gsc-search-button-v2 svg
{
fill: #cccccc !important;
width: 15px;
height: 15px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0px !important;
}
.gsib_b
{
display: none;
}
form.gsc-search-box .gsc-input-box
{
padding: 0px;
}
button, a.button, input[type='submit']
{
border:none;
background-color: #00A8E1;
color: #ffffff;
padding: 7px 11px;
outline:none;
}
button:hover, a.button:hover
{
background-color: #409BD1;
}
div#topmenu-bg
{
background-color: #ffffff;
border:0;
margin-bottom: 20px;
}
div#topmenu-bg.stuck
{
margin-top: 0;
margin-bottom: 0;
}
nav#topmenu > ul
{
margin-left: 163px;
}
div#topmenu-bg.stuck nav#topmenu > ul
{
margin-left: 0;
}
nav#topmenu a
{
color: #333333;
font-size: 1.8rem;
font-weight:700;
}
nav#topmenu div.dropdownmenu a
{
font-weight: 400;
}
nav#topmenu li.selected > a
{
background-color: transparent;
color: #00a8e1;
}
nav#topmenu a.children.menuhover
{
margin-top: 0;
padding: 5px 10px 5px 10px;
top: 0;
}
nav#topmenu a:hover, nav#sidemenu a:hover, nav#topmenu a.selected:hover
{
background-color: #00a8e1 !important;
color: #ffffff !important;
}
nav#topmenu div.dropdownmenu
{
position: absolute;
top: 37px;
left: 0;
display: none;
z-index: 1;
}
nav#topmenu div.dropdownmenu ul
{
border: none;
}
nav#topmenu li
{
margin: 0 0px 0 0;
padding: 0;
float: left;
list-style-type: none;
list-style-image: none;
position: relative;
}
div#content-middle-bg, div#path-bg
{
background-color: transparent !important;
}
div#path-bg
{
margin: 20px 0;
position: relative;
}
nav#path, nav#path em:before
{
font-size: 1.2rem;
}
nav#path em:before
{
content: '\f105';
}
nav#sidemenu
{
margin-top: 6.5rem;
}
nav#sidemenu a
{
color: #007ea9;
}
div#footer-bg
{
border: none;
padding-bottom: 30px;
}
footer
{
font-size: 1.6rem;
}
div#credits
{
margin-top: 20px;
padding-bottom: 25px;
}
div#credits address, div#credits address a
{
font-size: 1.4rem;
font-style: normal;
color: #808080;
}
.frontpage div.image-block div.class-frontpage-item .attribute-title {
text-align: center;
margin-top: -50px;
}
.frontpage div.image-block div.class-frontpage-item .attribute-title a, .frontpage div.image-block div.class-frontpage-item .attribute-title h2 {
color: #ffffff;
font-size: 3.4rem;
text-shadow: 0 0 30px #000000, 0 0 30px #000000;
}
div.slideshow div.slide
{
width: 100%;
margin-bottom: 30px;
}
div.class-slidebanner div.banner-overlay h2, div.class-slidebanner div.banner-overlay p
{
padding: 10px 0;
color: #ffffff;
text-align: center;
}
div.class-slidebanner div.banner-overlay h2
{
font-size: 5vw;
text-align: center;
}
div.class-slidebanner div.banner-overlay p
{
font-size: 2vw;
letter-spacing: 3px;
}
div.class-slidebanner div.banner-overlay .action-buttons {
text-align: center;
margin-top: 30px;
}
div.class-slidebanner div.banner-overlay
{
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.6);
position: absolute;
bottom: 0;
}
div.class-slidebanner div.banner-overlay a.button
{
border: 2px solid #ffffff;
background-color: transparent;
padding: 10px 20px;
border-radius: 0px;
color: #ffffff;
width: 220px;
font-size: 2rem;
}
div.banner-overlay div.banner-overlay-container
{
display: table;
height: 100%;
}
div.banner-overlay div.wrapper
{
display: table-cell;
vertical-align: middle;
}
div.slideshow-slides
{
position: relative;
margin-bottom: -30px;
}
div.content-view-block div.class-focus
{
color: #ffffff;
background-color: #00A8E1;
padding: 40px 10px 35px 10px;
}
div.content-view-block div.class-focus h2
{
text-align: center;
margin-top: 20px;
font-size: 2.6rem !important;
font-weight: 700;
}
div.attribute-blocktitle
{
border-bottom: 2px dotted #aaaaaa;
}
div.class-frontpage-block.image-block div.content-view-block
{
border: none;
background: transparent;
padding:0;
}
div.class-frontpage-block.image-block div.content-view-block div.attribute-image
{
margin:0;
}
div.class-frontpage-block.title-block div.content-view-block
{
border:none;
padding:0;
position: relative;
clear: both;
z-index: 1;
}
div.content-view-block div.attribute-title h2, .l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2
{
font-size: 2rem;
font-weight: 700;
}
div.class-frontpage-block.title-block div.content-view-block div.attribute-title h2
{
font-size: 4.5rem;
font-weight:700;
padding: 5px 20px;
text-align: center;
}
div.class-frontpage-block.focus-block div.content-view-block
{
background:#ffffff;
}
div.class-frontpage-block.focus-block div.content-view-block div.attribute-image + div.attribute-title h2
{
font-size:2.8rem;
}
div.class-frontpage-block div.attribute-title h2
{
font-size:2rem;
}
div.attribute-image img, div.attribute-image-embed img
{
border-radius: 5px;
}
div.attribute-link
{
font-size: 1.6rem;
margin-top: 3px;
}
.bottom-link
{
float: right;
margin: 5px 0px;
}
.bottom-link a
{
text-decoration: none;
color: #000000;
font-size: 1.4rem;
font-weight: 700;
}
div.related-articles-bg
{
margin-top: 60px;
}
div.related-articles-bg > h2
{
margin: -20px -10px 20px -10px;
border-bottom: 1px solid #cccccc;
padding: 10px;
color: #666666;
text-align: center;
}
div.related-article
{
padding-bottom: 10px;
background: #f7f7f7;
padding: 10px;
margin-top: 5px;
}
div.related-article:hover
{
background: #efefef;
}
div.related-article a
{
text-decoration: none;
color: #409BD1;
}
div.related-article a:before
{
content: "\2192";
margin-right: 10px;
}
div.col:first-child div.infobox:first-child
{
margin-top: 6.5rem;
}
div.content-view-children, div.content-view-list, div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 50px;
}
div.infobox, div.infobox *
{
color: #333333 !important;
}
div.infobox
{
background-color: #e1f1fa;
padding: 15px 15px 20px 15px;
border-radius: 5px;
}
a:first-child + h2, a:first-child + h3, a:first-child + h4
{
margin-top: 0;
}
div.content-view-box div.class-event div.attribute-title h3
{
font-size: 1.6rem;
margin-bottom: 3px;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location
{
font-size: 1.4rem;
}
div.content-view-full div.attribute-title h1
{
}
div.fb-share-button
{
margin-bottom: 10px;
}
div.infobox div.content-view-boxline + div.content-view-boxline
{
margin-top: 15px;
}
div.infobox div.content-view-boxline div.attribute-link
{
text-align: right;
}
div.factbox, blockquote
{
color: #333333;
margin: 20px 0;
}
div.factbox
{
padding: 15px;
border-radius: 10px;
border: none;
}
blockquote
{
font-style: italic;
}
div.content-view-full + div.content-view-full div.class-frontpage-block
{
margin-top: 20px;
}
div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 0;
}
div.class-frontpage-block.title-block div.content-view-block
{
border:none;
padding:0;
position: relative;
clear: both;
z-index: 1;
}
div.class-frontpage-block.title-block div.content-view-block div.attribute-title h2
{
font-size:4.5rem;
font-weight:700;
}
div.class-frontpage-block.title-block div.content-view-block:before, div.class-frontpage-block.title-block div.content-view-block:after
{
content: '';
background: #F2F2F2;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
}
div.class-frontpage-block.title-block div.content-view-block:before
{
right: 0;
left: calc( -1 * ( 50vw ) );
}
div.class-frontpage-block.title-block div.content-view-block:after
{
right: calc( -1 * ( 50vw - 490px ) );
left: 0;
}
@media (min-width: 640px)
{
div#page.show-content-right div.class-frontpage-block.title-block div.content-view-block:after
{
left: initial;
}
div#page.show-content-right div.class-frontpage-block.title-block div.content-view-block:before
{
left: 0;
}
}
@media (max-width: 800px)
{
div#header-bg
{
margin-bottom: 0px;
}
div#page.design-wide div#header-bg
{
padding-top: 0px;
}
header
{
min-height: 0;
}
div#page.design-wide div#logo
{
left: -10px;
position: relative;
z-index: 100;
}
div#mobilemenu-control a
{
background-color: transparent;
font-size: 2.4rem;
color: #000000;
margin-top: 10px;
padding: 12px 15px;
float: right;
}
div#mobilemenu-control a
{
margin-top: 5px;
}
div#mobilemenu-control.show a
{
background-color: transparent;
color: #000000;
}
nav#mobilemenu
{
margin-top: -5px;
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
background-color: #00a8e1;
}
nav#mobilemenu li.search a, nav#mobilemenu li.back a
{
color: #ffffff;
}
}
@media (max-width: 640px)
{
div.class-slidebanner div.banner-overlay h2
{
font-size: 8vw;
text-align: center;
}
div.class-slidebanner div.banner-overlay p
{
font-size: 5vw;
letter-spacing: 3px;
}
div.class-frontpage-block.title-block div.content-view-block div.attribute-title h2
{
font-size: 2.8rem;
}
}
div.related-articles-bg div.content-view-block div.attribute-image {
padding-top: 66.66%;
overflow: hidden;
position: relative;
width: 100%;
}
div.related-articles-bg div.content-view-block div.attribute-image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
}