html,
body,
form { margin: 0; padding: 0; height: 100%; }

#container { min-height: 100%; position: relative; background-color: #181818; }

.counters { position: absolute; top: -5000px; left: -5000px; z-index: 1; text-align: left; } 

#main { width: 1050px; margin: 0 auto; }
#main .shape { width: 1050px; height: 1px; background-color: #515151; margin-top: 10px; }

#portal { clear: both; position: relative; z-index: 5; width: 1050px; }
#portal #onair { position: absolute; left: 424px; top: -50px; }

/* header */
#header { padding-bottom: 0px; min-height: 72px; }
#header img { border-width: 0px; }
#header .head-in { position: relative; width: 1050px; margin: 0 auto; text-align: left; }
#header #logo { position: absolute; left: 30px; top: 15px; }
#header #links { position: absolute; right: 0px; top: 55px; font-family: tahoma, verdana, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; }
#header #links a { color: #7c7c7c; text-decoration: none; }
#header #links a:hover { color: #f0aa14; }

/* footer */
#footer { padding-top: 15px; min-height: 40px; }
#footer .foot-in { position: relative; width: 1050px; margin: 0 auto; }
#footer .sitemap { position: absolute; left: 0px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #797979; }
#footer .sitemap a { text-decoration: none; color: #797979; }
#footer .sitemap a:hover { text-decoration: underline; }
#footer .copyright { position: absolute; right: 0px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #797979; }

/* content */
#content { padding-top: 20px; min-height: 300px; }
#content img { border-width: 0px; padding: 0px; margin: 0px; }

/* on-air */
#onair img { border-width: 0px; margin: 0px; padding: 0px; }

