/* 2007 Humble Voice */
@import url(//humblevoice.s3.amazonaws.com/styles/common/ads.css);

/* Global Styles */
html, body {
	padding:0px;
	margin:0px;
}
body {
	text-align:center;
	background:#fff url(//humblevoice.s3.amazonaws.com/images/common/page_grad_bg.jpg) repeat-y top center !important;
}
a img {
	border:0px;
}

/*#specialalertbox {	
	background-color:#FF99ED;
	border:1px solid #FF72E6;
	padding:5px;
	color:#333333;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#specialalertbox a {
	color:#333333;
}*/

#ad_bar {
	width:760px;
	padding-left:52px;
	margin-top:10px;
}
#ad_bar #ad_disclaimer {
	width:285px;
	margin-right:3px;
}
#ad_bar #ad {
	width:468px;
}

#specialalertbox {
  width: 188px;
  /*float: left;*/
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxSHADOW.png") no-repeat left top !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxSHADOW.gif") no-repeat left top;
  margin: 10px 0px 0px 30px;
}
#specialalertbox div {
  width: 188px;
  /*float: left;*/
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxBKGD.png") no-repeat bottom right !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxBKGD.gif") no-repeat bottom right;
  margin: 10px 0px 0px 0px;
}
#specialalertbox p {
  color: #ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  padding:0px 15px 8px 40px;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxGRADE.png") no-repeat left top !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxGRADE.gif") no-repeat left top;
  margin: 0px 0px 10px -31px;
  display: block;
}
.fmsg {
	display:block; 
	background-color:#FF99ED; 
	color:#4e4e4e; 
	font-size:11px;
	width:516px; 
	padding:10px 10px 5px 10px;
}
.fmsg a {
	font-size:10px;
}

/* nav */
#nav {
	width:760px;
	padding-left:52px;
	margin:0px;
	padding:0px 0px 0px 52px;
}
#nav li {
	float: left;
	display: block;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-right:3px;
}
#nav li a {
	display:block;
	float:left;
	width:103px;
	height:16px;
	background-color:#EEEEEE;
	text-align:center;
	text-decoration:none;
	color:#333333;
	padding-top:5px;
	text-transform:uppercase;
}
#nav li.community, #nav li.community a {
	width:220px;
	margin-right:0px;
	background-color:#4F4F4F;
	color:#FC91E9;
}
#nav li.word {
	margin-right:6px;
}
#nav li.photo a {
	width:106px;
}
#nav li a:hover, #nav li:hover a {
	color:#EEEEEE;
	background-color:#4F4F4F
}
#nav li.community a:hover, #nav li.community:hover a {
	background-color:#FC91E9;
	color:#4F4F4F;
}

/* global layout styles */
#outer {
	width:906px;
	margin:0px auto 0px auto;
	padding-left:44px;
	text-align:left;
	overflow:auto;
}
#outer div {
	float:left;
}
#title {
	width:100%;
}
#title div{
	height:74px;
	float:left;
}
#title .adspace {
	width:338px;
}
#title .signin {
	padding-top:10px;
	height:44px;
	width:145px;
	text-align:right;
	line-height:13px;
}
#title .signin a {
	color:#999999;
	text-decoration:none;
}
#title .signin a:hover {
	color:#FC91E9;
	text-decoration:underline;
}
#main {
	padding-left:52px;
	width:756px;
	/*background:url(../images/home_main_bg.gif) repeat-y top left;*/
	margin-top:10px;
}
#main div {
	/*position:static;*/
}

#bottom {
	padding-left:52px;
	width:756px;
}
#bottom .sitemap {
	width:736px;
	height:230px;
	padding:10px;
	margin-top:10px;
	background-color:#E5E5E5;
}
#bottom .sitemap .column{
	width:104px;
	float:left;
	height:230px;
	background-color:#ccc;
	margin-right:1px;
}
#bottom .sitemap a {
	text-decoration:none;
	color:#666;
	padding:5px 0 5px 0;
	margin:0;
	border:none;
	display:block;
	width:104px;
	float:left;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}
