body {
  	background: #111111;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
  	color: #DFDFDF;
  	margin: 0px; 
	}
	
A {
  color: #DFDFDF;
  text-decoration: none;
}

A:hover {
  color: #DFDFDF;
  text-decoration: underline;
}	
	
#wrapper {
position:relative;
margin: 0 auto; /*** Centers the design ***/
min-height: 100%;
min-width:1250px;
background: url(/images/pixel.gif) repeat-y;
text-align: left; 
}
* html #wrapper {
height: 100%; 
}


#headerBar{
	 position:fixed;
	 z-index: 100;
	 left:0px;
	 top:0px;
	 width:100%;
}

#header {
  background:url(images/header_bg.jpg);
  background-repeat:repeat-x;
  width:100%;
  height:76px;
  padding:3px 0 0 0;
  }

#navBar {
  position:relative;
  background:url(images/header_bar.jpg);
  background-repeat:repeat-x;
  width:100%;
  height:25px;
  padding-left:40px;
  }
  
 
.hlink {
  float:left;
  padding-top:6px;
  width:100px;
  text-align:center;
  }
  
#rssLinks {
  position:absolute;
  top:86px;
  right:50px;
  z-index:999;
  }

  
#popitmenu{
position: absolute;
background-color: #666666;
border:1px solid #3E3E3E;
font: normal 11px Verdana;
line-height: 18px;
z-index: 999;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #DFDFCF;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #F09103;
}      
  
.divider {
  margin-bottom:-10px;
  }   

#navLinks {
  float:left;
  margin-top:6px;
  text-decoration:none;
  }

.headerlinks {
 height:30px;
 padding: 6px 5px 6px 5px;
 border-right:1px solid #8F918E;
 text-align:center;
 text-decoration:none;
 }
  
A.headerlinks {
  color:#DFDFDF;
  text-decoration:none;
  }   
  
#bodyWrap {
  float:left;
  margin-top:93px;
  width:100%;
  padding-bottom:20px;
  }

@media screen and (-webkit-min-device-pixel-ratio:0) {  
#bodyWrap { 
  margin-top:106px;
  }
  }   

#indexContent {
  position:relative;
  }
  
#mainContent {
  position:relative;
  }
  
#releaseTrackInfo {
  position:relative;
  width:65%;
  margin:auto;
  margin-top:30px;
  }
  
#releaseMessage {
  position:relative;
  width:65%;
  margin:auto;
  margin-top:30px;
  padding:2px 0 2px 10px;
  color:#FFFFFF;
  font-weight:bold;
  background:#008040;
  }
  
#videoMessage {
  position:relative;
  width:65%;
  margin:auto;
  margin-top:30px;
  padding:2px 0 2px 10px;
  color:#FFFFFF;
  font-weight:bold;
  background:#008040;
  }  
  
#labelContinue {
  position:relative;
  width:65%;
  margin:auto;
  }
  
#labelNote {
  position:relative;
  width:65%;
  margin:auto;
  margin-top:10px;
  }          

	
#uploadText {
  text-align:left;
  font-weight:bold;
  margin:10px;
  }	
  
#leftColumn {
  float:left;
  width:210px;
  margin-left: -100%;
  margin-top:93px;
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {   
#leftColumn {   
  margin-top:106px;
  }
 }
#content {
 width:64%;
 float:left;
 margin-left:1px;
  }
  
#labelContent {
  position:relative;
  width:100%;
  }
  
.groupbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#E56C1F;
	text-decoration: none;
	margin-left:2px;
	margin-right:1px;
	padding-left:10px;
}    
  

  
#contentHome {

  margin-top:20px;
  padding:5px;
  margin-right:480px;
  width:100%;
  height:100%;
  }
  
.insidebodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}  
  
#homePage {
  width:50%
  float:left;
  }  
  
#chartWrap {
  width:1200px;
  margin:auto;
  margin-top:10px;
  float:left;
  }  
  
#contentChart {
  position:relative;
  padding:5px;
  cursor:move;
  }
  
#lastChart {
  position:relative;
  padding:0px;
  clear:both;
  margin-top:30px;
  margin-left:40px;
  border:1px solid #121212;
  }
  
    
  
#spacer1 {
  width:1px;
  height:300px;
  }
  
#contentHolder { 
  margin-left:210px;
  }
  
#contentHolder2 { 
  margin-left:50px;
  }       

#rightColumn {
  float:right;
  width:35.7%;
  margin-left:-28%;
  } 
     
#rightColumnHome {
  float:right;
  width:470px;
  margin-top:20px;
  }

#footerContainer {
  left:0px;
  clear:both;
  width:100%;
  }
  
#footer {
  width:100%;
  height:60px;
  text-align:center;
  font-size:10px;
  }
  
#footerLinks {
  padding-top:12px;
  }    
  
#vLine {
  float:right;
  background:url(images/v_line.gif);
  background-repeat:repeat-y;
  width:1px;
  height:1210px;
  }

.hline {
  background:url(images/h_line.jpg);
  background-repeat:repeat-x;
  width:100%;
  height:1px;
  }
  
.heading {
  font-size:14px;
  font-weight:bold;
  }
  
SPAN.heading {
  font-size:14px;
  font-weight:bold;
  }  
  
#homeChart {
  top:18px;
  position:relative;
  *position:static;
  background:url(images/chart.png);
  width:438px;
  height:691px;
  clear:left;
  }
  
#chartList {
  float:left;
  *position:static;
  margin-top:70px;
  *margin-top:8px;
  width:448px;
  }
  
.listRow {
  position:relative;
  *position:static;
  width:440px;
  height:28px;
  margin-left:6px;
  vertical-align:middle;
  }  
    
.list1 {
  float:left;
  width:25px;
  text-align:center;
  font-size:10px;
  padding-top:6px;
  } 
  
.list2 {
  float:left;
  width:35px;
  padding-top:1px;
  }
  
.list3 {
  float:left;
  width:355px;
  font-size:10px;
  }  
  
SPAN.artistName {
  color:blue;
  }
  
SPAN.labelName {
  color:orange;
  }