/* video */
#video { }
#video img { border-width: 0px; padding: 0px; margin: 0px; }
#video .back { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; }
#video .back a { color: #f0aa14; text-decoration: none; }
#video .back a:hover { text-decoration: underline; }
#video .relative { position: relative; }
#video #top .info { float: left; width: 600px; }
#video #top table { width: 580px; }
#video #top table .t { border-spacing: 2px; border-width: 0px; }
/*#video #top table td { border: solid 1px #00ffff; }*/
#video #top table td { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #top table td.status { font-weight: bold; font-size: 12px; color: #939598; }
#video #top table td.title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #top table td.reference { font-weight: bold; font-size: 12px; color: #f0aa14; }
#video #top table td.team { font-weight: bold; font-size: 12px; color: #939598; }
#video #top table td.score { font-weight: bold; font-size: 12px; color: #939598; }
#video #top table td.locality { font-weight: bold; font-size: 12px; color: #939598; }
#video #top table td.locality a { color: #939598; text-decoration: none; }
#video #top table td.locality a:hover { text-decoration: underline; } 
#video #top table td.category { font-weight: bold; font-style: normal; font-size: 12px; color: #939598; margin: 3px 0; padding: 0px; }
#video #top table td.category a { color: #939598; text-decoration: none; }
#video #top table td.category a:hover { text-decoration: underline; }
#video #top table td.date { font-weight: bold; font-size: 12px; color: #939598; }
#video #top table td.note { font-weight: normal; font-size: 11px; color: #939598; margin: 3px 20px 0px 0px; text-align: justify; }
/*
#video #top .text { float: left; width: 600px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #top .text .title { font-weight: bold; font-size: 12px; color: #939598; }
#video #top .text .linkblock { line-height: 30px; }
#video #top .text .img { padding-top: 6px; padding-right: 5px; }
#video #top .text .category { font-weight: bold; font-style: normal; font-size: 14px; color: #939598; margin: 3px 0; padding: 0px; }
#video #top .text .category a { color: #939598; text-decoration: none; }
#video #top .text .category a:hover { text-decoration: underline; }
#video #top .text .link { font-weight: bold; font-size: 14px; color: #f0aa14; margin: 3px 0; padding: 0px; }
#video #top .text .ref { font-weight: bold; font-size: 11px; color: #939598; margin: 0px; padding: 0px; }
#video #top .text .date { font-weight: bold; font-size: 11px; color: #939598; }
#video #top .text .note { font-weight: normal; font-size: 11px; color: #939598; margin: 3px 20px 0px 0px; text-align: justify; }
#video #top .text .links { padding-top: 3px; }
#video #top .text .links a { padding-right: 5px; }
*/
#video #top .corresp { float: left; width: 445px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #top .corresp .title { font-weight: bold; font-size: 12px; color: #939598; }
#video #top .corresp .links { font-weight: normal; font-size: 11px; color: #f0aa14; margin-top: 3px; }
#video #top .corresp .links a { color: #f0aa14; text-decoration: none; }
#video #top .corresp .links a:hover { text-decoration: underline; }
#video #player { background-color: #000000; }
#video #player .info { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #f0aa14; text-align: center; padding: 45px 0; position: relative; }
#video #player .play { text-align: center; padding: 15px 0; }
#video #player .infoimg { position: absolute; left: 10px; top: 10px; }
#video #player .over { z-index: 1000; position: absolute; top: 0px; left: 0px; display: block; width: 900px; height: 100px; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
#video #widget { position: relative; height: 32px; }
#video #widget #hits { position: absolute; top: 0px; left: 0px; }
#video #widget #hits { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #939598; margin-top: 8px; }
#video #widget #rating { position: absolute; top: 0px; left: 400px; }
#video #widget #rating { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #939598; margin-top: 5px; }
#video #widget #rating .text { margin-top: 3px; }
#video #widget #rating .star { font-size: 0px; width: 18px; height: 17px; margin: 0px; padding: 0px; display: block; background-repeat: no-repeat; }
#video #widget #rating .filled { background-image: url('../images/rating-star-filled-16.png'); }
#video #widget #rating .empty { background-image: url('../images/rating-star-empty-16.png'); }
#video #widget #rating .saved { background-image: url('../images/rating-star-saved-16.png'); }
#video #widget #rating .half { background-image: url('../images/rating-star-half-16.png'); }
#video #widget #share { position: absolute; top: 0px; right: 0px; }
#video #widget #share { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #123456; margin-top: 5px; }
#video #widget #share img { vertical-align: middle; padding-left: 10px; }
#video #widget #share a { color: #f0aa14; text-decoration: none; }
#video #widget #share a:hover { text-decoration: underline; }
#video #chat { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #chat .chat { background-color: #000000; margin-top: 10px; }
#video #chat .title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #chat .link { font-weight: bold; font-size: 11px; color: #f0aa14; margin-top: 5px; text-align: right; }
#video #chat .link a { color: #f0aa14; text-decoration: none; }
#video #chat .link a:hover { text-decoration: underline; }
#video #chat .chat { padding: 15px 0; }
#video #chat .chat a { color: #f0aa14; text-decoration: none; }
#video #chat .chat a:hover { text-decoration: underline; }
#video #chat .chat .name { float: left; width: 261px; text-align: left; }
#video #chat .chat .text { float: left; width: 641px; text-align: left; }
#video #chat .chat .nonwatermarked { background-color: #ffffff; border: solid 0px #000000; height: 23px; padding-left: 10px; }
#video #chat .chat .watermarked { background-color: #ffffff; border: solid 0px #000000; color: #b4b4b4; height: 23px; padding-left: 10px; }
#video #chat .chat .block { width: 1016px; margin: 0 auto; line-height: 18px; }
#video #chat .chat .block2 { width: 1016px; margin: 0 auto; line-height: 18px; min-height: 200px; }
#video #chat .chat .item-name { float: left; width: 261px; font-size: 12px; }
#video #chat .chat .item-text { float: left; width: 755px; font-size: 12px; }
#video #chat .chat .item-extra { color: #f0aa14; font-weight: bold; }
#video #chat .chat .item-extra-admin { color: #ff0000; font-weight: bold; }
#video #chat .chat .item-date { color: #939598; font-weight: normal; font-size: 10px; }
#video #chat .chat .item-normal { color: #939598; font-weight: normal; }
#video #codex { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #codex .title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #codex .text { font-weight: normal; font-size: 11px; color: #939598; font-style: italic; text-align: justify; margin-top: 5px; }
#video #req { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #req .title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #req .text { font-weight: normal; font-size: 11px; color: #939598; font-style: italic; text-align: justify; margin-top: 5px; }
#video #req a { color: #f0aa14; text-decoration: none; }
#video #req a:hover { text-decoration: underline; }
#video #news { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; margin: 10px 0; text-align: justify; width: 525px; }
#video #news a { color: #f0aa14; text-decoration: none; }
#video #news a:hover { text-decoration: underline; }
#video #news .text { font-weight: normal; font-size: 12px; color: #939598; }
#video #inquiry { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #inquiry .title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #inquiry .inquiry { width: 1050px; margin: 0 auto; padding: 10px 0; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #939598; }
#video #inquiry .inquiry .distance { background-color: #181818; height: 2px; }
#video #inquiry .inquiry .question { position: relative; }
#video #inquiry .inquiry .refname { position: absolute; left: 11px; top: 6px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; }
#video #inquiry .inquiry .items { position: relative; width: 525px; height: 24px; background-color: #000000; }
#video #inquiry .inquiry .items a { color: #f0aa14; }
#video #inquiry .inquiry .items a:hover { text-decoration: underline; }
#video #inquiry .inquiry .items .answer { position: absolute; left: 10px; top: 5px; width: 200px; }
#video #inquiry .inquiry .items span { color: #f0aa14; }
#video #inquiry .inquiry .items .gauge { background-color: #404040; position: absolute; left: 212px; top: 5px; width: 266px; height: 14px; }
#video #inquiry .inquiry .items .gauge2 { position: absolute; left: 212px; top: 5px; width: 266px; height: 14px; cursor: hand; cursor: pointer; }
#video #inquiry .inquiry .items .gauge_per { background-color: #d78211; height: 11px; padding-top: 3px; }
#video #inquiry .inquiry .items .hit { position: absolute; right: 10px; top: 5px; width: 30px; text-align: right; }
#video #matchlist { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#video #matchlist .title { font-weight: bold; font-size: 14px; color: #f0aa14; }
#video #matchlist .matchlist { padding: 10px 0; }
#video #matchlist .matchlist .block { width: 1050px; margin: 0 auto; /* line-height: 18px; min-height: 100px; */ font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #939598; }
#video #matchlist .matchlist .distance { background-color: #181818; height: 2px; }
#video #matchlist .matchlist .home { position: relative; width: 520px; background-color: #000000; }
#video #matchlist .matchlist .guests { position: relative; width: 520px; background-color: #000000; }
#video #matchlist .matchlist .refname { position: absolute; left: 11px; top: 6px; font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; }
#video #matchlist .matchlist .player { position: relative; width: 520px; height: 22px; }
#video #matchlist .matchlist .player .sign { position: absolute; left: 10px; top: 4px; width: 34px; }
#video #matchlist .matchlist .player .name { position: absolute; left: 46px; top: 4px; width: 322px; }
#video #matchlist .matchlist .player .pos { position: absolute; left: 370px; top: 4px; width: 120px; }
#video #matchlist .matchlist .player .flag { position: absolute; right: 10px; top: 5px; width: 18px; }
	
