/* 																*
 * common.css											*
 * Copyright 2010 Onyx Sp. z o.o.	*
 * Marek Wysiński									*
 * 																*/
 
/* 													*
 * 			SPIS TREŚCI								*
 * ----------------------------------------------	*
 * 1.	|	Style globalne							*
 * 2.	|	Layout witryny							*
 * 3.	|	Style aktualności						*
 * 4.	|	Elementy wspólne dla różnych działów	*
 * 5.	|	Linki									*
 * 6.	|	Obsługa CSS								*
 * ----------------------------------------------	*/
 
 
/* 						*
 * 1. Style globalne	*
 *						*/

body {
	color: #474747;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	background: url('../images/backgrounds/main.png') #e4e3e3 top left repeat-x;
}
:focus { outline: none; }
a img { border: none; }
a { text-decoration: none; }
h2 {
	clear: both;
	font-size: 14px;
	margin: 0 0 8px 0;
	padding: 0;
}
object { display: block; }
form { 	margin: 0;	padding: 0; }
hr {
	clear: both;
	border: 0;
	background-color: #787878;
	color: #787878;
	height: 1px;
	margin: 14px auto !important;
	margin: 7px auto;
	width: 90%;
}
ul { margin: 9px 0; padding: 0 8px 0 30px;}
li {  margin: 1px 0; }

/* 										*
 * 2. Layout witryny	*
 *										*/
 
#layout {
	background: url('../images/backgrounds/top.png') top left no-repeat;
	width: 1240px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

#topMenu {
	text-align: right;
	padding-right: 20px;
	line-height: 38px;
}

#topMenu a {
	font-size: 10px;
	color: #787878;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}

#topMenu a:hover {
	color: #aaa;
}

#topMenu a.active {
	background: url('../images/icons/marker.gif') center 23px no-repeat;
}

#header object {
	float: left;
}

#menuBar {
	height: 29px;
	border-top: 1px solid #efeeee;
	padding-left: 30px;
}

#menuBar a {
	background-repeat: no-repeat;
	background-position: 9px 9px;
	padding: 0 10px 0 26px;
	font-size: 11px;
	color: #e6e3e3;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	display: block;
	float: left;
}

#main {
	margin: 0 30px;
}

#footer {
	margin-top: 10px;
	clear: both;
	height: 30px;
	padding: 0 30px;
}

#footerInfo {
	padding-left: 13px;
	line-height: 28px;
	border: 1px solid #c1c0c0;
	color: #868585;
	font-size: 10px;
	width: 980px;
	float: left;
}

#onyx {
	float: right;
	margin: 0 15px;
}


/* 						*
 * 3. Style aktualności	*
 *						*/

.date {
	font-style: oblique;
	text-align: right;
}

.sectionNewsContainer {
	width: 280px;
	float: right;
	margin: 20px 0;
}

.sectionNews {
	color: #474747;
	border-left: 1px solid #9a5b22; 
	border-right: 1px solid #9a5b22; 
	padding: 8px;
}

#news .active {
	font-weight: bold;
}

.pieceOfNews {
	display: block;
	color: #474747;
	background: url('../images/icons/arrow_red.png') no-repeat 1px 1px;
	padding: 0 0 5px 17px;
}

.sectionNews a.more  { clear: both; }

.sectionNews p img {
	float: left;
	margin: 5px 6px;
}

#newsMenu {
	padding-top: 13px;
	width: 320px;
	float: left;
}

#newsContent {
	color: #474747;
	background: url('../images/backgrounds/mainranking.png') repeat-x top left #DBDBDB;
	padding: 13px 20px;
	width: 800px;
	float: left;
	min-height: 400px;
}

#news {
	color: #474747;
	font-size: 11px;	
	padding-right: 15px;
}

#news p {
	margin: 10px auto;
}

#news p img, #newsContent img {
	float: left;
	margin: 5px 6px;
}

#newsContent .mediaTitle {
	margin-left: 60px;
	margin-top: 20px;
	font-size: 13px;
	font-weight: bold;
}

#newsContent a.mediaPlayer {
	display: block;
	width: 690px;
	height: 390px; 
	text-align: center;
	margin: 10px auto;
	border: 1px solid #999;
	background: no-repeat center center #000;
}

#newsContent a.mediaPlayer img {
	margin-top: 160px;
	border: 0px;
	float: none;
}

#newsContent a.mediaPlayer:hover {
	border: 1px solid #000;
}

/* 																					*
 * 4. Elementy wspólne dla różnych działów	*
 *																					*/

