/* MUSIC.CSS */

#pgcontainer {
	position: relative;
	top:100px;
	width: 970px;
	min-height: 600px;
	height: auto;
	text-align: left;
	background: none;  
	padding-bottom: 100px;
	border-left: 2px #EEEEEE solid;
	border-right: 2px #EEEEEE solid;
}
#fblike {
	position: absolute;
	top: -20px;
	left: 25px;
	width: 270px;
	height: 20px;
}
#msgbutton {
	text-align: center;
	position: absolute;
	left: 830px;
	top: 10px;
	width: 100px;
	height: 20px;
	padding: 3px 10px 3px 10px;
	background: #CE7A7A;
	font-family: georgia;
	color: #FFF;
	border-top: 1px #CE7A7A solid;
	border-left: 1px #CE7A7A solid;
	border-bottom: 1px #888 solid;
	border-right: 1px #888 solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
#msgbutton:hover {
	list-style: none;
	background: #E7C9C9;
	border: 1px #E7C9C9 solid;
}
#bandname {
	position: absolute;
	left: 185px;
	width: 600px;
	height: 40px;
	/* border: 1px red dashed; */
	text-align: center;
	
	font-family:"Palatino Linotype";
	font-size: 20px;
	color: #444;
}
#bandpic {
	position: relative;
	top: 50px;
	left: 50px;
	width: 300px;
	height: 200px;
}
#albums {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 500px;
	height: 200px;
	border: 1px #EEEEEE solid;
	z-index: 2;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#albheader {
	position: relative;
	margin: 0 auto;
	width: 100px;
	height: 25px;
	text-align: center;
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
}
#albox {
	position: relative;
	top: 20px;
	left: 40px;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 20px;
	
}
#albname {
	position: relative; 
	top: 70px;
	left: 5px;
	width: 370px;
	height: 20px; 
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
	text-align: center;
}
#mplayer {
	position: relative;
	top: 70px;
	left: 5px;
	float: left;
	width: 370px;
	height: 240px;
	background: none;
	z-index: 3;
}
#greyback {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 334px;
	height: 204px;
	background: #D2D1D0;
	z-index: -1;
}
#bandbox {
	position: relative;
	float: left;
	top: 70px;
	left: 10px;
	width: 530px;
	height: 360px;
	padding: 20px;
	
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
	
	background: none;
	border: 1px #EEEEEE solid;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	overflow: auto; /* allows for scrolling */
}
#bbheader {
	position: relative;
	float: left;
	top: 70px;
	left: 10px;
	width: 570px;
	height: 20px;
	padding: 5px 0px;
	text-align: center;
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
	background: #78B2D7;
	border: 1px #78B2D7 solid;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	
}
#bbmenu {
	position: relative;
	width: 500px;
	height: 25px;
	border: 1px #444 dashed;
}
#bbmenu ul {
	margin: 0; /*necessary for maintaining all the navs on the same plane*/
	padding: 0; /*also keeps the navs separated*/	
}
#bbmenu ul li {
	float: left; /*keeps the navs in horizontal orientation*/
	letter-spacing: 0;
	font-size: smaller;
}
#bbmenu ul li a {
	text-decoration: none;
	display: block; /*keeps the navs separated*/
	text-align: center;  /*keeps the navs evenly spaced out*/
	outline: none;
	color: #999999; /* font color must be set here*/
	height: 15px;
	padding: 5px 0;
}
#bbmenu ul li a:hover {
	background: orange;
	color: #666666;
}
#submenu {
	text-align: center;
	color: #999999;
	width: 120px;
	height: 25px;
}
#connect {
	position: relative;
	top: -101px;
	left: 15px;
	width: 330px;
	height: 150px;
	padding: 10px;
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
	border: 1px #EEEEEE solid;
	clear: both;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#picbox {
	position: relative;
	top: -80px;
	left: 10px;
	width: 950px;
	height: 200px;
	padding: 20px 0;
	text-align: center;
	border: 1px #EEEEEE solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pics {
	position: relative;
	top: 15px;
	display: inline-block;
	float: left;
	width: 150px;
	height: 150px;
	margin: 5px;
	background: purple;
}
#video {
	position: relative;
	top: 5px;
	display: inline-block;
	float: left;
	width: 300px;
	margin: 5px;
	height: 180px;
	background: blue;
}
#gigcontainer {
	clear: both;
	position: relative;
	top: -30px;
	left: 20px;
	width: 675px;
	height: 300px;
	border: 1px #EEEEEE solid;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
