﻿/* Zero Entertainment Theme - Version 1.1 Build 1 - Pre 1.2 ALPHA Branch 2 - */

/* Global Styles */
	body {margin: 0px; background-color: #000000; text-align: center; height: 100%; background-image: url("../core/images/ze/btm_bkgrnd.jpg"); background-position: bottom; background-repeat: repeat-x;}
	table {width: 100%;}
	td, p, div, th, font, span {color: #ffffff; font-family: "Trebuchet MS"; font-size: 12px;}
	th {text-align: left;}
	a, a:link, a:visited, a:active {color: #000000;}
		a:hover {color: #000000;}
	input.button {}
	hr {border-style: solid; border-collapse: collapse; border-color: #4071A2;}
	h1, h2, h3 {color: #4071A2;}
	
	.ShowBorders, div.Panel {border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #d3d3d3;}
	.error {font-weight: bold; color: #ff0000;}
	.Spacer {font-size: 8px;}
	.bold {font-weight: bold;}
	.HelpDescription {font-size: 10px; color: #666666;}
	.SystemMsg {color: #000000;}
	.Search {display: none;}
	.Google {display: none;}
	
	div.Panel {background-color: #cccccc;}
	span.LeftShadow {width: 5px; height: 100%; vertical-align: top; background-color: #ff0000; float: left;}
	span.RightShadow {width: 5px; height: 100%; vertical-align: top; background-color: #ff0000; float: right;}
	td.Header {padding-left: 5px; background-image: url("../core/images/ze/mnu_hdr_bkgrnd.jpg"); background-position: top; background-repeat: repeat-x; font-size: 16px;}

/* Main Container Styles */
	#Background {width: 100%; height: 100%; text-align: center; margin-left: auto; margin-right: auto; background-image: url("../core/images/ze/top_bkgrnd.jpg"); background-position: top; background-repeat: repeat-x;}
		#OuterContainer {width: 850px; height: 100%; text-align: center; margin-left: auto; margin-right: auto;}
			#TopContainer div {}
			#TopContainer font.SiteTitle {font-size: 24px; color: #ffffff;}
				#TopContainer font.Search {color: #ffffff; font-size: 14px; font-weight: bold}
				#TopContainer table {border-collapse: collapse;}
				#TopContainer .AdminMenu {background-image: url("../core/images/maadminbkgrnd.jpg"); background-position: bottom; background-repeat: repeat-x; background-color: #ffffff;}
					#TopContainer a.AdminMenu, th.AdminMenu {text-decoration: none; color: #000000;}
				#TopContainer .TopZone {height: 140px; background-color: none;}
				#TopContainer .TopLeftContainer {width: 100%; vertical-align: bottom; text-align: center; padding-top: 30px;}
				#TopContainer .TopRightContainer {display: none; width: 50%; text-align: right;}
				#TopContainer table.TopMenu {border-collapse: collapse; height: 24px; text-align: center; background-color: #000000;}
					#TopContainer span.MenuContainer {color: #ffffff; width: auto;}
						#TopContainer span.LeftMenuUI {width: 0px; vertical-align: top;}
						#TopContainer span.CenterMenuUI {padding-left: 8px; padding-right: 8px; width: auto;}
						#TopContainer span.RightMenuUI {width: 2px; height: auto; vertical-align: top;}
						#TopContainer span.MenuSpacer {width: 0px;}
						#TopContainer td.menu {background-color: #000000; text-align: left; background-image: url("../core/images/ze/mnu_hdr_bkgrnd.jpg"); background-position: top; background-repeat: repeat-x;}
						#TopContainer a.MenuItem {color: #ffffff; font-weight: bold; font-size: 24px; text-decoration: none;}
						#TopContainer a.menu {color: #ffffff; font-size: 20px; text-decoration: none; font-family: "Trebuchet MS";}
							#TopContainer a.menu:hover {text-decoration: underline;}
			#CenterContainer {text-align: center; background-image: url("../core/images/ze/content_bkgrnd.jpg"); background-position: top; background-repeat: repeat-x; background-color: #000000;}
				#CenterContainer div {display: table; vertical-align: top; margin-top: 2px; margin-left: auto; margin-right: auto; text-align: center;}
				#CenterContainer table {border-collapse: collapse; width: 99%; margin-left: auto; margin-right: auto;}
				#CenterContainer td {vertical-align: top;}
				#CenterContainer td.subContainer {text-align: center;}
			
			#BottomContainer {}
				#BottomContainer div {display: table; background-color: #000000;}
				#BottomContainer table {width: 100%; border-collapse: collapse; margin-top: 10px;}
				#BottomContainer td.BottomLeftArea {font-size: 9px; width: 100%; padding-left: 2px; text-align: center;}
					#BottomContainer font.BottomPage {font-size: 14px; color: #ffffff; font-weight: bold;}
				#BottomContainer td.BottomRightArea {display: none; text-align: right;}
				#BottomContainer img.BottomImage {display: inline;}

/* Tab Settings */
	#TabContainer {width: 600px;}
		#TabContainer table.tabs {width: auto;}
			#TabContainer td.tabs {}
				#TabContainer a.tab {color: #ffffff; font-weight: bold; text-decoration: none;}
		#TabContainer .InactiveTab {background-color: #d3d3d3; padding-left: 10px; padding-right: 10px; border-width: 1px; border-color: #333333; border-style: solid;}
		#TabContainer .ActiveTab {background-color: #000000; padding-left: 10px; padding-right: 10px; border-width: 1px; border-color: #333333; border-style: solid;}
		#TabContainer .TabContent {border-width: 1px; border-color: #333333; border-style: solid; border-collapse: collapse; height: 300px;}

/* Plugin Settings */
	/* #PluginContainer {width: 100%;}
		#PluginContainer .PluginTitle {font-weight: bold;}
		#PluginContainer .PluginMenu {}
		#PluginContainer td.Tools {text-align: center; width: 50px;} */
		
	#PluginContent table {width: 100%;}
		#PluginContent font.PluginTitle {font-size: 20px; color: #9933CC; font-weight: bold;}
		#PluginInfo {width: 98%; background-color: #ffffff;}
	
/* Google Settings */
	#GoogleContainer {width: auto;}
		#GoogleContainer .search {text-align: center;}
		#GoogleContainer span.search {color: #ffffff; font-weight: bold;}

/* Tooltip Settings */
	#TipLayer {width: 30%; visibility: hidden; position: absolute; z-index: 1000; top: -100;}
		#TipLayer a.CloseLink {text-decoration: none;}
		#TipLayer iframe {width: 100%;}
		#TipLayer table.TooltipFramework {border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #9933CC;}
			#TipLayer table.Title {background-color: #9933CC;}
			#TipLayer td {padding-left: 0px; padding-right: 0px; padding-top: 0px; border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #9933CC;}
				#TipLayer td.TTContents {background-color: #ffffff;}
			#TipLayer th.Title {padding-left: 1px;}
			#TipLayer th.CloseLink {text-align: right; padding-right: 1px;}