#chartLinks {
  position:absolute;
  *position:static;
  *margin-top:48px;
  top:48px;
  left:10px;
  }
  
.chartLink {
  float:left;
  *position:static;
  width:63px;
  text-align:center;
  }
  
.chartLoad {
  margin-top:203px;
  margin-left:150px;
  }
  
.rightLoad {
  margin-top:100px;
  margin-left:120px;
  }  
  
.chartLoad2 {
  margin-top:50px;
  margin-bottom:50px;
  margin-left:100px;
  }
  
.chartLoaddj {
  margin-top:50px;
  margin-bottom:50px;
  }  
  
.homeLoad {
  margin-top:100px;
  margin-left:38%;
  }    

#bannerBottom {
  text-align:center;
  }
  
#bannerLeft {
  margin-top:5px;
  text-align:center;
  }  
  
#chartLeft {
  float:left;
  width:55%;
  margin-top:140px;
  }
  
#chartRight {
  float:left;
  width:35%;
  }  

#trackList {
  float:left;
  width:450px;
  height:500px;
  margin-right:50px;
  margin-top:30px;
  z-index:1000;
  }
  
.trackScroll {
  position:relative;
  width:465px;
  height:470px;
  overflow:auto;
  border: 1px solid #6F6F6F;
  }  

 
#sortList {
  float:left;
  width:565px;
  height:550px;
  margin-left:40px;
  margin-top:30px;
  }
  
#selectChart {
  position:relative;
  width:475px;
  height:470px;
  overflow:auto;
  border: 1px solid #6F6F6F;
  }
  
#chartnum {
  float:left;
  top:2px;
  left:-5px;
  width:40px;
  margin-right:1px;
  font-size:10px;
  font-weight:bold;
  line-height:22px;
  text-align:center;
  color:#DFDFDF;
  }    
  
#trackInput {
  float:left;
  width:85%;
  text-align:justify;
  margin-left:60px;
  padding-right:10px;
  padding-left:15px;
  }   
  
#selectList {
	width: 300px;
	height:300px;
	overflow:auto;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	margin-top:20px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #111111;
	color: #DFDFDF;
	}
	
	#selectList ul {
	  list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#selectList li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
	
	#selectList li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #selectList li a {
		width: auto;
		}

	#selectList li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}
		
#left_col {
    padding-top:3px;
    width: 500px;
    float: left;
    margin-right: 50px;
}

#center {
    width: 500px;
    position:relative;
    margin-left: 5px;
}

#Ajaxcenter {
    width: 438px;
    margin-left: 5px;
    }

#right_col {
    width: 180px;
    float: left;
    margin-left: 5px;
}


	h1 {
		margin-bottom: 0;
		font-size: 18px;
	} 
	
.rating {
  width:500px;
  text-align:center;
  font-weight:bold;
  margin-bottom:3px;
  }
  
#selectLists {
  width:100%;
  /*height:150px;*/
  float:left;
  padding-left:15px;
  }
#selectLists form {
padding:0px;
clear:both;
margin:0px;
}
.leftf { float:left; width:auto; padding-right:15px;}
#lastList {
  position:relative;
  width:565px;
  margin-left:0px;
  margin-top:30px;

  }
  
ol.last {
	padding: 4px 4px 0 4px;
	margin-left: 40px;
	margin-top:0px;
	width: 467px;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #5B5B5B;
}
ol.last li {
  position: relative;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;
}      	

ul.dragList {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 460px;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #5B5B5B;
  color:#EFEFEF;
  font-weight:bold;
}
ul.dragList li {
  position: relative;
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;
}



.dropMenu {
  background:#4E4F4F;
  color: #DFDFDF;
  border:1px solid #5B5B5B;	
  }
  
.smallMenu {
  background:#4E4F4F;
  color: #DFDFDF;
  border:1px solid #5B5B5B;
  font-size:10px;
  width:100px;	
  min-width:100px;
  }
  
.smallMenu2 {
  background:#4E4F4F;
  color: #DFDFDF;
  border:1px solid #5B5B5B;
  font-size:10px;
  width:130px;	
  min-width:100px;
  }
  
.smallMenu3 {
  background:#4E4F4F;
  color: #DFDFDF;
  border:1px solid #5B5B5B;
  font-size:10px;
  }
  
.smallTextArea {
  background:#4E4F4F;
  color: #DFDFDF;
  border:1px solid #5B5B5B;
  font-size:11px;
  width:400px;
  height:60px;
  }     
  
.listSort {
  position:absolute;
  right:10px;
  top:0px;
  width:155px;
  margin-top:10px;
  }    
  
.chartTop {
  width:410px;
  height:29px;
  margin-left:35px;
  margin-bottom:-1px;
  padding-left:100px;
  padding-top:13px;
  background:url(images/chart_top.gif);
  font-weight:bold;
  font-size:12px;
  }
  
.chartTop1 {
  width:368px;
  height:29px;
  margin-left:0px;
  margin-bottom:-1px;
  padding-left:100px;
  padding-top:13px;
  background:url(images/chart_top2.gif);
  font-weight:bold;
  font-size:12px;
  }  

.chartTop2 {
  width:350px;
  height:29px;
  padding-left:100px;
  padding-top:13px;
  margin-left:1px;
  margin-bottom:-1px;
  background:url(images/chart_top2.gif);
  font-weight:bold;
  font-size:12px;
  }
  
.chartTop3 {
  width:377px;
  height:29px;
  margin-left:41px;
  margin-bottom:-1px;
  padding-left:100px;
  padding-top:13px;
  background:url(images/chart_top3.gif);
  font-weight:bold;
  font-size:12px;
  }
  
.chartTop4 {
  width:377px;
  height:29px;
  padding-left:100px;
  padding-top:13px;
  margin-left:40px;
  margin-bottom:-1px;
  background:url(images/chart_top3.gif);
  /*background:url(images/chart_top4.gif);*/
  font-weight:bold;
  font-size:12px;
  }     
  
.suggest_link {
	background-color: #363636;
	padding: 2px 6px 2px 6px;
}

.suggest_link2 {
	background-color: #111111;
	padding: 2px 6px 2px 6px;
}

