* {
          margin: 0;
          padding: 0;
        }

		html, body
		{
            font-family:Tahoma;
            font-size:11px;
            color:#9ed3e0;
        }

        html, body div
        {
            height: 100%;
        }


        iframe
		{
            border: 0;
		}

        a:active, a:link, a:visited
        {
            font-family:Tahoma;
            font-size:11px;
            font-style:normal;
            color:#9beaff;
            text-decoration:underline;
        }
        
        a:hover
        {
            font-family:Tahoma;
            font-size:11px;
            font-style:normal;
            color:#ffffff;
            text-decoration:underline;
        }

        div#wrapper 
        {
            clear:both;
            margin:10px auto;
            width:1000px;
            background:transparent url('/images/hazard-bg2.jpg')  scroll 0 0;
            /*border:solid 1px #000000;*/

            min-height:100%;
        }

        div#top-edge
        {
            background:transparent url('/images/top-edge3.jpg') no-repeat scroll 0 0;
            min-height:12px;
        }

        #left-edge
        {
            background:transparent url('/images/left-edge3.png') repeat-y scroll 0 0;
            float:left;
            margin:0px;
            padding:0 0 0 14px;
            /*min-height:2000px;*/
            /*height:100%;*/
            width:165px;
        }

        div#right-edge
        {
            background:transparent url('/images/right-edge3.png') repeat-y scroll 0 0;
            float:right;
            margin: 0;
            padding: 0 0 0 1px;
            /*min-height:2000px;*/
            width:183px;
        }

        div#middle-column
        {
            float:left;
            margin: 0;
            padding: 0;
            min-height:100%;
        }

        #menu-bg
        {
            background:transparent url('/images/menu-bg2.png') no-repeat scroll 0 0;
            padding:0 0 0 10px;
            min-height:65px;

        }

        #menu-bg #links
        {
            font-size:17px;
            font-weight:bold;
        }

        #menu-bg #links a.navlink
        {
            height:36px; 
            display:block; 
            float:left; 
            text-decoration:none;
            text-shadow:0px 4px 4px #000; 
            color:#CCCC66;
            padding:10px 18px 10px 18px;
            cursor:pointer;
            font-size:17px;
            font-weight:bold; 

        }

        #menu-bg #links a.navlink:hover
        {
            color:#ffffff;
            background:url('/images/link-bg.png') repeat-x;
        }

        /*
        #menu-bg #links a.navlink:hover span
        {
            background:url(/images/link-bg.png) repeat-x; padding:0px; height:56px;
        }
        */



        #TopTenList
        {
            /*background:url('/css/backgrounds/fc_ptl_nav_bg.jpg') repeat-y;*/
            height:350px;
            font-weight:bold;
            font-size:10px;
        }

        #TopTenList ul li
        {
            width:143px;
            height:28px;
            padding:3px 0 0 0;
            border-bottom:thin solid #ffffff;
            text-indent:3px;
        }

        #TopTenList ul
        {
            list-style-type:none;
            padding:0 0 0 10px;
        }
        #TopTenList ul a
        {
            color:#ffffff;
            text-decoration:none;
            font-size:10px;
        }

        #TopTenList ul a:hover
        {
            color:#ffd700;
        }


        #TopTenList #Numbers
		{
            float: left;
			height: 28px;
			font-size:28px;
			color:#ff0;
            position:relative;
            top:-5px;
		}

        #TopTenList #MixtapeTitle
		{
            display:inline;

		}

        div.login
        {
            padding:3px 0 0 0;
            text-indent:3px;
            height:130px;
        }

        div.search
        {
            padding:3px 0 0 0;
            text-indent:3px;
            height:50px;
        }

        div.loginMsg
        {
            font-weight:bold;
            background:url('/images/login-bar-bg.png') no-repeat;
            padding:3px 0 0 0;
            margin:0 0 0 3px;
            width:166px;
            height:19px;
        }

        div.login label input.lgn
        { 
            width:11px; 
            height:19px; 
            float:right; 
            background:url('/images/login.png') no-repeat; 
            border:none;
            cursor:pointer;
            margin:1px 20px 0 0;
            position:realtive;
            right:0;
            bottom:0;
        }

        div.login input.input_field-email
        {
            width:142px;
        }

        div.login label input.input_field-pass
        {
			height:18px;
			width:142px;
        }


        div.search input.input_field-search
        {
            width:139px;
            height:15px;
        }

        div.search label input.srch
        { 
            width:11px; 
            height:19px; 
            float:right; 
            background:url('/images/login.png') no-repeat; 
            border:none;
            cursor:pointer;
            margin:0 4px 0 0;
            position:realtive;
            right:0;
            bottom:0;
        }

        div.searchMsg
        {
            font-weight:bold;
            background:url('/images/search-bar-bg.png') no-repeat;
            padding:3px 0 0 0;
            margin:0 0 0 3px;
            width:165px;
            height:19px;
        }

        h1.banner
        { 
            height:70px; 
            margin:0px; 
            padding:0px; 
            margin-left:0px; 
            position:relative; 
            clear:both; 
        }


        h1.banner span
        { 
            display:block; 
            height:71px; 
            float:left; 
            background:url('/images/SectionBanner-bg.png') left top no-repeat; 
            position:relative; 
            z-index:1;
        }

        h1.banner span span
        { 
            background-position:100% -140px; 
            height:65px; 
        }

        h1.banner span span span
        { 
            background-position:0 -71px; 
            background-repeat:repeat-x; 
            height:47px; 
            margin:0px 54px 0 17px; 
            padding:18px 5px 0px 30px; 
            font-size:17px; 
            color:#2e2e2e; 
            font-weight:bold; 
        }

        h1.banner span span span em
        {
            display:block; 
            color:#FFFFFF; 
            font-size:10px; 
            background:url('/images/bannerTitleSubarrow.gif') no-repeat left; 
            height:12px; 
            line-height:10px; 
            text-indent:15px; 
            margin:0px; 
            padding:0px; font-style:normal;
        }

        h1.banner span.icon
        {
            position:absolute; 
            z-index:4; 
            float:left; 
            display:inline; 
            padding:0; 
            margin-left:-61px; 
            margin-top:-5px;
        }

        h1.banner span.icon.mixtape
        {
            width:50px; 
            height:35px; 
            background:url('/images/bannerTitleIconMixtape.png') no-repeat;
        }

        .products
        {

            width:590px;
            padding:0 0 0 40px;

        }

        .thumbs
        {
            float:left;
            background:url('/images/product-bg.png') no-repeat;
            width:169px;
            height:235px;
            padding:25px 0 0 25px;
        }

        .leftEdgePanel
        {
            float:left;
            background:url('/images/left-edge-panel-bg.png') no-repeat;
            width:169px;
            height:235px;
            padding:10px 13px 10px 10px;
            font-weight:bold;
            color:#aaaaaa;
        }

        .leftEdgePanel p
        {
            margin:0 20px 0 0;
            font-weight:normal;
            color:#288383;
        }

        .leftEdgePanel a
        {
            color:#288383;
        }


        .leftEdgePanel a:hover
        {
            color:#000000;
        }

        .divider
        {
            background:url('/images/divider.png') no-repeat 0 4px;
            width:160px;
            height:11px;
            margin:3px 0 3px -10px;
        }

        .divider2
        {
            background:url('/images/divider2.png') no-repeat 0 4px;

            height:11px;
            margin:3px 0 3px 10px;
        }


        div.newsPanel
        { 
            height:70px; 
            margin:0px; 
            padding:11px 0 0 2px; 
            margin-left:0px; 
            position:relative; 
            clear:both; 
        }


        div.newsPanel span
        { 
            display:block; 
            width: 169;
            float:left; 
            /*background:url('/images/right-edge-panel-bottom-bg.png') left top no-repeat; */
            position:relative; 
            z-index:1;
        }

        .newsPanelBase
        {
            float:left;
            background:url('/images/right-edge-panel-bottom-bg.png') no-repeat;
            width:169px;
            height:235px;
            padding:5px 0 0 5px;
            margin:0 0 0 2px;
            font-size:10px;
        }


        div.newsPanel span span
        { 
            /*background-position:-140px 100%; */
            width: 169;
            background:url('/images/right-edge-panel-top-bg.png');
            background-repeat:no-repeat;
            padding:9px 0 0 9px;
            color:#aaaaaa;
            font-weight:bold;
        }

        div.newsPanel span span span
        { 
            /*background-position:0 -71px;*/
            background:url('/images/right-edge-panel-middle-bg.png');
            background-repeat:repeat-y;
            margin:13px 15px 0 -9px; 
            padding:0 5px 0 2px; 
            color:#2e2e2e;
            font-weight:normal;
        }

        div.newsPanel span span span p
        { 
            padding: 0 0 0 5px;
        }

        div.newsPanel span span span a
        {
            text-align:right;
            color:#278282;
            font-weight:bold;
        }

        div.newsPanel span span span em
        {
            display:block; 
            color:#FFFFFF; 
            font-size:10px; 
            background:url('/images/bannerTitleSubarrow.gif') no-repeat left; 
            height:12px; 
            line-height:10px; 
            text-indent:15px; 
            margin:0px; 
            padding:0px; font-style:normal;
        }

        div.newsPanel span.icon
        {
            position:absolute; 
            z-index:4; 
            float:left; 
            display:inline; 
            padding:0; 
            margin-left:-61px; 
            margin-top:-5px;
        }

        div.newsPanel span.icon.mixtape
        {
            width:50px; 
            height:35px; 
            background:url('/images/bannerTitleIconMixtape.png') no-repeat;
        }

        #newsHeading
        {
            background: none;
            font-weight:bold;
            margin:0px;
            padding:0px;
        }

        #newsHeading img
        {
            float:left;
            padding:0 2px 2px 0;
        }

        .linkPanel
        {
            background:url('/images/panel.png') no-repeat;
            margin:0 0 0 4px;
            padding:0 0 0 0;
            width:159px;
            height:68px;
        }

        .linkPanel a
        {
            height:36px; 
            display:block; 
            float:left; 
            text-decoration:none;
            text-shadow:0px 2px 2px #000; 
            color:#ffffff;
            padding:20px 14px 10px 14px;
            cursor:pointer;
            font-size:12px;
            font-weight:bold; 
        }

        .linkPanel a:hover
        {
            color:#ffffff;
            background:url('/images/panel-over.png') no-repeat;
        }

        #header
        {
            padding:18px 0 0 18px;
            margin:0 64px 0 0;
            background:url('/images/footer-bg3.jpg') repeat-y;
            width:1000px;
            height:70px;
            text-align:right;
        }

        #footer
        {
            padding:5px 0 0 18px;
            background:url('/images/footer-bg.jpg') repeat-y;
            width:1000px;
            height:145px;
        }

        #footer .footerLinks
        {
            
            float:left; margin:20px 0 0 30px; height:40px;
        }

        #footer .footerLinks a
        {
            font-size:14px;
            text-decoration:none;
        }

        div.productDivider
        {
            height:13px;
            width:120px;
            background:url(/images/contentItemDivider.gif) no-repeat;
        }

        div.artist 
        {
            color:#6E776C;
            font-family:"Times New Roman",Times,serif;
            font-size:12px;
            font-style:italic;
            font-weight:bold;
            max-height:15px;
            min-height:13px;
            overflow:hidden;
            text-transform:capitalize;
            width:124px;
        }

        div.title 
        {
            color:#288383;
            /*font-family:Arial,Helvetica,sans-serif;*/
            font-size:12px;
            font-weight:bold;
            margin-top:5px;
            height:200px;
            /*
            max-height:380px;
            min-height:380px;
            */
            overflow:hidden;
            text-transform:capitalize;
            width:124px;
        }

        div.title a 
        {
            color:#288383;
            text-decoration:none;
            height:200px;
        }

        div.listens
        {
            color:#8A8A8A;
            font-size:10px;
            height:20px;
        }

        div.listens span
        {
            color:#3B3939;
        }

        div.shadow 
        {
            color:#000000;
            background: url(images/shadow-1000x1000.png) repeat-y right bottom;
            padding: 5px 10px 10px 5px;
			overflow: hidden;
        }

        img.shadow
        {
            float:right;
            background: url(images/shadow2-1000x1000.png) no-repeat right bottom;
            padding: 5px 10px 10px 5px;
        }

        img.shadowLeft
        {
            float:left;
            background: url(images/shadow2-1000x1000.png) no-repeat right bottom;
            padding: 5px 10px 10px 5px;
        }

        div.listenButton
        {
            clear:both;
            background: url('../images/listen-bar-bg.png') no-repeat left top;
            height:19px;
            width:180px;
            padding:3px 0 0 5px;
            margin:0 0 0 -10px;
            color:#9ED3E0;
            font-weight:bold;
            text-align:center;
        }

        .listenButton a
        {
            text-decoration:none;
        }

        .miscLinks
        {
            font-weight:bold;
            color:#288383;
        }

        .miscLinks a
        {
            text-decoration:none;
            color:#288383;
        }

        .miscLinks a:hover
        {
            text-decoration:none;
            color:#ffffff;
        }


        ul#navlist li 
        { 
            text-decoration:none;
            color:#288383;
            display: inline;
            font-weight:bold;
        }

        ul#navlist li a
        {
            text-decoration:none;
            color:#288383;
        }

        div.topLeft
        {
            background: url(images/top-left.png) no-repeat left top;
            height:10px;
            width:8px;
            float:left;
        }

        div.topTop
        {
            background: url(images/top.png) repeat-x;
            height: 10px;
            /*width: 593px;*/
            float: left;
        }

        div.topRight
        {
            background: url(images/top-right.png) no-repeat right top;
            height:10px;
            width:16px;
            float:left;
        }

        div.topCurve
        {
            clear: both;
            margin: 0 0 0 0;
            height: 10px;
        }

        div.bottomLeft
        {
            background: url(images/bottom-left.png) no-repeat left top;
            height:18px;
            width:8px;
            float:left;
        }

        div.bottomTop
        {
            background: url(images/bottom.png) repeat-x;
            height: 18px;
            /*width: 593px;*/
            float: left;
        }

        div.bottomRight
        {
            background: url(images/bottom-right.png) no-repeat right top;
            height:18px;
            width:16px;
            float:left;
        }

        div.bottomCurve
        {
            clear: both;
            margin: -5px 0 0 0;
        }