#bottom .sitemap a:hover {
	background-color:#bbb;
}
#bottom .sitemap a.top {
	font-stretch:condensed;
	background-color:#ccc;
	color:#ffffff;
	padding:5px 0 5px 0;
	border-bottom:1px solid #bbb;
}
#bottom .sitemap a.top:hover {
	background-color:#bbb;
}
/*#bottom .sitemap {
	width:736px;
	height:230px;
	padding:10px;
	margin-top:10px;
	background-color:#E5E5E5;
}
#bottom .sitemap ul {
	margin:0px;
	padding:0px;
}
#bottom .sitemap #main a {
	text-decoration:none;
}
#bottom .sitemap #main li.top {
	height:230px;
	list-style:none;
	display:block;
	width:104px;
	margin-right:1px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	font-stretch:condensed;
	background-color:#ccc;
}
#bottom .sitemap #main li.top a {
	color:#ffffff;
	padding:5px;
	display:block;
	border-bottom:1px solid #bbb;
}
#bottom .sitemap #main li.top a:hover {
	background-color:#ccc;
}
#bottom .sitemap #main li.top:hover {
	background-color:#bbb;
}
#bottom .sitemap #main ul.lower li {
	font-weight:normal;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
}
#bottom .sitemap #main ul.lower li a {
	color:#666;
	padding:5px 5px 5px 5px;
	margin:0;
	border:none;
}
#bottom .sitemap #main ul.lower li a:hover {
	background-color:#ccc;
}*/

/* right side "community" column */
#community {
	background-color:#ffffff;
	width:220px;
}
#community .topdl {
	width:200px;
	margin:0px 0px 10px 0px;
	padding:9px 10px 0px 10px;
	height:231px;
	list-style:none;
	clear:left;
}
#community .topdl {
	/*background-color:#efefef;*/
	background-color:#4e4e4e;
}
#community .topdl li.item div.number, #home_community .topdl li.item div.number {
	background-color:#333333;
	width:24px;
	height:15px;
	text-align:center;
	padding-top:3px;
	border-bottom:1px solid #505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#community .topdl li.item div.space a, #home_community .topdl li.item div.space a {
	padding-left:5px;
	width:170px;
}
#community .topdl li.item, #home_community .topdl li.item {
	width:200px;
	display:block;
	float:left;
	background-color:#666666;
	height:18px;
	color:#FFFFFF;
	font-size:9px;
	border-bottom:1px solid #717171;
	text-decoration:none;
	font-stretch:condensed;
}
#community .topdl li.item a, #home_community .topdl li.item a {
	display:block;
	padding:4px 0px 0px 0px;
	height:14px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
#community .topdl li.item:hover, #community .topdl li.item a:hover, #home_community .topdl li.item:hover, #home_community .topdl li.item a:hover {
	background-color:#F68AE3;
}
#community .topdl img, #home_community .topdl img {
	padding-bottom:3px;
}
#community .ads {
	/*background-color:#efefef;*/
	background-color:#4e4e4e;
	margin:0px 0px 10px 0px;
	padding:9px 10px 10px 10px;
	width:200px;
}

#community #music_news {
	background-color:#cbc9ca;
	padding:10px 10px 10px 10px;
	width:200px;
}
#community #music_news img {
	margin-top: 7px;
}
#community #music_news .date {
	color:#333333;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	font-stretch:condensed;
	margin-right:4px;
}
#community #music_news .descrip {
	color:#333333;
	font-size:9px;
	height:224px;
}

/* HV picks */
#picks {
	width:520px;
	background-color:#dcdadb;
	margin-top:10px;
	padding:10px 0px 10px 10px;
}
#picks .selects, #picks .featured {
	width:255px;
	background-color:#FFFFFF;
}
#picks .selects .title {
	width:254px;
}
#picks .featured .title {
	width:255px;
}
#picks .title {
	background-color:#424141;
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:9px;
	text-transform:uppercase;
	font-stretch:condensed;
	color:#FFFFFF;
}
#picks .light, #picks .dark {
	width:239px;
	height:30px;
	padding:10px 5px 10px 10px;
}
#picks .light img, #picks .dark img {
	border:2px solid #FFFFFF;
	float:left;
	margin-right:5px;
}
#picks .light {
	background-color:#EFEFEF;
}
#picks .dark {
	background-color:#E8E8E8;
}
#picks .selected .light, #picks .selected .dark {
	width:239px;
}
#picks .featured .light, #picks .featured .dark {
	width:240px;
}
#picks .band {
	color:#666666;
	font-size:11px;
}
#picks .genres {
	color:#333333;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	font-stretch:condensed;
}

