/************************************************************
* St John Community Server Stylesheet 						
* 
* Colors: 
*	Back 		: #000000	//Black
*	Fore 		: #FFFFFF	//White
*	Light 		: #999999	//Light Grey
*	Med-Lght	: #444444	//Med-Light Grey
* 	Medium		: #333333	//Med grey
* 	Darkened	: #222222	//Dark grey
*	Alert		: #999966	//Pale green
* 
*	Attribute Order:	display, size, margin, padding,
*						color, background, border, style
************************************************************/


/* ---------------------------------------------------------------------- */
/* -------------------- C O N T E N T ----------------------------------- */
/* ---------------------------------------------------------------------- */

/*
	= Layout
*/
#header
{
	padding-bottom:25px;	
}
 #header #logo {
		margin: 0;
}		

	.full { width: 100%; }
	.half { width: 46%; }
	.one-third { width: 32%; }
	.two-thirds { width: 64%; }
	.forty { width: 39%; }
	.sixty { width: 57%; }
	.eighty { width: 78%; }
	.twenty { width: 18%; }
	.smallCol { width: 250px; }
	.bigCol { width: 445px; }
	.addSpace { margin-bottom: 10px; }

	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }

	.indent { margin-left: 4px; }

.li-1-active
{
	margin-top:10px;
}



/*
	= Style
*/
	.static { font-weight: bold; }
	*:focus { outline: 0; }	/* Hide Safari blue glow (Add to resets?)*/
	.hidden { display: none; }
	.noFloat { float: none; }
	.bodyText { font-size: 85%; }
	a.dimmed { }/* For dimmed links (ie must login) */
	a.dimmed:hover { color: #999999; }

/*
	= Heading:
*/
	h1 {
	}
	h1.sectionHead {
		margin:10px 0 7px 0;
	}
	h1.intro
	{
		
	}
	h2 {
		font-size: 138.5%;
		color: #fff;
	}

	h3 {
		font-size: 85%;
		margin-bottom: 7px;
		color: #fff;
		text-transform: uppercase;
	}
	h4 { 
		font-size: 85%;
		text-transform: uppercase;
	}	
	h5 {
		font-size: 93%;
		margin-bottom: 7px;
		font-weight: bold;
	}
/*
   = Dialogs
*/	
	/* Dialog window forms */
	#dialogSection { display: none; }
	
	#modalContainer
	{
		text-align:left;
	}
	#modalContainer .button-container a { margin-left: 0; float: left; }
	#modalContainer .button-container a.noFloat { float: none; }

	#modalContainer li { 
		clear: both;
		padding: 0 0 7px 0; 
	}
	#modalContainer li.dialogError {
		padding: 0;
		margin: 0 0 2px 0;
	}
	#modalContainer p { padding-top: 7px; }
	#modalContainer .sr-checkbox {
		margin-top: 10px;
		margin-left: 0;
		margin-right: 7px;
	}
	#modalContainer input, #modalContainer textarea {
		width: 90%;
		background-color: #222222;
	}
	#modalContainer input.auto, #modalContainer textarea.auto{ width: auto; }
	
	#content .highlight {
	    color:#999966;
	}
	#content .alert, #modalContainer .alert {
		font-size: 85%;
		color: #999966;
		padding: 0;
		margin: 0;
	}
	#content .alert * 
	{
		border: 1px solid #999966;
		padding: 10px 10px;
		display: block;
	}
	    
	#content ul.alerts .alert * {
		border: none;
	}
	#modalContainer .alert *, #invite .alert * {
		border: none;
		font-size: 85%;
		color: #999966;
	}
	#content #savedAlert {
		position: absolute;
		top: 10px;
		right: 0;
		padding:10px;
	}
	#savedAlert a
	{
		border:none;
	}

/* ---------------------------------------------------------------------- */
/* -------------------- C O M M U N I T Y ------------------------------- */
/* ---------------------------------------------------------------------- */


/*
	= Ticker
*/
	.ticker {
		width: 100%;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		background: transparent url('/community/themes/StJohn/images/tickerBG.png') top left repeat-x;
		position: relative;
		margin:0 0 20px 0;
		text-transform:uppercase;
	}
	.ticker:hover 
	{
	    background: transparent url('/community/themes/StJohn/images/tickerBGhl.png') top left repeat-x;
	}
	.ticker .hover 
	{
	    display: block;
	    height: 30px;
	    width: 100%;
	    background: transparent url('/community/themes/StJohn/images/tickerBGhl.png') top left repeat-x;
	}
	.ticker ul {
		height: 30px;
		position: relative;
		left: 0;
	}
	.ticker ul li {
		font-size: 85%;
		margin: 0;
		display: inline;
	}
	.ticker ul li a, .ticker ul li span {
		
	}

