@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-getinvolved {width:240px; background:#623b06 url(/images/dirt-top.png) no-repeat top;}
.content-mixer {width:240px; background:#803300 url(/images/dirt-top.png) no-repeat top;}
.content-forum {width:240px; background:#4d4d00 url(/images/dirt-top.png) no-repeat top;}
.content-orgs {width:240px; background:#760046 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-getinvolved {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:200px; height:40px; background:#ff6600 url(/images/dirt-title.png); padding:0px 20px 0px 20px}
.title-forum {width:200px; height:40px; background:#999900 url(/images/dirt-title.png);padding:0px 20px 0px 20px}

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}


.footerLinks {width:940px; font-size:11px; margin-top:10px; text-align:center}
.footerLinks a {display:inline; font-weight:bold; padding-left:11px; font-size:11px; margin-right:5px; margin-left:5px}
.footerLinks a:link,
.footerLinks a:active,
.footerLinks a:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px;}
.footerLinks a:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px;}

.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-getinvolved {background: url(/images/button-getinvolved.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-forum {background: url(/images/button-forum.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}
#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-getinvolved {margin:54px 32px 0px 73px; padding:10px; background: #523105 url(/images/backpack-sub-getinvolved.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-forum {margin:54px 32px 0px 73px; padding:10px; background: #4d4d00 url(/images/backpack-sub-forum.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-getinvolved {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 .title-forum {margin:0px; padding:4px 0px 0px 15px; width:465px; height:36px; overflow:hidden; background:#999900 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 ul 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 .content ol li {padding:0px 0px 10px 5px}
#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 --------------------------------------------------------------------------------*/
h3 {padding:5px}
.searchresult { width:auto; margin:5px 5px 15px 5px;}
.yellow {color: #ffc800}


.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 .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 {  }

.contactform { width:440px; }
.contactform label { float:left; width:120px; display:block; margin-bottom:10px; padding-top:2px;}
.contactform .input { float:left; display:block; width:320px; margin-bottom:8px; }
.contactform .input2 { float:left; display:block; width:460px; margin-bottom:8px; }
.contactform .textInput { border:1px solid #8a8a8a; background-color:#000 !important; width:100%; color:#FFF; font-family: Tahoma, Helvetica, sans-serif; font-size:12px;}
.contactform .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;  }
.contactform .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; }
.contactform .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}

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;}

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

.alpha_org {padding:3px;margin-bottom:10px;font-size:15px; font-weight:bold}

#sub .middlecol .content #orgNav a {display:block; float:left;  font-weight:bold; padding-left:11px; font-size:12px; margin-right:10px}
#sub .middlecol .content #orgNav a:link,
#sub .middlecol .content #orgNav a:active,
#sub .middlecol .content #orgNav a:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px;}
#sub .middlecol .content #orgNav a:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px;}
#sub .middlecol .content #orgNav a.act:link,
#sub .middlecol .content #orgNav a.act:active,
#sub .middlecol .content #orgNav a.act:visited {background:url(/images/6star-8px.png) no-repeat 0px 3px; color:#FFF}
#sub .middlecol .content #orgNav a.act:hover {background:url(/images/6star-8px-on.png) no-repeat 0px 3px; color:#ffe879}


/* ---------------------------------------------------------------------- PAGINATION STYLES --------------------------------------------------------------------------------*/
#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 }



/* ---------------------------------------------------------------------- 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;}*/

/* ---------------------------------------------------------------------- MP3 PLAYER STYLES --------------------------------------------------------------------------------*/
div.mp3track { background: #681e20; }
div.mp3track .genre0 {width:460px; background: #681e20; margin-bottom:10px;}
div.mp3track .genre1 {width:460px; background: #296d68; margin-bottom:10px;}
div.mp3track .genre2 {width:460px; background: #19546b; margin-bottom:10px;}
div.mp3track .genre3 {width:460px; background: #6b4a1e; margin-bottom:10px;}
div.mp3track .genre4 {width:460px; background: #465c2c; margin-bottom:10px;}

div.mp3track .player {width:450px; background: url(/images/dirt-track.png) no-repeat; padding:5px 5px 0px 5px;}
div.mp3track .trackbtm {width:460px; background: url(/images/dirt-track-btm.png) no-repeat; height:5px; overflow:hidden; }

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

.imageBorder { border: 1px solid #999999; }
.imageLeft { float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }
.imageRight { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; }
.imageBorderLeft { border: 1px solid #999999; float: left; margin:0px 10px 10px 0px; }
.imageBorderRight { border: 1px solid #999999; float: right; margin: 0px 0px 10px 10px; }

.th-image-org, .th-audio-org, .th-video-org {width:65px; height:47px; padding:1px 1px 14px 1px;  float:left; margin-right:9px; margin-bottom:10px;}
.th-image-org {background:url(/images/thumb_org_image2.gif) left top no-repeat;}
.th-audio-org {background:url(/images/thumb_org_audio.gif) left top no-repeat;}
.th-video-org {background:url(/images/thumb_org_video.gif) left top no-repeat; }
.th-image-org img, .th-audio-org img, .th-video-org img {width:65px; height:47px; border:0px;}
.th-delete {height:67px;}
.th-delete .btn {display:block; height:11px; text-align:center; font-size:9px; line-height:11px; font-weight:bold; text-decoration:none; border:#ffc800 1px solid; color: #ffc800; margin-top:20px}