﻿  .graph {
      width: 250px;
      position: relative;
    }



    .vote-title {
      position: relative;
      line-height: 20px;
      margin-right: 17px;
      font-weight: bold;
      font-size:16px;
    }
    .vote-container {
      position: relative;
      float: left;
      width: 110px;
      height: 10px;
      margin: 0px 0px 15px;
    }

    #rankingtitle 
    {
        padding:4px;  
    }

    #vote-results div.bardiv,.rankingtarget div.bardiv {
      background-color:#BFD739;
      height: 20px;
    }
    .vote-container strong {
      position: absolute;
      right: -32px;
      top: 0px;
      overflow: hidden;
    }
    #poll-results p {
      text-align: center;
    }

    .rankingcontainer 
    {
        margin:4px;
        border:solid 1px #CCCCCC;
        padding:4px;   
        cursor:pointer;
    }

    .rankingtitle 
    {
        font-size:18px;   
    }

    .rankingtarget 
    {
        margin:4px;
        border:solid 1px #CCCCCC;  
        clear:both;
        height: 70px;
    }

    .rankingtarget .rankingnr 
    {
        font-size:24px;
        color:#748D10;  
        float:left;
        border-right:solid 1px #CCCCCC; 
        background-color:#D4E47A;
        text-align:center;
        padding:4px;
        height:90%;
    }

    .rankingtarget .innercontainer 
    {
        float:left;
        padding:4px;   
        width:80%;
        vertical-align:middle;
    }

    #rankingitems 
    {
        list-style-type: none; margin: 0; padding: 0; width: 100%;   
    }



    .ui-state-highlight { height: 70px; background-color:#D4E47A; }
    body #rankingitems li { height: 70px;cursor:move;margin-bottom:10px;  }

    #player_container,
#player_container2 {
	position: relative;
	background-color:#eee;
	width:336px;
	height:100px;
	border:1px solid #009be3;
}
#player_container  ul#player_controls,
#player_container2  ul#player_controls2 {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li,
#player_container2  ul#player_controls2 li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_play2,
#player_pause,
#player_pause2 {
	display: block;
	position: absolute;
	left:20px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play,
#player_play2 {
	background: url("/images/spirites.jpg") 0 0 no-repeat;
}
#player_play.jqjp_hover,
#player_play2.jqjp_hover {
	background: url("/images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause,
#player_pause2 {
	background: url("/images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.jqjp_hover,
#player_pause2.jqjp_hover {
	background: url("/images/spirites.jpg") -41px -42px no-repeat;
}
#player_stop,
#player_stop2 {
	position: absolute;
	left:60px;
	top:26px;
	background: url("/images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover,
#player_stop.jqjp_hover2 {
	background: url("/images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress,
#player_progress2 {
	position: absolute;
	left:100px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar,
#player_progress_load_bar2 {
	background: url("/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer,
#player_progress_load_bar2.jqjp_buffer {
	background: url("/images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar,
#player_progress_play_bar2 {
	background: url("/images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min,
#player_volume_min2 {
	position: absolute;
	left:244px;
	top:32px;
	background: url("/images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max,
#player_volume_max2 {
	position: absolute;
	left:316px;
	top:32px;
	background: url("/images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover,
#player_volume_min2.jqjp_hover {
	background: url("/images/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.jqjp_hover,
#player_volume_max2.jqjp_hover {
	background: url("/images/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar,
#player_volume_bar2 {
	position: absolute;
	left:262px;
	top:37px;
	background: url("/images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value,
#player_volume_bar_value2 {
	background: url("/images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#player_playlist_message,
#player_playlist_message2 {
	position: absolute;
	left:0;
	bottom:0;
	width:300px;
	padding:5px 16px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}

#song_title,
#song_title2 {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time,
#play_time2,
#total_time,
#total_time2 {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time,
#play_time2 {
	float:left;
}

#total_time,
#total_time2 {
	float:right;
	text-align: right;
}