/* CSS Document */
body{
	padding:0; margin:0; background-color:#cccccc;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.cc{
	font-size:0px; line-height:0px; clear:both;
	}
/*--------------------------------header-------------------*/
#main_header{
	width:100%;	margin:0 auto;  background:url(images/bg.gif) repeat-x #cccccc; color:#FFFFFF; height:216px;
	}
#main_header #header{
	width:764px; margin:0 auto; background:url(images/header_pic.gif) no-repeat #fff6d8; color:#FFFFFF; height:216px;
	 position:relative;
	}
#main_header #header ul{
	background:url(images/search_bg.gif) no-repeat #09283f; color:#FFFFFF; display:block; position:absolute; height:22px;
	 width:123px; margin:0; padding:6px 0 0 26px; top:10px; left:0px;
	}
#main_header #header ul li{
	float:left; display:block; margin:0 23px 0 0;
	}
#main_header #header ul li a{
	height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
	}
#main_header #header ul li a.home{
	background:url(images/home.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.home:hover{
	background:url(images/home_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user{
	background:url(images/user.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user:hover{
	background:url(images/user_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.contact{
	background:url(images/contact.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul li a.contact:hover{
	background:url(images/contact_h.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul.free{
	color:#5d5024; display:block;  height:22px; width:300px; padding:7px 0 0 43px; position:absolute; top:6px; left:300px; margin:0; background:#CCCCCC;
	}
#main_header #header ul.free li{
	float:left; display:block; font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center;  color:#5D5024;
	margin:0px 0px 0 0; padding:0 0 0 0 ; text-transform:uppercase; font-weight:normal;
	}
#main_header #header ul.free li span{
	 font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold; width:63px; height:16px;
	 }
#main_header #header ul.free li a.call{
	color:#e5f4ff; font-size:11px; font-weight:normal; text-transform:uppercase; text-indent:0px; width:72px; margin:0 0 0 0px;
	padding:0 0 0 5px;
	}
#main_header #header img{
	position:absolute; left:40px; top:74px; display:block;
	}
#main_header #header ul.navi{
	width:491px; display:block; position:absolute; top:189px; left:131px; padding:0; margin:0; background:none;
	}
#main_header #header ul.navi li{
	background:url(images/saparation.gif) no-repeat right; height:22px; padding:0 14px 0 5px; margin:0;
	display:block; float:left; 
	}
#main_header #header ul.navi li.li1{
	background:none; height:22px; padding:0 14px 0 5px; margin:0; display:block;  float:left; 
	}
#main_header #header ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:110px; 
	}
#main_header #header ul.navi li a:hover{
	color: #fff; font-variant:small-caps; font-weight:bolder;
	}
/*------------------------------------body-------------------------*/
#main_body{
	width:100%; background-color:#cccccc;
	}
#body{
	width:764px; margin:0 auto 0 auto; padding:17px 0 20px 0; background-color:#cccccc;
	}
#body h2{
	font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif	; color:#fff;  margin:0 0 15px 40px;
	font-weight:normal; background-color:#cccccc; display:block;
	}
#body span.headertext{
	font:28px Georgia, "Times New Roman", Times, serif; color:#990000; margin:0 0 15px 10px;
	}	
#body p{
	background:url(images/welcome_pic.gif) no-repeat #cccccc; color:#333333; padding:0 0 0 114px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	}

#body p span.bg{
	color:#799fbb; background-color:#041929;
	}
#body p a{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #cccccc; margin:3px 0 42px 526px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#body p a:hover{
	background:url(images/more_bg_h.gif) no-repeat #cccccc; color:#ff0033; 
	}
#event{
	width:215px;  padding:10px 0 0 40px; float:left; display:block; 
	}
#event h2{
	background:url(images/event_bg.gif) no-repeat ; font:24px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:142px; height:45px; padding:5px 20px 0 54px; margin:0; font-weight:normal; display:block;
	}
#event h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; display:block;
	}
#event p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#cccccc;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#event h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#cccccc; 
	}
#event h3 a{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
#event h3 a:hover{
	background:none; color:#FFFFFF; background-color:#cccccc;
	}
#event p a.more{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #cccccc; margin:22px 0 37px 118px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#event p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #cccccc; color:#ff0033; 
	}
/*------------------------support-------------*/
#support{
	width:215px;  padding:10px 0 0 25px; float:left; display:block;
	}
#support h2{
	background:url(images/support.gif) no-repeat; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:126px; height:45px; padding:5px 20px 0 71px; margin:0; font-weight:normal; display:block;
	}
