@charset "UTF-8";


/* ------------- Global Styles ------------- */

body {
	margin: 0px;
	background: #eaeaea;
}

body.event{
        background-color:#ffffff;
        background-repeat:repeat;
        background-image:url(http://static.djbooth.net/images/ads/event/event-20-20-skin.gif);
        background-position:top center;
        margin:0
}


body.smif{
        background-color:#000000;
        background-repeat:no-repeat;
        background-image:url(http://static.djbooth.net/images/ads/smif-skin.jpg);
        background-position:top center;
        margin:0
}


body.ams{
        background:#eaeaea;
        margin:0
}

.global-content-container {
        width: 980px; margin: 0 auto 0 auto;
}

.large-text{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #111111;
}


.large-text a:link, .large-text a:visited, .large-text a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.large-text a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}


.med-text{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
}


.med-text a:link, .med-text a:visited, .med-text a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.med-text a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

.med-text li {
       font-family:Arial, sans-serif, Helvetica;
       font-size: 12px;
       color: #111111;
       line-height:130%;
       padding-bottom:5px;
       padding-top:2px;
}


.med-text-bold{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
        font-weight:bold;
}

.small-text{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #333333;
}


.small-text a:link, .small-text a:visited, .small-text a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #02232A;
	text-decoration:none;
}

.small-text a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 11px;
	color: #F57E22;
	text-decoration:underline;
}


.press-release {
        margin:10px 50px 0 50px; 
        padding:5px 10px 5px 10px; 
        border:1px solid #444444; 
        background-color:#eeeeee;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
        font-style: italic; 
}


.index-link a:link, .index-link a:active, .index-link a:visited {
	color: #010101;
	background: #feb80f;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 5px;
        margin: 0 7px 0 0;
        float:right;
}

.index-link a:hover {
	color: #feb80f;
	background: #010101;
}

.clear {clear:both;}


/* ----------------- 728x90 leaderboard ad -------------------------- */

.leader-container {
             width: 730px;
             height:90px;
             padding: 0px 0 0px 235px;
}


/* ----------------- Expandable Container -------------------------- */

.expandable-container {
             width: 960px;
             padding: 10px 10px 0 10px;
             background: #fff;
}


/* --------- Header CONTAINER ----------- */

.header-container {
            padding: 28px 0 0px 0;
            width: 980px;
            position:relative;
}

.logo {
            position: absolute;
            top: 14px;
            padding-left: 6px;
            z-index: 9999;
}

.search-container {
            position: relative;
            padding-top: 35px;
}

