/* CSS Document */

form 
{
	margin: 0px;
}
body{
	background:#BABABA url(/_img/_cpanel/bg_grad.gif) repeat-x;
}
body,td,select,input,textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:10px;
}
hr.bg { background: #fff url(/_img/_core/borderLine.gif) no-repeat center bottom;
    margin: 8px auto;
    height: 1px;
    border: 0 none;
}
select,input,textarea{
	color:#333333;
}
#main{
	text-align:left;
	width:800px;
}
#banner{
	overflow:hidden; padding-bottom:5px; background:url(/_img/_cpanel/banner_top_bg.gif) top left no-repeat; height:192px;
	padding-bottom:5px; 
	background:url(/_img/_cpanel/banner_top_bg.gif) top left no-repeat; 
	background-color: Transparent;
	height:192px;
}
#bannerNav{
	float:right; padding:10px; text-align:right; height:80px; width:500px; color:#FFF; background-color: Transparent;
}
#bannerSearchLinks a, #userLinks a{color:#FFF; padding-right:2px; padding-left:2px;}
#bannerSearchLinks a:hover, #userLinks a:hover{ text-decoration:none; color:#f27f03;}
#bannerSearchLinks .selected{color:#f27f03;}
#bannerSearchLinks{
	padding-bottom:8px;font-size:11px; text-align:center;
}
#searchField{
	margin-right:0px; margin-left:-10px; width:330px; background:url(/_img/_cpanel/search_bg.gif) left top no-repeat; border:none; height:22px; padding-left:20px; padding-top:5px;
}
#searchSubmit{
	margin-left:0px; width:150px; height:22px; background-color:#ff9900;
}
#topMain{
	width:800px;
	text-align:center;
}
#leftNav{
	float:left;
	width:175px;
	text-align:left;
}
#rightMain{
	text-align:left;
	float:left;
	width:625px;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:20px;
	overflow:hidden;
}
#menu {
	text-align: center;
	background: #fff url(/_img/_cpanel/main_nav_bg.gif) center no-repeat;
	height:38px;
	vertical-align:bottom;
}
#mediaContent{
	text-align:left;
	float:left;
	width:800px;
	margin-left:5px;
	background:#000;
	margin-bottom:20px;
}
#trayMain{background-color: #000; float:left; width:800px; height:560px;}
#trayCenterTitle{
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:12px;
	background:url(/_img/_cpanel/media_title_bg.jpg) no-repeat center top;
	height:42px;
	text-align:center;
	font-size:18px;
	padding-left:130px;
	padding-right:130px;
}
#trayLeftTitle, #trayRightTitle{
	float:left; 
	color:#333; 
	margin-top:-25px; 
	width:250px; 
	margin-left:20px; 
	font-size:14px; 
	font-weight:bold; 
	text-transform:uppercase;
	z-index:5;
}
#trayRightTitle{
	float:right;
	text-align:right;
	margin-right:20px; 
}
#mediaPlayerLeft{
	float:left; height:257px; width:272px;background:url(/_img/_cpanel/media_ball_bg_01.jpg) no-repeat;
}
#profileImage{ float:left; margin-right:5px; } 
#userSummary{
	line-height:11px;margin-top:5px;
}
#footer{
	background-color:#BABABA; 
	padding:10px; 
	float:left; 
	width:780px;
}
.orangeBorderBox
{
	margin: 10px;
	padding:10px;
	border:solid 1px #333;
}
.orangeBorderBoxHeader{
	margin:-10px; margin-bottom:10px; padding:10px; background:#333; color:white;
}
.pageHeader{
	margin:-20px; margin-bottom:20px; margin-top:-10px; padding:20px; padding-left:50px; text-transform:uppercase; font-size:24px; background:#333; color:white;
}
.dottedRuleOnWhite{
	margin-top:10px; background:url(/_img/_core/dots_grey.gif) no-repeat center top;
}
.videoSmall{
	width:320px;
	height:240px;
}
.videoLarge{
	position:absolute;
	z-index:10;
	left:10px;
	top:0px;
	width:780px;
	height:450px;
	background:black;
}
.songButton{
	float:left; 
	width:170px; 
	background:url(/_img/_cpanel/media_song_bg.gif) 
	repeat-x top; 
	height:40px; 
	padding:5px;
	color:#666666;
}
.sepAfter {
	border-right:solid 1px white;
}
.topNavBT{
	padding: 15px 7px 7px;
	margin-top:20px;
	color:#333333;
	font-size:12px;
}
a.current {
	background:url(/_img/_cpanel/main_nav_bg_selected.gif) repeat-x;
	color:#FFF;
	margin-left:-4px;
	font-weight:bold;
}
.topNavBT:hover{
	color:#000000;
}
.tab{
	margin-top:2px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 5px 7px 5px;
	color:#FFF;
	font-size:10px;
}
.tabSelected{
	color: #f27f03;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
}
.tab:hover{
	color:#ff9900;
	text-decoration:none;
}
.tabRight{
	background-color:#FFFFFF;
	margin-left:-5px;
	padding:5px 29px 6px 0px;
	background-image: url(/_img/_cpanel/tab_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.tabLeft{
	background-color:#FFFFFF;
	padding:5px 0px 6px 0px;
	padding-left:29px;
	background-image: url(/_img/_cpanel/tab_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.submit{
	background:url(/_img/_cpanel/bt_bg.gif) repeat-x;
	color:#FFFFFF;
	padding-right:10px;
	padding-left:10px;
	border:#000000 solid 1px;
}
.submit:hover{
	border:#F27f03 solid 1px;
}
.submitOrange{
	background:url(/_img/_cpanel/bt_bg_orange.gif) repeat-x;
	color:#FFFFFF;
	padding-right:10px;
	padding-left:10px;
	border:#F27f03 solid 1px;
}
.submitOrange:hover{
	border:#000000 solid 1px;
}
.hidden{
	display:none;
	visibility:hidden;
}
.visible{
	display:;
	visibility:visible;
}
body, select, textarea{
	scrollbar-base-color:#000;
	scrollbar-3dlight-color:#000; 
	scrollbar-darkshadow-color:#000; 
	scrollbar-arrow-color:#666; 
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#666; 
	scrollbar-shadow-color:#666;
}
input, textarea, select{
	border:solid 1px #CCCCCC;
	padding:2px;
}
a{
	color:#f27f03;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul.mediaBT{
	float:left;
	margin-top:27px;
	margin-left:-25px;
	//margin-left:5px;
}
ul.mediaBT li{
	margin-left:0px;
	list-style:none;
	display:block;
	float:left;
}
ul.mediaBT li a, ul.trayFooter li a{
	margin-right:2px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color:#999;
}
ul.mediaBT li a:hover, ul.trayFooter li a:hover{
	text-decoration:none;
	color:#FFF;
}
ul.trayFooter{
	display:block;
	margin-top:30px;
}
ul.trayFooter li{
	display:inline;
	list-style:none;
}
.mediaBox{
	width:240px;
	margin-top:20px;  
	margin-left:15px; 
	height:190px; 
	overflow:auto; 
	color:#FFF;
}
.mediaBox .copy{
	font-size:10px;
	color:#FF9900;
	text-transform:uppercase;
	font-weight:bold;
}
.mediaBox .label{
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
}
.mediaBox .quote{
	font-size:9px;
	text-transform:uppercase;
	color:#666;
}
.mediaBox .firstname{
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
}
.mediaBox .lastname{
	font-size:18px;
	text-transform:uppercase;
	color:#666;
}
.orange{color:#f27f03;}
.black{color:#000000;}
.white{color:#FFFFFF;}
.sectionHeader{
	border-bottom:#000000 solid 1px;
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	background:#f27f03;
	color:#FFFFFF;
}
.boxHeader{
	height:27px;
	background:url(/_img/_cpanel/layout/box_header_bg.gif) repeat-x;	
}
.rightCorner{
	float:right;
	height:27px;
	width:12px;
	background:url(/_img/_cpanel/tr_corner.gif) no-repeat right;
}
.boxHeaderMedia{
	height:27px;
	padding-left:10px;
	color:#999999;
	background:url(/_img/_cpanel/grad_bg_black.gif) repeat-x;
	border-left:solid 1px #999999;
}
.boxHeaderFriends{
	height:27px;
	padding-left:10px;
	color:#000000;
	background:url(/_img/_cpanel/grad_bg_grey.gif) repeat-x;
	border-left:solid 1px #999999;
}
.boxHeaderProfile{
	height:27px;
	padding-left:10px;
	color:#FFFFFF;
	background:url(/_img/_cpanel/grad_bg_orange.gif) repeat-x;
	border-left:solid 1px #999999;
}
.boxHeaderWT{
	height:27px;
	padding-left:10px;
	color:#FFFFFF;
	background:url(/_img/_cpanel/grad_bg_blue.gif) repeat-x;
	border-left:solid 1px #999999;
}
.boxHeaderLeft{
	float:left;
	height:27px;
	width:12px;
	background:url(/_img/_cpanel/layout/box_header_left.gif) left no-repeat;
}
.boxHeaderRight{
	float:right;
	height:27px;
	width:12px;
	background:url(/_img/_cpanel/layout/box_header_right.gif) right no-repeat;
}
.boxHeaderMiddle{
	padding-top:8px;
	font-weight:bold;
	text-transform:uppercase;
}
.boxBody{
	border:#CCCCCC 1px solid;
	padding:10px;
	margin-bottom:10px;
	overflow:auto;
}
.pageTitle 
{
	font-size: 19px;
	margin-bottom: 10px;
}
.twoColumnBox{
	width:285px;
	float:left;
	margin-right:10px;
}
.grey{
	color:#666666;
}
.leftNav, .leftNavSelected{
	text-align:left;
	display:block;
	padding:3px;
	padding-left:20px;
	border-top:#444444 solid 1px;
	border-bottom:#222222 solid 1px;
	color:#999999;
}
.leftNavSelected{
	margin-right:0px;
	background:#f27f03;
	color:#FFFFFF;
	border-top:none;
}
.leftNav:hover{
	color:#f27f03;
	text-decoration:none;
}
.navAlert{
	width:20px;
	float:right;
	padding:3px;
	color:#FFFFFF;
	background:#f27f03;
	text-align:center;
}
.hide{
	visibility:hidden;
	display:none;
}
.show{
	visibility:visible;
	display:;
}
#login input{
	margin-top:-10px;
	padding:1px;
	border:solid #666 1px;
	margin-right:5px;
	width:100px;
}
.picBox{
	float: left; margin-right: 10px; margin-top:5px; text-align:center;
}
.image 
{
    border: 3px double #CCCCCC; 
    padding-left: 1px; 
    padding-right: 1px; 
    padding-top: 1px; 
    padding-bottom: 1px; 
}
 
 
 /*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(/_img/_core/star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(/_img/_core/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
.sBox
{
    border: 1px solid #ABEAF9;
    background-color: #f2f2f2;
    padding-left:20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.sTitle
{
	font-size: 18px;
}



				#mediaBoxBottomCornerLeft{
					position: absolute; 
					top:555px;
					left: 0px;
					//margin-top:63px;
				}
				#mediaBoxBottomCornerRight{
					position: absolute; 
					top:555px;
					right: 0px;
					//margin-top:63px;
				}
				#sendProg {
				    position: absolute; top: 120px; left: 175px;
				}
				.waiting {
				    visibility: visible;
				 }
				 .notWaiting {
				    visibility: hidden;
				  }
				  
				  /*** QUICKLINKS ***/

#quickLinks {
	position: relative;
	top: -24px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: center;
	background: transparent url(/_img/_core/quicklink_bg.gif) center bottom no-repeat;
	width: 100%;
	height: 30px;
}
#quickLinks li {
	margin: 0px;
	display: inline;
	list-style: none;
	text-transform: uppercase;
	padding: 10px 10px 10px 5px;
}
#quickLinks li.sepAfter {
	background: #000 url(/_img/_core/pipe_black.gif) right center no-repeat;
	border: none;
}
#quickLinks span {
	padding-bottom: 9px;
	background: transparent url(/_img/_core/underline_left.jpg) left bottom no-repeat;
}
#quickLinks a {
	color: #cacaca;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 9px;
	background: transparent url(/_img/_core/underline_right.jpg) right bottom no-repeat;
}
#quickLinks a:hover {
	color: #fd9349;
}
#quickLinks a.dead, #quickLinks a.dead:hover {
	color: #cacaca;
	cursor: default;
}

