html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

div.main { margin: 0 auto; max-width: 1280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.main header { padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; }
div.main header .inner { position: relative; }
div.main header .navigation { height: 18px; padding: 0 30px 0 0; overflow: hidden; }
div.main header .navigation li { float: left; margin: 0 10px 0 0; }
div.main header .navigation li span.open-close { float: right; background: transparent url(../../../framework/admin/images/btn-icon/add_disabled.png) no-repeat; cursor: pointer; display: block; width: 16px; height: 16px; margin-left: 10px; }
div.main header .navigation li span.open-close.open { background: transparent url(../../../framework/admin/images/btn-icon/minus-circle_disabled.png) no-repeat; }
div.main header .navigation li span.open-close.open + ul.sub { display: block; }
div.main header .navigation li ul.sub { display: none; padding: 5px 5px 5px 10px; }
div.main header .navigation li ul.sub li { float: none; display: block; margin: 0; }
div.main header .navigation li.menu-link { display: none; position: absolute; right: 0; margin: 0; }
div.main header .navigation:not(.menu) > li > span.open-close { display: none; }
div.main header .navigation.menu { height: auto; position: relative; }
div.main header .navigation.menu li { float: none; display: block; }
div.main header .navigation.menu li.menu-link { position: absolute; top: 0; right: 0; }
div.main .layout { padding: 10px; overflow: hidden; }
div.main .layout aside.sidebar { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.main .layout aside.sidebar nav { margin-bottom: 20px; }
div.main .layout aside.sidebar nav ul.sub { padding-left: 10px; }
div.main .layout aside.sidebar.right { float: right; }
div.main .layout .content-container { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.main .layout .content-container article { clear: both; }
div.main .layout .content-container #Form_EditForm .middleColumn { max-width: inherit; }
div.main .layout.columns-2 .content-container { width: 75%; }
div.main .layout.columns-3 .content-container { width: 50%; }

footer { margin: 0 auto; padding: 10px; max-width: 1280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; overflow: hidden; }

footer .footer-left { float: left; }

footer .footer-right { float: right; }

html, body { height: 100%; }

div.main { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -54px; }
div.main #footer-push { height: 54px; }

footer { clear: both; position: relative; height: 54px; }

#PageTranslations { position: absolute; right: 0; top: 0; }

.webadmin-edit-link { float: right; background: transparent url(../../../framework/admin/images/btn-icon/document--pencil.png) no-repeat; width: 16px; height: 16px; }
.webadmin-edit-link.widgets { margin-left: 10px; background: transparent url(../../../framework/admin/images/btn-icon/chain--pencil.png) no-repeat; }

@media only screen and (max-width: 640px) { .webadmin-edit-link { display: none; }
  div.main .layout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  div.main .layout aside.sidebar { float: none; width: 100%; }
  div.main .layout aside.sidebar.left { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  div.main .layout aside.sidebar.right { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  div.main .layout .content-container { float: none; width: 100% !important; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } }
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) { div.main .layout.columns-3 .content-container { width: 75%; }
  div.main .layout.columns-3 aside.sidebar.right { width: 75%; } }