my-position   /* Style for frontend */

@charset "UTF-8";

@font-face {
  font-weight:  400;
  font-style:   normal;
  font-family: 'din-rounded';
  src: url('../fonts/DINNextRoundedLTPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/DINNextRoundedLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/DINNextRoundedLTPro-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/DINNextRoundedLTPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/DINNextRoundedLTPro-Regular.svg#3669ba33c5d462b0b9a92d36d9e3ffa6') format('svg'); /* Legacy iOS */
}

@font-face {
  font-weight:  400;
  font-style:   normal;
  font-family: 'din-rounded-medium';
  src: url('../fonts/DINNextRoundedLTPro-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/DINNextRoundedLTPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/DINNextRoundedLTPro-Medium.woff') format('woff'), /* Modern Browsers */
  url('../fonts/DINNextRoundedLTPro-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/DINNextRoundedLTPro-Medium.svg#69ec4d425f2353b7e16498a86adf76e8') format('svg'); /* Legacy iOS */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {
    font-family: 'din-rounded-medium';
    src: url('../fonts/DINNextRoundedLTPro-Medium.svg#69ec4d425f2353b7e16498a86adf76e8') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'din-rounded';
    src: url('../fonts/DINNextRoundedLTPro-Regular.svg#3669ba33c5d462b0b9a92d36d9e3ffa6') format('svg'); /* Legacy iOS */
  }
}


html { 
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; 
}

/* reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend, iframe {
   margin: 0;
   padding: 0;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
fieldset, img, iframe {
   border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
   font-style: normal;
   font-weight: normal;
}
ol, ul {
   list-style: none;
}
caption, th {
   text-align: left;
}
h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
}
q:before, q:after {
   content: '';
}
abbr, acronym {
   border: 0;
}
hr {
   margin: 0;
}

a img {
   border:none;
}
/* page */
body {
   background-color: #fff;
   font-family: 'din-rounded-medium';
   font-size: 12px;
   color: #454545;
   padding-top:40px;
}

a, a:hover {
   text-decoration: none;
}

p {
   line-height: 130%;
}

strong, b {
   font-family: 'din-rounded-medium';  
   font-weight:bolder;
   color: #454545;
}
h2, h3, h4, h5 {
   line-height: 130%;
}
#adv_stripe {
   text-align: center;
   padding: 10px 0 5px 0;
   background-color: #fff;
}
#adv_stripe textarea {
   width: 960px;
   border: 1px solid #333;
   margin: 0 auto;
   padding: 10px;
   text-align: center;
   font-size: 20px;
   background-color: #fff;
   font-family: comic Sans MS;
   overflow: hidden;
}
#wrapper {
/*   background: #F5F0E6 url(../images/background.png) repeat-x;*/
  background:#fff;
   min-height: 400px;
   padding: 5px 0 0px 0;
}
#page {
/*   width: 921px;*/
   width: 940px;
   margin: 0 auto;
}
/* Header */



#logo {
   width: 216px;
   height: 86px;
   display: block;
   position: absolute;
   top: 1px;
   left: 15px;
}


.nav-first-level li, .nav-category li {
   display: inline;
}

.second-level {
   display:block;
   
}

#leftside {
   float: left;
   width: 698px;
}

#slideshow, #content, #content2, #rightside {
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

p a {
   color:#454545;
}

p a:hover {
   color:#FF4606;

}

h3>a {
   text-transform: lowercase;
}
#magazin {
   width: 420px;
   position: relative;
   float: left;
}

#magazin .more {
   display: block;
   text-align: right;
   margin-top: 14px;
   margin-right: 5px;
   padding-bottom: 0px;
   right: 0px;
   margin-bottom: -10px;
}

#magazin>img {
   width: 420px;
   height: 168px;
   background-color: #ddd;
   border: 0;
   background: #D9DADB;
}

#dalsi-clanky, .dalsi-clanky-index {
   width: 440px;
   margin: 5px 0 0 0;
   padding: 5px 0 0 0;
   line-height: 150%;
   position: relative;
}
.dalsi-clanky-kryt {
   background-color: #fff;
   width: 20px;
   height: 3px;
   position: absolute;
   top: -3px;
   left: 200px;
}
#dalsi-clanky p, .dalsi-clanky-index p {
   width: 220px;
   float: left;
}
#dalsi-clanky p a {
   text-decoration: none;
   color: #454545;
   font-size: 10px;
}
.dalsi-clanky-index p a {
   font-size: 12px;
   text-decoration: none;
   color: #454545;
   line-height: 170%;
}
#dalsi-clanky a:hover, #right a:hover, .dalsi-clanky-index a:hover {
   color: #222;
   text-decoration: underline;
}
#novinky {
   margin: 0 auto;
   margin-top:14px;
   width: 160px;
}
#novinky>h3 {
   margin: 0 0 -5px 0;
}

.novinka, .comment {
   overflow:hidden;
   text-align:justify;
   font-family: din-rounded;
   color: #454545;
   font-size: 12px;
   padding: 10px 0;
   border-bottom: solid 1px #D6BCAB;
   -moz-box-shadow: 0px 1px 0px #F6F0E9;
   box-shadow:  0px 1px 0px #F6F0E9;
   line-height:1.45em;
}
.novinka>a, .comment>a, .anketa-odpoved>a {
   color: #454545;
}

.novinka>a:hover {
      
}

.novinka>span, .comment>span {
   color: #8F7D7D;
   display: block;
}
#novinky>.more {
   display: block;
   margin-top: 10px;
}
/* Nadpisy */

#games, #kategorie-games {
   position: relative;
}
#kategorie-games {
   width: 660px;
}
#kategorie-games>.game {
   margin: 10px 20px 10px 0;
   height: 250px;
}
#online, #mobilni, #stazeni {
   float: left;
   width: 200px;
}
#mobilni {
   margin: 0 19px 0 19px;
}


.article>h5 {
   color: #ccc;
   font-size: 12px;
   margin: -5px 0 5px 0;
}

.article .video {
   text-align:center;
   margin-top:20px;
   z-index:100;
   width:100%;
   background: #000 url("../images/video-bg.gif") repeat-x left bottom;
}
.game>h4>a:hover {
   color: #454545;
}
/* rightside */

.login-text {
   border: 1px solid #EFE9DE;
   padding: 3px;
   font-family: din-rounded-medium;
   font-size: 12px;
   color: #454545;
   display:block;
   margin: 0 auto 4px auto;
   box-shadow:  inset 1px 1px 0px #D5BCAB;
   -moz-border-radius: 3px;
   border-radius: 3px;
   width:90%;
}

.login-button {
   width: 140px;
   height: 25px;
   background-color: #FF3903;
   color: #fff;
   border: 0;
   display: block;
   font-size: 12px;
   padding: 4px 3px 5px 3px;
   font-family: din-rounded;
   cursor: pointer;
   margin: 6px auto 0 auto;
   font-family: din-rounded-medium;
   -moz-box-shadow: 1px 1px 0px #D5BCAB;
   box-shadow:  -1px -1px 0px #D5BCAB;
   border-radius: 3px;
   -moz-border-radius: 3px;
}

.login-remember {
   position: relative;
   top: 5px;
   margin-bottom: 7px;
}
.login-remember-text {
   position: relative;
   left: 4px;
   top: 2px;
   font-size: 10px;
}

.no-account {
   font-size: 10px;
   position: relative;
   top: 8px;
   margin-bottom: 6px;
}
.login-button:hover {
   -moz-box-shadow: 1px 1px 0px #D5BCAB;
   box-shadow:  1px 1px 0px #D5BCAB;
   position: relative;
   top: 1px;
   left: 1px;
}
.login-head {
   width: 100%;
   height: 22px;
   position: absolute;
   top: 0px;
   right: 0px;
   text-align: center;
   padding-top: 5px;
   font-size: 14px;
   background-color: #EFE9DE;
   border-right: 1px solid #EFE9DE;
   border-top-right-radius: 3px;
   -moz-border-radius-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
}


#rightside-login>form {
   margin-top: 38px;
}


#rightside-profil {
   width: 155px;
   font-size: 9px;
   position: relative;
   margin: 0 0 11px 0;
   padding: 0 0 5px 15px;
   border: 1px solid #EFE9DE;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -moz-box-shadow: 1px 1px 0px #D5BCAB;
   box-shadow:  1px 1px 0px #D5BCAB;
}
.rightside-profil-obr {
   position: relative;
   margin-bottom: 7px;
   -moz-box-shadow: 1px 1px 0px #D5BCAB;
   box-shadow:  1px 1px 0px #D5BCAB;
}
.rightside-profil-jmeno {
   padding: 0px 0 0 0;
}
.rightside-profil-hodnost {
   color: #D6BCAB;
}
.rightside-rank {
   position: absolute;
   right: 9px;
}
#rightside-profil>p>a {
   color: #FC4505;
}
#rightside-profil>p>a:hover {
   text-decoration: underline;
}
.rightside-profil-info {
   width: 140px;
}
.rightside-profil-info>span {
   float: right;
}
#pocet_her {
   font-size: 14px;
   color: #8F7D7D;
   font-family: din-rounded;
   border-bottom: solid 1px #D6BCAB;
   -moz-box-shadow: 0px 1px 0px #F6F0E9;
   box-shadow:  0px 1px 0px #F6F0E9;
   padding-bottom: 5px;
}
#o_projektu {
   margin: 10px 0;
}
#o_projektu a {
   font-size: 14px;
   color: #8F7D7D;
   font-family: din-rounded;
   margin: 10px 0;
}
#o_projektu a:hover {
   color: #222;
}

.silver {
   color: #454545;
}
.orange {
   color: #FC4505;
}
.inzerce-right-nadpis {
   font-size: 10px;
   color: #D6BCAB;
   margin: 20px 0 0 0;
}
.avatars-img {
   float: left;
   margin: 0 2px 2px 0;
}
.avatars-img-last {
   float: left;
   margin: 0 0 3px;
}
#anketa {
   font-family: din-rounded;
   color: #454545;
   font-size: 12px;
}
#anketa>h3 {
   margin: 20px 0 7px 0;
}
.anketa-odpoved {
   color: #454545;
}
.anketa-odpoved:hover {
   color: #FC4505;
}
.anketa-procenta {
   background-color: #ccc;
   color: #454545;
   display: block;
   -moz-border-radius: 3px;
   border-radius: 3px;
   position: relative;
   height: 15px;
   margin-bottom: 7px;
}
.anketa-odpoved:hover>.anketa-procenta {
   background-color: #FC4505;
   color: #FC4505;
}
.anketa-procenta-text {
   position: absolute;
   top: 1px;
   right: -28px;
}
/* Více */
.more {
   color: #FF4606;
   font-size: 10px;
   text-decoration: none;
   float: right;
}
.more:hover {
   text-decoration: underline;
}
#footer {
   width: 920px;
   margin: 0 auto;
   padding-top: 20px;
   position: relative;
}
#footer .logo {
   background-image: url(../images/footer.png);
   width: 216px;
   height: 46px;
   display: block;
}
#footer p {
   font-size: 11px;
   position: absolute;
   top: 25px;
   left: 240px;
   color: #454545;
   line-height: 150%;
   white-space:nowrap;
}

.clear {
   visibility: hidden;
   clear: both;
}
hr {
   color: #F3ECE4;
   background-color: #F3ECE4;
   height: 1px;
   border: 0;
   border-bottom: 1px solid #D6BCAB;
   margin: 4px 0;
}

/* Slideshow */
.slideshow {
   position: relative;
   top: 0;
   float: left;
   border: 0;
   height: 253px;
   z-index: 100;
   margin: 10px 0px 10px -15px;
   font-family: 'din-rounded' !important;
}

.slideHrefTop:hover, .slideHrefBottom:hover {
  text-decoration: none;
}

