body {
    margin:0em;
    padding:0em;
    background:URL('./images/bg.gif') top center;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:0.8em;
}
.cleaner {
    visibility:hidden;
    clear:both;
}
#top {
    background:URL('./images/bg-top.gif') repeat-x top center;
    height:146px;
    overflow:hidden;
    text-align:center;
}
#topc {
    background:URL('./images/top.gif') no-repeat bottom center;
    width:996px;
    height:146px;
    margin:0em auto;
    text-align:left;
    position:relative;
}
#topc h1 {
    width:350px;
    height:80px;
    margin:0em;
    padding:0em;
}
#topc h1 a {
    text-decoration:none;
    display:block;
    width:350px;
    height:80px;
}
#topc h1 a span {
    display:none;
}
#topc h1 a.show {
    display: inline;
    color: #FFF;
    font-size: 0.5em;
    _font-size: 0.38em;
    margin: 85px 0px 0px 40px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#topc .time {
    position:absolute;
    top:25px;
    left:350px;
    margin:0em;
    padding:0em;
    font-family:arial,sans-serif;
    font-size:1.5em;
    color:#FFF;
}
#topc .time dt {
    line-height:42px;
    float:left;
    margin-right:10px;
}
#topc .time dd {
    line-height:42px;
    width:180px;
    float:left;
    margin:0em;
    padding:0em;
}
#topc .time .ddot {
    background:URL('./images/ddot.gif') no-repeat center center;
    display:block;
    float:left;
    width:10px;
    height:42px;
    margin-right:5px;
}
#topc .time .digit {
    display:block;
    float:left;
    width:25px;
    height:42px;
    margin-right:5px;
    background-image:URL('./images/digit.gif');
    background-repeat:no-repeat;
    background-position:25px 42px;
}
#topc .time .digit_  { background-position:25px 42px;width:0px; }
#topc .time .digit_0 { background-position:0px 0px; }
#topc .time .digit_1 { background-position:-25px 0px; }
#topc .time .digit_2 { background-position:-50px 0px; }
#topc .time .digit_3 { background-position:-75px 0px; }
#topc .time .digit_4 { background-position:-100px 0px; }
#topc .time .digit_5 { background-position:-125px 0px; }
#topc .time .digit_6 { background-position:-150px 0px; }
#topc .time .digit_7 { background-position:-175px 0px; }
#topc .time .digit_8 { background-position:-200px 0px; }
#topc .time .digit_9 { background-position:-225px 0px; }

#endGame {
    position:absolute;
    top:10px;
    left:678px;
    margin:0em;
    padding:0em;
    width:90px;
    height:89px;
    background:URL(images/koniec-hry.jpg) no-repeat top left;
    cursor:pointer;
    display:none;
}
#endGame span {
    display:block;
    text-align:center;
    font-size:1.1em;
    font-weight:bold;
    color:#FFF;
    text-transform:uppercase;
    margin:30px 10px 0px 10px;
}

#mmenu {
    position:absolute;
    bottom:16px;
    left:38px;
    margin:0em;
    padding:0em;
    background:URL('./images/mmenu-bg.jpg') repeat-x -1px 100% #51A2FD;
    list-style:none;
}
#mmenu li {
    display:block;
    float:left;
    height:36px;
    background:URL('./images/mmenu-right.jpg') no-repeat bottom right;
}
#mmenu li span {
    margin:0em;
    padding:0 11px 0 39px;
    display:block;
    float:left;
    line-height:36px;
    height:36px;
    background-position:bottom left;
    background-repeat:no-repeat;
}
#mmenu li.u span { background-image:URL('./images/mmenu-u.jpg'); }
#mmenu li.mr span { background-image:URL('./images/mmenu-mr.jpg'); }
#mmenu li.v span { background-image:URL('./images/mmenu-v.jpg'); }
#mmenu li.sr span { background-image:URL('./images/mmenu-sr.jpg'); }
#mmenu li span a {
    color:#FFF;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
}

