/* elements */
body {font-size: 10px;}
#Profile textarea { color:#666666; font-size:10px; }
#Profile p { margin:3px; padding:0; }

#Profile {
	width: 600px; 
	padding: 0px 4px 0px 4px;
	background-color: #9999CC;
}
#Profile.userprofile { background-color: #FFCC66; }
#Profile.bitprofile { background-color: #9999CC; }

#Profile #profileHeader {
	margin:10px 0 0 10px;
	font-size: 15px;
	padding-bottom: 3px;
	color: #fff;
}
#Profile #white {
	background-color: #FFFFFF;
	margin:2px 2px 12px;
	padding: 5px 10px 20px 25px;
	width:561px;
}
#Profile #profileTop { margin-top: 15px; }
#Profile .picture { float:left; margin-bottom:10px; margin-right:10px; }
#Profile #stats {
	float:left;
	margin-left:10px;
	width:120px;
	color:#666666;
	overflow:hidden;
}
#Profile #stats h3 {
	color:#FF9900;
	padding:0 0 5px;
	border-bottom:1px solid #CCCCCC;
	margin:0 0 7px;
	font-size:12px;
	font-weight:normal;
}
#Profile #stats div { margin:3px 0; }
#Profile #stats .statData { color:#F39300; }
#Profile #disabled {
	margin-left: 5px;
	padding: 5px;
	float: right;
	width: 330px;
	background: #FF0000;
	padding: 4px;
	margin: 0px;
	display: inline;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}
#Profile #disabled a {
	color: #FFFFFF;
}
#Profile #userAction {
	padding: 0px;
	float: right;
	overflow:hidden;
}
#Profile #userAction .pView { width: 250px; }
#Profile #userAction .pEdit { width: 300px; }
#Profile #userAction a img { border: 0px; }
#Profile #userAction a:hover { cursor: pointer; }
#Profile #userAction object { position:relative; left:-4px; }
#Profile #userAction #top {
	margin-bottom: 10px;
	padding-bottom: 10px;
	cursor: default;
	width: 230px;
}
#Profile #userAction #pin_unpin { cursor:pointer; }
#Profile .userName, #Profile .bitName {
	font-size: 16px;
	font-weight: 400;
	color: #003399;
	width: 300px;
	margin-top: 10px;
	overflow: hidden;
	cursor: default;
}
#Profile .userName {
	width: auto;
}
#Profile .uN {
	margin-bottom: 20px;
}

/* Socials */
#Profile #user_socials {
	float: right;
	margin-right: 25px;
	text-align: right;
	width: 150px;
}
#Profile #user_social_lbl {
	font-size: 9px;
	color: #333333;
	font-weight: bold;
	position: absolute;
	right: 50px;
	top: 205px;
}
#Profile .Social img {
	border: 0px;
	width: 16px;
	height: 16px;
}
#Profile #social_list .socLink img { margin: 3px; }
#Profile .socLink a:hover { border: 0; }
#Profile #social_list .socLink img:hover {
	border: 1px solid;
	padding: 2px;
	margin: 0;
}
#Profile #social_exists .socLink img:hover { border: 0; }
#Profile #social_top { font-size: 11px; }
#Profile #social_list { margin: 10px 10px 0 0; }
#Profile .socLink { display: inline; }
#Profile #social_exists { border-top: 1px solid #CCCCCC; }
#Profile #social_exists_tbl .icon img {
	height: 16px;
	width: 16px;
	margin-top: 3px;
}
#Profile #social_exists_tbl .link div {
	width: 210px;
	margin: 5px 0;
}
#Profile #social_exists_tbl .priv { width: 133px; }
#Profile #social_exists_tbl .name {
	text-align: right;
	width: 90px;
}
#Profile #social_exists_tbl a.edt,
#Profile #social_exists_tbl a.rmv,
#Profile #social_exists_tbl a.edit_cancel,
#Profile #social_exists_tbl a.edit_save,
#Profile #social_adds a.add_cancel,
#Profile #social_adds a.add_save { color: #003399; }
#Profile #social_exists_tbl .lnk {
	font-weight: normal;
	color: #666666;
}
#Profile .soc_edit td {
	vertical-align: top;
	padding-top: 6px;
}
#Profile .soc_edit td.icon {
	vertical-align: middle;
	padding-top: 0;
}
#Profile .soc_edit .sep {
	padding-top: 6px;
	width: 5px;
}
#Profile .edit_name {
	text-align: right;
	width: 75px;
	height: 40px;
	padding-left: 3px;
}
#Profile .edit_3 {
	width: 450px;
}
#Profile .edit_cancelDiv {
	float: right;
	margin-right: 97px;
}
#Profile .edit_saveDiv { float: right; }
#Profile .priv_menu_div {
	float: right;
	margin-top: 5px;
}
#Profile .priv_menu { font-size: 10px; }
#Profile .soc_input,
#Profile .add_inp {
	font-size: 10px;
	border: 1px solid #999999;
	width: 320px;
	padding: 3px;
}
#Profile .soc_input {
	position: absolute;
	left: 70px;
	margin-top: 5px;
}
#Profile .add_inp {
	margin-left: 36px;
}
#Profile .add_soc {
	border-top: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding-top: 5px;
}
#Profile .add_save,
#Profile .add_cancelDiv {
	float: right;
	margin-top: 5px;
}
#Profile .add_cancelDiv { margin-right: 80px; }
#Profile .soc_none {
	text-align: center;
	width: 540px;
	font-size: 12px;
}
#Profile .add_name {
	width: 90px;
	text-align: right;
}
#Profile .add_priv {
	text-align: right;
	width: 192px;
}
/* end socials */

