/* @override 
	http://www.q4music.com/qbestof2008results/css/styles.css
	http://promo.q4music.com/q4music/qbestof2008results/css/styles.css
*/

a {
	color: #e01b22;
}

#qbestof2008-container {
	margin:0 0 20px 10px;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #121212 url(../images/bg.jpg) no-repeat left top;
	color: #e3e3e3;
	padding:10px 30px 25px 30px;
}

#tracks #qbestof2008-container{
	background: #121212 url(../images/bgt.jpg) no-repeat left top;
}



#qbestof2008-container, #header{
	width:780px;
}

span.hide{
	text-indent:-99999px;
	font-size: 1px;
}

.clip {
	width:395px;
	height:240px;
	display:block;
	background-color: #fff;
}

div.youtube {
	padding:10px 20px 20px 20px;
	margin:10px 12px;
	float:left;
	background-color: #fff;
}

#header p {
	float:right;
	width:350px;
	margin-top:33px;
}

#pagetitle{
	margin:35px 0 5px 0;
	height:63px;
	width:387px;
	float:left;
	background: url(../images/title_album.png) no-repeat;
}

#tracks #pagetitle{
	background: url(../images/title_tracks.png) no-repeat;
}

.youtube h6 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #d41a23;
	margin:0 0 10px 0px;
}

.mpu {
	margin-top:45px;
	width:300px;
	height:250px;
	float:left;
	background-color: #000;
}

#tracks .mpu {
	float:right;
	margin:10px 15px 10px 0px;
}

.contentmain {
	height:640px;
	width:774px;
	clear:both;
	background-color: #f0f0f0;
}

#tracks .contentmain{
	height:auto;
	background-color: #fff;
}

#albumholder {
	height:300px;
	clear: both;
	background: url(../images/bg_ablum.jpg) no-repeat left -1px;
}



#albumholder p {
	top:100px;
	left:370px;
	width:300px;
	color: #2c2c2c;
	margin:8px 0px 10px 10px;
}

img.buybutton {
		margin-left:8px;
}

#col2 {
	width:320px;
	float:left;
}

/* @group Tracks */

/* @group list */

.track {
margin:10px 4px 5px 5px;
width:97px;
list-style:none;
background: url(../images/trackslibg.gif) no-repeat left top;
padding-left:3px;
float:left;
height:170px;
}

/* @group My Group */

/* My Comment 

.track.box02 .tracktitle, .track.box03 .tracktitle, .track.box03 .tracktitle, .track.box04 .tracktitle, .track.box05 .tracktitle, .track.box07 .tracktitle{
	margin-top:18px;
}

.track.box06 .tracktitle{
	margin-top:10px;
}*/

/* @end */

/* @end */

#tracks #col2{
	padding:20px 0 0 50px;
}

#tracks #albumholder{
		background: url(../images/bg_track.jpg) no-repeat left -1px;
		height:310px;
}

#bestalbumsbox {
	height:140px;
	clear:both;
	width:280px;
	padding:10px 10px 10px 10px;
	color: #000;
	font-size: 14px;
	background: url(../images/tracks_albumsbox.gif) no-repeat left;
}

#bestalbumsbox li {
	list-style:none;
	margin:7px;
}

#bestalbumsbox ul{
	padding:0px;
	margin:15px 5px 5px 5px;
}

#bestalbumsbox h6 {
	margin:0px;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#bestalbumsbox a {
	font-size: 16px;
}

#trackswrapper{
	padding:5px 5px 15px 5px ;
	float:left;
}

#tracksrightcol {
	float:right;
	width:310px;
	overflow:hidden;
}

/* @end */



#col3 {
	width:88px;
	float:right;

}

#albumholder img.albumcover {
margin-left:3px;
margin-top:23px;
float:left;
}


#tracks #albumholder img.albumcover {
float:right;
}


img.position {
	margin-top:24px;
}

.positionnumber {
	width:250px;
	height:98px;
}

#backbutton, #forwardsbutton{
	width:83px;
	height:90px;
}

#backbutton{
	float:left;
	margin-top:124px;
}

#backbutton a, #forwardsbutton a{
	display:block;
	text-indent:-9999px;
	width:83px;
	height:90px;
}


#forwardsbutton{
	width:90px;
margin-top:125px;
}

.bordertop {
	padding-top:18px;
	background: #fff url(../images/nav_breaker.jpg) no-repeat 163px 0;
}

#tracks .bordertop {
	background: #ffffff url(../images/nav_breaker.jpg) no-repeat 367px 0;
}

#forwardsbutton a{	
	width:98px;
	height:90px;
	background-position: 40px 14px;
}