.slideshow a:hover {
   text-decoration:none !important;
}
a {
   border: 0;
}
#fadeshow1 {
   position: relative;
   left: 29px;
   z-index: 800;
}
#fadeshowDescriptionTop, #fadeshowDescriptionBottom {
   position: absolute;
   top: 145px;
   width: 524px;
   height: 50px;
   padding-left: 20px;
   text-align: left;
   color: white;
   font-size: 36px;
   overflow: hidden;
   z-index: 99;
   left: 35px;
   z-index: 900;
   text-shadow: 1px 1px 1px #000;
}
#fadeshowDescriptionBottom {
   color: #ff4505;
   top: 185px;
}
div.tlacitkaSlideshow {
   position: absolute;
   width: 209px;
   height: 19px;
   left: 0px;
   font-size: 12px;
   z-index: 1300;
}
div.tlacitkoSlide {
   float: left;
   text-align: center;
   cursor: pointer;
   padding: 2px;
   width: 14px;
   height: 14px;
}
#hide {
   background-color: #fff;
   position: absolute;
   top: 130px;
   left: -522px;
   width: 530px;
   height: 110px;
   z-index: 1000;
   margin: 0;
   padding: 0;
}
.tlacitkoSlide strong {
   font-weight: normal;
   text-align: center;
   background-image: url(../images/kruh.png);
   width: 15px;
   height: 17px;
   padding: 0 0 0 1px;
   display: block;
}
#stick {
   position: absolute;
   z-index: 900;
   width: 47px;
   height: 67px;
   left: 605px;
   top: -2px;
   float: left;
   background-image: url(../images/stick.png);
}
.left-slideshow-button, .right-slideshow-button {
   position: absolute;
   cursor: pointer;
   left: 5px;
   background-color: #fff;
   width: 27px;
   height: 256px;
   z-index: 1300;
}
.left-slideshow-button {
   left: 0px;
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   border-top-left-radius: 3px;
   -moz-border-radius-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   -moz-border-bottom-left-radius: 3px;
   background: #fff url(../images/tv-prev.png) no-repeat 50% 120px;
}
.right-slideshow-button {
   left: 671px;
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   border-top-right-radius: 3px;
   -moz-border-radius-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   background: #fff url(../images/tv-next.png) no-repeat 50% 120px;
}
.left-slideshow-button:hover, .right-slideshow-button:hover {
   border: 0;
   border-left: 1px solid #DFCCC0;
   border-top: 1px solid #DFCCC0;
   background-position: 50% -17px;
}
/* Recenze */
.recenze {
   width: 420px;
   float: left;
}
.recenze-text {
   margin: 10px 0;
   text-align: justify;
   font-family: 'din-rounded';
   font-size: 14px;
   line-height: 1.5em;
}

.recenze-text a {
   color:#454545;
   text-decoration: underline;
}

.recenze-text a:hover{
   color:#FC4505;
}


#recenze-left, .recenze-right {
   border: 0;
}
.galerie, .nazor {
   width: 200px;
   float: right;
}
.nazor {
   
}
.nazor>hr {
   margin: 10px 0;
}
.nazor>p {
   width: 100%;
   margin: 3px 0;
}
.nazor-check {
   float: right;
}
.recenze-galerie-obrazek {
   width: 200px;
   height: 120px;
   display: block;
   margin: 5px 0;
}
.recenze-autor>span {
   color: #8F7D7D;
}
.recenze-hodnoceni-hry, .recenze-stitek, .diskuze-prispevek {
   border: 1px solid #EFE9DE;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: 1px 1px 0px #D6BCAB;
   box-shadow:  1px 1px 0px #D6BCAB;
}
.recenze-hodnoceni-hry {
   width: 187px;
   height: 33px;
   padding: 5px;
   margin: 10px 0;
}
.recenze-procenta {
   background-color: #FC4505;
   color: #FC4505;
   display: block;
   -moz-border-radius: 3px;
   border-radius: 3px;
   position: relative;
   height: 15px;
   margin-top: 3px;
}
.recenze-dalsi {
   color: #8F7D7D
}
.recenze>hr, .magazin>hr {
   margin: 10px 0;
}
.recenze-hrat {
   background-image: url(../images/button-135px.png);
   width: 136px;
   height: 20px;
   float: left;
   text-align: center;
   padding: 3px 0 0 0;
   color: #454545;
   margin: 6px 0 0 0;
}
.share {
   float: right;
   position: relative;
   width: 420px;
}

.share-download {
   margin: 15px 0 15px 0;
   height: 30px;
   width: 100%;
}

.share-left {
   float: left;
   position: relative;
}
.share>p {
   position: relative;
   right: 103px;
   top: 10px;
}
.share-left>.share-icons {
   margin-top: 8px;
}
.share-icons>a {
   margin-left: 5px;
}
.share-icons {
   margin: 9px 0 0 0;
}
.recenze-plus, .recenze-minus {
   width: 138px;
   min-height: 69px;
   font-size: 10px;
   line-height: 140%;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 11px 0 0 60px;
}

.recenze-plus ul li, .recenze-minus ul li {
   margin-bottom:5px;
   
}

.recenze-plus ul li:first-letter, .recenze-minus ul li:first-letter  {
  text-transform: uppercase;
}


.recenze-plus {
   background: #CFE570 url(../images/plus.png) no-repeat 8px 10px;
   border-right: 1px solid #B4C64A;
   border-bottom: 1px solid #B4C64A;
}
.recenze-minus {
   background: #FF8D66 url(../images/minus.png) no-repeat 8px 18px;
   border-right: 1px solid #F24C2C;
   border-bottom: 1px solid #F24C2C;
   margin: 9px 0 0 0;
}
.recenze-stitek {
   width: 177px;
   min-height: 136px;
   padding: 10px;
   margin: 25px 0 0 0;
}
.recenze-stitek-left {
   float: left;
   width: 70px;
}

.play-game-1 {
   background: #fff url('../images/button-hrat-cs.gif') no-repeat top center;
   width: 203px;
   height: 58px;
   cursor:pointer;
   display: block;
   margin-bottom: 10px;
}

.play-game-2 {
   background: #fff url('../images/button-hrat-en.gif') no-repeat top center;
   width: 203px;
   height: 58px;
   cursor:pointer;
   display: block;
   margin-bottom: 10px;
}

.play-game-3 {
   background: #fff url('../images/button-hrat-en.gif') no-repeat top center;
   width: 203px;
   height: 58px;
   cursor:pointer;
   display: block;
   margin-bottom: 10px;
}

.play-game:hover {
   background-position:bottom center 
}

.download-1 {
   background: #fff url('../images/button-download-cs.gif') no-repeat top center;   
}

.download-2 {
   background: #fff url('../images/button-download-en.gif') no-repeat top center;   
}

.download-3 {
   background: #fff url('../images/button-download-en.gif') no-repeat top center;   
}

.external-games {
   display:block;
   width:205px;
   height:10px;
   padding-top:100px;
   margin-bottom:10px;
   text-align:center;
   color:#454545;
   white-space:nowrap;
}

.android-market {
   background: #fff url('../images/market.gif') no-repeat top center;
}

.appstore {
   background: #fff url('../images/appstore.gif') no-repeat top center;
}


.facebook-game {
   background: #fff url('../images/facebook.gif') no-repeat top center;
}


.external-link {
   background: #fff url('../images/external-link.gif') no-repeat top center;
}


#new-comment {
   display:none;
}

.game-in {
   height:570px;
   margin-bottom:20px;
   overflow:hidden;
}

.recenze-stitek-right {
   float: right;
   width: 100px;
   color: #8F7D7D;
   white-space:nowrap;
}
.recenze-button {
   font-family: din-rounded-medium;
   background: url(../images/button-135px.png) no-repeat;
   width: 136px;
   height: 19px;
   display: block;
   text-align: center;
   font-size: 12px;
   text-decoration: none;
   color: #454545;
   margin: 7px 5px 5px 0;
   padding-top: 3px;
   border: 0;
   cursor: pointer;
}
input.recenze-button {
   height: 22px;
}
.recenze-button:hover {
   background-position: 0 -22px;
}
.diskuze {
   width: 420px;
}

.form-text, textarea, .registrace-text, .vyhledavani-text {
   border: 1px solid #EFE9DE;
   box-shadow:  inset 1px 1px 0px #D5BCAB;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 5px;
   width: 410px;
   font-family: din-rounded-medium;
   font-size: 12px;
   color: #454545;
}
/* Magazín */
.magazin {
   width: 640px;
}
.magazin-left {
   width: 200px;
   float: left;
   margin-right: 20px;
}
.magazin-right {
   float: right;
   margin:  0;
}
.magazin-obrazek-left {
   float: left;
   margin: 12px 18px 12px 0;
}
.magazin-obrazek-right {
   float: right;
   margin: 12px 0 12px 18px;
}

/* Profil */
.profil {
   width: 420;
   float: left
}
.profil-uzivatele-left {
   width: 250px;
   float: left;
}
.profil-uzivatele-left-obr {
   box-shadow:  1px 1px 0px #D5BCAB;
   float: left;
   margin: 3px 5px 0 0;
}
.profil-uzivatele-right td {
   width: 100px;
}
.pratele {
   float: right;
   width:
}
.achievment {
   width: 30px;
   height: 30px;
   margin: 4px 4px 0 0;
}
.profil>hr {
   margin: 10px 0;
}
/* Registrace */
.registrace, .vyhledavani {
   width: 420px;
   position: relative;
   float: left;
}
.registrace-text {
   width: 200px;
   height: 14px;
   margin: 0 0 4px 0;
}
.registrace-obr {
   width: 45px;
   float: left;
   height: 70px;
   position: relative;
   margin: 10px 7px 0 0;
}
.registrace-obr>.radio {
   position: absolute;
   bottom: 0;
   left: 17px;
}
.registrace-button {
   font-family: din-rounded-medium;
   background: url(../images/button-135px.png) no-repeat;
   width: 136px;
   height: 22px;
   display: block;
   text-align: center;
   font-size: 12px;
   text-decoration: none;
   color: #454545;
   margin: 7px 0 5px 0px;
   float: left;
   padding-top: 3px;
   border: 0;
   cursor: pointer;
}
.registrace-button:hover {
   background-position: 0 -22px;
}
.h420>hr {
   margin: 15px 0;
}
.registrace>p, .registrace>form>p {
   margin: 7px 0;
}
.registrace-check {
   margin: 0 5px 0 0;
}
.registrace-check-label {
   position: relative;
   top: -3px;
}
.registrace-maskot {
   position: absolute;
   top: 30px;
   right: 0;
}
input.registrace-soubor {
   width: 100%;
}
.tip {
   margin: 0 0 15px 0;
}
.tip>p, .info>p {
   margin: 7px 0 0 0;
}
/* O nas */
#redakce {
   width: 660px;
   margin: 30px 0 40px 0;
}
.redaktor {
   width: 200px;
   float: left;
   border-bottom: solid 1px #D6BCAB;
   -moz-box-shadow: 0px 1px 0px #F6F0E9;
   box-shadow:  0px 1px 0px #F6F0E9;
   padding-bottom: 5px;
   margin: 10px 20px 10px 0;
}
.redaktor img {
   width: 200px;
   height: 80px;
   border: 0;
}
.redaktor h4, .game h4 a {
   color: #8F7D7D;
   font-size: 18px;
   margin: 3px 0;
}
.redaktor p {
   color: #454545;
   font-size: 12px;
}
.partneri {
  width: 660px;
}

.partneri>h3 {
  width: 640px;
}
.partneri>img {
  width: 200px;
  float: left;
  margin: 10px 20px 10px 0;
}