#mmenu2 {
    position:absolute;
    bottom:16px;
    right:150px;
    margin:0em;
    padding:0em;
    /*background:URL('./images/mmenu-bg.jpg') repeat-x -1px 100% #51A2FD;*/
}
#mmenu2 li {
    display:block;
    float:left;
    font-weight: bold;
}
#mmenu2 li span {
    _float:left;
    margin:0em;
    padding:0;
    display:block;
    background-position:bottom left;
    background-repeat:no-repeat;
    min-height:48px;
    overflow:hidden;
    _height:48px;
}
#mmenu2 li a {
    display:block;
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
    /* padding:12px 10px 10px 38px; */
    padding: 28px 10px 20px 38px;
    line-height:12px;
    background-image:URL('../../../theme/modry/images/mmenu-right.gif');
    background-repeat:no-repeat;
    background-position:bottom right;
}

#mmenu2 li.ks { background:URL('../../../theme/modry/images/a-bg.gif') repeat-x bottom left; }
#mmenu2 li.ks span { background-image:URL('../../../theme/modry/images/a-left.gif'); }
#mmenu2 li.ks a { background:URL('../../../theme/modry/images/a-right.gif') no-repeat bottom right; }

#mmenu2 li.smc { background:URL('../../../theme/modry/images/b-bg.gif') repeat-x bottom left; }
#mmenu2 li.smc span { background-image:URL('../../../theme/modry/images/b-left.gif'); }
#mmenu2 li.smc a { background-image:URL('../../../theme/modry/images/b-right.gif'); }

#mmenu2 li.kmb { background:URL('../../../theme/modry/images/c-bg.gif') repeat-x bottom left; }
#mmenu2 li.kmb span { background-image:URL('../../../theme/modry/images/c-left.gif'); }
#mmenu2 li.kmb a { background-image:URL('../../../theme/modry/images/c-right.gif'); padding-right: 44px; }

#mmenu2 li span a span {
    display: none;
}

#page {
    width:946px;
    _height:200px;
    min-height:300px;
    background:URL('./images/page-bg.gif') repeat-x bottom left #004795;
    margin:0px auto;
    text-align:left;
    border-bottom:10px solid #469DFF;
}

#bottomInfo {
    width:946px;
    margin:1em auto;
    text-align:center;
    color:#FFF;
    font-size:0.85em;
}
#bottomInfo a {
    color:#FFF;
    text-decoration:none;
}

/* U L O H Y */
#playground {
    color:#FFF;
}
#playground a {
    color:#FBE82C;
}

#playground .bigbutton {
    background:URL(./images/bigbutton2.jpg) no-repeat center center;
}
#playground .bigbutton a {
    background:URL(./images/bigbutton2.jpg) no-repeat center center;
    display:block;
    width:228px;
    height:100px;
    overflow:hidden;
    line-height:100px;
    font-size:40px;
    font-weight:bold;
    margin:0em auto;
}

#playground .textcontent {
    padding:20px;
    _padding: 10px;
    margin:0px;
    color:#FFF;
}
#totalTime, #gameTime { display:none; }
#gamelist {
    float:left;
    width:110px;
    text-align:center;
    min-height: 400px;
    _height: 400px;
}
#gamelist ul {
    margin:0em 0em 0em 15px;
    padding:0em;
    list-style:none;
}
#gamelist ul li {
    display:block;
    width:80px;
    height:60px;
    margin:0em;
    padding:0em;
    background-image:URL('./images/gamelist.gif');
    background-repeat:no-repeat;
    background-position:80px 60px;
}
#gamelist ul li.finished { background-position:-160px 0px; }
#gamelist ul li.paused   { background-position:-80px 0px; }
#gamelist ul li.active   { background-position:0px 0px; }
#gamelist ul li.unseen   { background-position:-240px 0px; }
#gamelist ul li a {
    display:block;
    width:72px;
    padding-right:8px;
    height:60px;
    text-align:center;
    line-height:60px;
    font-size:1.8em;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}
