/* News.css
   Styly pro novinky - News.cs a NewsList.cs
*/

/* nadpis zprav */
.newsTitle
{
	font-size: 18px;
	color: #ED1C24;
	border-bottom: #D9DFE8 1px solid;
	line-height: 150%;
	margin: 0px 20px;
	padding-top: 10px;
}

/* seznam zprav */
.newsList
{
	margin: 10px 20px;
}

/* pager */
.newsList .pager
{
    padding: 3px;
    background-color: #EAEFF5;
    width: 450px;
    margin: 0 auto;
    color: #000;
}

body.wider .newsList .pager
{
    width: auto;
}

.newsList .pager a
{
	color: #d71025;
	font-weight: bold; 
	text-decoration: none; 
}

.newsList .pager a:hover 
{
	text-decoration: underline;
	color: #d71025;
}

.newsList .pager .selected
{
	font-weight: bold;
}

.newsList .pager .prev
{
	padding: 3px 0 2px 10px;
	background: url(../Images/arrowlink-left-bg.gif) no-repeat 0 center;
}

.newsList .pager .next
{
	padding: 3px 10px 2px 0;
	background: url(../Images/arrowlink-bg.gif) no-repeat 100% center;
}

/* odkazy v novinkach i listu novinek */
.newsList a, .newsList a:visited,
.news a, .news a:visited
{
	color: #0000FF;
	text-decoration: none;
}

.newsList a:hover,
.news a:hover
{
	color: #0000FF;
	text-decoration: underline;
}

/* ************** */
/* Vlastni ZPRAVA */
.news
{
	margin: 0px auto 0px auto;
}
.newsInList
{
	margin-bottom: 20px;
}
/* obsah zpravy je v tabulce -> aby floatovany obrazek nepretekl */
.news .newsTable
{
	border: 0px;
	margin-bottom: 10px;
}
.news .newsTable td
{
	border: 0px;
}

.news a
{
	font-weight: bold
}

.news p
{
	margin-bottom: 5px;
}

/* nadpis + datum */
.news h3, .news h3 a.title, .news h3 a.title:visited
{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

.news h3 a.title:hover
{
	text-decoration: none;
	cursor: pointer;
}

.news h3 span
{
	font-size: 11px;
	color: #6083A1;
	font-weight: normal;
}

/* obrazek + zbyle bunky*/
.news .newsTable .imageCell
{
	width: 140px;
	vertical-align: top;
}
.news .newsTable .imageCell a img
{
	width: 125px;
}


/* odkazy a detail */
.news p.detail a, .news p.detail a:hover, .news p.detail a:visited
{
	color: #D71025;
}

/* blok kurzu */
.news .oddsBlock
{
	padding: 15px 0;
}

/* tabulka kurzu */
.news .ratesTable
{
	border-collapse: collapse;
	width: 100%;
}

.news .ratesTable td
{
	font-weight: bold;
	color: #FFB400;
	cursor: pointer;
	padding: 3px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	vertical-align: top;
}

.news .ratesTable td.rate
{
	background-color: #D61021;
}

.news .ratesTable td.rateSelected,
.news .ratesTable td.rateHover,
.news .ratesTable td.rateSelectedHover
{
	background-color: #8EA7C6;
}

/* bunky tabulky kurzu*/
.news .ratesTable .tipAndRate
{
	border-collapse: collapse;
}

.news .ratesTable .tipAndRate .tip
{
	float: none;
	color: #FFFFFF;
	padding-right: 2px;
}

.news .ratesTable .horizontal .tip
{
	float: left;
}

.news .ratesTable .tipAndRate .tipRate
{
	float: none;
}

.news .ratesTable .horizontal .tipRate
{
	float: right;
}

.news .eventname
{
	padding-bottom: 10px;
	color: #D61021;
	font-weight: bold;
}

.news .oddsBlock .twoRows .tip,
.news .oddsBlock .twoRows .tipRate
{
	text-align: center;
}

/* detail zpravy */
.newsList .newsIn
{
	background-color: #FFFFFF;
	margin: 0px auto 10px auto;
	padding-left: 3px;
}

.newsList .newsIn h1, .newsList .newsIn h2, .newsList .newsIn h3,
.newsList .newsIn h4, .newsList .newsIn h5, .newsList .newsIn h6
{
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	border: 0;
	padding: 0;
	margin: 2px;
}

/* SportNews */
.newsList .pagerSep
{
	height: 10px;
}

.newsList .news .second
{
	background-color: #FAF5E7;
}

.newsList .news .sportNews
{
	border-collapse: collapse;
	border-bottom: 1px solid #D9DFE8;
	width: 450px;
}

body.wider .newsList .news .sportNews
{
	width: 100%;
}

.newsList .news .sportNews .date
{
	padding: 9px 12px 9px 12px;
	width: 65px;
}

.newsList .news .sportNews .sep
{
	width: 10px;
	color: #D9DFE8;
}

.newsList .news .sportNews .detailLink
{
	padding: 9px 12px 9px 12px;
}

.newsList .news .sportNews .detailLink a, .newsList .news .sportNews .detailLink a:visited
{
	color: #B50D1E;
	font-weight: normal;
}

.newsList .news .sportNews .detailLink a:hover
{
}

/* sipkovy odkaz v newsech */
.newsList .news A.arrowlink 
{
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BACKGROUND: url(../Images/arrowlink-bg.gif) no-repeat 0px 0.6em; 
	COLOR: #d71025; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 3px
}

.newsList .news A.arrowlink:hover 
{
	TEXT-DECORATION: underline
}

/* odstavec v newsech obalujici sipkovy odkaz na detail v newsech */

.news P.detail
{
	margin: 10px 0;
	text-align: right;
}

/* ************** */
/* Vlastni ZPRAVA - jako TopImageBanner - banner s tipy pod hlavnim menu */
.topImageBanner .news
{
	margin: 0px auto;
	width: auto;
}

.topImageBanner .news .newsImageBlock
{
	position: relative;
        height: 1%;
}

.topImageBanner .news .oddsBlock
{
	margin: 0;
	padding: 0;
	position: absolute;
        bottom: 0;
	left: 555px;
	width: 370px;
}

body.wider .topImageBanner .news .oddsBlock
{
	left: 705px;
}

.topImageBanner .news .oddsBlock .ratesTable
{
	border-collapse: separate;
}

.topImageBanner .news .oddsBlock .ratesTable td
{
	padding: 3px;
	border-width: 0;
}

.topImageBanner .news .oddsBlock .eventname
{
	margin: 180px 2px 0 2px;
	padding: 3px;
	background-color: #D61021;
	color: #fff;
}

.topImageBanner .news .oddsBlock .oneRow
{
	margin: 0;
	position: absolute;
        bottom: 4px;
	left: 0px;
	width: 370px;
}

.topImageBanner .news .oddsBlock .twoRows
{
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 370px;
}

.topImageBanner .news .oddsBlock .tip,
.topImageBanner .news .oddsBlock .tipRate
{
	text-align: center;
}