.napiste-nam {
   width: 420px;
   float: left;
   margin-top: 30px;
}
.napiste-nam>form {
   margin-top: 10px;
}
.question-spam {
   float: left;
   margin: 11px 10px 0 0;
}
.spam-text {
   border: 1px solid #EFE9DE;
   box-shadow:  inset 1px 1px 0px #D5BCAB;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 5px;
   margin-top: 7px;
   width: 140px;
   float: left;
   font-family: din-rounded-medium;
   font-size: 12px;
   color: #454545;
   height: 12px;
}
/* Vyhledavani */
.vyhledavani hr {
  margin-top: 13px;
}
.vyhledavani-text {
   width: 265px;
   float: left;
   margin-bottom: 5px;
}
.vyhledavani-button {
   font-family: din-rounded-medium;
   background: url(../images/button-135px.png) no-repeat;
   width: 136px;
   height: 22px;
   display: block;
   text-align: center;
   font-size: 12px;
   text-decoration: none;
   color: #454545;
   margin: 4px 0 5px 0px;
   float: right;
   padding-top: 3px;
   border: 0;
   cursor: pointer;
}
.vyhledavani-button:hover {
   background-position: 0 -22px;
}
.vyhledavani-label-box {
   float: left;
   width: 105px;
   height: 15px;
   margin-bottom: 13px;
   margin-top: -3px;
}
.vyhledavani-label-box-wide {
   float: left;
   width: 210px;
   height: 15px;
   margin-bottom: 13px;
   margin-top: -3px;
}
.vyhledavani-label-box-thin {
   float: left;
   width: 52px;
   height: 15px;
   margin-bottom: 13px;
   margin-top: -3px;
}
.vyhledavani-headers {
   margin: 12px 0 10px 0;
   font-size: 13px;
}
.vyhledavani-ptak {
  position: relative;
  margin-top: 10px;
}
.vyhledavani-ptak>p {
  position: absolute;
  width: 210px;
  top: 12px;
  left: 7px;
}
.vyhledavani-ptak>p>span {
  color: #FF390D;
  font-size: 14px;
}
#left, .left {
   float: left;
}

.half-block {
   width:50%;
}
#right {
   width: 200px;
   float: right;
}
.right {
   float: right;
}
.h640 {
   width: 640px;
}
.h420 {
   width: 420px;
}
.h200 {
   width: 200px;
}
.h160 {
   width: 160px;
   font-family: din-rounded;
}
.h100 {
   width: 100px;
}
.navigace {
   display: none;
   height: 22px;
   padding-bottom:10px;
   text-transform: lowercase;
}
.navigace_online, .navigace_mobile, .navigace_download, .nav-magazine {
   display: none;
}
.navigace>hr, .navigace-hr {
   width: 920px;
   color: #fff;
   background-color: #fff;
   height: 1px;
   border: 0;
   border-bottom: 1px solid #D6BCAB;
   margin: 0px 0px 10px 0px;
   display: block;
}
.navigace ul {
   list-style: none;
   height: 25px;
   width: 920px;
}
.navigace li {
   display: inline;
   margin: 0px 5px 0px 0px;
}
.navigace ul li:hover a {
   color: #FF390D;
}
.navigace a {
   padding: 2px 5px 2px 5px;
   font-size: 13px;
   text-decoration: none;
   border-bottom: 0;
   cursor: pointer;
   color: #454545;
}
.navigace a:hover {

}
.navigace a span {
   float: left;
   display: block;
}
.navigace a span {
   float: none;
}
/* Sub level menus*/
.nav-category {
   color: #8E7D7D;
   text-align: left;
   font-size:13px;
   height:45px;
   display: none;
   white-space: nowrap;
   text-transform: lowercase;
}

.nav-category li {
   color: #8E7D7D;
   margin:0px 5px 0px 0px;
}

.nav-category a {
   border: 0;
   color: #8E7D7D;
   padding: 2px 5px 2px 5px;
}
/* Sub level menu links style */
.navigace ul li:hover ul li a {
   border: 0;
   color: #8E7D7D;
}
.nav-category li a:hover {
   color: #FF390D;
}
.nav {
   clear: both;
   position: relative;
}

a.nav-selected {
   /*float:left; */
   padding-top:0px;
   padding-bottom:0px;
   background-color: #8E7D7D;
   color: #F2EDE4;
   position: relative;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

a.nav-selected:hover {
   color:#fff !important;
   background-color: #FF390D;
}

.nav-category a.nav-odkaz-all:hover, .navigace ul li a.nav-odkaz-all:hover {
   color: #F2EDE4;
   background-color: #FF390D;
}

.paginator {
   margin-top: 40px;
   font-size: 11px;
   width: 640px;
}
.paginator table {
   border-collapse: collapse;
   table-layout: fixed;
   width: 100%;
}
.paginator table td {
   padding: 0;
   text-align: center;
}
.paginator span {
   display: block;
   padding: 3px 0;
   color: #fff;
}
.paginator span strong, .paginator span a {
   padding: 2px 2px;
   color: #5C5C5C;
}
.paginator span strong, .paginator span a:hover {
   padding: 2px 6px;
   color: #FF360F;
}
.paginator span strong {
   color: #FF360F;
   font-style: normal;
   font-weight: normal;
}
.paginator .scroll_bar {
   width: 100%;
   height: 20px;
   position: relative;
   margin-top: 10px;
}
.paginator .scroll_trough {
   width: 100%;
   height: 1px;
   background: #D6BCAB;
   border-bottom: 1px solid #E0CCC0;
   overflow: hidden;
}
.paginator .scroll_thumb {
   position: absolute;
   z-index: 2;
   width: 0;
   height: 3px;
   top: 0;
   left: 0;
   font-size: 1px;
   background: transparent;
}
.paginator .scroll_knob {
   position: absolute;
   top: -5px;
   left: 0px;
   margin-left: -17px;
   width: 41px;
   height: 18px;
   overflow: hidden;
   background: url(../images/slider.png) no-repeat 50% 50%;
   cursor: pointer;
   cursor: hand;
}
.paginator .current_page_mark {
   position: absolute;
   z-index: 1;
   top: 0px;
   left: 0;
   width: 0;
   height: 3px;
   overflow: hidden;
   background: #ff6c24;
}
.fullsize .scroll_thumb {
   display: none;
}
.paginator_pages {
   width: 600px;
   text-align: right;
   font-size: 0.8em;
   color: #808080;
   margin-top: -10px;
}
a.slideHrefTop {
   text-decoration: none;
   color: rgb(255, 255, 255);
}
a.slideHrefTop:hover {
   text-decoration: underline;
}
a.slideHrefBottom {
   text-decoration: none;
   color: rgb(255, 69, 5);
}
a.slideHrefBottom:hover {
   text-decoration: underline;
}
/*** LOADER BAR ***/

#ajax-content-wrapper {
   position:relative;
   width: 698px;  
}

#ajax-content {
   position:relative;
   width: 698px;
}

#loader-bar {
   width:100%;
   z-index:800;
   position:absolute;
   top:0px;
   left:0;
   border:1px solid #fff;
   background: transparent url('../images/gray_opacitor_80.png') repeat;
   display:none;
   border: 1px solid #FF3903;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

#flag-cover {
  z-index:810;
  background-color:#ede7dd;
  background-image:none;
  height:5px;
  position:absolute;
  right:47px;
  top:-6px;
  width:50px;
}

.loader-bar-content {
   margin:0 auto;
   margin-top:200px;
   width:300px;
   height:17px;
   padding:23px 20px 20px 70px;
   border: 2px solid #FF4606;
   -moz-border-radius: 3px;
   border-radius: 3px;
   background: #fff url('../images/ajax-loader.gif') 20px center no-repeat;
   box-shadow:  0px 0px 20px #333333;
   -moz-box-shadow:  0px 0px 20px #333333;
}


.category-icon {
   margin:-20px 0px -36px -30px;
}

.error-page {
   background-repeat: no-repeat;
   background-position: 150px 40px;
   min-height:350px;
}


.author-game {
   
}

.author-game a {
   color:#454545;
}

.author-game a:hover {
   color:#FF4606;
}

input.units {
   width:23px !important;
}

.filter-box {
   margin:10px 0px 10px 0px;
   min-height:30px;
}

.filter-row {
   height:27px;
   clear:both;
}

.filter-box label {
   float:left;
   margin:2px 5px 0px 0px;
   min-width:35px;
}

.filter-box input, .filter-box select {
   float:left;
   height:18px;
   border:1px solid #cccccc;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   margin:0px 15px 0px 0px;
   width:89px;
}

.filter-box select {
   height:21px;
}

.filter-box input[type="checkbox"] {
   margin-right:0px !important;
   margin-top:5px;
   width:13px;
   font-size:13px;
}

.filter-box input[type="submit"] {
   height:24px;
   cursor:pointer;
   margin-top:-2px;
   padding:4px 5px 2px 5px;
   text-align:center;
   z-index: 550; 
   border-radius: 3px;
   border:none;
   cursor:pointer;
   font-family: 'din-rounded-medium';
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   background-color:#ff3903;
   color:#fff;
   float:right;
   margin-right:0px;
   width:170px;
}

.custom-advert {
   display:block;
   margin:15px 0px 10px 0px;
   padding:5px 0px 5px 0px;
   text-align:center;
   border-top-color:#D6BCAB;
  border-top-style:solid;
  border-top-width:1px;
}

.custom-advert h2 {
   font-size:16px;
   color:#000;
}

.hh2 {
   font-size:20px;  
}

.hh3 {
   font-size:16px;  
}

.hlinered {
   font-size:13px;  
   padding-left:15px;
   display: block;
}

.hnabor {
   display:block;
   margin:15px 0px 10px 0px;
   padding:5px 0px 5px 0px;
   text-align:center;
}

.hnabort>a {
   color: #454545;
}

.hnabort>a:hover {
   color: #FC4505;   
}
/* MAIN PARTS */

/** HEADER **/
#header {
	height: 87px;
	position: relative;
}

.header-cs {
  
/*  background-image: url(../images/header-cs.png);*/
}

.header-en {
/*  background-image: url(../images/header-en.png);*/
}

.header-es {
/*   background-image: url(../images/header-cs.png);*/
}

#logo {
	width: 216px;
	height: 86px;
	display: block;
	position: absolute;
	top: 1px;
	left: 15px;
}

/*** NAVIGATION ***/
#menu {
	position: absolute;
	left: 255px;
	top: 20px;
	height: 55px;
	text-transform: lowercase;
}

#menu li {
   display:block;
   float:left;
   margin-right:30px;
   width:62px;
   height:20px;
   line-height:1.125em;
   font-size: 13px;
   cursor:pointer;
   padding: 30px 0 0 0;
   background-repeat: no-repeat;
}

#menu li a {
   padding-top: 35px;
   color: #454545;
}

#menu li:hover a {
   color: #FC4505;
}

#menu li:hover {
	color: #FC4505;
	background-position: 0 -52px;
}

.menu-active {
	color: #FC4505 !important;
	background-position: 0 -52px;
}

#nav-online {
	background-image: url(../images/headerico-online.png);
}

#nav-mobile {
	background-image: url(../images/headerico-mobile.png);
	left: 100px;
}

#nav-download {
	background-image: url(../images/headerico-downloadable.png);
	left: 210px;
}

#nav-mmo {
	background-image: url(../images/headerico-mmo.png);
}

#nav-magazine {
	background-image: url(../images/headerico-magazin.png);
	left: 340px;
}

#nav-forum {
	background-image: url(../images/headerico-forum.png);
}

/** SEARCH **/


#search {
	position: absolute;
	right: 30px;
	top: 20px;
	height: 55px;
}
#search_input {
	background: url(../images/search.png) no-repeat;
	border: 0;
	width: 110px;
	height: 22px;
	padding: 0 22px 0 3px;
	font-style: italic;
	position: absolute;
	right: 25px;
	top: 0px;
}
#search_input:hover {
	background-position: 0 -22px;
}
#search_submit {
	background-color: transparent;
	border: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 25px;
	top: 0px;
}
#search_submit:hover {
	background: url(../images/search.png) no-repeat;
	background-position: -115px -22px;
}
.search-rozsirene:hover {
	background-position: 0 -22px;
}
.search-rozsirene {
	display: block;
	background: url(../images/search-advanced.png) no-repeat;
	width: 22px;
	height: 22px;
}

/** LANGUAGES **/
#lang {
	position: absolute;
	right: -19px;
	top: 20px;
}
#lang a {
   display:block;
   color: #454545;
   text-decoration: none;
}