#playground h2 {
    margin:0em 0em 0.5em 0em;
    padding:0em;
    font-size:1.7em;
    color:#FFF;
    font-weight:normal;
}
#game {
    float:left;
    width:540px;
    height:540px;
    overflow:hidden;
    margin-right:18px;
}
#gameinfo {
    width:246px;
    margin-right:24px;
    _margin-right:10px;
    float:right;
}
.rules {
    margin:0em 0em 1.5em 0em;
    float:left;
    width:540px;
}
.rules .t1, .rules .t2, .rules .b1, .rules .b2 {
    font-size:0.1em;
    height:1px;
    overflow:hidden;
    background:#4290E7;
}
.rules .t1, .rules .b2 { margin:0 1px;border-right:1px solid #226BBD;border-left:1px solid #226BBD; }
.rules .t2, .rules .b1 { margin:0 0px;border-right:1px solid #226BBD;border-left:1px solid #226BBD; }
.rules .c {
    background:#4290E7;
    padding:8px 10px;
}

.help_image {
    margin: 0em 0em 1em 0em;
    padding: 0px;
    float: left;
    /*width: 540px;*/
}
.help_image.right {
    width: 246px;
    margin-top: 5px;
}
.help_image.top {
    width: 540px;
}
.help_image.bottom {
    width: 540px;
}
.help_image .t1, .help_image .t2, .help_image .b1, .help_image .b2 {
    font-size: 0.1em;
    height: 1px;
    overflow: hidden;
    background: #FF0;
}
.help_image .t1, .help_image .b2 { margin: 0px 1px; border-right: 1px solid #FF0; border-left: 1px solid #FF0; }
.help_image .t2, .help_image .b1 { margin: 0px 0px; border-right: 1px solid #FF0; border-left: 1px solid #FF0; }
.help_image .c {
    padding: 8px 10px;
    border-width: 2px 3px;
    border-style: solid;
    border-color: #FF0;
}
.help_image img {
    border: 3px solid #FF0;
}

.gamehelp .t1, .gamehelp .t2, .gamehelp .b1, .gamehelp .b2 {
    font-size:0.1em;
    height:1px;
    overflow:hidden;
    background:#A2CEFF;
}
.gamehelp .t1, .gamehelp .b2 { margin:0 1px;border-right:1px solid #5296E0;border-left:1px solid #5296E0; }
.gamehelp .t2, .gamehelp .b1 { margin:0 0px;border-right:1px solid #5296E0;border-left:1px solid #5296E0; }
.gamehelp .c {
    background:URL(images/ziarovka.jpg) no-repeat top right #A2CEFF;
    color:#000;
    padding:8px 55px 8px 10px;
    _height:67px;
    min-height:61px;
}
/* Casomiera na ulohu */
#gameinfo .time {
    margin:2em 0em 1em 2em;
    padding:0em;
    font-size:1.2em;
}
#gameinfo .time dt {
    line-height:28px;
    float:left;
    margin-right:10px;
}
#gameinfo .time dd {
    line-height:28px;
    width:120px;
    float:left;
    margin:0em;
    padding:0em;
}
#gameinfo .time .ddot {
    background:URL('./images/ddot-small.gif') no-repeat center center;
    display:block;
    float:left;
    width:8px;
    height:28px;
    margin-right:3px;
}
#gameinfo .time .digit {
    display:block;
    float:left;
    width:16px;
    height:28px;
    margin-right:3px;
    background-image:URL('./images/digit-small.gif');
    background-repeat:no-repeat;
    background-position:16px 28px;
}
#gameinfo .time .digit_  { background-position:16px 28px;width:0px; }
#gameinfo .time .digit_0 { background-position:0px 0px; }
#gameinfo .time .digit_1 { background-position:-16px 0px; }
#gameinfo .time .digit_2 { background-position:-32px 0px; }
#gameinfo .time .digit_3 { background-position:-48px 0px; }
#gameinfo .time .digit_4 { background-position:-64px 0px; }
#gameinfo .time .digit_5 { background-position:-80px 0px; }
#gameinfo .time .digit_6 { background-position:-96px 0px; }
#gameinfo .time .digit_7 { background-position:-112px 0px; }
#gameinfo .time .digit_8 { background-position:-128px 0px; }
#gameinfo .time .digit_9 { background-position:-144px 0px; }

/* BUttony */
#gameinfo .buttons {
    clear:both;
    padding-top:30px;
    _padding-top:30px;
}
#gameinfo .buttons .pause, #gameinfo .buttons .finish {
    display:block;
    width:123px;
    height:26px;
    margin-bottom:10px;
    float:left;
    background-image:URL(images/gamebuttons_2.gif);
    background-repeat:no-repeat;
    text-align:center;
    line-height:26px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}
#gameinfo .buttons .pause { background-position:0px 0px; }
#gameinfo .buttons .finish { background-position:-123px 0px; }

#gameinfo .buttons .gamelist {
    clear:both;
    display:block;
    width:246px;
    height:26px;
    background:URL(images/gamebutton2_2.gif) no-repeat top left;
    text-align:center;
    line-height:26px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}