.search-container .inner {
           width: 980px;
           height: 47px;
           background: url(http://static.djbooth.net/images/inner-nav-bg.png) no-repeat;
}

.search-container .inner p {
           font: italic 12px Arial, Helvetica, Sans-serif;
           color: #ffffff; width: 560px;
           text-align: right;
          padding: 8px 20px 0 0; 
          *padding: 20px 20px 0 0;
          float: left;
}

.search-container .inner form {
          float: right;
          width: 400px;
          padding: 10px 0 7px 0;
}

.search-container .inner form .inputtext {
          width: 306px;
          height: 20px;
          border: none;
          font: bold 15px Arial, Helvetica, Sans-serif;
          padding: 6px 11px 4px 11px;
          float: left;
}

.search-container .inner form .go-btn {
          width: 37px;
          height: 30px;
          float: left;
          padding-left: 11px;
}

.search-container .tl {
          position: absolute;
          width: 14px;
          height: 14px;
          top: 35px; 
          left: 0px;
}

.search-container .tr {
         position: absolute;
         width: 14px;
         height: 14px;
         top: 35px;
         right: 0px;
}


/* --------- Main Navigation CONTAINER ----------- */

.main-navigation {
          width: 980px;
          height: 32px;
          background: #000;
}

.main-navigation ul {
          float: left !important;
          width: 980px !important; ;
	  height: 22px;
          margin: 0px;
          padding: 8px 0 0 14px;
}

.main-navigation ul li {
          float: left;
          width: auto;
          list-style-type: none;
          padding: 0 0px;
          font: bold 14px Arial, Helvetica, Sans-serif;
          text-transform: capitalize;
          word-spacing: 3px;
}

.main-navigation ul li a:link, .main-navigation ul li a:visited, .main-navigation ul li a:active {
          color: #feb80f;
          text-decoration: none;
          font: bold 14px Arial, Helvetica, Sans-serif;
          padding: 16px 14px 10px 14px;
}

.main-navigation ul li a:hover {
          color: #fff;
}

.main-navigation .activeOn a:link, .main-navigation .activeOn a:active, .main-navigation .activeOn a:visited {
         color: #000; background-color: #fff;
}

.main-navigation .selected a:link {
         color: #ffffff; text-decoration: none;
}



/* --------- Content CONTAINER ----------- */

.content-container {
	width: 980px;
        height: auto;
        overflow:auto;
       /* display: table; */  /* this css allows the content to auto-expand on all browsers, see http://gtwebdev.com/workshop/floats/enclosing-floats.php.  NOTE:  This caused issues with the content-right div appearing below the content left div.  Used overflow auto as a replacement. */
	background-color: #fff;
}


.content-left {
	width:620px;
        margin: 15px 0 20px 20px;
	float:left;
        overflow:hidden;
        display: inline;
}

.content-right {
	width:300px;
	float:right;
	margin:15px 20px 20px 20px;
        display: inline;
}

.content-full {
        margin: 20px 20px 20px 20px;
}



/*---------------- Subnavigation -----------------------*/

.sub-nav-previous a:link, .sub-nav-previous a:active, .sub-nav-previous a:visited {
	color: #010101;
	background: #feb80f;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 7px;
        margin: 0 42px 0 0;
        float:left;
        text-align:center;
        width:95px;
}

.sub-nav-previous a:hover {
	color: #feb80f;
	background: #010101;
}

.sub-nav-next a:link, .sub-nav-next a:active, .sub-nav-next a:visited {
	color: #010101;
	background: #feb80f;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 7px;
        margin: 0 0 0 42px;
        float:left;
        text-align:center;
        width:95px;
}

.sub-nav-next a:hover {
	color: #feb80f;
	background: #010101;
}



.sub-nav  a:link, .sub-nav a:active, .sub-nav a:visited {
	color: #010101;
	background: #ccc;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 7px;
        margin: 0 1px 0 0;
        float:left;
        width:90px;
        text-align:center;
}

.sub-nav a:hover {
	color: #feb80f;
	background: #010101;
}



/*---------------- Homepage ----------------------------- */

.feature-container {
	float:left;
	width: 620px;
}

.feature-img-container {
       float:left; 
       margin:0px 15px 15px 0;
       padding:0;
}

.feature-title a:link, .feature-container a:visited, .feature-container a:active{
       font: 22px Helvetica, Arial, sans-serif;
       color: #000000;
       line-height:110%;
       margin-top:0px;
       font-weight: bold;
       text-decoration:none;
}

.feature-title a:hover {
	color: #F57E22;
	text-decoration:none;
        font-weight: bold; 
}

.feature-container p {
       font: 15px Helvetica, Arial, sans-serif;
       color: #191919;
       line-height:130%;
       margin:15px 0 15px 0;
       font-weight: normal;
}

img.feature-img {
       border: 2px solid #000000;
       display:block;
}

a:hover img.feature-img {
        border: 2px solid #F57E22;
}

.feature-left {float:left;}

.feature-social {
        margin:15px 0 0 0;
}

.feature-link a:link, .feature-link a:active, .feature-link a:visited {
	color: #010101;
	background: #E9E9E9;
	font: bold 11px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 7px 7px 7px 7px;
        margin: 15px 15px 0 0;
        border: 1px solid #cccccc;
        float:right;
}

.feature-link a:hover {
	color: #feb80f;
	background: #010101;
}

.feature-line {
         clear:both; 
         margin:0 0 15px 0;
         display:block;
}


.boxad {
	width:300px;
	height:250px;
	float:left;
        display: inline;
}

.housead {
	padding-top:20px;
	padding-bottom:23px;
	width:300px;
	height:90px;
	float:left;
        display: inline;
}

.like-box {
        float:left; 
       display:inline; 
       width:275px; 
       height:94px; 
       margin:20px 0 18px 0; 
       padding:0 0 0 25px; 
       border:1px solid #c9c9c9;
}



.filter-link a:link, .filter-link a:active, .filter-link a:visited {
	color: #010101;
	background: #feb80f;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 5px;
        margin: 0 7px 0 0;
        float:left;
}

.filter-link-selected a:link, .filter-link-selected a:active, .filter-link-selected a:visited {
	color: #feb80f;
	background: #010101;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 5px;
        margin: 0 7px 0 0;
        float:left;
}

.filter-link a:hover {
	color: #feb80f;
	background: #010101;
}


.home-charts {
        float:left;
        width:300px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
}

.home-charts h3 {
        margin: 15px 0 0 0;
        padding:0;
}

.home-charts h3 a:link, .home-charts a:visited, .home-charts a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
        margin: 15px 0 0 0;
        padding:0;
}