#lang img {
   width:20px;
   height:15px;
   margin-bottom:0px;
}

#lang a:hover {
	color: #FC4505;
}

/** SECTION MENU **/

.section-active {
	color: #FC4505 !important;
	background-position: 0 -52px;
}

/** MENU WRAPPER **/

#menu-wrapper {
   display:none;
}

.inline-list {
	list-style: none;
	height: 30px;
	text-transform:lowercase;
	font-size: 13px;
	white-space:nowrap;;
}

.inline-list li {
	display: inline;
}

.submenu-setter {
   width:100%;
   height:2px;
}

.inline-list a {
	padding: 1px 5px 1px 5px;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
	cursor: pointer;
	color: #454545;
}

.inline-list a:hover {
	color: #FF390D;
}

.inline-list a.active {
	background-color: #8E7D7D;
	color: #F2EDE4;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.inline-list a.active:hover {
   color:#fff;
	background-color: #FF390D;
}

.category-list a {
   color: #8E7D7D;  
}

#category-wrapper {
   display:none;
}

.subsection-list {
   background: transparent url("../images/category-line.gif") repeat-x left 25px;
}

/*** CONTENT ***/

#content {
   padding:15px 0;
   width: 668px;
   background-color: #fff;
   z-index: 1500;
}

#rightside {
	float: left;
	width: 235px;
	background-color: #fff;
	padding: 5px 0 15px 0;
}

/*** SIDEBAR ***/

/** GAME TOTAL COUNT **/

#total-games {
	font-size: 14px;
	color: #8F7D7D;
	font-family: din-rounded;
	border-bottom: solid 1px #D6BCAB;
	-moz-box-shadow: 0px 1px 0px #F6F0E9;
	box-shadow:  0px 1px 0px #F6F0E9;
	padding-bottom: 5px;
}

#total-games em {
   display:block;
}

/*** ARTICLE ***/
.article {
  position: relative;
  padding-bottom:20px;
}

.article img {
	float: left;
	width: 200px;
	margin: 5px 12px 5px 0px;
	border: 1px solid #333333;
}

.article p {
   float:right;
   width:424px;
   text-align:justify;
}

.article h4, .article h4 a {
	color: #8F7D7D;
	font-size: 18px;
	margin: 10px 0 7px 0;
	width:90%;
}

.article>h4>a:hover {
	color: #454545;
}

/*** HOMEPAGE ***/
.section-box {
   position:relative;
   margin-bottom:14px;
}

.section-box button {
   float:right;
   height:18px;
   z-index: 550; 
   background-color:#faf5eb;
   border-radius: 3px;
   border:none;
   cursor:pointer;
   margin:0px 2px 0px 2px;
   font-family: 'din-rounded-medium';
   color:#333333;
   -webkit-box-shadow: inset 0px 0px 3px 0px #666666;
   -moz-box-shadow: inset 0px 0px 3px 0px #666666;
   box-shadow: inset 0px 0px 3px 0px #666666;
}

.section-box button:hover, .section-box button.active {
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   background-color:#ff311d;
   color:#fff;
}

.show-games-box {
   position:relative;
}

.button-box {
   top: 14px;
   right: -2px;
   position: absolute;
}

/*** GAME LIST ***/
.caption {
   background-color: #F2EDE4;
   height: 21px;
   display: block;
   text-align: center;
   font-size: 14px;
   text-decoration: none;
   color: #454545;
   margin: 0px 0px 4px 0px;
   font-family: din-rounded-medium;
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   border-radius: 3px;
   -moz-border-radius: 3px;
   text-transform: lowercase;
   line-height:21px;
}

.top-stick {
   margin-bottom:8px;  
}

.game {
   float: left;
   font-size: 12px;
   border-bottom: solid 1px #D6BCAB;
   -moz-box-shadow: 0px 1px 0px #F6F0E9;
   box-shadow:  0px 1px 0px #F6F0E9;
   margin:0px 34px 8px 0px;
   width: 200px;
   height: 310px;
   position:relative;
}

.last-2 {
	margin-right:0px;
}

.game img {
	width: 200px;
	height: 80px;
	border: 0;
}
.game h4, .game h4 a {
	color: #8F7D7D;
	font-size: 18px;
	margin: 3px 0;
}

.game h5 {
   color: #F3430B;
	text-transform: lowercase;
}
   
.game p {
	color: #454545;
	text-align:justify;
	margin:8px 0px 8px 0px;
}

.bottom-game-info {
	position:absolute;
	bottom:5px;
	white-space:nowrap;
	font-size:12px;
}

p.score, p.comments, p.downloaded, .released {
	float: left;
	height: 16px;
	padding:2px 0px 0px 23px;
	margin-right:6px;
	background-repeat: no-repeat;
   width:37px;
}

.score {
	background-image: url(../images/ico-like.png);
}

.comments {
	background-image: url(../images/ico-comments.png);
}

.downloaded {
	background-image: url(../images/ico-downloads.png);
}

.released {
   text-align:right !important;
   float:right;
   width:42px;
   padding-left:17px;
	background-image: url(../images/ico-published.png);
}


/*** ARTICLE ***/

.article-date {
  color: #ccc;
  position: absolute;
  right: 0;
  top:0px;
}

/*** FILTER ORDERING ***/

.order-arrows {
	float:left;
	margin-left:-13px;
}

input.asc, input.desc {
	float:left;
	display:none;
}

label.labelAsc, label.labelDesc {
	height:20px;
	float:left;
	font-size:0.65em;
	background-repeat: no-repeat;
	cursor:pointer;
	margin:2px 2px 0px 2px ;
	width:13px !important;
	min-width:13px !important;
}

.labelAsc {
	background: transparent url("../images/asc.png");
	background-position: center top;
}

.labelDesc {
	background: transparent url("../images/desc.png");
	background-position: center top;
}

.labelAsc.active, .labelDesc.active  {
	background-position: center bottom !important;
}

.filter-toggle {
	float:right;
	height:10px;
	margin:0px 10px 0px 0px;
	font-size:0.9em;
	cursor:pointer;
	padding-left:12px;
	background-position: left 1px;
   background: transparent url("../images/filter-toggle.gif") no-repeat left top;
}

.filter-show {
	background-position: left -10px;
}

.filter-box-toggled {
	display:none;
	height:83px;
	overflow:hidden;
}

/*** PLAY GAME ***/
#play-game {
   position:relative;
	z-index:500;
	min-width:921px;
	margin-bottom:7px;
}

#play-game object {
   margin: 0 auto;
}

.play-game-wrapper {
   background-color:#e1d9ca;
   padding:7px 7px 0px 7px;
}

#tool-box {
	margin:0px 0px 7px 0px;
	height:22px;
	background-color: #fff;
}

#tool-box div{
	cursor:pointer;
	float:left;
	margin:2px 10px 5px 15px;
}

#tool-box div a {
   color: #454545;
}

#tool-box div a:hover{
	text-decoration: underline;
}

#tool-box div.rate-game {
   float: right;
   margin:0px 25px 0px 0px;
}

#tool-box span {
   float:left;
   margin:0px -12px 0px 0px;
   padding:2px 0px 0px 0px;
}

#tool-box div.favorite-game {
   float: right;
   position: relative;
}

#tool-box div.share-icon {
   position: absolute;
   left: 281px;
}

#tool-box div.favorite-game .message {
   display: none;
}

#tool-box div.favorite-game a, #tool-box div.favorite-game span, #tool-box div.share-icon a.icon {
   color: #454545;
   padding:0 5px 0 20px;
   background: transparent url('../images/heart.png') no-repeat left center;
}

#tool-box div.favorite-game span {
   text-decoration: none;
   cursor: default;
}

#tool-box div.share-icon a.icon {
   background: transparent url('../images/share.png') no-repeat left center;
}

#tool-box div.share-icon span {
}

#facebook-share {
   margin-right: 10px;
}

.twitter-share-button {
   margin-left: 10px;
   height: 22px;
}

.share-panel {
   display: none;
   position: absolute;
   width: 618px;
   background-color: #fff;
   left: -15px;
   border-top: none;
   -webkit-box-shadow: 0px 2px 3px 0px #cccccc;
   box-shadow: 0px 2px 3px 0px #cccccc;
}

.share-panel .content {
   padding: 10px;
   position: relative;
}

.close-share {
   position: absolute;
   right: 15px;
   bottom: 5px;
   cursor: pointer;
}

.close-share:hover {
   text-decoration: underline;
}

.share-panel .content input {
   width: 570px;
   border: 1px solid #EFE9DE;
   box-shadow: inset 1px 1px 0px #D5BCAB;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 3px 1px 1px 3px;
   margin-bottom: 5px;
}
/*** PLAY GAME BUTTON ***/
.play-game-handler {
   display:none;
   margin: 0px 0px 10px 0px;
}

.left-add {
   left:-165px;
   position:absolute;
}

.right-add {
   right:-165px;
   position:absolute;
}

.left-add-homepage, .right-add-homepage {
   position: absolute;
}

.ads {
   margin-bottom:17px;
   width: 160px;
}

/*** REVIEW ***/
.stick {
   border: 1px solid #EFE9DE;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 0px #D6BCAB;
	box-shadow:  1px 1px 0px #D6BCAB;
	width: 177px;
	padding: 10px;
	margin: 10px 0 10px 0;
}

.game-score {
   height:30px;
}

.game-score div {
	background-color: #FC4505;
	color: #FC4505;
	display: block;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	height: 15px;
	margin-top: 3px;
	float:left;
}

.game-score span {
   color:#333333;
   float:right;
   margin-right:-30px;
}

.game-info {
	font-weight:normal;
	font-family: 'din-rounded';
}

.game-info a {
   color:#333333;
   text-decoration: underline;
}

.game-info li {
   display:block;
   margin:0px 0px 4px 0px;
}

.game-info li span {
   float:left;
   width:50%;
   min-height:18px;
   display: block;
}

.game-info li strong {
   float:left;
   width:50%;
}

.captcha-text {
   padding-top:10px;
}

.author-game {
   margin:10px 0px 10px 0px;
} 
.author-game li {
   height:55px;
   margin:5px 0px 7px 0px;
   padding-top:0px;
   clear:both;
   line-height:14px;
}

.author-game li span {
   float:left;
   width:110px;
   height:36px;
   margin:1px 0px 0px 0px;
   text-align: right;
}

.author-game li em {
   float:left;
   width:310px;
   height:36px;
   margin:1px 0px 0px 0px;
   text-align: right;
}
   
.author-game li img {
   width:90px;
   float:right;
   margin:0px 0px 0px 0px;
   border:1px solid #333333;
}

/*** RIGHT SIDE ***/
.best-players {
   list-style-type:none;
}

.best-players li {
   display: block;
   font-size:14px;
}

.best-players li span {
   float: left;
   margin-top:4px;
}

.best-players img {
   float:left;
   width:31px;
   height:31px;
   margin:0px 5px 0px 0px;
}

.best-players a:hover {
   color:#FC4505;
}

/*** HEADINGS ***/
h1, h2, .section-box h1  {
   font-size: 32px;
   color: #474a4b;
   position: relative;
   margin-bottom:7px;
   line-height:36px;
}

h1 {
   color: #454545;
}

h2 a, .section-box h1  a {
   color: #8F7D7D;   
}

h2 a:hover, .section-box h1 a:hover {
   color: #454545;
   text-decoration: underline;
}

h3 span, h3 a {
   background-color: #F2EDE4;
   height: 18px;
   padding-top:3px;
   display: block;
   text-align: center;
   font-size: 14px;
   text-decoration: none;
   color: #454545;
   margin: 0px 0px 0px 0px;
   font-family: din-rounded-medium;
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   border-radius: 3px;
   -moz-border-radius: 3px;
   text-transform: lowercase;
}

h3 a:hover {
   color: #8F7D7D;
}


/*** HELPERS ***/
.content-box {
   margin-bottom:15px;   
}

.clear {
   clear:both;
}

