﻿/*******************************************************/
/* System Administration master page elements.         */
/* Items used in the master pages for System and NPO   */ 
/* Administration areas.                               */
/*******************************************************/

/*******************************************************/
/* System Administration master page background items. */
/*******************************************************/

/* Outer Shell */
.divAlign
{
	width: 100%; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.divShell
{
	width: 1017px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.masterShell
{
	width: 1017px; 
	height: 300px;
}

/* Top Menu */
.masterTopMenu
{
	width: 987px; 
	height: 152px;
	background-image: url(../Images/banners/masterBannerMain.jpg);
	background-repeat: no-repeat;
}

.masterFooterRow
{
	height: 15px;
}

/* Corner and outline background items */
.masterBkgLeft
{
	width: 15px;
	height:100%;
}

.masterBkgCenter
{
	width: 987px;
	height:100%;
}

.masterBkgRight
{
	width: 15px;
	height:100%;
}

.masterBkgCornerLeft
{
	width: 15px; 
	height: 15px;
}

.masterBkgCornerRight
{
	height: 15px;
}

.masterBkgBottom
{
	font-size: 8pt;
	width: 987px;
	height: 18px;
	vertical-align: middle;
}

.masterByLine
{
	font-size: 8pt;
}

/* 
	The following items are used in the main menu master page. They are used instead 
	of the .masterTopMenuLogin class used in editing pages.
*/
.masterTopMenuLogin
{
	width: 987px; 
	height: 267px; 
	background-image: url(../Images/banners/masterBannerLogin.jpg);
	background-repeat: no-repeat;
}

.masterLoginLinks
{
    text-decoration: none;
    font: Cabliri;
    font-size: 8pt;
    font-weight: bold;
    color: #00366B;
}

.masterLoginLinksHover 
{
    text-decoration: underline;
    font: Cabliri;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
}

.masterLoginMainTitle
{
	color: #ffffff;
	font-weight: normal;
	font:  Arial;
	font-size: 18pt;
}

/* Login Status */
.loginName
{
	color: #ffffff;
}

.loginStatus
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/*******************************************************/
/* Middle Content Area in Master Page                  */
/*******************************************************/

/* Title Bar */
.contentTitleBar
{
	width: 100%; 
	padding-right: 10px; 
	padding-left: 10px;
	
 	font-size: medium;			/* Review */
	color: #01366C;             /* Review: sort of navy */
	background-color: #ded900;  /* Review: sort of yellow */
 	vertical-align: middle;		/* Review */
}

.contentTitleBarLeft
{
	width: 50%; 
	height: 24px;
}

.contentTitleBarRight
{
	width: 50%;
	height: 24px; 
}

/* Content Area */
/* Top Menu */
.contentArea
{
	width: 100%; 
}

.contentAreaNav
{
	width: 175px; 
	height: 300px; 
	padding-top: 15px;
	background-color: #01366C;
	color: White;
}

.contentAreaMain
{
	background-color: #ADBDDE;  /* Review: sort of sky blue */
	font-size: x-small;
}

.contentAreaMainDetail
{
	padding: 15px 20px 20px 20px;
}

.contentAreaLine
{
	font-size: xx-small;
	height: 6px;
	background-color: #ffffff
}

.contentAreaFooter
{
	height: 18px;
	background-color: #ded900
}

/* 
	The following items are used in the main menu master page.
*/

.contentAreaMenu
{
	background-color: #01366C;
}

.contentAreaMenuSingle
{
	height: 100%;
	width: 100%;
	text-align: center;
}

/* 
BROWSER-COMPAT: FFx
Duplicate entry serves to remedy FireFox lack of text-align:center recognition. 
*/
.contentAreaMenuSingle
{
	height: 100%;
	width: 100%;
	text-align: -moz-center;
}

.contentAreaMenuMain
{
	width: 100%; 
	height: 300px;
	color: White;
	background-color: #00366b;
	text-align: center;
}

.contentAreaMenuCell
{
	/*width: 16%;
	height: 50%;*/
}

.contentAreaMenuLink
{
	float:left;
	width: 160px;
	height: 100px;
	margin-top:30px;
}

/*******************************************************/
/* Main Top Menu Control Items                         */
/*******************************************************/

.mainMenuSelected
{ }

.mainMenuStaticHover
{ }

.mainMenuStaticItem
{ }

.mainMenuDynamic
{ }

.mainMenuDynamicHover
{ }

.mainMenuDynamicItem
{ }

/*******************************************************/
/* Main Left Menu Control Items                        */
/*******************************************************/

.leftItem
{
	color: White;
	background-color: #01366C;
	text-align: right;
	font-size: 12pt;
}

.leftSubItem
{
	color: White;
	text-align: right;
	font-size: 10pt;
}

.leftSubItemSelected
{
	color: #ADBDDE;
	text-align: right;
	font-size: 10pt;
}

.leftSubSeparator
{
	background-color: #ADBDDE;
	border-collapse: collapse;
}

.leftHover
{
	color: #00366b;
	background-color: #ADBDDE;
}

.subLeftHover
{
   color: #ded900;
}

.leftSelected
{
	color: #00366b;
	background-color: #ADBDDE;
}

.leftDisabled
{
	font-family: MS Sans Serif;
	font-size: 8pt;
	color: Gray;
}

.leftSeperator
{
}