#gmaps {
	position: absolute;
	top: 30px;
	left: 20px;
	clear: both;
	width: 300px;
	height: 250px;
}
#gigheader {
	position: relative;
	top: -30px;
	left: -1px;
	height: 20px;
	width: 675px;
	padding: 5px 0px;
	color: #444;
	text-align: center;
	background: #EEEEEE;
	border: 1px #EEEEEE solid;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	
}
#gigs {
	position: absolute;
	top: 30px;
	left: 350px;
	width: 270px;
	height: 130px;
	text-align: left;
	font-family:"Palatino Linotype";
	font-size: 13px;
	color: #444;
	padding: 15px;
	border: 1px #EEEEEE solid;
}
#albumcontainer {
	position: relative;
	top: 100px;
	width: 970px;
	height: auto;
	padding-bottom: 100px;
	border: 1px #BBB8DB solid;
}
#formcontainer {
	position: relative;
	width: 970px;
	height: auto;
	padding-bottom: 100px;
}
#regform2 {
 	position: relative;
	background: none;
	text-align: left;
	padding: 10px 10px 10px 40px;
	
	font-family: "Palatino Linotype";
	font-size: smaller;
 }
#albselect {
	position: absolute;
	top: -26px;
	left: 700px;
    height:25px;
    width: 230px;
    background: none;
    font-size:93%;
    line-height:normal;
	text-align: left;
	
}
#albselect ul {
	margin:0;
    padding:0;
    list-style:none;
	
}
#albselect li {
	border: 1px #D58928 solid;
	border-bottom: none;
	margin: 0 5px 0 5px;
	padding: 3px 5px 3px 5px;
	float:left;
	
	font-family: "Palatino Linotype";
	font-size: smaller;
	color: #D58928;
	z-index: 200;
	background: #F7E9D2;
}

#albselect a {
    display:block;
	text-decoration: none;
	color: #7E520E;
    }
#albselect #current {
		border: 1px #BBB8DB solid;
		border-bottom: 2px #FFFFFF solid;
    	background: #FFFFFF;
		color: #050DB1;
    }
#albselect #current a {
   
}
#albtitle {
	position: relative;
	width: 890px;
	height: auto;
	margin: 5px 0;
	padding: 5px;
	border: 1px #BBB8DB solid;
}
#songs {
	position: relative;
	width: 890px;
	height: auto;
	margin: 10px 0;
	padding: 5px;
	border: 1px #EEEEEE solid;
}
#uploads {
	position: relative;
	width: 890px;
	height: auto;
	margin: 10px 0;
	padding: 5px;
	border: 1px #EEEEEE solid;
}
#mustable {
	position: relative;
	margin-top: 20px;
	top: 0px;
	font-family: "Palatino Linotype";
	font-size: smaller;
	color: #333333;
	
	
	border-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	
}
#browseratings {
	height: 20px;
	width: 110px;
}
#genremenu {
	position: relative;
	height: 25px;
	width: 800px;
	margin: 0 auto;
	padding-top: 5px;
	background: none;
	text-align: center;
	font-family: "Palatino Linotype";
	font-size: 14px;
	/* border: 1px #BBB8DB solid; */
}