/* calendar */
#calendar {
	width:510px;
	height:224px;
	margin-top:10px;
	margin-right:6px;
	padding:10px 10px 0px 10px;
	background-color:#F4F4F4;
	/*border:1px solid #E6E6E6;*/
}
#calendar img, #bottom .calendar a img {
	border:0px;
}
#calendar img {
	margin-bottom:5px;
}
#calendar .day1, #calendar .day2, #calendar .day3, #calendar .day4, #calendar .day5 {
	background-color:#FDFDFD;
	width:100px;
	height:183px;
	border-top:1px solid #B7B6B6;
	border-bottom:1px solid #B7B6B6;
}
#calendar .day1 {
	border-left:1px solid #B7B6B6;
	border-right:1px dashed #B7B6B6;
}
#calendar .day2, #calendar .day3, #calendar .day4 {
	border-right:1px dashed #B7B6B6;
}
#calendar .day5 {
	border-right:1px solid #B7B6B6;
}
#calendar .dayofweek {
	width:100px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	font-size:9px;
	font-stretch:condensed;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	padding:5px 0px 5px 0px;
}
#calendar .info {
	width:87px;
	padding:5px;
	color:#333333;
	font-size:11px;
	font-stretch:condensed;
}
#calendar .info .headline {
	color:#F574DE;
	font-size:12px;
	font-weight:bold;
}
/* lower half (used on homepage and community pages) */
#lower {
	width:756px;
}
#lower div.full_row {
	width:756px;
	margin:10px 0px 10px 0px;
}
#lower div.three_col {
	width:756px;
	background-image:url(//humblevoice.s3.amazonaws.com/images/common/three_col_bkgd.gif);
}
#lower div.ad_left, #lower div.ad_right {
	width:210px;
	padding:10px 0px 10px 10px;
}
#lower div.ad_middle {
	width:280px;
	padding:10px 0px 10px 10px;
}
#lower div.ad_left, #lower div.ad_middle {
	margin-right:5px;
}
/* lists */
#lower .middl, #lower .middl_rows, #lower .sidedl_L, #lower .sidedl_R {
	margin:0px;
	padding:9px 10px 0px 10px;
	height:231px;
	list-style:none;
	float:left;
}
#lower .middl, #lower .middl_rows, #lower .sidedl_L {
	margin-right:6px;
}
/** middle list **/
#lower .middl, #lower .middl_rows {
	width:284px;
}
/** side list **/
#lower .sidedl_L, #lower .sidedl_R {
	width:200px;
}
#lower .middl li.item div.number, #lower .sidedl_L li.item div.number, #lower .sidedl_R li.item div.number {
	background-color:#333333;
	width:24px;
	height:15px;
	text-align:center;
	padding-top:3px;
	border-bottom:1px solid #505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#lower .middl_rows li.item div.number {
	background-color:#333333;
	width:24px;
	height:20px;
	text-align:center;
	padding-top:12px;
	margin-right:5px;
	border-bottom:1px solid #505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#lower .middl li.item div.space a, #lower .middl_rows li.item div.space a {
	padding-left:5px;
	width:250px;
}
#lower .sidedl_L li.item div.space a, #lower .sidedl_R li.item div.space a {
	padding-left:5px;
	width:170px;
}
#lower .middl li.item, #lower .sidedl_L li.item, #lower .sidedl_R li.item {
	display:block;
	float:left;
	background-color:#666666;
	height:18px;
	color:#FFFFFF;
	font-size:9px;
	border-bottom:1px solid #717171;
	text-decoration:none;
	font-stretch:condensed;
}
#lower .middl_rows li.item {
	display:block;
	float:left;
	background-color:#666666;
	height:32px;
	color:#FFFFFF;
	font-size:9px;
	border-bottom:1px solid #717171;
	text-decoration:none;
	font-stretch:condensed;
}
#lower .middl li.item, #lower .middl_rows li.item {
	width:285px;
}
#lower .sidedl_L li.item, #lower .sidedl_R li.item {
	width:200px;
}
#lower .middl li.item a, #lower .sidedl_L li.item a, #lower .sidedl_R li.item a {
	display:block;
	padding:6px 0px 0px 0px;
	height:16px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
#lower .middl_rows li.item a {
	display:block;
	padding:5px 0px 4px 0px;
	height:23px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	line-height:13px;
}
#lower .middl_rows li.item a .lightpinktext {
	color:#FDA8EE;
	font-size:9px;
}
#lower .middl li.item:hover, #lower .middl li.item a:hover, #lower .sidedl_L li.item:hover, #lower .sidedl_L li.item a:hover, #lower .sidedl_R li.item:hover, #lower .sidedl_R li.item a:hover {
	background-color:#F68AE3;
}
 #lower .middl_rows li.item:hover, #lower .middl_rows li.item a:hover {
 	background-color:#7F7F7F;
}

/*
.rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 115px;
	height: 15px;
	position: relative;
	background: url(/images/rating.gif) top left repeat-x;		
}
.rating li{
	padding:0px;
	margin:0px;*/
	/*\*/
/*	float: left; */
	/* */