/****** SCROLLBARS *******/
div.scrollbar { 
  position:absolute; 
  visibility:hidden;
  right: 0px;
  top:0px;
  width:17px; 
  height:440px; 
  font-size:1px; 
  z-index:100;
}
div.track { 
  position:absolute; 
  left:0; 
  top:12px;
  width:17px; 
  height:410px;
  background: transparent url("/_img/_profile/scroll/track_bg_grey.jpg") center top repeat-y;
  z-index:101;
}
div.dragBar {
  position: relative;
  margin: 0px auto;
  width:12px; 
  height:19px;
  background: transparent url("/_img/_profile/scroll/drag_btn_grad.jpg") top center repeat-y;
  z-index:102;
}  
div.dragBar span {
  background: transparent url(/_img/_profile/scroll/drag_btn.jpg) center center no-repeat;
  z-index: 103;
  display: block;
  height: 8px;
  width: 7px;
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -4px;
}
div.up { 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:102; 
}  
div.up a {	
	width: 17px;
	height: 19px;
	display: block;
	background: transparent url("/_img/_profile/scroll/up.jpg") center center no-repeat;
} 
div.up a:hover {	
	background: transparent url("/_img/_profile/scroll/up_o.jpg") center center no-repeat;
}
div.down { 
	position:absolute; 
	left:0; 
	bottom:0; 
	z-index:102;
}
div.down a {
	width: 17px;
	height: 19px;
	display: block;
	background: transparent url("/_img/_profile/scroll/down.jpg") center center no-repeat;
} 
div.down a:hover {
	background: transparent url("/_img/_profile/scroll/down_o.jpg") center center no-repeat;
} 
/************* BLOG ***********/