.home-charts h2 a:link, .home-charts a:visited, .home-charts a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
        margin: 15px 0 0 0;
        padding:0;
}

.home-charts-image-container {
        margin: 0 10px 10px 0;
        vertical-align: middle; 
        padding:0;
        float:left;
}

img.home-charts-image  {
        border: 2px solid #000000;
}

a:hover img.home-charts-image {
        border: 2px solid #F57E22;
}


.home-charts h3 a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

.home-charts-line {
        display:block;
        margin:0 0 5px 0;
}

.home-charts a:link, .home-charts a:visited, .home-charts a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.home-charts a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

.home-mid-1 {
        clear:both;
        width:980px;
}

.home-breaking {
        float:left;
        width:760px;
        margin:5px 0 25px 20px;
}

.home-sky-ad {
       float:left;
       width:160px;
       margin:5px 20px 25px 20px;
}

.home-mid-2 {
        clear:both;
        width:980px;
}

.home-mixtapes {
      clear:both;
      float:left;
      width:620px;
      margin:0 0 0 20px
}

.home-fb-share {
      float:left;
      width:160px;
      margin:0 20px 0 20px;
}

.home-bottom {
        clear:both;
        width:980px;
}

.home-bottom-box {
       float:left;
       width:300px;
       margin:25px 0 20px 20px;
}

.vertical-box {
        margin:10px 25px 0 0;
        float:left;
        width:130px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
}

.vertical-box1 {
        margin:10px 0 0 0;
        float:left;
        width:130px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
}

.vertical-box-link {
        text-align:center;
        padding: 3px 0 3px 0;
}

.vertical-box-link a:link, .vertical-box-link a:visited, .vertical-box-link a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.vertical-box-link a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

img.vertical-img  {
        display:block; 
        border: 2px solid #000000;
}

a:hover img.vertical-img {
        border: 2px solid #F57E22;
}

/*---------------- Text Headers ------------------------- */

.head-text {
	font: 17px Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
        font-weight: bold;
        background-color:#191919;
        margin:0 0 5px 0;
        padding-top:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-left:5px;
        text-transform: uppercase;
        text-decoration:none;
 }

.head-text a:link, .head-text a:visited, .head-text a:active{
	font: 17px Century Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
        font-weight: bold;
        background-color:#191919;
        margin:0 0 5px 0;
        padding-top:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-left:5px;
        text-transform: uppercase;
        text-decoration:none;
 }

.subhead-text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        margin: 0 0 10px 0;
}

.subhead-text a:link, .subhead-text a:visited, .subhead-text a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        font-weight: bold;
        text-decoration:none;
}

.subhead-text a:hover {
	color: #F57E22;
	text-decoration:none;
        font-weight: bold; 
}


.head-text-plain {
	font: 18px Century Gothic, Arial, Helvetica, sans-serif;
	color: #000000;
        font-weight: bold;
        margin:0 0 0 0;
        padding:0 0 0 0;
        text-transform: uppercase;
 }


/* --------------- Index Pages ------------------- */

.post-container {
	float:left;
	width: 600px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

.subtext-left  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        text-align:left;
        margin:0 0 10px 0;
        font-weight:bold;
}

.subtext-right  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        text-align:right;
        margin:5px 0 10px 0;
}

.subtext-right a:link, .subtext-right a:visited, .subtext-right a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
}

.subtext-right a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
}


.post-container h2{
       font: 22px Helvetica, Arial, sans-serif;
       color: #000000;
       line-height:110%;
       margin-top:0px;
       margin-bottom:5px;
       font-weight: bold;
}

