body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-spacing: 0;
	font-family: Verdana;
	font-size: 8pt;
	letter-spacing: .1em;
	text-align: left;
	vertical-align: top;
	min-height: 600px;
	height: auto;
	width: 100%;
}

/*------------- Master Page Outer Container -------------*/

.MasterContainer
{
	/* 
	border-spacing: 0px;
	border-width: thick;
	border-style:ridge; 
	*/
	width: 100%;
	color: #333333;
	height: auto;
}

/*------------- Master Page Banner (logo, title and welcome msg) -------------*/

.BannerContainer
{
	/*
	background-color:Fuchsia;
	border-spacing: 0px;
	border-width: thick;
	border-style:dashed;
	*/
	vertical-align: top;
	height: 60px;
	width: 100%;
}
.BannerLogo
{
	width: 13%;
	text-align: center;
}
.BannerAppTitle
{
	width: 62%;
	text-align: left;
	font-weight: bold;
	color: #245eb0;
}
.BannerMagVisionLogo
{
	width: 25%;
	text-align: right;
	font-size: xx-small;
	font-weight: normal;
}
.MagVisionLogo
{
	border-style: none;
	padding: 0 0 0 0;
}
.WelcomeMsg
{
	
	background-color: #245eb0;
	color: #EAEAF4;
	text-align: right;
	font-size: xx-small;
	border-left: none;
	padding: 2px 2px 2px 2px;
	font-weight: normal;
}
.UserInfo
{
	background-color: #245eb0;
	color: #EAEAF4;
	font-size: xx-small;
	font-weight: bold;
	border-left: none;
	padding: 2px 2px 2px 2px;
	text-align: right;
	font-weight: bold;
}

/*------------- SiteMapPath -------------*/

.SiteMapPathSeparator
{
	color: #00FFFF;
	font-size: xx-small;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}
.SiteMapPathNode 
{
	color: #245eb0;
	font-size: xx-small;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	text-decoration:none;
}


/*------------- Master Page Menu -------------*/

.TabMenuContainer
{
	background-color:#245eb0;
	color: #EAEAF4;
	border-top: solid 2px Black;
	border-bottom: solid 2px Black;
	vertical-align: top;
	text-align: left;
	width: 100%;
}
.TabMenuItem
{
	background-color: #245eb0;
	color: #EAEAF4;
	text-align: left;
	font-size: xx-small;
	font-weight: bold;
	border-left: none;
	padding: 2px 2px 2px 2px;
}
.TabMenuItemSelected
{
	background-color: #EAEAF4;
	text-align:left;
	font-size: xx-small;
	font-weight: bold;
	border-right: solid 1px black;
	border-bottom: none;
	border-top: none;
	border-left: none;
	padding: 5px 3px 5px 3px;
}
.TabMenuItemHover
{
	font-weight: bold;
}
.SiteStaticMenu
{
	margin: -1px 0px 0px 0px;
	background-color: Black;
	font-size: xx-small;
}
.TabMenuSpacer
{
	background-color: #EAEAF4;
	padding: 5px 5px 5px 5px;
}

.TabMenuSubItem
{
	background-color: #EAEAF4;
	text-align:left;
	font-size: xx-small;
	font-weight: bold;
	border: solid 1px #B4B4B4;
	border-left: none;
	padding: 3px 3px 3px 3px;
}
a.TabMenuSubItem:hover
{
	color: #F00000;
}

.tabmenu3
{
	border: 2px solid red;
	background-color: #778899;
}

/*------------- Master Page Content -------------*/

.ContentContainer
{
	height: 50px;
	width: 100%;
}
.ContentHeading
{
	padding: 2px 2px 2px 2px;
	text-transform: uppercase;
	font-weight: bold;
	color: #F00000;
	text-align: left;
}
.SiteContent
{
	vertical-align: top;
	width: 100%;
	height: 100%;
}
.SiteContentSpacer
{
	/*   
                                    BackColor="black" Height="500px" Width="3px" */
	height: 500px;
	width: 1px;
	background-color: Black;
	visibility: hidden;
}
.FooterContainer
{
	font-weight: bold;
	border-top: solid 1px black;
}
.ErrorMsg
{
	color: Red;
}

/* style for menu */
.Menu
{
	background-color: #245eb0;
	color: #EAEAF4;
	text-align: left;
	font-size: xx-small;
	font-weight: bold;
	border-left: none;
	padding: 2px 2px 2px 2px;
}

