﻿body
{
    margin: 0; font-family:Arial, Helvetica, sans-serif;
}

.suMainContener, iframe {overflow:hidden;}

p.title {border-bottom:1px solid #F42A8D; padding:11px 0 3px 8px; width:100%; font-size:18px; font-weight:bold;}

.container {float:left; width:190px; margin-top:4px;}

.suItemContainer
{
    width: 350px;
    vertical-align:middle;
	font-size:14px;
	float:left;
	margin-bottom:20px;
	min-height:26px;
	margin-right:20px;
}
.suItemContainer.double {float:none;}
.button-play
{
    cursor: pointer;
    width:36px;
    height:36px;
	float:left;
}
.ico-play
{
    background: url(http://www.polskieradio.pl/stylewide/_img/icons-15.gif) no-repeat ;
    cursor: pointer;
    float: left;
    height: 15px;
    width: 15px;    
	margin-right:8px;
}
.ico-pause
{
    background: url(http://www.polskieradio.pl/stylewide/_img/icons-15.gif) no-repeat ; width:15px; height:15px;	margin-right:8px;
}
.ico-rePlay
{
    background:url(../_img/replay_36.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.loading{
	background: url(../_img/ajax-loader.gif) center no-repeat ;
	height: 30px;
    width: 30px;
	float: left;
}
.itemDesc{
	float: left;
    font-size: .8em !important;
    padding-left: 20px;
    width: 190px;
	min-height:35px;
}
.itemTitle
{
    font-weight: bold;
	font-size: 1.15em;
	width: 100%;
	display: block;
}
.itemImg {
    margin-bottom: 5px;
}
.itemSource{
	font-size: .8em;
	margin-left: 3px;
	color:#999;
}
.button-vote
{
    border-width: 2px;
    float: right;
    text-align: center;
    padding:6px 10px;
    border-radius: 4px;
	color:#fff;
	font-weight:bold;
}
.noActive
{
    background-color:#bbbbbb;
    cursor:pointer;
}
.Active
{
    background-color: #ed378a;
    cursor:pointer;
}
.Voted
{
    background-color: #000;
}
.thanks,
.thanks_tumorow {
    xfloat: right;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color:  #ea3890;
	display: inline;
}
.itemResult {
    font-weight: bold;
    color:  #ea3890;
    margin:5px;
    display:inline-block;
    width:100%;
}
#suPlayer
{
    width:0px;
    height:0px;
    left: -1000px;
    position:absolute;
    overflow:hidden;
}

.slider{
	display: block;
	margin-top: 25px;
}

.sliderLine
{
    width:100%;
    height:4px;
    background-color:#d8d8d8;
    display:block;
	float:left; clear:both;
	margin-top:6px;
}
.sliderProgres
{
    width:0px;
    height:4px;
    background-color:#ea3890;
    display:block;
}
.boxTitle
{
    width:100%;
    margin:10px 3px;
    padding:3px 10px;
    font-size: 1.4em;
    font-weight:700;
}

.infoError {color:#FF0000; display:block; margin:0 0 15px 10px;}

/* tooltip */


body .ui-tooltip {
    border-width: 2px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-widget-content {
    border: 1px solid #AAAAAA;
    color: #222222;
	background:#fff;
}
.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 11px;
}
.ui-tooltip {
    box-shadow: 0 0 5px #AAAAAA;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
}


/*--- WYNIKI ---*/
.allPerson
{
    width: 900px;
    padding:5px;
}
.person
{
    width: 400px;
    text-align: right;
    display:inline-block;
    padding-right:3px;
    font-weight:600;
}
.belt
{
    width: 250px;
    height: 7px;
    background-color:#bbbbbb;
    display:inline-block;
}
.beltPercent
{
    height: 5px;
    background-color:red;
    margin-top:1px;
    display:inline-block;
}
.voteInfo
{
    padding-left:5px;
}
#dayPerson0, #dayPerson1, #dayPerson2, #dayPerson3, #dayPerson4, #dayPerson5
{
    cursor: pointer;
}
li
{
    border-bottom:solid 1px #d8d8d8;
    width:800px;
}
.telefon
{
    width: 100px;
    display:inline-block;
    font-weight:500;
}
.reason
{
    width: 700px;
    display:inline-block;
}
.dateInfo
{
    font-size: 9px;
}