.post-container h2 a:link, .post-container h2 a:visited, .post-container h2 a:active{
       font: 22px Helvetica, Arial, sans-serif;
       color: #000000;
       line-height:110%;
       margin-top:0px;
       font-weight: bold;
       text-decoration:none;
}

.post-container h2 a:hover {
	color: #F57E22;
	text-decoration:none;
        font-weight: bold; 
}

.post-container p a:link, .post-container p a:visited, .post-container p a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
}

.post-container p a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
}

.more {float:right; margin: 10px 0 0 0;}

.more a:link, .more a:visited, .more a:active{
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
        font-weight:bold;
}

.more a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}



.more-box a:link,.more-box a:active,.more-box a:visited {
        color:#010101;
        background:#e9e9e9;
        font:bold 12px Arial, Helvetica, Sans-serif;
        text-decoration:none;
        float:left;margin:0 10px 5px 0;
        padding:5px
}

.more-box a:hover {background:#feb80f;}




/* --------------- Entry Pages --------------*/

.entry-details  {
        float:left; 
        width:310px;
        margin: 5px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
        text-align:left;
        overflow:hidden;
}

.entry-details a:link, .entry-details a:visited, .entry-details a:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:underline;
        font-weight:bold;
}

.entry-details a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}

.entry-bullets  {
        width:300px; 
        margin:7px 0 12px 5px;
}

.entry-bullets TD {vertical-align:top;}

.entry-text {
	font: 13px Arial, Helvetica, sans-serif;
	color: #111111;
        margin: 7px 0 0 0;
        line-height:140%;
}

.entry-text a:link, .entry-text a:visited, .entry-text a:active {
	font: 13px Arial, Helvetica, sans-serif;
	color: #06414D;
        text-decoration: underline;
        font-weight:bold;
        line-height:140%;
}

.entry-text a:hover {
	font: 13px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
        line-height:140%;
}

.entry-text p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #111111;
        margin:0 0 7px 0;
        line-height:140%;
}

.entry-text p a:link, .entry-text p a:visited, .entry-text p a:active {
	font: 13px Arial, Helvetica, sans-serif;
	color: #06414D;
        text-decoration: underline;
        font-weight:bold;
        line-height:140%;
}

.entry-text p a:hover {
	font: 13px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
        line-height:140%;
}

.entry-author  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        text-align:right;
        margin:0 0 7px 0;
}

.entry-author a:link, .entry-author a:visited, .entry-author a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
}

.entry-author a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
}

.entry-rating  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        font-weight:bold;
        margin: 7px 0 12px 50px;
}

.track-icons {
	width: 275px;
        table-layout: fixed;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	margin: 5px 0 0 0;
	border-collapse: collapse;
        word-wrap:break-word;
	font-family:arial;
	font-size: 14px;
	color: #F57E22;
	text-decoration:bold;
				}

.track-icons a:link, a:visited, a:active {
	font-family:verdana;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.track-icons a:hover {
	font-family:verdana;
	font-size: 12px;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}

/*---------------Purchase-------------*/

.purchase {
        float:left; 
        width:290px; 
        text-align:center; 
        border:1px solid #1A2F4F; 
        font-family:Arial, sans-serif, Helvetica;
        font-size:13px;
        color:#1A2F4F;
        font-weight:600; 
        margin:5px 0 10px 0; 
        padding:7px 5px 7px 5px;
}

.purchase p {
        margin:7px 0 7px 0
}

.purchase-premium {
        width:130px; 
        float:left; 
        margin:0 20px 10px 5px;
        color:#191919
}

.purchase-premium p {
        text-align:left; 
        font: 11px Arial, Helvetica, sans-serif; 
        color:#555555; 
        margin:3px 0 7px 5px;
}

.purchase-free {
        width:120px;
        float:left; 
        margin:0 0 20px 0;
        color:#191919;
}


.purchase-free p {
        text-align:left; 
        font: 11px Arial, Helvetica, sans-serif; 
        color:#555555; 
        margin:3px 0 7px 20px;
}

.purchase-streaming  {
        clear:both;
        text-align:center; 
        margin:15px 0 0 0;
}

.purchase-streaming a:link, .purchase-streaming a:visited, .purchase-streaming a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:underline;
        font-weight:bold;
}



