@charset "utf-8";
body{ margin:0px; font-family:tahoma; font-size:12px; color:#000; background-color:#111;}
a{ color:#0090ab; text-decoration:none; outline:none;}a:hover{ color:#00c8ee;}
img{ border:0px; outline:none;}
input{ outline:none;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, font{ margin:0px; padding:0px; font-weight:normal;}

h1{ background:url(../images/solidBorder.jpg) repeat-x bottom left; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#000;}
h1 span{ color:#d70377;}

#wrapper{ width:100%; margin:auto;}
#headerOuter{ float:left; width:100%; background:url(../images/headerBG-rpt.jpg) repeat-x top left;}
#headerTop{ width:966px; margin:auto;}
#headerTopInner{ float:left; width:966px; height:176px; background:url(../images/header-bg.jpg) no-repeat bottom right;}
#headerTopLeft{ float:left; padding-top:28px;}
#headerTopRight{ float:right; width:420px;}
.hearTopLinks{ float:right; color:#898989; font-size:11px; text-align:right; width:420px; padding:14px 0 62px 0;}
.hearTopLinks a{ color:#898989;}.hearTopLinks a:hover{ color:#b3b3b3;}
.topSearch{ float:right; width:363px; padding-left:55px; background:url(../images/search-left.png) no-repeat top left;}
.topSearch2{ float:left; width:348px; padding-right:15px; background:url(../images/search-right.png) no-repeat top right;}
.topSearch3{ float:left; width:348px; padding-top:17px; height:40px; background:url(../images/search-rpt.png) repeat-x top left;}
.topSearch3 input{ float:left; width:333px; height:21px; padding:1px 5px 0 10px; outline:none; border:0px; background:url(../images/search-bar-bg.jpg) no-repeat left;}

#topNav{ float:left; width:100%; height:46px; background:url(../images/nav-bg-rpt.jpg) repeat-x top left;}
#navInner{ width:966px; margin:auto;}
.navLeft{ float:left; width:650px;}
.navLeft ul{ margin:0px;}
.navLeft ul li{ list-style:none; float:left; padding-right:2px; background:url(../nav-sep.jpg) no-repeat top right;}
.navLeft ul li span.navActive{ float:left; background:url(../images/nav-active-rpt.jpg) repeat-x top left;}
.navLeft ul li a{ float:left; padding:16px 37px 0 37px; height:30px;}
.navLeft ul li a.homeLink{ background:url(../images/home-normal.png) no-repeat center;}
.navLeft ul li a.homeLinkActive{ background:url(../images/home-active.png) no-repeat center;}

.navLeft ul li a.songsLink{ background:url(../images/songs-normal.png) no-repeat center;}
.navLeft ul li a.songsLinkActive{ background:url(../images/songs-active.png) no-repeat center;}

.navLeft ul li a.albumsLink{ background:url(../images/albums-normal.png) no-repeat center;}
.navLeft ul li a.albumsLinkActive{ background:url(../images/albums-active.png) no-repeat center;}

.navLeft ul li a.softwareLink{ background:url(../images/software-normal.png) no-repeat center;}
.navLeft ul li a.softwareLinkActive{ background:url(../images/software-active.png) no-repeat center;}

.navRight{ float:right; width:305px; color:#fff; padding-top:12px;}
.navRight input{ float:left; width:96px; height:20px; padding:2px 0 0 10px; font-size:11px; border:0px; margin-left:5px; outline:none; background:url(../images/login--bar-bg.png) no-repeat top right;}
.navRight input.button{ width:45px; height:20px; padding:2px 0 0 5px; font-size:11px; border:0px; margin-left:5px; outline:none; background:url(../images/button.png) no-repeat top right; color:#FFFFFF; font-weight:bold;}
.navRight input.button:hover{ color:#00BDE0;}
.navRight span{ float:left; padding-top:3px;}

#bodyContent{ width:1002px; margin:auto;}
#bodyContentInner{ float:left; position:relative; width:1002px; z-index:1000; padding-bottom:16px; background:url(../images/centerColmBottom.png) no-repeat bottom left;}
#bodyContentInner2{ float:left; width:1002px; background:url(../images/centerColmRpt.png) repeat-y top left;}
#mainContentTop{ float:left; width:972px; padding:25px 15px 18px 15px; background:url(../images/centerColmTop.png) no-repeat top left;}

#bodyLeftColm{ float:left; width:182px; font-size:11px;}
#bodyLeftColm div.latestTracks{ float:left; width:182px;}
#bodyLeftColm div.latestTracks span{ float:left; width:182px; background:url(../images/borderRpt.png) repeat-x bottom left;}
#bodyLeftColm div.latestTracks span a{ float:left; padding:0 0 8px 23px; margin-top:5px; width:160px; background:url(../images/arrow-pink.png) no-repeat top left;}
#bodyLeftColm div.latestTracks span a font{ color:#000; font-size:11px; cursor:text;}

#bodyLeftColm div.mostPopular{ float:left; width:182px; padding-top:15px;}
#bodyLeftColm div.mostPopular span{ float:left; width:182px; background:url(../images/borderRpt.png) repeat-x bottom left;}
#bodyLeftColm div.mostPopular span a{ float:left; padding:0 0 8px 23px; margin-top:5px; width:160px; background:url(../images/arrow-blue.png) no-repeat top left;}
#bodyLeftColm div.mostPopular span a font{ color:#000; font-size:11px; cursor:text;}

#bodyColmCenter{ float:left; width:440px; padding-left:24px;}
.featuredCenter{ float:left; width:438px; border:1px solid #e2dfdb; background-color:#f2f0ec;}
.featureBoxTop{ float:left; width:438px;}
.featureBoxLeft{ float:left; width:278px; position:relative;}
.featureBoxLeft p{ text-align:center; position:relative;}
.featureBoxLeft span.featureCorner{ position:absolute; z-index:1000; top:0px; left:0px;}

.featureBoxRight{ float:left; width:138px; padding:0 10px 0 12px; height:196px; background-color:#232323;}
.featureBoxRight P{ color:#00bde0; padding-top:10px;}
.featureBoxRight P a{ color:#00bde0;}.featureBoxRight P a:hover{ color:#2edeff;}
.featureBoxRight P span{ color:#fff;}
.featureBoxRight h2{ color:#fff; padding:10px 0 10px 0; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.featureThumbs{ float:left; width:435px; padding:6px 0 5px 3px;}
.featureThumbs a{ margin:0 0px 0 1px;}

.latestSoftware{ float:left; width:440px; padding-top:15px;}
.latestSoftware ul{ margin:0 0 0 10px; padding-top:5px;}
.latestSoftware ul li{ list-style:none; font-size:11px; padding:3px 0 3px 0;}
.latestSoftware ul li img{ vertical-align:middle; margin-right:5px;}

.mostDownloaded{ float:left; width:440px; padding-top:15px;}
.mostDownloaded ul{ margin:0 0 0 10px; padding-top:5px;}
.mostDownloaded ul li{ list-style:none; font-size:11px; padding:5px 0 5px 21px; background:url(../images/arrow-pink.png) no-repeat left;}
.mostDownloaded ul li a font{ color:#000; font-size:11px; cursor:text;}

#bodyColmRight{ float:right; width:300px; font-size:11px;}
#bodyColmRight div.rightAdds{ float:left; width:300px; padding-bottom:10px;}
#bodyColmRight div.featuedTracks{ float:left; width:300px; padding-top:5px;}
#bodyColmRight div.featuedTracks span{ float:left; width:300px; background:url(../images/borderRpt.png) repeat-x bottom left;}
#bodyColmRight div.featuedTracks span a{ float:left; padding:0 0 8px 23px; margin:5px 0 0 8px; width:269px; background:url(../images/blue-star.png) no-repeat top left;}
#bodyColmRight div.featuedTracks span a font{ color:#000; font-size:11px; cursor:text;}

.RegisterUser{ float:left; width:440px; padding-top:15px;}
.RegisterUser h1 span{padding:0px 0px 0px 0; float:none;}
.RegisterUser h1 span{ font-size:12px;}
.RegisterUser label{ float:left; width:75%; padding-bottom:10px; }
.RegisterUser label span{ float:left; text-align:right; color:#000; font-size:11px; }

.RegisterUser label input{ float:right; width:196px; font-size:11px; color:#000; height:18px; padding:2px 10px 0 12px; margin-bottom:5px; outline:none; border:0px; background:url(../images/input-bar.png) no-repeat top left;}
.RegisterUser label .radio { margin-left:20px; float:none; width:20px; outline:none; background:none;}
.RegisterUser label #gender { float:none; vertical-align:middle;}
.RegisterUser label #button{ float:right; width:120px; height:20px;font-size:11px; text-align:center; color:#fff;   outline:none; border:0px; background:url(../images/input-button.png) no-repeat top left;}
.RegisterUser label #button:hover{ color:#FFFF00;}
.Mp3Album {color:#00BDE0;}
.Mp3Album span{color:#E4027E;}

.Mp3TrackHits{ color:#CCCCCC; font-size:9px;}
.Mp3TrackHits span{color:#00BDE0;}
.Mp3TrackLinks{color:#666666; font-size:10px;}
.Mp3TrackLinks span{color:#E4027E; font-weight:bold;}

.ListShow{color:#CCCCCC; font-size:12px; text-align:center;}
.ListShow span{color:#E4027E; font-weight:bold;}

.SoftTitle img { float:left;} 
.SoftTitle p { font-size:12px;} 
.SoftTitle p#download{ float:right; color:#E4027E;} 
.SoftTitle input{ width:120px; height:20px;font-size:11px; text-align:center; color:#fff;   outline:none; border:0px; background:url(../images/input-button.png) no-repeat top left;}

.Technical p{height:30px; width:98%;}
.Technical p span{ float:left; width:30%; font-weight:bold;}
.Technical p span#dec{ font-weight:normal; width:70%;}

.Mp3AlbumTrack{ float:left; width:440px; padding-top:15px;}
.Mp3AlbumTrack ul{ margin:0 0 0 10px; padding-top:5px;}
.Mp3AlbumTrack ul li{ list-style:none; font-size:11px; padding:5px 0 5px 21px; background:url(../images/arrow-pink.png) no-repeat left;}
.Mp3AlbumTrack ul li a font{ color:#E4027E; font-size:11px; cursor:text;}
.Mp3AlbumTrack ul li a font{ color:#CCCCCC; font-size:9px; cursor:text;}


#footer{ float:left; width:100%; position:relative; background-color:#303030;}
#footerInner{ float:left; width:100%; position:relative; top:-15px; background-color:#303030; border-top:1px solid #7f7f7f;}
.footerInner{ width:966px; margin:auto; color:#595959; font-size:11px;}
.footerInner p span a{ color:#595959;}
.footerInner a{ color:#a1a1a1;}.footerInner a:hover{ color:#ccc;}
.footerInner h2{ padding:20px 0 5px 0; color:#0090ab; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}

.footerLeft{ float:left; width:270px;}
.footerCenter{ float:left; width:300px; text-align:center;}.footerCenter a{ margin:0 5px 0 5px;}
.footerRight{ float:right; width:295px;}
.footerRight input.newsletterField{ float:left; width:196px; font-size:11px; color:#000; height:18px; padding:2px 10px 0 12px; margin-bottom:5px; outline:none; border:0px; background:url(../images/newsletter-bg.jpg) no-repeat top left;}
.footerRight input.submitBtn{ float:left;}