.suggest_link_over {
	background-color: #C87C0B;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute;
	margin-left:49px;
	background-color: #363636;
	text-align: left;
  max-height:300px;
  overflow:auto;
  z-index:1001;
}

#search_suggest2 {
	position: absolute;
	margin-left:49px;
	*margin-left:0px;
	background:transparent;
	text-align: left;
	z-index:999;
	max-height:300px;
	overflow:auto;
}

.messagebox_head {
 width:100%;
 height:30px;
 vertical-align:middle;
 }
 
#loginBox {
  position:relative;
  background:url(images/login.png);
  background-repeat:no-repeat;
  width:300px;
  height:200px;
  border:1px solid transparent;
  }
  
.feedbackBox {
  position:relative;
  padding:1px;
  border-left:1px solid #3C3C3C;
  border-right:1px solid #3C3C3C;
  border-bottom:1px solid #3C3C3C;
  background:#191919;
  clear:left;
  font-size:9px;
  }  

.feedbackBoxVideo {
  position:relative;
  padding:1px;
  background:url(images/feedback_bg.png);
  width:498px;
  height:268px;
  font-size:9px;
  }
  
.boxHeadFeedback {
  position:relative;
  margin-top:10px;
  text-align:center;
  width:100%;
  height:16px;
  }
  
  .boxHeadFeedbackVideo {
  position:relative;
  margin-top:15px;
  text-align:center;
  width:100%;
  height:16px;
  }
  
.boxHead {
  position:relative;
  margin-top:45px;
  text-align:center;
  width:100%;
  border:0px;
  height:16px;
  }  
  
.boxHead h2 {
  font-size:12px;
  font-weight:bold;

  }

  
.boxBody {
  position:relative;
  margin-top:5px;
  margin-left:40px;
  font-size:11px;
  }
  
.boxBodyLogin {
  position:relative;
  margin-top:10px;
  margin-left:60px;
  font-size:11px;
  }
  
.boxBodyVideoFeedback {
  position:relative;
  margin-top:10px;
  margin-left:20px;
  font-size:11px;
  padding-right:10px;
  }    
      
.textbox01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background: #5F5F5F;
	border: 1px solid #3F3F3F;
}

.textbox02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5F5F5F;
	text-decoration: none;
	background: #5F5F5F;
	border: 1px solid #3F3F3F;
}  

#feedbackButtons { 
  position:absolute;
  bottom:30px;
  right:80px;
  width:200px;
  margin-top:8px;
  margin-left:-10px;
  clear:left;
  }
  
#feedbackButtonsVideo { 
  relative
  width:200px;
  margin-top:3px;
  margin-left:-10px;
  clear:left;
  }  

#boxButtons { 
  position:relative;
  width:200px;
  margin-top:8px;
  margin-left:-10px;
  clear:left;
  }
  
#leftBoxButton {
  float:left;
  width:65px;
  }
  
.leftBoxButtonVideo {
  float:left;
  width:45px;
  margin-left:30px;
  margin-bottom:10px;
  }  
  
#rightBoxButton {
  float:right;
  width:65px;
  }
  
.rightBoxButtonVideo {
  float:right;
  width:110px;
  margin-right:30px;
  margin-bottom:10px;
  }  
  
SPAN.loginError {
  color:#E7B818;
  font-weight:bold;
  font-size:10px;
  text-align:center;
  }
  
SPAN.feedbackResponse {
  color:#E7B818;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  }
  
#chartSubmit {
  margin-left:50px;
  margin-top:20px;
  margin-bottom:30px;
  }
  
#messageDiv {
  position:fixed;
  top:50%;
  left:40%;
  }
  
#news {
  position:relative;
  background:url(images/news_bg.png);
  width:201px;
  height:232px;
  margin-left:3px;

  }
  
.arrowup {
  position:absolute;
  top:35px;
  right:8px;
  cursor:pointer;
  z-index:1;
  } 
  
.downarrow {
  position:absolute;
  bottom:10px;
  right:8px;
  cursor:pointer;
  z-index:1;
  }
  
.news_cont {position:relative; left:7px; top:30px; width:165px; height:190px; border:0px solid #006699; overflow:hidden;}
.news_txt {position:absolute; left:0px; top:0px; width:162px; font-family:tahoma,arial,helvetica,sans-serif; font-size:11px; text-align:justify; padding:2px;}   

#searchBox {
  position:relative;
  background:transparent;
  background-repeat:no-repeat;
  width:201px;
  margin-left:3px;
  margin-top:7px;
  font-size:11px;
  }

#genreDrop {
  position:absolute;
  top:5px;
  left:25px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }
  
#artistDrop {
  position:absolute;
  top:38px;
  left:25px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }
  
#labelDrop {
  position:absolute;
  top:71px;
  left:25px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }
  
#trackSearch {
  position:absolute;
  top:110px;
  left:12px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }  
  
#sortDrop {
  position:absolute;
  top:104px;
  left:25px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }
  
#dirDrop {
  position:absolute;
  top:137px;
  left:25px;
  z-index:1;
  font-size:10px;
  font-weight:bold;
  }       
  
#searchInput {
  position:relative;
  font-size:10px;
  margin-left:12px;
  margin-bottom:10px;
  }
#searchGoBtn {
float:right;
width:191px;
margin-right:5px;
margin-top:82px;
}  
#searchButton {
  position:relative;
  margin-left:25px;
  font-size:10px;
  text-align:right;
  width:160px;
  }  
  
#rightList {
  width:100%; 
  }
  
#rightListVideo {
  width:100%; 
  }  
  
#sortMenus {
  position:relative;
  font-size:10px;
  text-align:left;
  }
  
#rightChart {
  position:relative;
  }
  
.chartBody {
  position:relative;
  width: 100%;
  padding:1px;
  border:1px solid #3C3C3C;
  margin-top:2px;
  clear:left;
  }
  
.listDownload {
  position:absolute;
  right:40px;
  top:5px;
  }  
  
.listListen {
  float:left;
  width:40px;
  text-align:center;
  vertical-align:middle;
  }
  
