/* Red and Blue Theme - Version 1.5 Build 1 */

/* Global Styles */
	body {background-color: #000099; margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;}
	table {width: 100%; border-collapse: collapse;}
	td, p, div, th, font, span {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
	th {text-align: left;}
	/* div {border-collapse: collapse; border-style: solid; border-width: 1px; border-color: #d3d3d3;} */
	a, a:link, a:visited, a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
		a:hover {color: #d3d3d3;}
	input.button {}
	hr {border-style: solid; border-collapse: collapse; border-color: #d3d3d3;}
	h1, h2, h3 {color: #000000;}
	
	.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: #fff; 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: 100%;}
	body.mceContentBody {background-color: #ffffff;}
		#OuterContainer {width: 100%; text-align: left;}
			#TopContainer div {}
			#TopContainer font.SiteTitle {font-size: 24px; color: #ffffff; font-family: Arial, Helvetica, sans-serif}
				#TopContainer font.Search {color: #ffffff; font-size: 14px; font-weight: bold}
				#TopContainer table {width: 100%; background-image: url("../core/images/red_blue/top_bkgrnd.jpg"); background-position: bottom; background-repeat: repeat-x; vertical-align: bottom}
				#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: 100px;}
				#TopContainer .TopLeftContainer {width: 100%; vertical-align: bottom;}
				#TopContainer .TopRightContainer {width: 50%; text-align: right;}
				#TopContainer table.TopMenu {height: 40px; width: 100%; background-image: url("../core/images/red_blue/menu_bkgrnd.jpg"); background-position: top; background-repeat: repeat-x; background-color: #000000; padding-top: 2px; padding-bottom: 2px}
					#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: 10px;}
						/* #TopContainer td.menu {background-color: #000000; background-image: url("../core/images/red_blue/mnubkgrnd.jpg"); background-position: top; background-repeat: repeat-x;} */
						#TopContainer a.MenuItem {color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none;}
						#TopContainer a.menu {text-decoration: none; color: #ffffff; padding-left: 2px; padding-right: 4px; font-size: 16px;}
							#TopContainer a.menu:hover {color: #000000}
			#CenterContainer {background-color: #ffffff; vertical-align: top; text-align: left;}
				/* #CenterContainer div {display: table; vertical-align: top; width: 100%; margin-left: auto; margin-right: auto; text-align: left;} */
				#CenterContainer table {border-collapse: collapse; width: 100%;}
				#CenterContainer td {padding: 1px 2px 2px 1px;}
				/* #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; background-color: #000080;}
				#BottomContainer td.BottomLeftArea {font-size: 9px; width: 50%; color: #ffffff;}
					#BottomContainer font.BottomPage {font-size: 9px; color: #ffffff;}
				#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: #00cc33}
		#PluginContent input {border-style: solid; border-collapse: collapse; border-width: 1px; border-color: #000000; background-color: #ffffff; color: #000000}
		#PluginContent select {border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #00cc33}
		#PluginInfo {width: 98%;}
	
/* 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;}