/* PROMPT */
#prompt {
    font-size:11px;
    background:#002D5F;
    width:165px;
    _height:1px;
    min-height:1px;
}
#prompt .promptForm {
    position:relative;
    top: -3px;
    left:-3px;
    background:#FFF;
    border:1px solid #004796;
}
#prompt .promptForm .message {
    background:URL('./images/bg-prompt-msg.jpg') repeat-x top left #004897;
    padding:5px;
    font-weight:bold;
    color:#FFF;
}
#prompt .promptForm .inputs {
    padding:5px 5px 30px 5px;
    _height:1px;
    _padding-bottom:5px;
}
#prompt .promptForm .input {
    width:150px;
    border:1px solid #004796;
    background:#FFF;
    font-size:1em;
    margin-bottom:5px;
}
#prompt .promptForm .okbutton,.promptForm .cancelbutton {
    display:block;
    width:25px;
    height:25px;
}
#prompt .promptForm .okbutton span,.promptForm .cancelbutton span {
    display:none;
}
#prompt .promptForm .okbutton {
    background:URL('./images/btn-ok.gif') no-repeat top left;
    float:left;
}
#prompt .promptForm .cancelbutton {
    background:URL('./images/btn-cancel.gif') no-repeat top left;
    float:right;
}

/* kontextove a ine menu */
#gameMenu {
    position:absolute;
    top:0px;
    left:0px;
    font-size:11px;
    background:#002D5F;
    _height:1px;
    min-height:1px;
}
#gameMenu .menu {
    margin:0em;
    padding:0em;
    position:relative;
    top: -3px;
    left:-3px;
    background:#FFF;
    border:1px solid #004796;
}
#gameMenu ul {
    margin:0em;
    padding:0em;
    background:#FFF;
    list-style:none;
}
#gameMenu ul li {
    margin:2px;
    padding:2px;
    border:1px solid #FFF;
}
#gameMenu ul li.hover {
    border:1px solid #004796;
}

/* ZOZNAM HIER */
#gamelistBig {
}
#gamelistBig .game {
    width:30%;
    margin:0% 1% 1% 1%;
    _margin: 0px 10px 10px 10px;
    float:left;
}
#gamelistBig .game .t1, #gamelistBig .game .t2,
#gamelistBig .game .b1, #gamelistBig .game .b2 {
    background:#4290E7;
    height:1px;
    overflow:hidden;
    border-left:1px solid #226BBD;
    border-right:1px solid #226BBD;
}
#gamelistBig .game .t1, #gamelistBig .game .b2 {
    margin:0px 1px;
}
/* #gamelistBig .game .b2 {
    background:#1D78DE;
}
#gamelistBig .game .t1 {
    background:#64A5EC;
} */
#gamelistBig .game .c {
    background:#4290E7;
    padding:5px 7px;
    /* border-right:1px solid #1D78DE;
    border-left:1px solid #64A5EC; */
}
#gamelistBig .game h3 {
    margin:0em;
    padding:0em;
}
#gamelistBig .game a {
    text-decoration:none;
    color:#FFF;
}
#gamelistBig .c_public a {
    color: #CF2121;
    text-decoration: underline;
}

#gamelistBig .finished .t1, #gamelistBig .finished .t2, #gamelistBig .finished .b1, #gamelistBig .finished .b2, #gamelistBig .finished .c { background:#B80201; }
#gamelistBig .paused .t1, #gamelistBig .paused .t2, #gamelistBig .paused .b1, #gamelistBig .paused .b2, #gamelistBig .paused .c { background:#DB9A02; }
#gamelistBig .unseen .t1, #gamelistBig .unseen .t2, #gamelistBig .unseen .b1, #gamelistBig .unseen .b2, #gamelistBig .unseen .c{ background:#928E8B; }
#gamelistBig .active .t1, #gamelistBig .active .t2, #gamelistBig .active .b1, #gamelistBig .active .b2, #gamelistBig .active .c{ background:#13B200; }


