/* UFC Fight Club */
/* Login Stylesheet
----------------------------------------------------------------------------- */


	@import url("upsells.css");
	

/* Style Precedents
----------------------------------------------------------------------------- */


	body, h2, h3, h4, ul {
	
	margin: 0;
	padding: 0;
	font: normal 11px/13px Arial, Verdana, sans-serif;
	color: #acacac;
	
	}
	
	body {
	
	background: #000 url(../images/layout/body-background.jpg) repeat-y top center;
	
	}


/* Headings */


	h2 {
	
	display: block;
	height: 46px;
	margin-bottom: 20px;
	text-indent: -5000px;
	
	}

	h3 {
	
	margin-bottom: 15px;
	font: normal 17px/17px Arial, sans-serif;
	
	}
	
	h4 {
	
	font: normal 18px/18px Arial, sans-serif;
	
	}
	
	
/* Inline Elements */

	
	a {
	
	color: #990000;
	font-weight: normal;
	text-decoration: none;
	outline: none;

	}
	
	a:hover {
	
	color: #e07e26;
		
	}
	
	img {
	
	border: 0;
		
	}
	
	table {
	
	border-collapse: collapse;
		
	}


/* Lists */

	
	dl, dt, dd, ul {
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	}
	
	dt {
	
	float: left;
	width: 90px;
	
	}
	
	dd {
	
	float: left;
	
	}
	

/* Layout
----------------------------------------------------------------------------- */


	#layout {

	position: relative;
	width: 900px;
	margin: 0 auto;
	
	}
	
	#content {
	
	clear: left;
	position: relative;
	height: 1417px;
	background: url(../images/section-login/bg-splash.jpg) top center no-repeat;
	margin: 0;
	
	}

	#footer {
	
	width: 866px;
	margin: 40px auto;
	padding: 30px 17px 0 17px;
	
	}
	
	
/* Ad Widget
--------------------------------------------------------------------------- */

	div.widget-advertising {

	clear: both;	
	width: 896px;
	height: 34px;

	}


/* Member Login
----------------------------------------------------------------------------- */


	form {
	
	float: left;
	margin: 0;
	padding: 0;
	}

	div.widget-account.signin {
	
	background-color: #000;
	display: block;
	float: left;
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;

	}
	
	div.widget-account.signin h3 {
	
	width: 116px;
	height: 15px;
	background: url(../images/section-login/h3-memberlogin.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	float: left;
	margin: 5px 10px 0 17px;

	}
	
	div.widget-account.signin label {
	
	float: left;
	margin: 0 10px 0 10px;

	}

	div.widget-account.signin label em {
	
	font: bold 10px/12px Arial, Sans-serif;
	color: #959595;
	padding-right: 5px;

	}
	
	div.widget-account.signin br {
	
	display: none;
	
	}
	
	div.widget-account.signin input {
	
	color: #fff;
	background-color: #252525;
	border: 1px solid #434141;

	}
	
	div.widget-account.signin li input.action.save {
	
	width: 31px;
	height: 23px;
	background: url(../images/actions/a-submit.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	border: none;
	float: left;
	margin-right: 5px;
	
	}
	
	div.widget-account.signin a.action.join {
	
	width: 47px;
	height: 23px;
	background: url(../images/actions/a-join.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	float: left;
	
	}
	
	div.widget-account.signin a.action.reset {
	
	color: #707070;
	padding: 5px 17px 0 0;
	float: right;
	
	}
	
	
	/* Alert-Error */
	
	div.widget-alert.error {
	
	background-color: #9a0000;
	padding: 10px;
	height: 15px;
	float: left;
	width: 880px;

	}
	
	div.widget-alert.error h3 {
	
	width: 263px;
	height: 13px;
	background: url(../images/section-login/h3-error.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	float: left;
	padding-right: 20px;
	margin-left: 14px;

	}
	
	div.widget-alert.error p {

	margin-top: 2px;
	
	}
	
	div.widget-alert.error p a {
	
	color: #fff;
	
	}
	
	
/* Upcoming Events
----------------------------------------------------------------------------- */


	#upcoming {
	
	display: block;
	position: absolute;
	top: 200px;
	left: 17px;
	z-index: 50;
	width: 240px;
	height: 400px;
	
	}

	#upcoming h3 {
	
	width: 139px;
	height: 13px;
	background: url(../images/section-login/h3-upcoming.gif) no-repeat;
	text-indent: -5000px;
	display: block;

	}
	
	#upcoming li {
	
	padding-bottom: 10px;
	
	}

	#upcoming small {
	
	display: none;
	
	}
	
	#upcoming h4, #upcoming h4 em, #upcoming h4 span {
	
	font: normal 11px/16px Arial, Sans-serif;
	text-transform: uppercase;
	width: 220px;
	
	}
	
	#upcoming a.date, #upcoming a.date strong {
	
	color: #f1b95a;
	font-weight: normal;
	line-height: 19px;
	
	}
	
	#upcoming a em {
	
	font-size: 14px;
	line-height: 19px;
	color: #ffffff;
	
	}

	#upcoming a span, #upcoming a strong {
	
	color: #e07e26;
	font-weight: normal;
	
	}
	
	#upcoming ul.tickets, #upcoming ul.tallies, #upcoming ul.actions, #upcoming ul.pages {
	
	display: none;
	
	}
	
	