#support h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; display:block;
	}
#support p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#cccccc;
	margin:19px 0 19px 16px; background:none; padding:0; 
	}
#support ul{
	width:191px; display:block; margin:0px 0 0px 16px; padding:0;
	}
#support ul li{
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fff6d8; background-color:#CCCCCC; width:191px; display:block;
	margin:15px 0 0 0; text-align:center; border: 1px solid #B6B6B6;
	}
#support ul li a{
	font:12px/17px Verdana, Arial, Helvetica, sans-serif; color:#000099; background-color:#CCCCCC; text-decoration:none;
	 display:block;	padding:5px 0 5px 0; margin:0;
	}
#support a.online{
	width:146px; height:57px; border:#486d88 1px solid; display:block; margin:20px 0 0 16px; background-color:#051b2b;
	color:#fff6d8; padding:10px 18px 0 16px; font:22px/28px Verdana, Arial, Helvetica, sans-serif;
	 font-weight:normal; text-transform:uppercase; text-decoration:none;
	}
#support a.online span{
	color:#799fbb; font-size:18px; line-height:18px; padding:0 0 0 8px; background-color:#051b2b; display:block;
	}
#support a.online:hover{
	background-color:#1c4f75; color:#fff6d8; 
	}
/*--------------------------------services-------------------*/
#services{
	width:215px;  padding:10px 0 0 28px; float:left; display:block;
	}
#services h2{
	background:url(images/services.gif) no-repeat ; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:160px; height:45px; padding:5px 20px 0 53px; margin:0; font-weight:normal; display:block; 
	}
#services h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; display:block;
	}
#services p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#cccccc;
	margin:19px 0 0 16px; background:none; padding:0; 
	}
#services h3{
	color:#fff6d8; font:14px Verdana, Arial, Helvetica, sans-serif; width:190px; display:block;
	margin:19px 0 0 16px; padding:0; font-weight:bold; background-color:#cccccc;
	}
#services ul{
		width:191px; display:block; margin:5px 0 0 16px;
		}
#services ul li{
	background:url(images/arrow1.gif) no-repeat 0 12px ; display:block; padding:0 0 0 14px;
	}
#services ul li a{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; text-decoration:underline; background-color:#cccccc;
	}
#services ul li a:hover{
	text-decoration:none;
	}
#services a.more1{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #cccccc; margin:39px 0 0 121px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#services a.more1:hover{
	background:url(images/more_bg_h.gif) no-repeat #cccccc; color:#ff0033; 
	}
/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;  float:left; background:url(images/footer_bg.gif) repeat-x #0c1d2a; color:#ffffff;
	border-top:#ffffff 1px solid; margin:0px; padding:0px; 
	}
#footer {
	width:70%; height:187px;
	margin:0 auto 0 auto;
	}
#footer ul{
	width:500px; display:block;	list-style-type:none; margin:46px 0 0 40px; position:absolute;
	}
#footer ul li{
	display:block; float:left; 
		}
#footer ul li a{
	font:14px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#ffffff; background-color:#09161f;
	text-decoration:none;
	margin:0 16px 0 16px;
	}
#footer ul li a.mg{
	font:12px/11px Arial, Helvetica, sans-serif;
	color:#ffffff; background-color:#09161f;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer ul li a.mg:hover{
	text-decoration:underline;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:323px; display:block;	list-style-type:none; margin:77px 0 0 90px;
	}
#footer ul.ad li{
	height:40px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer ul.ad li.nobor{
	height:40px; width:96px; display:block;	margin-left:10px; border-right:none;
	}
#footer ul.ad li.nobor1{
	height:40px; width:96px; display:block;	float:left;	margin-left:10px; border-right:#FFFFFF 1px dashed;
	}
#footer ul.ad li a{
	font:10px/12px Tahoma, Arial, Helvetica, sans-serif; color:#d1bd86; background-color:#0c1c27; font-weight:bold;
	text-decoration:none; margin:0 0 0 0; display:block;
	}
#footer ul.ad li a span{
	color:#ff0033; background-color:#0b1a24;
	text-transform:uppercase; margin:0 10px 0 0; display:block;
	}
#footer ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer p{
	padding:50px 0 0 165px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#FAFAFA;
	background:url(images/footer_bg.gif) repeat-x #0c1d29;	font-weight:normal;	height:14px; margin:0; text-align:center;
	}
#footer p.de{
	padding:0 0  0 165px; margin:0;  line-height:12px; width:160px; text-align:center; background-color:#0c1d2a;
	color:#fff; background:none;
	}