.listTrack {
  float:left;
  width:70%;
  font-size:10px;
  padding-left:5px;
  }
  
SPAN.listMix {
  color:#FFFFFF;
  font-size:9px;
  }  
  
SPAN.listArtist {
  font-size:9px;
  color:#485465;
  }
  
A.listArtist {
  font-size:9px;
  color:#485465;
  } 
  
.listImage {
  float:right;
  width:30px;
  vertical-align:middle;
  }
  
SPAN.listLabel {
  font-size:9px;
  color:#8A4500;
  }
  
A.listLabel {
  font-size:9px;
  color:#8A4500;
  }  

  
.hBar {
  position:relative;
  height:28px;
  background:url(images/hbar_bg.gif);
  }
  
.hBarLeft {
  float:left;
  background:url(images/hbar_left.gif);
  width:7px;
  height:28px;
  }
.hBarRight {
  float:right;
  background:url(images/hbar_right.gif);
  width:7px;
  height:28px;
  }
  
.hbarDiv {
  float:left;
  background:url(images/hbar_div.gif); 
  width:16px;
  height:28px;
  } 
  
.hbar_content {
  float:left;
  padding-top:6px;
  margin:0 10px 0 10px;
  height:22px;
  text-align:center;
  font-size:11px;
  }
               
.hSolid {
  width:100%;
  height:1px;
  background:#C6C6B8;
  margin-left:-2px;
  margin-bottom:0px;
  }

#homeContent {
  position:relative;
  padding:5px;
  height:850px;
  overflow:auto;
  overflow-x: hidden;
  }

#releaseContent {
  position:relative;
  padding:5px;
  height:875px;
  overflow:auto;
  }
  
#videoContent {
  position:relative;
  padding:5px;
  height:875px;
  overflow:auto;
  }     
  
.sortHeading {
  position:relative;
  width:100%;
  height:37px;
  background:url(images/menu_bg.png);
  }
  
.sortHead {
  float:left;
  width:200px;
  margin-left:50px;
  margin-top:12px;
  font-size:11px;
  }
  
  
.sortLeft {
  position:absolute;
  left:0px;
  top:0px;
  width:11px;
  height:37px;  
  background:url(images/menu_bg_l.png);
  }
  
.sortRight {
  position:absolute;
  right:0px;
  top:0px;
  width:12px;
  height:37px;  
  background:url(images/menu_bg_r.png);
  }
  
    
  
.sortRelease {
  float:left;
  width:16%;
  height:25px;
  text-align:center;
  font-size:10px;
  padding-top:8px;
  }
  
.sortVideo {
  float:left;
  width:16%;
  height:25px;
  text-align:center;
  font-size:10px;
  padding-top:8px;
  }  
    
.sortArtist {
  float:left;
  width:16%;
  text-align:center;
  font-size:10px;
  }
  
.sortLabel {
  float:left;
  width:16%;
  text-align:center;
  font-size:10px;
  }
  
.sortDate {
  float:left;
  width:16%;
  text-align:center;
  font-size:10px;
  }
  
.sortGenre {
  float:left;
  width:16%;
  text-align:center;
  font-size:10px;
  } 
  
.sortBPM {
  float:left;
  width:16%;
  text-align:center;
  font-size:10px;
  }
  
 
.sortDown {
  margin-bottom:-2px;
  }
  
A.sortLink {
  }
              
  
.release {
  position:relative;
  }
  
.video {
  float:left;
  text-align:center;
  width:33%;
  margin-top:5px;
  }
  
.whatshot {
  float:left;
  text-align:center;
  width:155px;
  margin-top:5px;
  margin-left:8px;
  border:1px solid #2F2F2F;
  padding:5px 5px 0 5px;

  }        

.releaseList {
  position:relative;
  padding:0px;
  border:1px solid #3C3C3C;
  margin-top:2px;
  clear:left;
  }
  
.videoList {
  position:relative;
  padding:0px;
 # background:url(images/video_bg.png);
  margin:2px;
  margin-top:0px;
  clear:left;
  width:210px;
  height:185px;
  }
  
.whatshotList {
  position:relative;
  padding:0px;
  margin:2px;
  margin-top:0px;
  clear:left;
  width:155px;
  height:120px;
  }  

  
.releaseImage {
  float:left;
  width:30px;
  margin:2px;
  }

.videoHeader {
  position:relative;
  padding:5px 2px 3px 10px;
  text-align:left;
  height:35px;
  }
  
.whatshotHeader {
  position:relative;
  padding:5px 2px 3px 10px;
  text-align:left;
  height:25px;
  }  
 
.videoImage {
  position:relative;
  width:100%;
  margin:2px;
  text-align:center;
  }
  
.whatshotImage {
  position:relative;
  width:150px;
  text-align:center;
  }   
  
.releaseName {
  float:left;
  width:43%;
  font-size:10px;
  margin-left:10px;
  margin-top:2px;
  color:#e79c15;
  }
  
.videoName {
  float:left;
  width:43%;
  font-size:10px;
  margin-left:10px;
  margin-top:2px;
  color:#e79c15;
  }  
  
.releaseName2 {
  float:left;
  width:40%;
  font-size:10px;
  margin-left:10px;
  margin-top:2px;
  color:#e79c15;
  }  

.videoName2 {
  float:left;
  width:40%;
  font-size:10px;
  margin-left:10px;
  margin-top:2px;
  color:#e79c15;
  }   

A.releaseNames {
  color:#e79c15;
  }
  
A.videoNames {
  color:#e79c15;
  font-size:10px;
  }  
  
.releaseDetails {
  position:relative;
  padding:5px;
  border:1px solid #3C3C3C;
  margin-top:2px;
  font-size:11px;
  font-family:  Arial, Verdana, sans-serif;
  }
  
.videoDetails {
  position:absolute;
  z-index:999;
  padding:5px;
  border:1px solid #3C3C3C;
  background:#111111;
  width:198px;
  margin-top:2px;
  font-size:11px;
  font-family:  Arial, Verdana, sans-serif;
  text-align:left;
  }
  