div.footerOverlay{background:url(/images/footerOverlayBackground.png) no-repeat top; display:none; visibility:hidden; position:relative; z-index:4;  /*top:-82px; min-height:80px; */ bottom:82px; padding:20px 30px 10px 30px; height:auto; overflow:hidden; }
div.footer div.footerOverlay a{ color:#CCCCCC; }

div.footerOverlay div.title{ font-size:11px; color:#cfcfcf; font-family:Tahoma; background:url(/images/labelArrowDark.gif) no-repeat 0px 3px; font-weight:bold; margin:5px 0 5px -10px; padding-left:10px; }
div.footerOverlay div.smalltext{ color:#808080; font-size:10px; font-family:Arial; font-style:italic; }
div.footerOverlay li{ list-style:none; margin-bottom:3px; }
div.footerOverlay input[type="text"], div.footer div.footerOverlay textarea{ background:#e9e9e9; border:1px solid #000000; width:550px; color:#333333; padding:2px; font-size:11px; font-weight:bold; font-family:Arial; }
div.footerOverlay textarea{ height:30px; }

div.subfooterContent{text-align:center; height:31px; background:url(/images/leftColumnModule1SubFooterBackground.gif) repeat-x; padding:0px 0px 0px 25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; position:relative; z-index:5;}
div.subfooterContent a{height:31px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; text-decoration:none; display:block; float:left; background:url(/images/leftColumnModule1SubFooterDivider.gif) no-repeat right; padding:0px 15px 0px 10px; cursor:pointer;}/* display:inline-block; causes weird issues in FF2 */
div.subfooterContent a span{ /*background:none; padding:5px;*/ }
div.subfooterContent a.hovered{ background:#191919 url(/images/leftColumnModule1SubFooterDividerHover.gif) repeat-x; margin-left:-2px; padding-left:12px;}
div.subfooterContent a.hovered span{ /*background:#191919;*/ }
div.subfooterContent a.last{height:31px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; text-decoration:none; display:inline-block; background:none; padding:0px 15px 0px 10px;}
div.subfooterContent a.last.hovered{ background:#191919 url(/images/leftColumnModule1SubFooterDividerHover.gif) repeat-x; }
div.subfooterContent a img{/*width:10px; height:10px;*/ margin-right:5px; vertical-align:middle;}
div.subfooter{height:6px; background:url(/images/leftColumnModule1SubFooter.gif) no-repeat;}
div.wholefooter{clear:both; height:23px; background:url(/images/leftColumnModule1WholeFooter.gif) no-repeat;}

div.subfooterContent{text-align:center; height:31px; background:url(/images/leftColumnModule1SubFooterBackground.gif) repeat-x; padding:0px 0px 0px 25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; position:relative; z-index:5;}
div.subfooterContent>span{height:31px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; text-decoration:none; display:block; float:left; background:url(/images/leftColumnModule1SubFooterDivider.gif) no-repeat right; padding:0px 15px 0px 10px; cursor:pointer;}/* display:inline-block; causes weird issues in FF2 */
div.subfooterContent>span span{ /*background:none; padding:5px;*/ }
div.subfooterContent>span.hovered{ background:#191919 url(/images/leftColumnModule1SubFooterDividerHover.gif) repeat-x; margin-left:-2px; padding-left:12px;}
div.subfooterContent>span.hovered span{ /*background:#191919;*/ }
div.subfooterContent>span.last{height:31px; line-height:31px; text-transform:uppercase; font-weight:bold; color:#9ba2a4; text-decoration:none; display:inline-block; background:none; padding:0px 15px 0px 10px;}
div.subfooterContent>span.last.hovered{ background:#191919 url(/images/leftColumnModule1SubFooterDividerHover.gif) repeat-x; }
div.subfooterContent>span img{/*width:10px; height:10px;*/ margin-right:5px; vertical-align:middle;}
	





.hidden {
display:none;
visibility:hidden;
}












      .star_ratings
      {
        margin: 0 0 0 0;
      }


/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:-17px 0 0 42px;
	padding:0;
	list-style:none;
	/*clear:both;*/
	position:relative;
	background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */


    form#commentForm fieldset {
      /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
      color:#000000;
      border-color: #dddddd;
      border-width: 1px;
      border-style: solid;
      padding: 10px;        /* padding in fieldset support spotty in IE */
      margin: 0;
      text-align:left;
    }

    form#commentForm fieldset legend {
        font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                           /* be careful with padding, it'll shift the nice offset on top of border  */
        color:#000000;
    }

    form#commentForm label { 
        display: block;  /* block float the labels to left column, set a width */
        float: left; 
        width: 68px; 
        padding: 0; 
        margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
        text-align: left; 
    }

    form#commentForm fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
        text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                        /* pseudo-class on legend elements, but do support it on label elements */
                                        /* we instead underline first letter on each label element and accesskey */
                                        /* each input. doing only legends would  lessens cognitive load */
                                       /* opera breaks after first letter underlined legends but not labels */
    }

    form#commentForm input#reset {
        margin-left:0px; /* set margin-left back to zero on reset button (set above) */
    }

    textarea { overflow: auto; }

    form#commentForm small {
        display: block;
        margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
        padding: 1px 3px;
        font-size: 88%;
    }

    form#commentForm .required{font-weight:bold;} /* uses class instead of div, more efficient */

    form#commentForm br {
        clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
    }

/* standard form
----------------------------------------------------------------------------*/
.form_standard label{
float: left;
width: 120px;
color:#0072BF;
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.form_standard input, textarea{
width: 180px;
margin-bottom: 5px;
}

.form_standard textarea{
width: 250px;
height: 150px;
}

.form_standard .boxes{
width: 1em;
}

.form_standard #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.form_standard br{
clear: left;
}

.form_standard .button1_nav {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000; 
background: url(../images/button1_bg.gif) top repeat-x #FFCC00; 
border: solid 1px #996600; 
text-align: center; 
padding: 3px; 

cursor: pointer; 

margin-top: 5px;
width: 190px;
}

.MixtapeUpload
{
  font-size: 14px;
  color: #78bdd0;
  padding: 0 0 10px 0;
}

.MixtapeUpload a
{
    font-size:14px;
	color:#588a98;
	border-color:#78bdd0;
}

.MixtapeUploadPanel
{
    margin: 70px auto; 
	width: 170px;
}

#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
#artistName{
	padding:3px;
	margin:3px 3px 3px 0;
	border:1px #CCC solid;
	font-size:17px;
}


#email
{
	padding:3px;
	margin:3px 3px 3px 0;
	border:1px #CCC solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}

#Picture
{
	padding:3px;
	margin:3px 3px 3px 0;
	/*border:1px #CCC solid;*/
	font-size:17px;
}

.suggestionsBox {
	position: absolute;
	left: 0px;
	top:40px;
	margin: 26px 0px 0px 0px;
	width: 200px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	background-color: #000;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#000;
}
ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}

.load{
background-image:url(loader.gif);
background-position:right;
background-repeat:no-repeat;
}

#suggest {
	position:relative;
}

