body {

}

#doc3 { 
  margin: auto;
}

#ft { 
  text-align: left;
  color: #ccc;
  margin-top: 20px;
  margin-left: 20px;
}

#hd {  
  background: url(/images/header-gradient7.gif) repeat-x;  
  height: 96px;
  margin-bottom: 20px;
}

#bd { 
  margin: auto;
}

img { 
  border: none;
}

a:link, a:visited, a:active { color: #000; }

#logo {
  float: left;
  margin-top: 22px;
  margin-left: 15px;
}

#util {
  float: right;
  margin-right: 20px;
  margin-top: 15px;
  text-align: right;
  font-size: 85%;
  font-weight: bold;
  color: #000;
}

#util a { 
  color: #000;
  text-decoration: none;
}

#util span {
  padding-left: 3px;
  padding-right: 3px;
}

#search {
  margin-top: 5px;
}

#search_query {
  width: 155px;
  color: #000000;
  font-size: 12px;
}

#right-ad {
  text-align: right;
  margin-right: 20px;
}

#left-nav {
  margin-left: 22px;
  background: url(/images/left-nav-gradient.gif) repeat-x;
  height: 520px;
  width: 160px;
}

#login-nav {
  margin-left: 22px;
  background: url(/images/left-nav-gradient.gif) repeat-x;
  height: 375px;
  width: 160px;
}

#left-ads { 
  margin-left: 22px;
  width: 160px;
}

#login_message, .login_message { 
  color: #ff0c2d;
  font-size: 114%;
}

#left-nav ul li { 
  height: 16px;
  color: #ff0c2d;
  font-size: 11px;
  padding-left: 15px;
  padding-top: 3px;                  
  padding-bottom: 3px;                  
  border-bottom: 1px dashed #b6b6b6;
}

#login-nav ul li { 
  color: #000;
  font-size: 9px;
  padding-left: 10px;
  padding-top: 3px;                  
  padding-bottom: 3px;                  
  padding-right: 10px;
}

#login-nav input { 
  font-size: 11px;
}

#left-nav ul li a { 
  color: #3e3e3e;
  text-decoration: none;
}

#left-nav ul li a:hover, #login-nav ul li a { 
  color: #ff0c2d;
}

#left-nav ul li.on a { 
  color: #ff0c2d;
}

#left-nav ul li.section-title, #login-nav ul li.section-title { 
  background: #a7a7a7;
  color: #ececec;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 1px;
  margin-bottom: 7px;
  border: none !important;
}

.contents { 
  margin-left: 20px; 
} 

.contents .content { width: 120px; padding-bottom: 20px; text-align: left; }

.contents .still { margin-bottom: 4px; }
.contents .still img { border: 1px solid #CCC; }
.contents .title a { font-weight: bold; color: #000; font-size: 100%;
/*   font-family: Trebuchet MS;  */
  text-decoration: none;
}

.contents .title a:hover {
  text-decoration: underline;
}

.content .artist { 
  color: #3e3e3e;
  font-size: 92%;
}

.content .added { 
  color: #626262;
  font-size: 72%;
  margin-top: 5px;
}

.content .added .when { 
  color: #000;
}

.contents table th, .report-header { 
  font-weight: bold;
  font-size: 97%;                     
  background: #d9d8d8;
  padding: 5px;
}

.contents table td { 
  color: #636363;
}

#content-show { 
  width: 100%;
  border-collapse: collapse;
}

.content-show td {
  vertical-align: top;
}

.content-files { 
  width: 100%;
  border-collapse: collapse;
  margin-left: 5px;
}

.content-files th { 
  background: #d8d9d9;
  color: #3E3E3E;
  font-weight: bold;
  font-size: 85%;
  padding: 5px;
}

.content-files td { 
  color: #626262;
  padding: 5px;
 }

.content-files tr.odd { 
  background: #fff;
}

.content-files tr.odd { 
  background: #f1f0f0;
}

.line { 
  margin-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
}


#main-content { 
  margin-left: 20px;
}

#artwork img { 
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
}

#meta { 
  text-align: left;
  margin-left: 20px;
  font-family: Trebuchet MS;
}

#meta h1 { 
  font-size: 150%;
  font-weight: bold;
}

#meta h2 { 
  font-size: 92%;
  font-weight: bold;
}

#meta .info { 
  font-size: 85%;
  font-weight: bold;
  color: #000;
}

#meta .info .label { 
  color: #3e3e3e;
  font-weight: normal;
}

#meta .info .contact { 
  color: #626262;
  font-weight: normal;
}

#meta .info .contact p { 
  margin-bottom: 10px;                         
}

#music_player { 
  margin-left: 5px;
}

#tracks { 
  margin-top: 10px;
  border-collapse: collapse;
}

#tracks td, #tracks th { 
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-align: left;
}


/* List View */
.list-table tr {  
  vertical-align: top;
}

.list-table th {  
  text-align: left;
  padding-bottom: 5px;
}

.list-table th, td {  
  padding-top: 5px;
}

.list-table tr.even td { 
  background: #333;
}

.list-table tr.odd td { 
  background: #000;
}

#feedback-form { 
  margin-top: 10px;
  font-family: arial;
  font-size: 100%;
  color: #3E3E3E;
  font-weight: bold;
  width: 300px;
}

#feedback-form textarea { border: 2px solid #cfcfcf; font-size: 142%; }