#videoInfo {
  position:relative;
  width:65%;
  margin:auto;
  margin-top:30px;
  font-size:11px;
  } 
  
.videoText {
  font-size:11px;
  }         

.releaseInfo {
  width:190px;
  height:20px;
  position:absolute;
  bottom:-6px;
  left:55%;
  font-size:10px;
  margin-top:5px;
  }
  
.videoInfo {
  width:190px;
  height:20px;
  position:absolute;
  bottom:-6px;
  left:55%;
  font-size:10px;
  margin-top:5px;
  }  

.tabList {
  position:relative; 
  width:100%;

  }

.tabListVideo {
  position:relative; 
  width:100%;
  height:20px;
  }
  
.info {
  position:absolute;
  bottom:0px;
  right:5px;
  width:25px;
  border-left:1px solid #5F5F5F;
  border-right:1px solid #5F5F5F;
  border-top:1px solid #5F5F5F;
  padding:0 10px 0 10px;
  background: #A65300;
  color:#9F9F9F;
  font-size:9px;
  text-align:center;
  }
  
.infoVideo {
  position:absolute;
  bottom:0px;
  right:70px;
  width:20px;
  text-align:center;
  background:transparent;
  }  
  
.feedback {
  position:absolute;
  bottom:0px;
  right:120px;
  width:50px;
  border-left:1px solid #5F5F5F;
  border-right:1px solid #5F5F5F;
  border-top:1px solid #5F5F5F;
  padding:0 10px 0 10px;
  background: #5E0000;
  color:#9F9F9F;
  font-size:9px;
  text-align:center;
  }

.feedbackvideo {
  position:absolute;
  bottom:0px;
  right:50px;
  width:20px;
  text-align:center;
  }
  
.downloadvideo {
  position:absolute;
  bottom:0px;
  right:30px;
  width:20px;
  text-align:center;
  }
  
.videoLoader {
  position:absolute;
  bottom:0px;
  right:30px;
  width:20px;
  text-align:center;
  }  
  
.videoplay {
  position:absolute;
  bottom:-2px;
  right:3px;
  width:25px;
  text-align:center;
  }       

.mixes{
  position:absolute;
  bottom:0px;
  right:55px;
  width:40px;
  border-left:1px solid #5F5F5F;
  border-right:1px solid #5F5F5F;
  border-top:1px solid #5F5F5F;
  padding:0 10px 0 10px;
  background: #485465;
  color:#9F9F9F;
  font-size:9px;
  text-align:center;
  }  
      
  
SPAN.releaseLabel {
  font-size:10px;
  color:#8A4500;
  margin-top:2px;
  text-align:center;
  }
  
.videoLabel {
  position:absolute;
  bottom:2px;
  left:7px;
  font-size:10px;
  color:#8A4500;
  margin-left:2px;
  text-align:left;
  }  
  
.releaseGenre {
  width:25%;
  float:left;
  font-size:9px;
  color:#8F8F8F;
  margin-top:2px;
  text-align:center;
  }
  
.videoGenre {
  width:50px;
  position:absolute;
  left:0px;
  bottom:0px;
  font-size:9px;
  color:#8F8F8F;
  margin-top:10px;
  text-align:center;
  }
  
.listDateVideo {
  width:60px;
  position:absolute;
  right:5px;
  bottom:2px;
  font-size:8px;
  color:#8F8F8F;
  text-align:right;
  margin-top:12px;
  }     
  
SPAN.releaseArtist {
  font-size:10px;
  color:#556477;
  }
  
SPAN.videoArtist {
  font-size:10px;
  color:#556477;
  }  
  
.listViews {
  position:absolute;
  top:3px;
  right:20px;
  width:100px;
  }
  
SPAN.listText {
  display:none;
  }    
  
.listView {
  display: table-cell;
  float:left;
  background:url(images/list_view.gif) no-repeat 0 0;
  width:26px;
  height:21px;
  }
  
.listViewO {
  display: table-cell;
  float:left;
  background:url(images/list_view_o.gif) no-repeat 0 0;
  width:26px;
  height:21px;
  }
  
SPAN.listDate {
  color:#8F8F8F;
  font-size:8px;
  }    
  
.trackView {
  display: table-cell;
  float:left;
  background:url(images/track_view.gif) no-repeat 0 0;
  width:26px;
  height:21px;
  }
  
.trackViewO {
  display: table-cell;
  float:left;
  background:url(images/track_view_o.gif) no-repeat 0 0;
  width:26px;
  height:21px;
  }  
  
.fullView {
  display: table-cell;
  float:left;
  background:url(images/full_view.gif) no-repeat 0 0;
  width:27px;
  height:21px;
  }
  
.fullViewO {
  display: table-cell;
  float:left;
  background:url(images/full_view_o.gif) no-repeat 0 0;
  width:27px;
  height:21px;
  }      
  
.mixList { 
  position:relative;
  padding:1px;
  border-left:1px solid #3C3C3C;
  border-right:1px solid #3C3C3C;
  border-bottom:1px solid #3C3C3C;
  background:#191919;
  clear:left;
  font-size:9px;
  height:24px;
  }

.mixListRowOver { 
  position:relative;
  padding:1px;
  border-left:1px solid #3C3C3C;
  border-right:1px solid #3C3C3C;
  border-bottom:1px solid #3C3C3C;
  background:#232323;
  clear:left;
  font-size:9px;
  height:24px;
  }  

.mixListen {
  float:left;
  width:50px;
  text-align:center;
  vertical-align:middle;
  margin-left:20px;
  }  
  
.mixName {
  float:left;
  width:70%;
  margin-left:10px;
  margin-top:5px;
  }
  
.mixGenre {
  float:left;
  width:50px;
  margin-top:5px;
  }
  
.mixBeats {
  float:left;
  width:45px;
  margin-top:5px;
  }
  
.mixDownload {
  position:absolute;
  top:3px;
  right:5px;
  width:18px;
  }
  
.pageNav {
  float:left;
  margin:0 0 0px 0px;
  border:1px solid transparent;
  width:100%;
  }  

.pagination {
  position:relative;
  margin-left:-25px;
  margin-top:5px;
  }  
  
