html{overflow-x:auto;min-width:100%;}
body{
    text-align:left;
    background:var(--pale-blue);
    font-family:Verdana, Tahoma, Arial, Trebuchet MS;
    font-size:12px;
    line-height:1.5em;
    margin:0;
    position:relative;
    min-width:100%;
}
body *{
    box-sizing:border-box;
}
img{
    max-width:auto;
    height:auto;
}
h2{font-size: 1.5em;font-weight: bold;margin: 5px;}
table{
    background:transparent;
    border-color: var(--sky-blue);
    font-size:inherit;
}
table th{background:#5CB3FF;}
:root{
    --blue:#0064aa;
    --dark-blue:#261f44;
    --light-blue:#1af;
    --sky-blue:#118ACB;
    --pale-blue:#def;
    --color-block:#fff;
    --block-shadow:4px 4px 4px #0001,-4px -4px 4px #fff1;
}
.green{
    color:green;
}
.bg-green{
    background:green;
}
.yellow{
    color:yellow;
}
.bg-yellow{
    background:yellow;
}
.red{
    color:red;
}
.bg-red{
    background:red;
}
.black{
    color:black;
}
.gray{
    color:#aaa;
}
.bg-gray{
    background:#aaa;
}
#header{
    position:relative;
    height:150px;
    min-width:800px;
    height: auto;
    z-index:10;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    padding:0 10px 10px 10px;
    margin:0;
    background:url("/themes/start/images/bg-top.jpg") no-repeat;
    background-size:100%;
}
#header .title{
    margin:0 -10px 15px -10px;
    width:calc(100% + 20px);
}
#menu{position:relative;width:235px;float:left;height: auto;z-index:9}
#info{position:relative;min-width:550px;margin-left:250px;z-index:8}
#right_menu{position:relative;float:right;width:250px;height: auto;z-index:7}
#info_int{position:relative;margin-right:260px;height: auto; width: auto;z-index:6}
#footer{
    position:relative;
    height:20px;
    clear:both;
    height: auto;
    z-index:3
}
#main-container{
    margin:10px;
}
#info_int_normenu{height: auto;}
.logo{
    max-width:40%;
}
.logo img{
    width:468px;
    height:auto;
}
.ui-front{z-index: 50;}
.menu_poster {width: 200px;}
#fisheye{z-index: 10;}
.login_table{
    border: 1px solid var(--sky-blue);
    background: var(--blue);
    font-weight: normal;
    color: white;
    padding:3px;
    box-shadow:4px 4px 4px var(--dark-blue);
    min-width:250px;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    text-align:center;
}
#login_button{
    font-size:1.5em;
    margin:0.4em;
}
#registration_button{
    margin:0.4em;
}
.login_table a:link,.login_table a:visited,a:active{color: white;text-decoration: none;}
.login_table a:hover{color: red;text-decoration: underline;}
.login_table td{
    margin:0;
    padding:0;
}
.ipbtable{width:100%}
table.ipbtable, tr.ipbtable, td.ipbtable{background:transparent;color:#222;font-size:11px;line-height:135%;}
.ipbtable td, .divpad{padding:5px;}
table th, .borderwrap table th, .subtitle, .subtitlediv, .postlinksbar{background:#F0F0F0;border:0;color:#5e73a4;font-size:14px;font-weight:bold;letter-spacing:1px;margin:0;padding:4px;}
.subtitlediv{border:0px solid #FFF;border-right:1px solid #aeb2c3;text-align:right;}
.ipbtable th a:link, .ipbtable th a:visited, .ipbtable th a:active, .ipbtable th a:hover, .borderwrap table th a:link, .subtitle a:link, .subtitlediv a:link, .borderwrap table th a:visited, .subtitle a:visited, .subtitlediv a:visited, .borderwrap table th a:active, .subtitle a:active, .subtitlediv a:active, .borderwrap table th a:hover, .subtitle a:hover, .subtitlediv a:hover{background:transparent;color:#000;font-size:10px;text-decoration:none;}
.highlight{color: blue;font-weight: bold;}

form{display:inline;margin:0;padding:0;}
img{border:0;vertical-align:middle;max-width:100%;height:auto;}
fieldset{
    border:0;
    display:contents;
}
a:link, a:visited, a:active{color:var(--dark-blue);font-weight: bolder;text-decoration: none;}
a:hover{color:var(--light-blue);text-decoration:underline;}
#ipbwrapper{margin:10px auto 20px auto;text-align:left;width:95%;border:6px double #c0cee5;background:#fff;padding:10px;}
.pagelink a:active, .pagelink a:visited, .pagelink a:link, .pagelinklast a:active, .pagelinklast a:visited, .pagelinklast a:link, .pagecurrent a:active, .pagecurrent a:visited, .pagecurrent a:link, .minipagelink a:active, .minipagelink a:visited, .minipagelink a:link, .minipagelinklast a:active, .minipagelinklast a:visited, .minipagelinklast a:link{text-decoration:none;}
.fauxbutton a:link, .fauxbutton a:visited, .fauxbutton a:active{color:#222 !important;text-decoration:none;}
.forumdesc, .forumdesc a:link, .forumdesc a:visited, .forumdesc a:active{background:transparent;font-size:10px;color:#222;line-height:135%;margin:2px 0 0px 0px;padding:0;}
.activeuserposting a:link, .activeuserposting a:visited, .activeuserposting a:active, .activeuserposting{font-style:italic;text-decoration:none;border-bottom:1px dotted black;}
label{cursor:pointer;}
#ucpmenu a:link, #ucpmenu a:active, #ucpmenu a:visited{text-decoration:none;}
.normalname a:link, .normalname a:visited, .normalname a:active{font-size:12px;}
.row1{background:#FFF;border:0;border-right:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.rowbottom{background:#FFF;border:0;border-bottom:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}   
.row2{background:#FFF;border:0;border-right:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.rowleft{background:#FFF;border:0;border-left:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.rowright{background:#FFF;border:0;border-bottom: 1px solid var(--sky-blue);border-right:1px solid var(--sky-blue);}
.rowmiddle{background:#FFF;border:0;border-bottom: 1px solid var(--sky-blue);line-height:1.5;}
.rownoborder{background:#FFF;border:0;}
.rowborder{background:#FFF;border:1 solid var(--sky-blue);}
.row_games_index{background:#005826;border:0;}
.rowleft_cyan{border:0;border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.rowright_cyan{border:0;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.row1_cyan{border:0;border-bottom:1px solid #FFFFFF;}
.row2_cyan{border:0;border-bottom:1px solid #FFFFFF;}
.row1_red{border:0;border-left:1px solid var(--sky-blue);border-right:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.rowmiddle_red{border:0;border-bottom: 1px solid var(--sky-blue);}
.row1_yellow{background:#FFFF00;border:0;border-left:1px solid var(--sky-blue);border-right:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.row1_green{border:0;}
.row2_green{border:0;border-right:1px solid var(--sky-blue);border-bottom:1px solid var(--sky-blue);}
.rowleft_green{border:0;border-left:1px solid var(--sky-blue);border-bottom: 1px solid var(--sky-blue);}
.rowright_green{border:0;border-right:1px solid var(--sky-blue);border-bottom: 1px solid var(--sky-blue);}
.rowmiddle_green{border:0;border-bottom: 1px solid var(--sky-blue);}
.rownoborder_green{border:0;}
.rowhighlight{background-color:#FFF9BA;}
.darkrow1{background:#abbee4 url(/forum/style_images/blue_star_/7.gif) top;color:#000;}
.darkrow3{background:#ecf0fa;color:#000;}
.ans_table_even{background-color: #FFF;}
.ans_table_odd{background-color: #F0F0F0;}
table.bordered{
    border-collapse:collapse;
}
table.bordered td{
    border:1px solid var(--sky-blue);
}
.block_head {
    font-weight:bold;
    background: var(--blue) url(/themes/start/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
    padding:5px 10px;
    color:#FFF;
    margin:-1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align:center;
    position:relative;
    z-index: 2;
    min-width:100%;
}
.block_head a{
    color:white;
}
.block_head.wellcome-user{
    font-size:15px;
}
.input-warn, .input-green, .input-checkbox, input[type="text"], textarea, select{
    background:#fafafa;
    border:1px solid #7e8d9e;
    border-right:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;
    color:#000;
    padding:4px;
    vertical-align:middle;
}
#navstrip a:link, #navstrip a:visited{background:transparent;color:#222;text-decoration:none;}
#navstrip a:hover, #navstrip a:active{background:transparent;color:#ff4000;}
.tabon a:link, .tabon a:visited, .tabon a:active{text-decoration:none;color:#000;}
.taboff a:link, .taboff a:visited, .taboff a:active{text-decoration:none;color:#333;}
.popmenubutton a:link, .popmenubutton a:visited{color:#000;text-decoration:none;}
.popmenubutton a:hover{color:#4b6896;text-decoration:none;}
.popupmenu a:link, .popupmenu a:visited, .popupmenu-new a:link, .popupmenu-new a:visited, .popupmenu-item a:active, .popmenubutton-new a:link, .popmenubutton-new a:visited, .popupmenu-item a:link, .popupmenu-item a:visited, .popupmenu-item-last a:link, .popupmenu-item-last a:visited{color:#000;text-decoration:none;}
.popupmenu a:hover, .popupmenu-new a:hover, .popmenubutton-new a:hover, .popupmenu-item a:hover, .popupmenu-item-last a:hover{color:#ff4000;text-decoration:none;}
.linked-image{margin:0px;padding:0px;border:0px;}
.pp-tabon a:link, .pp-tabon a:visited, .pp-tabon a:active{text-decoration:none;color:#FFFFFF;}
.pp-taboff a:link, .pp-taboff a:visited, .pp-taboff a:active, .pp-tabshaded a:link, .pp-tabshaded a:visited, .pp-tabshaded a:active{text-decoration:none;color:#000;}
.menu_title{border-bottom:0;font-size:15px;font-weight:bold;text-align:left;}
.menu_title a:link, .title1 a:visited{background:transparent;text-decoration:none;}
.menu_title a:hover, .title1 a:active{background:transparent;}
.footer{background:transparent url(/forum/style_images/blue_star_/cat_bottom_bg.gif);color:#5e73a4;font-weight:bold;font-size:9px;text-align:right;padding:0px;margin:0px;}
.footer2 a:link, .footer2 a:visited{background:transparent;color:#e7eaf4;font-weight:bold;padding:0px;margin:0px;}
.footer2 a:hover{background:transparent;color:#fff;}
a.quizes:link{text-decoration:none;color:#ECFD68;margin:18;}
a.quizes:active{text-decoration:none;color:#ECFD68;margin:20;}
a.quizes:visited{text-decoration:none;color:#ECFD68;margin:20;}
a.quizes:hover{text-decoration:underline;color:#FFF;font-weight:bold;text-shadow:aqua;margin:20;}
.error{color:#990000;background-color:#FFF0F0;padding:7px;margin-top:5px;margin-bottom:10px;border:1px dashed #990000;}
.error b{color:#990000;background:inherit;}
.success{color:#000000;background:#F5FBE1;padding:7px;margin-top:5px;margin-bottom:5px;border:1px dashed #7BA813;}
.success b{color:#7BA813;background:inherit;}
#sortlist{width:650px;margin:0 auto;padding:20px;margin-bottom:20px;border:1px solid a5a1a1;text-align:center;}
#sortlist img.sorting{float:left;margin:4px;padding:4px;border:1px solid ccc;}
#sortlist img.sorting:hover{float:left;margin:4px;padding:4px;border:1px solid 666;cursor:move;}
.btn{
    color:#050;
    background-color:#fed;
    border:1px solid;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    border-color:#696 #363 #363 #696;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
    padding:4px;
}
input.btnhov,.btn:hover{
    border-color:#c63 #930 #930 #c63;
    text-align:center;
    font-weight:bold;
    background-color:#ff0;
    cursor:pointer;
}
.btn[disabled]{
    background:#ccc;
    color:#444;
}
.menu_links
{
    font-size:15px;  
}
.menu_links:hover
{
    font-size:15px; 
    font-weight:bold; 
}


hr{border:1px solid var(--sky-blue);margin:0;}  
.borderwrap{
    background:inherit;
    border:1px solid var(--sky-blue);
    border-top:0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    /* border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    */
    padding:0px;
    margin:1px;
    width: auto;
    height: auto;
}    
.borderwrapside{background:transparent;border:1px solid var(--sky-blue);border-top:0;border-bottom: 0;padding:0px;margin:1px;width: auto;height: auto;}    
.borderwrapall{background:transparent;border:1px solid var(--sky-blue);padding:0px;margin:0px;width: auto;height: auto;} 
.borderwapround{
    background:var(--color-block);
    border:1px solid var(--sky-blue);
    padding:15px;
    margin:0px;
    width: auto;
    height: auto;
    -moz-border-radius: 15px;
    border-radius: 15px;
} 
.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}

.highslide-container div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
    outline: none;
    text-decoration: none;
}
.highslide img {
    border: 2px solid silver;
    margin-top: 5px;
    margin-bottom: 5px;
}
.highslide:hover img {
    border-color: gray;
}
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
    border-color: black;
    visibility: visible;
    cursor: default;
}
.highslide-image {
    border-width: 2px;
    border-style: solid;
    border-color: white;
    background: gray;
}
.highslide-wrapper, .highslide-outline {
    background: white;
}
.glossy-dark {
    background: #111;
}
.highslide-image-blur {
}
.highslide-number {
    font-weight: bold;
    color: gray;
}
.highslide-caption {
    display: none;
    border-top: none;
    font-size: 1em;
    padding: 5px;
    background: white;
}
.highslide-heading {
    display: none;
    font-weight: bold;
    margin: 0.4em;
}
.highslide-dimming {
    position: absolute;
    background: black;
}
a.highslide-full-expand {
   background: url(highslide/highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border: 1px solid white;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-move, .highslide-move * {
    cursor: move;
}
.highslide-overlay {
    display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
    position: relative;
    top: -15px;
    left: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(highslide/graphics/close.png);
    /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.                                               */
/* Remove these if you are not using a gallery                               */
/*****************************************************************************/
.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
    margin: 20px 15px 10px 0;
}
.highslide-controls ul {
    position: relative;
    left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background-image: url(highslide/graphics/controlbar-white.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
    background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups                                                 */
/* Remove these if you are not using Highslide HTML                             */
/*****************************************************************************/
.highslide-maincontent {
    display: none;
}
.highslide-html {
    background-color: white;
}
.highslide-html-content {
    display: none;
    width: 400px;
    padding: 0 5px 5px 5px;
}
.highslide-header {
    padding-bottom: 5px;
}
.highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.highslide-header ul li {
    display: inline;
    padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
    display: none;
}
.highslide-header a {
    font-weight: bold;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}
.highslide-header a:hover {
    color: black;
}
.highslide-header .highslide-move a {
    cursor: move;
}
.highslide-footer {
    height: 11px;
}
.highslide-footer .highslide-resize {
    float: right;
    height: 11px;
    width: 11px;
    background: url(highslide/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
    cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.                             */
/* See www.highslide.com/ref/hs.wrapperClassName                             */
/* You can safely remove the class name themes you don't use                 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
    height: 16px;
}
.draggable-header .highslide-header .highslide-move {
    cursor: move;
    display: block;
    height: 16px;
    position: absolute;
    left: 0;
    right: 16px;
    top: 0;
    width: auto;
    z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
    display: none;
}
.draggable-header .highslide-header .highslide-close {
    position: relative;
    float: right;
    z-index: 2;
    padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
    background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
    display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
    display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
    border-width: 10px;
}
.wide-border .highslide-caption {
    padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
    border: none;
}
.borderless .highslide-caption {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
    background: #444;
}
.outer-glow .highslide-image {
    border: 5px solid #444444;
}
.outer-glow .highslide-caption {
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
    border: 2px solid green;
}
.colored-border .highslide-caption {
    border: 2px solid green;
    border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
    background: #111;
}
.dark .highslide-image {
    border-color: black black #202020 black;
    background: gray;
}
.dark .highslide-caption {
    color: white;
    background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
    background-image: url(highslide/graphics/controlbar-black-border.gif);
}


/*  SCROLL TO UP */


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}
 


/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
    position: absolute;
    padding: 1em 0 0 0;
    background: none;
    color: white;
    border: none;
    font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
    color: gray;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    cursor: default;
    padding: 0 0 0 22px;
    margin: 0;
    background: url(highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
    width: 105px;
    height: 20px;
    position: relative;
    margin: 0;
    top: -23px;
    left: 7px;
    background: none;
}
.controls-in-heading .highslide-controls ul {
    position: static;
    height: 20px;
    background: none;
}
.controls-in-heading .highslide-controls li {
    padding: 0;
}
.controls-in-heading .highslide-controls a {
    background-image: url(highslide/graphics/controlbar-white-small.gif);
    height: 20px;
    width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
    display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
    background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
    background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
    background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
    background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
    background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
    background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
    background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
    background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
    background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
    background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
    background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
    background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
    background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
    background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
    background-position: -120px -20px;
}

.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {

    margin-top: 4px;
}

.treeview .hitarea {
    background: url(start/treeview/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/themes/start/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/themes/start/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/themes/start/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/themes/start/treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(/themes/start/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/themes/start/treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(/themes/start/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/themes/start/treeview/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/themes/start/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/themes/start/treeview/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/themes/start/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/themes/start/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file {  }   


.cd{
    margin: auto;
    line-height:20pt;
    width: 200px;
    font-family: "Courier New", Courier, mono;
    font-size: 15pt;
    color: #4297D7;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
    
.dd{
    margin: auto;
    line-height:20pt;
    width: 200px;
    font-family: "Courier New", Courier, mono;
    font-size: 15pt;
    color: #4297D7;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
    
/* Commentator */ 

#comments_list pre,
#comments_list code,
#post_comment code {
  font-family:Consolas, "Lucida Console", monospace;
}
#comments_list pre,
#postresult pre {
  white-space:pre-wrap;
}
#post_comment fieldset {
  border:0px solid #999;
  background-color:#FFF;
  position:relative;
  margin-top:15px;
}
#post_comment legend {
  margin-left:1em;
  font-weight:bold
}
#post_comment input,
#post_comment textarea {    
  float:left;
  padding:2px;
}
#dud {
  display:none
}
#post_comment textarea {
  height:14em;
  min-width:14em
}
#post_comment fieldset > label {
  margin-bottom:0.8em;
  font-weight:bold;
  font-size:0.8em;
  vertical-align:top;
  width:8em;
  float:left;
  clear:left
}
#post_comment small {
  margin-left:1.8em;
  color:#FF7D33;
  float:left
}
#post_comment ul {
  margin-top:1.5em;
  float:left
}
#post_comment li {
  list-style:none;
  font-size:0.8em;
  border:0
}
#post_comment li code {
  font-weight:bold;
}
#post_comment ul ~ input {
  clear:left;
  width:auto;
  margin:12px 0 0 104px; /* em seem to compute to something bigger in IE */
}
#post_comment #remember {
  clear:none;
  margin-left:3em;
}
#post_comment ul ~ input + label {
  width:auto;
  clear:none;
  margin:12px 0 0 0.4em;
}
#post_comment input[name="submit"] {
  font-weight:bold;
}
#post_comment input[name="preview"] {
  margin-left:1em;
  clear:none;
}
#post_comment .commentator-preview {
  background:#FFF;
  border:1px solid #CCC;
  border-width:1px 0;
  margin:1em -1.2em; /* fieldset has padding */
  padding:0.4em 1.2em;
}
#comments_list {
    display:block;
  margin-bottom:0.4em;
}
#comments_list li {
  list-style:none;
  clear:left;
  margin:0.5em 0;
  padding:0.5em 1em;
}
#comments_list h3 {
  border-bottom:1px solid #DDD;
  overflow:auto;
  font-weight:normal;
  font-size:0.8em;
  line-height:28px;
  padding-bottom:2px;
}
#comments_list cite ~ span {
  margin:0 1.4em;
  color:#888;
}
#comments_list span.notify::before {
  content:"\2713";
  margin-right:5px;
  font-family:"Arial Unicode MS","Microsoft Sans Serif","Free Sans","Gentium Plus"
}
#comments_list cite {
  font-style:normal;
  font-weight:bold;
  font-size:1.6em;
  color:#303E19;
  margin-right:0 1em;
}
#comments_list cite + a {
  font-size:0.85em;
  display:block;
  clear:left;
}
#comments_list .author-comment {
  margin-left:2em;
  border-left:4px solid #009;
 }
#comments_list .spam {
  background-color:#F4F4F4;
  border:2px solid #888
}
#comments_list .spam cite {
  padding-right:3.6em;
  background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAMCAIAAACfoWgaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE3UlEQVR4nCXBe2yV5R0H8O/3ed7nvZxzemwPtFLS1p5CG6gmEyxTNiRseAfqxlwFohMv0TCjmTFmW3brMjJ1SryQzVu8xIFT48SAMm3i/RYFo0VqqYADKdiew2l7ej/nvM/z2x/7fEgVACCkcb6eO8eFga1UdL6ghvKSTiFT7QABhSCBSozRMT02LhUrhFQluXypIWTfl7YwJiSjEAubJEpYAuWK7j+sZssiIskIbVlWJakg+TF1+FjsAQgM1lysb7kO9fP1xKQKA46Py67dOkqqrp+WlHJKU5yiyOyMHDnK3Xv1Kz1xOZaudfpvfywD7N5mHvtnpVR2TfVm+904e5EFMTkuW37jv/5OmZQLz9fb74nn1Yl1audL3p/utSD9NauDQ5+YE195N22Ozl4cXbQqfPvVaODT4NKLgr5PjCvi5IC6dkOw6ergiw9Dm+Ngr1mxLJFt8t940a/k4XLsey9saYoAk4jM1T/x49O0BVRyfHp7MgxD35hH7otsjnGBA/u81SsDzyPSVf6j2yKbVwfe81ubI60DKn9ZR+LO26uaz9I9u4wdxaF9Xn1dROifr41snm4Y9/85/OXmIH/Y9LwS2hztMO/vTisdAF57q4lHVFyEHePh/eZHK1Jt2UTxmLEFxqOq9wNzzuKAUEopGOOgpLnF3rdV7rpVdXV6pSn5x2OVcokQihCgCKm4oMUREHJmRq9fy96DuvtuOX7KI7F+XamlwQAQgXNqaMgvldHY4FatsNdfAysyfNqjwAN9zwipJqdk4Ahny0xV2c7O2e4/lB7eVtr5VPzbO5TvQyhQ0B5aW3jbzf6WG50Qvf3+8W/RscS+9joO9tvdezWIeXWVK9eAJARw7HnLH8ppE7iNXfEvNlY+P+Dt/4wQURTPEKK8OMbjz0pVdbT+ylKmBmdUSW2drT3TtrfbcjlSqqyUZFviXS/K5ASGT6vndkWPP+W6fy2+b3+2Tq28wMxvsFYYhq7zssrLewwZU1zfwXhk1NyxxS7IxtNT6pEn/c4rLJxoDWOEpBeGXNDI5/4lL+8OW7KuqUFWrbAXr45D3y1dKiAA5PPqL/d6A0fk6Dc8MVipzfAHy+TksJcbF/jxYE7VDHotDZVFra5jie4fAAitueMF3rDJq07FX/WbDz62ay+BArUH3wdIr7kRD2zl6JhcdZP94oAj8fY7uv5MdiwpTU0znQYcJorYsxcnTjkAEFl+nkmZyt93mCd3xgKKuOs26t//Ss3N2B8uM4MnFRAHBkeP2j3/8Tattzuex3QJ1lJElHKBB3FQE5MYHsEll1a679LnfY/trfL9Ja65wX035L35rp6bIYlEAm0L6WkAbKhXm7us77tjx5nLY2hIcjnp7ZXZGSFd5+Xx6gupgJXL2ZblPQ/K77ZWvfQqG+uxsBkAaqrRca6kkuJ9N4y/PiQjRbNxQ7xpA2dmdCYjfQPqiWdUKilO+GWfsTFXXqD2fcbxSVmQNWGEr//L5kb4hjNOAMyrMwcPqSBwzuHHq/DRfmOCuH1RuOPfs/1fz5BY3OaNT6PnfSPCdFpSCZAqEJGaapXNsnaOS0QsFGTwlB48ac9IY+4cIUWExSKHc846SSbVvFp4msVx5goOYhWYSjNTQ5KC/6M4FEY4MeUoClBhZDMZKJKipqcxUoz/B1CwTGmVU29mAAAAAElFTkSuQmCC") no-repeat center right;
}
#comments_list li h3 img {
  float:left;
  margin-right:1em;
  border:1px solid #FFF;
  height:40px;
  width:auto;
}
#comments_list p:last-child {
  font-size:0.7em;
  font-style:italic;
  color:#888;
}
#comments_list p:last-child a {
  font-style:normal;
}
#comments_list input {
  float:left;
  margin:0.4em 0 0 -3em
}
#comments_list ~ span {
  margin-left:1.4em;
}
.commentator_message {
  border:2px solid black;
  overflow:auto;
  background:#FFF;
  padding:0.4em 1em;
  margin:1em 4em;
}
.commentator_message fieldset {
  border:0;
  margin:1.4em 0 0.8em 0.8em;
  padding:0
}
.commentator_message fieldset * {
  float:none;
  margin:0;
  vertical-align:middle
}
.commentator_message legend{
  display:none;
}
.commentator_message input {
  width:auto;
}
.commentator-tools, .commentator-pagination {
}
.commentator-tools {
  text-align:right;
  float:right;
}
.commentator-tools a, .commentator-pagination a {
  margin:0 0.7em;
}
.commentator-pagination > span {
  float:left;
  padding:0;
  margin:0 1em;
}
.commentator-pagination > span.linkwithin {
  border-right:1px solid black;
  margin-right:0;
}
.commentator-pagination > span + span.linkwithin {
  border-left:1px solid black;
  border-right:0;
  margin-left:0;
}
.commentator-pagination > span a {
  margin:0 1em;
}
#commentator_login {
  float:right;
  clear:both;
  height:1.8em;
  margin:0 -0.6em 0;
}
#commentator_login > label {
  width:auto;
  margin:0.4em 0.4em 0 0;
  
}
#commentator_login a {
  color:#CCC;
  border:0;
  font-size:0.8em;
  font-weight:bold;
}
#commentator_login input {
  width:auto;
  float:none;
  margin-right:0.2em;
}
#post_comment fieldset #postresult:target,
#comments_list #postresult:target ~ *:not(:last-child) {
  background:#FFF url("data:image/gif;base64,R0lGODlhAQABALMOAP//Nv//QP//dP//Nf//sP//Ov//z///TP//kP//Xv//6v//NP//////M////wAAACH5BAUAAA4ALAAAAAABAAEAAAQCsEUAIfkEBQAADgAsAAAAAAEAAQAABALQRQAh+QQFAAAOACwAAAAAAQABAAAEAtBFACH5BAUAAA4ALAAAAAABAAEAAAQC0EUAIfkEBQAADgAsAAAAAAEAAQAABALQRQAh+QQFAAAOACwAAAAAAQABAAAEAtBFACH5BAUAAA4ALAAAAAABAAEAAAQCcEUAIfkEBQAADgAsAAAAAAEAAQAABALQRQAh+QQFAAAOACwAAAAAAQABAAAEAnBEACH5BAUAAA4ALAAAAAABAAEAAAQCEEQAIfkEBQAADgAsAAAAAAEAAQAABAKwRAAh+QQFAAAOACwAAAAAAQABAAAEAjBEACH5BAUAAA4ALAAAAAABAAEAAAQC8EQAIfkEBQAADgAsAAAAAAEAAQAABAIwRQAh+QQFAAAOACwAAAAAAQABAAAEAlBEACH5BAUAAA4ALAAAAAABAAEAAAQCEEUAIfkEBQAADgAsAAAAAAEAAQAABAKQRAAh+QQFAAAOACwAAAAAAQABAAAEAtBEACH5BAUAAA4ALAAAAAABAAEAAAQCUEUAIfkEBQAADgAsAAAAAAEAAQAABALQRQAh+QQFAAAOACwAAAAAAQABAAAEApBFACH5BAUAAA4ALAAAAAABAAEAAAQC0EUAOw==");
}
#navstrip{
    font-size:1em;
    font-weight:bold;
    margin:4px;
    text-align:center;
    color:black;
}
.vote-block{
    text-align:right;
    width:64px;
    white-space:nowrap;
}
.vote-block .button-like{
    font-size:25px;
    color:#090;
}
.vote-block .button-like:not(.owner):hover,
.vote-block .button-like.voted{
    color:#f40;
    text-decoration:none;
}
.vote-block .button-like:not(.voted):not(.owner){
    cursor:pointer;
}
.vote-block .vote-count{
    color:green;
    font-size:15px;
}
.quiz-top{
    display:flex;
    align-items:center;
    background:#ddecff;
    border:1px solid var(--light-blue);
}
.quiz-info{
    padding:1em;
    flex:1;
    text-align:center;
}
.quiz-info a{
    float:right;
}
.quiz-sponsor{
    background:#fff;
    padding:1em;
    text-align:center;
}
.no-questions{
    padding:2em;
    font-size:1.5em;
    background:var(--color-block);
}
.question-list{
}
.question-block{
    background:#fff;
    padding:1em;
    transition:background 0.2s;
    width:100%;
    margin-bottom:2em;
    border:1px solid var(--light-blue);
    border-radius:10px;
    box-shadow:var(--block-shadow);
}
.question-block:not(:first-child){
}
.question-content{
    margin:10px;
}
.question-header{
    display:flex;
    justify-content:space-between;
    padding:30px;
}
.question-name{
    margin:0 20px;
    line-height:1.2em;
}
.question-number{
    font-weight:bold;
    font-size:15px;
    color:#aaa;
}
h1.question-name{
    font-size:17px;
}
.question-block.answered-right{
    background:#afa;
}
.question-block.answered-wrong{
    background:#fcc;
}
.question-block.answered-not-checked{
    background:#ffa;
}
.question-block.archived{
    font-style: italic;
    background:#eee;
}
.question-block.hidden{
    background:var(--pale-blue);
}
.question-block.deleted{
    background:#fcc;
}
.question-block.archived .rownoborder{
    background:transparent;
}
.question-block .answer-form{
    position:relative;
    text-align:center;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.prize-block{
    width:150px;
    padding:30px;
}
.question-block .images{
    padding-bottom:40px;
}
.question-footer{
    display:flex;
    justify-content:space-between;
    padding:15px 30px;
    border-top:1px solid var(--light-blue);
}
.loading{
    position:relative;
}
.loading:before{
    content:"";
    background:url("/pics/loading.gif") #fff center center no-repeat;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:11;
}
.question-tip{
    background:#f0f0f0;
    text-align:center;
}
.question-list-top{
    display:flex;
    background:#f0f0f0;
    align-items:center;
    justify-content:space-between;
    padding:10px;
}
.question-list-bottom{
    display:flex;
    background:#f0f0f0;
    align-items:center;
    justify-content:space-between;
    padding:10px;
    border-top:1px solid var(--sky-blue);
}
.qstatus[data-status='on']{
    color:green;
}
.qstatus[data-status='off']{
    color:red;
}
.qstatus[data-status='archive']{
    color:#CD7F32;
}
.qstatus[data-status='hidden']{
    color:silver;
}
.qstatus[data-status='cleared']{
    color:silver;
}
.input-answer{
    font-size:16px;
    width:100%;
    margin:4px;
    padding:4px;
}
.right-answer-string{
    text-align:center;
    font-weight:bold;
    font-size:1.5em;
    padding:1em;
    background:#fff;
    border-top:1px solid var(--sky-blue);
    border-bottom:1px solid var(--sky-blue);
}
.right-answer-string img{
    margin:1em;
}
.pager>a,.pager>span{
    margin:4px;
    display:inline-block;
}
.pager .highlight{
    color:#999;
}
#top-menu{
    text-align:center;
    padding:4px;
    margin:10px auto 0 auto;
    width:100%;
}
#top-menu a{
    background: var(--blue);
    border: 1px solid #77d5f7;
    border-radius:5px;
    color:#fff;
    display:inline-block;
    font-size:15px;
    font-weight:bolder;
    line-height:1.4;
    padding:0.4em 1em;
    text-align:center;
    text-decoration:none;
    transition:0.1s ease;
}
#top-menu a:hover{
    box-shadow:4px 4px 4px var(--dark-blue);
    border: 1px solid #448dae;
    background: var(--sky-blue);
}
.last-topics-block,
.last-film-topics-block{
    background:#fff;
    padding-bottom:4px;
}
.social-links{
    padding:4px;
    text-align:center;
}
.block-list{
    list-style-type:none;
    padding:1px 4px;
    margin:0;
    line-height:1.5em;
}
.block-list li{
    display:flex;
    padding:4px;
}
.block-list a{
    padding-left:4px;
}
/* Login popup */
.login-container{
    position:fixed;
    bottom:150%;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:11;
    opacity:0;
    transition:background 0.4s,opacity 0.4s;
}
.login-container.active{
    background:rgba(0,0,0,0.9);
    top:0;
    bottom:0;
    opacity:1;
}
.login-form{
    display:flex;
    flex-direction:column;
    padding:40px;
    background:#34a2e5;
    border-radius:10px;
    border:1px solid white;
}
.login-container.active .login-form{
    align-items:flex-start;
}
.login-form input:not([type="checkbox"]){
    box-sizing:border-box;
    font-size:1.5em;
    line-height:2em;
    margin:4px auto;
    padding:1px 10px;
    width:225px;
}
.login-form input[type="submit"]{
    cursor:pointer;
}
.login-form span{
    color:white;
    font-size:1.5em;
    margin:4px;
}
.no-answers{
    text-align:center;
    font-size:1.5em;
    padding:4px;
}
.menu-new-quizes{
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    padding:0;
    margin:0;
}
.menu-new-quizes li{
    font-size:1em;
    font-weight:bold;
    margin-left:2em;
    line-height:1.5em;
}
.menu-new-quizes-tip{
    display:flex;
    float:left;
}
.menu-new-quizes-block{
    margin:2em;
    display:flex;
    align-items:center;
}
.bbc_left{
    text-align:left;
}
/* Login popup */
.login-container{
    position:fixed;
    bottom:150%;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:11;
    opacity:0;
    transition:background 0.4s,opacity 0.4s;
}
.login-container.active{
    background:rgba(0,0,0,0.9);
    top:0;
    bottom:0;
    opacity:1;
}
.login-form{
    display:flex;
    flex-direction:column;
    padding:40px;
    background:#34a2e5;
    border-radius:10px;
    border:1px solid white;
}
.login-container.active .login-form{
    align-items:flex-start;
}
.login-form input:not([type="checkbox"]){
    box-sizing:border-box;
    font-size:1.5em;
    line-height:2em;
    margin:4px auto;
    padding:1px 10px;
    width:225px;
}
.login-form input[type="submit"]{
    cursor:pointer;
}
.login-form span{
    color:white;
    font-size:1.5em;
    margin:4px;
}
.login-form label{
    color:white;
    line-height:2em;
}
.login-form a{
    color:white;
}
.login-form .forgot-password{
    display:none;
}
.user-avatar{
    width:100px;
}
.user-scores{
    color:white;
    font-size:15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height:90px;
    justify-content:space-around;
    text-align:left;
    margin:0.4em;
}
.user-score{
    padding:3px;
    display:flex;
    justify-content:space-between;
}
.user-links td{
    border-top:1px solid rgba(255,255,255,0.4);
    padding:4px;
}
.login_table .user-hello{
    border-bottom:1px solid rgba(255,255,255,0.4);
    font-size:15px;
    padding-bottom:4px;
    text-align:center;
}
.user-score-number{
    font-weight:bold;
}
.comments-block{
    display:inline-block;
    width:100%;
    background:var(--color-block);
}
.fisheye-block{
    margin:1px auto 68px auto;
    padding:10px;
}
/* Login popup */
.quiz_prize{
    width:auto;
    height:64px;
}
.answer-stats{
    float:right;
    font-weight:bold;
}
.answer-area{
    background:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1em;
    margin-top:1em;
    height:auto;
    box-shadow:0 0 1px var(--light-blue);
}
.answer-area span{
    white-space:nowrap;
}
.answer-area table,
.answer-area form{
    width:100%;
}
.answer-area tr:nth-child(2n){
    background:#eee;
}
.question-list .answer-area{
    margin-top:10px;
    padding-top:10px;
}
.answer-string{
    font-size:15px;
    font-weight:bold;
    flex:1;
    padding:0 10px;
    text-align:center;
    display:flex;
    justify-content:center;
}
.answer-button input{
    line-height:25px;
    margin:4px;
    padding:2px 4px;
}
.answer-status{
    font-weight:bold;
}
.answer-not-checked .answer-status,
.answer-not-checked .answer-string{
    color:black;
}
.answer-right .answer-status,
.answer-right .answer-string{
    color:green;
}
.answer-wrong .answer-status,
.answer-wrong .answer-string{
    color:red;
}
.manage-buttons{
    margin:10px;
    display:flex;
    justify-content:flex-end;
}
.manage-buttons a{
    margin:4px;
}
table.dataTable tbody tr:nth-child(2n+1){
    background:#eef;
}
.block{
    overflow:hidden;
    margin-bottom:24px;
    background:var(--color-block);
    border:1px solid var(--sky-blue);
    border-radius:4px;
    box-shadow:var(--block-shadow);
}
.block-content{
    padding:10px;
}
.poster-block{
    text-align:center;
    padding:10px;
}
.poster-block .add-question{
    color:red;
    display:inline-block;
    margin:1em;
    text-align:center;
}
/* Main news list */
.admin-news b{
    line-height:2em;
}
.admin-news .row1_cyan{
    padding:1em;
}
.main-announce{
    display:block;
    margin-bottom:30px;
}
.main-announce h2{
    color:red;
    line-height:1.5em;
    text-align:center;
}
.admin-news{
    padding:0;
    list-style-type:none;
    max-width:100%;
}
.admin-news li{
    line-height:2em;
}
.admin-news p{
    margin:0;
}
.main-news{
    display:flex;
    flex-wrap:wrap;
    gap:1em;
}
.main-news article{
    padding:25px;
    background:#fff;
    border:1px solid var(--sky-blue);
    border-radius:4px;
    box-shadow:var(--block-shadow);
    width:49%;
    min-width:400px;
    flex-grow:1;
}
.main-news article img{
    display:block;
    padding:25px;
}
.main-news article footer{
    display:flex;
    justify-content:flex-end;
    margin-top:1em;
}
.main-news article time{
    color:#999;
}
/* Main news list */
.post-comment-block{
    padding:1em;
}
.best-of-the-best tr:nth-child(2n){
    background:#eee;
}
.file-preview {
    max-width: 200px;
    max-height: 200px;
    margin-top: 10px;
}
img.file-preview{
    cursor:pointer;
}
table.strips tr:nth-child(2n){
    background:white;
}
table.strips tr:nth-child(2n+1){
    background:var(--pale-blue);
}
.checking-buttons{
    padding:1em;
    text-align:center;
}
#leader-board.processing,
.user-scores.processing{
    opacity:0.4;
}
#leader-board:not(.processing),
.user-scores:not(.processing){
    opacity:1;
    transition:opacity 0.4s;
}
.ui-widget-overlay{
    background: #1114;
    opacity: 1;
    backdrop-filter: blur(4px);
}