html, body {
	margin:0 auto;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	background-color:#474747;
	background-image:url(images/background_art02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment: fixed;	
	color:#FFFFFF;
	text-align:left;
}

#wrap {
	float:left;
	margin: 0px;
	padding: 0px;
	text-align: left;		
}


#wrapinner 
{
	float:left;
	width: 918px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding-left:20px;
	
	
}

#mainbodywrapper
{
	float:left; 
	position:relative;  
	height: auto; 
	width:899px;
	background-image:url(images/img_subNavBG.png);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
}

#mainbody
{	
	float:left; 
	width: 899px; 
	background-color:#474747;
	position: relative; 
    min-height :700px;
	padding-top:15px;
}	

#mainbodybottom
{	
	float:left; 
	width: 899px; 
	position:relative; 
	height: 30px; 
	background-image:url(images/img_column_bottom.png);
	background-position:center top;
	background-repeat:no-repeat;
}	

#footertop
{	
	float:left; 
	width: 899px; 
	position:relative; 
	height:10px; 
	background-image:url(images/img_footertop.png);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
}	

#footer
{	
	float:left; 
	width: 899px; 
	background-color:#474747;
	position:relative; 
	height:40px; 
	overflow:hidden;
}	

#topbar {
	float:left; 
	position:relative; 
	width: 899px; 
	height: 190px;
}


#topad
{
	float:left; 
	position:relative; 
	width: 810px; 
	padding-left:85px;
	padding-top:2px;
	padding-bottom:2px;
}

#topnav{
	float:right; 
	position:relative; 
	text-align:right;
	width: 899px; 
	height: 68px; 
	color:#FFFFFF;
	/*background-image:url(images/img_header.png);*/
	background-image:url(images/img_header_beta.png);
	background-position:left top;
	background-repeat:no-repeat;
}
	
.topnav_loggedout{
	float:right; 
	position:relative; 
	text-align:right;
	width: 899px; 
	height: 68px; 
	color:#FFFFFF;
	background-image:url(images/header_loggedOut.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.topnav_loggedin{
	float:right; 
	position:relative; 
	text-align:right;
	width: 899px; 
	height: 68px; 
	color:#FFFFFF;
	background-image:url(images/header_loggedIn.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainnavcontainer
{
	float:left; 
	position:relative; 
	width: 899px; 
	height:87px; 		
}

#mainnav{
	float:left; 
	position:relative; 
	width: 899px; 
	height: 19px;
	font-family:Arial;
	font-size:12px; 
	color:#FFFFFF; /*white*/
	overflow:visible;
}

#mainnavleft
{
	float:left; 
	height: 19px;
	width: 99px; 
	background-image:url(images/img_navBar_left.png);
	background-position:left top;
	/*background-repeat:no-repeat;*/
}

#mainnavright
{
	float:left; 
	height: 19px;
	width: 99px; 
	background-image:url(images/img_navBar_right.png);
	background-position:left top;
	/*background-repeat:no-repeat;*/
}

#subnav{
	float:left; 
	position:relative; 
	width: 907px; 
	height:20px; /*12px;*/
	padding-left:15px; 
	padding-top:10px; 
	padding-bottom:6px;
	background-color:#373737; /*gray*/
	font-family:Verdana;
	font-size:10px; 
	color:#FFFFFF; /*white*/
}	

#subnavContainer{
	float:right; 
	position:relative; 
	height: 12px; 
	width: auto;
}



#topside
{
	float:left; 
	position:relative; 
	height:32px; 
	width: 885px;
}

#topsideSeparator{
	float:left; 
	position:relative; 
	width: 876px; 
	height: 12px;}

#pageHeader{
	float:left; 
	position:relative; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:10px; 
	height:38px;
	width: 225px;
}

#accountNavBar{
	float:left; 
	position:relative; 
	padding-top:20px;
	width: 648px; 
	height: 25px;
}