.pagination li          { border:0; margin:0; padding:0; font-size:9px; list-style:none; /* savers */ float:left; }
.pagination a           { border:solid 1px #505050; margin-right:2px; }
.pagination .previous-off,
.pagination .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
.pagination .next a,
.pagination .previous a { font-weight:bold; border:solid 1px transparent; }	
.pagination .active     { color:#8A4500; font-weight:bold; display:block; float:left; padding:4px 6px; }
.pagination a:link, 
.pagination a:visited   { color:#DFDFDF; display:block; float:left; padding:3px 6px; text-decoration:none; }
.pagination a:hover     { border:solid 1px #666666; }
.pagination .pageinmiddle     { font-weight:bold; display:block; float:left; padding:4px 6px; }

#chartMenu {
  position:relative;
  }

.chartDate {
  width:140px;
  float:right;
  font-size:10px;
  text-align:right;
  color:#5F5F5F;
  }
  
.moreChart {
  font-weight:bold;
  margin-top:10px;
  }
  
.smallCheck {
  font-size:10px;
  }

#downloadManager {
  width:355px;
  position:relative;
  padding:10px 5px 0px 5px;
  margin:3px 0 0 0;
  height:790px;
  overflow:auto;
  }
  
#downloadManagerVideo {
  width:350px;
  position:relative;
  padding:5px 5px 0px 3px;
  margin:0 0 0 0;
  height:460px;
  overflow:auto;

  }  
  
.downloadList {
  position:relative;
  width:100%;
  padding:0 0 3px 0;
  border:1px solid #3C3C3C;
  margin-top:2px;
  margin-right:3px
  clear:left;
  font-size:10px;
  }
  
.downloadCheck {
  float:left;
  width:20px;
  text-align:center;
  margin-top:5px;
  }
  
.downloadCheckVideo {
  float:left;
  width:20px;
  text-align:center;
  margin-top:0px;
  }  
  
.downloadTrack {
  float:left;
  width:70%;
  margin-left:5px;
  }
  
#videoHolder {  
  position:relative;
  width:100%;
  margin-right:8px;
  padding-left:5px;
  }
  
#whatshotHolder {  
  position:relative;
  width:100%;
  }  
  
.videoDown {
  float:left;
  width:70%;
  margin-left:5px;
  padding-top:3px;
  }  
  
.downloadBtn {
  float:right;
  width:25px;
  text-align:center;
  margin:1px;
  }

.downloadBtnVideo {
  float:right;
  width:25px;
  text-align:center;
  margin:0px;
  }
  
.downloadDel {
  float:right;
  width:25px;
  text-align:center;
  margin:1px;
  margin-top:3px;
  }
  
.downloadDelVideo {
  float:right;
  width:25px;
  text-align:center;
  margin:1px;
  margin-top:1px;
  }  
  
#downloadBox {
  position:relative;
  background:url(images/login.png);
  background-repeat:no-repeat;
  width:300px;
  height:200px;
  border:1px solid transparent;
  }

#downloadInfo {
  position:relative;
  width:355px;
  margin:0px;
  clear:left;
  }
  
.downloadSize {
  float:left;
  width:170px;
  font-size:10px;
  color:#8F8F8F;
  margin:5px;
  }
#downall {
  float:right;
  width:170px;
  text-align:right;
  } 
  
#releaseDetails {
  position:relative;
  width:80%;
  margin:auto;
  margin-top:30px;
  font-size:11px;
  height:100%;
  }
  
#videoDetails {
  position:relative;
  width:80%;
  margin:auto;
  margin-top:30px;
  font-size:11px;
  height:100%;
  }  
  
#submitDetails {
  position:relative;
  width:100%;
  margin:auto;
  margin-top:30px;
  
  }
  
.stdButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #4E4F4F;
	border-left: 1px solid #B2B2B2;
	border-top: 1px solid #B2B2B2;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding:1px 3px 1px 3px;
	cursor:pointer;
}  
       
SPAN.red {
  color:red;
  }
  
#releaseList {
  position:relative;
  width:70%;
  margin:auto;
  margin-top:30px;
  }
  
#videoList {
  position:relative;
  width:70%;
  margin:auto;
  margin-top:30px;
  }  

#videoFiles {
  position:relative;
  margin-top:60px;
  width: 100%;
  margin:auto;
	background: #111111;
	padding:10px 10px 10px 30px;
	color:#ffffff;
	font-family: Verdana, Arial, sans-serif;
	text-align:center;
	font-size:11px;
	}
	  
#videoList {
  position:relative;
  width:70%;
  margin:auto;
  }  
  
.releaseText {
  text-align:right;
  padding-right:10px;
  vertical-align:top;
  }
  
.videoText {
  text-align:right;
  padding-right:10px;
  vertical-align:top;
  }
  
.videoText2 {
  font-size:11px;
  }    
  
SPAN.filesize {
  font-size:9px;
  color:#2F2F2F;
  }
  
.pageHeading {
  width:50%;
  margin:20px;
  height:22px;
  background:#1F1F1F;
  border:1px solid #5F5F5F;
  font-weight:bold;
  font-size:12px;
  padding-left:50px;
  padding-top:8px;
  }
  
.pageHeading2 {
  position:relative;
  margin:20px;
  height:22px;
  background:#1F1F1F;
  border:1px solid #5F5F5F;
  font-weight:bold;
  font-size:12px;
  padding-left:50px;
  padding-top:8px;
  text-align:center;
  }   
  
.pageInput {
  margin-left:100px;
  line-height:30px;

  }
  
.arrows {
  position:absolute;
  right:200px;
  top:20px;
  width:70px;
  margin-top:-15px;
  border:1px solid transparent;
  }
  
#genreSelect {
  line-height:25px;
  }
  
.listInput {
  position:relative;
  width:90%;
  margin:auto;
  }
  
.listHeading {
  text-align:center;
  }
  
.selAll {
  position:absolute;
  right:10px;
  top:20px;
  width:100px;
  text-align:center;
  margin-top:-15px;
  margin-left:2px;
  border:1px solid transparent;
  }  
  