/*
	= Widgets 
*/
.widget {
		margin: 0 0 20px 0;
		background-color: #515151;
		height:1%;
	}
	.widgetHead {
		padding: 5px 10px;
		border-top: 3px solid #fff;
		border-bottom: 1px solid #404040;
		text-align:right;
	}
	
	#staffBox .widgetBody  { width:285px; overflow:hidden;}
	.widgetFoot { padding: 7px; }
	.widgetFoot span{ position:relative; }
	
/*
	= Headings 
*/
	.widgetHead h3 { 
		float: left; 
		font-size: 85%;
		margin: 0;	/* Kill its margin for placement in header box */
		font-weight: bold;
	}
	
	.headLink { 
		font-size: 85%; 
		color: #999999;
		text-transform: uppercase;
	}
	
	.subnav { 
		margin: 0 0 20px 0;
	}
	.subnav li
	{
		background: url(/images/divider2.gif) no-repeat right 3px;
		margin:0 7px 0 0;
		padding:0 10px 0 0;
		text-transform:uppercase;
		font-size:85%;
		display:inline;
	}
	.subnav li.last
	{
		background:none;
	}
	#backNav.intro
	{
		
	}
/*
	= Internal Layout
*/

	/* Invite */
	.module { padding: 4px; margin:0 0 20px 0; height:1%; background-color:#515151; }
	.module .moduleBody  { border: 1px solid #404040; padding:15px;}
	.module h3{ font-weight:bold; }
	
	.module .label {font-size:93%; }
	.module textarea{width:230px;}
	
	.js .module #invite { display:none; }
	.module .login,
	.module #invite{ }
	.module .login fieldset ul.section li { margin-bottom:5px; }
	.module #invite.loggedIn{height:auto;}
	.module .login .label {width:130px; float:left;}
	.module .login .frmtext { width:180px; }
	.module .login .options {padding-right:38px;}
	.module .login .button-container { text-transform:uppercase; }
	.module .login .inviteButton{ font-size:85%;padding-right:38px;}
	.module .login .form-a { /*border-bottom: solid 1px #000; margin:0 0 12px 0;*/	}
	
	.js .signedIn .login{ display:none;}
	.js .signedIn #invite{ display:block; height:auto}
	.js .signedIn #invite fieldset{ display:none;}
	
	.signedIn #invite .alert{margin:10px 0; display:none;}
	.signedIn #invite p
	{
		font-size:85%;		
	}
	.signedIn #invite p span
	{
		font-size:127%;		
		font-weight:bold;
		margin:8px 0 0 0;
		display:block;
	}
	.signedIn #invite .options
	{
		border-top: solid 1px #404040;
		padding:5px 0 0 0;
	}
	.inline .divider
	{
		background: url(/images/divider2.gif) no-repeat right 5px;		
		margin:0 7px 0 0;
		padding:0 10px 0 0;
	}
	.signedIn #invite #inviteForm
	{
		padding:10px 0 0 0;
	}
	
	
	/* Staff */
	
	#staffBox img { }
	#staffBox ul li h2 { margin:0 0 5px 0; font-size:108%; }
	#staffBox .profileList p { margin: 0 0 3px 0; padding:0; font-size:85%; }
	
	#staffBox li
	{
		position:relative;
		padding:10px 0 10px 10px;
		border-bottom: 1px solid #404040;
		margin:0;
		display:block;
		height:80px;
	}
	#staffBox .profileList .headLink{
		position:absolute;
		bottom:10px;
		
	}
	#staffBox .profileList .avatar
	{
		float:left;
		margin:0;
	}
	#staffBox .profileList .avatar img
	{
		display:block;
	}
	#staffBox .profileList .intro 
	{
		float:right;
		margin:0 10px;
		width:175px;
	}
	
	/* Member List */
	.memberList { }
	.memberList p
	{
		padding:10px 0 0 10px;
	}
	.memberList .total
	{
		font-size:85%;
	}
	.memberList ul { margin:0 4px; }
	.memberList ul li {
		float: left;
		display:inline;
		/*	width:70px; */
		margin:0 5px 18px 5px;
		/*overflow:hidden;*/
		text-align:center;
		font-size:85%;
		text-transform:uppercase;
	}
	.memberList img { display:block; margin:5px auto; }
	
	.memberList ul li
	{
		width:82px;
		text-align:center;
	}
	.memberList li a
	{
		/* width: 82px; */
		height:112px;
		position:relative;
		display:block;
		width:70px; 
		/*overflow:hidden;*/
	}

	.memberList li a .userlink
	{
		position:absolute;
		top: 85px;
		left:0;
		width:82px;
		overflow:hidden;
	} 	
	#myFriends.memberList ul{margin:0 5px;}
	#myFriends.memberList ul li
	{
		width: 91px;
	}
	#myFriends.memberList li a
	{
		width: 91px;
		height: 130px;
		position:relative;
		display:block;
	}
	#myFriends.memberList li a .userlink
	{
		width:90px;
	} 
	
	/* Profile Status */
	#profileStatus .widgetBody 
	{
		padding: 8px;
	}

	/* Poll */
	#poll .widgetBody {
	    padding:15px 10px;
	}
	#poll p
	{
		margin:0 0 10px 0;
	}
	#poll ul
	{
		margin:0 0 15px 0;
	}   
	
	/* Stylist Corner */
	#stylist .postPreviewImg {
		float:left; 
		margin:0 10px 0 0;
	}
	#stylist .postPreviewContent {
		
		/*width:200px;float:left;*/
		padding:10px;
		display:block;
		
		_float:left;
	}
	#stylist .postPreviewContent p
	{
		margin:0 0 10px 0;
		padding:0;
		font-size:85%;
	}
	#stylist .author
	{
		display:block;
	}
	#stylist .author a 
	{
		color:#999999;
		font-size:108%;
		font-weight:bold;
	}
	.post
	{
		font-size:93%;
		margin:0 0 15px 0;
	}

	#stylist h2
	{
		margin:4px 0;
	}
	#stylist .subnav
	{
		margin-bottom: 0;
	}
	#postList .subnav li
	{
		padding:0 10px 0 0;
		border:none;
	}
	#stylist .postPreviewContent h2 a
	{
		color: #fff;
	}
	#stylist .postPreviewContent h2 a:hover
	{
		color: #666;	
	}
	
	/* News */
	#news .widgetBody{}
	#news .newsList { padding: 15px 0 0 10px;}
	#news .newsList li {  margin:0 0 12px 0;	}
	#news .newsList li li
	{
		display:block;
		float:left;
		font-size:85%;
		margin:0 10px 0 0;
		width:110px;
	}
	#news .newsList h4
	{
		float:left;
		width:115px;
		margin:0 10px 0 0;
		font-size:inherit;
	}
	#wallpaper .widgetBody {text-align:center; position:relative;	}
	#wallpaper .widgetBody p {
		text-align:left;
		margin: 10px;
		font-size:85%;
	}
	#wallpaper .widgetBody h3
	{		
		margin:14px 0 5px 0;
		font-size:85%;
	}
	#wallpaper .pageNav
	{
	/*float:none;
		position:absolute;
		bottom:20px;
		left:0;
		width:265px;
		margin:0 5px;
*/
	}
	
	#wallpaper a.arrowleft,
	#wallpaper a.arrowright{
			display:block;
			width:15px; 
			height:15px;
			text-indent:-9999px;
			margin:0 0 0 5px;
			background: url(/images/pagingArrows2.png) no-repeat;
			*background: url(/images/pagingArrows2.gif) no-repeat;
			position:absolute;
			top:200px;
		}		
		#wallpaper a.arrowleft{
			background-position:0 0;
			left:5px;
		}
		#wallpaper a.arrowright{
			background-position:-15px 0;
			right:5px;
		}		

		#wallpaper a:hover.arrowleft{
			background-position:0 -15px;
		}
		#wallpaper a:hover.arrowright{
			background-position:-15px -15px;
		}
		
	#wallpaper .downloadLinks
	{
		padding-bottom:5px;
	}
	#wallpaper .downloadLinks li
	{
		display:inline;
		font-size:85%;
		margin:0 6px;
		line-height:11px;
	}
	#wallpaper .widgetFoot
	{
		padding:0 10px 10px 10px;
		text-align:center;
	}
	#wallpaper .widgetFoot p{ font-size:85%; margin:0; }
	
	#tooltip.wallpaper
	{
		color:#fff;
		background-color:#515151;
		border:1px solid #444;
		padding:10px;
		position:absolute;
		z-index:3000;
		width:130px;
		text-align:left;
	}
	#tooltip.wallpaper h3
	{
		font-size:85%;
		margin:0;
		text-transform:none;
	}

	/* Favorites */
	.favList ul { margin:10px 4px; }
		.userProfile .favList ul { margin:15px 4px 0; }
	.favList ul li {
		float: left;
		display:inline;
		/*	width:70px; */
		margin:0 4px;
		overflow:hidden;
		text-align:center;
		font-size:85%;
		text-transform:uppercase;
		height:165px;
	}
		.userProfile .favList li { margin:0 5px 18px 5px; height:auto; }
	.favList img { display:block; margin:5px auto; }
	
	.favList ul li
	{
		width:90px;
		text-align:center;
	}
	.favList li .galleryImg
	{
	    position:relative;
	    overflow:hidden;
	    height:113px;
	    margin:0 0 5px 0;
	    display:block;
	}
	.favList li a
	{
		/* width: 82px; */
		position:relative;
		display:block;
		
	}
	.favList li.button-container {width:175px; height:auto;margin:0; padding:10px 0 10px 4px;}
