/* styles for recommendations.php, charts.php */
/* SPECIFIC IDS */

#recworks_content, #rectracks_content {
  width: 370px;
  float: left; 
	border-right: 1px dotted #B8BBCC;
	padding-right: 15px;
	margin-bottom: 15px;
}

#rectracks_content{
	border: 0;
	float: right;
	padding: 0;
}
.rec_li {
  background-color: #f5f5f3; 
	list-style: none;
	float: left;
	padding: 12px;
  border-bottom: 1px dotted #999;
  margin-bottom: 10px;	
	width: 346px;
}


/* GENERAL CLASSES */
.rec_coverart {
  width: 100px;
  height: 100px;
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
}
ul.chart_nav{
	float: left;
	width: 100%;
	font-size:14px;
	margin: 0 0 40px 0;
}

.chart_nav li{
	display: inline;
}

.chart_nav li a{
	float: left;
	text-align: center;
	display:block;
	padding: 2px 5px;
	margin-right: 4px;
	text-decoration: none;
	background: #EDF2F7;
	color: #0D3657;
}

.chart_nav li a:hover{
	background: #DDE7F0;
	color: #000;
}

.chart_nav li.current a{
	background: #006599;
	color: #fff;
}
.iteration {
  font-style: italic;
}


/* LOADING */
#recLoading { 
}
#recLoading ul {
  list-style-type: none;
}
#recLoading li {
  float: left;
}
#recLoading img {
  
}

.groupchart{
	list-style: none;
	float: left;
	width: 100%;
}

.groupchart li{
	border-top: 1px dotted #ccc;
	float: left;
	width: 100%;
}

.groupchart li a{
	float: left;
	width: 100%;
	display: block;
	padding: 5px 0;	
}

.groupchart li a:hover{
	background: #eee;
}

.groupchart li a strong{
	float: left;
	width: 25px;
	color: #555;
	text-decoration: none;
	
}

#recommendations .rec_li h3{
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	margin: 0 0 15px 0;
}


#recommendations .rectype_title{
	background: #5F5F5F url('/images/arrow_down.gif') 5px center  no-repeat;
	position: relative;
	padding: 5px 0;
	padding-left: 25px;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	float: left;
  width: 345px;
	color:#fff;
}

#recommendations .play_button {
	position: absolute;
	right: 0;
  font-size: 12px;
  font-family: Arial,sans-serif;
  font-weight: normal;
	padding: 0 5px 0 25px;
	color: #fff;
}

#recommendations .play_whole_list{
  float: right;
  margin: -10px 10px 0 10px;
  z-index: 10;
}

.back_to_top{
  display: block;
  margin-bottom: 10px;
}

.rectrack_meta {
	float: left;
	list-style: none;
	width: 220px;
	margin: 0 0 0 15px;
}
.rectrack_meta li {
	margin: 0 0 15px 0;
	float: left;
	width: 50%;
}


.rectrack_meta li a{
	float: left;
	display: block;
	padding-left: 25px;
}

.rectrack_meta .control_play_track{
	background: url('/qtimg/track/play.gif') left center no-repeat;
}
.rectrack_meta .add_to_cart{
	background: url('/images/button_cart.png') left center no-repeat;
}
.rectrack_meta .add_to_playlist{
	background: url('/qtimg/track/add.gif') left center no-repeat;
}
.rectrack_meta .get_track_info{
	background: url('/qtimg/track/info.gif') left center no-repeat;
}

.work_info{
	float: left;
	width: 100%;
	margin-top: 5px;
}