ul.drag {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 1px;
	width: 460px;
	font-size: 10px;
	color:#EFEFEF;
	font-family: Arial, sans-serif;

}
ul.drag li {
  position: relative;
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;
}

ul.ui-sortableList {
  list-style-type: none;
  width: 460px; 
  height: 400px; 
  position:relative;
	padding: 4px 4px 0 4px;
	margin-top:0;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #7F7F7F;
  color:#004080;
  font-weight:bold;
}

ul.ui-sortableList li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;
}

ul.ui-sortable {
  list-style-type: none;
  width: 460px; 
  height: 455px; 
  position: relative;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 450px;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #5B5B5B;
  color:#EFEFEF;
  font-weight:bold;
}

ul.ui-sortable li {
  position: relative;
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;
}


ul.ui-sortable2 {
  list-style-type: none;
  width: 460px;
  height: 350px; 
  position: relative;
	padding: 4px 4px 0 4px;
	margin-left: 35px;
	margin-top:0;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #7F7F7F;
  overflow-y: auto;
  overflow-x: hidden;
}
ul.ui-sortable2 li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;

}

ul.drag2 {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 1px;
	width: 460px;
	height: 350px;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #7F7F7F;
  overflow-y: auto;
  overflow-x: hidden;
  color:#EFEFEF;
}
ul.drag2 li {
  position: relative;
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;

}

ul.ui-sortable3 {
  list-style-type: none;
  width: 460px; 
  height: 350px; 
  position: relative;
	padding: 4px 4px 0 4px;
	margin-left: 35px;
	margin-top:0;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #7F7F7F;
  overflow-y: auto;
  overflow-x: hidden;

}
ul.ui-sortable3 li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;

}

ul.drag3 {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	height: 350px;
	margin: 1px;
	width: 460px;
	font-size: 10px;
	font-family: Arial, sans-serif;
  border: 1px solid #7F7F7F;
  overflow-y: auto;
  overflow-x: hidden;

}
ul.drag3 li {
  position: relative;
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6F6F6F;
	background-color: #4D4D4D;
	width:426px;

}

SPAN.red {
  color: #FF0000;
  }
  
SPAN.memberName {
   color:#EFEFEF;
   font-weight:bold;
   }
   
SPAN.divider {
  color:#8F8F8F;
  }
  
SPAN.club {
  color:#00FF80;
  font-weight:bold;
  }
  
SPAN.country {
  color: #0080C0;
  font-weight:bold;
  } 
  
SPAN.station {
  color:#80FFFF;
  font-weight:bold;
  }
  
SPAN.city {
  color:#CACA00;
  }
  
SPAN.organisation {
  color:#EFEFEF; 
  font-weight:bold;
  }
  
SPAN.state {
  color:#EFEFEF;
  font-weight:bold;
  }
  
.oContainer {
  width:1000px;
  position:relative;
  margin:auto;
  }
  
.dateHead {
  width:150px;
  float:left;
  clear:left;
  margin-left:200px;
  margin-right:15px;
  text-align:right;
  }
  
dateSelect {
  width:300px;
  float:left;
  }
  
.fetchList {
  position:relative;
  text-align:center;
  margin-top:50px;
  margin-bottom:50px;
  }
  
.saveMessage {
  margin:50px;
  text-align:center;
  font-weight:bold;
  color: #00AA55;
  }
  
.continue {
  margin-left:300px;
  }
  
.trackHeading {
  background:#666666;
  font-weight:bold;
  height:20px;
  }
  
.trackNum {
  width:50px;
  height:20px;
  text-align:center;
  }
  
.trackTitle {
  height:20px;
  padding-left:20px;
  }
  
.mixEdit {
  width:100px;
  height:20px;
  text-align:center;
  }
  
.trackRow {
  background:#333333;
  height:20px;
  }

.imgAction {
  cursor:pointer;
  }
  
#welcome {
  position:absolute;
  top:15px;
  left:220px;
  font-size:10px;
  }
  
#servicing {
  background:#E56C1F;
  padding:3px;
  padding-left:20px;
  margin-top:50px;
  }
  
.success {
  font-size:11px;
  color:#00FF00;
  }
  
SPAN.recovery {
  font-size:9px;
  color: #E7B818;
  text-decoration:none;
  }

.chartsHeading {
  float:left;
  width:160px;
  margin-left:1px;
  }
  
.chartPosition {
  position:absolute;
  bottom:0px;
  left:0px;
  width:160px;
  margin-right:10px;
  }
  
.chartHeading {
  float:left;
  width:25px;
  height:15px;
  background:#1F1F1F;
  color:#FFFFFF;
  text-align:center;
  font-size:10px;
  border-right: 1px solid #3C3C3C;
  border-top: 1px solid #3C3C3C;
  } 
  
.chartInfo {
  float:left;
  width:25px;
  height:15px;
  color:#FFFFFF;
  text-align:center;
  font-size:10px;
  border-top: 1px solid #3C3C3C;
  border-right: 1px solid #3C3C3C;
  } 
  
.chartPulldown {
  position:absolute;
  top:-5px;
  right:10px;
  width:100px;
  z-index:999;
  }

#searchTop {
  background:url(images/search_top.gif);
  width:201px;
  height:30px;
  }   

#searchBottom {
  position:relative;
  background:url(images/search_bottom.gif);
  width:201px;
  height:25px;
  padding-top:9px;
  }
  
#searchOptions {
  position:relative;
  background:url(images/search_body.gif);
  width:201px;
  height:135px;
  }
  
#advancedSearch {
  text-align:right;
  padding-right:8px;
  padding-top:12px;
  font-size:9px;
  }
  
#featuredCharts {
  position:relative;
  width:196px;
  margin-top:6px;
  text-align:center;
  }
  
SPAN.djCharts {
  font-size:11px;
  font-weight:bold;
  text-align:center;
  color:#E79C15;
  }
  
.djList {
  position:relative;
  width:196px;
  border:1px solid #3C3C3C;
  margin-top:2px;
  margin-left:5px;
  clear:left;
  }
  
.djReleaseName {
  float:left;
  width:150px;
  font-size:10px;
  padding-left:5px;
  text-align:left;
  }
  