#genremenu ul {
	position: relative;
	width: 900px;
	display:inline;
	margin: 0;
	padding: 0;
	list-style:none;
}
#genremenu ul li {
	margin: 0;
	background: none;
	display:inline;
	padding: 0 20px 0 20px;
}
#genremenu ul li a {
	text-decoration: none;
	color: #333333;
	outline: none
}
#genremenu ul li a:hover{
	text-decoration: none;
	color: #999999;
	outline: none;
	border-bottom: 1px dotted #660000;
}
/* -----------------  MUSIC BROWSING PAGE  -------------------------------------- */
#sortcontainer {
	position: relative;
	top: 20px;
	width: 770px;
	height: 25px;
	margin: 0 auto;
}
#sort {
	position: relative;
	float: left;
	width: auto;
	padding: 5px 10px;
	height: 15px;
	font-family:"Palatino Linotype";
	font-size: smaller;
	background: #6D6C69;
	color: #fff;
	font-family: impact;
	border: 1px solid #FFF;
}
a {color:#67a;text-decoration:none;outline:none;}
a:hover {color: #FFAD33;text-decoration:underline;}
#sortcontainer a {
	position: relative;
	float: left;
	width: auto;
	padding: 5px 10px;
	height: 15px;
	border: 1px solid #fff;
	background: #EEE;
	font-family:"Palatino Linotype";
	font-size: smaller;
	color: #444;
	text-decoration:none;
}
#sortcontainer a:hover {
	background: #FFAD33;
	text-decoration:underline;
}

#biztable {
	clear: both;
	position: relative;
	top: 40px;
	width: 800px;
	height: auto;
	margin: 0 auto;
	border: 1px #999 dotted;
}
#biztypes {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 220px;
	height: 10px;
	font-family: arial;
	font-size: smaller;
}
#bizcontainer {
	position: relative;
	width: 780px;
	margin: 10px auto;; 
	height: 62px;
	border-bottom: 1px dotted #999;
	
	font-family:"Palatino Linotype";
	font-size: smaller;
	color: #444;
}
#browseratings {
	position: absolute;
	right: 0px;
	height: 20px;
	width: 120px;
	background: none;
	color: #888;
}
#bizname {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 300px;
	height: 25px;
	color: blue;
	font-size: medium;
	font-family: arial; 
	
}
#servicetitle {
	position: absolute;
	top: 44px;
	left: 40px;
	width: 560px;
	height: 25px;
	font-family: "Times New Roman";
	font-size: medium;
	color: #555;
	
}
#numvotes {
	position: absolute;
	top: 40px;
	right: 25px;
	width: 100px;
	height: 20px;
	background: none;
	text-align: right;
}

#pricephr {
	position: absolute;
	top: 0px;
	right: 200px;
	width: 120px;
	height: 20px;
	text-align: right;
}
#regdate {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 10px;
	border: none;
	font-family: arial;
	font-size: smaller;
}
/* --------------------------- MINISTARS RATINGS ----------------------------- */

.ratingblock {
	display:block;
	
	padding-bottom:8px;
	margin-bottom:8px;
	width: 200px;
	left: 30px;
	}
.subratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	width: 200px;
	left: 50px;
	}

.loading {
	height: 30px;
	background: url('../r/images/working.gif') 50% 50% no-repeat;
	}
	
.miniunit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('../r/images/ministarrating.gif') top left repeat-x;		
	}

.miniunit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.miniunit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.miniunit-rating li a:hover{
	background: url('../r/images/ministarrating.gif') left center;
	z-index: 2;
	left: 0px;
	}


.miniunit-rating a.r5-unit{left: 120px;}
.miniunit-rating a.r5-unit:hover{width: 150px;}