/* Flash Player / Photo Viewer
----------------------------------------------------------------------------- */

	#splash-intro {
	
	position: absolute;
	top: 169px;
	left: 339px;
	
	}
	
	#splash-intro p {
	
	width: 180px;
	color: #9a0000;
	font-weight: bold;
	padding-left: 10px;
	
	}
	
	#splash-photos {
	
	position: absolute;
	top: 457px;
	left: 342px;
	
	}
	
	#splash-photos p {
	
	width: 180px;
	color: #9a0000;
	font-weight: bold;
	padding-left: 10px;
	
	}


/* Overlays
----------------------------------------------------------------------------- */


	#overlay {

	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 30;
	margin-top: 0;
	top: -400px; // Set to a negative value only when using the movement animation

	}

	#overlay div.widget-advertising {

	width: 600px;
	height: 400px;
	background: #6f0000;
	margin: 0 auto;
	padding-bottom: 22px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 5px #000;
	
	}
	
	#overlay div.widget-advertising div {
	
	width: 600px;
	height: 400px;
	overflow: hidden;
	
	}
	
	#overlay a.close {
	
	display: block;
	height: 19px;
	border-top: 2px solid #430000;
	width: 600px;
	color: #f1b95a;
	font: bold 11px/19px Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	
	}
	
	
/* UFC Widget
--------------------------------------------------------------------------- */

	#position {
	
	width: 220px;	
	position: absolute;
	top: 200px;
	right: 17px;
		
	}

	#widget {

	width: 220px;

	}
	
	#widget h3 {
		
	width: 123px;
	height: 31px;
	background: url(../images/section-login/h3-checkout.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#widget .img-widget {
		
	display: block;
	width: 184px;
	height: 194px;
	background: url(../images/section-login/img-widget.jpg) no-repeat;
	text-indent: -5000px;	
	
	}
	
	#widget p {
		
	width: 179px;
	height: 23px;
	background: url(../images/section-login/p-wantupdates.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#widget .grab-widget {
		
	display: block;
	width: 143px;
	height: 21px;
	background: url(../images/section-login/a-grabwidget.gif) no-repeat;
	text-indent: -5000px;
		
	}


/* Members
----------------------------------------------------------------------------- */

	#members {
	
	float: left;
	width: 230px;	
	margin: 0 0 40px 0;	
	
	}

	#members h3 {
	
	width: 176px;
	height: 31px;
	background: url(../images/section-login/h3-members.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	
	}
	
	#members li {
	
	float: left;
	
	}
	
	#members li img {
	
	width: 62px;
	float: left;
	padding-right: 12px;
	
	}
	
	#members li a strong {
	
	float: left;
	clear: left;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 60px;
	
	}
	
	#members dl {
		
	display: none;
	
	}
	
	#members ul.actions.paging, #members ul.pages,
	#members ul.members em {
	
	display: none;
	
	}
	
	
/* Forum Talk
----------------------------------------------------------------------------- */

	#forum {
	
	width: 220px;
	clear: both;
		
	}

	#forum h3 {

	width: 100px;
	height: 13px;
	background: url(../images/section-login/h3-forum.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	
	}
	
	#forum h4, #forum strong, #forum em {
	
	display: none;
	
	}
	
	#forum p {
	
	color: #f1b95a;
	
	}
	
	#forum li {
	
	background: url(../images/section-login/img-slash.gif) no-repeat;
	padding: 0 20px 10px 10px;
	display: block;
	
	}
	
	#forum li a {
	
	color: #f1b95a;
	
	}
	
	#forum ul.pages, #forum ul.actions.paging, #forum a.comments {
	
	display: none;
	
	}
	