/*
	= People
*/
	.userGrid 
	{
		margin:12px 0;
	}
	.userGrid li	{
		width:173px;
		height:210px;
		float:left;
		margin:0;
		text-align:center;
		overflow:hidden;
		position:relative;
	}
	.userGrid li a.user
	{
		margin:0 9px;
		/*overflow:hidden;height:180px;
		clear:both;position:relative;*/
		display:block;
	}
	.userGrid li .userLink
	{
		left:0;
		margin:0 13px;
		overflow:hidden;
		position:absolute;
		top:168px;
		width:150px;
		color: #fff;
	}
	.userGrid .deleteButton
	{
	}
	.userGrid li .avatar
	{
		display:block;
	}
	.userGrid li .avatar img
	{
		border-color:#515151;
	}
	.userGrid li a:hover .avatar img
	{
		border-color:#fff;
	}
	
	.userGrid li a:hover .userLink
	{
	    color:#000;
    }
	.userGrid .userGridNav li
	{
		height:auto;
		width:158px;
		margin:0;
		text-transform:uppercase;
		line-height:16px;
		font-size:85%;
	}
	.userGrid .deleteButton 
	{
		position:absolute;
		top:0;
		left:0;
	}
	#staff h3
	{
		border-bottom:1px solid #404040;
		padding:5px 0 10px 0;
		margin:0 0 20px 0;
	}
	#staff
	{
		margin:0 0 20px 0;
	}
	#members
	{
		border-top:1px solid #404040;
		padding:10px 0 10px 0;
		margin:0 0 20px 0;
	}
	
	#members select
	{
		width:175px;
	}
	.requestUserList 
	{
		width:455px;
	}
	.requestUserList li
	{
		border-top:1px solid #222;
		padding:0;
		text-align:right;
		height:1%;
		clear:left;
		display:block;
		
	}
	.requestUserList li .avatar
	{
		margin:0 10px 0 0;
		padding:10px 0;
		float:left;
		width:80px;
	}
	.requestUserList .avatar img
	{
		display:block;
	}
	.requestUserList .requestInfo
	{
		text-align:right;
	}
	.requestUserList .options
	{
		margin:38px 0 0 0;
		font-size:93%;
		text-transform:uppercase;
	}
	.requestUserList .options li
	{
		border:none;
		padding:0;
		display:inline;
		
	}
	.requestUserList .options li.first
	{
		float:left;
		clear:none;
	}
	.requestUserList .options li.last
	{
		background: url(/images/divider2.gif) no-repeat left 3px;
		margin:0 0 0 6px;
		padding:0 0 0 10px;
	}
	.requestUserList .CommonContentBoxFooter
	{
		border-top:1px solid #222;
		padding:10px 0;
	}