/*}
.rating li a{
	display:block;
	width:20px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.rating li a:hover{
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.one{
	left: 0px;
}
.rating a.one:hover{
	width:20px;
}
.rating a.one_sel{
	width:20px;
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.two{
	left:20px;
}
.rating a.two:hover{
	width: 40px;
}
.rating a.two_sel{
	width:40px;
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.three{
	left: 40px;
}
.rating a.three:hover{
	width: 60px;
}
.rating a.three_sel{
	width:60px;
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.four{
	left: 60px;
}	
.rating a.four:hover{
	width: 80px;
}
.rating a.four_sel{
	width:80px;
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.five{
	left: 80px;
}
.rating a.five:hover{
	width: 100px;
}
.rating a.five_sel{
	width:100px;
	background: url(/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.rating a.clear, .rating a.clear:hover{
	left:100px;
	width:15px;
}
.rating a.clear {
	background: url(/images/rating_clear.gif) left bottom;
}
.rating a.clear:hover{
	background: url(/images/rating_cleard.gif) left bottom;
}*/


.rating, .showrating{
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) top left repeat-x;		
}
.rating{
	width: 115px;
}
.showrating{
	width:100px;
}
.rating li, .showrating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.rating li a, .showrating li a{
	display:block;
	width:20px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.showrating li a{
	cursor:default;
}
.rating li a:hover{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) left center;
	z-index: 2;
	left: 0px;
}
.rating a.one, .showrating a.one{
	left: 0px;
}
.rating a.one:hover{
	width:20px;
}
.rating a.two, .showrating a.two{
	left:20px;
}
.rating a.two:hover{
	width: 40px;
}
.rating a.three, .showrating a.three{
	left: 40px;
}
.rating a.three:hover{
	width: 60px;
}
.rating a.four, .showrating a.four{
	left: 60px;
}	
.rating a.four:hover{
	width: 80px;
}
.rating a.five, .showrating a.five{
	left: 80px;
}
.rating a.five:hover{
	width: 100px;
}
.rating li.current-rating, .showrating li.current-rating{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
.rating a.clear, .rating a.clear:hover{
	left:100px;
	width:15px;
}
.rating a.clear {
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating_clear.gif) left bottom;
}
.rating a.clear:hover{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating_cleard.gif) left bottom;
}

/* lists */
ul.double_rows {
	/*background-color:#efefef;*/
	background-color:#4e4e4e;
	width:200px;
	margin:0px 0px 10px 0px;
	padding:9px 10px 0px 10px;
	height:350px;
	list-style:none;
	clear:left;
}
ul.double_rows li.item div.number {
	background-color:#333333;
	width:24px;
	height:19px;
	text-align:center;
	padding-top:12px;
	margin-right:5px;
	border-bottom:1px solid #505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
ul.double_rows li.item div.space a {
	padding-left:5px;
	width:200px;
}
ul.double_rows li.item {
	display:block;
	float:left;
	background-color:#666666;
	height:31px;
	color:#FFFFFF;
	font-size:9px;
	border-bottom:1px solid #717171;
	text-decoration:none;
	font-stretch:condensed;
}
ul.double_rows li.item {
	width:200px;
}
ul.double_rows li.item .level {
	width:170px;
	height:16px;
	overflow:hidden;
}
ul.double_rows li.item a {
	text-decoration:none;
}
ul.double_rows li.item .level a {
	display:block;
	padding:5px 0px 4px 0px;
	height:22px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
}
ul.double_rows li.item a .lightpinktext {
	color:#FDA8EE;
	font-size:9px;
}

ul.double_rows li.item:hover, ul.double_rows li.item a:hover {
 	background-color:#7F7F7F;
}

div.imagelist{
	background-color:#4E4E4E;
	clear:left;
	margin:0px 0px 10px;
	padding:9px 0 0 10px;
	width:210px;
}
div.imagelist .imgwrap{
	padding:0 6px 6px 0;
}
div.imagelist div, div.imagelist img{
	float:left;
}
div.imagelist .imgwrap img{
	border:1px solid #444444;
}

#loading.home{
	width:60px;
	height:60px;
}

#devInfoBanner{
	width:728px;
	height:90px;
	background-color:#eee;
	text-align: left;
}
#devInfoBanner p{
	padding: 2px;
}


/* file upload progress bar */

.fileUploadProgress{
	position:relative;
}
.totalBar, .progressBar{
	position:absolute;
	top:10px;
	left:0px;
	height:20px;
	line-height:20px;
	font-size:11px;
	text-indent:10px;
	overflow:hidden;
}
.totalBar{
	width:350px;
	background-color:#eee;
	color:#666;
}
.progressBar{
	background-color:#ef4fd3;
	color:#fff;
}