.silver {
	color: #454545;
}

.orange {
	color: #FC4505;
}

.more {
   display:block;
   text-align:right;
   color: #FF4606;
   font-size: 10px;
   text-decoration: none;
}

.float-left {
   float:left !important;
}

.float-right {
   float:right !important;
}

.play-game-box {
   position:absolute;
   bottom:33px;
   width:100%;
   display:block;
   margin:0 auto 5px auto;
   text-align:center;
   height:20px;
   padding-top:8px;
   z-index: 550; 
   border-radius: 3px;
   border:none;
   cursor:pointer;
   font-family: 'din-rounded-medium';   
   color:#333333;
   background-color:#faf5eb;
   -webkit-box-shadow: inset 0px 0px 3px 0px #666666;
   -moz-box-shadow: inset 0px 0px 3px 0px #666666;
   box-shadow: inset 0px 0px 3px 0px #666666;
}

.play-game-box:hover {
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   background-color:#ff3903;
   color:#fff;
}

.more:hover {
   color: #FF4606;
}

.hidden {
   display: none;
}

.show {
   display: block !important;
}

.center {
   text-align: center;
}

.nowrap {
   white-space: nowrap;
}

.error {
   color:red;
   padding:6px;
}

/*** TOP GAMES ***/
#top-hry, #just-playing {
	font-size: 14px;
	font-family: din-rounded;
	padding: 5px 0;
}

#top-hry p, #just-playing p {
	margin: 5px 0 0 0;
}

#just-playing { 
   margin-top:-5px;
}
#just-playing img {
   margin:0 auto;
   width:190px;
}

/*** LOGIN BOX ***/
#rightside-login {
	font-size: 10px;
	position: relative;
	padding: 0 0 11px 0px;
	border: 1px solid #EFE9DE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px #D5BCAB;
	box-shadow:  0px 1px 0px #D5BCAB;
	margin-bottom:13px;
}

#rightside-login p a {
	color: #FF360F;
}

#rightside-login p {
   padding-left:10px;
}

/*** PAGINATION ***/
.pagination-control {
   text-align:center;
   width:100%;
   margin-top:10px;
   font-size:2.5em;
}

.pagination-control a {
   color:#454545;
}

.pagination-control a:hover {
   color:#FF4606;
}

.active-page {
   color:#FF4606;
   text-decoration: underline;
}

/*** CONTENT ***/
.content>p, .content>form>p {
	margin: 7px 0;
}


/*** FORMS  ***/
.errors {
   font-size: 15px;
   color:red;
   list-style-type: none;
   line-height: 1.1em;
   margin:0px 0px 10px 15px;
}

.errors li {
   margin:2px 0px 2px 0px;
}


/*** PROFILE PAGE ***/
.info-row {
   padding: 10px 0px 0px 0px;
   height:60px;
}

.info-row .main-data {
   position: relative;
}

.info-row .main-data img.avatar {
   float:left;
   margin:0px 12px 0px 0px;
   width:50px;
   height:50px;
}

.info-row .main-data h2 {
   float:left;
   padding-top:3px;
}

.info-row .main-data span {
   color: #2f2f2f;
   font-size:14px;
   position: absolute;
   left:62px;
   top:32px;
   display: none;
}

.make-editor {
   float:right;
   margin:-19px 10px 0px 0px;
   clear: both;
   display: block;
   color: #2f2f2f;
}

.make-editor:hover {
   text-decoration:underline;
}

.info-row .main-data em {
   font-size:11px;
   position: absolute;
   padding:3px 0px 0px 20px;
   left:42px;
   top:50px;
   background: transparent url('../images/wrong-login-small.png') no-repeat left center;
}

.info-row .main-data p {
   position: absolute;
   left:62px;
   top:-2px;
}

.info-row .main-data input[type=text] {
   position: absolute;
   width:200px;
   left:0px;
   top:16px;
   border: 1px solid #EFE9DE;
   box-shadow: inset 1px 1px 0px #D5BCAB;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 3px 1px 1px 3px;
   font-family: din-rounded-medium;
   font-size: 18px;
   color: #454545;
}

.info-row .main-data input[type=submit] {
   position: absolute;
   left:275px;
   top:11px;
   font-size: 14px;
   height:30px;
}

.info-row .box {
   float:right;
}

.info-row .box.information {
   width:185px;
}

.info-row .box.total-score {
   width:156px;
}

.info-row .box.prank {
   width:65px;
   text-align:center;
}

.info-row .box.pscore {
   width:90px;
   text-align:center;
}

.info-row .box.information div {
   font-size: 10px;
   padding:4px 10px 11px 10px;
}

.info-row .box.rank, .info-row .box.score {
   width:65px;
}

.info-row .box h3 {
   color: #474a4b;
   font-size: 14px;
   padding-left:18px;
}

.info-row .box div {
   background-color: #F2EDE4;
   padding:8px 10px 6px 10px;
   height:20px;
   font-size: 13px;
   text-decoration: none;
   color: #454545;
   margin: 2px 0px 0px 10px;
   font-family: din-rounded-medium;
   border-right: 1px solid #DFCCC0;
   border-bottom: 1px solid #DFCCC0;
   border-radius: 3px;
   -moz-border-radius: 3px;
   text-transform: lowercase;  
}

#score, #achievements {
   width:330px;
   margin:10px 0px 0px 0px;
}

#score {
   float:left;
}

#achievements {
   float: right;
}


/*** REGISTRATION FORM ***/
.revert-pass, .f-pass-1 {
   padding-top:0px;
   display:none;
}

.f-username, .f-valid-username, .f-pass-1, .f-pass-2 {
   display:none;
}

.revert-pass a {
   color:#FF360F;   
}

.edit-profile {
   font-size:1.1em;
   margin:2px 10px 0px 0px;
   color:#333333;
   display: block;
}

.category-avatar {
   margin-left:-15px;
   margin-top:-8px;
}


.form-row {
   display:block;
   clear:both;
   
}

.form-row label {
   float:left;
   width:75px;
   margin-right:10px;
   font-size: 12px;
   padding-top:5px;
   color: #454545;
   cursor:pointer; 
}

.form-row input {
   float:left;
   width:150px;
   margin-right:5px;
}

.registrace-obr img, .profil-uzivatele-left-obr {
   width:50px;
   height:50px;
}



#latest-articles {
   float:right;
   width:200px;
}

#main-article p {
   text-align: justify;
}

.more-games-row {
   padding: 0px 0px -10px 0px;
   margin: 10px 0px 0px 0px;
   text-align: center;
   height: 55px;
}

.more-games-row button {
   float:none;
   height:30px;
   padding:6px 40px 0px 40px;
   font-size:13px;
   margin:0 auto;
   margin-top:6px;
}

.loading {
   background-image: url("../images/ajax-loader.gif");
   background-repeat: no-repeat;
   background-position: center bottom;
}

.next-game-containter {
   
}

h4 a {
   color:#454545;
}

h4 a:hover {
   text-decoration:underline;
}


#rightside-login h4 {
   height:24px;
   margin-bottom:10px;
}

.profile-photo-right {
   width:50px;
   height:50px;
   margin-top:25px;
   float:left;
}

.right-links {
   margin:25px 0px 0px 5px;
   float:left;
   font-size:1.15em;
}

.right-links a {
   display: block;
   line-height: 1.55em;
}

.right-links a:hover {
   text-decoration:underline;
}

.logout-link {
   margin:4px 0px 0px 0px;
   font-size:0.95em;
}

/*** SCOREBOARD ***/
.left-chart-box {
   float:left;
   width:49.5%;
}

.right-chart-box {
   float:right;
   width:49.5%;
}

.boards {
   width:100%;
}

.boards h3 span {
   padding-bottom:4px;
   color: #fff;
   background-color:#474a4b;
   display: block;
   width: 100%;
}

#chart-board, #score-board {
   float:left;
   margin-bottom:7px;
}

#awards-board, #chat-board {
   float:right;
   margin-bottom:7px;
}

.score-table {
   width:100%;
   margin-top:-6px;
   border-top:none;
/*   background-color:#474a4b;*/
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.score-table thead  th {
   background-color:#fd3720;
   color: #fff;
   font-size:1.15em;
   padding:3px 0px 1px 0px;
   text-align:center;
}

.score-table tfoot  td {
   border-radius: 0;
   padding:8px 10px 3px 0px;
   font-size:0.9em;
   text-align: right;
   background-color:#474a4b;
   color:#fff;
}

.score-table tfoot  tr {
   height:21px;
   background-color:#474a4b !important;
}

.score-table td {
   padding:3px 0px 2px 2px;
   text-align:center;
}

.score-table td.l-table-border {
   border-left:1px solid #474a4b;
}

.score-table td.r-table-border {
   background: transparent url("../images/border.gif") repeat-y right top;
}

.score-table tr.score-row.active {
   background-color: #FF8C3F;
}

.score-table td.repeating {
   padding-left: 28px;
   cursor: pointer;
   text-align: left;
   color:#fff;
   cursor: pointer;
   background: #666666 url("../images/plus_14.png") no-repeat 6px center;
}


.score-table .chart-table-body {
   display: none;
}

.score-table tbody:first-child, .score-table tbody.table-0 {
   display: table-row-group;
}

/*** TABLE WIDTH ***/
td.w30 {
   width:30px;
}

td.w60 {
   width:60px;
}

td.w120 {
   width:120px;
}

td.w180 {
   width:180px;
}

.score-table a {
   color:#333333;
   padding:3px 0px 0px 2px;
}

.score-table tr:nth-child(even) {
   background: #f5f0e6;
}

.score-table tr:nth-child(odd) {
   background: #FFF;
}

.score-table tr:hover {
   background-color: #8e7d7d;
   color:#fff;
}

.score-table tr:hover a {
   text-decoration: underline;
   color:#fff;
}

.score-table thead tr:hover, .score-table tfoot tr:hover {
   background-color: inherit;
   color:inherit;
}

td.show-rows {
   padding-left:10px  !important;
   text-align:left !important;
   white-space: nowrap;
}

.show-rows span {
   cursor: pointer;
   padding:0px 10px 0px 0px;
   color:#fff;
}

td.show-rows span:hover {
   text-decoration: underline;
   background-color: #999999;
}

td.show-rows-icon {
   text-align: center;
   padding:8px !important;
   text-align:left !important;
   white-space: nowrap;
}

td.show-rows-icon div.less-icon, td.show-rows-icon div.more-icon, .show-rows span {
   float: left;
   width: 30px;
   margin: 0 4px;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   cursor: pointer;
   padding: 1px 10px 1px 26px;
   color: #fff;
   background-color: #666666;
   background-position: 6px center;
   background-repeat: no-repeat;
}

td.show-rows-icon div.less-icon:hover, td.show-rows-icon div.more-icon:hover {
   background-color: #818181;
}

td.show-rows-icon div.less-icon.disabled, td.show-rows-icon div.more-icon.disabled {
   background-color: #666666;
   cursor: default;
   opacity: 0.25;
}

td.show-rows-icon div.more-icon, .more-score {
   background-image: url("../images/plus_14.png");
}

td.show-rows-icon div.less-icon, .less-score {
   background-image: url("../images/minus_14.png");
}

div.show-hide-control {
   width: 150px;
   height: 20px;
   display: block;
   margin: 0 auto;
}

#medals-list {
   width:auto;
   min-height:160px;
   background-color: #fff;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   margin-top:-6px;
   border:1px solid #474a4b;
}

.medal {
   position:relative;
   float:left;
   margin:15px 0px 10px 10px;
   padding:3px;
   width:43%;
   height:40px;
}

#medals-list img {
   float:left;
   max-height:100%;
   max-width:32%;
}

#medals-list ul {
   float:right;
   width: 95%;
   padding-top:4px;
   line-height: 1.2em;
   font-size:1em;
}

#medals-list ul span {
   color:#000;
}

.medal:hover .medal-description {
   display:block;
}

