/************************************
    *                                   *
    *          ms2009.stv.sk            *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *   All web content - commented     *
    *                                   *
    *   Last edit: 27.04.2007, 17:48    *
    *                                   *
    ************************************/

	* {margin:0; padding: 0; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

	/*****************************
	*         HTML tags          *
	*****************************/	
	body {background: #DADADA url(../images/body_bcg.jpg) 0 0 no-repeat; font: normal 1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFF;  height: 100%;}
	a img {border: none;}
	h3 { background: #097808 url(../images/h3_background.png) right top no-repeat; margin-bottom: 1px; padding: 2px 2.69em 1px 0.75em; color: #FFF; font-size: 0.63em; font-weight: normal;}
	small {font-size: 0.69em;}
	a {color: #FFF;}
	a:hover {color: #000;}
	iframe {position: relative; z-index: 2;}
	.detail ol, .detail ul {padding-left: 3em;}
	.detail small {font-size: 0.83em;}
	fieldset {border: 0; padding: 0;}

	/*****************************
	*      General classes       *
	*****************************/	
	.hidden {display: none;}
	.clear {clear: both;}
	hr.clear {border: none; background-color: #A60001; color: #A60001; padding: 15px;}
	.navigation {list-style: none;}
	.t-center {text-align: center;}
	.t-left {text-align: left !important;}
	.banner {margin-bottom: 0.56em; display: block;}
	.half {width: 50%;}
	.noclick {cursor: default !important;}
	.noclick.disabled {color: #666 !important;}
	.left {float: left;}
	.right {float: right;}
	.sub-col2 {width: 25em; _width: 25.6em;}
	.d-n, legend {display: none;}
	/* --- Heading level --- 2 */
	.h2 { background: url(../images/h2_background.png) repeat-y; padding-left: 25px; margin-bottom: 8px; font-size: 1.5em; font-weight: normal;}
	.h2 span {color: #000; font-size: 0.46em;}
	.h2 img {float: left; margin: 0 10px 0 0; height: 45px;}
	/* Heading level 3 */
	h3.h3 {background: transparent none; font-size: 1.13em; padding: 0; margin-bottom: 4px; color: #FFF;}
	h3.clear {background-color: #000; padding: 0 0.3em; font-size: 1em;}
	/* More & Back */
	.more, .back {color: #FFF; background-color: #8D0506;  padding: 1px 0.3em; position: absolute; text-decoration: none; line-height: 100%;}
	.more:hover, .back:hover {background-color: #000; color: #FFF;}
	.more {right: 0.8em; bottom: 0;}
	.back {right: 0.1em; top: 1em; font-size: 0.75em; }	
	/* Agency copyright */
	.copyright { display: block; padding: 3px 5px;}

	/*****************************
	*           Layout           *
	*****************************/	
	#page { width: 48em; background-color: #a60001; padding: 5px 8px; margin-left: 30px; position: relative; top: -10px; min-height: 450px; _height: 450px;}
	#head { height: 108px; width: 814px; margin-bottom: 0.56em; /*background: #fafcfc url(../images/head_background.png);*/ position: relative;}
	/* Logo */
	#logo {position: absolute;  left: 29px; top: 32px;}
	/* Quick select */
	#stv-menu {position: absolute; top: 1px; right: 0; }
	#stv-menu ul {padding: 0; list-style: none;}
	#stv-menu strong {display: none; color: #8c8c8c; font-weight: normal; font-size: 0.69em;}
	#stv-menu li {float: left; margin-left: 20px; _width: 1px; white-space: nowrap;}
	#stv-menu select {width: 12em; font-size: 0.69em;}
	#stv-menu #search-form {position: relative; top: -1em;}
	#stv-menu label {display: block; color: #8c8c8c; font-size: 0.69em;}
	#stv-menu .field {border: 1px solid #b2b2b2; width: 9em; font-size: 0.69em;}
	#stv-menu .button {position: relative; top: 3px;}
	/*****************************
	*          Column 1          *
	*****************************/	
	#col-1 { width: 38.88em; float: left; margin-right: 0.35em; min-height: 300px; _height: 300px; position: relative;}
	/* ---| Main articles switcher |--- */
	#main-articles ul {position: relative; top: 20px;}
	#main-articles ul li {margin-bottom: 8px;}
	#main-articles ul strong {padding-left: 0.2em; font-size: 1.5em;}
	#main-articles ul a {display: block; width: 1.5em; border: 1px solid #FFF; border-right: none; _display: inline-block; color: #FFF; text-decoration: none; position: relative; left: 2px; background-color: #A60001; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); padding: 3px 0;}
	#main-articles ul a:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);}
	#main-articles ul a.active, #main-articles ul a.active:hover { width: 2em; left: -0.1em; background-color: #A60001; z-index: 19; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	#main-articles ul a.active strong {padding-left: 0.35em;}
	#article2,#article3,#article4{display:none;} /*jklmn*/
	/* Corner */
	#main-articles ul b {display: block; width: 3px; height: 3px; overflow: hidden; position: absolute; left: -1px; background-repeat: no-repeat; background-color: #6278b0;}
	#main-articles ul b.top-c { top: -1px; background-image: url(../images/top_corner.png);}
	#main-articles ul b.bottom-c { bottom: -1px; background-image: url(../images/bottom_corner.png); _bottom: -3px;}
	/* ---| Main articles |--- */
	#main-articles { position: relative; height: 14.8em;}
	.main-article {position: absolute; top: 0; left: 1.85em; height: 14.31em; border-left: 1px solid #FFF; =z-index: -1; overflow: hidden; width: 37em;}
	.main-article h2, .main-article .p {margin-left: 344px; font-size: 1.5em;}
	/* Heading */
	.main-article h2 { position: relative; margin-bottom: 0.3em; font-weight: normal;}
	.main-article h2 a {color: #FFF; text-decoration: none; line-height: 100%; padding-left: 17px; background: url(../images/h2_background.png) repeat-y; display: block; margin-bottom: -28px;}
	.main-article h2 a:hover {color: #000;}
	.main-article h2 .date { color: #000; font-size: 0.6em; display: block; margin-top: 5px;}
	/* Content */
	.main-article img {position: absolute; left: 0.4em; top: 0;}
	.main-article .p {font-size: 0.75em; line-height: 120%;}
	/* ---| Boxes |--- */
	.box {width: 19.19em; height: 11.5em; float: left; margin-bottom: 0.56em; background-color: #8d0506;}
	.box h3 {margin-bottom: 0.4em;}
	.box a {color: #efefef; font-weight: bold;}
	.box a:hover {color: #000;}
	/* ---| Next matches |--- */
	.box1 {margin-right: 0.38em;}
	.box1 h4 {font: bold 0.6em Verdana, "Geneva CE", lucida, sans-serif; color: #FFF; margin-left: 1.2em;}
	.box1 table {margin: 0 0.5em; font-size: 0.89em; color: #FFF; margin-bottom: 0.2em;}
	.box1 table b {font-weight: bold; color: #000;}
	strong.live { display: block; width: 35px; padding: 1px 5px; background-color: #000; color: #FFF; font-size: 13px; text-align: center; text-transform: uppercase;}
	col.match {width: 11.2em;}
	col.result {text-align: right; width: 2.8em;}
	col.detail {width: 1.1em;}
	/* ---| Running matches |--- */
	.box2 {color: #FFF;}
	.box2 a {color: #FFF;}
	div.match { position:relative; padding-left: 3.69em; margin: 0.6em 0; }
	div.match img {position: absolute; left: 0.7em; top: 0; _left: -3em}
	div.match h4 { font-size: 0.88em !important; margin-left: 0;}
	div.match h4 .date { font-size: 0.69em; font-weight: normal; color: #FFF;}
	div.match p {font-size: 0.75em; line-height: 135%;}
	div.match strong { font-size: 1.50em;}
	/* ----| Articles |---- */
	.article { position:relative; min-height: 5.63em; width: 37.7em; margin-bottom: 0.6em; padding-right: 1em; overflow: hidden; clear: both;}
	.article h4, .article .p {margin-left: 145px;}
	.article h4 a {color: #FFF; font-size: 0.94em;}
	.article h4 a:hover {color: #000000;}
	.article h4 .date { font-size: 0.69em; color: #000;}
	.article img {position: absolute; left: 0; top: 0;}
	.article .p {font-size: 0.69em;} 
	/* Pagging */
	p.pages {text-align: right; margin: 15px 0; font-size: 0.69em;}
	p.pages a {padding: 0px 4px; background-color: #ab0000; color: #FFF; margin-left: 3px; text-decoration: none;}
	p.pages span {background-color: transparent; margin-left: 3px; padding: 0px 4px;}
	p.pages a:hover {background-color: #c53a28; color: #FFF;}
	.prev, .next {padding: 1px 10px !important; font-size: 20px !important;}
	/* ----| Played matches & matches summary |---- */
	.match-summary .muz {width: 72px;}
	.match-summary, .goal-summary {color: #000; border-collapse: collapse; width: 100%; margin-bottom: 15px;}
	.match-summary th, .goal-summary th {background-color: #000; color: #FFF; text-align: left; font-size: 0.88em; font-weight: normal; padding: 1px 5px;}
	.match-summary td, .goal-summary td {font-size: 0.88em; padding: 2px 5px; white-space: nowrap;}
	.match-summary a, .goal-summary a {color: #FFF;}
	.match-summary a:hover, .goal-summary a:hover  {color: #000 !important;}
	.match-summary strong a {padding-left: 18px; background: transparent url(../images/detail2.png) left 2px no-repeat; font-size: 0.88em;}
	.match-summary .impair td { background-color: #950001;}
	.match-summary .even td {background-color: #8C0001;}
	.match-summary tr:hover td,
	.goal-summary tr:hover td {background-color: #eaeaea !important;}
	.match-summary tr:hover td a {color: #BC0000;}
	.goal-summary tr:hover td a {color: #BC0000;}
	/* ----| Goal summary & Group table |---- */
	.no-collapse {border-collapse: separate !important;}
	.goal-summary.stats {font-size: 0.9em;}
	.goal-summary th {background-color: #000; text-align: center;}
	.goal-summary th img {width: auto !important;}
	.goal-summary th a:hover {background-color: #FFF;}
	.goal-summary td {text-align: center; color: #000;}
	.goal-summary.t-left td, .goal-summary.t-left th {text-align: left;}
	.goal-summary.t-left td span {color: #FFF;}
	.goal-summary.t-left tr:hover td {background-color: transparent;}
	.goal-summary a {text-decoration: none; color: #FFF;}
	.goal-summary tr.impair td {background-color: #950001;}
	.goal-summary tr.even td {background-color: #8C0001;}
	.goal-summary a b {text-decoration: underline; font-weight: normal;}
	.goal-summary a img, .goal-summary .a img {width: 20px; position: relative; top: 2px;}
	/* ----| Article detail |---- */
	.detail {font-size: 0.75em;}
	.detail img {float: left; margin: 0 1em 0em 0;}
	.detail p {margin-bottom: 0.8em;}

	/*****************************
	*        Sport videos        *
	*****************************/
	.right .vbox, .vbox {padding-top: 86px; height: 5.7em; width: 12.00em; float: left; overflow: hidden; margin-left: 11px; position: relative; _margin-left: 9px !important;}
	div.right.sub-col2 .vbox {margin-left: 5px; _margin-left: 3px !important;}
	.vbox h4 a {color: #fff;}
	.vbox a.img, .vbox a span {display: block; width: 12.00em; height: 108px; position: absolute; top: 0; left: 0;}
	.vbox a span {  cursor: pointer;}
	.vbox h4 {font-size: 1em; margin-bottom: 3px;}
	.vbox p {line-height: 110%; font-size: 0.83em;}

	/*****************************
	*        Match detail        *
	*****************************/
	.game {}
	.game.right {width: 48%;}
	.game.left {width: 51.8%;}
	/* Match detail heading */
	.h2 a img {float: none; margin: 0;}
	.h2 strong {display: block; float: left; width: 20%; text-align: center; font-size: 1.4em;}
	.h2 strong em {font-size: 0.4em; font-weight: normal; font-style: normal;}
	.h2 .clear { display: block;}
	span.half {width: 40%; font-size: 1em;}
	span.right {text-align: right;}
	span.half a {text-decoration: none;}
	span.half a b {text-decoration: underline; position: relative; top: -0.5em;}
	h3.clear {_height: 1px;}
	/* Scored goals */
	.goal {padding-left: 6.5em; font-size: 0.75em; position: relative; margin-bottom: 10px;}
	.goal a {color: #FFF;}
	.goal b {position: absolute; left: 0; top: 0; _left: -6.5em; font-weight: normal; color: #FFF; background-color: #000;  padding: 1px 4px; margin-right: 3px;}

	/*****************************
	*          Column 2          *
	*****************************/
	#col-2 { width: 8.75em; float: left; min-height: 300px; _height: 300px;}
	#col-2 p, #col-2 p a {font-size: 0.75em; margin-bottom: 0.56em; color: #FFF;}
	#col-2 p a {font-size: 1em;}
	#col-2 .bottom {margin-bottom: 0.56em;}
	/* ---| Sub navigations |--- */
	#col-2 .navigation { margin-bottom: 0.56em;}
	#col-2 .navigation li { margin-bottom: 0.19em; _margin-bottom: 0.00em;}
	#col-2 .navigation a {display: block; text-decoration: none; padding: 0.5em 0 0.5em 0.5em; color: #FFF; font: normal 0.69em Verdana, "Geneva CE", lucida, sans-serif; _display: inline-block; _width: 95%; =padding: 0.1em 0 0.3em 0.5em; _padding: 0.5em 0 0.5em 0.5em;}
	/* subnavigation 1 */
	#col-2 .navigation.sub1 a {background-color: #b51f1f;}
	#col-2 .navigation.sub1 a:hover, #col-2 .navigation.sub1 a.active {background-color: #c53a28;}
	/* subnavigation 2 */
	#col-2 .navigation.sub2 a {background-color: #350000;}
	#col-2 .navigation.sub2 a:hover, #col-2 .navigation.sub2 a.active {background-color: #c53a28;}
	/* ---| Login form |--- */
	#login-form  {padding: 0px 0 0.56em 0.56em; background-color: #656565; text-align: center;}
	#login-form fieldset {border: none; text-align: left; margin-bottom: 0.4em;}
	#login-form legend {font-size: 1.05em; position: relative; =left: -7px; margin-bottom: 0.4em; padding-top: 0.56em; color: #FFF;}
	#login-form label {font-size: 1.1em; display: block; float: left; width: 3em;}
	#login-form p {margin-bottom: 0.2em;}
	#login-form .field {border: none; width: 5.25em;}
	#login-form .button {position: relative; left: 3.27em; border: none; background-color: #bc0000; font-size: 0.75em; color: #FFF; padding: 0 5px; _left: 3.6em;}
	#login-form a {color: #FFF; font-size: 0.75em;}

	/*****************************
	*            Foot            *
	*****************************/	
	#foot {font: normal 0.69em Verdana, "Geneva CE", lucida, sans-serif; display: block; margin: 0.75em 0 0 30px; position: relative; width: 86em; color: #000; margin-bottom: 10px;}
	#foot a {color: #a90000;}
	#foot a:hover {color: #000;}
	#hokejista { width: 120px; height: 600px; position: absolute; top: 6.7em; left: 50.3em;}
	/* fatchilli.com */
	#fatchilli {text-decoration: none; color: #000 !important; position: absolute; right: 0;}
	#fatchilli span {color: #c50000;}
	#fatchilli strong {color: #000;}
	#fatchilli:hover {text-decoration: underline;}

	/*****************************
	*         Navigation         *
	*****************************/
	#navigation { height: 1.81em; padding: 0.75em 0 0 15px; background-color: #000; margin-bottom: 0.44em; relative; z-index: 5;}
	#navigation li { float: left; margin-right: 0.63em; }
	#navigation li a { display: block; padding: 0.22em 0.69em; padding-bottom: 0.2em; text-decoration: none; position: relative; z-index: 1; color: #FFF;}
	#navigation li a:hover {background-color: #a60001; color: #FFF;}		
	#navigation li a img {margin-right: 4px; width: 20px; position: relative; top: 2px;}
	#navigation li ul { position: absolute; left: -999em; background-color: #000; list-style: none; z-index: 10;}
	#navigation li:hover ul li { z-index: 99; _position: relative;}
	#navigation li:hover ul, #navigation li.sfhover ul { left: auto; width: 12em; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; filter: alpha(opacity=85);}
	#navigation li:hover li a, #navigation li.sfhover li a { }
	#navigation li li { float: none; }
	#navigation li li a { display: block; width: 97%; padding: 0.13em 0.69em; font-size: 0.75em; _display: inline-block;}
	#navigation li li a:hover { }
	#navigation .active, #navigation .active:hover {background-color: #a60001; color: #FFF;}

	/*****************************
	*      FatChilli banner      *
	*****************************/
	.fat-b {position: relative; margin-bottom: 10px; display: block; width: 140px; height: 140px; text-decoration: none; color: #FFF; font-size: 12px;}
	.fat-b span {position: absolute; bottom: 0; left: 0; display: block; padding: 11px 10px; text-decoration: underline; text-align: center; line-height: 13px;}