/* UFC COMMUNITY */
/* Account Section Stylesheet
----------------------------------------------------------------------------- */


	#page-welcome #layout {

	background-image: url(../images/layout/bg-layout-one.gif) !important;
		
	}
	
	
/* Sign In Page
--------------------------------------------------------------------------- */
	

	#page-login #layout, #page-account-reset #layout {
		
	background-image: none;
		
	}
	
	#page-login #navigation, #page-account-reset #navigation {
		
	display: none;
		
	}
	
	#page-login #content, #page-account-reset #content {
		
	padding: 20px 0 50px 84px;
		
	}
	
	#page-login h2, #page-account-reset h2 {
		
	display: none;
		
	}

	#signin-form, #page-account-reset #signin-form {
	
	float: left;
	width: 778px;
	margin: 10px 0 3px 10px;
	background: #fff url(../images/section-account/bg-signin.gif) bottom left no-repeat;
		
	}
	
	
/* Account - Modify
--------------------------------------------------------------------------- */


	#account h3 {
		
	display: none;
		
	}
	
	#account div.group.cliqueid {
	
	padding-top: 0;
		
	}
	
	#account div.group.privacy {
		
	padding-bottom: 0;
	border-bottom: none;
		
	}
	


/* Subscription Info
--------------------------------------------------------------------------- */

	#info {
		
	width: 224px;
	margin: 0 0 0 15px;
		
	}
	

/* Account Widget - Sign In Mode
--------------------------------------------------------------------------- */


	div.widget-account.signin {

	float: left;
	width: 280px;
	margin-right: 2px;
	padding-bottom: 50px;
	position: relative;
	
	}
	
	div.widget-account.signin h3 {
	
	width: 280px;
	height: 91px;
	background: url(../images/section-account/h3-signin.gif) no-repeat;
	display: block;
	margin-bottom: 13px;
	text-indent: -5000px;
	
	}
	
	div.widget-account.signin label {
	
	display: block;
	float: none;
	margin: 0 0 5px 25px;
	padding: 0;
	
	}
	
	div.widget-account.signin em {
	
	display: block;
	float: none;
	margin-bottom: 4px;
	padding: 0;
	font: normal 12px/16px Trebuchet MS, Arial, sans-serif;
	color: #fff;
	
	}
	
	div.widget-account.signin em:before {
		
	content: "Your ";	
	
	}
	
	div.widget-account.signin em:after {
		
	content: ":";
		
	}
	
	div.widget-account.signin input {
	
	float: none;
	margin: 0;
	padding: 2px 3px;

	}
	
	div.widget-account.signin #account_email {
		
	width: 224px;
		
	}
	
	div.widget-account.signin ul.actions {
	
	width: 93px;
	height: 22px;
	float: right;
	padding: 0 25px 0 0;
	margin-top: -39px;
	background: none;
	
	}
	
	div.widget-account.signin ul.actions li {
	
	float: right !important;
	margin-right: 0 !important;
	
	}
	
	div.widget-account.signin ul.actions a {
	
	margin-right: 0;
	
	}

	div.widget-account.signin ul.actions a:hover {
	
	background-position: 0 0;
	
	}

	div.widget-account.signin input.save {
	
	position: absolute;
	left: 25px;
	bottom: 25px;
	
	}

	div.widget-account.signin a.reset {
	
	width: 81px;
	height: 10px;
	background-image: url(../images/section-account/a-reset.gif);
	
	}
	
	div.widget-account.signin a.help {
	
	width: 54px;
	height: 10px;
	background-image: url(../images/section-account/a-help.gif);
	
	}
		
	
