/*
------------------------------------------------------------------------
Releasemysingle
------------------------------------------------------------------------
CSS Document for Releasemysingle
------------------------------------------------------------------------
Author:    support@varshyltech.com
------------------------------------------------------------------------
website:    http://www.varshyltech.com
------------------------------------------------------------------------
Updated:   January 15 2008
------------------------------------------------------------------------
*/



body {
	margin: 0px;
	padding: 0px;
	background: #626262 url('../images/bg.jpg') repeat-y center;
}
table,tr,td{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
p, ul, li {
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	font-size: 11px;
}
p {
	margin: 3px 0 11px 0;
	padding: 0;
	width: 100%;
}
li {
	margin: 4px 0;
}
strong, b {
	color: #000;
}
a:link, a:visited {
	color: #5DB10C;
	background: transparent;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	color: #0657BC;
	font-size: 20px;
	margin: 11px 0 0 0;
	padding-bottom: 7px;
	border-bottom:1px solid #CCC; 
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 18px;
	margin: 0 0 5px 0;
	padding: 0;
}
h3 {
	font-family: Verdana, Arial, sans-serif;
	color: #FF6600;
	font-size: 13px;
	margin: 20px 0 0 0;
	padding: 0;
}
h3.gray {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 13px;
	margin: 15px 0 0 0;
	padding: 0;
}
h4 {
	font-family: Verdana, Arial, sans-serif;
	color: #0A50A1;
	font-size: 13px;
	margin: 30px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
}
sup {
	font-size: 7px;
}

.search-box { 
 width: 221px;
 height: 24px;
 margin: 0 0 0 0;
 background: #fff url('../images/search.jpg') no-repeat 0 0;
}

.search-box input {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 float: left;
 margin: 5px 0 0 5px;
}

.text-field{
	font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#819D02;
	border: 1px solid #B4DC00;
	height: 20px;
	width: 180px;
	vertical-align:middle;
	}
 
#tb {
 	border-left: solid 1px #DAD9D9;
  	border-right: solid 1px #DAD9D9;
  	border-bottom: solid 1px #DAD9D9;
	}	


#tb2 {
 	background-color:#F2F8FB;
	border-top: solid 1px #DAD9D9;
	border-left: solid 1px #DAD9D9;
  	border-right: solid 1px #DAD9D9;
  	border-bottom: solid 1px #DAD9D9;
	}	


#frame img {
	width:106px;
	height:106px;
	background-color:#FFFFFF;
	border: 1px solid #D6D6D6;
	padding: 4px ;
	margin-top: 10px;
	margin-left: 5px;
			
}
	
	
.box-head{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold; 
  color:#2D2C2C;
  }	
  
 .user-text{
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight:normal; 
	color:#000;
	} 	 
  
 .text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal; 
	color:#333333;
	} 	 
  
 
  
  
  .name-text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold; 
	color:#0078B9;
	} 
  
 .head-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold; 
	color:#333333;
	}  
 
  
 .tbhead-text{
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight:bold; 
	color:#B4DC00;
	}   
  
 #footer {background-image: url(../images/footer-bg.jpg);
		background-repeat: repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:bold; 
		color:#333333;
		}
