/*
BARVY

  #fff556   jedovata zlut na vysviceni linku
  #ffdd00   zlata - gamesy, zvyraznene linky, uzivatele
  #b9c6cf   seda  - zakladni texty, nejmene vyrazne veci
  #c7d0d6   pozadi inputu
*/

/* zakladni setup *********************************************************** */

body { background-color: black;  margin: 0px; padding: 0px; }

div { position: relative; margin: 0px; padding: 0px; }

td { text-align: left; vertical-align: top; margin: 0px; padding: 0px; font: 12px arial; color: #b9c6cf; }

a { font: 12px arial; color: #ffdd00; text-decoration: none; }

img { border-width: 0px; }

input.default {
  border: 1px solid black;
  background-color: #c7d0d6;
  margin: 0px; padding: 2px;
  font: 11px arial;
  height: 18px;
  color: black;
}
select {
  border: 1px solid black;
  background-color: #c7d0d6;
  margin: 0px; padding: 0px;
  font: 11px arial;
  height: 18px;
  color: black;
}
textarea {
  border: 1px solid black;
  background-color: #c7d0d6;
  margin: 0px; padding: 5px;
  font: 11px arial;
  height: 18px;
  color: black;
}

/* top menu ***************************************************************** */

input.search {
  border: 1px solid black;
  background-color: #c7d0d6;
  margin: 0px; padding: 2px;
  font: 11px arial;
  width: 220px; height: 21px;
  color: black;
}
a.search_yellow1 /* zluty button 66px - pro "hledej" */
{
  background-image: url('../gfx/yellow1.png');
  width: 66px; height: 22px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: black;
}
a.search_yellow2 /* zluty button 220px - pro "posli video..." */
{
  background-image: url('../gfx/yellow2.png');
  width: 220px; height: 22px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: black;
}
.button1, .button1_tw, .button1_fb /* zakladni sedy button s kulatymi rohy */
{
  background-image: url('../gfx/button1.png');
  width: 122px; height: 21px;
  display: block;
  text-align: center;
  font: bold 11px arial;
  color: black;
  cursor: pointer;
}
.button1_fb { background-image: url('../gfx/button_fb.png'); }
.button1_tw { background-image: url('../gfx/button_tw.png'); }
.search_yellow1:hover, .search_yellow2:hover, .moregames_yellow:hover, .button1:hover, .button1_fb:hover, .button1_tw:hover
{ color: black; text-decoration: none; }

/* trubka ******************************************************************* */

.pipe_label /* napisy na trubce vlevo - bud menu okna nebo popisek okna */
{
  position: static; /* kvuli msie, jinak popisky mizi */
  padding-top: 3px;
  font: bold 12px arial;
  color: white;
}

input.page /* okynko s cislem stranky vpravo nahore */
{
  border: 1px solid black;
  background-image: url('../gfx/pipe_page_bgr.png');
  margin: 0px; padding: 0px;
  font: 11px arial;
  color: black;
  width: 30px; height: 15px;
  font: bold 11px arial;
  text-align: center;
}

/* thumbnails *************************************************************** */

img.thm { border: 1px solid black; width: 200px; height: 100px; margin: 5px 0px; }

/* zakladni video thumb - pozice jednotlivych prvku thumbu */
div.thm_video   { width: 202px; margin: 10px 0px 10px 0px; }
img.thm_gtv     { height: 21px; width: 65px; top: 7px; left: 2px; position: absolute; }
img.thm_special { height: 17px; width: 200px; top: 89px; left: 1px; position: absolute; }
img.thm_comment { height: 23px; width: 30px; top: 80px; left: 165px; position: absolute; }

/* maly thumb do featured a diskuzi */
img.thm_small_featured {
  border: 1px solid black;
  width: 100px; height: 50px;
  margin: 5px 3px 0px 0px;
}
img.thm_small {
  border: 1px solid black;
  width: 100px; height: 50px;
  margin: 0px 10px 5px 0px;
}

img.dnes { width: 35px; height: 12px; vertical-align: middle; border-width: 0px; }

img.ad100xN { width: 100px; margin-top: 2px; border: 1px solid black; }

img.wide_index_banner { width: 920px; height: 90px; border: 2px solid black; }

/* related thumb */
.related { width: 200px; height: 100px; margin: 5px 0px; }
.related_gamename {
  background-color: black;
  width: 200px; height: 16px;
  display: block;
  position: absolute; left: 1px; top: 3px;
  font: bold 11px arial; color: #ffdd00; text-decoration: none;
}
.related_videoname {
  background-color: black;
  width: 200px; height: 16px;
  display: block;
  position: absolute; left: 1px; top: 90px;
  padding-top: 3px;
  font: bold 11px arial; color: #fff; text-decoration: none;
}
.related_gtv { top: 20px; left: 2px; position: absolute; }
.related_starbox { width: 200px; text-align: center; position: absolute; left: 0px; top: 65px; }
.related_star { width: 18px; height: 17px; }

/* obrazek */
.pic_popis {
  background-color: black; color: #fff;
  width: 201px; height: 20px;
  display: block;
  position: absolute; left: 0px; top: 86px;
  font: bold 10px arial;
  text-decoration: none;
}

/* game */
.game_box { width: 102px; background-color: black; }
.game_text { padding: 3px 0px 0px 3px; }
.game_pic {
  width: 100px; height: 150px;
  font: bold 10px arial;
  color: #ffdd00;
  text-decoration: none;
  display: block;
}
.game_pic2 /* pouzito v index-diskuze-hry.php. game_pic nemuze mit border kvuli msie */
{
  border: 1px solid black;
  width: 100px; height: 150px;
}
.game_more {
  background-image: url('../gfx/game_more.png');
  width: 102px; height: 18px;
  text-align: center;
}


/* texts & anchors *********************************************************** */
/*
nasledujici komba resi vsechny texty krome vyslovene specialnich pripadu:
  barvy:      y=yellow, w=white, g=grey
  velikosti:  10,11,12
  format:     b=bold, u=underline, bu=bold+underline
*/

.y10u   { font: bold 10px arial; color: #ffdd00; text-decoration: underline; }
.y10    { font: bold 10px arial; color: #ffdd00; text-decoration: none; }
.w10u   { font: bold 10px arial; color: #ffffff; text-decoration: underline; }
.w10    { font: bold 10px arial; color: #ffffff; text-decoration: none; }
.g10    { font: bold 10px arial; color: #b9c6cf; text-decoration: none; }

.y11u   { font: 11px arial;      color: #ffdd00; text-decoration: underline; }
.y11b   { font: bold 11px arial; color: #ffdd00; text-decoration: none; }
.y11    { font: 11px arial;      color: #ffdd00; text-decoration: none; }
.w11b   { font: bold 11px arial; color: #ffffff; text-decoration: none; }
.w11    { font: 11px arial;      color: #ffffff; text-decoration: none; }
.g11    { font: 11px arial;      color: #b9c6cf; text-decoration: none; }

.y12b   { font: bold 12px arial; color: #ffdd00; text-decoration: none; }
.w12    { font: 12px arial;      color: #ffffff; text-decoration: none; }
.w12b   { font: bold 12px arial; color: #ffffff; text-decoration: none; }
.w12bu  { font: bold 12px arial; color: #ffffff; text-decoration: underline; }
.g12    { font: 12px arial;      color: #b9c6cf; text-decoration: none; }

.bottom_menu { font: bold 11px arial; color: #b9c6cf; text-decoration: none; }
.game_rating { font: 30px arial; color: #ffdd00;}

a:hover { color: #fff556;  text-decoration: underline; }

h1, .w14b { font: bold 14px arial; color: #ffffff; text-decoration: none; margin: 0px; }

/* filtr - menitko na vrchu seznamu ***************************************** */

.filtr {
  height: 26px;
  vertical-align: middle;
  padding: 0px 5px 0px 5px;
  font-size: 10px;
}
.filtr_select {
  font: bold 10px arial;
  color: #ffffff; background-color: #515757;
  border: 1px solid #a4a8a8;
  padding: 0px 5px 0px 5px;
}

/* diskuze ******************************************************************* */

.diskuze_jmeno {
  padding: 5px 10px 5px 20px;
  white-space: nowrap;
  font: bold 10px arial; color: #b9c6cf; /* font pro datum komentare; odpovida g10 */
}
.diskuze_video {
  text-align: right; vertical-align: middle;
  padding: 5px 20px 5px 20px;
  font: bold 10px arial; color: #b9c6cf;
}
.diskuze_text {
  padding: 10px 10px 10px 40px;
}
/* .diskuze_rating { padding: 10px 20px 10px 0px; width: 100px; white-space: nowrap; } */
.diskuze_rating {
  width: 50px;
  text-align: right; vertical-align: middle; white-space: nowrap;
  font: 20px arial; color: #ffdd00;
}
.bubble_small {
  height: 13px; width: 12px;
  /*float: left;*/
}

/* ostatni ******************************************************************* */

.flag { width: 15px; height: 11px; border-width: 0px; vertical-align: middle; }

.formcell {
  padding-right: 10px; padding-bottom: 10px;
  font: bold 12px arial;
  color: white;
  white-space: nowrap;
}

.partner { margin: 5px; border: 1px solid black; }

p.echo { color: #db4949; text-align: center; padding: 5px; padding-bottom: 10px; }


/* related panely ************************************************************ */
div#div_panel_rv_s { left: 9px; top: 6px;  position: absolute; }
div#div_panel_rv_vt { left: 9px; top: 32px;  position: absolute; }
div#div_panel_rv_ot { left: 9px; top: 60px; position: absolute; }

/* popup ********************************************************************* */
div.thm_popup { width: 240px; position:absolute; display: none; background-image: url('../gfx/pop_left.png'); border: 1px solid #000; z-index: 10; }
div.thm_popup .head { width: 100%; background-color: #1b1c1e; margin: 0px; }
div.thm_popup img.rate { width: 61px; height: 13px; }
div.thm_popup table.body { width: 100%; }
div.thm_popup table.body td { color: #000; }

.message {
  font: bold 12px arial;
  color: red;
  background-color: #161819;
  text-align: center;
  display: none;
}