@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #000000;
}

object{outline:none;}
*{outline: none;}

#wrapper{}
	
	/*------------------------------------------------------------------------------------
	  Header Styles
	------------------------------------------------------------------------------------*/
	
	#header{
		height: 218px;
		left: 0px;
		position: absolute;
		z-index:998;
		top: 0px;
	}
	
	#altHeader {height: 118px; width: 1260px; margin: 0 auto; background: url(../images/backgrounds/altHeaderBg.jpg) top center no-repeat; text-align: left;}
	#altHeader img {display: inline; float: left; margin: 20px 0 0 0; _margin: 40px 0 0 0;}
	#altHeader ul {display: inline; float: left;font-size: 10px; margin: 40px 0 0 300px; _margin: 0 0 0 640px;}
	#altHeader ul {list-style-type: none;}
	#altHeader ul li {float: left; margin: 0; padding: 0;text-indent: -9999px;}
	#altHeader ul li {display: block; margin: 0; padding: 0; background: url(../images/NavSprite.gif) top left no-repeat;}
	
	#altHeader ul li#navGame {display: block; background-position: 0 0;height: 26px; width: 97px;}
	#altHeader ul li#navGame a{display: block; height: 26px; width: 97px;}
	#altHeader ul li#navGame:hover {background-position: 0 -27px;}
	
	#altHeader ul li#navCharacters {display: block; background-position: -97px 0;height: 26px; width: 93px;}
	#altHeader ul li#navCharacters a{display: block; height: 26px; width: 93px;}
	#altHeader ul li#navCharacters:hover {background-position: -97px -27px;}
	
	#altHeader ul li#navMedia {display: block; background-position: -190px 0;height: 26px; width: 58px;}
	#altHeader ul li#navMedia a{display: block; height: 26px; width: 58px;}
	#altHeader ul li#navMedia:hover {background-position: -190px -27px;}
	
	#altHeader ul li#navTournament {display: block; background-position: -248px 0;height: 26px; width: 100px;}
	#altHeader ul li#navTournament a{display: block; height: 26px; width: 100px;}
	#altHeader ul li#navTournament:hover {background-position: -248px -27px;}
	
	#altHeader ul li#navEvents {display: block; background-position: -348px 0;height: 26px; width: 108px;}
	#altHeader ul li#navEvents a{display: block; height: 26px; width: 108px;}
	#altHeader ul li#navEvents:hover {background-position: -348px -27px;}
	
	#altHeader ul li#navCommunity {display: block; background-position: -456px 0;height: 26px; width: 92px;}
	#altHeader ul li#navCommunity a{display: block; height: 26px; width: 92px;}
	#altHeader ul li#navCommunity:hover {background-position: -456px -27px;}
	
	#altHeader ul li#navExtras {display: block; background-position: -548px 0;height: 26px; width: 64px;}
	#altHeader ul li#navExtras a{display: block; height: 26px; width: 64px;}
	#altHeader ul li#navExtras:hover {background-position: -548px -27px;}
	
	#altHeader ul li#navReserve {display: block; background-position: -612px 0;height: 26px; width: 120px;}
	#altHeader ul li#navReserve a{display: block; height: 26px; width: 120px;}
	#altHeader ul li#navReserve:hover {background-position: -612px -27px;}

	#container{
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		background: url("../_img/background.jpg") top center;
		width: 1132px;
		height: 1100px;
	}
	
	
		#contentTop{
			position: absolute;
			z-index: 999;
			width: 1072px;
			top: 135px;
			left: 50%;
			margin-left: -538px;
		}
		
			#contentTop_left{
				width: 125px;
				float:left;
			}
			
			#contentTop_center{
				float:left;
				margin-left: 3px;				
			}
				#top_swfContent{
					position: absolute;
					z-index: 899;
				}
			
			#contentTop_right{
				float:right;
				width: 116px;
			}

		#contentBottom{
			position: absolute;
			width: 1066px;
			height: 451px;
			top: 620px;
			left: 50%;
			margin-left: -528px;
		}
			
			#contentBottom_left{
				width: 104px;
				height: 100%;
				float: left;
			}
			
				#contentBottom_left #leaderboard{
					background: url('../_img/contentBottom_left_bg.jpg') top center repeat-y; margin: 4px; height: 388px; padding: 5px;
					color: #f7b42a;
					font-size: 10px;									
					font-family: "Trebuchet MS", Arial, Verdana;
				}
				
					#contentBottom_left #leaderboard h3{
						font-size: 14px;
						font-style: italic;
						font-weight: bold;
						margin:0px;
					}
					
					#contentBottom_left #leaderboard h4{
						font-size: 10px;
						padding: 0px;
						line-height: 12px;
						font-weight: bold;
						margin:0px;
					}
					
					#contentBottom_left #leaderboard hr{
						width: 100%;
						height: 1px;
						border: 0px;
						color: #505050;
						background: #505050;
					}
			
			

			#contentBottom_center{
				width: 805px;
				height: 100%;
				float: left;
				margin-left: 22px;

			}

				#contentBottom_center #tabHolder{
					margin: 4px;
					width: 797px;					
					height: 500px;
				}

					#contentBottom_center #tabHolder #tabs{
						width: 100%;
						background: #020202;
						height: 50px;						
						border-top: 1px solid #696969;
					}
				
						#contentBottom_center #tabHolder #tabs ul{
							float:left;
							list-style-type: none;
							margin: 0px;
							padding:0px;
						}
						
							#contentBottom_center #tabHolder #tabs ul li{
								float:left;
								display: table-cell;
								list-style: none;
								margin: 0px;								
								padding:0px;
								width: 106px;
								height: 47px;
								background: url("../_img/tab_off.jpg") top center no-repeat;
								font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
								font-size: 12px;
								letter-spacing: .02em;
								font-style: normal;
								font-weight: bold;
								line-height: 12px;
								color: #969595;
								cursor: pointer;
							}
							
								#contentBottom_center #tabHolder #tabs ul li a:link{
									color:#969595;
									text-decoration:none;
									cursor: pointer;
									outline: none;
								}

								#contentBottom_center #tabHolder #tabs ul li a:visited{
									color:#969595;
									text-decoration:none;
									outline: none;
								}
								
								#contentBottom_center #tabHolder #tabs ul li a:active{
									color:#cccccc;
									text-decoration:none;
									outline: none;
								}

								#contentBottom_center #tabHolder #tabs ul li a:hover{
									color: #cccccc;
									text-decoration:none;
									outline: none;
								}

							
							#contentBottom_center #tabHolder #tabs ul li.active{
								background: url("../_img/tab_on.jpg") top center no-repeat;
								border-right: 0px none;
								color: #c62301;
							}

								#contentBottom_center #tabHolder #tabs ul li.active a{
									color: #c62301;
									text-decoration:none;
									outline: none;
								}
															
								#contentBottom_center #tabHolder #tabs ul li.active a:hover{
									color: #c62301;
									text-decoration:none;
									outline: none;
								}


								#contentBottom_center #tabHolder #tabs ul li table{
									height: 42px;
									width: 100%;
									padding: 0px;
									margin: 0px;
								}
								
								#contentBottom_center #tabHolder #tabs ul li table td{
									text-align: center;
									vertical-align: middle;
								}
								
								
								#contentBottom_center #tabHolder #tabs ul li .last{
									border-right: 1px solid #696969;
								}
								
								
					#contentBottom_center #tabHolder .tabContent{
						width: 797px;
						background: #373737;
						height: 390px;
						color: #d5d5d5;
					}
					
					#contentBottom_center #tabHolder .tabContentLoading{
						width: 797px;
						background: url("/assets/images/loader.gif") center center no-repeat #000000;
						height: 390px;
						color: #d5d5d5;
					}

						#contentBottom_center #tabHolder .sharingTab table{
							font-family: "Trebuchet MS", Arial, Verdana;
							font-size: 13px;
							font-weight: bold;
							font-style: normal;
							color: #EEAE29;
							text-transform: uppercase;
						}
						
							#contentBottom_center #tabHolder .sharingTab table td{
								padding: 3px;
								margin-top: 2px;
							}

						#contentBottom_center #tabHolder .sharingTab input, #contentBottom_center #tabHolder .sharingTab textarea, #contentBottom_center #tabHolder .sharingTab select{
							clear: both;
							width: 240px;
							font-size: 12px;
							background: #373737;
							border: 1px solid #666666;
							color: #ffffff;
							padding: 3px;
							font-family: "Trebuchet MS", Arial, Verdana;
							text-transform: none;
						}
						
						.sharingTab select option{outline: none;}
						
						
				#contentBottom_center #tabHolder #achievementsTable{
					font-family: "Trebuchet MS", Arial, Verdana;
					font-size: 11px;
					text-align: center;
					margin-left: 5px;
					border-right: 1px solid #dddddd;
				}
				
					#contentBottom_center #tabHolder #achievementsTable td{
						border-left: 1px solid #dddddd;
						border-bottom: 1px solid #dddddd;
					}

					#contentBottom_center #tabHolder #achievementsTable td.user1{
						background: #5f5f5f;
					}

					#contentBottom_center #tabHolder #achievementsTable th{
						color: #F7B42A;
						text-transform: uppercase;
						text-align: left;
						font-weight: bolder;
						padding-left: 15px;
						border-left: 1px solid #dddddd;
						border-bottom: 1px solid #dddddd;
					}
					
						#contentBottom_center #tabHolder #achievementsTable th h1{
							color: #F7B42A;							
							text-transform: uppercase;
							font-style: italic;
							font-weight: bold;
							font-size: 16px;
							line-height: 16px;
							margin: 0px;
							margin-bottom: 3px;
						}
					
					#contentBottom_center #tabHolder #achievementsTable th.achievementTitle{
						color: #aaaaaa;
						text-transform: none;
						width: 293px;
						height: 68px;
					
						background: url("../_img/achievement_bg.jpg") top left no-repeat #101010;
					}

						#contentBottom_center #tabHolder #achievementsTable th .rewardDesc{
							color: #F7B42A;
							font-weight: bold;
							margin: 0px;
						}


			#contentBottom_right{
				width: 104px;
				height: 100%;
				margin-right:8px;
				float: right;
			}
			
				#contentBottom_right #leaderboard2{
					background: url('../_img/contentBottom_left_bg.jpg') top center repeat-y; margin: 4px; height: 388px; padding: 5px;
					color: #f7b42a;
					font-size: 10px;									
					font-family: "Trebuchet MS", Arial, Verdana;
				}
				
					#contentBottom_right #leaderboard2 h3{
						font-size: 14px;
						font-style: italic;
						font-weight: bold;
						margin:0px;
					}
					
					#contentBottom_right #leaderboard2 h4{
						font-size: 10px;
						padding: 0px;
						line-height: 12px;
						font-weight: bold;
						margin:0px;
					}
					
					#contentBottom_right #leaderboard2 hr{
						width: 100%;
						height: 1px;
						border: 0px;
						color: #505050;
						background: #505050;
					}


			#bottomAds{
				background: url("../_img/bottomAds_background.jpg");
				width: 1078px;
				height: 113px;
				position: absolute;
				top: 1090px;
				left: 50%;
				margin-left: -539px;
			}

			.clear {
				clear:both;
			}
			
			#bottom{
				background: url("../_img/bottom_bg.jpg") bottom center no-repeat;
				height: 325px;
				width: 1280px;
				position: absolute;
				top: 1175px;
				left: 50%;
				margin-left: -640px;
				padding: 10px;
				padding-top:0px;
			}
			
			#footer {
				height:20px;
				overflow: hidden;
				width:1260px;
				text-align:center;
				font-size: 11px;
				font-family: Arial, Verdana, sans-serif;
				color: #565656;
				padding-top: 195px;
				position: absolute;
			}

				#footer #trigger{
					background: transparent url("/assets/images/peekabooTop.png") top center no-repeat;
					color:#FFFFFF;
					display:block;
					height:20px;
					text-align:center;
					width:1260px;
				}

				#footer #logoGarden{
					background: url('/assets/images/peekabooTopCap_2.gif') top left no-repeat scroll;
					height:195px;
					margin:0 auto;
					text-align:center;
					width:1260px;
					opacity: 0;
					filter: alpha(opacity = 0);					
				}
				
					#footer #logoGarden img{
						margin:0 25px 0 0;
						vertical-align:middle;
						border: none;
					}
				
				#esrbLogo{
					width: 150px;
					height: 63px;
					top: 70px;
					left:100px;
					position: absolute;
				}


	a:link{color: #FFB719; text-decoration: none;}
	a:visited{color: #FFB719; text-decoration: none;}
	a:active{color: #FFB719; text-decoration: underline;}
	a:hover{color: #FFB719; text-decoration: underline;}

	.closeBtn{width: 86px; height: 18px; background: url("../_img/buttons/close_btn.gif") top center no-repeat; cursor: pointer;}
	
	.bracketsBtn{width: 83px; height: 18px; background: url("../_img/buttons/brackets_btn.gif") top center no-repeat; cursor: pointer;}
	.matchupBtn{width: 83px; height: 18px; background: url("../_img/buttons/matchup_btn.gif") top center no-repeat; cursor: pointer;}

	.voteBtn{width: 87px; height: 13px; background: url("../_img/buttons/vote_btn.gif") top center no-repeat; cursor: pointer;}
	.mypicksBtn{width: 87px; height: 13px; background: url("../_img/buttons/mypicks_btn.gif") top center no-repeat; cursor: pointer;}

	#modal{width: 100%; height: 100%; position: absolute; z-index: 1000; top: 0px; left: 0px;}

	#modalOverlay{width: 100%; height: 100%; position: fixed; z-index: 1001; text-align:center; background: #000000; opacity: 0.8; filter: alpha(opacity = 80);}
	#modalOverlay.video{background: url('../_img/video_overlay.jpg') top center no-repeat #000000;}
	
	.modalWindow{width: 100%; height: 100%; position: fixed; z-index: 1002; text-align:center;}
	.modalWindowLoading{width: 100%; height: 100%; position: fixed; z-index: 1002; text-align:center; background: url("/assets/images/loader.gif") center center no-repeat;}

		.modalLeft{width: 100%; height: 100%; width: 2px; border: none; outline: none;}
		.modalRight{width: 100%; height: 100%; width: 2px; border: none; outline: none;}
		.modalTop{width: 100%; height: 100%; padding:0px; margin:0px; height: 13px; border: none; outline: none;}
		.modalBottom{width: 100%; height: 100%; height: 16px; border: none; outline: none;}
		
		.modalClose{width:13px; height: 75px; float:left; border: none; outline: none;}

	#video{width: 100%; height: 100%; position: fixed; z-index: 1000; top: 0px; left: 0px;}
	#videoContent{width: 720px; height: 440px; position: fixed; z-index: 1002; text-align:center; left: 50%; margin-left: -360px; top: 50%; margin-top: -220px;}
	
	#video.fullScreen #videoContent{left: 0px; top:0px; margin-left: 0px;}

	#videoCloseBtn{position: fixed; z-index: 1003; width: 86px; height: 18px; background: url("../_img/buttons/close_btn.gif") top center no-repeat; cursor: pointer; top: 50%; margin-top: -218px; left:50%; margin-left: 274px}
	#video.fullScreen #videoCloseBtn{right: 0px; top: 0px; left: auto; margin-left: 0px;}

	#achievementNotification_overlay{background: #000000; opacity: 0.8; filter: alpha(opacity = 80); position: fixed; bottom: 0px; width: 100%; height: 150px; z-index:2000;}
	#achievementNotification{width: 263px; height: 131px; padding: 0px; background: url('../_img/achievement_notification.jpg') transparent no-repeat; text-align:center; position: fixed; bottom: 10px; left: 50%; margin-left: -121px; cursor: pointer; z-index:2001;}
	.achievementNotification_text{text-align:center; padding: 65px 30px 10px 30px; color: #ffffff; font-size: 10px; z-index:2001;}
	.achievementNotification_text h4{color: #ffb719; font-family: "Trebuchet MS"; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0px;z-index:2001;}

	a img{border: none; outline: none;}

	h1{color: #ffb719; font-size: 16px; font-family: "Trebuchet MS", Arial, Verdana; font-style: normal; font-weight: bold;}
	h2{font-size: 18px; font-style: italic;}
	h3{font-size: 14px; font-weight: bold; font-style: italic; color: #ffb719; margin:0px; margin-bottom: 5px;}

	h5{font-weight: bold; font-style: italic; color: #ffb719; font-size: 11px; text-transform: uppercase; margin:5px 0px 5px 0px; font-family: "Trebucet MS", Arial, Verdana;}