/*---------------Recommendations-------------*/

.recommendation-header {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #111111;
        font-weight:bold;
        text-align:center;
}

.recommendations {
        width:130px;
        margin:0 7px 10px 9px;
        text-align:center;
        float:left;
}

.recommendations a:link, .recommendations a:visited, .recommendations a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.recommendations a:hover {
	color: #F57E22;
	text-decoration:none;
}

.recommendations img    {
        border:2px solid #000000;
        margin:0 3px 0 0;
}

.recommendations a:hover img {
        border: 2px solid #F57E22;
}

/* --------------- Ratings and Comments --------------*/

.comment-login {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
}

.comment-login a {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:underline;
        font-weight:bold;
}

.comment-login a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

table.comment {
	width: 600px;
        table-layout: fixed;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #F3F3F3;
	margin: 0px;
	border-collapse: collapse;
        word-wrap:break-word;
	font: 13px Arial, sans-serif, Verdana, Helvetica;
	color: #111111;
				}

.username a {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.username a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}

.comment-rating {
        float:left;
        text-align:left;
	font: 10px sans-serif, Verdana, Helvetica, Arial;
	color: #111111;
        margin: 0 0 15px 0;
}

.top-rated-songs {
        float:right;
        text-align:right;
        margin: 0 7px 15px 0;
}

.top-rated-songs a:link, .top-rated-songs a:visited, .top-rated-songs a:active {
	font: 11px Arial, sans-serif, Helvetica;
	color: #111111;
        text-decoration:underline;
}

.top-rated-songs a:hover {
	font: 11px Arial, sans-serif, Helvetica;
	color: #F57E22;
        text-decoration:underline;
}

.commentbox {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
        border-style:groove;
        border-color:#F57E22;
        background-color:#eeeeee;
        width:285px; 
        height:110px;
        padding:5px;
}

.rating_form {
        padding: 10px 10px 10px 10px;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
}

.rating_form a:link, .rating_form a:visited, .rating_form a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
}

.rating_form a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
}


.ratings-box {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
        border-style:groove;
        border-color:#006699;
        background-color:#ffffff;
        width:370px; 
        height:110px;
        padding:5px;
        margin: 0 10px 0 0;
        float:left;
       overflow: auto;
}


.ratings-show   {
        float:left;
        margin:0 15px 10px 0;
}

.ratings-buttons   {
        float:left;
        margin:0 0 10px 3px;
}

.ratings-login-container   {display:none;}

.ratings-login-container p {
        margin: 7px 0 5px 0;
        text-align:center;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #ff0000;
        font-weight:bold;
}

.ratings-login   {
        float:left; 
        width:170px;
        height:233px;
        border:1px solid black; 
        padding:7px 10px 7px 10px; 
        margin:7px;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
}


.ratings-login a:link, .ratings-login a:visited, .ratings-login a:active{
	color: #02232A;
}

.ratings-login a:hover {
	color: #F57E22;
}

.ratings-login p  {
        margin: 0 0 10px 0;
        text-align:center;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #111111;
        font-weight:bold;
}

.ratings-login .input {
        margin: 0 0 5px 0;
        width: 160px
}

.ratings-submit  {
        margin:12px 0 12px 0;
        text-align:center;
}

/* --------------- Featured Members --------------*/

.featured-member-pic  {
        float:left;
        margin: 0 20px 5px 0;
}

.featured-picks {
        margin:0 0 5px 0;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #111111;
        font-weight:bold;
}

.featured-member-tracks  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        margin: 0 0 0 5px;
        padding:0 0 0 5px;        
}

.featured-member-tracks a:link, .featured-member-tracks a:visited, .featured-member-tracks a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        font-weight: bold;
        text-decoration:none;
}

.featured-member-tracks a:hover {
	color: #F57E22;
	text-decoration:none;
        font-weight: bold; 
}

.featured-interview-link  {
	clear:both;
        margin: 0 0 25px 0;
}

.featured-interview-link a:link, .featured-interview-link a:visited, .featured-interview-link a:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #111111;
        font-weight: bold;
        text-decoration:none;
}

.featured-interview-link a:hover {
	color: #F57E22;
	text-decoration:none;
        font-weight: bold; 
}
       

/* --------------- Radio Player --------------*/

