﻿/* SmallBiz Theme - Version 1.1 Build 3 - Pre 1.2 ALPHA - */

/* Global Styles */
	body {margin: 0px; background-color: #ffffff;}
	table {width: 100%;}
	td, p, div, th, font, span {color: #000000; font-family: Trebuchet MS; font-size: 12px;}
	th {text-align: left;}
	a, a:link, a:visited, a:active {color: #000000;}
		a:hover {color: #5bbb59;}
	input.button {}
	hr {border-style: solid; border-collapse: collapse; border-color: #00cc33;}
	
	.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; font-weight: bold;}
		
	div.Panel {background-color: #cccccc;}

/* Main Container Styles */
	#Background {text-align: center; width: 100%; height: 100%; background-color: #ffffff; background-image: url("http://localhost/smallbizblocks/core/images/smallbiz/pagebkgrnd.jpg"); background-position: bottom; background-repeat: repeat-x;}
		#OuterContainer {width: 100%; text-align: left;}
			#TopContainer {background-color: #000000;}
				#TopContainer font.SiteTitle{font-size: 24px; color: #ffffff; font-family: "Trebuchet MS", Arial}
				#TopContainer font.Search{color: #ffffff; font-size: 14px; font-weight: bold}
				#TopContainer table {border-collapse: collapse;}
				#TopContainer .AdminMenu {background-image: url("../images/smallbiz/maadminbkgrnd.jpg"); background-position: bottom; background-repeat: repeat-x; background-color: #ffffff;}
					#TopContainer .AdminMenu a {text-decoration: none;}
				#TopContainer .TopZone {height: 50px; background-image: url("../images/smallbiz/sbmyadminbkgrnd.jpg"); background-repeat: repeat-x;}
				#TopContainer .TopLeftContainer {width: 100%;}
				#TopContainer .TopRightContainer {width: 50%; text-align: right;}
				#TopContainer table.TopMenu {border-collapse: collapse; background-color: #000000;}
					#TopContainer span.MenuContainer {color: #ffffff; width: auto;}
						#TopContainer span.LeftMenuUI {width: 0px; vertical-align: top;}
						#TopContainer span.CenterMenuUI {padding-left: 0px; padding-right: 4px; height: auto; width: auto;}
						#TopContainer span.RightMenuUI {width: 0px; height: auto; vertical-align: top;}
						#TopContainer span.MenuSpacer {width: 2px;}
						#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; padding-left: 2px; padding-right: 1px;}
			#CenterContainer {background-color: #ffffff; vertical-align: top;}
				#CenterContainer table {border-collapse: collapse; width: 100%;}
				#CenterContainer td {padding: 1px 2px 2px 1px;}
			
			#BottomContainer {background-color: #000000; width: 100%;}
				#BottomContainer table {border-collapse: collapse; width: 100%;}
				#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;} */
	
	#Tab
		#Tab iframe {width: 100%; height: 625px;}
		#Tab a.tab {text-decoration: none; font-weight: bold; color: #000000;}
		#Tab table.tabs {width: auto;}
		#Tab table.TabContent {width: 100%; height: 100%; border-width: 1px; border-color: #999999; border-style: solid; padding: 2px; background-color: #d3d3d3;}
		#Tab td.ActiveTab {border-width: 1px; border-style: solid; background-color: #999999; border-bottom-color: #999999; border-top-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; padding-left: 4px; padding-right: 4px; font-size: 14px;}
		#Tab td.InactiveTab {border-width: 1px; border-style: solid;	background-color: #d3d3d3; border-bottom-color: #999999; border-top-color: #999999; border-left-color: #999999; border-right-color: #999999; padding-left: 4px;	padding-right: 4px;}

/* 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 td {vertical-align: top;}
		#PluginContent font.PluginTitle {font-size: 20px; color: #00cc33; font-weight: bold;}
		#PluginInfo {width: 100%;}
			#PluginInfo td {vertical-align: top;}
			#PluginInfo div {background-color: #ffffff;}
			#PluginContent iframe {width: 100%; height: 620px;}
	
/* 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 div {background-color: #ffffff;}
		#TipLayer table.TooltipFramework {border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #00cc33;}
			#TipLayer table.Title {background-color: #00cc33;}
			#TipLayer td {padding-left: 0px; padding-right: 0px; padding-top: 0px; border-width: 1px; border-style: solid; border-collapse: collapse; border-color: #00cc33;}
				#TipLayer td.TTContents {background-color: #ffffff;}
			#TipLayer th.Title {padding-left: 1px;}
			#TipLayer th.CloseLink {text-align: right; padding-right: 1px;}