.medal-description {
   display:none;
   position:absolute;
   width:180px;
   min-height:30px;
   background: transparent url("../images_admin/shade.png") repeat;
   padding:5px;
   color:#fff;
   border:1px solid #fe2c1e;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   left: 50px;
   top: 27px;
   z-index: 100;
}

/*** CHAT ***/
#chat-board {
   position:relative;
}

#chat-board span {
   position:absolute;
   width:100%;
   color:#fff;
   height:23px;
   text-align:center;
   background: transparent url("../images/chat-title.png") repeat-x;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   padding:1px 0px 2px 0px;
   margin:1px;
}

#chat-board input {
   border:2px solid #666666;
   font-size:0.9em;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   height:22px;
   width:80%;
   margin-right:10px;
   margin-top:3px;
   padding:0px 2px 0px 2px;
}

#chat-board em {
   float:right;
   padding-top:8px;
}

#chat-area {
   height:113px;
   padding-bottom:15px;
   width:100%;
   margin:0 auto;
   border:1px solid #fe2c1e;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background-color:#f4f4f4;
   overflow-x: hidden;
   overflow-y: auto;
}

#chat-area p {
   padding:5px 1px 2px 3px;
   line-height: 1em;
   margin-bottom:1px;
   clear: both;
}

#chat-area {
   padding-top:20px;
}

#chat-area p strong {
   font-family: 'din-rounded-medium' !important;
}

#chat-area img {
   float:left;
   max-height:21px;
   max-width:21px;
   margin:-5px 2px 0px 0px;
}

p.continuous-message {
   padding-left:30px !important;
}


/*** LOGIN FORM ***/
.zend_form {
   margin:20px 0px 0px 0px;
}

.zend_form input[type=text], .zend_form input[type=password] {
   border:1px solid #ccc;
   height:25px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.zend_form label {
   float:left;
   padding-top:3px;
   font-size:1.15em;
   margin-right:10px;
   width:60px;
   cursor:pointer;
}

.zend_form dd {
   margin-bottom:7px;
}

.download-box {
   margin:10px 0px 25px 0px;
   text-align:center;
}

.download-box a {
   margin:10px auto 10px auto;
}


/*** SKLIK ***/
.sklik {
   padding-left:120px;
   margin-bottom:10px;
   height:80px;
   overflow:hidden;
}

/*** ADSENSE ***/

.ad-sense {
   clear:both;
   text-align:center;
   width:100%;
   height:55px;
   display:block;
   padding:5px 0px 25px 0px;
   margin-top: -15px;
}

/*** GAME INVITATION ***/
.game-invitation {
   position: relative;
}

.game-invitation .inner-div {
   position:absolute;
   top:69px;
   left:272px;
}

.game-invitation  p.info {
   position:absolute;
   top:35px;
   left:35px;   
   color:#616161;
   font-size:1.5em;
   line-height:1.75em;
   height:40px;
}

.game-invitation p.info span{
   color:#ff3300;
}

/*** LOGGED IN ***/
.logged-in {
   float:right;
   width:180px;
   height:20px;
   margin:50px 10px 0px 0px;
   position:relative;
   z-index:1000;
}

.logged-in ul {
   font-size:13px;
   color:#454849;
}

.logged-in ul li {
   display:inline;
   padding:2px 10px 0px 10px;
   cursor:pointer;
}

.logged-in ul li img.avatar {
   margin:2px -5px -9px -10px;
   line-height:25px;
   width:25px;
   height:25px;
   position:relative;
   z-index:0;
}

.logged-in ul li.toggle:hover {
   background: #484a4b;
   color:#fff;
   padding-bottom:2px;
}

.logged-in ul li.toggle:hover a.username {
   color:#fff;
   text-decoration: none;
}

.logged-in ul li.toggle.active a.username {
   color:#fff;
   text-decoration: none;
}

.logged-in ul li:hover div.login-box {
   display:block;
}

.login-alert { 
   display:none;
   height:26px;
}
   
.login-alert img {
   width:21px;
   height:21px;
   margin:0px 4px -6px 4px;
}   
   
.logged-in ul li div.login-box {
   color:#fff;
   -webkit-box-shadow: 0px 0px 10px 0px #33333;
   -moz-box-shadow: 0px 0px 10px 0px #33333;
   box-shadow: 0px 0px 10px 0px #33333;
   position:absolute;
   background-color: #484a4b;
   width:150px;
   padding:15px 10px 10px 10px;
   display:none;
   -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
   box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

.inner-div ul li div.login-box {
   display:block !important;
}

.inner-div ul li div.login-box .toggle {
   background-position: 27px 10px !important;
}

.inner-div ul li:first-child {
   color:#fff;
   background-position: 65px 3px !important;
}

.logged-in ul li.divider {
   padding:0px 6px 0px 0px;
   /* background: transparent url('../images/divider.gif') no-repeat left top; */
   cursor:auto;
}

.logged-in ul li.toggle {
   padding-right:12px;
   background: transparent url('../images/toggle.png') no-repeat right 9px;
}

.logged-in ul li.active {
   background: #484a4b;
   color:#fff;
   padding-bottom:2px;
}

.logged-in ul li a {
   color:#454849;
}

.logged-in ul li span.username {
   padding:0px 3px 0px 12px;
}

.logged-in ul li a:hover {
   text-decoration:underline;
}

.logged-in .login-box ul li {
   display:block;
   font-size:1em;
   padding:0px;
   color:#fff;
   white-space:nowrap;
}

.logged-in .login-box ul.smaller li {
   font-size:0.8em;
}

.logged-in .login-box ul li.top-divider {
   border-top:1px solid #fff;
   padding-top:5px;
   margin-top:3px;
   display: block;
}

.logged-in .login-box ul.smaller li a {
   color:#ff3a20;
   cursor: pointer;
}

.logged-in .login-box ul li a:hover {
   color:#ff6633;
   text-decoration: underline;
}

.logged-in .login-box ul li a {
   color:#fff;
   cursor: pointer;
}

.logged-in .login-box ul li a:hover {
   text-decoration: underline;
}

.facebook-login {
   border-top:1px solid #fff;
   padding-top:7px;
   margin:5px 0px 0px 0px;
}

.facebook-login p {
   text-align:center;
   font-size:0.8em;
   margin-bottom:3px;
   color:#fff;
}

.horizontal-form input[type=text], .horizontal-form input[type=password] {
   background-color:#fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border:1px solid #4e4e4e;
   height:21px;
   display:block;
   margin:2px auto 4px auto;
   padding:2px;
   width:90%; 
}

.horizontal-form input[type=submit], .horizontal-form button {
   background-color:#ff381f;
   color:#fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border:1px solid #4e4e4e;
   height:26px;
   display:block;
   margin:9px auto 9px auto;
   width:90%;
   padding:2px;
   cursor:pointer;
}

.horizontal-form input[type=submit]:hover, .horizontal-form button:hover {
   background-color:#ff6633;
}

/*** ADVERTISING ***/
.paginator-ad {
   display: block;
   height:25px;
   width:468px;
   margin:0 auto;
}

.download-ad {
   display: block;
   height:25px;
   width:680px;
   height:290px;
   margin-left:-3px;
}

.section-ad {
   padding-left:173px;
   height:25px;
   width:336px;
   height:290px;
   margin-left:-3px;
}

.e-warn {
   font-size:200%;
   text-align:center;
   color:#ff3a20;
}

.high-score-ad {
   color: #8E7D7D;
   font-size:1.6em;
}
 
a.high-score-ad:hover {
      color:#F30; 
}
 
.high-score-ad-orange {
   color: #F30;
}
 
.high-score-ad-box {
   text-align: center;
   padding-bottom: 8px;
}

/*** DISKUZE ***/

.diskuze-prispevek {
   width: 339px;
   background: url(../images/prispevek-bg.png) repeat-y;
   position: relative;
   padding: 37px 12px 16px 66px;
   margin: 3px 0 6px 0;
}
.diskuze-prispevek-jmeno_datum {
   position: absolute;
   top: 9px;
   left: 66px;
   color: #8F7D7D;
   font-size: 11px;
}
.diskuze-prispevek .diskuze-prispevek-profil-obr {
   position: absolute;
   top: 10px;
   left: 4px;
   box-shadow: 1px 1px 0px #D5BCAB;
   width: 46px;
}

/*** LIGA STATUS ***/
.liga-status {
   background: url(../images/logo-liga.gif) no-repeat left top;
   padding:50px 0px 0px 3px;
   float:left;
   width:50%;
   font-size:1.25em;
}

.liga-status h3 {
   font-size: 1.4em;
   font-weight: bolder;
}

.liga-status ul {
   color:#fe321a;
   font-size:1.75em;
}

.liga-status ul span {
   font-size: 0.6em;
   color:#333333;
}

/*** SLIDER ***/
#slider {
   height: auto !important;  
}

.coda-nav-left {
   left: 0px;
}

.coda-nav-right {
   right: 0px;
}

.ui-rating-cancel-empty {
   display:none;
}


/*** REGISTRATION ***/
body.no-scroll {overflow: hidden;}

#mask {
   position: fixed;
   z-index: 8990;
   width: 100%;
   height: 100%;
   background: url(../images/opacity.png);
}

.modal-wrapper {
   width: 60%;
   height: 90%;
   margin: 20px auto;
   background: #fff;
   border: 9px solid #503156;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

.modal-wrapper button.close {
   cursor: pointer;
   float: right;
   background-color: #503156;
   color: #fff;
   font-size: 14px;
   line-height: 14px;
   font-weight: bolder;
   font-family: Arial, sans-serif;
   padding: 3px;
   margin: 10px 20px 10px 10px;
   height: 20px;
   width: 20px;
   margin-bottom: -30px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   border: none;
   position: relative;
   z-index: 9999;
}

.modal-wrapper .modal-content {
   width: 100%;
   height: 100%;
   overflow: scroll;
   overflow-x:hidden;
   background: url(../images/right-col.png) center top repeat-y;
}

#mask {
   display: none;
}

.modal-wrapper .modal-content .right-col {
   width: 50%;
   height: 100%;
   float: right;
}

.modal-wrapper .modal-content .left-col {
   width: 50%;
   height: 100%;
   float: left;
}

.left-col .content, .right-col .content {
   padding: 10px 20px 10px 20px;
   color: #484848;

}

.modal-content h1 {
   color: #f14e1e;
   font-size: 24px;
   line-height: 32px;
   font-weight: 300;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.modal-content h2 {
   color: #f14e1e;
   text-transform: uppercase;
   font-size: 17px;
   line-height: 24px;
   font-weight: 600;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.modal-content h2.violet {
   color: #5e3f66;
}

.modal-content h2.blue {
   color: #4d69a2;
}

.modal-content .header {
   width: 100%;
   min-height: 16px;
   padding: 16px 0px;
   -webkit-border-radius: 8px 8px 0px 0px;
   border-radius: 8px 8px 0px 0px; 
   font-size: 120%;
}

.modal-content .body {
   padding-top: 12px;
}

.modal-content .header p, .modal-content .header h2, .modal-content .header h3, .modal-content .header h1 {
   color: #fff;
   padding-left: 16px;
   padding-right: 16px;
}

.inner {
   width: 100%;
   height: 100%;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   margin-bottom: 6px;
}

.inner.gray {
   background-color: #f3f3f2;
}

.modal-content .controls {
   display: block;
   padding: 5px 10px 5px 10px;
   min-height: 17px;
}

.modal-content .controls label {
   float: left;
   text-align: left;
   font-size: 13px;
}

.modal-content .controls label.info {
   font-size: 11px; 
   line-height: 14px;
   padding-left: 14px;
}

.modal-content .controls hr {
   width: 100%;
   height: 1px;
   border: none;
   background-color: #e7e7e6;
   margin: 5px 0 5px 0px;
}

.modal-content .avatar {
   padding: 0px 10px 5px 10px;
   min-height: 70px;
   background: url(../images/avatar.png) 10px 5px no-repeat;
}

.modal-content .avatar p {
   margin: 40px 0px 10px 0px;

}

.modal-content .avatar label, .modal-content .avatar input {
   margin-left: 80px;
   font-size: 13px;  
}

.modal-content .avatar .gallery label, .modal-content .avatar .gallery input {
   margin: 0px;
}

.modal-content .avatar .gallery label {
   float: left;
   width: 46px;
   font-size: 13px;
   text-align: center;
}

.modal-content .avatar img {
   width: 38px;
   height: 38px;
}

.modal-content .controls input[type=text], .modal-content .controls input[type=password] {
   float: right;
   width: 60%;
   text-align: left;
   font-size: 11px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #e7e7e6;
   background-color: #fff;
   height: 15px;
   padding:2px;
}

.modal-content .controls input[type=checkbox] {
   float: left; 
   margin: 1px 5px 0px -14px;
}

.orange-gradient {
   background-image: linear-gradient(bottom, rgb(240,73,26) 38%, rgb(245,116,56) 66%, rgb(250,155,82) 87%);
   background-image: -o-linear-gradient(bottom, rgb(240,73,26) 38%, rgb(245,116,56) 66%, rgb(250,155,82) 87%);
   background-image: -moz-linear-gradient(bottom, rgb(240,73,26) 38%, rgb(245,116,56) 66%, rgb(250,155,82) 87%);
   background-image: -webkit-linear-gradient(bottom, rgb(240,73,26) 38%, rgb(245,116,56) 66%, rgb(250,155,82) 87%);
   background-image: -ms-linear-gradient(bottom, rgb(240,73,26) 38%, rgb(245,116,56) 66%, rgb(250,155,82) 87%);

   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.38, rgb(240,73,26)),
      color-stop(0.66, rgb(245,116,56)),
      color-stop(0.87, rgb(250,155,82))
   );
}