#radio-box   {
                  border:1px black solid;
                  background-color:white;
                  width:740px;
                  height:630px;
                  }

.player-details  {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
        text-align:left;
}

.player-details a:link, .player-details a:visited, .player-details a:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:underline;
        font-weight:bold;
}

.player-details a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}

.player-details TD {vertical-align:top;}



/* --------------------MUSIC CHARTS ------------ */

#chart-number {
        background-image: url(http://static.djbooth.net/images/chart-number-bg.png); 
        height: 82px; 
        width: 82px;
}

/*List on Index page*/

.chart-index  {
        width: 300px;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 13px;
	color: #111111;
        font-weight:bold;
}

.chart-index a:link, .chart-index a:visited, .chart-index a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.chart-index a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:underline;
        font-weight:bold;
}


/* ------------- DJBooth TV ------------- */

.tv-player {
        text-align:center;
	margin: 20px; 0 20px; 0;
}

.video-list {
        margin:10px 0 10px 20px;
}

.video-box {
        float:left; 
        margin:10px 28px 10px 0; 
        width:156px;
        text-align:center;
}

.video-box a:link, .video-box a:visited, .video-box a:active {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.video-box a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}


.video-box-small {
        float:left; 
        margin:10px 15px 30px 0; 
        width:106px;
}

.video-box-small a:link, .video-box-small a:visited, .video-box-small a:active {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #02232A;
	text-decoration:none;
        font-weight:bold;
}

.video-box-small a:hover {
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #F57E22;
	text-decoration:none;
        font-weight:bold;
}

img.video-thumb {
        border: 3px solid #000000;
        margin: 0 0 3px 0;
}

a:hover img.video-thumb {
        border: 3px solid #F57E22;
}


.video-rating  {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        text-align:center;
        margin:5px 0 0 2px;
        font-weight:bold;
}


/* --------------- Profile Pages ------------------- */

div#user_members {
   margin: 0;
   padding: 10px;
   clear: both;
}
#user_members p {
   margin: 0;
   padding: 10px 0 0 0;
   display: block;
   clear: both;
}
#user_members p label {
   width: 200px;
   line-height: 20px;
   padding-right: 10px;
   float: left;
}
#user_members p span.required {
   color: #ff0000;
}
#user_members p label span.guide {
   font-size: 10px;
   color: #747474;
   line-height: normal;
}
#user_members p label.form_fix {
   width: auto;
   float: none;
}
#user_members p input {
   width: 350px;
}
#user_members p input.form_fix {
   width: auto;
}
#user_members div.legal {
   margin: 10px 0px;
   padding: 10px;
   border: 1px solid #747474;
   clear: both;
}
#user_members div.legal p {
   font-size: 11px;
   color: #525252;
   font-style: italic;
   margin: 0;
   padding: 0px;
}

div.field { margin-bottom: 12px; }

table.profile-ratings {
	width: 595px;
        table-layout: fixed;
	margin: 0 0 20px 0;
	border-collapse: collapse;
        word-wrap:break-word;
}


/* --------------------- Image Overlay ----------- */

.picture-overlay {
	position: absolute;
	z-index:10;
	width: 250px;
	height: 250px;
}

.picture-overlay-200 {
	position: absolute;
	z-index:10;
	width: 204px;
	height: 204px;
}

.picture-overlay-130 {
	position: absolute;
	z-index:10;
	width: 15px;
	height: 15px;
	font-family:Arial, sans-serif, Helvetica;
	font-size: 15px;
	color: #000000;
	text-decoration:none;
        font-weight:bold;
        padding:3px 3px 3px 3px;
        margin:2px 2px 2px 111px;
        background-color:#e9e9e9;
        text-align:center;
}

.picture-overlay-140 {
        position:absolute;
        z-index:10;
        width:140px;
        height:140px;
}


/* --------------------- Sidebar ------------------ */


.side-features {
       text-align:center;
       float:left;
}

.side-features img  {
        border: 2px solid #000000;
        margin:0 10px 20px 5px;
}
        
.side-features a:hover img {
        border: 2px solid #F57E22;
}

.side-features-text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
        margin: 5px 0 5px 0;
}