/* fotogaleria */
.photogallery {
    padding: 0px;
}
.photogallery dl.pgImage {
    float: left;
    width: 150px;
    text-align: center;
    margin: 5px 5px;
    padding: 5px 5px;
}
.photogallery dl.pgImage dd {
    margin: 0px;
    padding: 0px;
}
.photogallery dl.pgImage {
    border: 1px solid #4290E7;
    background-color: #1768BF;
}
.photogallery dl.pgImage a img {
    border: 1px solid #4290E7;
}

/* download */
.download {
   padding: 0px;
}
.download dl.downloadDoc {
    float: left;
    width: 230px;
    text-align: left;
    margin: 5px;
    padding: 5px;
}
.download dl.downloadDoc dt {
    float: left;
    margin-right: 5px;
}
.download dl.downloadDoc a img {
    border: none;
}

/* anketa */
.anketa-otazky {
    margin: 0px;
    padding: 0px;
}
.anketa-otazky .shortcolumn {
    width: 5em;
}
.anketa-otazky .required {
    font-weight: bold;
}
.anketa-otazky .anketa-otazka {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.anketa-otazky .anketa-otazka .left {
    float: left;
}
.anketa-otazky .anketa-otazka .right {
    float: left;
}

form.anketaform {
    margin: 0px;
    padding: 0px;
}
form.anketaform input, form.anketaform textarea {
    font-family: arial,sans-serif;
    font-size: 1em;
}

.left-ao-panel {
    width: 420px;
    float: left;
    background: #2A68BD;
    margin: 0px 5px 5px 0px;
    padding: 10px;
}
.right-ao-panel {
    width: 420px;
    float: left;
    background: #2A68BD;
    margin: 0px 5px 0px 5px;
    padding: 10px;
}
.left-ao-panel .number, .right-ao-panel .number {
    font-size: 1.1em;
    color: #FF912E;
    font-weight: bold;
}

/* Reporty */
.report {
    padding:0.2em 0.3em 0.2em 0.3em;
    margin:0px 20px 10px 20px;
    background:#FFFFCC;
    border:1px solid #AAAAAA;
    /*-moz-border-radius:8px;*/
    color: #000;
    width: 895px;
}
.report .ico {
    padding: 0px 4px 0px 0px;
    _padding:0px 1px 0px 0px;
    background-repeat:no-repeat;
    background-position:top left;
    display: block;
    height: 16px;
    width: 16px;
    float: left;
}
.report .cancel { background-image:URL('../../../mgs/theme/images/ico/cancel.gif'); }
.report .information { background-image:URL('../../../mgs/theme/images/ico/information.gif'); }
.report .accept { background-image:URL('../../../mgs/theme/images/ico/accept.gif'); }
.report .help { background-image:URL('../../../mgs/theme/images/ico/help.gif'); }

#game_image {
    float: left;
    width: 505px;
    border: 1px solid #002146;
    background: #01438C;
}
#game_image .head {
    position: relative;
    border-bottom: 1px solid #002146;
    padding: 2px 3px;
    background: #4290E7;
}
#game_image .head .close {
    /*float: left;*/
    position: absolute;
    margin: 2px 0px 0px 0px;
    top: 0px;
    right: 3px;
}
#game_image .head h3 {
    /*float: left;*/
    margin: 0px;
    padding: 0px;
}
#game_image .gi_content {
    padding: 2px;
    text-align: center;
    background: #FFF;
}

#gamelistBig .group {
    border: 2px solid #EEEEEE;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 35px;
}
#gamelistBig .group .text {
    padding-bottom: 10px;
    margin: 0 8px 15px 8px;
    font-size: 1.2em;
    border-bottom: 1px solid #CCC;
    line-height: 1.5em;
}
#gamelistBig .group .text .title {
    font-size: 1.3em;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #CCC;
    color: #EEE;
}
#gamelistBig .buttons .btn_list {
    margin: 5px 0 0 0;
    background: url(images2/game-button-list.gif) no-repeat left top;
    width: 213px;
    height: 50px;
    float: none;
    padding: 4px 0 0 4px;
}
#gamelistBig .buttons .btn_list a {
    background: none;
    width: 209px;
    height: 34px;
    padding: 12px 0 0 0;
    clear:both;
    display:block;
    text-align:center;
    line-height:26px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    font-size: 1.1em;
    text-transform: uppercase;
}
#gamelistBig .buttons .btn_timeout {
    background: #F41A1A;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #F41A1A;
    margin: 5px 0 0 0;
    padding: 5px 10px;
    border-radius: 5px;
}