body {
	margin: 0 0 0 0;
	background-color:#000;
	background-image: url(../_img/backgrounds/djp_bg.gif); 
	font-size:12px;
	line-height:0px;
	padding-top:0px;}

p {
	margin: 0px;
	padding: 0px;
}

div, td {
line-height:140%;
font-family:tahoma,"Trebuchet MS",arial,serif;
}	

input, select, textarea {
    font-family:Arial, helvetica, Sans-Serif;
    font-size: 12px;
    
}
 
/* ELEMENTS */
#wrapper {
	margin:0 auto;
	width:1004px;
	height:auto; }
 
#site {
	background-color:#fff;
	background-image: url(../_img/backgrounds/djp_skin.gif);
	background-repeat: repeat-y;
	width:1004px;
	height:auto;
	z-index:10;
	top:0px; }
 
#content { float:left; padding-left:9px; padding-top:7px;}
 
#topstats {
	width:1004px;
	height:21px;
	background-color:#333233; }
 
#toptextleft {
	float:left;
	width:480px;
	height:20px;
	padding-left:0px; }
 
#toptextright {
	float:right;
	width:300px;
	height:20px;
	padding-right:10px; }
 
#topper {
	width:1000px;
	height:211px;
	background-color:#000;
	background-image: url(../_img/top/djp_topper.jpg);
	background-repeat:no-repeat;
	margin-left:2px; 
	float:left;}
 
#menuBg {
	width:1000px;
	height:33px;
	background-image: url(../_img/backgrounds/djp_menu_bg.gif);
	background-repeat:repeat-x;
	margin-left:2px;
	}
 
#footermenuBg {
	width:1000px;
	height:auto;
	background-image: url(../_img/backgrounds/djp_menu_footer_bg.gif);
	background-repeat:repeat-x;
	background-color:#241b2c;
	margin-left:2px; 
	float:left;
	text-align:left;}
 
#footerMenuSpace {
	width:1000px;
	height:12px;
	margin-left:2px; 
	background-color:#241b2c; } 
		
#footerSponsor {
	background-color:#1d1623;
	width:1000px;
	height:81px;
	margin-left:2px; }
 
#footer {
	width:1000px;
	height:75px;
	background-image: url(../_img/backgrounds/djp_footer_bg.gif);
	background-repeat:repeat-x;
	margin-left:2px; 
	text-align:left;}
 
#logo {
	position:relative;
	top:15px;
	left:20px;
	width:610px;
	height:183px;
	z-index:10; 
	float:left; }
 
#topbanner {
	display:none; }
	
.footerMenuColumn {
	margin-left: 20px;
	margin-top: 10px;
	width:150px;
	float:left; }
	
#footerSponsorText {
	margin-left: 20px;
	margin-top: 10px;
	float:left; }

.sponsorimage  {
	margin-left: 20px;
	margin-top: 15px;
	float:left; }

.mmai_logo {
	margin-right:15px; 
	margin-top:3px; }
	
#loggedin {
	background-image: url(../_img/backgrounds/loggedin_bg.png);
	width:198px;
	height:211px;
	margin:0;
	border-left: 2px solid #333333; 
	margin-left: 190px;
	float:left;
	}
	
#loggedinmenu {
	padding-top: 10px;
	padding-left: 9px; 
	}
	
#notloggedin {
	background-image: url(../_img/backgrounds/notloggedin_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width:388px;
	height:40px;
	margin:0;
	float:left;
	margin-left:2px;
	margin-top:171px;
}

.loginbutton {
	position:absolute;
	margin-top:0px;
	margin-left:4px;
	width:21px;
	height:17px;
	
	}
	
#loggedinmenuitems	
{
	position:relative;
	top:0px;
	left:0px;

}

.loggedindivider
{
	position:relative;
	top:13px;
	left:-9px;
	width:200px;
	height:2px;
}

.loggedinuserinfo
{
	line-height:16px;
	width:182px;
	position:relative;
	left:0px;
	top:22px;
	height:84px;
	text-align:left;
}

.loggedinuserphoto
{
	width:60px;
	height:60px;
	float:right;	
	padding-top:2px;
	padding-right:5px;
}