#footer a:link {text-decoration: none; color : #333333; }  
#footer a:visited {  text-decoration: none; color : #333333; }  
#footer a:hover {  text-decoration: underline; color : #0657BC; }
#footer span{	font-size: 10px;font-weight:normal; color:#9C9898;	}  

 
 
  
.pwd-link{font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:12px;color: #000;	font-weight: bold;	} 
.pwd-link a:link {text-decoration: none; color : #000; }  
.pwd-link a:visited {  text-decoration: none; color : #000; }  
.pwd-link a:hover {  text-decoration: none; color : #91B004; } 


.play-link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;color: #333333; font-weight: normal;	} 
.play-link a:link {text-decoration: underline; color : #333333; }  
.play-link a:visited {  text-decoration: underline; color : #333333; }  
.play-link a:hover {  text-decoration: none; color : #000; }


.text-link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;color: #727070; font-weight: normal;	} 
.text-link a:link {text-decoration: none; color : #727070; }  
.text-link a:visited {  text-decoration: none; color : #727070; }  
.text-link a:hover {  text-decoration: none; color : #0078B9; }

.vote {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
}

.news-table img {
	height: 50px;
	width: 50px;
}

#invitetb {
 	background-color:#F7F7F7;
	border-top: solid 1px #898989;
	border-left: solid 1px #B7B7B7;
  	border-right: solid 1px #B7B7B7;
  	border-bottom: solid 1px #3B5998;
}

.invite-link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;color: #3B5998; font-weight: bold;	} 
.invite-link a:link {text-decoration: none; color : #3B5998; }  
.invite-link a:visited {  text-decoration: none; color : #3B5998; }  
.invite-link a:hover {  text-decoration: underline; color : #3B5998; }

 .text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal; 
	color:#333333;
} 

#marqueecontainer{
	position: relative;
	width: 240px; /*marquee width */
	height: 291px; /*marquee height */
	background-color: white;
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}

/*Popup CSS Start from here*/
* html #popup_overlay_wrapper {
  height: 100%;
  overflow: auto;
}

#popup_overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 110;
  width: 533px;
  height: 313px;
  margin: -157px 0 0 -267px;
  text-align: center;
  background:url(../images/popup_border.gif) no-repeat 50% 50%;
  -moz-opacity:.80;
  opacity:.80;
  filter:alpha(opacity=80);
  line-height: 0;
}

* html #popup_overlay {
  position: absolute;
}

#ajax_loader {
  position: fixed; 
  top: 0%; 
  left: 100%;
  z-index:120;
  width:20px;
  height:20px;
  margin: 4px 0px 0px -24px;
}

* html #ajax_loader {
  position: absolute;
}

* html #popup_wrapper {
  height: 100%;
  overflow: auto;
}

#popup_wrapper a.close {
  width: 60px;
  height: 10px;
  position: fixed;
  top: 50%;
  left: 50%;  
  color: #fff;
  z-index: 140;
  margin: -150px 0 0 203px;
  font-family: Arial, Verdana, "Lucida Sans Unicode", Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 0.70em;
}

* html #popup_wrapper a.close {
  position: absolute;
}

#popup_wrapper .status {
  z-index: 140;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 15px;
  width: 430px;
  margin: 135px 0 0 -240px;
  text-align: left;
  font-size: 0.9em;
  color: #fff;
}

* html #popup_wrapper .status {
  position: absolute;
}

#popup {
  z-index: 130;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #000;
  color: #fff;
  width: 480px;
  height: 260px;
  border: #ccc 1px solid;
  text-align: left;
  margin: -130px 0 0 -240px;
  overflow: hidden;
}

* html #popup {
  position: absolute;
}

#popup_content {
  margin: 15px;
}
/*Popup CSS ends here*/

#register_content {position: relative; color:#FFFFFF; font-weight:bold; top:-15px;}
#register_content tr {  height: 30px;}
#register_content a:hover{color:#FFFFFF} 
#register_content p {color:#FFFFFF;}
h2 {color:#FFFFFF;} 
register_form_artist, #register_form_listener {
  font-size: 1em;
  float: right;
  font-weight: bold;
}

/*Top navigation css*/
#top_navigation {
  width: 452px;
  font-size: 1.1em;
  z-index: 10;
  /*float:left;*/
  margin-top:15px;
  margin-left:10px;
  padding-left:30px;
}

* html #top_navigation {
  margin-left: 0px;
}

#top_navigation a {
  font-weight: normal;
  float: left;
  font-size: 0.95em;
  text-align: center;
  width: 110px;
  /*height: 16px;*/
  padding: 2px 0px 2px 0px;
  margin-right: 1px;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding: 3px 0px 3px 0px;
}