.djImage {
  float:left;
  width:30px;
  vertical-align:middle;
  }
  
#djSelect {
  text-align:center;
  margin-top:10px;
  margin-left:3px;
  }
  
.djChartDate {
  text-align:right;
  font-size:9px;
  margin:3px;
  color:#E79C15;
  }
  
.djPlayList {
  position:relative;
  width:90%;
  border:1px solid #3C3C3C;
  margin-top:2px;
  margin-left:5px;
  clear:left;
  }
  
.djListName {
  float:left;
  width:45%;
  font-size:10px;
  padding-left:5px;
  text-align:left;
  }  
  
.history  {
   position:relative;
   clear:left;
   width:100%;
   }
   
.downloadHistory {
   background:#5B5B5B;
   }   
   
.historyHeading {
  background:#2C323B;
  color:#FFFFFF;
  font-weight:bold;
  }

.headerRow {
  padding:3px;
  }
  
.historyList {
  background:#111111;
  }    
  
.historyRow {
  padding:3px;
  }
  
.trackdownload {
  color:#FFFFFF;
  padding:3px;
}

.releasedownload {
  color:#E79C15;
  padding:3px;
}

.videodownload {
  color:#E79C15;
  padding:3px;
}

.artistdownload {
  color:#485465;
  padding:3px;
}

.labeldownload {
  color:#8A4500;
  padding:3px;
}

.faqBody {
  position:relative;
  width:100%;
  border:1px solid #3C3C3C;
  margin:1px;
  height:5000px;
  } 
  
.sortText {
  margin-left:20px;
  padding-top:10px;
  font-size:14px;
  }
  
SPAN.faqTopics {
  margin-left:20px;
  margin-bottom:10px;
  color:#84919B;
  font-size:14px;
  font-weight:bold;
  } 

SPAN.faqAsk {
  margin-left:20px;
  margin-bottom:10px;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  }
  
A.faqTop {
  font-weight:bold;
  color:#E79C15;
  }
  
.carouselHolder2{
  clear:left;
  position:relative;
	padding: 20px 0px 20px 0px;
	text-align:center;
  margin-left:213px;
  margin-top:-20px;
  }
  
.carousel2 {
  float:left;
  font-size:11px;
  border:1px solid #1D1D1D;
  padding:2px;
  margin-left:15px;
  margin-top:5px;
  }
  
.carouselHeading {
  position:relative;
  width:100%;
  font-weight:bold;
  text-align:left;
  margin-top:-10px;
  margin-left:0px;
  padding-top:10px;
  border-top:1px solid #5F5F5F;
  border-bottom:1px solid #5F5F5F;
  height:30px;
  }
  
SPAN.radarText1 {
  font-size:10px;
  }
  
SPAN.radarText2 {
  font-size:10px;
  color: #E79C15;
  }
  
.releaseDate {
  width:70px;
  position:absolute;
  top:3px;
  right:0px;
  }
  
.videoDate {
  width:70px;
  position:absolute;
  top:3px;
  right:0px;
  }  
  
.mainChart {
  font-weight:bold;
  padding:3px;
  padding-left:45px;
  }
  
.mail {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 
.inbox {
  background:url(images/inbox.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }   
  
.trash {
  background:url(images/trash.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }
  
.sent {
  background:url(images/sent.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }
  
.compose {
  background:url(images/compose.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }
  
.create {
  background:url(images/create.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }
  
.delete {
  background:url(images/trash.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  }  
  
.generic {
  background:url(images/generic.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 25px;
  margin: .4em 0;
  line-height:16px;
  } 
  
.cssbox_head {
   background:url(images/hbar_bg.gif);
   height:25px;
   padding-left:20px;
 }
 
.cssbox_head h3 { 
 padding: 5px 0px 0px 15px;
 color:#ffffff;
 font-size:14px;
 }
 
 .read {
  font-weight:bold;
  }
  
.unread {
  font-weight:bold;
  color:#3C4BAA;
  }
  
.time {
  font-size:9px;
  font-weight:bold;
  color:#4F4F4F;
  }  
  
.messageBox {
  background:url(images/messagebox.gif);
  width:440px;
  height:296px;
  }
  
.messageBox2 {
  background:url(images/login.png);
  width:300px;
  height:200px;
  }  




.pagination li { border:0; margin:0; padding:0; font-size:9px; list-style:none; /* savers */ float:left; }

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #505050;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #666666;

	color: #FF8040;
}

span.current {
	padding: 3px 6px 3px 6px;
	margin: 2px;
		border: 1px solid #666666;
		display:block;
		font-weight: bold;
		background-color: #313131;
		color: #FFF;

	}

span.disabled {
		padding: 3px 6px 3px 6px;
		margin: 2px;
		border: 1px solid #313131;
		color: #5F5F5F;

		display:block;
	}
	
SPAN.elipses {
		padding: 2px 6px 2px 6px;
		margin: 2px;
		color: #FFFFFF;

		display:block;
	}
	
SPAN.pageResults {
  padding: 2px 6px 2px 6px;
		margin: 2px;
  font-size:9px;
  font-weight:bold;
  color:#FFFFFF;
  }	
  
.bulkDownload {
  position:relative;
  clear:both;
  margin-bottom:3px;
  width:300px;
  font-weight:bold;
  color:#ffffff;
  padding-left:20px;
  }
  
.listHeader {
  position:relative;
  height:28px;
  background:url(images/hbar_bg.gif);
  margin:5px;
  }    

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star_small.gif) left -1000px repeat-x;
}
  
.star-rating{
	position:relative;
	width:50px;
	height:10px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:10px;
	line-height:10px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
	_background-position: 0% 125%;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
	_background-position: 0% 60%;
}

SPAN.rating {
  font-size:10px;
  }
  
.copyrightText {
  width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	margin-bottom:2px;
	}
	
#chartSearch {
/*  position:absolute;
  top:320px;
  right:330px;*/

  }				                                                                                                                                  .downinfo
{
	font-size:10px;
	color:#8f8f8f;
}
.downrelease
{
	color:#e79c15;
}