.mainnavbutton
{
	float:left; 
	padding-top:3px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica LT;
	height: 16px;
	width: 100px; 
	text-align:center;
	background-image:url(images/btn_mainNav_A.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
 
        
.bubbleTL
{
	float:left; 
	height:29px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_TL.png); 
	background-position:left top; 
	background-repeat:no-repeat;
	
}

.bubbleTR
{
	float:left; 
	height:29px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_TR.png); 
	background-position:left top; 
	background-repeat:no-repeat;
}

.bubble300T
{
	float:left;
	padding: 0px 0px 0px 0px;
	height:29px; 
	width:280px; 
	background-image:url(images/img_dots.png); 
	background-position:left top; 
	background-repeat:repeat;
}

.bubble560T
{
	float:left;
	padding: 0px 0px 0px 0px;
	height:29px; 
	width:540px; 
	background-image:url(images/img_dots.png); 
	background-position:left top; 
	background-repeat:repeat;
}

.bubble560M
{
	float:left;
	height:auto; 
	width:550px; 
	padding:10px 0px 0px 10px;
	background-color:#2e2e2e;
}

/* chatter bubbles */

.bubbleTL_c
{
	float:left; 
	height:20px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_TL.png); 
	background-position:left top; 
	background-repeat:no-repeat;
	
}

.bubbleTR_c
{
	float:left; 
	height:20px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_TR.png); 
	background-position:left top; 
	background-repeat:no-repeat;
}

.bubble560T_c
{
	float:left;
	padding: 0px 0px 0px 0px;
	height:20px; 
	width:540px; 
	background-image:url(images/img_noDots.png); 
	background-position:left top; 
	background-repeat:repeat;
}

.bubble560M_c
{
	float:left;
	height:auto; 
	width:550px; 
	padding:0px 0px 0px 10px;
	background-color:#2e2e2e;
}
/* */

.bubble300M
{
	 float:left;
	 height:auto; 
	 width:290px; 
	 padding:10px 0px 0px 10px;
	 background-color:#2e2e2e;
	 overflow:auto;
}

.bubbleBL
{
	float:left;
	height:10px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_BL.png); 
	background-position:left top; 
	background-repeat:no-repeat;
	overflow:hidden;
	
}

.bubbleBR
{
	float:left;
	height:10px; 
	width:10px; 
	background-image:url(images/img_cornerWindow_BR.png); 
	background-position:left top; 
	background-repeat:no-repeat;
	overflow:hidden;
	
}
.bubble560B
{
	float:left;
	height:10px; 
	width:540px; 
	background-color:#2e2e2e;
	overflow:hidden;
}
	
.bubble300B
{
	float:left;
	height:10px; 
	width:280px; 
	background-color:#2e2e2e;
	overflow:hidden;
}

.bubble560Comments
{
	float:left;
	padding: 0px 0px 0px 0px;
	height:10px; 
	width:540px; 
	background-image:url(images/img_dot.gif); 
	background-position:left top; 
	background-repeat:repeat;
}

.bubbleFeedPhoto
{
	float:left;
	background-image:url(images/img_feed_photoBG.gif); 
	background-repeat:no-repeat; 
	width: 540px; 
	height: 140px; 
	padding-bottom:6px;
}

.bubbleFeedVideo
{
	float:left;
	background-image:url(images/img_feed_videoBG.gif); 
	background-repeat:no-repeat; 
	width: 540px; 
	height: 140px; 
	padding-bottom:6px;
}

.bubbleFeedFriend
{
	float:left;
	background-image:url(images/img_feed_friendBG.gif); 
	background-repeat:no-repeat; 
	width: 540px; 
	height: 75px; 
	padding-bottom:6px;
}

.subnavitem
{
	float:right; 
	position:relative; 
	padding-right:10px;
}

#sectiontitle
{
	float:left; 
	position:relative; 
	padding-top:15px; 
	width: 550px; 
	height: 40px;
}

/*LEFT SIDE OF PAGE */
#leftside
{
	float:left; 
	position:relative; 
	width: 560px; 
	height: auto;
	padding-left:10px;
	overflow:hidden;
}

#userprofile
{
	float:left; 
	position:relative; 
	width: 560px; 
	height: 225px; 
	background-color:#333333; /*gray*/
	color:#FFFFFF; /*white*/
}