/*** LOGIN BOX ***/
.l1 {
   height: 105px;
   background: url(../images/l1.png) no-repeat left top; 
}

.l2 {
   height: 95px;
   background: url(../images/l2.png) no-repeat left top;
}

.l1 h4, .l2 h4 {
   color: #fff;
   font-weight: 800;
   font-size: 18px;
   padding: 10px;
   font-family: Arial, sans-serif;
}

.l1 .right, .l2 .right {
   float: right;
   width: 230px;
   padding-top: 10px;
}

.l1 .sign-in {
   margin-top: 3px;
   height: 24px;
   width: 127px;
   color: #fff;
   float: right;
   border: none;
   background: url(../images/l1-logged-in.png) no-repeat center top;
}

.modal-content input[type=submit].register, .modal-content button.register {
   height: 30px;
   width: 129px;
   color: #fff;
   margin: 10px auto;
   display: block;
   border: none;
   background: url(../images/register.png) no-repeat center top;
}

input[type=submit], .modal-content button {
   cursor: pointer;
}

.modal-content input[type=submit].register:hover, .modal-content button.register:hover {
   background: url(../images/register.png) no-repeat center bottom;  
}

.l1 input[type=text], .l1 input[type=password] {
   width: 121px !important;
}

.l1 .sign-in:hover {
   background: url(../images/l1-logged-in.png) no-repeat center bottom;
}

.l1 .left, .l2 .left {
   float: left;
   width: 110px;
}

.l2 .right img {
   margin: 25px 0px 0px 15px;
}
/*** MODAL REGISTRATION ***/




#full-side {
  width: 100%;  
}

#full-side div#content {
  width: 920px;
  padding: 0px;
}

.banner-league {
  width: 920px;
  height: 195px;
  margin-bottom: 5px;
  background: transparent url('../images/banner-league.jpg') no-repeat center top;
}

#full-side div#content .left-col {
  float: left;
  width: 655px;
}

#full-side div#content .right-col {
  float: right;
  width: 200px;
  padding-right: 20px;
}

#full-side div#content .left-col .coda-slider-wrapper {
  padding: 0px;
  width: 655px !important;
  min-height: 400px;
  position: relative;
  background: #44194e url('../images/league-table-header.gif') no-repeat center top;
}

#full-side div#content .left-col .coda-slider-wrapper.arrows .coda-slider {
  margin: 0px;
}

.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
  position: absolute;
  background-color: transparent;
  z-index: 200;
  top: 17px;
}

.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
  background-color: transparent;
  display: block;
  width: 171px;
  height:23px;
  padding: 5px 0px 0px 0px;
}

.coda-slider-wrapper .coda-nav-left a {
  background: transparent url('../images/left-arrow.png') no-repeat left top;
}

.coda-slider-wrapper .coda-nav-right a {
  background: transparent url('../images/right-arrow.png') no-repeat right top;
}

.coda-slider-wrapper .coda-nav-left a:hover {
  color: #ffbb00;
  background: transparent url('../images/left-arrow.png') no-repeat left bottom;
}

.coda-slider-wrapper .coda-nav-right a:hover {
  color: #ffbb00;
  background: transparent url('../images/right-arrow.png') no-repeat right bottom;
}

.coda-slider-wrapper .coda-nav-left {
  left: 0px;
}

.coda-slider-wrapper .coda-nav-right {
  right: 0px;
}

.slider-wrapper {
  width: 655px;
  background-color: #44194e;
  padding: 10px;
}

#full-side div#content .left-col .coda-slider {
  width: 655px;
}

#full-side div#content .left-col .coda-slider .panel {
  background-color: transparent;
  width: 655px;
}

#full-side div#content .left-col .coda-slider .panel-wrapper {
  padding: 30px 0px 0px 0px;
}

.panel-wrapper h2 {
  margin-top: -21px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  margin-bottom: 30px;
}

#full-side div#content .left-col .coda-slider .panel {
  width: 655px;
}

#full-side div#content .right-col .tips {
  font-family: Century Gothic, sans-serif;
  font-size: 16px;
  font-weight: bolder;
  color:#343434;
  float: right;
  width: 200px;
  height: 165px;
  padding-top: 175px;
  background: transparent url('../images/league-tips.gif') no-repeat right top;
}

#full-side div#content .right-col h2 {
   padding-top: 10px;
}

#full-side div#content .right-col .tips li {
  margin-bottom: 18px;
  line-height: 19px;
  padding: 0px 10px 0px 21px;
}


#full-side div#content .right-col .tips li span {
  color: #d32726;
  white-space: nowrap;
}

#full-side div#content .left-col .coda-slider .panel table {
  font-family: Arial, sans-serif;
  width:100%;
  background-color: transparent;
  border: none;
  border-collapse: collapse;
  text-align: center;
}

#full-side div#content .left-col .coda-slider .panel table thead {
  color: #fff;
  font-size: 14px;
}

#full-side div#content .left-col .coda-slider .panel table tfoot {
  background-color: #2c2c2c;
}

#full-side div#content .left-col .coda-slider .panel table tfoot tr {
  height: 40px;
}

#full-side div#content .left-col .coda-slider .panel table tfoot span {
  display: block;
  margin: 0 auto;
  width: 172px;
  text-decoration: none;
  font-weight: bolder;
  padding: 4px 0px 0px 11px;
  height: 21px;
  font-size: 13px;
  color: #fff;
  background: transparent url('../images/show-more.gif') no-repeat center top;
}

#full-side div#content .left-col .coda-slider .panel table tfoot span:hover {
  background: transparent url('../images/show-more.gif') no-repeat center bottom;
}

#full-side div#content .left-col .coda-slider .panel table thead th {
  padding: 0px 5px 10px 5px;
  text-align: center;
  font-weight: bolder;
}

#full-side div#content .left-col .coda-slider .panel table tbody tr {
  height: 40px;
  background: transparent url('../images/tr.gif') repeat-x;
}

td.position, th.position {
  width: 80px;
}

td.position span {
  display: block;
  text-align: center;
  width: 35px;
  height: 23px;
  padding-top: 4px;
  margin: 0 auto;
  color: #fff;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow:inset 0 0 3px #333333;
  background: #687994; /* Old browsers */
  background: -moz-linear-gradient(top, #687994 0%, #647695 26%, #35517b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#687994), color-stop(26%,#647695), color-stop(100%,#35517b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #687994 0%,#647695 26%,#35517b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #687994 0%,#647695 26%,#35517b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #687994 0%,#647695 26%,#35517b 100%); /* IE10+ */
  background: linear-gradient(to bottom, #687994 0%,#647695 26%,#35517b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#687994', endColorstr='#35517b',GradientType=0 ); /* IE6-9 */

}

td.position span.top {
  background: #d94040; /* Old browsers */
  background: -moz-linear-gradient(top,  #d94040 0%, #d93b3b 26%, #b41717 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d94040), color-stop(26%,#d93b3b), color-stop(100%,#b41717)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d94040 0%,#d93b3b 26%,#b41717 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d94040 0%,#d93b3b 26%,#b41717 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d94040 0%,#d93b3b 26%,#b41717 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d94040 0%,#d93b3b 26%,#b41717 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94040', endColorstr='#b41717',GradientType=0 ); /* IE6-9 */  
}

td.username {
  width: 200px;
  text-align: left;
  line-height: 35px;
}

td.username a, td.points {
  font-weight: bolder;
  color: #4c4c4c;
}

td.username a img {
  float: left;
  width: 31px;
  height: 31px;
  margin: 1px 6px 0px 0px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

td.username a:hover {
  text-decoration: underline;
}

td.medal-img img {
  margin-top:2px; 
}

a.a-button {
  margin: 5px 0px 5px 0px;
  padding: 2px 0px 0px 30px;
  height: 25px;
  text-decoration: none;
  color: #000;
  font-size: 13px;
  line-height: 25px;
  text-align: left;
  width: 170px;
  float: left;
  background: transparent url('../images/sidebutton.png') no-repeat left top;
}

a.a-button:hover {
  background: transparent url('../images/sidebutton.png') no-repeat left bottom; 
}

#proces {
  width:670px;
  height:165px;
  margin: 5px 0 20px 5px;
  float:left;
  background: transparent url('../images/proces.png') no-repeat center top;
}

#proces ul {
  height: 165px;
  padding: 0px 15px 0px 15px;
}

#proces ul li {
  float: left;
  width: 90px;
}

#proces ul li a {
  float: left;
  padding-top: 85px; 
  height: 25px;
  color: #7f7f7f;
  font-size: 16px;
  text-align: center;
  border: none;
  cursor: default;
  font-size: 13px;
  white-space: nowrap;
}

#proces ul li a.step-1 {
  width: 90px;
  background: transparent url('../images/step-1.png') no-repeat center top;
}

#proces ul li a.step-1:hover {
  background: transparent url('../images/step-1.png') no-repeat center bottom;
}

#proces ul li a.step-2 {
  width: 90px;
  background: transparent url('../images/step-2.png') no-repeat center top;
}

#proces ul li a.step-2:hover {
  background: transparent url('../images/step-2.png') no-repeat center bottom;
}

#proces ul li a.step-3 {
  width: 90px;
  background: transparent url('../images/step-3.png') no-repeat center top;
}

#proces ul li a.step-3:hover {
  background: transparent url('../images/step-3.png') no-repeat center bottom;
}

#proces ul li a.step-4 {
  width: 120px;
  background: transparent url('../images/step-4.png') no-repeat center top;
}

#proces ul li a.step-4:hover {
  background: transparent url('../images/step-4.png') no-repeat center bottom;
}

#proces ul li.arrow {
  width: 80px;
  height: 110px;
  background: transparent url('../images/red-arrow.png') no-repeat center center;

}

.league-text-box {
  margin: 10px;
}

#umisteni{
  width:100%;
  height:165px;
  margin: 10px 0 0 5px;
  padding:0 0 0 0px;
  float:left;
}

#skokani{
  width:675px;
  height:auto;
  float:left;
  margin: 60px 0 0 5px;
}

.jump {
  width:215px;
  height:auto;
  margin: 0 5px 0 0;
  float:left;
}

#sponzori{
  color:#7d7d7d;
  width:675px;
  height:auto;
  margin: 15px 0 0 5px;
  float:left;
}

.umistenitext {
  margin: 7px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  color:#643d6c;  
}