/*-----------------------------------------------------------------------------------*/
/* Static Menu Styles -- is this used anywhere?  If not is a candidate for deletion  */
/*-----------------------------------------------------------------------------------*/

.xSiteStaticMenu
{
	margin: -1px 0px 0px 0px;
	background-color: Black;
	font-size: xx-small;
}

/* does nothing because none of the main menu options  */
/* are selectable - they all have submenus */
.StaticSelectedStyle
{
	background-color: yellow;
}
/* static main menu unselected style */
.StaticMenuItemStyle
{
	background-color: blue;
}
/* style for flyout */
.DynamicMenuItemStyle
{
	background-color: Red;
}
/* does nothing */
.StaticMenuStyle
{
	background-color: #778899;
}
/* static main menu hover style */
.StaticHoverStyle
{
	background-color: Lime;
}
/* this overrides StaticMenuItemStyle */
.LevelMenuItemStyles1
{
	background-color: #ffffff;
	padding: 4px;
	color: #003399;
}
a.LevelMenuItemStyles1:hover
{
	background-color: #eeeeee;
	color: #000000;
}
/* this overrides DynamicMenuItemStyle */
.LevelMenuItemStyles2
{
	background-color: #eeeeee;
	color: #003399;
	padding: 4px;
}
/* I made this one up - it works */
a.LevelMenuItemStyles2:hover
{
	color: #000000;
}

/* this overrides DynamicMenuItemStyle - for 3rd level flyout */
.LevelMenuItemStyles3
{
	background-color: #eeeeee;
	color: #003399;
	padding: 4px;
}
/* I made this one up - it works */
a.LevelMenuItemStyles3:hover
{
	color: #000000;
}