#footer p.de a{
	color:#fff; background-color:#0c1d2a; text-decoration:underline;
	}
#footer p.de a:hover {	
	color:#fff;	background-color:#0a5083;
	}
/*--------------My Stuff-------------*/
.UFCEvent{
	color:#990000; font:16px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; font-weight:bold;
	}
.UFCDate{
	color:#999999; font:14px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; font-weight:normal;
	}
.UFCLocation{
	color:#333333; font:14px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; font-weight:normal;
	}
#support span.FighterName{
	font-size:12px; font-weight:bold; color:#000099; text-align:center; margin-top:5px;
	
}
#support span.FightCardLink{
	font-size:14px; font-weight:bold; color:#000066; text-align:center; margin-top:5px;	
}
#support span.NickName{
	font-size:10px; color:#666666; text-align:center;	
}
#support span.versus{
	font-size:22px; font-weight:bold; color:#333333; text-align:center; 
}
#event ul {
	padding:7px 0 7px 7px; display:block;
	}
#event ul li{
	font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#000066;
	margin:8px 0px 0 0; padding:5px 0 0 0 ; text-transform:uppercase; font-weight:normal; list-style-type:square;
	}
#event ul li a{
	color:#000066; font-size:14px; font-weight:normal; text-transform:uppercase; text-indent:0px; margin:0 0 0 0px;
	padding:0 0 0 5px;
	}
#footer span.SmallText{
	font-size:10px; font-variant:small-caps;
}				



.leftpanel {
 float: left;
 }
 
.rightpanel {
 float: right;
 }
 
.clear {
 clear: both;
 }
 
#topper a {
 color: #83bed1;
}

#topper a:hover {
 color: #FFFFFF;
 }
 
#welcome {
 }
 
#screenshot {
 position: absolute;
 top: 70px;
 left: -30px;
 background: url(images/screenshot.png) no-repeat;
 width: 419px;
 height: 209px;
 }
 
#welcometext {
 float: left;
 width: 85%;
 font-size: 12px;
 line-height: 18px;
 margin-top: 22px;
 margin-right: 100px;
 _margin-right: 50px;
 }
 
 #welcometext ul.navi{
	width:50%; display:block; padding:0; margin:0; background:none;
	}
#welcometext ul.navi li{
	background-color:#1e1e1e; height:22px; padding:0px 14px 0 5px; margin-top:37px; display:block; float:left; border: 1px solid #FFFFFF;
	}
#welcometext navi li.li1{
	background:none; padding:0 14px 0 5px; margin:0; display:block;  float:left; 
	}
#welcometext ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:110px; 
	}
#welcometext ul.navi li a:hover{
	color: #A61C17;
	}

#welcometext p {
 margin-top: 5px;
 }
span.headertext{
	font:28px Georgia, "Times New Roman", Times, serif; color:#990000; margin:0 0 15px 10px;
	}
	
span.allheadertext {
 font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #990000;
 margin-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
 width:100%;
 }
 span.titletext {
 font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #990000;
 margin-top: 5px;
 padding-bottom: 5px;
 width:100%;
 }	
span.DefinitionText{
	font:22px Georgia, "Times New Roman", Times, serif; color:#333333; margin:0 0 15px 10px;
	}
span.ExampleText{
	font:28px Georgia, "Times New Roman", Times, serif; color:#0033FF; margin:0 0 15px 10px;
	}	

 #welcomerighttext {
 float: right;
 width: 30%;
 font-size: 12px;
 line-height: 18px;
 margin-top: 22px;
 margin-right: 80px;
 _margin-right: 50px;
  margin-left: -80px;
 }
 
#welcomerighttext p {
 margin-top: 5px;
 }
 
h3 {
 font-size: 16px;
 color: #000000;
 font-weight: bold;
 margin: 0;
 padding: 0;
 font-family: Trebuchet MS;
 }
 
#NextFight {
 position: absolute;
 top: 215px;
 left: 650px;
 width: 284px;
 height: 395px;
 background: url(images/promobg.png) no-repeat;
 padding-top: 40px;
 padding-left: 38px;
 padding-right: 38px;
 }
 
#overview a {
 color: #08496B;
 }
 
#NextFight h1 {
 font-size: 18px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #3d4547;
 margin-top: 5px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 }
 
.blue {
 color: #4a8fa3;
 }
 .deepred {
 color: #990000;
 }
 
 .boldened {
 font-weight:bolder;
 }
 