/* chat */
#chats { }
#chats img { border-width: 0px; padding: 0px; margin: 0px; }
#chats .back { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; }
#chats .back a { color: #f0aa14; text-decoration: none; }
#chats .back a:hover { text-decoration: underline; }
#chats #chat { font-family: verdana, tahoma, "arial ce", "helvetica ce", arial, helvetica, sans-serif; }
#chats #chat .chat a { color: #f0aa14; text-decoration: none; }
#chats #chat .chat a:hover { text-decoration: underline; }
#chats #chat .chat { background-color: #000000; margin-top: 10px; padding: 15px 0; }
#chats #chat .title { font-weight: bold; font-size: 12px; color: #939598; }
#chats #chat .link { font-weight: bold; font-size: 14px; color: #f0aa14; }
#chats #chat .link a { color: #f0aa14; text-decoration: none; }
#chats #chat .link a:hover { text-decoration: underline; }
#chats #chat .chat .block2 { width: 1016px; margin: 0 auto; line-height: 18px; min-height: 200px; }
#chats #chat .chat .item-name { float: left; width: 261px; line-height: 12px; height: 28px; }
#chats #chat .chat .item-text { float: left; width: 755px; line-height: 14px; }
#chats #chat .chat .item-extra { color: #f0aa14; font-weight: bold; font-size: 12px; }
#chats #chat .chat .item-extra-admin { color: #ff0000; font-weight: bold; font-size: 12px; }
#chats #chat .chat .item-date { color: #939598; font-weight: normal; font-size: 10px; }
#chats #chat .chat .item-normal { color: #939598; font-weight: normal; font-size: 12px; }
#chats .pager { background-color: #181818; text-align: center; padding: 15px 0; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; }
#chats .pager a { color: #939598; text-decoration: none; }
#chats .pager a:hover { color: #f0aa14; text-decoration: underline; }

/* mapa */
#mapa { }
#mapa .h60 { height: 80px; } /* 60px v1 | 80px v2 */
#mapa .h120 { height: 160px; } /* 120px v1 | 160px v2 */
#mapa img { border-width: 0px; padding: 0px; margin: 0px; }
#mapa .mapa { float: left; width: 342px; }
#mapa .mapa .line { position: absolute; left: 0px; top: 0px; }
#mapa .mapa .line60 { position: absolute; left: 0px; top: 80px; } /* 60px v1 | 80px v2 */
#mapa .mapa .item { position: relative; width: 340px; height: 80px; } /* 60px v1 | 80px v2 */
#mapa .mapa .item .image { position: absolute; top: 5px; left: 19px; height: 40px; width: 35px; }
#mapa .mapa .item .title { position: absolute; top: 0px; left: 55px; height: 20px; width: 260px; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; }
#mapa .mapa .item .title a { color: #f0aa14; text-decoration: none; margin: 0 5px; line-height: 18px; }
#mapa .mapa .item .title a:hover { text-decoration: underline; }
#mapa .mapa .item .text { position: absolute; top: 20px; left: 55px; height: 36px; width: 260px; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; color: #939598; margin: 0 5px; line-height: 12px; }
#mapa .mapa .item .text a { color: #939598; text-decoration: none; }
#mapa .mapa .item .text a:hover { text-decoration: underline; }
#mapa .mapa .sep { position: relative; }
	
/* mapy */
#mapy { position: relative; width: 1024px; margin: 0 auto; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; }
	
	
/* useful */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.sep01 { height: 1px; }
.sep02 { height: 2px; }
.sep03 { height: 3px; }
.sep05 { height: 5px; }
.sep10 { height: 10px; }
.sep15 { height: 15px; }
.sep20 { height: 20px; }
.sep30 { height: 30px; }

.sepw10 { width: 10px; }

.bold {	font-weight: bold; }
.underline { text-decoration: underline; }

/* border: dotted 1px #00ff00; */