#Profile .bitName { margin:0 0 20px; float:left; }
#Profile .bitOwner { font-size: 10px; margin-left: 10px; color: #666; }
#Profile .editMbit { float:right; }
#Profile .section {
	position: relative; 
	margin-top: 10px;
}
#Profile .field { float: left; width: 175px; overflow: hidden; cursor: default; color: #666; }
#Profile .data { float: left; width: 273px; color: #333; overflow: hidden; cursor: default; }
#Profile .data.email { width: 200px; }
#Profile #bitInfo .field { width: 125px; }
#Profile #bitInfo .data { width: 323px; }
#Profile .privacy { color: #666; overflow: hidden; cursor: default;}
#Profile .data input, #Profile .data select, #Profile .data textarea, #Profile .picBox input {
	border: 1px solid #999;
	padding: 2px;
	margin: 2px;
}
#Profile .data .maybe { background:url(/images/required.gif) right no-repeat; padding-right:13px; margin-right:-3px; }
#Profile .info { padding-top: 8px; }
#Profile .info div.clearfix { margin-top:2px; padding-bottom:2px; }
#Profile #maybeLegend { position:relative; left:-6px; top:15px; text-indent:-15px; color:#999999; }
#Profile #maybeLegend img { position:relative; top:3px; }
#Profile #messageDivider {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin:30px -10px 0 -25px;
	height: 2px;
}
#Profile #messages {	margin-top: 20px; }
#Profile #messageBoardHeader {
	font-size: 12px;
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px solid #CCCCCC;
	width:70%;
	color:#003399;
}
#Profile #newcommentarea { width: 95%; text-align: right; color:#666666; padding-bottom:20px; border-bottom:1px solid #ccc;}
#Profile #newcomment, #Profile #newnote { width: 99%; height: 75px; color:#666666; }
#Profile #postnewcomment { cursor: pointer; }
#Profile #comments { width: 95%; }
#Profile .comment { padding:10px 0; border-bottom: 1px solid #CCCCCC; }
#Profile .usercomment {
	position: relative;
	float: left;
	width: 415px;
	margin-left: 10px;
}	
#Profile .usercomment span.who { position: relative; }
#Profile .usercomment span.when { position: relative; color:#666666; }
#Profile .usercomment p { 
	clear:both; 
	word-wrap: break-word;	
}
#Profile .commenthead {
	position: relative;
	float: right;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	display: inline;
}
#Profile .userpic {
	position: relative;
	float: right;
	margin-right: 10px;
}
#Profile .commentfoot {
	position: relative;
	width: 415px;
	float: left;
	display: inline;
	text-align: right;
	margin-left: 10px;
	clear:both;
}
	#Profile .commentlinks a, #Profile a:link, #Profile a:visited, #Profile span.link { color: #003399; cursor:pointer;}