/*
	= Profile
*/
	.userProfile
	{
	}
	.userProfile .column-w
	{
		width:250px;
		float:left;
	}
	.userProfile .column-e
	{
		width:414px;
		margin:0 20px 0 0;
		float:right;
	}
	#controlBox
	{
		padding:4px 0 0 0
	}
	#controlBox img
	{
		display:block;
		margin:4px auto;
	}
	#controlBox li
	{
		padding:4px 10px;
		border-top:1px solid #404040;
		line-height:11px;
		text-transform:uppercase;
	}
	#controlBox .reportLinkContainer
	{
		text-align:left;
	}
	#about .widgetBody
	{
		padding:15px;
	}
	#about li
	{
		color:#999;
		line-height:16px;
		font-size:93%;
		margin:0 0 10px 0;
	}
	#about li span
	{
		color:#fff;
		font-size:93%;
		text-transform:uppercase;
	}
	
	#activity .widgetBody
	{
		padding:10px;
	}
	
	/* Announcements */
	#announcements .widgetBody
	{
	    width: 414px;
	    height: 194px;
	}
	.announcementPreview img {
	    width: 230px;
	}
	
	/* Runway */
	#runway
	{
		background-color:Transparent;
	}
	#runway .intro
	{
		
		margin:0 0 10px 0;
		padding:8px 0 8px 0px;
	}
	#runway .widgetBody
	{
		background-color:Transparent;
	}
	#runway .widgetBody h3
	{
		margin:8px 0;
	}
	#addPost { 
		margin:0;
		padding-bottom: 20px;
		border-bottom:1px solid #333;
		margin:0 0 10px 0;
	}
	#addPost textarea
	{
	}
	#runwayList {
		border-top: 1px solid #333;
		padding: 10px 0 0 0;
	}	
	#runwayList #addPost {
		border-bottom: none;	/* tweak styling for full runway list page */
		margin:0;
	}
	
	.runwayPosts
	{
		margin:0 0 10px 0;
	}
	.runwayPosts li {
		border-bottom:1px solid #636363;
		padding:13px 0;
		position:relative;
	}
	.runwayPosts li .deleteButton
	{
		position:absolute;
		top:10px;
		right:0;
		
	}
	.runwayPosts li .postPic {
		float: left;
		/*margin-right:18px;
		width:79px;*/
	}
	.runwayPosts li .postPic img
	{
	}
	#runwayList .runwayPosts li .postPic img
	{
	}
	cite.author
	{
		display:block;
		margin:5px 0 10px 0;
	}
	cite.author span
	{
		font-size:85%;
	}	
	cite.author a
	{
		font-size:108%;
		font-weight:bold;
	}
	.runwayPosts .postContent {
		display:block;
		padding: 0 10px 0 18px;
		width:326px;
		float:right;
	}
	.runwayPosts .postContent p { padding: 7px 10px 0 0; }

	.runwayPosts .postContent img { }
	.js .postContent a.reportLink,
	.js .comments-list a.reportLink {
		visibility: hidden;
		/*position: relative;
		bottom: 10px;*/
	}
	.reportLinkContainer
	{
		text-align:right;
	}
	.reportLinkContainer .success{
		font-size: 85%;
		text-transform: uppercase;
		color: #999966;
	}
	/* User View */
	
	#activityList .editableList li label { padding: 5px; }
	#activityList .editableList li p { padding: 20px; }


	.deleteButton:link,
	.deleteButton:visited {
		background: url(/community/themes/StJohn/images/btn-close-default2.gif) no-repeat -10px 0;
		display:block;
		width:10px; 
		height:10px;
		text-indent:-9999px;
	}

	.deleteButton:hover,
	.deleteButton:active {
		background: url(/community/themes/StJohn/images/btn-close-default2.gif) no-repeat 0 0;
	}