/* for users with no blogs yet */
#blogClosed 
{
	clear: both;
	position: relative;
	top: -20px;
	left: 0px;
	width: 790px;
	height: 80px;
	background: #535353 url(/_img/_profile/blog_bg.jpg) center top repeat-x;
	margin: 0px 5px;
}
#blogClosed #blogOuter {
	position: absolute;
	top: 40px;
	left: auto;
	width: 750px;
	height: 30px;
	overflow: hidden;
	margin: 10px 20px;
}
#blogClosed #blogContentClosed {
	width: 750px;
	height: 30px;
	font-size: 1.1em;
	color: #aaa;
	position: absolute;
	top: auto;
	left: auto;
	overflow: hidden;
}
#blogClosed h3.blogHeading {
	color: #b0b0b0;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px;
	background: transparent url(/_img/_profile/blog_dots.gif) center bottom no-repeat;
	width: 770px;
	margin: 10px;
	margin-top: 0px;
}
#blogClosed #blogFoot {
	position: absolute;
	top: 80px;
	background /**/: transparent url(/_img/_profile/blog_bottom_closed.png) bottom center no-repeat;
	height: 15px;
	width: 790px;
	z-index: 500;
}

/* normal blog stuff */ 
#blog {
	clear: both;
	position: relative;
	top: -20px;
	left: 0px;
	width: 790px;
	height: 500px;
	background: #535353 url(/_img/_profile/blog_bg.jpg) center top repeat-x;
	margin: 0px 5px;
}
#blog h3.blogHeading {
	color: #b0b0b0;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px;
	background: transparent url(/_img/_profile/blog_dots.gif) center bottom no-repeat;
	width: 770px;
	margin: 10px;
	margin-top: 0px;
}