/* Display Styles */

#Profile .row { margin:2px 0; }
#Profile .row .pri select { font-size: 10px; }
#Profile .darkgray { color: #666666; }
#Profile .lightgray { color: #999999; }
#Profile .large { font-size: 14px; font-weight: bold; }
#Profile .black { color: #000000; }
#Profile .blue { color: #003399; }
#Profile .strong { font-weight:bold; }

/****************************************
	User Profile Specific
****************************************/

#Profile .infoHeader {
	padding-bottom:7px;
	border-bottom:1px solid #CCCCCC;
	width:70%;
	font-weight:normal;
	color: #FF9900; font-size: 12px;
}
#Profile .infoHeader .data { width:215px; color: #666666; font-size: 11px; }

/* borrowed from thoughtpool css */
#Profile #subQuickMenu {
	width: 500px;
	background:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
#Profile #uploadedLink,#Profile #createdLink {
	overflow: auto;
	float: left;
	height: 1.2em;
	text-align: left;
	color:#003399;
}
#Profile #createdLink { /* width: 123px; */ padding-bottom: 2px; padding-right: 10px; border-right: 3px solid #F39300; }
#Profile #uploadedLink { padding-bottom: 2px; padding-left:10px; width: 190px; }
#Profile #contentHolder { padding-top:2px; }
#Profile #thoughtPoolMessage {
	font-size: 10px;
	padding-left: 8px;
	padding-bottom: 20px;
	padding-bottom: 0px;
	text-align:right;
}
#Profile #howMany { color: #F39300; font-size: 14px; font-weight: bold; }
#Profile #uploaded, #Profile #created { display: none; }
#Profile #contentHolder table {
	width: 596px;
	position:relative;
	left:-28px;
	overflow:hidden;
}
#Profile #contentHolder tr.selected td { background-color: #FBF8CD; }
#Profile #contentHolder th {
	text-align: center;
	color: #152982;
	font-size: 10px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
}
#Profile #contentHolder td {
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 6px 0 2px 4px;
	color: #666666;
}
#Profile #contentHolder th div, #Profile #contentHolder td div { overflow: hidden; white-space: nowrap; }
#Profile #contentHolder  { margin-top: 10px; }
#Profile #contentHolder .title div { color: #152982; width: 141px; }
#Profile #contentHolder .genre div {width: 100px;}
#Profile #contentHolder .instrument div {width: 115px;}
#Profile #contentHolder .tempo div {width: 60px;}
#Profile #contentHolder .key div {width: 75px;}
#Profile #contentHolder .date {	border-right:0;}
#Profile #contentHolder .date div { width: 76px; text-align: center; }
#Profile #contentHolder .noMbits { border-right:0px; }
#Profile #contentHolder .noMbits div { width:585px; }
#Profile .thoughtPoolHover { cursor: pointer; }
#Profile #mbitLinks, #Profile #mbitLinksBackground {
	width: 483px;
	text-align: left;
	padding: 4px 6px 0;
}
#Profile #mbitLinksBackground {
	background: url(/images/resultLinksMid.gif);
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#Profile #mbitLinks img, #Profile #mbitLinks embed, #Profile #mbitLinks object {
	float:left;
	margin:0 3px;
}
#Profile img#remove { float:right; }
#Profile img#pin { float:right; }