/*
	= Inbox
*/
	
	.date{ font-size: 85%; text-transform:uppercase; }

	table.messageTable { margin-top:13px;
	border-bottom: 1px solid #333333;}

	table.messageTable thead td ul.pageNav{
		margin:0;
	}
	
	table.messageTable thead td span{ 
		font-size: 85%;
		text-transform: uppercase;  
	}

	table.messageTable tbody tr td { border-top: 1px solid #333333; }

	table.messageTable tbody tr td {  padding: 10px 10px 10px 0; }
	table.messageTable tbody tr td img.messageMemberPic {  }
	table.messageTable tbody tr td.nameCol { width: 100px; }
	table.messageTable tbody tr td.titleCol { line-height: 14pt; width: 260px;}
	table.messageTable tbody tr td.titleCol a.titleLink{
		font-size: 93%;
		font-weight: bold;
		color: #999966; 
	}
	table.messageTable tbody tr td.titleCol a.titleLink:hover { color: #fff; }
	table.messageTable tbody tr td.titleCol a.titleLink.read { color: #444; }
	table.messageTable tbody tr td.titleCol a.titleLink.read:hover { color: #fff; }

	.inbox {/*

		 margin-top: 10px; 
*/
	}

	/* View Message */
	#content .messageList { margin-bottom: 10px; padding: 0; }

	#content .messageList li { 
		clear: both;
		padding: 10px 0 0 0; 
		position: relative; 
		border-top: 1px solid #333333;
	}
	.messageList img {
		float: left;
		
	}
	.messageList li .memberName {
		clear: right;
		width: 100px;
		margin-left: 80px;
		margin-top: 30px;
	} 
	.messageList li .messageText { 
		clear: right;
		width: 260px;
		margin-left: 190px; 
		margin-top: -47px;	/* memberName.paddingTop + leading */
	}
	.messageList li .messageText .date {
		margin-bottom: 7px;
	}
	
	/* Send Message */
	#sendMessageForm label, #photoDetailForm label {
		text-transform: uppercase;
	}
	#sendMessageForm input, #sendMessageForm textarea,
	#photoDetailForm input, #photoDetailForm textarea {
		width: 450px;
	}

	

/*
	= Photo Album
*/
.album 
{
	border-top:1px solid #333;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
	.album li	{
		width:215px;
		height:240px;
		display:inline;
		float:left;
		margin:0 8px;
		text-align:center;
		overflow:hidden;
		position:relative;
		font-size: 85%;
		text-transform: uppercase;
	}
	.album li a.user
	{
		display:block;
		position:relative;
		height:180px;
		overflow:hidden;
		clear:both;
		
	}
	.album li a img
	{
		border:4px solid #515151;
		margin:5px auto;
	}
		.album li a:hover img
		{
			border:4px solid #fff;
		}
	.album li .albumimg
	{
		display:block;
	}
	
	.album .deleteButton
	{
		position:absolute;
		top:0px;
		left:0px;
	}
	
.album-comment
{
}
.album-comment h4
{
	margin:10px 0 5px 0;
}
.album-comment .albumimg
{
	text-align:center;
	padding:20px;
	border-top:solid 1px #444;
	border-bottom:solid 1px #444;
}
.album-comment .comments-list
{
	width:350px;
}
.album-comment .pageNav .arrowright
{
	margin-left:30px;
}
.album-comment .comments-list li
{
	border-bottom:1px solid #444;
	padding:10px 0;
}
.album-comment .comments-list .author
{
	display:inline;
}
.album-comment .comments-list .author a
{
	font-size:93%;
	font-weight:normal;
}
.album-comment .comments-list cite
{
	margin:0 10px 0 0;
}
.album-comment fieldset
{
	width:350px;
}
.album-comment fieldset textarea
{
	width:350px;
}
.album-comment .album-fileInfo
{
	border-bottom:solid 1px #444;
	padding:10px 0 10px 0;
}
.album-comment .album-fileInfo,
.album-comment .album-fileInfo .frmtext
{
	width:525px;
}
.album-comment .album-fileInfo li
{
	border:1px solid #000;
	padding-left:3px;
}
.album-comment .album-fileInfo li.frmhover
{
	border:1px solid #666;
}
.album-comment .album-fileInfo h2
{
	font-size:93%;
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 0 5px 0;

}
.album-comment .album-fileInfo .post
{
	margin:5px 0;
}
.album-comment .album-fileInfo em
{
	font-size:85%;
	color:#996;
	margin-left:10px 0 0 0;
	
}
.album-comment .album-fileInfo textarea
{	
	color:#fff;
	border:1px solid #333;
	padding:1px 5px;
	outline:none;
	background-color:#000;
	margin:0 0 8px 0;
}
.album-comment .album-fileInfo button{
		font-size: 77%;
		line-height:13px;
		padding:1px 20px 0 20px;
		color: #FFF;
		border: 1px solid #444;
		background-color: #444;
		text-transform: uppercase;
		font-family:arial;
		cursor:pointer;
		cursor:_hand;
		margin-right:5px;
	}
	.album-comment .album-fileInfo button:hover{
		color: #4E4E4E;
		background-color: #FFF;
	}

.memberSearch .frmtext
{
	background-color:#333;
	color:#fff;
}
.memberSearch .search-button
{
	background-color:#000;
	color:#999;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
}


/* 
	= Edit profile 
*/
#profileForm
{
	position:relative;
}
#profileForm fieldset
{
/*	display:none;*/
}
#profileForm fieldset .label
{
	text-align:right;
	width:175px;
	margin-right:15px;
}
#profileForm fieldset .no-label {
	padding:0 200px 0 195px;
}
#profileForm ul
{
	margin-bottom:10px;
}
#profileForm #menuTabs
	{
		border-bottom:1px solid #444;
		display:block;
		margin:0 0 20px 0;
		
	}	
	#profileForm #menuTabs li
	{
		display:block;
		float:left;
		font-size:85%;
		margin:0 1px 0 0;
		text-transform:uppercase;
	}		
	
	#profileForm #menuTabs li a
	{
		color:#999;
		margin:0;
		padding:5px 15px;
		background-color:#333;
		display:block;
	}

	#profileForm #menuTabs .ui-tabs-selected,
	#profileForm #menuTabs .ui-tabs-selected a
	{
		background-color:#444;
		color:#fff;
	}
	
	
	#profileForm .ui-tabs-panel
	{
		display:block;
	}
	#profileForm .ui-tabs-hide
	{
		display:none;
	}
	#profileForm span.frmtext
	{
		border:none;
	}
	#profileForm .alert
	{
		right:0;
		top:-24px;
		position:absolute;
	}
	#profileForm .frmtext, 
	#profileForm .frmfile,
	#personalView .frmtext
	{
		width:180px
	}
	#profileForm .upload
	{
		width:250px;
	}
	
	#personalView select
	{
		width:210px;
	}
	#personalView select.inputSmall,
	#personalView input.inputSmall
	{
		width:75px;
	}
	#profileForm label.labelSmall
	{	
		font-size:77%;
		margin-top:5px;
	}
	#personalView textarea.frmtext
	{
		width:330px
	}
	#profileForm .inlineFrm
	{
		float:left;
	}
	#profileForm .inlineFrm li
	{
		display:block;
		float:left;
		clear:none;
		margin:0 5px 0 0;
	}
	#profileForm .inlineFrm .frmtext,
	#profileForm .inlineFrm .inputSmall
	{
		display:block;
		margin-bottom:5px;
		
	}
	.boutiquesListOptions table { 
		font-size: 93%; 
		line-height:18px;
	}
	.boutiquesListOptions input { 
		margin: 0px 10px 0px 0; 
	}
	.boutiquesListOptions td { 
		padding: 2px 2px 2px 0;
	}
	.boutiquesListOptions label { 
		padding-top: -2px;
	}
	
		
/* blogs */
#sortingSection{
	float:left;
}
#sortingSection .label
{
	width:auto;
}
#blogDetail .pageNav {
	margin: -22px 0 0 0;
}
.rss a {
	background:transparent url(/images/rss.png) 0 50% no-repeat;
	padding-left:16px;
}