#top_navigation a.selected{
  color: #333333;
  background:#FFF url(../images/button-sel.gif) no-repeat;
}

.navigation a:link, .navigation a:visited {
  color: #B4DC00; 
  background:#FFF url(../images/button-on.gif) no-repeat;
}

.navigation a:hover, .navigation a:active {
  color: #333333;
  background:#FFF url(../images/button-off.gif) no-repeat;
  text-decoration: none;
}

/*Top Sub-navigation CSS*/
#top_subnavigation {
  width: 333px;
 /* padding-left:95px !important;
   padding-left:85px;*/
  /*float: left;*/
}

* html #top_subnavigation {
 /*padding-left:139px;*/
}

#top_subnavigation a {
  width: 110px;
  padding: 3px 0px 3px 0px;
  font-size: 1.1em;
  text-align: center;
  float: left;
  margin-left: -1px;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}

#top_subnavigation a.selected{
  color: #333333;
  background:#DEEBA2;
  border:#A3B454 solid 1px;
}

.navigation2 a:link, .navigation2 a:visited {
  color: #333333; 
  background:#FFF;
  border:#A3B454 solid 1px;
}

.navigation2 a:hover, .navigation2 a:active {
  color: #333333;
  background:#58CBF1;
  border:#A3B454 solid 1px;
  text-decoration: none;
}

.smallfont {
	font-size:10px;
}

/*For displaying favourate artists/fans*/
.fav_artist{
	width:45px !important; width:35px; float:left; display:block;
	padding-top:5px !important;
	padding-right:8px !important;
	padding-bottom:5px !important;
	padding-left:5px !important;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:2px;
}
.fav_artist img{display:inline;position:relative; padding:0 1em; width:auto; float:left; border:0px;}

/*News box CSS*/
#news {width:180px; text-align:left;padding-left:5px; } 
#news .news_content {width:165px; }
#news .news_button {width:165px; vertical-align:bottom}
#news textarea {width:165px; height:65px;}

#addShow, #addShow select, #addShow input {font-size:9px}

/*Biography box CSS*/
#biography {width:350px; padding-left:5px;} 
#biography .biography_content {width:345px; }
#biography .biography_button {width:345px; vertical-align:bottom}
#biography textarea {width:345px; height:90px;}

#displayShows{ padding-left:5px;}

#displayShows div{ padding-bottom:5px;}
#wall{ padding-left:20px;}


/*Pagination css*/
div.pagination {padding: 3px;margin: 3px;}
div.pagination a {padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #999999;	text-decoration: none; /* no underline */ color: #333;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #333333;	color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px;	border: 1px solid #000099;font-weight: bold;background-color: #333333;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;	margin: 2px;border: 1px solid #EEE;	color: #DDD;}

/*For making checkbox and its text in same base*/
label{display:inline;position:relative; padding:0 0em; width:auto; float:left}
label input{display:inline;margin:0 .25em 0 0;}

/*Error related CSS*/
div.errors { margin: 2px 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; width:80%; text-align:left }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

/*For profile music box*/
.profile_music td {font-size:9px; vertical-align:top}

/*Alert div css*/
#alertDiv {
	background-color:#333;
	border:1px solid #66FF33;
	top:0px; 
	left:0px;
	position:absolute;
	width:99%;
	height:50px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:5px 5px 5px 5px;
	overflow: hidden;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body > #alertDiv { position: fixed;}

/*For displaying album photos*/
#album div{width:100px; float:left; display:block; padding:.2em 0; margin-right:25px; margin-bottom:15px}

/*For displaying listners photos*/
#listners div{width:70px; float:left; display:block; padding:.2em 0; margin-right:25px; margin-bottom:15px}

/*User image border*/
.uborder img{ border: #999999 2px solid;}

/*Profile video CSS*/
#video_wrapper {text-align:center; padding-left:3px; padding-top:10px; padding-bottom:10px;}