/* Membership Links
----------------------------------------------------------------------------- */

	#membership-basic ul.features,
	#membership-ultimate ul.features {
	
	display: none;
	
	}
	
	#membership-basic ul.actions {
	
	position: absolute;
	top: 625px;
	right: 100px;
	
	}
	
	#membership-ultimate ul.actions {
	
	position: absolute;
	top: 858px;
	right: 100px;
	
	}
	
	#membership-basic ul.actions,
	#membership-ultimate ul.actions {
		
	float: left;
	
	}
	
	#membership-basic ul.actions li a,
	#membership-ultimate ul.actions li a {
	
	display: block;
	text-indent: -5000px;
	padding-bottom: 5px;
	height: 20px;
	width: 126px;
		
	}
	
	#membership-basic a.joinnow,
	#membership-ultimate a.joinnow {
	

	background: url(../images/actions/a-joinnow.gif) no-repeat;
	
	}
	
	#membership-basic a.buyasgift,
	#membership-ultimate a.buyasgift {
	
	background: url(../images/actions/a-buyasgift.gif) no-repeat;
	
	}
	
	#membership-basic a.renew,
	#membership-ultimate a.renew {
	
	background: url(../images/section-login/a-renew.gif) no-repeat;
	
	}
	
	#membership-basic a.learn,
	#membership-ultimate a.learn {
	
	background: url(../images/actions/a-learn.gif) no-repeat;
	
	}
	
/* Redeem
----------------------------------------------------------------------------- */

	#redeem {
	
	width: 730px;
	height: 235px;
	position: absolute;
	top: 1037px;
	left: 80px;
	
	}
	
	#redeem a.ticketmaster {
	
	background: url(../images/section-login/a-ticketmaster.jpg) no-repeat;
	width: 361px;
	height: 72px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 0px;
	left: 0px;
	
	}
	
	#redeem a.membership-basic {

	background: url(../images/section-login/a-member_basic.jpg) no-repeat;
	width: 361px;
	height: 72px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 0;
	right: 0;
	
	}
	
	#redeem a.membership-ultimate {

	background: url(../images/section-login/a-member_ultimate.jpg) no-repeat;
	width: 361px;
	height: 72px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 80px;
	left: 0px;
	
	}
	
	#redeem a.renew {

	background: url(../images/section-login/a-renew.jpg) no-repeat;
	width: 361px;
	height: 72px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 80px;
	right: 0px;
	
	}
	
	#redeem a.trial-membership-code {

	background: url(../images/section-login/a-trial_member_code.jpg) no-repeat;
	width: 362px;
	height: 72px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 160px;
	left: 180px;
	
	}

	
	
/* Rules
----------------------------------------------------------------------------- */

	#rules {
	
	width: 850px;
	position: absolute;
	top: 1330px;
	left: 17px;
	
	}
	
	#rules li {
	
	font: normal 10px/16px Arial, Sans-serif;
	color: #b7b7b7;
	margin-bottom: 15px;
	
	}
	
	#rules strong {
	
	color: #f1b95a;
	
	}
	

/* Footer
----------------------------------------------------------------------------- */

	#links ul {
		
	float: left;
	
	}

	#links li {

	float: left;

	}
	
	#links li a {
	
	display: block;
	text-indent: -5000px;
	float: left;
	padding: 0 10px 30px 0;
	height: 12px;
	
	}
	
	#links a.official {
	
	width: 133px;
	background: url(../images/actions/a-official.gif) no-repeat;
	
	}
	
	#links a.ondemand {
	
	width: 125px;
	background: url(../images/actions/a-ondemand.gif) no-repeat;
	
	}
	
	#links a.store {
	
	width: 77px;
	background: url(../images/actions/a-store.gif) no-repeat;
	
	}

	a.clique {
	
	width: 88px;
	height: 20px;
	background: url(../images/section-login/a-clique.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	margin-top: 40px;
	clear: left;
	
	}
	
	
	
/* MEMBERSHIPS
----------------------------------------------------------------------------- */

/* Layout
----------------------------------------------------------------------------- */


	#content-memberships {

	height: 1630px;
	background: #000 url(../images/section-login/bg-memberships3.jpg) top center no-repeat;
	clear: left;
	position: relative;
	
	}
	
	#memberships {
	
	display: none;
	
	}


