@charset "utf-8";

@import url('/images/css/forum.css');

/** 
 * Global Styles
 * 
 * Header, toolbar, footer, and other miscellaneous global styles.
 *
 * TEMPORARY Styles
 * Reset
 * Page Wrapper
 * Global Page Styles
 * Network Navigation
 * Toolbar Hotspots
 * Modules
 * Advertisements
 * Links
 * Buttons
 * Avatars
 * Media Thumbnails
 * Pagination
 * Error Pages
 * Message and Alert Boxes
 * YUI
 * Tags
 * Rating Tagging Sharing
 * Footer
 * 
 * @project [ex. ufcundisputed.com]
 * @version 1
 * @lastmodified 2009-10-27 18:24
 * @author ONEsite Creative jj
 *
 * @colordef #fff; white 
 * @colordef #808080; standard grey 
 */
 

pre {
	color: #ffff99 !important; position: absolute; top: 30px; left: 10px; width: 500px; height: 700px; overflow: scroll; border: 1px solid #1e1e1e; float: left; z-index: 100;
		-moz-box-shadow: 0px 4px 5px #000;
		-webkit-box-shadow: 0px 4px 5px #000;
		box-shadow: 0px 4px 5px #000;

	background: url('../images/bg_promo_blurb.png') 0 0 repeat;
}

/**
 * TEMPORARY Styles
 *
 * @section TEMPORARY Styles
 */

.onePageGoAsset select,
#ml_translation_admin select,
.modalPage select {position: static !important; visibility: visible !important;}

#ml_translation_admin {color: #000;}

/* 
#game_preorder #menuID_2399 {display: none;}
 */
 .noStyle {visibility: hidden;}


.tempFighterCarousel {background: url('../images/temp_rosterHome.png') 50% 0 no-repeat; height: 234px; margin-top: 17px;}

.contentAction_plusOne iframe {top: auto !important; left: auto !important;}

.contentActionButtons,
.contentActionSystem {
    float: left;
    margin: 0;
    padding: 0;
}
.articleRSSIcon {float: left; margin: 2px 0 0 5px;}

#home_news .articleActions,
#home_node_home .articleActions,
#browse_articles .articleActions {
	position: absolute; bottom: 20px; left: 298px;
}

.contentAction_plusOne {margin-left: 0; padding-top: 0;}


#itemID_20139,
#topHatCart,
#tb_hotspot_203099,
#tb_hotspot_203109 {display: none;}

#tb_hotspot_204917 {
	margin: 0 0 0 -307px !important;
	display: none;
}

#tb_hotspot_203729 {margin-left: 270px !important;} /* preorder */


	/* hide login */
	#tb_hotspot_203349 {display: none;}

/**
 * Reset
 *
 * @section Reset
 */

.mod_menu_site {display: none;}
h1, h2, h3 {font-family: arial, helvetica, sans-serif;}
h3 {position: static; font-family: "gothamBlack", arial, helvetical, sans-serif;}

.module h4 {height: 18px; line-height: 18px; color: #fff; font-size: 18px; text-transform: uppercase; margin: 0 0 10px 0; font-family: "gothamBlack", arial, helvetical, sans-serif;}


   /* reset specific h3's to position relative */
   #gallery_content_comments_container h3,
   #video_content_comments_container h3 {position: relative;}
.module .container {border: 0 none;}


/**
 * Page Wrapper
 *
 * @section Page Wrapper
 */

body {
	font-size: 14px; 
	font-family: arial, helvetica, sans-serif;
	/* line-height: 14px; */
	color: #c4c4c4;
	background: #000;
}

#oneBackgroundLayer {background: url('../images/bg_content.jpg') 50% 0 no-repeat scroll; min-height: 800px;}
#oneSiteContainer {width: 1122px !important;}

/* home page drop shadow override */
#oneSiteContainer {width: auto !important;
padding-bottom: 15px;
}
#onePageContainer {width: 1122px !important; margin: 0 auto !important;}
/* end home page drop shadow override */

#oneToolbarOverlord {width: auto; margin: 0; height: 152px;}
#tbContainer3,
#tbShell3 {width: auto; margin: 0; position: static;}

#onePageContainer {padding: 55px 0 75px 0; height: auto !important; min-height: 800px; height: 800px;}
#oneSubPageContainer {}


