@CHARSET "UTF-8";

/*clearfix for ie*/
.clearfix{
	/* begin hide from ie5 \**/
	height:1%;
	/* hide end */
	clear:both;
}


body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#f0f0f0;
	font-family: Arial;
	font-size:12px;
	color:#000;
	padding-bottom:141px;
}

a{
	color:#000;
	font-size:12px;
}

div{
	margin:0px;
	padding:0px;
	border:0px solid black;
}

div#outerContainer{
	margin:0px auto;	
	width:970px;
	text-align:center;
	background-color: #fefefe;
	background-image: url("../images/design/background.jpg");
}

div#innerContainer{
	width:860px;
	text-align:left;
	margin:0px auto;
	
}

div#topBox,div#topMenuBox{
}

div#topBannerBox, div#searchBox{
	margin-top:30px;
	color:#6a6a6a;
	font-size:11px;
}

div#topBannerBox a, div#searchBox a{
	float:right;
	padding:0px 1px;
	text-decoration:underline;
	color:#6a6a6a;
}

div#topBannerBox{
	height:61px;
	width:400px;
	background-color:#f40808;
	background-image: url("../images/design/logo.jpg");
	background-repeat:no-repeat;
	float:left;
}
div#searchBox{
	height:61px;
	width:430px;
	float:right;
}

div#topMenuBox{
}

div.topMenuBox, div.topMenuBoxActive{
	width:170px;
	height:37px;
	margin-top:15px;
	margin-left:2px;
	line-height:37px;
	float:left;
	color:#fff;
	background-image: url("../images/design/buttonInactive_bg.jpg");
	background-repeat: repeat-x;
	text-align:center;
}

div.topMenuBoxActive{
	background-image: url("../images/design/buttonActive_bg.jpg");
}

div#packagesBox{
	background-color:#fff;
	margin:0px -55px;
	padding:0px 55px;
}

div.packageBox{
	width:210px;
	height:275px;
	margin:20px 0px 20px 5px;
	float:left;	
	color:#fff;/*just temporary value*/
}

div.packageBox h3.package1, div.packageBox h3.package2, div.packageBox h3.package3, div.packageBox h3.package4{
	height:37px;
	line-height:37px;
	font-weight:bolder;
	font-size:16px;
	margin:0px;
	padding:0px;
	padding-left:10px;
	background-repeat:repeat-x;
	margin-bottom:5px;

}


div.packageBox h3.package1{
	background-image:url('../images/design/packagesPurple.jpg');
	color:#ff0;
}

div.packageBox h3.package2{
	background-image:url('../images/design/packagesRed.jpg');
}

div.packageBox h3.package3{
	background-image:url('../images/design/packagesOrange.jpg');
}

div.packageBox h3.package4{
	background-image:url('../images/design/packagesBlue.jpg');
}

div.packageBox div.buttons{
	height:20px;
	line-height:36px;
	padding:8px;
	background-image:url('../images/design/middleBox_bg.jpg');
}

div.packageBox img{
	border:none;
}

div.packageBox div.buttons a{
	color:#A1A1A1;
	float:left;
	width:68px;
	font-size:14px;
	font-weight:bold;
}

div#middleBoxes{

}

div.middleBox,div.middleBoxBig{
	width:428px;
	float:left;
	margin:19px 0px 25px 3px;
	color:#6a6a6a;
	font-size:14px;
}

div.middleBoxBig{
	width:860px;
	margin-left:0px;
}

div.middleBox a, div.middleBoxBig a{
	color:#6a6a6a;
	text-decoration:underline;
	font-weight:bold;
}

div.bigWrapper, div.smallWrapper{
	width:100%;
	border-left:1px solid #dedede;
	border-bottom:1px solid #7b7b7b;
	border-right:1px solid #707070;
	border-top:1px solid #f2f2f2;
	background-color:#dbdbdb;
	background-repeat:repeat-x;
	margin:0px -10px 0px -10px;
	padding:0px 10px 0px 10px;
}

div#errorBox{
	width:100%;
	margin:0px -10px 0px -10px;
	padding:0px 10px 0px 10px;
	/*background-image:url('../images/design/smallWrapper_bg.jpg');*/
	/*background-color:#dbdbdb;*/
	border:none;
	font-weight:bold;
	font-size:15px;
	margin:10px 175px 10px 175px;
	padding:0px;
	width:500px;
	height:auto;
	text-align:center;
}

div#errorBox div.ERROR{
	/*background-color:#ff0000;*/
	color:#ff0000;
}

div#errorBox div.WARNING{
	/*background-color:#f88014;*/
	color:#f88014;
}

div#errorBox div.NOTICE{
	/*background-color:#228811;*/
	color:#228811;
}

div.bigWrapper{
	background-image:url('../images/design/bigWrapper_bg.jpg');
	margin-bottom:4px;
	padding:8px 10px;
	height:100%;
}