/* Account Widget - Password
----------------------------------------------------------------------------- */


	div.widget-account.password {
	
	float: left;
	width: 280px;
	margin-right: 2px;
	padding-bottom: 25px;
	font: normal 12px/16px Trebuchet MS, Arial, sans-serif;
	
	}

	div.widget-account.password h3 {
	
	width: 280px;
	height: 91px;
	background: url(../images/section-account/h3-resetpassword.gif) no-repeat;
	display: block;
	margin-bottom: 13px;
	text-indent: -5000px;

	}
	
	div.widget-account.password label, div.widget-account.password em {
	
	margin-bottom: 4px;
	padding: 0;
	
	}
	
	div.widget-account.password p {
	
	width: 230px;
	margin: 0 0 15px 25px;
	color: #fff;
	font-size: 10px;
	
	}
		
	div.widget-account.password label {
	
	display: block;
	float: none;
	margin: 0 0 5px 25px;
	padding: 0;
	
	}	
	
	div.widget-account.password em {
	
	float: none;
	width: 230px;
	color: #fff;
	font: normal 12px/16px Trebuchet MS, Arial, sans-serif;
	
	}
	
	div.widget-account.password em:before {
		
	content: "Your ";	
	
	}
	
	div.widget-account.password em:after {
	
	content: ":";
	
	}
	
	div.widget-account.password input {
	
	float: none;
	margin: 0;
	padding: 3px;
		
	}
	
	div.widget-account.password label.zip input {
		
	width: 50px;
		
	}
	
	div.widget-account.password ul.actions {
	
	height: 22px;
	margin: 10px 25px 0 0;
	padding: 0;
	background: none;
	
	}
		

/* Clique Upsell
--------------------------------------------------------------------------- */


	#clique-powered {

	float: left;
	width: 496px;
	padding: 0;
	font: normal 14px/16px Trebuchet MS, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;

	}

	#clique-powered h3 {

	display: block;
	width: 496px;
	height: 91px;
	margin-bottom: 15px;
	background: url(../images/section-account/h3-cliquepowered.gif) no-repeat;
	text-indent: -5000px;

	}

	#clique-powered h4 {
	
	width: 401px;
	height: 15px;
	margin: 0 0 30px 25px;
	background: url(../images/section-account/h4-othersites.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#clique-powered p {
		
	padding: 0 0 20px 25px;
	font-weight: bold;
		
	}
	
	#clique-powered div {
		
	width: 230px;
	padding: 0 0 25px 25px;
	font-size: 11px;
		
	}
	
	#clique-powered div strong {
		
	display: block;
	margin: 0 0 5px 0;
	font-weight: normal;
		
	}
	
	#clique-powered div img {
		
	display: block;
	clear: left;
	margin: 0 0 10px 0;
	border: 1px solid #333;
		
	}
	
	#clique-powered div a {
		
	display: block;
	width: 72px;
	height: 13px;
	background: url(../images/section-account/a-visitsite.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#clique-powered div a:hover {
		
	background-position: 0 -13px;
		
	}
	
	
/* Fight Club
--------------------------------------------------------------------------- */

	#fightclub {

	float: left;
	margin: 3px 2px 10px 10px;
	width: 280px;
	height: 125px;
	background: url(../images/section-account/bg-fightclub.jpg) no-repeat;
	text-indent: -5000px;

	}
	
	
/* Join Action
--------------------------------------------------------------------------- */

	#join {
	
	float: left;
	width: 472px;
	height: 107px;
	padding: 18px 0 0 25px;	
	margin: 3px 0 10px 0;
	background: url(../images/section-account/bg-join.jpg) no-repeat;
		
	}
	
	#join h3 {
	
	margin: 0 0 10px 0;
	width: 378px;
	height: 24px;
	background: url(../images/section-account/h3-notamember.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#join p {
	
	width: 400px;	
	color: #000;
		
	}
	
	#join a {
		
	display: block;
	width: 246px;
	height: 21px;
	background: url(../images/section-account/a-join.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	
/* Welcome
--------------------------------------------------------------------------- */

	#welcome h3 {
		
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;
	font: normal 16px/18px Arial, sans-serif;	
	color: #000;
	text-transform: uppercase;
		
	}
	
	#welcome h4 {
		
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	font: normal 14px/16px Arial, sans-serif;	
	color: #777;
	text-transform: uppercase;
		
	}
	
	#welcome div.alias {
		
	padding-top: 0;
		
	}
	
	#welcome div.legal div {
		
	width: 493px;
	height: 250px;
	overflow: auto;
	padding: 5px;
	background: #f2f2f3;
	border: 1px solid #ccc;
	color: #666;
		
	}
	
	#welcome div.legal div h3 {
		
	color: #333;
		
	}
	
	#welcome div.legal div ol {
		
	list-style: decimal outside;
	margin: 0 0 0 20px;
		
	}
	
	#welcome div.legal div ul {
	
	list-style: disc outside;
	margin: 0 0 0 20px;
		
	}