.username
{
	font: Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing:0.6px;
}

.pictitle
{
	font: Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	letter-spacing:0.6px;
}

#userprofilepic
{
	float:left; 
	position:relative; 
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 200px; 
	height: 205px; 
}

#userprofilebio
{
	float:left; 
	position:relative; 
	padding-top:10px;
	width: 332px; 
	height: 190px; 
}

/*RIGHT SIDE OF PAGE */
#rightside
{ 
	float:left; 
	position:relative; 
	padding-left:15px;
	width: 300px; 
	height: auto; 
	overflow:hidden;
}

#featuredartist
{
	float:left; 
	position:relative; 
	width: 299px; 
	height: 225px; 
}

#login
{
	float:left; 
	position:relative; 
	width: 248px;  
}



.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px;
	border-style: solid;	
}

.thumbLinkOver{
	border: 2px solid #f4b50a; 
}

.thumbLink{
	border: 2px solid #2e2e2e;
}


.thumb105over {
	font-size:9px;
	color:#f4b50a;
	visibility:hidden; 
	height:95px; 
	background-color:#000000; 
	padding:2px; 
	opacity:0.75;
	filter:alpha(opacity=75);
	border: 2px solid #f4b50a; 
	overflow:hidden;
}

.thumb105over2 {
	font-size:9px;
	color:#f4b50a;
	visibility:hidden; 
	height:95px; 
	padding:2px; 
	border: 2px solid #f4b50a; 
	overflow:hidden;
}

.thumb105out 
{	
	float:left; 
	width:103px; 
	height:103px;  
	background-repeat:no-repeat; 
	background-position:left; 
	border:1px; 
	border-style:solid; 
	border-color:#000000;
}

.thumb55over {
    visibility:hidden; 
    color:#f4b50a;
    height:44px; 
    width:44px; 
    padding:2px; 
    opacity:0.75; 
    filter:alpha(opacity=75); 
    border: 2px solid #f4b50a;
}

.thumb55out {
	 float:left; 
	 width:52px; 
	 height:52px; 
	 border:1px; 
	 border-style:solid; 
	 border-color:#000000; 
	 background-position:center; 
	 background-repeat:no-repeat;
}
        
.sub {
	visibility:hidden; 
	height:70px; 
	background-color:#000000; 
	padding-left:2px; 
	opacity:0.75;
	filter:alpha(opacity=75);
	border: 2px solid #f4b50a; 
} 
   

.watermark_errorHighlight
{
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color:Red;
}

h1{
	font-size:24pt;
	font-family: Arial, sans-serif;
	letter-spacing:0.0em;
	color:#FFFFFF; 
	margin:0em 0em 0em 0em;
}

h2 
{	
	font-size:18px;
	color:#FFFFFF;
	margin:0em 0em 0em 0em;
	font-weight:bold;
}

h3 {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica LT;
	font-family: Arial, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	color:#FFFFFF;
	margin: 0em 0em 0em 0em;
}

.text
{
	font-family: Verdana, sans-serif;
	font-size: 9px;
}

.textcontainer ul { 
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
        
.textcontainer li { 
	margin: 0;
	padding: 0;
	height: 30px;
}
        
.inputcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
        
.inputcontainer li{
	margin: 0;
	padding: 0;
	height: 30px;
}

/*SUBNAVITGATION ELEMENTS*/
        
#subnavigation
{
	float:left; 
	position:relative; 
	font-size:9px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica LT;
	padding-top:4px;
	height: 16px;
	width: 899px; 
	background-image:url(images/img_subNavBG_orange.png);
	color:#000000;
}

#subnavigation a:link, #subnavigation a:visited {
	color:#000000;
	text-decoration: none;
	cursor:pointer;
}

#subnavigation a:hover {
	/*color:#f4b50a;*/
	color:#ffffff;
	text-decoration: underline;
	cursor:pointer;
}

a.chatterrightlink:link, a.chatterrightlink:visited {
	color:#f4b50a;
	text-decoration: underline;
	cursor:pointer;
	font-size:14px; 
	font-weight:bold;
	line-height:2.0;
}

