/* Nullifier */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol, ul { list-style:none; }
:focus { outline:0; }

/* Clear Floated Elements */
.clear { clear:both; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfix { min-height: 0; display: block; }
* html .clearfix {height: 1%;}

/* General */
body { background:#FFF url('../img/bg-small.jpg') repeat-x left top; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:75%; }
.wrapper, .wrapper-tournament { width:960px; margin:0 auto; background:#FFF url('../img/bg-jpg.jpg') no-repeat left top; min-height:600px; }
.wrapper-tournament { background:#FFF url('../img/bg-jpg-tournament.jpg') no-repeat left top; }
.header { width:960px; height:68px; position:relative; }
.content { padding:10px; }
.main-col { width:620px; padding-right:20px; float:left; }
.side-col { width:300px; float:left; }
	.side-col-padd { padding-right:20px; padding-top:6px; }
.fl-right { float:right; }
.fl-left { float:left; }
.vote-container { width:600px; height:330px; padding:0 10px; position:relative; }
.vote-frame { width:600px; height:330px; background:url('../img/vote.png') no-repeat 0 0; z-index:99; position:relative; }
.vote-a { z-index:88; position:absolute; top:10px; left:60px; }
.vote-b { z-index:88; position:absolute; top:10px; left:340px; }

.vote-wrapper-300 { padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #999; }
.vote-container-300 { width:300px; height:165px; position:relative; }
.vote-frame-300 { width:300px; height:165px; background:url('../img/vote_300.png') no-repeat 0 0; z-index:99; position:relative; }
.vote-a-300 { z-index:88; position:absolute; top:5px; left:25px; }
.vote-b-300 { z-index:88; position:absolute; top:5px; left:165px; }

.vote-container-150 { width:150px; height:83px; position:relative; float:left; display:inline; }
.vote-frame-150 { width:150px; height:83px; background:url('../img/vote_150.png') no-repeat 0 0; z-index:99; position:relative; }
.vote-a-150 { width:56px; height:73px; z-index:88; position:absolute; top:2px; left:12px; }
.vote-b-150 { width:56px; height:73px; z-index:88; position:absolute; top:2px; left:82px; }
.vote-names { padding-top:10px;; }
.vote-names li { height:21px; line-height:21px; font-weight:bold; }
.vote-names .small { height:9px; line-height:9px; padding-left:160px; color:#F00; font-weight:normal; }

.vote-wrapper-240 { padding-bottom:5px; margin-bottom:10px; }
.vote-container-120 { width:120px; height:83px; position:relative; float:left; display:inline; }
.vote-frame-120 { width:120px; height:83px; background:url('../img/vote_150_tournament.png') no-repeat 0 0; z-index:99; position:relative; }
.vote-a-120 { width:56px; height:73px; z-index:88; position:absolute; top:2px; left:3px; }
.vote-b-120 { width:56px; height:73px; z-index:88; position:absolute; top:2px; left:61px; }


.vote-s-button-green { width:102px; height:40px; display:block; overflow:hidden; background:url('../img/b-s-green.png') no-repeat 0 -40px; margin:0 auto; }
.vote-s-button-green:hover { background-position:0 -80px; }
.vote-s-button-blue { width:102px; height:40px; display:block; overflow:hidden; background:url('../img/b-s-blue.png') no-repeat 0 -40px; margin:0 auto; }
.vote-s-button-blue:hover { background-position:0 -80px; }

.vote-button-green { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-green.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-green:hover { background-position:0 -110px; }
.vote-button-purple { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-purple.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-purple:hover { background-position:0 -110px; }
.vote-button-blue { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-blue.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-blue:hover { background-position:0 -110px; }
.vote-button-brawn { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-brawn.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-brawn:hover { background-position:0 -110px; }
.vote-button-black { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-black.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-black:hover { background-position:0 -110px; }
.vote-button-orange { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-orange.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-orange:hover { background-position:0 -110px; }
.vote-button-red { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-red.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-red:hover { background-position:0 -110px; }
.vote-button-white { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-white.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-white:hover { background-position:0 -110px; }
.vote-button-pink { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-pink.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-pink:hover { background-position:0 -110px; }
.vote-button-yellow { width:190px; height:55px; display:block; overflow:hidden; background:url('../img/b-k-yellow.png') no-repeat 0 -55px; margin:0 auto; }
.vote-button-yellow:hover { background-position:0 -110px; }
.visited { background:url('../img/buttons_k_big_visited.png') no-repeat 0 0; }
.visited:hover { background:url('../img/buttons_k_big_visited.png') no-repeat 0 0; }
.left-mini-title .visited, .right-mini-title .visited { background:url('../img/buttons_small_visited.png') no-repeat 0 0; }
.left-mini-title .visited:hover, .right-mini-title .visited:hover { background:url('../img/buttons_small_visited.png') no-repeat 0 0; }


table.vote, table.headers { width:560px; margin:0 30px; position:relative; top:-20px; border:0; border-spacing:0; border-collapse:collapse; }
table.vote td, table.headers td { width:280px; font-size:2em; text-align:center; }
table.headers { top:0; }
.after-vote { display:inline; font-size:.667em; }
.after-vote-300 { display:inline; font-size:.75em; }

.boxmid { width:608px; border:1px solid #CCC; background-color:#FEFEFE; padding:16px; }
.footer { width:100%; padding:5px 0; background-color:#D9D9D9; margin-top:16px; }
.copyright { width:100%; padding:5px 0; text-align:center; background-color:#BFBFBF; }
.footer h2 { width:990px; margin:0 auto; padding-left:8px; }
.footer p { width:990px; margin:8px auto; }
.footer p a { margin:4px 8px; color:#333; }
a { text-decoration:none; color:#000; }
a:hover { color:#CCC; }

/* Basic typography */
h1 { font-size:1.375em; text-indent:-9988px; width:250px; float:left; }
h2 { font-size:1.25em; line-height:1.2; margin:.3em 0 .2em; padding:.3em 0 .2em; }
h3, h4 { font-size:1.125em; line-height:1; font-weight:normal; margin-bottom:.3em; }
h4 { font-weight:bold; }
.rek-right { text-align:right; color:#BFBFBF; margin:0; font-weight:normal; }
.header-sep { margin-bottom:2em; padding-bottom:16px; border-bottom:3px solid #ccc; }
.header-top-sep { margin-top:2em; padding-top:16px; border-top:3px solid #ccc; }
.top-sep { border-top:3px dotted #ccc; }
.bottom-sep { border-bottom:3px dotted #ccc; }
.search-header-sep { border-bottom:1px dotted #999; }
.xtra { font-weight:bold; }

/* Header */
.logo { display:block; float:left; width:250px; height:68px; }
.banner { width:468px; height:60px; padding:4px 0; float:right; font-size:2.667em; font-weight:bold; line-height:60px; color:#D51244; text-align:right; padding-right:16px; }

.acc { height:20px; padding:4px 0; float:left; color:#D51244; text-align:right; padding-right:16px; }
.acc li { width:70px; float:left; }
.acc a { text-decoration:none; color:#fff !important; padding:4px; }
#loginscroll { position:relative; height:190px; overflow:hidden; width:165px; display:none; z-index:2; }
#loginscroll div { position:absolute; width:999em; }

#signup { display:none; z-index:2; }
.account { background:#202020; padding:0 10px; width:145px; float:left; }
.account input[type=text], .account input[type=password] { padding:2px 6px; width:125px; }
.account input:focus { background-color:#fff; color:#000; }

.account, .account a { color:#ccc; text-decoration:none; }
.account a:hover { text-decoration:underline; }

.account p { margin:8px 0; }
.account .error { padding:5px 10px; width:140px; margin:1px -10px; color:#fff; background:#c10; display:none; }
.account label { cursor:pointer; display:block; }


.jokes { height:68px; font-size:1.2em; line-height:20px; color:#f5f5f5; position:relative; overflow:hidden; width:322px; }
.jokes .items { position:absolute; height:20000em; padding-top:40px; }

/* Inputs */
.side-col form input { margin:3px 0; }
.side-col form input[type=checkbox] { vertical-align:middle; margin:0; }
.side-col form input[type=submit] { vertical-align:middle; margin:0; }
.side-col form label { padding:0 2px; }
textarea { width:292px; height:auto; min-height:60px; padding:4px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:1em; }
.input_login, .input_login_small { padding:5px 0; line-height:1.5em; position:relative; }
ul.input_login li { padding:0 0 5px 0; }
ul.vote-options li { border-left:3px solid #F34445; padding-left:4px; }
.vote-options .clr-gry { border-left:0; padding:0 4px 0 7px; }
.input_login input[type=text] { width:292px; padding:4px; }
.input_login_small input[type=text] { width:200px; padding:4px; }
.input_login input[type=checkbox] { margin:0; vertical-align:middle; }
.fieldlogin-small, .fieldlogin, .fieldlogin-big { width:130px; text-align:right !important; float:left; padding:4px 5px; }
.fieldlogin-small, #input_capcha { width:65px; }
.fieldlogin-big { width:304px; }
.fieldlogin-big a { text-decoration:underline; }
.fieldcaptcha { width:80px; padding-right:10px; float:left; display:inline; }
.fieldcaptcha a { display:block; }

/* Comments */
.comment-green, .comment-blue, .comment-grey, .comment-purple, .comment-brawn, .comment-black, .comment-orange, .comment-red, .comment-white, .comment-pink, .comment-yellow, .battle-info { background-color:#E6E6E6; border-left:3px solid #98e25b; margin-bottom:10px; }
.comment-green { border-left:3px solid #98e25b; }
.comment-blue { border-left:3px solid #55cde2; }
.comment-grey { border-left:1px solid #A6A6A6; padding-left:2px; }
.comment-purple { border-left:3px solid #782a90; }
.comment-brawn { border-left:3px solid #643812; }
.comment-black { border-left:3px solid #000; }
.comment-orange { border-left:3px solid #ff7400; }
.comment-red { border-left:3px solid #a0050a; }
.comment-white { border-left:3px solid #c0c0c0; }
.comment-pink { border-left:3px solid #eb1c87; }
.comment-yellow { border-left:3px solid #fcef00; }

.comment-header { position:relative; padding:5px; font-weight:bold; }
.comment-green h3, .comment-blue h3, .comment-grey h3, .comment-purple h3, .comment-brawn h3, .comment-black h3, .comment-orange h3, .comment-red h3, .comment-white h3, .comment-pink h3, .comment-yellow h3, .battle-info h3 { font-size:1em; margin:0; }
.comment-header span { float:right; padding-left:10px; font-weight:normal; color:#666; }
.comment-header a { font-weight:bold; color:#00099A; text-decoration:underline; }
.comment-header img { padding:0 5px; }
.comment-green p, .comment-blue p, .comment-grey p, .comment-purple p, .comment-brawn p, .comment-black p, .comment-orange p, .comment-red p, .comment-white p, .comment-pink p, .comment-yellow p, .battle-info p, .battle-info h2 { padding:5px; }
.sub-comment { margin-left:40px; }

.battle-info { background-color:#F3F3F3; }
.battle-info-header { position:relative; padding:5px; font-weight:bold; text-align:center; }
.battle-info .halb { width:295px; padding:5px; float:left; }
.battle-info p.im-grey { line-height:25px; }

.color-green { color:#478214; }
.color-blue { color:#116482; }
.clr-gry, .clr-gry-border { color:#999; }
.color-purple { color:#782a90; }
.color-brawn { color:#643812; }
.color-black { color:#000; }
.color-orange { color:#ff7400; }
.color-bright-red { color:#F34445; }
.color-red { color:#a0050a; }
.color-white { color:#c0c0c0; }
.color-pink { color:#eb1c87; }
.color-yellow { color:#fcef00; }

.bg-color-green { background-color:#478214; color:#FFF; }
.bg-color-blue { background-color:#116482; color:#FFF; }
.bg-color-gry { background-color:#999; color:#FFF; }
.bg-color-purple { background-color:#782a90; color:#FFF; }
.bg-color-brawn { background-color:#643812; color:#FFF; }
.bg-color-black { background-color:#000; color:#FFF; }
.bg-color-orange { background-color:#ff7400; color:#FFF; }
.bg-color-bright-red { background-color:#F34445; color:#FFF; }
.bg-color-red { background-color:#a0050a; color:#FFF; }
.bg-color-white { background-color:#c0c0c0; color:#333; }
.bg-color-pink { background-color:#eb1c87; color:#FFF; }
.bg-color-yellow { background-color:#fcef00; color:#333; }

.border-l-green { border-left:3px solid #98e25b; }
.border-l-blue { border-left:3px solid #55cde2; }
.border-l-grey { border-left:3px solid #999; }
.border-l-purple { border-left:3px solid #782a90; }
.border-l-brawn { border-left:3px solid #643812; }
.border-l-black { border-left:3px solid #000; }
.border-l-orange { border-left:3px solid #ff7400; }
.border-l-red { border-left:3px solid #a0050a; }
.border-l-white { border-left:3px solid #c0c0c0; }
.border-l-pink { border-left:3px solid #eb1c87; }
.border-l-yellow { border-left:3px solid #fcef00; }

.border-r-green { border-right:3px solid #98e25b; }
.border-r-blue { border-right:3px solid #55cde2; }
.border-r-grey { border-right:3px solid #999; }
.border-r-purple { border-right:3px solid #782a90; }
.border-r-brawn { border-right:3px solid #643812; }
.border-r-black { border-right:3px solid #000; }
.border-r-orange { border-right:3px solid #ff7400; }
.border-r-red { border-right:3px solid #a0050a; }
.border-r-white { border-right:3px solid #c0c0c0; }
.border-r-pink { border-right:3px solid #eb1c87; }
.border-r-yellow { border-right:3px solid #fcef00; }

/* Notification */
.notification { width:100%; background-position:5px 8px !important; background-repeat:no-repeat !important; border:1px solid; margin:0 0 15px; padding:0; position:relative; }
.notification div { display:block; font-style:normal; line-height:1.5em; padding:10px 10px 10px 36px; }
.notification .close { color:#990000; position:absolute; right:5px; top:5px; }
.error { background:#FFCECE url('/img/icons/delete24.png') repeat scroll 0 0; border-color:#DF8F8F; color:#665252; }
.success { background:#D5FFCE url('/img/icons/accept24.png') repeat scroll 0 0; border-color:#9ADF8F; color:#556652; }
.information { background:#DBE3FF url('/img/icons/infoabout24.png') repeat scroll 0 0; border-color:#A2B4EE; color:#585B66; }
.attention { background:#FFFBCC url('/img/icons/burn24.png') no-repeat scroll 10px 11px; border-color:#E6DB55; color:#666452; }

/* Buttons UI */
a.submit, a.submit:active, a.submit:visited, a.cool-button, a.cool-button:active, a.cool-button:visited { cursor:pointer; float:left; background:url('../img/bb_right.png') no-repeat 100% 0; text-decoration:none; margin:10px 0; }
a.submit span, a.cool-button span { color:#2e2f33; padding:0 25px; float:left; line-height:30px; background:url('../img/bb_left.png') no-repeat 0 0; }
.cool-button .small { font-size:0.917em!important; }
a.submit:hover, a.cool-button:hover { text-decoration:none; background-position:100% -30px; }
a.submit:hover span, a.cool-button:hover span { text-decoration:none; background-position:0 -30px; color:#46474D; }
.center-btn { margin:0 auto; text-align:center; }

.im-vote-button { width:170px; height:55px; font-size:2.5em; padding:4px 0 8px; cursor:pointer; }
.im-vote-test { width:170px; height:55px; font-size:2.5em; padding:4px 0 8px; cursor:pointer; background:url('../img/bb_test.png') no-repeat 0 0; }
.im-vote-test2 { width:170px; height:45px; font-size:2.5em; padding:4px 4px 10px 0; cursor:pointer; background:url('../img/bb_test.png') no-repeat 0 0; border:none; color:#f34445; }
.im-vote-test3 { width:170px; height:45px; font-size:2.5em; padding:4px 4px 10px 0; cursor:pointer; background:url('../img/bb_test2.png') no-repeat 0 0; border:none; color:#478214; }
input[disabled=disabled] { background-color:#CCC!important; color:#999!important; cursor:default; }
input[type="submit"]::-moz-focus-inner { border: 1px dotted transparent; }

.browse-battle { display:block; width:157px; height:20px; padding:0 22px; cursor:pointer; line-height:20px; font-weight:bold; color:#000; text-align:center; }
.prev-battle { float:left; background:url('../img/arrow_small_l.png') no-repeat 0 0; }
.next-battle { float:right; background:url('../img/arrow_small_r.png') no-repeat right 0; }
.center-battle { margin:0 auto; }
.battle-pad { padding-left:202px; }

/* scrollable */
.scrollable { position:relative; overflow:hidden; width:300px; height:235px; border-bottom:1px dotted #999; padding-bottom:5px; } 
.scrollable .items { width:20000em; position:absolute; }
.scrollable .items .inside-items { width:300px; float:left; }
.left-mini-title { width:140px; float:left; padding-left:10px; text-align:center; }
.right-mini-title { width:140px; float:left; padding-right:10px; text-align:center; }


a.browse { background:url('../img/arrow.png') no-repeat; display:block; width:16px; height:32px; cursor:pointer; font-size:1px; position:absolute; top:75px; z-index:100; }
a.right { background-position:-16px 0; right:0; }
a.left { left:0; }
/* up and down */
a.up, a.down { background:url('../img/arrow.png') no-repeat; float:none; }
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position:0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled { visibility:hidden!important; }
.im-hidden { display:none; }
.im-block { display:block; }
.im-special-block { display:block; float:left; width:150px; height:83px; }
.im-fat { font-weight:bold; }
.im-right { text-align:right; }
.im-left { text-align:left; }
.im-grey { background-color:#EBEAEB; }
.im-margin { margin-bottom:15px; }
.im-margin-right { margin-right:8px; }
.im-pad { padding-top:4px; }

/* Tooltip */
#versus-tip { display:none; background:transparent url('../img/black_arrow.png'); font-size:1em; height:70px; width:160px; padding:22px 25px 26px; margin-left:-220px; color:#f3f3f3; z-index:199; }
#comment_for_f { font-weight:bold; }

/* Faders */
.faded { opacity:0.2; filter:alpha(opacity=20); }
.not-faded { opacity:1.0; filter:alpha(opacity=100); }
.down1 p { opacity:0.2; filter:alpha(opacity=20); }
.down2 p { opacity:0.5; filter:alpha(opacity=50); }
.up1 { background-color:#D9D9D9; }
.up2 { background-color:#D9D9D9; }
.up2 p { font-weight:bold; }

/* Search */
.search-wrapper { background-color:#F3F3F3; margin-bottom:8px; padding:10px 4px 8px; }
.search-wrapper h2 { text-align:center; padding:0; margin:4px 0 8px; padding-bottom:8px; }
.search-wrapper-header { position:relative; padding:5px; font-weight:bold; text-align:center; }
.search-wrapper .halb { width:295px; padding:5px; float:left; }
.search-wrapper p.im-grey { line-height:25px; }

/* Tournament */
.tournament { position:relative; }
.tournament .info { width:292px; height:242px; position:absolute; right:0; top:5px; border:1px dotted #f3f3f3; padding:4px;  }
.tournament .rek { width:300px; height:250px; position:absolute; left:0; top:5px; }
.tournament .im-special-block { display:block; float:left; width:120px; height:83px; }
.tournament-header { margin:0; padding:0 0 16px; color:#818181; position:relative; }
.tournament-header span { float:right; padding-left:10px; font-weight:normal; color:#666; }
.tournament-header a { font-weight:bold; color:#00099A; text-decoration:underline; }
.tournament-header img { padding:0 5px; }

.tournament-120 { width:58px; height:82px; position:relative; margin:0 1px; float:left; }
.tournament-border { width:58px; height:82px; background:url('../img/vote_120_single.png') no-repeat 0 0; z-index:88; position:relative; cursor:pointer; }
.tournament-a-120 { width:56px; height:73px; position:absolute; top:1px; right:1px; }
.tournament-tick { width:24px; height:24px; background:url('../img/icons/tick.png') no-repeat 0 0; position:absolute; left:4px; bottom:8px; z-index:18; }
.tournament-tick-bw { width:24px; height:24px; background:url('../img/icons/tickbw.png') no-repeat 0 0; position:absolute; left:4px; bottom:8px; z-index:18; }

/* Own battle */
.own-battle { width:940px; margin:0 10px 16px; }
.own-battle .input_login, .own-battle-side .input_login { margin:0 auto; width:300px; }
.own-battle-side { width:460px; margin:0 10px 16px; float:left; position:relative; }

.ownbattle-120 { width:58px; height:82px; background:url('../img/vote_120_single.png') no-repeat 0 0; z-index:88; position:absolute; top:14px; left:9px; }
.ownbattle-a-120 { width:56px; height:73px; position:absolute; top:15px; left:10px; }

.ownbattle-b120 { width:58px; height:82px; background:url('../img/vote_120_single.png') no-repeat 0 0; z-index:88; position:absolute; top:118px; left:9px; }
.ownbattle-b-120 { width:56px; height:73px; position:absolute; top:119px; left:10px; }