﻿/* Blue Theme - Version 1.1 Build 1 - Pre 1.2 ALPHA - */

/* Global Styles */
	body {margin: 0px; background-color: #000000; text-align: center;}
	table {width: 100%;}
	td, p, div, th, font, span {color: #000000; font-family: Arial; font-size: 12px;}
	th {text-align: left;}
	a, a:link, a:visited, a:active {color: #000000;}
		a:hover {color: #2A7DD1;}
	input.button {}
	hr {border-style: solid; border-collapse: collapse; border-color: #2A7DD1;}
	h1, h2, h3 {color: #2A7DD1;}
	
	.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;}
	
	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;}

/* Main Container Styles */
	#Background {width: 100%; height: 100%; background-image: url("../core/images/pagebkgrnd.jpg"); background-repeat: repeat-x;}
		#OuterContainer {width: 900px; text-align: left; margin-left: auto; margin-right: auto;}
			#TopContainer {}
			#TopContainer font.SiteTitle {font-size: 24px; color: #ffffff;}
				#TopContainer font.Search {color: #ffffff; font-size: 14px; font-weight: bold}
				#TopContainer table {border-collapse: collapse; background-color: #2A7DD1;}
				#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: 144px;}
				#TopContainer .TopLeftContainer {width: 100%;}
				#TopContainer .TopRightContainer {width: 50%; text-align: right;}
				#TopContainer table.TopMenu {border-collapse: collapse; height: 20px; background-color: #000000;}
					#TopContainer span.MenuContainer {color: #ffffff; width: auto;}
						#TopContainer span.LeftMenuUI {width: 2px; vertical-align: top;}
						#TopContainer span.CenterMenuUI {padding-left: 2px; padding-right: 2px; width: auto;}
						#TopContainer span.RightMenuUI {width: 2px; height: auto; vertical-align: top;}
						#TopContainer span.MenuSpacer {width: 0px;}
						#TopContainer a.MenuItem {color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none;}
						#TopContainer a.menu {color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none;}
			#CenterContainer {background-color: #ffffff; vertical-align: top; text-align: left;}
				#CenterContainer table {border-collapse: collapse; width: 100%;}
				#CenterContainer td {padding: 1px 2px 2px 1px;}
			
			#BottomContainer {}
				#BottomContainer table {width: 100%; border-collapse: collapse; background-color: #000000;}
				#BottomContainer td.BottomLeftArea {font-size: 9px; width: 50%; color: #ffffff;}
					#BottomContainer font.BottomPage {font-size: 9px; color: #ffffff;}
				#BottomContainer td.BottomRightArea {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: #2A7DD1; 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: #2A7DD1;}
			#TipLayer table.Title {background-color: #2A7DD1;}
			#TipLayer td {padding-left: 0px; padding-right: 0px; padding-top: 0px; border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #2A7DD1;}
				#TipLayer td.TTContents {background-color: #ffffff;}
			#TipLayer th.Title {padding-left: 1px;}
			#TipLayer th.CloseLink {text-align: right; padding-right: 1px;}