#NextFight p {
 padding: 0px;
 margin: 0px;
 font-size: 11px;
 font-family: Verdana;
 color: #000000;
 line-height: 18px;
 padding-bottom: 10px;
 border-bottom: 1px solid #cccccc;
 }
 
 .ML{
 float:left;
 width:185;
 }
.MoneyLineHeader{
 text-align:center;
 font-weight:bold;
 color:#FFFFFF;
 padding-left: 25px;
 padding-right: 25px;
 border: 1px solid #0066CC; 
 background-color:#0066CC;
 width:180px;
}
.MoneyLine {
 padding-left: 25px;
 padding-right: 25px;
 border: 1px solid #0066CC;
 width:180px;
 }
.MLResult{
float:right;
width:355px;
}
.MLR_Header{
 text-align:center;
 font-weight:bold;
 color:#FFFFFF;
 padding-left: 25px;
 padding-right: 25px;
 border: 1px solid #0066CC; 
 background-color:#0066CC;
 width:350px;
}
.MLR {
 padding-left: 25px;
 padding-right: 25px;
 border: 1px solid #0066CC;
 width:350px;
 }

.MathHeader{
 font:24px Georgia, "Times New Roman", Times, serif; color:#0033FF; margin:0 0 15px 10px;
}
.SmallMathHeader{
 font:14px Georgia, "Times New Roman", Times, serif; color:#0033FF; margin:0 0 15px 10px;
}
.BetHeader{
 font:20px "Times New Roman", Times, serif; color:#990000; margin:0 0 15px 10px;
}
#overview {
 padding-top: 20px;
 _padding-top: 30px;
}

#overview h1 {
 font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #0d1719;
 margin-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
 }
 
.UFCMenu {
 width: 70%;
 float: left;
 }
 
.UFCMenu ul {
 margin: 0px;
 padding: 0px;
 margin-left: 15px;
 }
 
.UFCMenu ul li {
 padding-top: 7px;
 padding-bottom: 7px;
 font-size: 11px;
 list-style:square;
 }
 
.FightCard {
 width: 140;
 float: right;
 }
 
.FightCard ul {
 margin: 0px;
 }
 
.FightCard ul li {
 padding-top: 7px;
 font-size: 11px;
 list-style-type: none;
 font-variant:small-caps;
 font-weight:bold;
 }
 
 h1 small {
  font-size: 12px;
  color: #525252;
  }
  
 .headliner {
 font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #0d1719;
 margin-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #cccccc;
  }
  
h4 {
 font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #0d1719;
 margin-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #fff;
 width:260px;
  }
  
 #extended {
  margin-top: 60px;
  }
  
 #extended h1 {
  font-size: 22px;
 font-weight: normal;
 font-family: Trebuchet MS;
 color: #0d1719;
 margin-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #4c889c;
 }
 
#extended a {
 color: #cdf2ff;
 }
 
#footer a {
 color: #cdf2ff;
 }
 

.otherproducts {
 float: right;
 margin-top: 75px;
 width: 282px;
 font-size: 11px;
 font-family: Trebuchet MS;
 }
 

.StatItemHeader{
 font-size: 14px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:bold;
 color:#333333;
 width:100px;
 border-bottom: 1px solid #666666;
 padding-top:5px;
}
.StatItem{
 font-size: 14px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#333333;
 width:100px;
 border-bottom: 1px solid #666666;
 padding-top:5px;
}
.versus{
 font-size: 40px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#666666;
 width:40px;
}
.versuspanel{
 padding-top:20px;
 width:70px;
 text-align:center;
 float:left;
 margin-top:20px;
 }
.FightCardHeader{
width:100%;
height:22px;
background-color:#990000;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.FightCardFooter{
width:100%;
height:10px;
background-color:#990000;
text-align:left;
}
.FightCardLinesFooter{
width:100%;
height:20px;
background-color:#FDC8CD;
text-align:left;
font-weight:bold;
border-bottom: 1px #FFFFFF dotted;
}
.FighterLeftPanel{
float:left;
width:300px;
margin-top:20px;
}
.FighterRightPanel{
float:right;
width:300px;
margin-top:20px;
}
.FightCardPanel{
background-color:#CCCCCC;
margin-top:20px;
}
.FighterImage{
border: 1px solid #990000;
}
.OddsHeader{
 text-align:left;
 font-weight:bold;
 color:#FFFFFF;
 padding-left: 25px;
 padding-right: 25px;
 border: 1px solid #0066CC; 
 background-color:#CC0033;
 width:180px;
}