/* does nothing */
.LevelSubMenuStyles1
{
	background-color: Olive;
}
/* does nothing */
.LevelSubMenuStyles2
{
	background-color: Olive;
}
/* if main menu clicked without selecting a  */
/*  submenu it has this odd "sticky" behavior. */
/*  this is the style applied */
.LevelSelectedStyles
{
	background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/* End Static Menu Styles                                                            */
/*-----------------------------------------------------------------------------------*/

/*------------------ Tabbed View Styles ------------------*/

.tabs
{
	position: relative;
	top: 1px;
	left: 4px;
	font-family: Verdana;
	font-size: 8pt;
}
.tab
{
	border: solid 1px #aaaaaa;
	background-color: #eeeeee;
	padding: 2px 10px;
	font-family: Verdana;
	font-size: 8pt;
}
a.tab:hover 
{
	text-decoration:underline;
}
.selectedTab
{
	background-color: #ffffff;
	border-bottom: solid 1px #ffffff;
}
.tabContents
{
	border: solid 1px #aaaaaa;
	padding: 20px;
	background-color: #ffffff;
}

/*--------------- User Control Styles -------------*/

.user_control
{
	margin: 0px;
	border-style: none;
	font-family: Verdana, Tahoma;
	padding: 0 0 0 0;
	white-space: nowrap;
	border-spacing: 0;
}
table.ucTbl TD, table.ucTbl TH
{
	font-size: small;
	font-family: Verdana, Tahoma;
	padding: 2px;
	border-style: none;
}
table.ucTbl TH
{
	border-bottom-style: none;
}
table.ucTbl TD.ucCol1
{
	text-align: right;
}
table.ucTbl TD.ucCol2
{
	text-align: left;
}
table.ucTbl TD.ucCol3
{
	text-align: left;
}

/*-- Toolbar User Control --*/

.Toolbar
{
	background-color:Silver;
	width: 100%;
}
.ToolbarButtonOff
{
	margin-right:2px;
}
.ToolbarButtonOn
{
	margin-right:2px;
}
.ToolbarButtonTextOff
{
	color: #336699;
	text-decoration:none;
}
.ToolbarButtonTextOn
{
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

/* conflicting/duplicate toolbar styles that were at the end */

/*
.ToolbarButtonOff
{
	background-color: transparent;
	margin-right:2px;
}
.ToolbarButtonOn
{
	background-color: transparent;
	margin-right:2px;
}
.ToolbarButtonTextOff
{
	color: #336699;
	text-decoration:none;
}
.ToolbarButtonTextOn
{
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
*/

/*----------------- Summary Grid -------------*/

.SummaryGridHeader
{
	background-color:#4E84C3;
	font-weight:bold;
	color:#ffffff;
}
.SummaryGrid
{
	padding: 0;
	margin: 0;
	border: 0;
}
.SummaryGrid td
{
	height: 40px;
}
.SummaryGridRow
{
	background-color: #ffffff;
}
.SummaryGridRowHover
{
	background-color: #e7e7e7;
}
.SummaryGridRowAlt
{
	background-color: #f3f3f3;
}
.SummaryGridRowAltHover
{
	background-color: #e7e7e7;
}

/*-- Details View ---*/
.detailview
{
}

/*----------------------------------------------------*/

.LeftPane
{
	padding-top:20px;
	padding-right:20px;
	min-width: 200px;
	width: 200px;
	background-color: #ffffff;
}
.LeftMenu
{
	font-family: Verdana;
	font-size: 8pt;
	padding-left:10px;
	padding-right:10px;
}
.LeftStaticSelectedStyle
{
	color: #000000;
}

.LeftStaticMenuItemStyle
{
	color: #003399;
}

.LeftStaticMenuStyle
{
	padding-bottom:10px;
}

.LeftStaticHoverStyle
{
	color: #000000;
}
.LeftFlyout
{
	color: #003399;
	background-color: #eeeeee;
	padding:4px;
}
a.LeftFlyout:hover
{
	color: #000000;
}

/*----------------- javacscript calendar --------------*/

/* the class of the hyperlinked day */
.calDay
{
}
/* the td for every cell */
.calCell
{
	background-color: #eeeeee;	
}
.calCellHover
{
	background-color: #ffffff;
}
A.focusDay:link
{
	color: #cc0000;
	text-decoration: none;
	font-weight:bold;
}
A.focusDay:hover
{
}	
A.weekday:link
{
	color: #003366;
	text-decoration: none;
}
A.weekday:hover
{
	color: red;
}
.calBlankDay
{
	background-color: #cccccc;
}
.calbg
{
	background-color: #ffffff;
}
.calTable
{
	background-color: #000000;
}
.calWeekdayTable
{
	font-family: Verdana;
	font-size: 9pt;
	padding:4px;
	background-color: #999999;
}
.calHeadingRow
{
	background-color: #003399;
	color: #ffffff;
}
.calHeadingCell
{
}

TD.calHeadingCell 
{
}
.calMonth
{
	font-family: Verdana;
	font-size: 9pt;
}
.calYear
{
	width: 60px;
	font-family: Verdana;
	font-size: 9pt;
	margin-left:10px;
}
.calBtn
{
	font-family: Verdana;
	font-size: 9pt;
	margin-right:4px;
}
.quote
{
	margin-top: 100px;
	font-style: italic;
	color: #6699cc;
}
	
	
/*----------------- Printable Table Styles -------------------*/
	
TABLE.printout TD, TABLE.printout TH
{
	font-size: 10pt;
	font-family: Verdana;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2pt;
	padding-bottom: 2pt;
	border-width: 2px;
	border-right-style: solid;
}

TABLE.printout TH
{
	border-bottom-style: solid;
}
TABLE.printout TD.tColOne, TABLE.printout TD.tColTwo
{
	text-align: left;
}
TABLE.printout TD.tColThree
{
	text-align: center;
}
TABLE.printout TD.tColFour
{
	text-align: right;
}
TABLE.printout TR.tEvenRow
{
	background-color: #C0C0C0;
}
	
/*-------------------- General --------------------*/

.spacerImage
{
	border-style: none;
}
.copyright
{
	font-size: xx-small;
	font-family:Verdana; 
	font-style:normal; 
	font-weight:bold; 
	color:#8e8c87;
	text-align: center;
	width: 100%;
	padding-top:10px;
}
table
{
	border-style: none;
	padding: 0 0 0 0;
	height: 100%;
	empty-cells: show;
	border-spacing: 0;
	text-align: left;
	vertical-align:top;
}	
.tLast
{
	border-right-style: none !important;
}
a
{
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.link
{
}
a.link:active
{
}
a.link:visited
{
}
a.link:hover
{
	text-decoration: none;
}
input[type="text"], input[type="password"], select, textarea
{
	font-family: Verdana;
	font-size: 8pt !important;
	border: 1px solid #003399;
	background-color: #ffffff;
}
/*-------------------- Grid View Classes --------------------*/

.GVHeadersClass
{
        font-size: large; 
        Color: Blue; 
}

.tableNoHeight
{
	border-style: none;
	padding: 0 0 0 0;
	height: 1%; /*override the 100% in the "table" element*/
	empty-cells: show;
	border-spacing: 0;
	text-align: left;
	vertical-align:top;
}