html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
/*	color: black;*/
	color: white;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: #A3A3A3 url(/microsite/mp3-parada-3/_clip/bg-site.gif) left top repeat-x;
}


h1 {
	font-size: 185%;
	color: #FFFF00;
	font-weight: normal;
	margin: 0 0 10px 0; padding: 2px 0;
}

h2 {
	margin: 15px 0; padding: 15px;
	font-size: 125%;
	font-weight: bold;
	color: #FFF;
    background: url(/microsite/mp3-parada-3/_clip/bg_pod-menu.gif);
}
h2.error {
	color: #6F0001;
	background: url(/_clip/bullet-h2-error.gif) left center no-repeat;
}
#right-side h2 {font-size: 105%}
h3 {
	font-size: 115%;
	font-weight: bold;
	color: #BDBDBD;
	margin: 15px 0; padding: 3px 20px;
	background: url(/microsite/mp3-parada-3/_clip/bullet-arow.gif) left center no-repeat;
	border-bottom: 1px solid #BDBDBD;
}

h1, h2, h3, h4 {line-height: normal;}


a {text-decoration: underline; color: #FEF5D5;}
a:hover {text-decoration: none; color: yellow;}

img {border: none;} img.block {display: block}
form {margin: 0; padding: 0;}
sup {font-size: 75%;}

hr {
	border: none;
	border-top: 1px solid #D3C183;
	height: 1px;
	width: 100%;
	display: block;
}

/**/

#page {
	margin: 60px auto 0 auto; padding: 0;
	width: 830px;
	position: relative;
}
#main {
	background: #5D0013 url(/microsite/mp3-parada-3/_clip/bg_header.jpg) left top repeat-x;
	width: 100%; height: 189px;
	position: relative;
}
#content-holder {
	position: absolute; top: 189px;
	width: 830px;
	background: #A3A3A3;
	font-size: 95%;
}
#content {
	width: 530px;
	padding: 50px 10px 10px 10px; margin: 0 0 0 26px;
	background: #333333 url(/microsite/mp3-parada-3/_clip/bg_content-bottom.gif) left bottom repeat-x;
	display: inline;
	float: left;
	font-size: 105%;
	line-height: 1.3em;
}
.content-bg {
	padding: 0; margin: 0;
	background: #000000;
	width: 100%;
}
/* \*/ * html #content {margin-bottom: -50px} /**/

#content-footer {
	font-size: 95%;
	padding: 55px 245px 10px 0;
	background: #000000 url(/microsite/mp3-parada-3/_clip/bg-content-footer-sub.gif) left bottom no-repeat;
	clear: both;
}
#content-footer ul {
	list-style: none;
	margin: 0; padding: 5px;
	text-align: right;
}

#content-footer ul li {display: inline;}
#content-footer li.btn-back {background: url(/_clip/bullet-back.gif) left center no-repeat; padding: 0 7px 0 18px;}
#content-footer li.btn-top {background: url(/_clip/bullet-top.gif) left center no-repeat; padding: 0 7px 0 18px;}
#footer {
	color: #544D34;
	padding: 10px 20px 10px 20px;
	width: 790px;
	font-size: 95%;
	line-height: 1.4em;
	font-family: Tahoma, Arial, sans-serif;
	background: url(/microsite/mp3-parada-3/_clip/bg-content-footer-mirror.gif) 0 1px no-repeat;
	display: table;
	clear: both;
}
#footer a {padding: 1px 3px;}
#footer a:hover {background: #979797}

/**/
span.btn-home {
	display: block;
	width: 180px; height: 60px;
}
a span.btn-home {cursor: pointer;}