#Profile #ratio_div {
	margin-top: 10px;
	padding-top: 5px;
}
#Profile #ratio_box {
	background: #636467 url(/images/ratio/ratio_bg.gif) no-repeat;
	height: 11px;
	padding-top: 3px;
	padding-left: 7px;
	margin: 0px 4px;
	width: 146px;
	position: relative;
	overflow: hidden;
	float: left;
}
#Profile #ratio_thresh {
	margin: 0px;
	padding-left: 7px;
	width: 50px;
	height: 8px;
	border-right: 1px solid #0000FF;
	position: absolute;
	top: 3px;
	left: 0px;
	overflow: inherit;
}
#Profile #ratio_white {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 6px;
	width: 137px;
}
#Profile #ratio_bar {
	background: url(/images/ratio/ratio_bar.gif) no-repeat;
	height: 6px;
	width: 50px;
	border-right: 2px solid #FF0000;
	overflow: hidden;
}
#Profile .ratio_lbl {
	float: left;
	font-size: 9px;
	position: relative;
	top: 2px;
}

#profileFriendList {
	margin-right: 14px;
}

/****************************************
	End User Profile
****************************************/

/****************************************
	mBit Profile Specific
****************************************/

#Profile #generalInfo .data { color: #003399; }
#Profile .tableHeader {
	font-size:14px;
	color:#003399;
	margin-left:20px;
	margin-bottom:10px;
}
#Profile .mbitTable { width: 565px; overflow:hidden; }
#Profile th.mbitTableHeader { text-align:left; }
#Profile #publishNow { text-align:center; margin:10px; }
#Profile a#publishLink, #Profile a#deleteLink {
	border:2px solid #AAAAAA; background:#F4f4F4 right no-repeat;
	padding:4px 24px 5px 6px;
}
#Profile a#publishLink:hover, #Profile a#deleteLink:hover { background-color:#DDDDDD; text-decoration:underline; }
#Profile a#publishLink { background-image:url(/images/profile/publish.gif); }
#Profile a#deleteLink { background-image:url(/images/profile/delete.gif); }
#Profile .notpublished { font-size:13px; margin:10px 0 12px; text-align:center; }
#Profile .notpublished p { color:#FFFFFF; background:#FF0000; padding:4px; margin:0; display:inline; font-weight:bold; }
#Profile div.inProgress { padding:5px 0; font-style:italic; color:#666666; }

#Profile .picture .editMbit { float:none; text-align:center; }
#Profile #failed { padding:10px 10px 10px 160px; }
#Profile #failed h3 { color:#f00; }
#Profile #bitInfo #failed p { margin:10px 0; }

/****************************************
	End mBit Specific
****************************************/

/****************************************
	Edit User Specific
****************************************/

#Profile #edituserprofile .alignright { 
	text-align:left; 
	padding-left:5px;
	width:125px;
	overflow:hidden;
}
#Profile #edituserprofile .field { width:125px; overflow:hidden; vertical-align:middle; margin-top:5px; }
#Profile #edituserprofile .data { width:433px; overflow:hidden; }
#Profile #edituserprofile select { padding:1px; }
#Profile #fname, #Profile #lname, #Profile #city, #Profile .emailText { width:150px; }
#Profile #state { width:250px; }
#Profile #website { width:408px; }
#Profile .emailText { float:left; }
#Profile .pri_disp { float:left; padding-left:10px; }
#Profile .pri_disp label { float:left; position:relative; top:5px; width:50px; }
#Profile .pri_disp select { width:124px; }
#Profile .pri_pri { clear:both; margin-left: 10px; }
#Profile .pri_remove { float:left; margin-left:5px; }
#Profile .pri_remove label { position:relative; top:1px; }
#Profile label, #Profile select { cursor: pointer; }
#Profile input.radio, #Profile input.checkbox { position:relative; top:4px; margin-right:4px; cursor: pointer; }
#Profile #personalInfo, #Profile #musicalInfo, #Profile #aboutMe { padding-bottom:10px; }
#Profile #musicalInfo textarea, #Profile #aboutMe textarea { width:400px; }
#Profile #email_cancelNew { float: right; position: relative; top: 6px; right: 10px; }

#Profile #edituserprofile #userAction { float: none; }
#Profile #edituserprofile #userAction #top { width: auto; }
#Profile #edituserprofile #certifyDiv { margin: 8px 0; width: 350px; }
#Profile #edituserprofile #certify { float: left; margin-right: 6px; }
#Profile a.pri_resend { cursor: pointer; }
#Profile a.pri_resend:hover { text-decoration: underline !important; }
#Profile div.pri_load_over {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	background: #FFF;
}
#Profile div.pri_load,
#Profile div.pri_load_over {
	text-align: center;
	position: absolute;
	height: 15px;
	width: 300px;
}
#Profile div.pri_load { z-index: 2; }