#blog #blogOuter {
	position: absolute;
	top: 40px;
	left: auto;
	width: 750px;
	height: 440px;
	overflow: hidden;
	margin: 10px 20px;
}
#blog #blogContent {
	width: 750px;
	height: 440px;
	font-size: 1.1em;
	color: #aaa;
	position: absolute;
	top: auto;
	left: auto;
	overflow: hidden;
}
#blogInner {
	padding: 15px;
}
#blog #blogContent h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #d8d7d5;
	text-align: center;
	padding: 15px 0px;
}
#blog #blogFoot {
	position: absolute;
	top: 100%;
	background /**/: transparent url(/_img/_profile/blog_bottom.png) bottom center no-repeat;
	height: 15px;
	width: 790px;
	z-index: 500;
}


/************* PROFILE ***********/
#profile {
	clear:both;
	position: relative;
	top: -25px;
	margin: 10px 4px 0px;
	/*z-index: -6;*/
	padding: 0px 1px;
}
#profile a, #profile a:link, #profile a:visited, #profile a:active {
	color: #000; 
	font-size: 1em;
}
#profile p a, #profile p a:link, #profile p a:visited, #profile p a:active {
	font-size: 1.3em;
}
#profile a img {
	border-color: #000;
}
#profile h3 {
	color: #5b2c0e;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px;
	background: transparent url(/_img/_profile/dots_comments.gif) center bottom no-repeat;
	width: 770px;
	margin: 0px 10px;
}
#profile h3 span {
	color: #ac643c;
	font-size: .8em;
	display: block;
	margin-top: 3px;
}
#profile p {
	font-size: 1.1em;
}
#profile .headline {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#profile .right {
	padding-right: 10px;
}