a.prehrat {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(/microsite/mp3-parada-3/_clip/play-icon.gif) left center no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.hlasuj {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(/microsite/mp3-parada-3/_clip/rate-icon.gif) left center no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.prehrat-video {
	display: block;
	padding: 3px 0 3px 25px; margin: 0 0 0 5px;
	background: url(/microsite/mp3-parada-3/_clip/vid-icon.gif) left center no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
a.kapela {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(/microsite/mp3-parada-3/_clip/bullet-arow.gif) left center no-repeat;
	color: white;
}
a.prehrat:hover, a.prehrat-video:hover, a.hlasuj:hover {text-decoration: underline; color: yellow}
tr.novinka a.kapela {
	background: url(/microsite/mp3-parada-3/_clip/bullet-novinka.gif) left center no-repeat;
}

/* \*/ * html a.prehrat, a.prehrat-video, a.hlasuj, a.kapela {height: 1%;} /**/

/**/
.skladba-info {
	background: #414141;
	padding: 10px;
}
.kapela-info {
	background: #555555;
	padding: 10px; margin: 10px 0 0 0;
}
.skladba-info h2, .kapela-info h2 {padding: 5px 10px; margin: 0 0 15px 0}

table.info {
/*	border: 1px solid #534F40; */
}
table.info th {
	padding: 2px 5px;
	width: 50px;
	color: yellow;
	font-weight: normal;
	text-align: left;
}
table.info td {
	padding: 2px 5px;
}
table.info td.web {
	border-top: 1px solid #534F40;
	font-weight: bold;
}

.skladba-tools {
	width: 100%;
	display: table;
	border-top: 1px solid #534F40;
	padding: 5px 0 0 0; margin: 5px 0 0 0;
	clear: both;
}
/* \*/ * html .skladba-tools {clear: none} /**/
.skladba-tools a.prehrat {margin: 0 10px 0 0;}

/* login */
.mp3-login-box {
	background: #534F40;
	padding: 5px;
}
.mp3-login-box input {
	border: 1px solid #C5B57B;
	background: #8D825E;
	margin: 3px 0;
	font-size: 95%;
}
.login-form span {
	width: 40px;
	display: block;
	float: left;
	margin: 5px 0 0 0;
}
.mp3-login-box .login-links p { margin: 5px 0; padding: 0;}
.mp3-login-box input.btn-login { margin: 3px 0 3px 40px;}
* html .mp3-login-box input.btn-login { margin: 3px 0 3px 43px;}


/***** menu ******/
.inside-header {position: absolute; bottom: -35px; left: 26px; width: 550px;
	background: #494848 url(/microsite/mp3-parada-3/_clip/bg_menu.gif) right top repeat-x;}
.inside-header ul#hlavni-menu {
	list-style: none;
	margin: 0; padding: 0;
	font-size: 105%; font-weight: bold;
	width: 550px;
}
#hlavni-menu li {float: left;}
#hlavni-menu li a {
	background: url(/microsite/mp3-parada-3/_clip/bg_menu-item.gif) right top no-repeat;
	display: block;
	padding: 15px 9px;
	text-decoration: none;
	color: white;
}
#hlavni-menu li.active a {background: #171717;}
#hlavni-menu li a:hover {background: #232323; color: yellow;}

/* \*/ * html #hlavni-menu li a {width: 1%; white-space: nowrap;} /**/

#sraf-pod-menu {
    background: url(/microsite/mp3-parada-3/_clip/bg_pod-menu.gif) left top repeat-x;
	height: 15px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	clear: both;
}


/**/
.infoBox {
	padding: 15px; margin: 10px 0;
	background: #232323;
	border-bottom: 3px solid #171717;
	font-size: 115%;
}
.infoBox h2 {
	padding: 10px;
}
.infoBox2 {
	border: 1px dashed #E7DDBB;
	padding: 5px 8px; margin: 10px 0;
	background: #CCBA7A;
}

.left-picture {
	float: left;
	margin: 0 10px 10px 0;
	border: 4px solid #2B2B2B;
}
.right-picture {
	float: right;
	margin: 0 0 10px 10px;
	border: 4px solid #2B2B2B;
}
.full {width: 550px}
.right-image-links {float: right; margin: 0 0 10px 15px;}
.right-image-links img {border: 3px solid #E7DDBB; margin: 2px 0;}
.right-image-links a:hover img {border: 3px solid white;}
.white {color: white;}
.yellow {color: yellow;}

/**/
#right-side {
	width: 210px;
	padding: 40px 10px 10px 10px; margin: 0 15px 0 0;
	display: inline;
	float: right;
}

#right-side ul {
	margin: 0 0 0 20px; padding: 0;
	list-style: none;
	line-height: 1.4em;
}
#right-side ul li {
	padding: 0 0 0 12px;
	background: url(/microsite/mp3-parada-3/_clip/list-bullet.gif) left center no-repeat;
}
#right-side ul li a {text-decoration: none;}
#right-side ul li a:hover {text-decoration: underline;}

.play-all {margin: 25px 0 15px 0;}

/**/
#hlasovani {
	background: #2B2B2B;
	color: white;
	padding: 10px;
}
#hlasovani input.btn-potvrd {
	border: 1px solid #C3B27A;
	background: black;
	color: yellow;
	font-size: 95%;
	font-weight: bold;
	padding: 2px 0;
	width: 100%;
}
#hlasovani input.btn-zrus {
	border: 1px solid #534F40;
	background: #5F5B4D;
	color: silver;
	font-size: 95%;
	font-weight: bold;
	padding: 2px 0;
	width: 100%;
}
p.error {
	border: 1px solid yellow;
	color: white;
	background: #780219;
	padding: 3px 5px; margin: 10px 0;
	font-weight: bold;
}


.form-tip {text-align: center;}
.form-tip input {
	border: 1px solid #C3B27A;
	background: #534F40;
	font-weight: bold;
	margin: 2px 0;
	width: 150px;
	color: white;
	text-align: center;
}
.form-tip input.btn-odesli {
	background: black;
	color: yellow;
	font-size: 95%;
	font-weight: bold;
}