/****************************************
	End Edit User Specific
****************************************/

/****************************************
	Edit mBit Specific
****************************************/

#Profile #imagesHolder {
	overflow:auto;
	height:196px;
	position:relative;
	border:1px solid #CCCCCC;
	border-bottom:0;
	margin:10px 0;
	width:550px;
}
#Profile #imagesHolder .image { margin:5px; text-align:center; position:absolute; top:0px; }
#Profile .image img { border:2px solid #FFFFFF; display:block; cursor: pointer; }
#Profile #imagesHolder div#instMsg { top:-3px; }
#Profile div#instMsg p { border:2px solid #666666; width:140px; height:116px; padding:30px 5px 0; margin-right:6px; overflow:hidden; }
#Profile .image img.selected { border-color:#FF9900; }

#Profile #bitInfo p { margin:5px 0; }
#Profile #bitInfo input { cursor: pointer; }
#Profile #newImage, #Profile #newMusic, #Profile .inputHolder { margin-right:8px; padding:5px; border:1px solid #CCCCCC; }
#Profile #newImage p, #Profile #newMusic p { font-size:13px; font-weight:bold; }
#Profile #img_filename, #Profile #mbit_filename { color:#FF9900; font-size:12px; font-weight:bold; padding:3px 0; }
#Profile h3 { font-size:16px; margin:15px 0 10px; }
#Profile .inputHolder { margin-bottom:5px; }
#Profile .inputHolder label { cursor:pointer; display:block; font-size:12px; padding-bottom:3px; }
#Profile .inputHolder #name { width:250px; }
#Profile .inputHolder #description { width:535px; border:1px solid #999999; font-size:12px; color:#000000; }
#Profile p#otherInfo { margin:15px 0; font-size:13px; font-style:italic; }

/****************************************
	End Edit mBit Specific
****************************************/

/****************************************
	Tabs
****************************************/
#Profile #tabs {
	margin: 20px 0 0 -25px;
	padding-left: 25px;
	border-bottom: 1px solid #CCCCCC;
	width: 571px;
	font-size: 11px;
	clear:both;
	overflow:hidden;
}
#Profile.userprofile #tabs {
	margin-top: 0px;
}
#Profile.userprofile #tabs.edit {
	margin-top: 20px;
}
#Profile #tabs div {
	background: #FFFFFF;
	margin-right: 3px; 
	float: left;
	cursor: pointer;
	color: #666666;
	font-weight: normal;
	position:relative;
	padding:2px 5px 2px 5px;
}
#Profile #tabs div.currentTab {
	background: #666666;
	color: #FFFFFF;
}
#Profile #tabs_0 { display: none; }
#Profile #tabs_1, #Profile #tabs_2, #Profile #tabs_3, #Profile #tabs_4 {
	display: none;
	margin-top: 20px;
}
#Profile .tabs_content {
	background-color: #FFFFFF;
	margin:3px 0;
}
/****************************************
	End Tabs
****************************************/

/****************************************
	Wiki Modifications
****************************************/

#Profile #modStart { position:relative; }
#Profile .modificationHeader {
	color:#FF9900;
	font-size:12px;
	float:right;
	position:relative;
	right:-7px;
	top:-3px;
}
#Profile #modificationHolder {
	position:absolute;
	top:-11px;
	right:-7px;
	width:650px;
	z-index:1;
	display:none;
	color:#666666;
	padding-bottom:15px;
}
#Profile .modification {
	color:#003399;
	z-index:10000;
	float:right;
	position:relative;
	right:-7px;
	padding-right:15px;
}
#Profile span.modification.selected {
	background:url(/images/modifications/selectorLine.gif) right no-repeat;
	text-align:right;
	width:97px;
	color:#FF9900;
}

/****************************************
	End Wiki Modifications
****************************************/

/** Featured Song **/
#Profile #featuredSong {
	float: right;
}