#radioplayer
{
  float: left; 
  margin: 0 0 0 0; 
  padding: 0 52px 0 12px;
  height: 50px;
  width: 350px;
}


#myprofileRight
{
  display:inline;
  float:left;
  width:240px;
}

#profilePic
{
  margin:-120px 0 0 0;
  height: 124px;
  width: 166px;
  z-index: 2;
}

.account-info
{
  padding:5px 0 0 0;
  list-style-image:url("/images/bullet.gif");
  list-style-position:inside;  
}

.quotecodeheader {

	font-weight: bold;
}

.codebody {
	background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    color: #006600;
    border: 1px solid #BFBFBF;
}

.quotebody {
	background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    /*font-size: 12px;*/
    color: #660002;
	border: 1px solid #BFBFBF;
}

.listbullet {
	list-style-type: disc;
	list-style-position: inside;
}

.listdecimal {
	list-style-type: decimal;
	list-style-position: inside;
}

.listlowerroman {
	list-style-type: lower-roman;
	list-style-position: inside;
}

.listupperroman {
	list-style-type: upper-roman;
	list-style-position: inside;
}

.listloweralpha {
	list-style-type: lower-alpha;
	list-style-position: inside;
}

.listupperalpha {
	list-style-type: upper-alpha;
	list-style-position: inside;
}

