/* Northrop High School PTSA Custom Theme1 - Version 1.5 Build 1 */

/* Global Styles */
	body {margin: 0px; background-color: #FF9900; background-image: url("../core/images/northrophighptsa/background.jpg"); background-position: top; background-repeat: repeat-x;  text-align: center; height: 100%;}
	table {width: 100%; border-collapse: collapse;}
	td, p, div, th, font, span {color: #000000; font-family: Arial; font-size: 12px;}
	th {text-align: left;}
	/* div {border-collapse: collapse; border-style: solid; border-width: 1px; border-color: #d3d3d3;} */
	a, a:link, a:visited, a:active {color: #339999;}
		a:hover {color: #FF9900;}
	input.button {}
	hr {border-style: solid; border-collapse: collapse; border-color: #d3d3d3;}
	h1, h2, h3 {color: #FF9900; font-weight: bold;}
	
	.ShowBorders {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;}
	.Disclaimer { text-align: center; color: #000; font-size: small; width: 100%; }
		
	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: 900px; background-color: #ffffff; text-align: center; margin-left: auto; margin-right: auto;}
	body.mceContentBody {background-color: #ffffff;}
		#OuterContainer {width: 100%; text-align: left; margin-left: auto; margin-right: auto;}
			#TopContainer div {background-color: #000000; height: 110px; display: table; width: 100%;}
			#TopContainer font.SiteTitle {font-size: 40px; color: #ffffff; margin-left: 10px; font-family: Impact;}
				#TopContainer font.Search {color: #ffffff; font-size: 14px; font-weight: bold}
				#TopContainer table {border-collapse: collapse; background-image: url("../core/images/northrophighptsa/topbkgrnd.jpg"); background-position: top; background-repeat: repeat-x; background-color: #000000;}
				#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: 110px;}
				#TopContainer .TopLeftContainer {width: 100%; vertical-align: middle; text-align: left;}
				#TopContainer .TopRightContainer {display: none; width: 50%; text-align: right;}
				#TopContainer table.TopMenu {border-collapse: collapse; height: 25px; text-align: left; background-color: #000000;}
					#TopContainer span.MenuContainer {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: #339999;}
						#TopContainer a.MenuItem {color: #ffffff; font-weight: bold; font-size: 15px; text-decoration: none;}
						#TopContainer a.menu {color: #ffffff; font-size: 15px; text-decoration: none; font-family: Arial;}
							#TopContainer a.menu:hover {color: #ffffff;}
			#CenterContainer {text-align: left; vertical-align: top;}
				#CenterContainer div {display: table; vertical-align: top; width: 100%; margin-left: 10px; margin-right: 10px; text-align: left;}
				#CenterContainer table {border-collapse: collapse; margin-left: auto; margin-right: auto; vertical-align: top;}
				#CenterContainer td {vertical-align: top;}
				#CenterContainer td.subContainer {text-align: center; vertical-align: top;}
				
				#CenterContainer .PanelContainer {width: 100%; text-align: left; float: left;}
				#CenterContainer .Panel {float: left; background-color: #eeeeee; color: #ffffff; width: 98%; border-collapse: collapse; border-style: solid; border-width: 1px; text-align: left; border-color: #d3d3d3;}
				#CenterContainer .PanelHeader {padding-left: 5px;}
				#CenterContainer .PanelContent {padding-left: 5px; padding-right: 5px; width: 98%; color: #ffffff;}
				span#BlogTitle, span#BlogPosted, span#BlogContent {color: #000000;}
			
			#BottomContainer {}
				#BottomContainer div {display: table;}
				#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: #339999; 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: #000000; 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;}