.miniunit-rating li.current-rating {
	background: url('../r/images/ministarrating.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

#artcomments {
	position: relative;
	top: 0px;
	left: 115px;
	width: 700px;
	height: auto;
	background: #EEE;
	padding: 20px 20px 40px 20px;
	border: 1px #5D8BBA solid; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#commentheader {
	position: relative;
	text-align: center;
	top: -15px;
	left: 275px;
	width: 150px;
	height: 20px;
	font-family: "Palatino Linotype";
	font-size: small;
	color:#444;
	
}
#postArtcomment {
	position: relative;
	left: 79px;
	height: 150px;
	width: 542px;
	background: none;
	text-align: left;
	font:80%/140% 'helvetica neue', sans-serif;
	color: #FFFFFF;
	z-index: 2000; /* Necessary for the submit button to work in firefox for some reason (something must be blocking it) */
}

.tb3 {
	border: 2px solid #FFF;
	background: #FFF;
}
.tb3:focus{	border: 2px #5D8BBA solid;}
.sub{
	border: 2px #5D8BBA solid;
	width: 70px;
	height: 22px;
	background: #5D8BBA;
	
}
.sub:focus {background: #F99144; border: 2px #F99144 solid; }
.sub:hover {background: #F99144; border: 2px #F99144 solid; }
#comments {
	position: relative;
	left: 55px;
	width: 540px;
	height: auto;
	background: #19324B;
	margin: 10px;
	padding: 3px 10px 10px 15px;
	
	color: #FFFFFF;
	font-family:"Tohoma";
	font-size: 1em;
	border: 1px #5D8BBA solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#username {
	color: #F99144;
	float: left;
	font-family: "Georgia";
	height: 17px;
	
}
#datetime {
	position: absolute;
	right: 10px;
	color: #999999;
}
#commtext {
	position: relative;
	top: 4px;
	clear: both;
}
.white {
	color: #FFFFFF;
}

.replylink
{text-align:right; margin:5px;}

.replylink a {color:#5D8BBA;}

.commentloader
{position:relative; margin-top:-100px; left:0px; text-align:center;}

.replytext
{background-color:#5D8BBA;
margin-left:15px;
margin-top:15px;
padding:5px;
width:95%;
color:#000;}

.replytext p { margin:0px;}

a.reply {
	position: relative;
	width: 50px;
	height: 20px;
	padding: 0 10px;
	background: orange;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #19324B;
}
#replytext {
	position: relative;
	width: 495px;
	height: auto;
	padding: 10px 10px 10px 14px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 2px 20px 8px 20px; 
	border-radius: 2px 20px 8px 20px;
}
a.reply:hover {
	background: #FDDCA2;
}
#replydate {
	position: absolute;
	top: 3px;
	left: 385px;
	width: 130px;
	height: 20px;
	color: #EEE;
}
#replyuser {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 150px;
	height: 20px;
}

#comprofile {
	position: absolute;
	top: -26px;
	left: 170px;
	width: 400px;
	height: 25px;
	background: none;
}
#delcomm {
	position: absolute;
	bottom: -40px;
	right: 0px;
	width: 320px;
	height: 30px;
	background: none;
}
#commsubmit {
	position: absolute;
	right: 0px;
}
#checkbox {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 30px;
	background: none;
	text-align: left;
	
	font-family: "Palatino Linotype";
	font-size: small;
	color:#444;
}
#delerror {
	position: absolute;
	left: -650px;
	width: 400px;
	height: 30px;
	font-family: "Palatino Linotype";
	font-size: small;
	color: red;
	background: none;
}
/* ---------------- */
#weburl {
	position: relative;
	float: left;
	top: 3px;
	width: 50px;
	height: 50px;
	text-align: center;
}
#buyurl {
	position: relative;
	float: left;
	top: 3px;
	left: 3px;
	width: 50px;
	height: 50px;
	text-align: center;
}
#facebook {
	position: relative;
	float: left;
	top: 3px;
	left: 5px;
	width: 50px;
	height: 50px;
	text-align: center;
}
#twitter {
	position: relative;
	top: 3px;
	left: 6px;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
}
#myspace {
	position: relative;
	top: 3px;
	left: 8px;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
}