/* ================================
    CSS STYLES FOR FBC
   ================================
*/ 

/*
.dummy {
	background: url(none.gif);
}
*/


body {
	background: #e7e7e7;
	margin: 10px 0 10px 0;
}


.SiteWidth {
	align: center;
	width: 800px;
}

.HeaderLeft {
	width: 250px;
	height: 180px;
	color: #677D94;
	padding-top: 0px;
}

a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	color: #666666;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.LoginLink:hover {
	color: #111;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.HeaderRight {
	width: 250px
	vertical-align: bottom;
	padding: 0px;
}

.AdminColumn {
	padding: 0 0 0 75px;
}

.LeftColumn {
	width: 225px;
	padding: 0 15px 0 45px;
}


.RightColumn {
	padding: 0 0 0 15px;
}

.TopRow {
	background: url(children.jpg) no-repeat top center;
	height: 221px;
	text-align: right;
	padding: 36px 55px 0 48px;
	font-size: 11px;
}

.TopRowAdmin {
	background: url(children.jpg) no-repeat top center;
	height: 221px;
	text-align: right;
	padding: 42px 65px 0 48px;
	font-size: 11px;
}

.MiddleMenu {
	background: url(fbcgreen_02.jpg) no-repeat top center;
	height: 32px;
	padding: 0px 29px 0 48px;
	font-size: 12px;
}

.MiddleMenuAdmin {
	background: url(fbcgreen_02.jpg) no-repeat top center;
	height: 32px;
	padding: 0px 29px 0 48px;
	font-size: 12px;
}

.MiddleRowAdmin {
	background: url(middle.jpg) center repeat-y;
	padding: 10px 65px 0 0;
	font-size: 11px;
}

.MiddleRow {
	background: url(middle.jpg) center repeat-y;
	padding: 10px 65px 0 0;
	font-size: 11px;
}

.BottomRow {
	background: url(bottom.jpg) no-repeat bottom center;
	height: 77px;
	padding: 0 65px 55px 100px;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

.BottomRowAdmin {
	background: url(bottom.jpg) no-repeat bottom center;
	height: 77px;
	padding: 0 65px 55px 100px;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
}

.normal, .Normal {
	font-family: tahoma;
	font-size: 11px;
	color: #333;
}

.ContainerHeadLeft {
	background: url(header_cap_left.gif) bottom left no-repeat;
	width: 15px;
	padding: 0;
}

.ContainerHeadActions {
	background: url(header_bg.gif) repeat-x bottom;
	padding: 0 0 10px 0;
	width: 1px;
}

.ContainerHeadTitle {
	background: url(header_bg.gif) repeat-x bottom;
	padding: 0 0 17px 5px;
}

.ContainerHeadRight {
	background: url(header_cap_right.gif) bottom left no-repeat;
	width: 15px;
	padding: 0;
}

.ContainerContent {
	padding: 10px 25px 35px 25px;
}

select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #333;
}




/* text style for the unselected tabs */
.OtherTabs {
    font-size: 11px;
    color: #000;
    font-family: tahoma;
    text-decoration: none;
}


/* hyperlink style for the unselected tabs */
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active {
    text-decoration:    none;
    color: #554A9A;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.OtherTabs:hover    {
    text-decoration:    underline;
    color: #2c2c2c;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}


/*=============== START DEFAULT MENU STYLES ============================================*/
/*== main menu styles ======================================*/
/*==========================================================*/


/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 100%;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: transparent;
	width: 100%;
	vertical-align: middle;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #999;
	font-size: 11px;
	font-weight: bold; 
	font-style: normal; 
	border: #444 1px solid;
	padding: 0px 14px 0px 14px;
	font-weight: bold;
	height: 25px;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #444;
	background: #eee;
	border-left: #eee 1px solid;
	border-right: #eee 1px solid;
	padding: 0px 14px 0px 14px;
	font-weight: bold;
	height: 25px;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0 0 0;
	background: #0A5723;
	padding: 2px;
	border: 1px solid #e7e7e7;
	font-weight: normal;
	filter: none;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #999;
	background-color: transparent;
	float: left;
	text-align: center;
	height: 30px;
	font-weight: bold;
	border: none;
	display: table-cell;
	display: inline;
	white-space: nowrap;
	margin: 0 auto;
}

/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #fff;
	background-color: transparent;
	float: left;
	text-align: center;
	height: 30px;
	font-weight: bold;
	border: none;
	display: table-cell;
	display: inline;
	white-space: nowrap;
	margin: 0 auto;
	}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #fff;
	background-color: transparent;
	float: left;
	text-align: center;
	height: 30px;
	font-weight: bold;
	border: none;
	display: table-cell;
	display: inline;
	white-space: nowrap;
	margin: 0 auto;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuBreak, .MainMenu_MenuIcon  {
	display: none;
}



/*== module menu styles ====================================*/
/*==========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #888;
	font-size: 11px;
	background: url(sub_item_bg.gif) no-repeat;
	font-weight: bold; 
	font-style: normal; 
	border: #eee 1px solid;
	padding: 0px 8px 1px 2px;
	height: 16px;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0 0 -4px;
	background: #eee;
	padding: 1px;
	border: 1px solid #aaa;
	font-weight: normal;
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #554A9A;
	border-left: #554A9A 1px solid;
	border-right: #554A9A 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: bold;
	height: 16px;
}


/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon    {
	display: none;
}


/* for the date ---------------------------------------------------*/
.SelectedTab {
    color: #554A9A;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

/* links at bottom of page 
----------------------------------------------------------------------------------------*/
a.SelectedTab:link, a.SelectedTab:visited, a.SelectedTab:Active {
		color: #554A9A;
	font-family: tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
		padding-right: 7px;
}

a.SelectedTab:hover {
	color: #999999;
	font-family: tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	padding-right: 7px;
}

/* Item titles on edit and admin pages 
----------------------------------------------------------------------------------------*/
.SubHead    {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #2c2c2c;
	padding: 0;
}


/* linky linky */

a.SubHead:link, a.SubHead:visited, a.SubHead:active {
	color: #554A9A;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.SubHead:hover {
	color: #2c2c2c;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #fff;	
	border-top: 1px solid #9CBC34;
	border-bottom: 1px solid #536B03;
	border-left: 1px solid #9CBC34;
	border-right: 1px solid #536B03;
	padding: 1px 3px 1px 4px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #554A9A;
	height: 20px;
}

a.CommandButton:hover {
	color: #fff;	
	border-top: 1px solid #7C9C15;
	border-bottom: 1px solid #3F5100;
	border-left: 1px solid #7C9C15;
	border-right: 1px solid #3F5100;
	padding: 1px 3px 1px 4px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #554A9A;
	height: 20px;
}

a.Normal:link, a.Normal:visited {
	color: #554A9A;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

a.Normal:hover {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


a:link, a:visited, a:active {
	color: #554A9A;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}




.Head {
	font-size: 12px;
	color: #333;
	background: transparent;
	font-weight: bold;
	padding: 0;
}


.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}

.NormalBold {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}

.NormalTextBox {
	color: #333;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	background: #fff;
	border: 1px solid #ccc;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #555;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
	border: 0;
}