/* mailbox */
#sendMessageDialog
{
    width:450px;
}
#sendMessageDialog .label
{
}
#sendMessageDialog .frmtext
{
	width:400px;
}
.mailbox
{
	width:460px;
	margin-top:15px;
}
.mailbox h3
{
    font-weight:bold;
    font-size:93%;
    
}
.mailboxlist li
{
	padding:10px 0;
	border-top:1px solid #444;
}
.mailboxlist .subject
{
	width:200px;
	margin:0 10px;
	float:right;
}
.mailboxlist .post
{
	font-size:93%;
	line-height:18px;
	margin: 0;
}
.mailboxlist .subject p
{
	margin:0 0 6px 0;
	font-weight:bold;
}
.mailboxlist .avatar
{
	float:left;
	font-weight:bold;
}
.mailboxlist .avatar img
{
	display:block;
	margin: 0 auto;
}
.mailboxlist .avatarHolder
{
	float:left;
    width: 70px;
	margin: auto 20px auto 10px;
	position: relative;
	text-align: center;
}
.mailboxlist .from
{
	float: left;
	margin-top: 10px;
}
.mailboxlist .from label
{
    display: block;
    margin-bottom: 6px;
    font-size:93%;
}
.mailboxlist cite.date
{
	display:block;
	margin:0 0 10px 0;
}
.mailboxlist .deleteButton
{
	float:left;
	margin:30px 0 0 0;
}
.mailboxheaders
{
	float:left;
	margin:10px 0 5px 0;
}
.mailboxheaders li
{
	display:block;
	text-transform:uppercase;
	font-size:85%;
	float:left;
}
.mailboxheaders li.from
{
	width:220px
}