.box {
	float: left;
	background-image: url('../images/corners/boxcorners_430_bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #eee;
	width: 430px;
	margin-right: 20px;
	margin-top: 20px;
}

.box p {
	margin: 8px;
	line-height: 150%;
}

.titleBar {
	height: 30px;
	background-image: url('../images/corners/boxcorners_430_top.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 29px;
	padding: 0 10px;
}

.rankingHeaderDark, .rankingHeaderLight {
	text-transform: uppercase;
	clear: both;
	color: #e9e7e7;
	display: block;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	font-size: 15px;
	padding-left: 30px;
	margin: 12px 0;
}

.rankingHeaderDark {
	background-color: #87a659;
}

.rankingHeaderLight {
	background-color: #94ae6c;
}

.listColumn {
	margin-top: 10px;
	text-transform: uppercase;
	color: #6d9236;
	width: 253px;
	float: left;
}

.artist {
	font-weight: bold;
}

.album {
	font-style: oblique;
}

.publisher {
	font-size: 10px;
}

.position {
	background-position: 1px 1px;
	background-repeat: no-repeat;
	color: #708c47;
	padding-left: 25px;
	float: left;
	width: 228px;
	margin-bottom: 5px;
	height: 60px;
}

.nielsenPosition {
	background-position: 1px 1px;
	background-repeat: no-repeat;
	color: #708c47;
	padding-left: 30px;
	padding-top: 3px;
	margin-bottom: 10px;
	width: 480px;
	height: 17px;
}

.p1 { background-image: url('../images/icons/positions/1st.gif'); }
.p2 { background-image: url('../images/icons/positions/2nd.gif'); }
.p3 { background-image: url('../images/icons/positions/3rd.gif'); }
.p4 { background-image: url('../images/icons/positions/4th.gif'); }
.p5 { background-image: url('../images/icons/positions/5th.gif'); }
.p6 { background-image: url('../images/icons/positions/6th.gif'); }
.p7 { background-image: url('../images/icons/positions/7th.gif'); }
.p8 { background-image: url('../images/icons/positions/8th.gif'); }
.p9 { background-image: url('../images/icons/positions/9th.gif'); }
.p10 { background-image: url('../images/icons/positions/10th.gif'); }

.airplayList {
	border-top: 1px solid #666;
	margin: 25px 0 30px 0;
}

.airplayList h4 {
	margin-top: -18px;
}

.infoTable { border-collapse: collapse; width: 100%; margin: 10px auto; }
.infoTable td { border: 1px solid #666; padding: 4px; }
.infoTable th { border: none; background-color: #ccc; padding: 6px 4px;  }
.infoTable td.header { background-color: #d7d7d7; font-weight: bold; text-align: center; }
.infoTable ul { margin: 0; padding: 0 15px; }


ul.fileList {
	margin: 0;
	padding-left: 25px;
	list-style: none;
}

ul.fileList li {
	padding: 4px 0 4px 20px;
}


li.pdf { background: url('../images/icons/pdf.gif') 0 3px no-repeat; }
li.doc { background: url('../images/icons/doc.gif') 0 3px no-repeat; }

.description {
	margin: 10px 25px;
	text-align: justify;
}

.source {
	font-style: oblique;
	margin-top: 10px;
	text-align: right;
}

/* 					*
 * 5. Linki	*
 *					*/

a.more {
	color: #474747;
	font-size: 11px;
	background: url('../images/icons/arrow_gray.png') no-repeat 1px 9px;
	padding: 8px 0 8px 17px;

}

a.file { 
	padding: 2px 20px;
	line-height: 20px;
	color: #DE272E;
	background: url('../images/icons/doc.gif') no-repeat 0 0;
}

a.red { 
	color: #DE272E;
}

a.pdf { background-image: url('../images/icons/pdf.gif'); }

/* 								*
 * 6. Obsługa CSS	*
 *								*/
 
.clear { clear: both; }
.alLeft { text-align: left; }
.alCenter { text-align: center; }
.alRight { text-align: right; }
.paraImage { float: left; margin-right: 7px; }
.toLeft { float: left; }
.toRight { float: right; }

#newsContent table.photoGalleryNews { border-collapse: collapse; border-spacing: 0; }
#newsContent table.photoGalleryNews td { width: 160px; vertical-align: middle; text-align: center; padding: 0; margin: 0; }
#newsContent table.photoGalleryNews td img { border: 2px solid #fff; float: none; padding: 0; margin: 15px 0 0 0; }

table.news { border-collapse: collapse; width: 100%; }
table.news td, table.news th { border: 1px solid #cbd1d7; line-height: 30px; color: #5c6a79; padding: 0 13px; font-size: 11px; background-color: #fff; }
table.news th { background-color: #6d7e8f; color: #f3f3f3; border-left-style: double; border-left-width: 3px; }
table.news th.borderSolid { border-left-style: solid; border-left-width: 1px; }
table.news tr.dark td { background-color: #e9ecee; }
p.tabLegend { text-align: right; font: 10px/15px Verdana, Arial, sans-serif; color: #8d939a; margin: 5px 0 0 0; }

img.greayWhiteBorder { border: 1px solid #b0afaf; padding: 1px; background-color: #fff; }