/*** MY COMMENTS ***/

#myComments {
	width: auto;
	background-color: #fd9349;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	margin: 0px 2px;
	padding-top: 30px;
	padding-bottom: 25px;
}
#myComments #commentCount {
	display:block;
	text-align: center;
	color: #7c4a25;
}
.comment {
	color: #532b07;
	padding: 0px 40px;
}
.comment div {
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 15px;
}
.comment div a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	z-index: 9;
}
.comment div a:hover {
	font-weight: bold;
	display: block;
	text-decoration: underline;
}
.comment h1 {
	position: relative;
	top: auto;
	left: auto;
	background: none;
	width: auto;
	height: auto;
}
.comment h3, #profile .comment h3, .comment * h3 {
	width: auto;
	margin: 0px;
	padding: 0px;
	background: none;
}

  /*** ADD COMMENTS ***/

#addComments {
	position: relative;
	top: -30px;
	width: 790px;
	height: 280px;
	background: #c9c9c9 url(/_img/_profile/add_comment_bg.gif) center center repeat;
	clear: both;
	margin: 0px 5px;
}
#addCommentTop {
	position: absolute;
	top: -15px;
	background /**/: transparent url(/_img/_profile/add_comment_top.png) top center no-repeat;
	height: 15px;
	width: 790px;
}
#addComments h3 {
	color: #3b3b3b;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px;
	background: transparent url(/_img/_profile/dots_grey.gif) center bottom no-repeat;
	width: 770px;
	margin: 0px 10px;
}
#addComments div#addCommentForm {
	position: relative;
	margin: 0px 10px;
	width: 760px;
	padding: 0px 15px;
	padding-left: 160px;
}
#addComments div#addCommentForm h4.commentUserName {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 1.6em;
	font-weight: bold;
	color: #3d3d3d;
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: block;
	width: 120px;
}
#addComments div#addCommentForm a#commentUserPic img {
	position: absolute;
	bottom: 40px;
	left: 20px;
	border: #636363 1px solid;
	padding: 0px;
	margin: 0px;
}
#addComments #addCommentForm div {
	width: 580px;
}
#addCommentBottom {
	position: absolute;
	bottom: -15px;
	background: transparent url(/_img/_profile/add_comment_bottom.gif) bottom center no-repeat;
	height: 15px;
	width: 790px;
}