@charset "utf-8";
/* CSS Document */
html { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF }
body { background:#331A40 url(/images/background-body.jpg) top left; margin:0; padding:0; height:100%}
.bodyTextSelected { background-color: #FFFFFF; }
a:link,
a:visited,
a:active { color: #ffc800; text-decoration: none; }
a:hover { color: #ffe879; text-decoration: none; }
a img { border: 0; }
.clear {clear:both}
ul, li {margin:0px; padding:0px}

/* ---------------------------------------------------------------------- BODY --------------------------------------------------------------------------------*/
#back {background: url(/images/background-page.jpg) repeat-x top left; height:100%;}
#page {position:relative;width:980px; margin: 0px auto; height:100%;}
/* ---------------------------------------------------------------------- TOP MENU --------------------------------------------------------------------------------*/
#home {height:100%;}
#home #topMenu {width:100%; height:25px; padding-top:35px}
#home #topMenu #loginBox { display:block; float:left; height:25px; width:auto;}
#home #topMenu #shareBox { display:block; float:right; height:25px; width:auto}
#home #topMenu #loginBox a {display:block; float:left;  font-weight:bold; padding-left:11px; font-size:11px; margin-right:10px}
#home #topMenu #loginBox a:link,
#home #topMenu #loginBox a:active,
#home #topMenu #loginBox a:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px;}
#home #topMenu #loginBox a:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px;}

#home #banner {width:100%; height:120px; margin-bottom:10px}
/* ---------------------------------------------------------------------- TOP MENU SUBPAGE --------------------------------------------------------------------------------*/
#sub {height:100%;}
#sub #flashMenu {width:250px; height:180px; overflow:hidden; float:left}
#sub #bannerMenu {width:730px; height:180px; float:right; overflow:hidden; }
#sub #topMenu {width:730px; height:25px; padding-top:35px}
#sub #topMenu #loginBox { display:block; float:left; height:25px; width:auto}
#sub #topMenu #shareBox { display:block; float:right; height:25px; width:auto}
#sub #topMenu #loginBox a {display:block; float:left;  font-weight:bold; padding-left:11px; font-size:11px; margin-right:10px}
#sub #topMenu #loginBox a:link,
#sub #topMenu #loginBox a:active,
#sub #topMenu #loginBox a:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px;}
#sub #topMenu #loginBox a:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px;}

#sub #banner {width:730px; height:120px;}
/* ---------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------*/
#home .leftcol_hp {width:240px; float:left;}
#home .leftcol_hp .text, 
#home .rightcol_hp .text {width:220px; background: url(/images/dirt-240.png); padding:10px 10px 10px 10px}
#home .leftcol_hp .btm,  
#home .rightcol_hp .btm {width:240px; height:10px; background: url(/images/dirt-bottom.png); background-repeat:no-repeat}
#home .leftcol_hp H1 {margin:0px; padding:0px; font-size:24px; font-weight:normal}

#home .middlecol_hp { width:500px; min-height:500px; float:left; text-align:center }
#home .rightcol_hp {width:240px;float:left;}

.content-welcome {width:240px; background:#000 url(/images/dirt-top.png) no-repeat top;}
.content-news {width:240px; background:#4f0608 url(/images/dirt-top.png) no-repeat top;}
.content-whatson {width:240px; background:#0a3431 url(/images/dirt-top.png) no-repeat top;}
.content-about {width:240px; background:#623b06 url(/images/dirt-top.png) no-repeat top;}
.content-mixer {width:240px; background:#562955 url(/images/dirt-top.png) no-repeat top;}

.title-welcome {width:200px; height:40px; background:#ffe879 url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-news {width:200px; height:40px; background:#9e0b0f url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-whatson {width:200px; height:40px; background:#136761 url(/images/dirt-title.png);  padding:0px 20px 0px 20px}
.title-about {width:200px; height:40px; background:#a3620a url(/images/dirt-title.png);padding:0px 20px 0px 20px}
.title-support {width:200px; height:40px; background:#598527 url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-jobs {width:200px; height:40px; background:#0076a3 url(/images/dirt-title.png);  padding:0px 20px 0px 20px}
.title-orgs {width:200px; height:40px; background:#ec008c url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-search {width:200px; height:40px; background:#92278f url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-mixer {width:225px; height:36px; background:#ff6600 url(/images/dirt-title.png); padding:4px 0px 0px 15px; font-size:24px; font-weight:normal}



a.ico-callendar {border:0px; float:right; margin-top:13px}

.searchbox {width:240px; height:40px; margin-bottom:10px;}
.featurebox {width:240px; margin-bottom:10px}
.featurebox ul {margin:0px; padding:0px;}
.featurebox ul li { list-style-image:none; list-style:none; margin: 0px 0px 5px 0px; padding:0px 0px 0px 10px; background-image:url(/images/6star-8px.png); background-position: 0px 4px; background-repeat:no-repeat; }

.accItem {width:100%;margin-bottom:5px;float:left}
.accItem .accLabel {width:150px;height:20px;line-height:20px;float:left}
.accItem .acclink {width:60px;float:left}

.footer {width:940px; height:19px; background: #603 url(/images/dirt-footer.png); padding:6px 20px 0px 20px; font-size:11px; margin-top:10px}
.footer .ftr_left {text-align:left; float:left}
.footer .ftr_right {text-align:right; float:right}

.whatsonbg {background: url(/images/whatson_cont_bg.png)}
.newsbg {background: url(/images/news_cont_bg.png)}
.surveybg {background: url(/images/survey_cont_bg.png)}

.searchform {padding:5px 0px 0px 0px; margin-bottom:10px}
.searchform .textInput {width:170px;height:14px;background-color:rgb(51,26,63) !important; border:1px #C993C7 solid;color:#ffffff; float:left;; margin-top:7px}
.searchform .submitBtn {margin-top:5px; float:right}
.surveyform {padding:5px 0px 0px 0px;}

a.button-about {background: url(/images/button-about.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}
a.button-whatson {background: url(/images/button-whatson.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}
a.button-organisations {background: url(/images/button-organisations.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}
a.button-news {background: url(/images/button-news.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}
a.button-search {background: url(/images/button-search.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}
a.button-mixer {background: url(/images/button-mixer.png) right top; font-size:12px; width:auto; padding:6px 10px 6px 10px; font-weight:bold}



/* ---------------------------------------------------------------------- SUB PAGES --------------------------------------------------------------------------------*/
#sub .leftcol { width:250px; float:left }
#sub .leftcol .text, 
#sub .rightcol .text {width:220px; background: url(/images/dirt-240.png); padding:10px 10px 10px 10px}
#sub .leftcol .btm,  
#sub .rightcol .btm {width:240px; height:10px; background: url(/images/dirt-bottom.png); background-repeat:no-repeat; overflow:hidden;}
#sub .leftcol H1 {margin:0px; padding:0px; font-size:24px; font-weight:normal}

#sub .menu-news {margin:54px 32px 0px 73px; padding:10px; background: #4f0608 url(/images/backpack-sub-news.png) -73px -54px no-repeat;min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-whatson {margin:54px 32px 0px 73px; padding:10px; background: #0a3431 url(/images/backpack-sub-whatson.png) -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-about {margin:54px 32px 0px 73px; padding:10px; background: #523105 url(/images/backpack-sub-about.png)  -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-support {margin:54px 32px 0px 73px; padding:10px; background: #2d4314 url(/images/backpack-sub-support.png) -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-jobs {margin:54px 32px 0px 73px; padding:10px; background: #003b52 url(/images/backpack-sub-jobs.png) -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-organisations {margin:54px 32px 0px 73px; padding:10px; background: #760046 url(/images/backpack-sub-organisations.png) -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }
#sub .menu-mixer {margin:54px 32px 0px 73px; padding:10px; background: #803300 url(/images/backpack-sub-mixer.png) -73px -54px no-repeat; min-height:80px; width:125px; height:auto !important; height:80px; }

#sub #menu ul {margin:0px; padding:0px}
#sub #menu li.lev1,
#sub #menu li.lev2,
#sub #menu li.lev3 {margin:0px; padding:0px; list-style-image: none; list-style-type: none; }
#sub #menu a.lev1 {width:110px; display:block; background: url(/images/6star-12px.png) 0px 1px no-repeat; padding:0px 0px 5px 15px; font-weight:bold}
#sub #menu a.lev2 {width:110px; display:block; background: url(/images/6star-8px.png) 4px 4px no-repeat; padding:0px 0px 5px 15px; font-weight:normal}
#sub #menu a.lev3 {width:100px; display:block; background: url(/images/6star-8px.png) 14px 4px no-repeat; padding:0px 0px 5px 25px; font-weight:normal}
#sub #menu a.lev1-act {width:110px; display:block; background: url(/images/6star-12px-on.png) 0px 1px no-repeat; padding:0px 0px 5px 15px; font-weight:bold}
#sub #menu a.lev2-act {width:110px; display:block; background: url(/images/6star-8px-on.png) 4px 4px no-repeat; padding:0px 0px 5px 15px; font-weight:normal}
#sub #menu a.lev3-act {width:100px; display:block; background: url(/images/6star-8px-on.png) 14px 4px no-repeat; padding:0px 0px 5px 25px; font-weight:normal}
#sub #menu a.lev1-act:link, 
#sub #menu a.lev2-act:link, 
#sub #menu a.lev3-act:link,
#sub #menu a.lev1-act:active, 
#sub #menu a.lev2-act:active, 
#sub #menu a.lev3-act:active,
#sub #menu a.lev1-act:visited, 
#sub #menu a.lev2-act:visited, 
#sub #menu a.lev3-act:visited {color: #FFF}
#sub #menu a.lev1-act:hover, 
#sub #menu a.lev2-act:hover, 
#sub #menu a.lev3-act:hover {color: #ffe879}

#sub #menu .spacer {height:15px;}

#sub #menu .btm {margin:0px 32px 0px 73px;}

#sub .middlecol {width:480px; min-height:500px; float:left; padding:10px 10px 0px 0px; background:url(/images/backpack-middlecol.png) no-repeat}
#sub .middlecol .title-news {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#9e0b0f url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-whatson {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#136761 url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-about {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#a3620a url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-support {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#598527 url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-jobs {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#0076a3 url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-organisations {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#ec008c url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}
#sub .middlecol .title-mixer {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#ff6600 url(/images/dirt-h1.png) no-repeat left top; font-size:24px; font-weight:normal}

#sub .middlecol .content {width:480px; background:#000 url(/images/dirt-top-page.png) no-repeat 0px 40px;}
#sub .middlecol .content H1 {margin:0px 0px 15px 0px; padding:0px; font-size:16px; font-weight:bold}
#sub .middlecol .content H2 {margin:0px 0px 15px 0px; padding:0px; font-size:14px; font-weight:bold}
#sub .middlecol .content ul {margin:10px 0px 10px 0px; padding:0px}
#sub .middlecol .content li { background: url(/images/6star-8px.png) 4px 4px no-repeat; list-style-position: inside; list-style-image: none; list-style-type: none; padding:0px 0px 10px 15px}
#sub .middlecol .text {width:460px; background: url(/images/dirt-page.png); padding:10px 10px 10px 10px}
#sub .middlecol .orglist a {display:block; background: url(/images/6star-8px.png) 4px 4px no-repeat; padding:0px 0px 5px 15px; font-weight:normal; width:440px}
#sub .middlecol .btm {width:480px; background:#000}

#sub .rateBar {padding:10px; background-color:#000}
#sub .rateBar .txt {float:left; margin-top:1px}
#sub .rateBar .star-separator {float:left; background: url(/images/6star-8px.png) 8px 4px no-repeat; width:23px;}
#sub .rateBar .thumb-up {float:left;}
#sub .rateBar .thumb-down {float:left; margin-top:4px}

#sub .rightcol {width:240px;float:left; margin-top:10px}

/* ---------------------------------------------------------------------- GENERAL STYLES --------------------------------------------------------------------------------*/
.yellow {color: #ffc800}
h2 {font-size:16px;}
h3 {padding:5px; font-size:14px;}
.searchresult { width:auto; margin:5px 5px 15px 5px;}

.margin_top2 {margin-top:2px;}
.margin_top4 {margin-top:4px;}
.commentitem {width:auto}
.commentbox {width:455px; height:40px;}

.submitform { width:460px; }
.submitform label { float:left; width:120px; display:block; margin-bottom:10px; padding-top:2px;}
.submitform .input { float:left; display:block; width:340px; margin-bottom:8px; }
.submitform .input2 { float:left; display:block; width:460px; margin-bottom:8px; }
.submitform .narrow {width:180px;}
.submitform .error { float:left; width:340px; margin-left:120px; color:#F00; margin-bottom:8px; }
.submitform .textInput { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;}
.submitform .textInputB { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; font-weight:bold; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;  }
.submitform .textInputC { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; height:18px; font-weight:bold; color:#000; font-family: Tahoma, Helvetica, sans-serif; font-size:12px; margin-bottom:8px; }
.submitform .submit { border:1px solid #999; background-color:#000 !important; color:#ffc800; font-family: Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:auto; padding:5px; margin:0px}
.submitSmall:link, .submitSmall:visited, .submitSmall:active{display:block; line-height:10px; font-size:10px; padding:3px 5px 3px 5px; text-decoration:none; text-align:center;background-color: #000; border:#999 1px solid ;}
.submitSmall:hover {  }

div#googleMap {width:460px; height:300px;}
div#map {position: relative; margin-bottom:10px}
div#crosshair {position: absolute;    top: 142px;    height: 19px;    width: 19px;    left: 50%;    margin-left: -8px;    display: block;    background: url(/images/crosshair.gif);    background-position: center center;    background-repeat: no-repeat;}

.newsitem {width:460px; background:#000 url(/images/dirt-top-page.png) no-repeat 0px 25px; margin:0px 0px 15px 0px;}
.newsitem .header {margin:0px; padding:4px 0px 4px 5px; width:455px; background:#9e0b0f;  font-size:14px; font-weight:bold}

.eventitem {width:460px; background:#000 url(/images/dirt-top-page.png) no-repeat 0px 25px; margin:0px 0px 15px 0px;}
.eventitem .header {margin:0px; padding:4px 0px 4px 5px; width:455px; background:#0a3431;  font-size:14px; font-weight:bold}
.eventitem .event {margin:5px}

.orgitem {width:460px; background:#000 url(/images/dirt-top-page.png) no-repeat 0px 25px; margin:0px 0px 15px 0px;}
.orgitem .header {margin:0px; padding:4px 0px 4px 5px; width:455px; background:#760046;  font-size:14px; font-weight:bold}

.pageitem {width:460px; background:#000 url(/images/dirt-top-page.png) no-repeat 0px 25px; margin:0px 0px 15px 0px;}
.pageitem .header {margin:0px; padding:4px 0px 4px 5px; width:455px; background:#523105;  font-size:14px; font-weight:bold}

.trailbox {padding: 5px; background-color: #252525; border: 1px solid #888;}

/* ---------------------------------------------------------------------- CALENDAR STYLES --------------------------------------------------------------------------------*/
#calendar { background-color:#666}
#calendar td {padding:5px; width:64px; background-color:#000; text-align:center}
#calendar td.month {background-color:#136761; font-size:16px; font-weight:bold}
#calendar td.skip {background-color:#136761;font-size:16px; font-weight:bold}
#calendar td.day {background-color:#0a3431;}
#calendar td.date {font-size:24px;}
#calendar td.today { background:#333}
#calendar .dayno {display:block; width:100%; text-align:center}
#calendar .events {display:block; width:100%; text-align:center; height:16px}
#calendar .event {display:block; width:14px; height:14px; margin-left:1px; padding:1px; background-color:#136761; float:left}
#calendar td.weekend {font-weight:bold}

/*.mceEditor {border:1px solid #8a8a8a; background-color:#000 !important; width:100%; height:160px; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;}*/

/* ---------------------------------------------------------------------- MIXER STYLES --------------------------------------------------------------------------------*/

#tracklist {width:460px; font-family:Tahoma, Arial, Helvetica, sans-serif}
#tracklist .trackitem0 {width:460px; background: #681e20; margin-bottom:10px;}
#tracklist .trackitem1 {width:460px; background: #296d68; margin-bottom:10px;}
#tracklist .trackitem2 {width:460px; background: #19546b; margin-bottom:10px;}
#tracklist .trackitem3 {width:460px; background: #6b4a1e; margin-bottom:10px;}
#tracklist .trackitem4 {width:460px; background: #465c2c; margin-bottom:10px;}
#tracklist .trackitem {width:450px; background: url(/images/dirt-track.png) no-repeat; padding:5px 5px 0px 5px;}
#tracklist .trackitembtm {width:460px; background: url(/images/dirt-track-btm.png) no-repeat; height:5px; overflow:hidden; }
#tracklist .trackitem .image {float:left; width:60px; height:60px;}
#tracklist .trackitem .ratings {float:left; width:80px; padding:3px 0px 0px 0px; text-align:right; max-height:12px; text-align:right;}
#tracklist .trackitem .rating {max-height:12px;}
#tracklist .trackitem .ratingtext {display:block; width:80px; height:12px; text-align:right; padding-top:3px;}
#tracklist .trackitem .info {float:left; margin:0px 0px 0px 5px; width:300px;}
#tracklist .trackitem .title {width:300px; padding:0px 0px 0px 0px; font-size:14px; font-weight:bold;}
#tracklist .trackitem .infoline {padding-top:0px;}
#tracklist .trackitem .infoline2 {padding-top:0px; font-size:10px;}
#tracklist .trackitem .infoline a {font-weight:bold;}

#djlist {width:460px; font-family:Tahoma, Arial, Helvetica, sans-serif}
#djlist .djitem0 {width:460px; background: #333; margin-bottom:10px;}
#djlist .djitem {width:450px; background: url(/images/dirt-track.png) no-repeat; padding:5px 5px 0px 5px;}
#djlist .djitembtm {width:460px; background: url(/images/dirt-track-btm.png) no-repeat; height:5px; overflow:hidden; }
#djlist .djitem .name {float:left; width:380px; height:17px; padding:3px 0px 0px 0px; font-size:14px; font-weight:bold;}
#djlist .djitem .name a {font-size:14px; font-weight:bold;}
#djlist .djitem .rating {float:right; width:54px; padding:3px 0px 0px 0px; text-align:right;}
#djlist .djitem .infoline {float:left; height:12px; padding:2px 0px 0px 0px; margin-bottom:5px;}
#djlist .djitem .ratings { float:right; width:90px; height:11px; padding:2px 0px 0px 0px; text-align:right;}

#topTrackList {width:220px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px}
#topTrackList .evn {width:220px; display:block; margin:0px 0px 5px 0px; }
#topTrackList .odd {width:220px; display:block; margin:0px 0px 5px 0px; }
#topTrackList .num {float:left; width:15px; padding-top:0px; font-size:10px}
#topTrackList .img {float:left; margin:1px 0px 0px 0px; border:0px;}
#topTrackList .inf {float:left; width:143px; line-height:12px; margin:0px 0px 0px 5px;}
#topTrackList .infwide {float:left; width:158px; line-height:12px; margin:0px 0px 0px 5px;}
#topTrackList .str {float:left; width:27px; margin:4px 0px 0px 5px; border:0px;}
#topTrackList a.tit{font-weight:bold; }

#topDJList {width:220px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px}
#topDJList .evn {width:220px; display:block; margin:0px 0px 5px 0px; }
#topDJList .odd {width:220px; display:block; margin:0px 0px 5px 0px; }
#topDJList .num {float:left; width:15px; padding-top:0px; font-size:10px}
#topDJList .inf {float:left; width:168px; line-height:12px; margin:0px 0px 0px 5px; font-weight:bold;}
#topDJList .str {float:left; width:27px; margin:4px 0px 0px 5px; border:0px;}

a.ratingsLink {display:block; float:left;  font-weight:bold; padding-left:11px; margin-right:10px}
a.ratingsLink:link,
a.ratingsLink:active,
a.ratingsLink:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px;}
a.ratingsLink:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px;}

#track .genre0 {width:460px; background: #681e20; margin-bottom:10px;}
#track .genre1 {width:460px; background: #296d68; margin-bottom:10px;}
#track .genre2 {width:460px; background: #19546b; margin-bottom:10px;}
#track .genre3 {width:460px; background: #6b4a1e; margin-bottom:10px;}
#track .genre4 {width:460px; background: #465c2c; margin-bottom:10px;}
#dj .back, #comment .back {width:460px; background: #562955; margin-bottom:10px;}

#track .player {width:450px; background: url(/images/dirt-track.png) no-repeat; padding:5px 5px 0px 5px;}
#track .trackbtm, #dj .djbtm, #comment .cmtbtm {width:460px; background: url(/images/dirt-track-btm.png) no-repeat; height:5px; overflow:hidden; }

#track .player .title{display:block; font-size:20px; font-weight:bold; margin-bottom:10px }
#track .player .flash {float:left; width:385px; height:60px; margin-left:5px}
#track .player .image {float:left; width:60px; height:60px;}

a.download {width:110px; display:block; background: url(/images/6star-12px.png) 0px 1px no-repeat; padding:0px 0px 5px 15px; font-weight:bold}

.description {width:440px; background: url(/images/dirt-track.png) no-repeat; padding:0px 10px 0px 10px;}
.description .left {float:left; width:auto;}
.description .right {float:right; width:120px;}
.description p {}
.description .dj {font-weight:bold}
.description .addcmt {background-image: url(/img/down_arrow.gif); background-repeat: no-repeat; background-position: left 6px; padding-left:10px; display:block}

#pagination { width:100%; color:#666;}
#pagination .pages { float:right; display:block; color:#fff; }
#pagination .page { display:block; text-align:center;}
#pagination .page .act { color:#FFF; font-weight:bold; }
#pagination .page i { font-style:normal; }
#pagination .blank { display:inline; width:9px; height:7px }
#pagination a.first { display:inline; background-image: url(/images/pagination_first.gif); width:9px; height:7px }
#pagination a.first:hover { display:inline; background-image: url(/images/pagination_first_on.gif); width:9px; height:7px }
#pagination a.prev10 { display:inline; background-image: url(/images/pagination_prev10.gif); width:9px; height:7px }
#pagination a.prev10:hover { display:inline; background-image: url(/images/pagination_prev10_on.gif); width:9px; height:7px }
#pagination a.prev { display:inline; background-image: url(/images/pagination_prev.gif); width:9px; height:7px }
#pagination a.prev:hover { display:inline; background-image: url(/images/pagination_prev_on.gif); width:9px; height:7px }
#pagination a.next { display:inline; background-image: url(/images/pagination_next.gif); width:9px; height:7px }
#pagination a.next:hover { display:inline; background-image: url(/images/pagination_next_on.gif); width:9px; height:7px }
#pagination a.next10 { display:inline; background-image: url(/images/pagination_next10.gif); width:9px; height:7px }
#pagination a.next10:hover { display:inline; background-image: url(/images/pagination_next10_on.gif); width:9px; height:7px }
#pagination a.last { display:inline; background-image: url(/images/pagination_last.gif); width:9px; height:7px }
#pagination a.last:hover { display:inline; background-image: url(/images/pagination_last_on.gif); width:9px; height:7px }

#mixerSearchForm { width:220px; }
#mixerSearchForm label { float:left; width:40px; display:block; margin-bottom:10px; padding-top:2px; font-size:12px}
#mixerSearchForm .input { float:left; display:block; width:180px; margin-bottom:8px; }
#mixerSearchForm .input2 { float:left; display:block; width:25px; margin-bottom:8px; }
#mixerSearchForm .input3 { float:left; display:block; width:155px; margin-bottom:8px; }
#mixerSearchForm .textInput { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;}
#mixerSearchForm .textInputB { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; font-weight:bold; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;  }
#mixerSearchForm .textInputC { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; height:18px; font-weight:bold; color:#000; font-family: Tahoma, Helvetica, sans-serif; font-size:12px; margin-bottom:8px; }
#mixerSearchForm .submit { border:1px solid #999; background-color:#000 !important; color:#ffc800; font-family: Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:auto; padding:5px; margin:0px}

#commentForm {width:440px; background: url(/images/dirt-track.png) no-repeat; padding:10px 10px 5px 10px;}
#commentForm .textInput{border:1px solid #8a8a8a; background-color:#000 !important; width:100%; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;}

hr.comments {color: #333; background-color: #333; border: 0; height: 1px; margin 5px 0px 5px 0px;}

.profile .label { float:left; width:120px; display:block;}
.profile .value { float:left; display:block; width:340px;}

.myhometracklist .evn {width:460px; display:block; margin:0px 0px 10px 0px; }
.myhometracklist .odd {width:460px; display:block; margin:0px 0px 10px 0px; }
.myhometracklist .img {float:left; margin:1px 0px 0px 0px; border:0px;}
.myhometracklist .inf {float:left; width:393px; margin:0px 0px 0px 5px;}
.myhometracklist .infwide {float:left; width:158px; margin:0px 0px 0px 5px;}
.myhometracklist .str {float:left; width:27px; margin:4px 0px 0px 5px; border:0px;}
.myhometracklist .edit {float:left; width:77px; margin:7px 0px 0px 5px; border:0px;}
.myhometracklist a.tit{font-weight:bold; }
.btn {display:inline; height:11px; text-align:center; font-size:9px; line-height:11px; font-weight:bold; text-decoration:none; border:#ffc800 1px solid; color: #ffc800; padding:0px 5px; margin-top:5px;}