.side-features-link a:link, .side-features-link a:active, .side-features-link a:visited {
	color: #010101;
	background: #E9E9E9;
	font: bold 11px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 2px;
        margin: 0 7px 0 0;
        float:right;
}

.side-features-link a:hover {
	color: #feb80f;
	background: #010101;
}


/* --------------------- FOOTER ------------------ */

.footer {
	width: 980px;
	float: left;
}

.footer-content {
	font-family: arial;
	text-align: center;
	font-size: 11px;
	color: #DDDDDD;
	text-decoration: none;
	float: left;
	background-color: #111111;
	width: 980px;
	padding: 25px 0px 25px 0px;
	line-height: 20px;
}

.footer-content a:link, .footer-content a:visited, .footer-content a:active {
	font-family: arial;
	text-align: center;
	font-size: 11px;
	color: #DDDDDD;
	text-decoration: underline;
        font-weight:bold;
}

.footer-content a:hover {
	font-family: arial;
	text-align: center;
	font-size: 11px;
	color: #fdb90c;
	text-decoration: underline;
        font-weight:bold;
}



/* Homepage Slides */

img {border: none;}

h1.slides {
	font: 3em normal Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: center;
	background: url(../images/h1_bg.gif) no-repeat;
	text-indent: -99999px;
	margin: 100px 0 10px;
}
.slide-container {
	overflow: hidden;
	width: 614px;
        margin-bottom: 18px;
}

#main2 

/*--Main Image Preview--*/
.main_image {
	width: 395px;
	height: 365px;
	float: left;
	background: #000;
	position: relative;
	overflow: hidden;
	color: #fff;
}

.main_image a {
	text-decoration: none;
	color: #fdb90c;
	font-size: 20px;
	font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 7px 10px 10px 10px;
}

.main_image p {
	font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;	
        padding: 0 10px 10px 10px;
        margin: 0;
}

.block small { 
	padding: 0 0 0 0px; 
	font-size: 10px; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.slide-link {
	color: #fdb90c;
	font-size: 12px;
	font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration:underline;
}

.main_image .block small {margin-left: -1000px;}

.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: block;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}

.main_image a.show {background-position: left bottom;} 

.image_thumb {
	float: left;
	width: 150px;
	background: #1f1f1f;
	border-right: 1px solid #fff;

}
.image_thumb img {
	padding: 0; 
	background: #fdb90c; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 11px 10px;
	background: #353535 url(../images/nav_a.gif) repeat-x;
	width: 205px;
	height:50px;
	float: left;
	border-top: 1px solid #2e2e2e;
}
.image_thumb ul li.hover {
	background: #2e2e2e;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #1f1f1f;
	cursor: default;
	text-decoration:none;
}
html .image_thumb ul li a {
	color: #fdb90c;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	margin: 5px 0; padding: 0;
	text-decoration: none;
        font-weight:bold;
}
.image_thumb ul li .block {
	color: #fff;
	float: left; 
	margin-left: 0px;
	padding-left: 7px;
	width: 142px;
}	
.image_thumb ul li p{display: none;}



/* --------------- Page Bottom Nav ------------------- */

.dj-prev-btn {
font: bold 18px Arial, Helvetica, Sans-serif !important;
float: left;
}

.med-text a:link.dj-prev-btn, .med-text a:visited.dj-prev-btn, .med-text a:active.dj-prev-btn, .med-text a:link.dj-next-btn, .med-text a:visited.dj-next-btn, .med-text a:active.dj-next-btn {
color: #000000 !important;
}


.med-text a:hover.dj-prev-btn, .med-text a:hover.dj-next-btn {
color: #F7A912 !important;
}

.dj-prev-btn .prev-arrow {
float: left;
width: 16px;
height: 17px;
background: url("http://static.djbooth.net/images/arrow-button.png") no-repeat -17px -15px;
}

.dj-next-btn {
font: bold 18px Arial, Helvetica, Sans-serif !important;
float: right;
padding-right: 16px;
}

.dj-next-btn .next-arrow {
float: right;
width: 16px;
height: 17px;
background: url("http://static.djbooth.net/images/arrow-button.png") no-repeat -167px -15px;
}

.page-nav-center-text {
margin: 0px auto;
font: bold 18px Arial, Helvetica, Sans-serif !important;
}

/* new Styles */