/**
 * Global Styles
 *
 * @section Global Styles
 */

/* reset list styling within blog posts */
.oneBlogPost p {margin: 10px 0;}
.oneBlogPost ul,
.oneBlogPost ol {margin: 10px 0; padding: 0 0 0 30px;}
.oneBlogPost ul li,
.oneBlogPost ol li {margin: 0; padding: 0; border: 0 none; list-style-position: inside; list-style-image: none;}
.oneBlogPost ul li {list-style-type: disc;}
.oneBlogPost ol li {list-style-type: decimal;}
.oneBlogPost ol ol li {list-style-type: lower-alpha;}

/* reset list styling within sandbox and custom HTML modules */
.mod_sandbox ul.mainUl ul,
.mod_custom_html ul.mainUl ul,
.mod_sandbox ul.mainUl ol,
.mod_custom_html ul.mainUl ol {margin: 10px 0; padding: 0 0 0 30px;}
.mod_sandbox ul.mainUl ul li,
.mod_custom_html ul.mainUl ul li,
.mod_sandbox ul.mainUl ol li,
.mod_custom_html ul.mainUl ol li {margin: 0; padding: 0; border: 0 none; list-style-position: inside; list-style-image: none;}
.mod_sandbox ul.mainUl ul li,
.mod_custom_html ul.mainUl ul li {list-style-type: disc;}
.mod_sandbox ul.mainUl ol li,
.mod_custom_html ul.mainUl ol li {list-style-type: decimal;}
.mod_sandbox ul.mainUl ol ol li,
.mod_custom_html ul.mainUl ol ol li {list-style-type: lower-alpha;}


/**
 * Network Navigation
 *
 * @section Network Navigation
 */

#tb_hotspot_204799 {background: url('../images/bg_toolbar.png') 0 0 repeat-x; margin-left: -321px !important;}

#tb_hotspot_203119 {margin-left: -321px !important;}
#tb_hotspot_203119 ul {margin: 19px 0 0 5px;}
#tb_hotspot_203119 ul li {margin: 0;}
#tb_hotspot_203119 ul li a {padding: 0;}

ul.TopNavMenu li .menuItemTitle {
	font-size: 14px; font-family: "UbuntuBoldItalic", arial, helvetical, sans-serif; text-transform: uppercase; font-weight: normal; line-height: 29px;
	background: url('../images/tb_sep.png') 100% 0 no-repeat;
	padding: 0 12px 0 9px !important;
	display: inline-block;
	margin: 0;
	color: #fff;
	cursor: hand; cursor: pointer;
}

ul.TopNavMenu li.menuColumnLast a {background: none transparent;}

	.TopNavMenu li a:hover span {color: #BA000E;}

#home_node_home li#itemID_28039 a span,
#home_news li#itemID_28049 a span,
#home_game li#itemID_28069 a span,
#home_media li#itemID_28059 a span,
.article_view li#itemID_28049 a span {color: #BA000E;}

#tb_hotspot_204109 {margin-left: -561px !important; display: none;}
	#ufcAvailableDate {display: block; height: 14px; background: url('../images/ufcAvailableDate.png') 0 0 no-repeat;}


ul.TopNavMenu ul.subMenu {
-moz-box-shadow: 0px 4px 5px #000;
-webkit-box-shadow: 0px 4px 5px #000;
box-shadow: 0px 4px 5px #000;	
}

ul.TopNavMenu ul.subMenu a span {
    color: #FFFFFF;

}
ul.TopNavMenu ul.subMenu a:hover,
ul.TopNavMenu ul.subMenu a:hover span {
    color: #BB000E;
}


#tb_hotspot_204649 {margin: 0 0 0 -561px !important;}

/* main menu subnav */

ul#menuID_2399 ul.subMenu {border: 3px solid #5b5b5b; border-width: 3px 3px 3px; margin-top: 10px !important; z-index: 200 !important; margin-left: 0 !important;}
ul#menuID_2399 ul.subMenu li {padding: 0; background: #060606 url('http://fast1.onesite.com/ufcundisputed.com/bg_submenu.png') 0 0 repeat-y; height: 27px; width: 185px; z-index: 200 !important;}
ul#menuID_2399 ul.subMenu li * {z-index: 200 !important;}

ul#menuID_2399 ul.subMenu a {
	display: block; padding: 0 20px 0 8px !important; background: url('http://fast1.onesite.com/ufcundisputed.com/bg_submenu.png') 0 0 repeat-y; border-bottom: 1px solid #5b5b5b;
	font-size: 11px !important;
	text-shadow: 2px 2px 2px #000;
	font-family: "gothamBlack", arial, helvetical, sans-serif; text-transform: uppercase;
}
ul#menuID_2399 ul.subMenu a span {display: block;
background: url('http://fast1.onesite.com/ufcundisputed.com/bg_submenu_arrow.png') 0 50% no-repeat;
padding-left: 14px;
line-height: 26px;
margin: 0;
}