/***********/
ul.styled-list {
	margin: 0; padding: 0;
	list-style: none;
}
.styled-list li {
	background: url(/_clip/bullet-styled-list.gif) 0 8px no-repeat;
	padding: 1px 0 1px 17px; margin: 0 0 0 10px;
}


/***********/
.caption {
	width: 100%;
	margin: 0 0 20px 0; padding: 0 0 20px 0;
	display: table;
	border-bottom: 1px dashed #6F0001;
}
.caption img {
	float: left;
	border: 3px solid #DCCD9C;
}
.caption a:hover img {border: 3px solid white;}
.caption-text {margin: 0 0 0 165px;}
.caption textarea {
	width: 400px; height: 100px;
	float: right;
}
.caption h3 {margin: 0; padding: 0;}
.caption em {color: black;}
.code {
	border: 1px dashed #E7DDBB;
	font-family: "Courier New", Courier, monospace;
	font-size: 95%;
	padding: 5px;
}
.caption .code {margin: 0 0 0 150px;}

/***********/
ul.icons-menu {
	margin: 0; padding: 0;
	list-style: none;
}
ul.icons-menu li {float: left}
ul.icons-menu li a {
	display: block;
	padding: 7px 7px 7px 22px;
}
ul.icons-menu li.download a {background: url(/_clip/ico_download.gif) left center no-repeat;}
ul.icons-menu li.play a {background: url(/_clip/ico_play.gif) left center no-repeat;}
ul.icons-menu li.read a {background: url(/_clip/ico_read.gif) left center no-repeat;}

/***********/
.two-column-holder {
	width: 100%;
	display: table;
}
.two-column-holder .left-column {
	padding: 10px 10px 10px 0;
	float: left;
	width: 47%;
}
.two-column-holder .right-column {
	padding: 10px 10px 0 10px;
	float: right;
	width: 47%;
}

/**/
input.noStyle {border: none !important; background: none !important;}

/* --- TABLES --- */

.default-table {width: 100%}
.default-table th {
	font-weight: bold;
	padding: 7px 10px;
	background: #A99A69;
	color: white;
}
.default-table td {
	padding: 5px 10px;
	background: #BEAD77;
}

/**/
.hitparada {
	border-collapse: collapse;
	width: 100%;
}
.hitparada td {
	border: 1px solid #000;
	padding: 5px 10px;
}
.hitparada th {
	background: #2B2B2B;
	border: 1px solid #000;
	padding: 5px 10px;
	text-align: left;
}
.hitparada tr.odd td {background: #555555;}
.hitparada tr.even td {background: #414141;}
.hitparada tr.novinka td {background: #534F40;}
.hitparada tr.postup td {background: #918964;}
.hitparada tr.sestup td {background: #2B2B2B;}
.hitparada a {color: white; text-decoration: none;}
.hitparada a:hover {color: yellow; text-decoration: underline;}
.hitparada td.icons {width: 50px; text-align: left;}
.hitparada td.prehrat {width: 50px;}
.hitparada td.hlasovani {width: 50px;}

.hitparada td.cena {
	vertical-align: top;
	width: 50%;
	font-weight: bold;
}

table.vyherci-table {width: 100% }
table.vyherci-table td {background: #2B2B2B; padding: 5px;}

/* hlasovani */
.kotva {
    color: white;
    position: absolute; left: inherit; top: inherit;
	display: none;
	width: 200px; height: 30px;
    padding: 10px 5px;
    border: 4px solid #2B2B2B;
    background-color: #8D825E;
	text-align: center;

}
.kotva a {
	border: 1px solid black;
	background: #706D60;
	color: #2B2B2B;
	padding: 0 3px; margin: 0 1px;
	text-decoration: none;
}
.kotva a:hover {
	background: #2B2B2B;
	color: yellow;
	text-decoration: none;
}

/**/
.textRight, td.textRight, th.textRight {text-align: right;}
.textCenter, td.textCenter, th.textCenter {text-align: center;}
.textLeft, td.textLeft, th.textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {clear: both;} .clearRight {clear: right;} .clearLeft {clear: left;}
.hide {display: none;}


/***************/
@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: "Times New Roman", Times, serif;
		}
	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0;}
	#left-menu, .inside-header, #main, #toolbar, #content-footer, #footer {display: none;}
	#content, #content-holder {width: 100%; line-height: normal; margin: 0; padding: 0; overflow: visible; height: 100%; position:    static;}
}

#answer, #vote {
    width: 200px;
    height: 100px;
    padding: 5px;
    border: 1px solid #700022;
    background-color: #F0EFEF;
}

#msg {
    background-color: #FF9805;
    padding: 5px;
    margin: 2px;
    color: #96002E;
}