div.smallWrapper{
	background-image:url('../images/design/smallWrapper_bg.jpg');
	height:109px;
	margin-bottom:4px;
	padding:8px 10px;
}

div.smallWrapper div.info{
	width:auto;
}


div.first{
	margin-left:0px;
}

div#leftSideBox, div#rightSideBox, div#mainBox{	
	width:190px;
	/*height:714px;just temporary value*/
	background-position:0px 41px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 4px;
	padding:0px 10px;
}

div#mainBox h3, div#leftSideBox h3, div#rightSideBox h3{
	line-height:37px;
	width:100%;
	background-image:url("../images/design/heading_bg.jpg");
	background-color:#181818;
	background-repeat:repeat-x;
	color:#a1a1a1;
	font-size:13px;
	margin:0px -10px 3px -10px;
	padding:0px 10px;
}

div#mainBox h3{
	padding:0px 11px;
}

div#mainBox h3 a, div#leftSideBox h3 a, div#rightSideBox h3 a{
	color:#a1a1a1;
	font-size:13px;
}

div#leftSideBox{
	float:left;
	margin:0px;
	background-image:url("../images/design/leftSideBox.jpg");
	color:#fff;
}

div#leftSideBox a{
	color:#fff;
}

div#rightSideBox{
	float:right;
	background-image:url("../images/design/rightSideBox.jpg");
	color:#000;
}

div#rightSideBox a{
	color:#000;
}

div#mainBox{
	float:left;
	width:408px;
}

div#leftSideBox h3, div#rightSideBox h3{
	margin-bottom:10px;
}

div#mainBox div.even{
	clear:both;
	height:1%;
}

div#leftSideBox div.even, div#rightSideBox div.even,
div#leftSideBox div.odd, div#rightSideBox div.odd{
	font-size:11px;
	height:56px;
	padding:5px 0px;
}

div#mainBox div.content, div#mainBox div.contentBig{
	float:left;
	line-height:20px;
	font-size:12px;
	width:298px;
}

div#mainBox div.contentBig{
	width:410px;
}

div#mainBox div.interpret div, div#mainBox div.album div{
	float:left;
}

div#mainBox div.even, div#mainBox div.odd{
	margin:5px;
}

div#mainBox div.interpret div.even{
	clear:both;
	height:1%;
}

div#mainBox div.preview, div#leftSideBox div.preview, div#rightSideBox div.preview{
	float:left;
	width:50px;
	height:100%;
	margin:0px 10px 10px 0px;
}

div#mainBox div.info{
	float:left;
	width:134px;
}

div#mainBox div.smallWrapper div.preview{
	width:100px;
	float:left;
}

div#mainBox div.smallWrapper div.info{
	width:298px;
	float:right;
}

div#mainBox div.smallWrapper div.info h4{
	margin:0px;
	padding:0px;
	color:#ad20a0;
}

div#leftSideBox div.info, div#rightSideBox div.info{
	width:130px;
	border:0px solid black;
	float:right;
}

div#mainBox div.track div.info{
	float:left;
	width:100px;
	margin-right:10px;
}


div#bottomBannerBox{
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	background-color:#fff;
	width:970px;
	height:121px;
	position:static;
	text-align:center;
}

div#bottomBannerBox{
	margin:0px auto;
}

div#rightBannerBox{
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	background-color:#fff;
	width:100px;
	height:600px;
	position:absolute;
	top:0%;
	right:50%;
	margin:0px;
	margin-right:-585px;/*half of outer box + width*/
	margin-bottom:100px;
	
}

div#outerContainer>div#bottomBannerBox{
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position:fixed;
	right:50%;
	margin-right:-485px;
	bottom:0%;
}

div#outerContainer>div#rightBannerBox{
	top:143px;
	position:fixed;
}

a.preview, a.detail, a.download{
	line-height:19px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:19px;
	margin-right:2px;
	/*display:block;*/
	text-decoration:underline;
	/*added from boxes definition line 460*/
	float:right;
	/*font-size:1px;*/
	text-decoration:none;
	overflow:hidden;
	/*color:#f0f0f0;*/
	width:0px;
}

a.preview, td.paid a.preview, div.paid a.preview, div.detailInfo a.preview{
	background-image:url('../images/design/b_p_play.jpg');
}
a.download, td.paid a.download, div.paid a.download, div#leftSideBox td.info div.detailInfo a.download{
	background-image:url('../images/design/b_p_download.jpg');
}
a.detail, td.paid a.detail, div.paid a.detail, div.detailInfo a.detail{
	background-image:url('../images/design/b_p_detail.jpg');
}