a.chatterrightlink:hover {
	color:#ffffff;
	text-decoration: none;
	cursor:pointer;
	font-size:14px; 
	font-weight:bold;
	line-height:2.0;
}
.accountNavTitle
{
	color:#FFFFFF;
	float:left; 
	position:relative; 
	font-weight:bold;
	padding-left:14px;
}

.accountNavItem
{
	color:#444444;
	float:left; 
	position:relative; 
	padding-left:14px;
}

a.mainnavitems:link, a.mainnavitems:visited {
	color:#000000;
	text-decoration: none;
	cursor:pointer;
	font-size:10px; 
	font-weight:bold;
}

a.mainnavitems:hover {
	color:#ffffff;
	text-decoration: none;
	cursor:pointer;
	font-size:10px; 
	font-weight:bold;
}

/* ------------------- */

a, href{
	text-decoration: none;
	color:#f4b50a;
}
	
a:hover {
	text-decoration: none;
	cursor:pointer;
	color:#fff;
}
	
a.mainnavbutton
{
	text-decoration: none;
	color: #000000;
}

a.mainnavbutton:hover 
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.selstill { 
	border: 1px solid #f4b50a; 
	padding:4px;
	background-color: #f4b50a;
	width: 110px;
	height: 110px;
}
.vimg { 
	border: 0px; 
	padding:4px;
	width: 110px;
	height: 110px;
}

.modalBackground {
	background-color:#474747;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.feedFont {
	font-size:12px;
}

.feedFontTitle {
	font-size:16px;
	font-weight:bold;
}

.feed105over {
	font-size:9px;
	color:#f4b50a;
	visibility:hidden; 
	height:102px; 
	width:102px;
	background-color:#000000; 
	padding:2px; 
	opacity:0.75;
	filter:alpha(opacity=75);
	border: 2px solid #f4b50a; 
	overflow:hidden;
}

.FeedLink
{
	border: 5px solid #000000; 
	height:110px; 
	width:110px;
}

/*--------------------------

MODAL POPUPS

-------------------------- */

.modalPopup
{
	width:400px;
	height:400px;
	color:#FFF;
}

.modalBackground 
{
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.6;
	overflow:hidden;
}


/* 
.FileUploadProgress_MainDiv      { border-width:1px; border-style:solid; border-color:#333;
                                                  background-color:#333;padding:3px; padding-top:5px; width:500px;
                                               }
.FileUploadProgress_Primary      { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Secondary  { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Status        { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Current      { font-family:verdana; font-size:12px; color:#DF954F; margin:2px;}
.FileUploadProgress_Bar            { width:90%; margin:0px; margin-left:2px; margin-right:2px;
                                                  background-color:#333;background-repeat: repeat-x;
                                               }
.FileUploadProgress_ProgressBar              { height:21px; background-repeat: repeat-x;}
.FileUploadProgress_UploadedListFileName { font-family:verdana; font-size:12px; font-weight:bold; color:#009999;}
.FileUploadProgress_UploadedListFileText   { font-family:verdana; font-size:12px; color:#0000FF;}
.FileUploadProgress_UploadedListTable      { margin:2px;}
.FileUploadProgress_UploadedListRow        {}
*/

/*
a:link, a:visited {
	color:#f4b50a;
	text-decoration: none;
	cursor:pointer;
}

.mainNavText a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
.mainNavText a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
.mainNavText a:hover {
	text-decoration: none;
	color: #f4b50a;
	}
.mainNavText a:active {
	text-decoration: none;
	color: #f4b50a;
	}
	
	
.accountNav a:link {
	text-decoration: none;

	color:#FFFFFF; 
	}
.accountNav a:visited {
	text-decoration: none;
	color:#FFFFFF; 
	}
.accountNav a:hover {
	text-decoration: none;
	color:#f4b50a;
	}
.accountNav a:active {
	text-decoration: none;
	color: #f4b50a;
	}

.void a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
.void a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
.void a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #333333;
	}
.void a:active {
	text-decoration: none;
	color: #FFFFFF;
	}
	
*/