ul#menuID_2399 ul.subMenu a:hover {background: #1e1e1e url('http://fast1.onesite.com/ufcundisputed.com/bg_submenu_hover.png') 0 0 repeat-y; color: #BB000E;}


/* page title casing */
	.casingSubtitle {
		border: 1px solid #424242; margin: 0 0 15px 0;
		background: #0c0c0c url('../images/bg_modInner_lg.jpg') 50% 0 repeat-y;
		padding: 10px 20px;
	}

	.casingSubtitle h1 {margin: 0;
		font-size: 25px; color: #fff;
		font-family: "gothamBlack", arial, helvetical, sans-serif; text-transform: uppercase;
	}
	
/**
 * Toolbar Hotspots
 *
 * @section Toolbar Hotspots
 */

/* logo */
#tb_hotspot_203129 {margin-left: -561px !important;}
#tb_hotspot_203129 a {background: url('../images/logo.png') 0 0 no-repeat;}


/* header pre-order */
#tb_hotspot_203609 {background: url('../images/header_preorder.png') 0 0 no-repeat; margin-left: 255px !important;}
#tb_hotspot_203609 a {display: block; height: 100%;}


/**
 * Modules
 *
 * @section Modules
 */

.hideMe {display: none;} /* this class can be useful when applied as a custom module class to quickly hide modules on the page if needed */