.cleartracks
{
	clear:both;
}

/* @group removes first arrow */


#first #backbutton {
	position:relative;
}

#first #backbutton a{
	left:-20px;
	position:absolute;
	height:100px;
	width:106px;
	background: #f0f0f0 url(../images/no_backbutton.jpg) no-repeat left top;
}


/* @end */

/* @group removes last arrow */

#last .positionnumber {
	width:90px;
float:left;
}

#last #forwardsbutton {
	position:relative;
}

#last #forwardsbutton a{
	position:absolute;
	background-color: #f0f0f0;
	height:100px;
	width:88px;
	border-right: 18px solid #121212;
	
}

/* @end */

/* @group dropbox */

#dropbox {
	height:50px;
	padding:8px;
	float:right;
	width:190px;
	margin:23px 0 0 0px;
	background-color: #b4b4b4;
}

#dropbox p {
	color: #fff;
	font-size: 16px;
	margin:5px 0px;
	width:140px;
}


#dropbox form{
	width:200px;
	float:left;
}

/* @end */

/* @group Title */

.title {
	margin-top:5px;
	width:300px;
	height:48px;
}

.tracktitle {
	margin-top:3px;
	display:block;
	color: #3998dc;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}

.trackname {
	color: #70706f;
	display:block;
	margin-bottom:5px;
	font-size: 11px;
	line-height: 12px;
}

.title.number1 {
	background: url(../images/title/01.gif) no-repeat 10px 5px;
}

.title.number2 {
	background: url(../images/title/02.gif) no-repeat 10px 5px;
}

.title.number3 {
	background: url(../images/title/03.gif) no-repeat 10px 5px;
}

.title.number4 {
	background: url(../images/title/04.gif) no-repeat 10px 5px;
}

.title.number5 {
	background: url(../images/title/05.gif) no-repeat 10px 5px;
}

.title.number6 {
	background: url(../images/title/06.gif) no-repeat 10px 5px;
}

.title.number7 {
	background: url(../images/title/07.gif) no-repeat 10px 5px;
}

.title.number8 {
	background: url(../images/title/08.gif) no-repeat 10px 5px;
}

.title.number9 {
	background: url(../images/title/09.gif) no-repeat 10px 5px;
}

.title.number10 {
	background: url(../images/title/10.gif) no-repeat 10px 5px;
}

.title.number11 {
	background: url(../images/title/11.gif) no-repeat 10px 5px;
}

.title.number12 {
	background: url(../images/title/12.gif) no-repeat 10px 5px;
}

.title.number13 {
	background: url(../images/title/13.gif) no-repeat 10px 5px;
}

.title.number14 {
	background: url(../images/title/14.gif) no-repeat 10px 5px;
}

.title.number15 {
	background: url(../images/title/15.gif) no-repeat 10px 5px;
}

.title.number16 {
	background: url(../images/title/16.gif) no-repeat 10px 5px;
}

.title.number17 {
	background: url(../images/title/17.gif) no-repeat 10px 5px;
}

.title.number18 {
	background: url(../images/title/18.gif) no-repeat 10px 5px;
}

.title.number19 {
	background: url(../images/title/19.gif) no-repeat 10px 5px;
}

.title.number20 {
	background: url(../images/title/20.gif) no-repeat 10px 5px;
}

.title.number21 {
	background: url(../images/title/21.gif) no-repeat 10px 5px;
}

.title.number22 {
	background: url(../images/title/22.gif) no-repeat 10px 5px;
}

.title.number23 {
	background: url(../images/title/23.gif) no-repeat 10px 5px;
}

.title.number24 {
	background: url(../images/title/24.gif) no-repeat 10px 5px;
}

.title.number25 {
	background: url(../images/title/25.gif) no-repeat 10px 5px;
}

.title.number26 {
	background: url(../images/title/26.gif) no-repeat 10px 5px;
}

.title.number27 {
	background: url(../images/title/27.gif) no-repeat 10px 5px;
}

.title.number28 {
	background: url(../images/title/28.gif) no-repeat 10px 5px;
}

.title.number29 {
	background: url(../images/title/29.gif) no-repeat 10px 5px;
}

.title.number30 {
	background: url(../images/title/30.gif) no-repeat 10px 5px;
}

/* @end */

/* @group Arrow Numbers */

.arrow01 a{
	background: url(../images/arrow_numbers/01.gif) no-repeat 20px 14px;
}

.arrow02 a{
	background: url(../images/arrow_numbers/02.gif) no-repeat 20px 14px;
}

.arrow03 a{
	background: url(../images/arrow_numbers/03.gif) no-repeat 20px 14px;
}

.arrow04 a{
	background: url(../images/arrow_numbers/04.gif) no-repeat 20px 14px;
}

.arrow05 a{
	background: url(../images/arrow_numbers/05.gif) no-repeat 20px 14px;
}

.arrow06 a{
	background: url(../images/arrow_numbers/06.gif) no-repeat 20px 14px;
}

.arrow07 a{
	background: url(../images/arrow_numbers/07.gif) no-repeat 20px 14px;
}

.arrow08 a{
	background: url(../images/arrow_numbers/08.gif) no-repeat 20px 14px;
}

.arrow09 a{
	background: url(../images/arrow_numbers/09.gif) no-repeat 20px 14px;
}

.arrow10 a{
	background: url(../images/arrow_numbers/10.gif) no-repeat 20px 14px;
}

.arrow11 a{
	background: url(../images/arrow_numbers/11.gif) no-repeat 20px 14px;
}

.arrow12 a{
	background: url(../images/arrow_numbers/12.gif) no-repeat 20px 14px;
}

.arrow13 a{
	background: url(../images/arrow_numbers/13.gif) no-repeat 20px 14px;
}

.arrow14 a{
	background: url(../images/arrow_numbers/14.gif) no-repeat 20px 14px;
}

.arrow15 a{
	background: url(../images/arrow_numbers/15.gif) no-repeat 20px 14px;
}

.arrow16 a{
	background: url(../images/arrow_numbers/16.gif) no-repeat 20px 14px;
}

.arrow17 a{
	background: url(../images/arrow_numbers/17.gif) no-repeat 20px 14px;
}

.arrow18 a{
	background: url(../images/arrow_numbers/18.gif) no-repeat 20px 14px;
}

.arrow19 a{
	background: url(../images/arrow_numbers/19.gif) no-repeat 20px 14px;
}

.arrow20 a{
	background: url(../images/arrow_numbers/20.gif) no-repeat 20px 14px;
}

.arrow21 a{
	background: url(../images/arrow_numbers/21.gif) no-repeat 20px 14px;
}

.arrow22 a{
	background: url(../images/arrow_numbers/22.gif) no-repeat 20px 14px;
}

.arrow23 a{
	background: url(../images/arrow_numbers/23.gif) no-repeat 20px 14px;
}

.arrow24 a{
	background: url(../images/arrow_numbers/24.gif) no-repeat 20px 14px;
}

.arrow25 a{
	background: url(../images/arrow_numbers/25.gif) no-repeat 20px 14px;
}

.arrow26 a{
	background: url(../images/arrow_numbers/26.gif) no-repeat 20px 14px;
}

.arrow27 a{
	background: url(../images/arrow_numbers/27.gif) no-repeat 20px 14px;
}

.arrow28 a{
	background: url(../images/arrow_numbers/28.gif) no-repeat 20px 14px;
}

.arrow29 a{
	background: url(../images/arrow_numbers/29.gif) no-repeat 20px 14px;
}

.arrow30 a{
	background: url(../images/arrow_numbers/30.gif) no-repeat 20px 14px;
}



/* @end */

/* @group Navigation */

ul.navigation {
	margin:0px;
	padding:10px 0px 0px 0px;
	width:420px;
	float:left;
	height:43px;
	font-size: 16px;
}

ul.navigation li.red a{
	color: #191919;
}

span.red {
	color: #e31a22;
	font-weight: bold;
}



span.blue {
	color: #197fc7;
	font-weight: bold;
}

ul.navigation li.red {
	margin-right:20px;
	padding:16px 10px 10px 10px;
	background-color: #fff;
	height:18px;
	
}


ul.navigation li.red, ul.navigation li.blue{
		
}

ul.navigation li.blue {
	background: #197fc7 url(../images/bluenavbg.jpg) repeat-x left top;
}

ul.navigation li.blue a{
	color: #fff;
}


ul.navigation li{
	height:24px;
	width:164px;
	float:left;
	list-style:none;
	margin:0px;
	padding:10px 10px 10px 10px;
	text-align: center;
}

li.blue.deactive {
	margin-top:8px!important;
	height:15px!important;
}

#current li.blue{
	margin:0 0 0 0px;
	padding:16px 10px 10px 10px;
	background-color: #fff;
	height:18px;
	background-image: none;
	color: #323232;
}

ul.navigation #current li.blue a{
	color: #323232;
}

ul.navigation #deactive li.red {
	margin-right:20px;
	padding:10px 10px 10px 10px;
	background: #e11a21 url(../images/rednavbg.jpg) repeat-x left top;
	margin-top:8px!important;
	height:15px!important;
}

ul.navigation #deactive li.red a{
	color: #fff;
}
/* @end */