.review-title {
	padding: 6px 0 0 0 !important;
	margin: 0px !important;
}

.review-title a:link, .review-title a:visited, .review-title a:active {
	font: bold 17px Arial, Helvetica, Sans-serif !important;
	padding: 0px !important;
	margin: 0px !important;
}

.full-chart-text a:link, .full-chart-text a:active, .full-chart-text a:visited {
	color: #010101;
	background: #feb80f;
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	padding: 5px;
	float: right;
}

.full-chart-text a:hover {
	color: #feb80f;
	background: #010101;
}

.listen-more {
	width: 150px;
        height: 30px;
	float: left;
        padding-left: 20px;

}

.listen-more a:link, .listen-more a:visited, .listen-more a:active {
	font: bold 12px Arial, Helvetica, Sans-serif;
	color: #000000;
	text-decoration: none;
	position: relative;
        top: -14px;
}

.listen-more a:hover {
	font: bold 12px Arial, Helvetica, Sans-serif;
	color: #F57E22;
	text-decoration: none;
}

.listen-more img {
	position: relative;
        top: 10px;
	padding-right: 6px;
}

.entry-rating {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #555555;
	padding: 14px 0px 6px 40px !important;
	width: 268px;
	margin: 0px !important;
	height: 40px;
	float: left;
	text-align: left;
	line-height: 140%;
	border: solid 1px #d6d6d6;
	margin: 5px 0 8px 0 !important;
}

.album-info-container {
	width: 272px;
	background: #f4f4f4;
	padding: 36px 18px 10px 0px;
	margin: 0 0 26px 0;
}

.album-info-container .entry-bullets {
	padding: 0px 0px 0 22px;
	width: 246px;
}

.album-info-container .med-text {
	width: 288px;
	padding: 20px 18px 0 0;
}

.icons-container {
	width: 305px;
	float: left;
	text-align: left;
        margin: 0 0 15px 0;
}

.icons-container p {
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width: 150px;
}

.icons-container p a:link, .icons-container p a:active, .icons-container p a:visited {
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	color: #101010;
}


.icons-container p a:hover {
	font: bold 12px Arial, Helvetica, Sans-serif;
	text-decoration: none;
	color: #F57E22;
}

.icons-container p img {
	float: left;
	padding: 0px 6px 0px 0;
	vertical-align: middle;
}


.rh-link {text-align:center;}

.rh-link a:link, .rh-link a:visited, .rh-link a:active{
	font-family:Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #a8050a;
        font-weight:bold;

}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a
div.star,div.star a
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0;}
div.star_on a
div.star_hover a,div.star_live a:hover
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* Facebook CSS */
.fblogin { padding-left: 10px; }
.fblogin a:hover { font-size: 11px; !important; }
.comment-login .fblogin { margin: 0px 0px 10px 0px; text-align: center; }
.newscomment.fblogin { margin: 10px 0px 10px 0px; text-align: center; }
.reviews.fblogin { margin: 10px 0px 10px 300px; text-align: center; }
.FB_profile_pic { margin-bottom: 5px; }


div.feedburnerFeedBlock ul {padding: 7px 10px 0 10px;margin: 0;list-style-position: outside;list-style: none;}
div.feedburnerFeedBlock ul li span.headline a:hover {color:#000000;}
div.feedburnerFeedBlock ul li span.headline a {font-family:Arial, sans-serif, Helvetica;font-size:14px;color:#730000; font-weight:bold;}
div.feedburnerFeedBlock ul li div {margin:5px 0 10px 0;font-family:Arial, sans-serif, Helvetica;font-size:12px;color:#000000;}


.sailthruRecommendation{border:1px solid #000000;}
.sailthruRecommendation .recommendationThumb{margin:19px 0 0 0}
.sailthruRecommendation img {width:50px; height:50px; border:1px solid black;}
.sailthruRecommendation .recommendationDetails a{font-family:Arial,Helvetica,sans-serif; color:#666666;font-size:10px;}
.sailthruRecommendation .recommendationCategory{font-size:10px; font-family:Arial,Helvetica,sans-serif; color:#191919; margin-bottom:3px;}
.sailthruRecommendation .recommendationTitle a{font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#1A2F4F;font-size:13px;}
.sailthruRecommendation .recommendationFooter a{color:#999999;}