/** base module style (restricted to .col to prevent styling from hitting anything in the toolbar or footer) */
.col .module {border: 1px solid #1e1e1e; margin-bottom: 20px; background: #040404 url('http://fast1.onesite.com/ufcundisputed.com/bg_mod_large3.png') 50% 0 no-repeat;}

.col .module .container {padding: 0;}

.col .module .modBody {padding: 20px 30px 30px;}
.col .module .title_container {margin: 0 0 10px; background: url('../images/bg_line.png') 0 100% repeat-x; padding-bottom: 12px;}
.col .module h3.title {} /** set the height and line-height here to control the size of the title **/
.col .module h3.title a.title_span_link {text-decoration: none !important; cursor: pointer;}
.col .module h3.title span.title_span {height: 30px; line-height: 30px; color: #fff; font-size: 30px; text-transform: uppercase; text-shadow: 1px 1px 1px #000;}
.col .module ul.mainUl {overflow: hidden;}

.col .noBorder {border-width: 0 !important; background: none transparent !important;}
.col .noBorder .container {background: none transparent !important;}
.col .noBorder .modBody {margin: 0; padding: 0;}

.col .noPadding .modBody {padding: 0;}

.col .modCompact .modBody {padding: 20px 20px;}
.col .modCompact h3.title span.title_span {height: 25px; line-height: 25px; color: #fff; font-size: 25px; text-transform: uppercase;}


/** override module styling in footer */
#custom-network-footer .module {margin: 0;}


/**
 * Advertisements
 *
 * @section Advertisements
 */

.displayAdCode {margin: 0 0 10px;}


/**
 * Links
 *
 * @section Links
 */

a {text-decoration: none !important; color: #fff;}
a:visited {}
a:hover {text-decoration: none !important; color: #BB000E !important;}
a:active {}
.arArticleShare {margin-bottom: 20px;}

/**
 * Buttons
 *
 * @section Buttons
 */

/** Clear mozilla button element defaults */
button::-moz-focus-inner {border: 0;padding: 0;}

.oneButtonGlobal {
    background: #6C1507 url("/images/bg_btn.png") repeat-x scroll center top ;
    border: 0 solid #000 !important;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 1px 8px 1px 0;
    padding: 0 10px;
    white-space: nowrap;
	font-style: italic;
	
	text-shadow: none;
}

.oneButtonGlobal:hover {color: #f0f0f0;}





/**
 * Avatars
 *
 * @section Avatars
 */

/** miniProfile (legacy) */
.oneMiniProfile {display: block !important; float: left; text-align: center;} /* added float and text-align to this so it can all be contained for avatars. was not floating in the group members module (mod_members) because it didn't have a.friend or .friend-mod-friend containing it like other modules do */
.oneMiniProfile br {display: none;} /* prevents gap between avatar and username */
.oneMiniProfile a.main {display: block; height: auto; overflow: hidden; margin: 0; padding: 0;}
.oneMiniProfile img {width: auto; height: auto; margin: 0; padding: 0; border: 0 none;}

/** new miniProfile (default size) */
.miniProfileComponentContainer {}
.miniProfileComponent {margin: 0 0 3px; text-align: center;}
.miniProfileAvatar {}
.miniProfileAvatar a {display: block; overflow: hidden; margin: 0; padding: 0;}
.miniProfileAvatar a img {width: auto; height: auto; margin: 0; padding: 0; border: 0 none;}
.miniProfileName {height: 28px; line-height: 14px; margin: 0 auto; overflow: hidden;} /* set to display two lines, might need a width also to prevent long usernames from affecting the layout */

/** resizable avatars */ 
.profileCropped80, 
.profileSizeableAvatar {display: block; width: 50px; height: 39px; background-position: 50% 20% !important;}
.profileCropped80, .profileSizeableAvatar {background-repeat: no-repeat !important;}

/** username (legacy) */
#cc_profile_name {width: auto; margin-top: 5px; overflow: hidden !important;}
#cc_profile_name br {display: block;}


/**
 * Media Thumbnails
 *
 * @section Media Thumbnails
 */


/**
 * Pagination
 *
 * @section Pagination
 */
 

/**
 * Error Pages
 *
 * @section Error Pages
 */


/**
 * Message and Alert Boxes
 *
 * @section Message and Alert Boxes
 */

.greyMsgBox,
.redMsgBox,
.blueMsgBox,
.greenMsgBox,
.yellowMsgBox,
.whiteMsgBox,
.blueWhiteMsgBox {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center;}
.greyMsgBox      {color: #000; border: 1px solid #DDDDDD; background-color: #F4F4F4;}
.redMsgBox       {color: #000; border: 1px solid #FF7070; background-color: #FFE0E0;}
.blueMsgBox      {color: #000; border: 1px solid #7070FF; background-color: #E0E0FF;}
.greenMsgBox     {color: #000; border: 1px solid #70FF70; background-color: #E0FFE0;}
.yellowMsgBox    {color: #000; border: 1px solid #FFE500; background-color: #FFF7AF;}
.whiteMsgBox     {color: #000; border: 1px solid #000000; background-color: #FFFFFF;}
.blueWhiteMsgBox {color: #FFF; border: 1px solid #2378B1; background-color: #2577B1;}

/** New layout system alerts */
.alertPageNotice {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center; color: #000; border: 1px solid #FFE500; background-color: #ffc;}
.blockMsg h4 {margin: 0 0 7px;}
.blockMsg p {margin: 0;}


/**
 * YUI
 *
 * @section YUI
 */
.yui-panel-container {
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:url("/resources/images/modal/op50-black.png") repeat scroll 0 0 transparent;
	padding: 10px;
	color: #000;
}

.yui-panel {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.yui-panel .hd {
	background: url("http://fast1.onesite.com/resources/images/modal/modal-title-gray.png") repeat-x scroll 0 0 #D5D6D7;
	border-color: #929292 #929292 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	clear: both;
	overflow: hidden;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	line-height: 31px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-left: 15px;
}

.yui-panel .bd {
	background:url("http://fast1.onesite.com/resources/images/modal/modal-body.png") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #929292;
	overflow:hidden;
	padding:10px 15px 15px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.yui-panel .container-close {
	background: url("http://fast1.onesite.com/resources/images/icons/close-btn-rnd-defined.png") no-repeat scroll 0 0 transparent;
	width: 18px;
	cursor: pointer;
	height: 18px;
	display: block;
	right:15px;
	top:10px;
}

.yui-panel-container.shadow .underlay {
	display: none;
}

/**
 * Tags
 *
 * @section Tags
 */


/**
 * Rating, Flagging, & Sharing
 *
 * @section Rating Flagging Sharing
 */


/**
 * Footer
 *
 * @section Footer
 */

#oneFooterMenu {display: none;}

#custom-network-footer {background: #000 url('../images/bg_footerInner.png') 50% 0 no-repeat;}

.footer-border {display: block; height: 3px; width: 100%; background: #000 url('../images/bg_footer_top.png') 0 50% repeat-x; margin-top: -3px;}

#custom-network-footer .footer-inner {text-align: center; color: #6f6f6f; padding: 35px 0 50px; width: 1120px; margin: 0 auto;}

#custom-network-footer ul {margin: 0 auto 15px; padding: 0; width: 990px; overflow: hidden;}
#custom-network-footer ul li {display: inline-block; margin: 35px 10px 0; line-height: 60px; width: 138px;}
#custom-network-footer .legal {clear: left;}

#custom-network-footer p {margin: 20px 0 0 0; font-size: 11px; border-top: 1px solid #404040; padding: 25px 10px 0; text-align: justify;}

#custom-network-footer p.legal {margin: 55px 0 0 0; text-align: right; padding: 0; border-width: 0;}
	#custom-network-footer p.legal a {color: #6f6f6f; text-decoration: underline !important; margin-left: 15px;}
	#custom-network-footer p.legal a:hover {color: #f0f0f0;}
.wideLogo {
   width: 235px !important;
}
.zLogo {
   margin-left: 155px;
}

/**
 * Pop-ups
 *
 * @section Pop-ups
 */

/**
 * Pop-ups
 *
 * @section Pop-ups
 */


.modal .modalClose,
.modalTitleClose a {height: 19px; width: 19px;}
.modal .modalClose:hover,
.modalTitleClose a:hover {background-position: 0 100%;}
.modalTitle,
.modalTitleText {font-size: 18px;color: #FFFFFF !important;font-family: "gothamBlack",arial,helvetical,sans-serif !important;}
#preOrderSS {border: 5px solid #fff;}
.socialRegisterLink,
.thirdPartyLoginSignupBox,
.modalWrapper {background: transparent !important;}
.socialRegisterLink {color: #fff !important;}
.providerLink {float: none !important;background: transparent !important; border: 0 none !important; width: 200px !important;}
.soSprite16 {color: #fff !important;}
#onesiteLoginBox .socialRegisterLink span {font-size: 14px; background: #000000 url('http://fast1.onesite.com/ufcundisputed.com/ufcSign.png') 0 0 no-repeat; padding-left: 20px;}
#onesiteLoginBox #oneSignupLinkAjax span {padding-left: 0; background: transparent !important;}


.modalBodyWrapper,
.modalTitleWrapper,
.modal  {
		background-color: #131313 !important;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.0, #000),
			color-stop(0.8, #333)
			) !important;
		background-image: -moz-linear-gradient(
			center bottom,
			#000 0%,
			#333 80%
			) !important; 
		border: 12px solid #444 !important;
		}
	.modal .modalTop,
	.modal .modalBody {
		padding: 0.5em 1em 0.5em;
		background-color: transparent;
		}
	.modal #onesiteLoginBox a span {
		color: #900;
		}
	.modal #thirdPartyLoginBox {
		border-left: 3px solid #444;
		}
	.modal .socialRegisterLink {
		margin-right: -332px; 
		text-align: right;
		}
	.modal .extSignupLabel {
		color: #FFF !important;
		}
	.modal .modalClose,
        .modalTitleClose a  {
		background-color: transparent !important;
		background-image: url(/images/closeButton.png); !important;
		}
	.modal fieldset legend,
	.modal label,
	.modal .rememberText {
		font-weight: bold;
		color: #FFF !important;
		}
	.modal #forgotPassword {
		font-weight: normal !important; 
		text-transform: capitalize;
		}
.extSignupSelect {max-width: 220px;}
#directLoginPsnBox,
#psnRow,
#multiLoginPsnBox {display: none !important;}

/** End Toolbar Styles */