/* #feedback-form ul li {  */
/*   padding: 5px; */
/* } */

#feedback-form .buttons { 
  margin-top: 10px;
  text-align: right;
}

/* Form errors */
.errorExplanation { 
  width: 100%;
  border: 1px solid #e78787;
  margin-bottom: 10px;
  background-color: #fff2f2;
  font-size: 100%;
  padding-bottom: 10px;
  margin-top: 10px;
}

.errorExplanation h2 { 
  background-color: #df0000;
  color: #fff;
  padding: 3px 10px 3px 10px;
  font-weight: bold;
  font-size: 114% !important;
  margin-bottom: 10px;
}

.errorExplanation p, .errorExplanation ul { 
  padding: 3px 10px 3px 10px;
}

.errorExplanation ul li { 
  margin-left: 30px;                       
}

.errorExplanation ul { 
  list-style-type: square;
}

.fieldWithErrors { 
  display: inline !important;
  padding: 0;
  margin: 0;

}

/* .fieldWithErrors input, .fieldWithErrors textarea {  */
/*  border: 2px solid #DF0000 !important; */
/* } */

/* Headers */
.header { 
  background: #ededed;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-weight: bold;
  color: #3E3E3E;
  font-size: 98%;
  border-bottom: 2px solid #c1c1c1;
}

.top-downloads { 
  margin: 0;
  padding: 0;
  margin-top: 10px;
  width: 100%;
}

.top-downloads th { 
  background: #a3a3a3;
  padding: 5px 5px 2px 5px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #aeaeae;
  border-left: 1px solid #cecece;
}

.top-downloads td { 
  padding: 5px;
  color: #oeoeoe;
  text-align: left;
  vertical-align: middle;
}

.top-downloads td.rank { 
  color: #a6a6a6;
  font-weight: bold;
  font-size: 200%; 
  padding-left: 10px;                        
  width: 15px;
  font-style: italic;
}

.top-downloads td.artist { 
  border-left: 0 !important;
}
.top-downloads td.image { 
  border-right: 0 !important;
}

.top-downloads tr.even td { 
  background: #fff;
}

.top-downloads tr.odd td { 
  background: #ededed;
}

.info-box { 
  width: 100%;
  margin-top: 10px;
  margin-left: 10px;
  color: #000;
  font-size: 107%;
  font-family: Trebuchet MS;
 }

#faq { 
  margin-top: 20px;
}

#faq li.question { 
  background: #ededed;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
  border-top: 2px solid #c8c8c8;
}

#faq li.answer { 
  color: #3E3E3E;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.info-box p.strong { 
  font-weight: bold;
   margin-left: 10px; 
}

.pager { 
  margin-top: 30px;
/*   font-size: 92%; */
  color: #999;
  padding-left: 20px;
}

.pager a { 
  color: #ff0c2d; 
  text-decoration: none;
}

.pagination {
	padding: 3px;
	margin: 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #000;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000;
	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000;
	font-weight: bold;
	background-color: #999;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
}

/*             styles for the star rater                */
.star-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 110px;
	height: 22px;
	position: relative;
        background: url(/images/star_rating2.gif) top left repeat-x;		
  /* needed so onmouseout events that fire when leaving the left border of star-rating pick up the star-rating-box as the related target*/
  margin-left: 5px; 
}

.star-rating li {
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

.star-rating li a {
	display:block;
	width:20px;
	height: 22px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.star-rating li a:hover {
	background: url(/images/star_rating2.gif) left bottom;
	z-index: 1;
	left: 0px;
}

.star-rating li.selected a {
     background: url(/images/star_rating2.gif) left bottom;
     z-index: 1;
     left: 0px;
}

.star-rating a.one-star {
	left: 0px;
}

.star-rating a.one-star:hover, .star-rating li.selected a.one-star {
	width:22px;
}

.star-rating a.two-stars {
	left:22px;
}

.star-rating a.two-stars:hover, .star-rating li.selected a.two-stars {
	width: 44px;
}

.star-rating a.three-stars { 
	left: 44px;
}

.star-rating a.three-stars:hover, .star-rating li.selected a.three-stars { 
	width: 66px;
}

.star-rating a.four-stars { 
	left: 66px;
}	

.star-rating a.four-stars:hover, .star-rating li.selected a.four-stars {
	width: 88px;
}

.star-rating a.five-stars {
	left: 88px;
}

.star-rating a.five-stars:hover, .star-rating li.selected a.five-stars {
	width: 110px;
}

.forgot-password th, td { 
  padding: 5px;
}


.feedback {  
  margin-left: 10px;
  margin-top: 20px;
  color: #6d6d6d;
}

.view-record .header { 
/*   margin-top: 20px; */
/*   width: 80%; */
}

.view-record .field-group { 
  margin-bottom: 20px;
}

.view-record table { 
  margin-left: 20px;
}

.view-record table th { 
  font-weight: bold;
}

.view-record table th, .view-record table td,  { 
  vertical-align: top;                                                 
}

.view-record table td  { 
  padding-bottom: 5px;
}

.contents tr.even td { 
  background: #fff;
}

.contents tr.odd td { 
  background: #d9d8d8;
  color: #000;
}

#twitterbox {
    margin-left: 5px;
}

#twitterbox li {
    padding-top: 5px;
}

#twitterbox li a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
}