/*
-----------------------------------------------------------
  sEnsitive website
  www.sensitive-team.com
-----------------------------------------------------------
*/

body, div, span, table, td, tr, th, a, img, p, h1, h2, h3, h4, ul, li { margin: 0px; padding: 0px; border: none; }

body { 
    font-family: Verdana, Tahoma, "Arial CE", "Helvetica CE", Arial, sans-serif;  
    font-size: 11px;
    text-align: center;
    font-style: normal; 
    margin: 0px; 
    padding: 0px;
    background: #D5CFC5 url('images/bck.gif');
    color: #000;
}
  	
/* Stranka */
#page {
    margin: 0px auto 0px auto;
    width: 970px;
    text-align: center;
    background: #BFBAB1 url('images/bck2.gif');
    color: #000;
}

#main {
    width: 946px;
    _width: 950px;
    background: #000;
    margin: 0 auto;
    border-left: 2px solid #070707;
    border-right: 2px solid #070707;
    background: #000 url('images/bck3.gif') 777px 0px repeat-y;
    border-bottom: 6px solid #000;

}

/* Horizontalni lista nad headerem */
#hbar { height: 27px; background: #101010 url('images/hbar.gif'); color: #fff; position: relative; }
#hbar .s { height: 27px; width: 32px; background: #101010 url('images/hbars.gif') no-repeat; position: absolute; left: 6px;}
#hbar span { display: block; text-align: left; padding: 5px 0px 0px 46px; }

/* Header */
#header { position: relative; text-align: left; }

/* Logovaci oblast vedle loga */
#header .loginform {
    position: absolute;
    left: 664px;
    top: 0px;
    background: #E6E6E6 url('images/loginform.gif') 0px 18px;
    width: 280px;
    _width: 282px;
    height: 148px;
    border-left: 2px solid #070707;
}
#header .bottom { position: absolute; left: 6px; top: 110px; }

/* Jazyky */
#header .lng { position: absolute; left: 555px; top: 10px; color: #666; font-style: italic; }
#header .lng img { vertical-align: middle; }

/* Horizontalni menu */
#hmenu          { background: #2A2A2A url('images/hmenub.gif') repeat-x; height: 28px; overflow: hidden; border-top: 1px solid #000; }
#hmenu ul       { background: #2A2A2A url('images/hmenub.gif') repeat-x; height: 28px; list-style-type: none; }
#hmenu li       { background: transparent url('images/hmenus.gif') no-repeat; float: left; padding-left: 1px;  }
#hmenu li.first { background-image: none; margin-left: 1px; }
#hmenu a        { background: transparent url('images/hmenu.gif') repeat-x; color: #FFF; text-decoration: none; padding: 8px 16px 8px 16px; display: block; font-size: 10px; }
#hmenu a:hover  { background: transparent url('images/hmenu2.gif') repeat-x; }

/* Paticka stranky */
#footer         { background: transparent url('images/footer.gif') repeat-x; height: 38px; margin: 2px 0px 0px 0px; position: relative; }
#footer .s { height: 38px; width: 47px; background: #101010 url('images/footers.gif') no-repeat; position: absolute; left: 6px;}
#footer span    { display: block; padding: 6px 6px 6px 60px; text-align: left; color: #CCC; font-size: 10px; }

/* Levy sloupec obsahu */
#leftcol        { float: left; width: 775px; /* 773 orig */ }
#leftcol #col1  { float: left; width: 505px; }
#leftcol #col2  { float: right; width: 268px; }
#leftcol #col1a { float: left; width: 545px; }
#leftcol #col2a { float: right; width: 228px; }
#leftcol #col1m { float: left; width: 557px; }
#leftcol #col2m { float: right; width: 216px; }

/* Pravy sloupec obsahu pro bannery */
#rightcol { float: right; width: 169px; }