#sidebutt1 {
  float:right;
  height:auto;
  padding:0 0 0 0; 
  margin:10px 0 5px 0;    
  }

#sidebutt2 {
  float:right;
  height:auto;
  padding:0 0 0 0; 
  margin:0 0 5px 0;    
  }
    
#soutez {
  float:right;
  height:auto;
  padding:0 0 0 0; 
  margin:0 0 0 0;    
  }

.std-list {
  list-style-type: disc;
  padding:20px;
}

h3 {
  font-size: 1.1em;
  font-weight: bolder;
}

.league-text-box p {
  margin: 5px 0px 10px 0px; 
}


/*** SLIMBOX ***/
/* SLIMBOX */

#lbOverlay {
   position: fixed;
   z-index: 9999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   cursor: pointer;
}


#lbCenter, #lbBottomContainer {
   position: absolute;
   z-index: 9999;
   overflow: hidden;
   background-color: #fff;
}

.lbLoading {
   background: #fff url("../images/slimbox/loading.gif") no-repeat center;
}

#lbImage {
   position: absolute;
   left: 0;
   top: 0;
   border: 10px solid #fff;
   background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
   display: block;
   position: absolute;
   top: 0;
   width: 50%;
   outline: none;
}

#lbPrevLink {
   left: 0;
}

#lbPrevLink:hover {
   background: transparent url("../images/slimbox/prevlabel.gif") no-repeat 0 15%;
}

#lbNextLink {
   right: 0;
}

#lbNextLink:hover {
   background: transparent url("../images/slimbox/nextlabel.gif") no-repeat 100% 15%;
}

#lbBottom {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 10px;
   color: #666;
   line-height: 1.4em;
   text-align: left;
   border: 10px solid #fff;
   border-top-style: none;
}

#lbCloseLink {
   display: block;
   float: right;
   width: 66px;
   height: 22px;
   background: transparent url("../images/slimbox/closelabel.gif") no-repeat center;
   margin: 5px 0;
   outline: none;
}

#lbCaption, #lbNumber {
   margin-right: 71px;
}

#lbCaption {
   font-weight: bold;
}


/*** TOPICS ***/
.topic-wrapper {
   margin-bottom: 25px;
   background-color: #f2f2f2;
   width: 670px;
}

.topic-wrapper img {
   width: 670px;
   height: 150px;
   margin-bottom: 7px;
}

.topic-wrapper h1 {
   padding: 0 10px;
   margin: 0px;
}

.topic-wrapper p {
   padding: 0 10px 10px 10px;
   line-height: 1.5em;
}

a.show-topic {
   height: 21px;
   line-height: 21px;
   padding-left: 30px;
   color: #282828;
   display: block;
   background-position: left top;
   background-repeat: no-repeat;
   background-image: url('../images/topic-arrow.png');
}

a.show-topic:hover {
   text-decoration: underline;
   background-position: left bottom;
}

.new-filter {
   width: 100%;
   height: 45px;
   padding: 5px;
}

.new-filter h3 {
   width: 100px;
   float: left;
   margin-right: 10px;
}

.new-filter a {
   margin-top: -7px;
   float: left;
   margin-right: 5px;
   height: 25px;
   line-height: 28px;
   padding: 0 5px;
   text-align: center;
   cursor: pointer;
   width: 100px;
   color: #fff;
   overflow: hidden;
   position: relative;
}

.new-filter a.active {
   background-color: #F30;
}

.new-filter a.inactive, a.back-to {
   color: #333333;
   background-color: #d1d1d1;
}

a.back-to.active {
   color: #fff;
}

.new-filter a input[type=checkbox] {
   position: absolute;
   top:30px;
}

.new-filter a.back-to {
   float: right;
}

.new-filter a:hover {
   background-color: #ff884d;
}

.league-canvas {
   width: 660px;
   float: left;
   padding: 20px 0 30px 20px;
}

.my-league {
   height: 35px;
   margin: 15px auto;
}

a.league-month-title {
   color: #333;
}

a.league-month-title:hover {
   background-color: #fff;
}

div.league-chart table {
   width: 70%;
   background-color: #cccccc;
   float: left;
}

.league-chart {
   width: 670px;
   float: left;
}

.top-panel {
   margin-top: 14px;
   height: 55px;
}

.black-block {
   background-color: #000;
   height: 50px;
   border-radius: 3px;
}

.top-panel .date-filter {
   position: relative;
   font-size: 12px;
}

.top-panel .date-filter  li.current a {
   padding: 10px;
   font-weight: bolder;
   float: left;
   width: 105px;
   height: 30px;
   color: #fff;
   background: #000 url('../images/down-arrow.png') no-repeat 100px center;
}

.top-panel .date-filter  li.current a:hover {
   background-color: #333333;
}

.top-panel .date-filter li.current ul li a {
   background-image: none;
}

.top-panel .date-filter li.current ul li.active a {
   color: #333333;
   background-color: #d1d1d1;
}


.date-filter li ul {
   display: none;
}

.date-filter li ul li:last-child a {
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-radius-bottomleft: 3px;
   -moz-border-radius-bottomright: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;  
}

.date-filter li span {
   display: block;
   text-transform: capitalize;
}

.date-filter li.current {
   
}

.date-filter li.current ul li a {
   
}
.date-filter li.current:hover ul {
   display: block;
   position: absolute;
   left: 0;
   top:50px;
   padding-top: 1px;
   z-index: 100;
   opacity: .95;
}

.my-position {
   color: #fff;
   float: right;
   width: 525px;
   padding-top: 10px;
   height: 40px;
}

#profile-box .my-position {
   width: 100%;
   margin: 10px 0;
}

.my-position h6, .my-position h4 {
   float: left;
}

.my-position form {
   float: right;
   width: 215px;
}

.my-position form input[type=text] {
   border: 1px solid #ccc;
   border-radius: 3px;
   background-color: #fff;
   box-shadow: none;
   outline: none;
   width: 160px;
   height: 21px;
   padding: 2px;
   margin-top: 2px;
}

.my-position form button {
   border-radius: 3px;
   border: 1px solid #ccc;
   background: #F30 url('../images/go-search.png') no-repeat center center;
   color: #fff;
   float: right;
   margin-right: 10px;
   height: 26px;
   margin-top: 2px;
   cursor: pointer;
   width: 25px;
   text-indent: -3000px;
} 

.my-position form button:hover {
   background-color: #ff884d;
}

.my-position h4 span {
   display: block;
   font-size: 18px;
   color: #F30;
}

.my-position h6 {
   font-size: 35px;
   margin-left: 10px;
   line-height: 35px
}

.my-position h6 span {
   line-height: 24px;
   font-size: 18px;
   color: #F30;
}

.my-position img.avatar {
   border-radius: 3px;
   float: left;
   margin: 0 10px 0 10px;
   width: 32px;
   height: 30px;
}

.my-position img { 
   margin: -8px 0 0 9px;
}
ul.league-filter {
   margin-top: 5px;
   clear: both;
   width: 660px;
   display: block;
   height: 45px;
   border-radius: 3px;
   position: relative;
}

ul.league-filter li a {
   margin-right: 6px;
   width: 206px;
   padding-left: 10px;
   height: 38px;
   float: left;
   text-align: left;
   color: #5c3724;
   line-height: 45px;
}

ul.league-filter li a {
   text-transform: uppercase;
   font-weight: bolder;
   background-repeat: no-repeat;
}

ul.league-filter li a.active span {
   opacity:1;
   filter: alpha(opacity = 100);
}

ul.league-filter li a.inactive span {
   opacity: 0;
   filter: alpha(opacity = 0);
}

ul.league-filter li a span {
   position: absolute;
   left: 0;
   top: 38px;
   display: block;
   height: 65px;
   width: 100%;
}

ul.league-filter li:first-child a {
   color: #4c3515;
   background-image: url('../images/gold-league.png');
}

ul.league-filter li:first-child a:hover {
   text-shadow: 0px 0px 5px #f8cc34;
}

ul.league-filter li:nth-child(2) a:hover {
   text-shadow: 0px 0px 5px #fff;
}

ul.league-filter li:last-child a:hover {
   text-shadow: 0px 0px 5px #faa799;
}

ul.league-filter li:first-child a span {
   background: url('../images/gold-league.png') left bottom;
}

ul.league-filter li:nth-child(2) a {
   color: #5d5e5f;
   background-image: url('../images/silver-league.png');
   background-position: center top;
}

ul.league-filter li:nth-child(2) a span {
   background: url('../images/silver-league.png') left bottom;
}

ul.league-filter li:last-child a {
   background-image: url('../images/bronze-league.png');
   background-position: right top;
   margin-right: 0px;
}

ul.league-filter li:last-child a span {
   background: url('../images/bronze-league.png') left bottom;
}

.league-table {
   font-family: Helvetica, Arial, sans-serif;
   border-collapse: collapse;
   margin: 0px;
   border-top-right-radius: 6px;
   width: 100%;
   text-align: center;
}

.league-table thead {
   background-color: transparent;
}

.league-table thead th {
   color: #000;
   font-size: 12px;
   padding: 38px 0 10px 0;
   text-align: center;
   background-color: transparent;
   position: relative;
   z-index: 10;
}

.league-table tbody td {
   padding: 2px 0;
   background: transparent url('../images/table-strip.png') repeat-x;
}

.league-table tbody tr.active td, .league-table tbody tr.active td a {
   padding: 2px 0;
   color: #fff !important;
   font-weight: bolder !important;
   background: transparent url('../images/table-strip-active.png') repeat-x;
}

.league-table thead th:last-child {
   border-top-right-radius: 6px;
}


.trend {
   margin: 0 auto;
   display: block;
   line-height: 16px;
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-color: transparent;
}

.trend.up {
   background-image: url('../images/up.png'); 
}
.trend.down {
   background-image: url('../images/down.png'); 
}
.trend.static {
   background-image:  url('../images/static.png'); 
}

.ui-tabs .ui-tabs-nav {
   padding-left: 10px;
}

.ui-tabs .ui-tabs-panel {
   padding: 5px 0 0;
   font-family: 'din-rounded';
   font-size: 13px;
}

.ui-tabs .ui-tabs-nav.ui-widget-header {
   background: #474a4b;
   color: #333;
   border: none;
}

.ui-tabs .ui-tabs-nav li {
   top: 0;
}

.ui-tabs .ui-tabs-nav li a {
   color: #333;
}

.ui-tabs .ui-tabs-nav li a:hover {
   background: #fff;
   border: none;
}

.ui-tabs .ui-tabs-nav li:hover {
   border: 1px solid #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
   border: 1px solid #F30;
}

.ui-widget-content {
   padding-top: 14px;
   border: none;
   background: #fff;
}

.ui-tabs .game {
   margin-right: 12px;
}

.ui-tabs .game:nth-child(3n) {
  margin-right: 0;
}


.ui-tabs .ui-tabs-panel {
   padding-top: 14px;
}

.left-contact, .right-contact {
   padding: 20px 0;
   float: left;
   width: 50%;
}

.control-group {
   padding-top: 10px;
}

.control-group.error {
   padding: 10px 0 0 0; 
}

.help-block {
   padding-top: 4px;
   display: block;
}

.left-contact input, .right-contact input {
   height:21px;
   border:1px solid #cccccc;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   margin:0px 15px 0px 0px;
   width:80%;
   padding: 2px 5px;
}

.info-text {
   padding-top: 15px;
}

.fb_iframe_widget iframe {
   width: 450px !important;  
}

.at-topics {
   display: inline;
}

.at-topics li {
   display: inline;
}

.at-topics li a {
   color: #454545;
}

.at-topics li a:hover {
   text-decoration: underline;
}

.game-position {
   background: #8E7D7D;
   padding: 2px 5px;
   color: #fff;
   border-radius: 4px;
   margin-bottom: -10px;
}

.game-position span {
   
}

.game-position a, .game-position strong {
   color: #fff;
}

.game-position a:hover {
   text-decoration: underline;
}