.loggedinuserphoto img.photo { border: 2px #3f3f40 solid; }

.loggedinstatus
{
	line-height:16px;
	width:182px;
	position:relative;
	left:0px;
	top:24px;
	text-align:left;
}

.ajaxstatus
{
	border:1px #241a2c solid;
	background:transparent;
	width:120px;
	height:15px;
	float:left;
	padding-left:5px;
	padding-top:1px;
}

.ajaxstatus:hover
{
	border:1px #fff dotted;
}

.ajaxstatus:focus
{
	border:1px #fff solid;
}

#loggedinupdates
{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-repeat:none;
	width:102px;
	height:20px;
	position:relative;
	margin-top:25px;
	margin-left:0px;
	float:left;
	text-align:center;
}
.loggedinupdatestext
{
	padding-top:4px;
}
.loggedinlogout
{
	float:left;
	margin-top:27px;
	margin-left:62px;
}

.cursor { cursor:pointer; }

.contentSpacer { width:7px; height:7px; float:left; }

.hundred 	{ width:100%; }
.half			{ width:50%; }

#headlineImage { width:728px; height:270px; float:left; overflow:hidden;}

.twoseventy { height:270px; }
.fifteen 		{ height:15px; }
.seven			{ margin-right:7px; }
.sevenl			{ margin-left:7px; }
.sevent			{ margin-top:7px; }
.oneone			{ margin-top:1px; margin-left:1px;}

.djwatchholder { width:250px; height:329px; background-color:#e2dae8; float:left; margin-bottom:7px}

.firstcolumn			{ width:360px; height:212px; background-color:#e2dae8; float:left; }
.secondcolumn			{ width:361px; height:212px; background-color:#e2dae8; float:left; }
.bigColumn				{ width:728px; background-color:#e2dae8; float:left; margin-top:7px;}

.columnTwoColumn	{ width:250px; height:290px; background-color:#e2dae8; float:left; margin-top:7px;}

.galleryImage			{ width:140px; height:134px; background-color:#e2dae8; float:left; }
.galleryImageText	{ width:130px; height:30px; margin-left:5px; margin-top:5px; float:left; color:#5b436e; line-height:120%;}

.columnheadline, .columnheadlinebig, .columnTwoheadline { width:290px; height:35px; padding-top:17px; padding-left:74px; border-bottom: 7px #fff solid}
.columnheadlinebig { width:658px; }
.columnTwoheadline { width:190px; padding-left:60px; }

.secondcolumn .columnheadline { width:291px; }

.forumbg				{ background-image: url(/_img/headers/forum.png); 			background-repeat:no-repeat;}
.audiobg				{ background-image: url(/_img/headers/audioarkiv.png); 	background-repeat:no-repeat;}
.biggallerybg		{ background-image: url(/_img/headers/galleries.png); 	background-repeat:no-repeat;}
.chartsbg				{ background-image: url(/_img/headers/charts.png); 			background-repeat:no-repeat;}

.djpColumnOne		{ width:728px; margin-right:7px; float:left; }
.djpColumnTwo		{ width:250px; float:left; }


.adLeaderBoard	{ width:728px; height:90px; margin-top:7px; }

.chartsListFront	{ width:215px; height:25px; margin-left:15px; }
.chartsListFront img { border: 1px #3f3f40 solid; }
.chartsListFront p { width:175px; }

.chartsListImage, .forumImage, .audioImage, .reviewImage 					{ width:25px; height:25px; float:left; margin-right:7px;}
.chartsListImage img, .forumImage img, .audioImage img, .reviewImage img 	{ border: 1px #3f3f40 solid; }

.chartsListText				{ width:100px; height:25px; float:left; line-height:100%;}

.forumFront, .audioFront			{ width:169px; height:45px; margin-left:15px; }
.forumFront img, .audioFront img { border: 1px #3f3f40 solid; }
.forumText, .audioText, .reviewText 			{ width:130px; height:25px; float:left; line-height:100%;}

.reviewText, .reviewGradeText	{ width:auto; height:25px; margin-right:13px; }
.reviewWriterInfo { margin-top:13px; margin-left:13px; width:700px; height:25px; }

.reviewGrade			{ margin-top:7px; margin-bottom:7px; }

.reviewUserGrade	{ margin-bottom:7px; height:100px; width:250px; float:right}

.reviewcontent img { padding:20px; }

.whitebg		{ background-color:#fff; }

#cycleButtons	{ position:relative; top:-23px; height:7px; float:right; margin-right:10px; z-index:100}
#cycleButtons	a { width:11px; height:11px; background-image: url(/_img/cycle/button.png); display: block; float:left; text-indent:-9999px; margin-right:3px;}
#cycleButtons	a.activeSlide { background-image: url(/_img/cycle/button_selected.png); display: block; float:left; text-indent:-9999px; margin-right:3px;}

.bigColumnTextContent	{ float:left; padding:50px; min-height:409px;}
.bigColumnTextContent	ul { padding-left:20px; }
.bigColumnTextContent	li { margin-left:20px; } 

.bigColumnTextContent h2 { font: bold 24px Helvetica; }

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

			ul.music,
			ul.music li,
			ul.music li a,
			ul.music li img{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			ul.music li{
				margin:15px 15px 15px 0;
				float:left;
				position:relative;
			}
			ul.music li a{
				display:block;
				position:relative;
				float:left;	
				width:80px;
				height:80px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.music li img{
				position:absolute;
				width:80px;
				height:80px;
				border:0;
			}
			
			/* Jewel Case */
			ul.music li.jewel img{
				width:72px;
				height:72px;
				top:3px;
				left:12px;
			}			
			ul.music li.jewel a{
				background:url(jewel.png) 0 0 no-repeat;
				width:90px;
				height:82px;							
			}
			ul.music li.jewel{
				background:url(blank_insert.gif) 12px 3px no-repeat;							
			}
			
			
			/* Vinyl Sleeve */
			ul.music li.vinyl img{
				width:64px;
				height:64px;
				left:2px;
				top:1px;
			}			
			ul.music li.vinyl a{
				background:url(/_img/charts/vinyl.png) 0 0 no-repeat;
				width:86px;
				height:68px;							
			}
			ul.music li.vinyl{
				background:url(/_img/charts/vinyl_insert.gif) 2px 1px no-repeat;							
			}
			
			
			/* Compact Disc */
			ul.music li.cd img,
			ul.music li.cd a{
				width:82px;
				height:82px;
				top:0;
				left:0;
			}			
			ul.music li.cd a{
				background:url(cd.png) 0 0 no-repeat;			
				height:86px;
			}
			ul.music li.cd{
				background:url(blank_cd.jpg) 0 0 no-repeat;							
			}
			
			ul.music li.musicTextHeader { padding-top:7px; }
			ul.music li.musicText { padding-top:0px; }
			ul.music li.musicText a h2, ul.music li.musicTextHeader a h2 { color:#000; text-decoration:none;}
			ul.music li.musicText a:hover h2, ul.music li.musicTextHeader a:hover h2  { color:#000; text-decoration:underline;}
			ul.music li.musicLinks { float:right; padding-top:19px;	}
			
.blackline { background-color:#000; height:2px;			}
.chartsText { width: 40px; float:left; clear:both;}

.date
{
	float: left;
	height: 52px;
	width: 52px;
	background: url(/_img/backgrounds/date.png) no-repeat;
	margin-right: 10px;
	padding-top: 0px;
	line-height: normal;
}

.date .month
{
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	padding-top: 4px;
	text-transform: uppercase;
}

.date .day
{
	display: block;
	text-align: center;
	padding-top: 0px;
	color: #222;
	font-size: 18px;
	font-weight: bold;
}

.date .year {
	display: block;
	text-align: center;
	color: #222;
	font-size: 10px;
	font-weight: bold;
	margin-top:-4px;
}

.red
{
	color:#ff0000;
}

.bold
{
	font-weight:bold;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/_img/rating/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:250px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	top:-28px;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:10%;
	z-index:11;
}
.star-rating a.two-stars{
	width:20%;
	z-index:10;
}
.star-rating a.three-stars{
	width:30%;
	z-index:9;
}
.star-rating a.four-stars{
	width:40%;
	z-index:8;
}
.star-rating a.five-stars{
	width:50%;
	z-index:7;
}
.star-rating a.six-stars{
	width:60%;
	z-index:6;
}
.star-rating a.seven-stars{
	width:70%;
	z-index:5;
}
.star-rating a.eight-stars{
	width:80%;
	z-index:4;
}
.star-rating a.nine-stars{
	width:90%;
	z-index:3;
}
.star-rating a.ten-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:80px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/_img/rating/star_small.gif);
	line-height: 10px;
	height: 10px;
}


.audioRate, .reviewRate { width: 100px; top: -25px; height:20px; position: relative; font-size:10px; }
.reviewRate {font-size:12px;}
.audioRating 		{ float:left; position:relative; height:14px; width:100px; }
.reviewRating 	{ float:left; height:14px; left:0px; position:relative;  top:30px;  width:250px; }
.reviewRate 		{ top:-15px; width:250px; text-align:center;}
.reviewUserText	{ width:auto; height:auto; padding-left:12px; padding-top:12px; }
.reviewinfo			{ height:52px; }
.reviewGrades		{ background-color:#E2DAE8; float:left; height:auto; margin-bottom:7px; width:250px; }
.reviewComments .forumFront { width:250px}
.reviewComments .forumText { text-align:left; width:200px}

.reviewMoreImages	{ height:auto; margin: 12px 12px 12px 12px; }
.reviewMoreImages img 			{ border: 1px solid #888; margin: 4px 4px 4px 4px; }
.reviewMoreImages img:hover { border: 1px solid #000; }

.editButton { margin: 0 0 0 0; float:right; right:0px; top:-33px; position:relative; }

.addImage 		{ width:75px; height:75px; cursor:pointer; margin-right:6px; margin-top:17px; float:left; background-color:#745d87}
.removeImage	{ width:46px; padding-left:29px; height:25px; margin-right:6px; margin-top:3px; float:left; display:block}
.removeImage img { display:none; }

.showAdDate		{ float:left; width:75px; padding-left:10px; padding-top:6px}
.showAdImage	{ float:left; width:86px; height:82px;}
.showAdText		{ float:left; margin-top:6px}
.showAd						{ width:628px; height:82px; }
.showAd:hover			{ width:628px; height:82px; background-color:#d9d3de; cursor:pointer}

.adHeader					{ height:25px; width:628px; }
.adText						{ width:500px; height:auto; float:left; margin-top:20px; margin-bottom:20px;}
.adImage					{ float:left; 	height:auto;	width:507px;}
.adImage img			{ border: 1px solid #000; }
.adMoreImages			{ float:left; 	width:95px;  }
.adMoreImages img { height:75px; 	width:75px; margin: 5px; cursor:pointer;}
.smallAdImageOn		{ width:85px; height:85px; border: 1px solid #000; 		background-color:#fff; background-image: url(/_img/elements/thumbon.gif); }
.smallAdImageOff	{ width:85px; height:85px; border: 1px solid #e2dae8;}

.iconText					{ float:left; margin-right:20px; clear:left; margin-left:90px;}
.iconText	p				{ margin-top:14px; margin-left:11px; font-size:12px; font-weight:bold; float:right }

.centerit					{ text-align: center;}
.rightish					{ float:right; }

.adLeaderBoard		{ width:728px; height:97px;	 	padding-top:7px; margin-bottom:-7px; background-image: url(/_img/backgrounds/ad_bg.gif); background-repeat:no-repeat; float:left; position:relative;	}
.adSquare					{ width:250px; height:257px;	padding-top:7px; margin-bottom:-7px; background-image: url(/_img/backgrounds/ad_bg.gif); background-repeat:no-repeat; float:left; position:relative;}

.tableMedlemsskap	{ width:628px; height:auto; }
.tableDesc				{ width:628px; height:36px; background-image: url(/_img/medlemsskap/table_bg.gif); }
.tableEnd					{ width:628px; height:36px; background-image: url(/_img/medlemsskap/table_end_bg.gif); }
.tableFirst				{ width:auto; padding-left: 2px; }
.tableSecond, .tableThird, .tableFourth { width: 135px; }
.tableInfo				{ width:30px; height:36px; display:block; }
.tableInfo img		{ position:relative; top:10px; left:10px; }
.hiddenobject	{ display:none; }
#inboxFolders	li { left: 20px; position:relative; list-style:none; }
#inboxFolders	li a { text-decoration:none;}
#inboxFolders	li a:hover { text-decoration:underline; cursor:pointer;}

#inboxMessages li { list-style:none; }
.inboxIcon					{ float:left; top:5px; width:16px; position:relative; }
.inboxProfileImage	{ float:left; top:5px; width:25px; position:relative; }
.inboxText					{ float:left; }
.inboxRow						{ width:628px; height:37px; background-image: url(/_img/elements/inboxbg.gif); background-repeat: repeat-x;}
.inboxRow:hover			{ width:628px; height:37px; background-image: url(#);  background-color:#fff; cursor:pointer;}
.inboxMessage				{ width:562px; height:auto; margin-top:10px; position:relative;}

.reviewList					{ width:290px; float:left; list-style:none; height:57px;}
.reviewImage				{ width:33px; float:left; }
.reviewLink					{ width:450px; float:left; left:115px; position:relative; top:-23px;}

.tooltip { cursor:default; }