/* Block pod headerem */
#hbox { width: 946px; height: 166px; border-top: 2px solid #000; position: relative; background-color: #FFF; }
#hbox .title { background: transparent url('images/bckt.gif') no-repeat; width: 946px; height: 17px; position: relative; }
#hbox .title div { color: #EEE; padding: 0px 4px 0px 4px; background-color: #3F3F3F; }

.t-matches { position: absolute; left: 610px; top: 2px; }
.c-matches { position: absolute; left: 606px; top: 18px; }


.t-news { position: absolute; left: 4px; top: 2px; }
.c-news { position: absolute; left: 0px; top: 17px; border-right: 1px solid #666; }

.t-banner { position: absolute; left: 344px; top: 2px; }
.c-banner { position: absolute; left: 341px; top: 19px; border-right: 1px solid #666; }

/* Lista se sponzorama pod headerem */
#sbar { width: 946px; border-top: 2px solid #000; }

/* Blok textu */
.box { background-color: #FFF; color: #222; text-align: left; border-top: 2px solid #000; padding-bottom: 2px; }

/* Nadpisy */
h3      { color: #222; font-size: 11px; font-weight: bold; margin: 6px; }
h3.a    { margin: 4px 0px 4px 0px; font-size: 11px; }
h3.a-link { margin: 0px 0px 4px 0px; }
h2      { background: #2A2A2A url('images/bckh.gif') repeat-x; height: 28px; overflow: hidden; color: #fff; font-size: 11px; font-weight: normal; text-align: left;  margin: 0px; border-bottom: 1px solid #000; }
h2 span { background: transparent url('images/bckh1.gif') repeat-x;  padding: 8px 4px 8px 4px; display: block; margin-left: 2px; margin-right: 2px; }
h1      { color: #111; font-size: 12px; padding: 6px 4px 6px 6px; font-weight: bold; text-align: left; }
h1.a    { padding: 6px 8px 4px 8px; font-size: 14px; }

/* Odstavce */
p   { padding: 4px 6px 4px 6px; }
p.b { padding: 12px 4px 12px 4px; }
p.p { padding: 4px 6px 4px 6px; }
p.pquestion { font-weight: bold; }
p.red { color: #C00; }
.a-text p { padding: 0px; margin: 16px 8px 8px 8px; font-size: 12px; line-height: 130%; }
p.s-logo { width: 100%; text-align: center; margin-top: 60px; }
p.s-first { margin-top: 10px; }
p.s-sponsor { width: 100%; text-align: center; }

.a-block { border-bottom: 1px solid #D1D1D1; padding-bottom: 4px; }
.a-info { font-size: 10px; color: #444; padding: 1px 8px 0px 8px; margin-bottom: 2px; }
.a-text { padding: 0px 2px 8px 2px; }
.a-links { font-size: 10px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; padding: 3px 6px 3px 6px; margin: 4px 0px 4px 0px; }  
.a-intro { padding: 2px 2px 0px 2px; }
.a-left { float: left; }
.a-right { float: right; margin: 4px 4px 0px 0px; }
.a-link { margin: 6px 0px 8px 0px; }
.a-clear { clear: both;  }

/* Obrazky */
.a-pic { float: left; padding: 1px; border: 1px solid #B1B1B1; margin: 0px 6px 0px 4px; }  
.a-pic img { background: transparent url('images/bcka.gif') no-repeat; width: 120px; height: 90px; display: block; }
img.as { vertical-align: middle; border: 1px solid #2E2E2E; } 
img.flag { vertical-align: bottom; }
img.flag-form { vertical-align: middle; }

/* Seznamy */
.box ul { padding: 6px; list-style-type: none; }
.box li { padding: px 0px 1px 0px; }

/* Formulare */
form { border-bottom: 1px solid #FFF; }
input, select, textarea { font-size: 11px; margin-top: 1px; margin-bottom: 1px; }
fieldset { margin-right: 6px; margin-bottom: 8px; border: 1px solid #DDD; }
legend { color: #676767; }
fieldset.buttons { text-align: center; }
input.btn { padding: 4px 24px 4px 24px; }
input.mbtn { padding: 2px 16px 2px 16px; }

/* Linky */
hr.line { display: none; }

.clear { clear: both; }
.small { font-size: 10px; color: #666; }
.prefix { font-size: 10px; color: #666; margin-right: 2px; }
.desc { font-size: 10px; color: #666; }

table.adm-border { width: 766px; border: 1px solid #D6D6D6; background: #EEE; margin-top: 10px; margin-bottom: 10px; }
table.adm-border td.big { padding-top: 14px !important; padding-bottom: 10px !important; }
table.adm-border td.right { padding-top: 18px !important; padding-bottom: 10px !important; }

.adm-form-block { display: block; border: 1px solid #D6D6D6; background: #EEE; padding: 6px 6px 2px 6px; margin-bottom: 2px; }

.match-map { text-align: center; margin-bottom: 10px; }
.match-map img { border: 1px solid #D6D6D6; padding: 1px; }
.match-screen-box,.match-screen-box-adm { float: left; width: 204px; height: 204px; margin: 0px 0px 2px 2px; border: 1px solid #D6D6D6; background: #EEE; overflow: hidden; }
.match-screen-box-adm { height: 244px; }
.match-screen-box:hover, .match-screen-box-adm:hover { background-color: #E6E6E6; }
.match-screen { display: table-cell; width: 204px; height: 204px; vertical-align: middle; text-align: center; }
.match-screen img { vertical-align: middle; padding: 1px; }
.match-screens { width: 624px; margin: auto; }

table.content { width: 100%; border-collapse: collapse; }
table.matches { width: 340px; font-size: 10px; }
table.content td { text-align: left; padding: 6px; }
table.matches td { height: 36px; padding: 0px 6px 0px 6px;}
table.content tr { padding: 0px; }
table.content tr.row1 td { background-color: #EDEDED; }
table.content tr.row2 td { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
table.content tr.row3 td { border-top: 1px solid #D7D7D7; padding: 6px 0px 6px 0px; }
table.content tr.row3 td td { padding: 6px; }
table.content tr.space:hover td, table.content tr.row3:hover td.white { background-color: transparent; }
table.content tr.row1:hover td, table.content tr.row2:hover td { background-color: #E6E6E6; }
table.content td.space { height: 20px; }
table.content td.result, table.matches td.result-icon { text-align: right; }
table.content td.result { font-size: 11px; padding-left: 2px; }
table.content td.result-icon { padding-right: 10px; }
table.content td.right, table.content th.right { text-align: right; }
table.content th.center { text-align: center; }
table.content th { padding: 6px; text-align: left; }
table.content th.nopadding { padding: 0px; }
table.content .game { display: block; font-size: 8px; color: #666; }
table.content .clan, table.content .nick { color: #244C78; }
table.content .vs   { color: #888; }
table.content .date { color: #666; font-size: 10px; }
table.content .city { color: #888; font-size: 10px; }
table.content .link { color: #888; font-size: 10px; }
table.content .r1 { color: #1A1; }
table.content .r2 { color: #A11; }
table.content .bar { margin-top: 4px; }
table.content a { text-decoration: none; }
table.content td.avatar img { padding: 1px; border: 1px solid #B1B1B1; }
table.content td img { vertical-align: middle; }

table.message { margin: 6px 6px 2px 6px; }
table.message td.icon { padding-right: 8px; }

table.adm-poll { margin: 0px 0px 0px 4px; }
table.poll { width: 256px; border-collapse: collapse; margin: 0px 0px 6px 5px; }
table.poll td {
    font-size: 10px;
    padding: 1px 0px 1px 0px;
  }

  
  table.poll .bar img, table.adm-poll .bar img {
    border: 1px solid #333;
    height: 12px;
    margin-left: 1px;
    margin-right: 10px;
  }
  
  table.poll .votes {
    text-align: right;
    color: #444;
  }
  table.adm-poll .votes {
    text-align: right;
  }
table.poll a { color: #4F6B77; text-decoration: none; }
table.poll a:hover { color: #222; text-decoration: none; } 

/* BANNERY */
.banners {
    /*border-left: 1px solid #333;
    border-right: 1px solid #333;*/
    border-top: 2px solid #000;
}
.banner {
    position: relative;
}
.banner span {
    position: absolute;
    top: 2px;
    left: 4px;
    font-size: 9px;
    color: #698EA1;
}
.banner2 { margin-top: 10px; }


/* ADMIN MENU */
.amenu ul {
    list-style-type: none;
}

.amenu li {
    text-align: left;
    padding: 0px 2px 0px 2px;
    font-size: 10px;
}

.amenu a {
    color: #ccc;
    text-decoration: none;
    display: block;
    padding: 3px 4px 3px 2px;
    border: 1px solid transparent;
}

.amenu a:hover {
    color: #eee;
    border: 1px solid #333;
    background-color: #222;
}

.amenu h3 {
    text-align: left;
    margin: 2px;
    display: block;
    font-size: 10px;
    height: 28px;
}

.amenu a.block {
    text-align: left;
    margin: 2px;
    display: block;
    font-size: 10px;
    padding: 6px 4px 6px 2px;
    border: 1px solid #333;
    background-color: #222;
}

.amenu a.block:hover {
    background-color: #252525;
}

.amenu span {
    display: inline
}

.adm-nav {
    margin: 4px 4px 0px 4px;
}

.adm-links {
    margin: 12px 4px 12px 4px;
}

table.adm-rights td { padding-right: 6px; }

/* Log */
.log-event  { text-decoration: underline; }
.log-nick   { color: #4F6B77; }
.log-string { color: #4F6B77; }

/* Logovaci oblast */
.loginarea          { position: absolute; top: 32px; left: 8px; font-size: 10px; color: #222; border-bottom: none; }
.loginform a        { color: #4F6B77; text-decoration: underline; }
.loginform a:hover  { text-decoration: none; }
.loginarea td.right { text-align: right; }
.loginarea td.l     { padding-right: 8px; }


/* Odkazy */
a                   { color: #4F6B77; }
a:hover             { text-decoration: none; }
a.pic, a.pic:hover  { text-decoration: none; }
a.black             { color: #222; text-decoration: none; }
a.black:hover       { text-decoration: underline; }
a.white             { color: #fff; text-decoration: none; }
a.white:hover       { text-decoration: underline; }
a.btn, .adm-links a {
    border: 1px solid #A9A9A9;
    margin-bottom: 4px;
    font-size: 10px;
    padding: 4px 12px 4px 12px;
    color: #222;
    background: #E6E6E6 url('images/bck_input.gif') repeat-x;
    text-decoration: none;
}
a.btn:hover { border: 1px solid #999; }
/*.adm-links a.selected { font-weight: bold; } */
.a-links a { text-decoration: none; }
.a-link a { cursor: pointer; }
.a-info a { text-decoration: none; }
.a-info a:hover { text-decoration: underline; }
h3.a a { color: #222; text-decoration: none; }
h3.a a:hover { text-decoration: underline; }

.adm-path {
  background: #E6E6E6 url('images/bck_input.gif') repeat-x;
  margin: 0px 4px 4px 4px;
  border: 1px solid #A9A9A9;
  font-size: 10px;
  padding: 4px 12px 4px 12px;
}

.form td.right {
    text-align: right;
    padding-right: 8px;
    padding-top: 2px;
    vertical-align: top;
}

.invis { color: #666; font-style: italic; }


.form {
    margin: 4px 0px 0px 4px;
}

.form table tr.space td { border-top: 1px solid #A9A9A9; height: 4px; }

tr.space td { height: 16px; }

#tmatches, #tplayers, #toplayers, #tmaps { border-collapse: collapse; width: 100%; }

/* KOMENTARE */
table.comment {
    width: 100%;
	margin-bottom: 6px;
	border-top: 1px solid #D1D1D1;
	border-collapse: collapse;
  }
table.comment-asc { border-top: none; border-bottom: 1px solid #D1D1D1; margin-bottom: 0px; margin-top: 0px; }
.reply { margin-left: 30px; }
.reply table.comment { border-top: 1px solid #D1D1D1; }

  table.comment td.rec {
    padding: 4px 6px 4px 6px;
    vertical-align: top;
    color: #222;
  }

  table.comment td.rec .recbox {
    display: block;
    max-height: 200px;
    overflow: auto;
  }

  table.comment td.avatar {
    width: 42px;
    padding: 0px;
    vertical-align: top;
  }

  table.comment td.avatar img {
    margin: 2px;
    padding: 1px;
    border: 1px solid #B1B1B1;
  }

  table.comment td.left {
    padding: 4px 0px 0px 6px;
    font-weight: bold;
    vertical-align: top;
    color: #222;
  }

  table.comment .rank {
    font-size: 9px;
    font-weight: normal;
    color: #444;
  }

  table.comment td.right {
    padding: 4px 6px 0px 0px;
    vertical-align: top;
    text-align: right;
    color: #222;
    font-size: 10px;
  }
  
  table.comment td.normal {
    padding: 4px 0px 0px 6px;
    font-weight: normal;
    vertical-align: top;
    color: #222;
  }
  
/* GALERIE */
table.pic {
  float: left; 
  width: 128px; 
  height: 128px; 
  border: 1px solid #D6D6D6;
  text-align: center; 
  vertical-align: middle; 
  margin-right: 0px;
  margin-bottom: 0px;
}

table.pic-screen { width: 206px; height: 206px; }
table.pic-small { width: 122px; height: 122px; margin: 4px 0px 0px 4px; }
table.pic-selected { border-color: #CEEE1B; }
table.pic:hover { background: #EEE; }

table.pic-screen td { width: 202px; }
table.pic-screen td.left { text-align: left; padding-left: 2px; }
table.pic-screen td.pic { width: 202px; height: 202px; }

  
/* TABULKA */
table.mouse { width: 767px; border: 1px solid #A9A9A9; margin: 4px 4px 4px 4px; }
table.mouse td { padding: 2px 4px 2px 4px;}
table.mouse td a { text-decoration: none; color: #4F6B77; }
table.mouse td a:hover { background: transparent; color: #4F6B77; }
table.mouse td p { padding: 0px; margin: 0px; }
table.mouse td.c { text-align: center; color: #222; }

table.mouse td.icon     { text-align: center; color: #000; width: 20px; }
table.mouse td.edit     { background: url('images/icon_edit.gif') 4px center no-repeat; }
table.mouse td.edit a   { display: block; padding-left: 18px; }
table.mouse td.del      { background: url('images/icon_delete.gif') 4px center no-repeat; }
table.mouse td.del a    { display: block; padding-left: 17px; }
table.mouse td.msg      { background: url('images/icon_message.gif') 4px center no-repeat; }
table.mouse td.msg a    { display: block; padding-left: 20px;}
table.mouse td.paper    { background: url('images/icon_paper.gif') 4px center no-repeat; }
table.mouse td.paper a  { display: block;padding-left: 19px; }
table.mouse td.show     { background: url('images/icon_show.gif') 4px center no-repeat; }
table.mouse td.show a   { display: block;padding-left: 18px; }
table.mouse td.trash    { background: url('images/icon_trash.gif') 4px center no-repeat; }
table.mouse td.trash a  { display: block; padding-left: 15px; }

table.mouse th { padding: 3px 2px 3px 2px; background: #E6E6E6 url('images/bck_input.gif') repeat-x; border-bottom: 1px solid #D3D3D3; color: #222; text-align: center; font-weight: normal; }
table.mouse tr:hover { background: #E3E3E3; }
table.mouse tr.small td { font-size: 10px; }
table.mouse img.ico { position: relative; top: 2px; }7