div#leftSideBox a.preview, div#leftSideBox td.paid a.preview, div#leftSideBox div.paid a.preview{
	background-image:url('../images/design/b_y_play.jpg');
}
div#leftSideBox a.download, div#leftSideBox td.paid a.download, div#leftSideBox div.paid a.download{
	background-image:url('../images/design/b_y_download.jpg');
}
div#leftSideBox a.detail, div#leftSideBox td.paid a.detail, div#leftSideBox div.paid a.detail{
	background-image:url('../images/design/b_y_detail.jpg');
}

/*td.free a.preview, div.free a.preview{
	background-image:url('../images/design/b_g_play.jpg') !important;
}
td.free a.download, div.free a.download{
	background-image:url('../images/design/b_g_download.jpg') !important;
}
td.free a.detail, div.free a.detail{
	background-image:url('../images/design/b_g_detail.jpg') !important;
}*/

td.insuficientFunds a.preview, div.insuficientFunds a.preview{
	background-image:url('../images/design/b_r_play.jpg') !important;
}
td.insuficientFunds a.download, div.insuficientFunds a.download{
	background-image:url('../images/design/b_r_download.jpg') !important;
}
td.insuficientFunds a.detail, div.insuficientFunds a.detail{
	background-image:url('../images/design/b_r_detail.jpg') !important;
}

td.alredyDownloaded a.preview, div.alredyDownloaded a.preview{
	background-image:url('../images/design/b_o_play.jpg') !important;
}
td.alredyDownloaded a.download, div.alredyDownloaded a.download{
	background-image:url('../images/design/b_o_download.jpg') !important;
}
td.alredyDownloaded a.detail, div.alredyDownloaded a.detail{
	background-image:url('../images/design/b_o_detail.jpg') !important;
}

/*div#mainBox div.content a, div#mainBox div.contentBig a, 
div#leftSideBox a.preview, div#leftSideBox a.download, div#leftSideBox a.detail, 
div#rightSideBox a.preview, div#rightSideBox a.download, div#rightSideBox a.detail
table.side td a.preview,table.side  td a.download,table.side  td a.detail{
	float:right;
	font-size:1px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	color:#f0f0f0;
	height:20px;
	width:0px;
}*/

div#mainBox div.content a.detail, div#mainBox div.content a.preview, div#mainBox div.content a.download,
div#mainBox div.contentBig a.detail, div#mainBox div.contentBig a.preview, div#mainBox div.contentBig a.download{
	width:0px;
}

div#mainBox a.detail, div#mainBox a.preview, div#mainBox a.download,
div.detailInfo a.detail, div.detailInfo a.preview, div.detailInfo a.download{
	display:block;
	width:auto !important;
	margin-right:5px;
	text-decoration:underline;
}

div.detailInfo a.detail, div.detailInfo a.preview, div.detailInfo a.download{
	float:left;
}

div.paging{
	width:100%;
	text-align:center;
	clear:both;
	height:1%;
}


div.col, div.colLast{
	float:left;
	width:50%;
}

div.my_acount{
	font-size:11px;	
	line-height:11px;
}

div.my_acount div.even{
	/*background-color:#d6d6d6;*/
	background-color:#e9e9e9;
}

a#purple{
	color:#ad20a0 !important;
}

span.downloads_left{
	color:#ff0;
}

td{
	padding:3px;
	vertical-align:top;
}

td.info{
	width:145px;
	position:relative;/*this must be set to relative, fixed or absolute because of detailInfoBox*/
}

div.detailInfo{
	border:1px solid black;
	width:250px;
	visibility: hidden;
	position:absolute;
	margin-left:130px;
	margin-top:-50px;
	background-image:url('../images/design/smallWrapper_bg.jpg');
	background-repeat:repeat-x;
	color:#000;
	padding:5px;
	float:right;
}

div#leftSideBox div.detailInfo a{
	color:#000;
}

div.detailInfo img{
	float:left;
	margin:0px 5px 5px 0px;
}

td.info:hover div.detailInfo{
	/*display:block;*/
	visibility:visible;
	z-index:10;
}


td.preview{
	width:60px;
}

table {
	margin-top:10px;
}

table.side{
	margin:0px;
	padding:0px;
}



table.side td{
	height:66px;
	margin:0px;
	padding:0px;
}

table.side td.info{
	width:140px;
	height:65px;
	font-size:11px;
}

tabl.side td div{
	height:65px;
}

div.downloadList{
}

div.downloadList a{
	float:none;
	line-height:19px;
	display:block;
}

div.trackLinks{
	float:right;
	width:140px;
}

div#bottomMenu span, div#bottomMenu a.bottomLink {
	float:right;
	margin:5px 2px;
	float:right;
	color:#818181;
}

div#popup{
	position:absolute;
	left:50%;
	top:150px;
	margin-left:-421px;
	width:842px;
}

div.visible{
	display:block;
}

div.invisible{
	display:none;
}