/*COMMENTS
*------------------------------------*/

.postedby {
	padding: 0 0 0 18px;
	/*background: url(images/abullet.gif) no-repeat 0 4px;*/
	}
	
h3.formtitle {
	margin : 0px 0px 0px 0px;
	border-bottom: 1px dotted #000;
	padding-bottom: 8px;
	}

.commentbody {
	/*border-bottom: 1px dotted #AFAFAF;*/
    margin: 0 0 0 0;
    /*min-height:80px;*/
    padding:10px 0 0 0;
	}

.commentbody a{
    font-weight:bold;
    color:#288383;
    }

.commentText {
    float:left; 
    padding:0 0 0 7px;
    clear:right;
    }


.commentWhen, .commentWhoWhen {
    font-weight:bold;
    clear:right;
    }

.commentUserImage {
    float:left;
    }

.commentTitleBar {
    border-bottom: 1px dotted #AFAFAF;
    float:right;
    width:508px;
    padding:0 0 7px 0;
}

.commentDivider {
    border-bottom: 1px dotted #AFAFAF; 
    padding:10px 0 0 0;
    }

/*gray box*/
.submitcomment, #submitcomment, #currentcomments, #rating, .textad {
	/*background-color: #F5F5F5;*/
	border: 1px dotted #ccc;
	padding: 5px;
	margin: 20px 0px 0px 0px;
    text-align:left;
	}


/*FORMS
*------------------------------------*/

.form {
	/*font-size: 70%;*/
	background-color: #FAFAFA;
	border: solid 1px #C6C6C6;
	padding: 2px;
	}

.formtext {
	background-color: #FAFAFA;
	border: solid 1px #C6C6C6;
	padding: 2px;
	border-bottom: 1px dotted #ccc
	}

.form:hover, .formtext:hover {
	background: white;
	}
	
.form:focus, .formtext:focus {
	background: white;
	border: solid 1px #000000;
	}
	
.submit {
	/*background-color: #D3D3D3;*/
  background:transparent url(/images/login-bar-bg.png) no-repeat scroll 0 0;
	/*border: solid 1px #C6C6C6;
	border-right:  solid 1px #9A9A9A;
	border-bottom:  solid 1px #9A9A9A;
  */
  color:#9BEAFF;
  font-weight:bold;
	}
	
.submit:hover, .submit:focus
{
  /*background: #EDEDED;*/
  color:#ffffff;
  font-weight:bold;
}

.author
{
     font-size: 10px;
     color: #777;
}

.newdate
{
     color: #777;
}

.paginate
{
    padding:0 0 0 40px;
    clear:left;
}