@charset "UTF-8";

/* TRANCETRIBE V6 PROFILES PAGE */

#bio					{ float: left; width: 241px; margin: 0px 10px 0px -12px; }
#bio h3					{ margin: 10px 0px 0px 0px; }
#bio .middle			{ background: url('../images/mytribe/details_middle.png') repeat-y left top; }

#details				{ float: left; width: 360px; padding-top: 5px; }
#details h2				{ margin-bottom: 6px; }
#details H4 em			{ color: #000; }
#details .item img		{ border: none; }

#Accordion1				{ float: right; width: 277px; }
.AccordionPanelContent	{ height: 120px; }

#Accordion1 ul			{ margin: 0px; padding: 0px; list-style: none; border-top: solid 1px #333; margin: 10px 2px 0px 1px; }
#Accordion1 ul li		{ padding: 4px 12px 4px 12px; color: #999; border-bottom: solid 1px #333; font: bold 12px Arial, Sans-serif; }
#Accordion1 ul li a		{ display: block; width: 100%; color: #FFF; margin: -4px -12px -4px -12px; padding: 4px 12px 4px 12px; }
#Accordion1 ul li a:hover	{ color: #CCC; background: #999; }

#blogarea #left			{ float: left; width: 630px; padding-top: 12px; }
#blogarea #right		{ float: right; width: 277px; }
#blogarea #right .middle	{ background: url('../images/mytribe/middle276.png') repeat-y left top; }

.simplelist				{ margin: 0px -11px 0px -12px; padding: 0px; list-style: none; border-top: solid 1px #D1D1D1; }
.simplelist li			{ border-bottom: solid 1px #D1D1D1; padding: 4px 12px 4px 12px; }
.simplelist li:hover	{ background-color: #FFF; }

.mood					{ color:#F60; }

#mycontent h2			{ margin-bottom: 10px; }

#myfeatures,
#theirfeatures			{ float: left; width: 31%; }
#myfeatures	h3,
#theirfeatures h3		{ margin-top: 0px; }
#mynews,
#theirnews				{ float: left; width: 31%; }
#myevents,
#theirevents			{ float: right; width: 33%; }
#myfeatures, #mynews	{ padding-right: 15px; }

#navmenu				{ width: 277px; float: right; }

/* ROUND RECTANGLE FORM BOXES */
.formbox					{ background-color: #D9D9D9; }
.formbox .top				{ display: block; width: 100%; height: 13px; background: url('../images/mytribe/boxtop.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.formbox .top span			{ display: block; height: 13px; background: url('../images/mytribe/boxtopright.png') no-repeat right top; line-height: 2px; font-size: 2px; }
.formbox .bottom			{ display: block; width: 100%; height: 13px; background: url('../images/mytribe/boxbottom.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.formbox .bottom span		{ display: block; height: 13px; background: url('../images/mytribe/boxbottomright.png') no-repeat right top; line-height: 2px; font-size: 2px; }
.formbox .middle			{ display: block; padding: 6px 20px 0px 20px; }
.formbox form				{ margin: 8px 0px 8px 0px; }

/* LOGIN PAGE */
#loginarea h1				{ margin-bottom: 7px; }
#loginarea img 				{ float: left; }
#loginarea #loginbox		{ float: right; width: 811px; }
#loginbox					{ position: relative; }
#loginbox .right			{ position: absolute; right: 0px; top: 0px; background: url('../images/mytribe/bkgnd_login.png') no-repeat left top; width: 121px; height: 120px; }
#loginarea .formbox .middle	{ padding-right: 130px; }

.feature					{ float: left; width: 188px; background: url('../images/dj_profiles/resident_middle.png') repeat-y left top; margin-left: 3px; }
.feature a img				{ border: solid 1px #88857E; }
.feature a:hover img 		{ border: solid 1px #FFF; }
.feature h3				{ margin: 5px 0px -3px 0px; }
.feature h4				{ margin: 0px 0px 9px 0px; color: #88857E; }
a.viewprofile				{ display: block; height: 24px; background: url('../images/global/buttonbkgnd.png') repeat-x left top; border-top: solid 1px #C7C7C7; border-bottom: solid 1px #C7C7C7; margin: 0px -10px 7px -12px; padding-left: 13px; }
a.viewprofile:hover			{ background: url('../images/global/buttonbkgnd_over.png') repeat-x left top; }
.leftfeature				{ margin-left: -8px; }
.rightfeature				{ margin-right: -8px; }

/* SIGNUP PAGE */
#signuparea h1				{ margin-bottom: 7px; }
#signuparea h4				{ margin-bottom: 6px; }
#signuparea p				{ margin-top: 6px; }
#signuparea img				{ float: left; }
#signuparea #signupbox		{ float: right; width: 800px; }
#formarea p					{ margin-top: 10px; }
#formarea .formbox			{ margin-bottom: 12px; width: 939px; }
#formarea h4				{ margin-bottom: 6px; }
#myclan td.formlabel		{ width: 140px; }
#myclan td.forminput		{ width: 20px; }
#mydetails td.formlabel		{ width: 100px; padding-bottom: 2px; }
#mydetails td.forminput		{ width: 140px; padding-bottom: 2px; padding-right: 5px; }
#mywelcome td.formlabel		{ width: 140px; vertical-align: top; }
#mywelcome p				{ margin-top: 0px; margin-right: 10px; }
#mywelcome textarea			{ width: 225; height: 100px; }
textarea					{ height: 70px; }
.bigbox						{ width: 400px !important; }
.box						{ width: 300px; }
.hugebox					{ height: 200px; }
#myaddress td.formlabel		{ width: 100px; padding-bottom: 2px; }
#myaddress td.forminput		{ width: 140px; padding-bottom: 2px; padding-right: 5px; }
#myphoto td.formlabel		{ width: 140px; }
#mysecurity td.formlabel	{ width: 140px; }

/* FORMS */
form						{ margin: 0px; padding: 0px; }
label						{ font: bold 11px Arial, sans-serif; color: #717171; }
h2							{ margin-bottom: 7px; }

#privacy h2					{ margin-bottom: 12px; }

/* BLOG */				
#bloglist					{ width: 645px; font: 11px Arial, sans-serif; }
#bloglist tr				{ background: url('../images/global/content-divider.png') repeat-x left bottom; padding: 4px 0px 6px 0px; }
#bloglist td				{ background: url('../images/global/content-divider.png') repeat-x left bottom; padding: 4px 0px 6px 0px; }
#bloglist th				{ background: url('../images/global/content-divider.png') repeat-x left bottom; padding: 4px 0px 6px 0px; color: #CCC; font: bold 11px Arial, sans-serif; }
#bloglist .date				{ width: 130px; color: #717171; font: bold 11px Arial, sans-serif; }
#bloglist .title			{ width: 200px; }
#bloglist .mood				{ width: 130px; text-align: center; }
#bloglist .edit				{ text-align: center; }
#bloglist .delete			{ text-align: center; }

/* CMS */
#leftcms					{ width: 100%; float: left; }
#leftcms .formbox			{ margin-bottom: 12px; }
#cms .formbox				{ margin-bottom: 12px; }
.warning					{ color: #900; }
#addedcontent img			{ float: left; margin: 0px 12px 12px 0px; border: solid 1px #FFF; }