/* Actions
----------------------------------------------------------------------------- */

	#ultimatemembership-actions a, 
	#basicmembership-actions a,
	#ultimaterenew-actions a, 
	#basicrenew-actions a {
	
	width: 126px;
	height: 22px;
	text-indent: -5000px;
	display: block;
	
	}
	
	#ultimatemembership-actions p,
	#basicmembership-actions p {
	
	float: left;
	padding-right: 15px;
	
	}
	
	a.member-join {
	
	background: url(../images/actions/a-member-joinnow.gif) no-repeat;
	
	}
	
	a.member-joinrenew {
	
	width: 155px !important;
	background: url(../images/actions/a-member-joinrenew.gif) no-repeat;
	
	}
	
	a.member-buyasgift {
	
	background: url(../images/actions/a-member-buyasgift.gif) no-repeat;
	
	}
	
	a.member-renew {
	
	background: url(../images/actions/a-member-renew.gif) no-repeat;
	
	}
	
	#ultimatemembership-actions  {
	
	top: 670px;
	left: 118px;
	position: absolute;
	
	}
	
	#ultimaterenew-actions {
	
	top: 862px;
	left: 118px;
	position: absolute;
	
	}
	
	#basicmembership-actions  {
	
	top:597px;
	left: 550px;
	position: absolute;
	
	}
	
	#basicrenew-actions {
	
	top: 834px;
	left: 558px;
	position: absolute;
	
	}

	
/* Membership Prices and Policies
----------------------------------------------------------------------------- */

	#policies {
	
	width: 346px;
	position: absolute;
	top: 985px;
	left: 118px;
	
	}
	
	#policies h3.about {
	
	width: 198px;
	height: 14px;
	background: url(../images/section-login/h3-about.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	
	}

	#policies h3.prices {
	
	width: 281px;
	height: 13px;
	background: url(../images/section-login/h3-policies.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	margin-top: 40px;
	
	}
	
	#policies h4 {
	
	font: normal 12px/16px Arial, Sans-serif;
	color: #a66428;
	text-transform: uppercase;
	margin-top: 25px;
	}
	
	#policies p {
	
	font: normal 11px/13px Arial, Sans-serif;
	color: #fff;
	
	}
	

/* Minimum Technical Requirements
----------------------------------------------------------------------------- */

	#requirements {
	
	width: 285px;
	position: absolute;
	top: 985px;
	left: 555px;
	
	}
	
	#requirements h3 {
	
	width: 169px;
	height: 8px;
	background: url(../images/section-login/h3-requirements.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	
	}
	
	#requirements p {
	
	font: normal 10px/13px Arial, Sans-serif;
	color: #b7b7b7;
	
	}
	
	#requirements p span {
	
	color: #f1b95a;
	
	}
	

/* ACCOUNT RESET PAGE
----------------------------------------------------------------------------- */

/* Layout
----------------------------------------------------------------------------- */
	
	
	#content-reset {

	height: 700px;
	background: url(../images/section-login/bg-reset.jpg) top center no-repeat;
	position: relative;
	clear: left;
	
	}
	
	div.widget-account.password {
	
	clear: left;
	padding: 200px 0 0 30px;
	
	}
	
	div.widget-account.password h3 {
	
	width: 252px;
	height: 19px;
	background: url(../images/section-login/h3-reset.gif) top center no-repeat;
	text-indent: -5000px;
	display: block;
	
	}
	
	div.widget-account.password p {
	
	color: #fff;
	
	}
	
	div.widget-account.password br {
	
	display: none;
	
	}
	
	div.widget-account.password label {
	
	float: left;
	padding-right: 10px;
	
	}
	
	div.widget-account.password label em {
	
	font-style: normal;
	color: #a66428;
	text-transform: uppercase;
	margin: 5px 10px 0 0;
	float: left;
	
	}
	
	div.widget-account.password #account_email, div.widget-account.password select {
	
	color: #fff;
	background-color: #252525;
	border: 1px solid #434141;
	float: left;
	margin-right: 2px;
	
	}
	
	div.widget-account.password input.action-save {
	
	
	
	}
	
	div.widget-account.password ul {
	
	float: left;
	
	}
	
	div.widget-account.password ul li {
	
	float: left;
	
	}
	
	#help {
	
	padding: 50px 0 0 30px;
	width: 400px;
	clear: left;
	
	}
	
	#help h3 {
	
	width: 130px;
	height: 18px;
	background: url(../images/section-login/h3-needhelp.gif) top center no-repeat;
	text-indent: -5000px;
	display: block;
	
	}
	
	a.faq, a.support {
	
	width: 126px;
	height: 26px;
	text-indent: -5000px;
	display: block;
	float: left;
	padding-right: 10px;
	
	}
	
	a.faq {
	
	background: url(../images/actions/a-faq.gif) top center no-repeat;
	
	}
	
	a.support {
	
	background: url(../images/actions/a-support.gif) top center no-repeat;
	
	}
	
	
/* Montreal Tickets Sold Out
----------------------------------------------------------------------------- */
	

	p.soldout {
	
	width: 130px;
	color: #d57620;
	position: absolute;
	top: 653px;
	right: 97px;
	text-align: center;
	font-size: 12px;
	
	}
	
	p.soldout span {
	
	color: #fff;
	
	}