/******************************************************************************
*	MAIN LAYOUT STYLES
******************************************************************************/

Body
{
    background-color: #ffffff;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
}

A:link
{
	text-decoration: none;
	color: blue;
}

A:visited
{
	text-decoration: none;
	color: blue;
}

A:active
{
	text-decoration: none;
	color: blue;
}

A:hover
{
	text-decoration: underline;
	color: red;
}

/*	A div that surrounds the body of each page	*/
.MainBody
{
	padding: 5px 5px 2em 5px;
	/*
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 8px 0px 2em 8px;
	left: 2%;
	right: 2%;
	*/
}

/*	The header at the top of each page	*/
/*.Header
{
	width: 100%;
    background-image: url('/Images/Site/Utah/UtahHeaderSpacer.gif');
    background-repeat: repeat;
}

/*	The footer at the bottom of each page	*/
.Footer
{
	padding: 5px 5px 5px 5px;
	width: 100%;
	text-align: center;
    font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: Gray;
	padding-top: 1em;
	padding-bottom: 1em;
}

/*The heading of the address label*/

.RecordHeading
{
	font-weight: bold;
	text-transform: capitalize;
	font-family: Verdana;
	color: gray;
	text-decoration: underline;
	font-size: small;
}


/*	The pane containing the login control and sections menu	*/
.MenuPane
{
	max-width: 188px;
}

/*	The pane to the left of the content	*/
.LeftPane
{
	width: 250px;
	/*max-width: 188px; */
}

/*	Need this for FF 3.0 and Chrome */
.LoginInput
{
	width:140px;
}

/*	The pane that contains sections	*/
.ContentPane
{
	width: 100%;
}

/*	The pane to the right of the content	*/
.RightPane
{
	max-width: 188px;
}

.SubHeading
{
	font-family: Arial, Helvetica, sans-serif;
    color: #003399;
	width: 100%;
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-top: 0.8em;
	margin-bottom: 1em;
	border-bottom: solid #CCC 1px;
}

.ButtonPanel
{
	margin-top: 1em;
	padding-top: 0.5em;
	border-top-color: Gray;
	border-top-style: solid;
	border-top-width: 1px;
}

/******************************************************************************
*	MODULE MENU STYLES (THE TOP MENU)
******************************************************************************/

#ModuleMenu
{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding-top: 0px;
	margin: 0px;
	background-image: url("/images/menu/glbnav_background.gif"); 
}

#ModuleMenu img
{
	margin-bottom: -4px;
}

.ModuleMenuLeftImage {
	position: absolute;
	top: 0px;
	left:0px;
}

.ModuleMenuRightImage {
	position: absolute;
	top: 0px;
	right:0px;
}

#ModuleMenuLinks {
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}

a.ModuleMenuLink, a.ModuleMenuLink-active, a.ModuleMenuLink:visited{
  	font-size: small;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.ModuleMenuLink-active
{
  	color: #001177;
}

a.ModuleMenuLink
{
  	color: #003399;
}

a.ModuleMenuLink-active {
  	background-image: url("/images/menu/glblnav_selected.gif"); /*url(glblnav_selected.gif);*/
	text-decoration: none;
}

a.ModuleMenuLink:hover, a.ModuleMenuLink-active:hover {
  	background-image: url("/images/menu/glblnav_hover.gif"); /*url(glblnav_selected.gif);*/
	text-decoration: none;
}

.skipLinks {display: none;}

#ModuleMenuRight 
{
	position: absolute;
	right: 5px;
	top: 6px;
}

/* The site link styles (Welcome message, Home, Logoff)	*/
.ModuleMenuRightLink
{
    font-size: x-small;
    font-weight: bold;
    color: #003399;
}   

A.ModuleMenuRightLink:link, A.ModuleMenuRightLink:active, A.ModuleMenuRightLink:visited
{
    text-decoration: none;
    color: #003399;
}

A.ModuleMenuRightLink:hover
{
    text-decoration: none;
    color: red;
}

/*	The pipe separator between site links	*/
.ModuleMenuRightLinkSeparator
{
    font-size: x-small;
    font-weight: bold;
    color: red;
}

/******************************************************************************
*	SECTION MENU & SECTION HEADER STYLES (SIDE MENU)
******************************************************************************/


/*	The main section menu style	*/
.SectionMenu
{
    /* background-color: #EEEEEE; */
	background-color: #F5f7f7;
    /*padding: 0.2em;*/
    margin: 4px 0px 10px 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #003399;
}

/* 
These two section headers should be the same so they line up -
  SectionMenuHeader: The header row at the top of the section menu 
  SectionTitle: The title of the section 
*/
.SectionTitle, .SectionMenuHeader
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
    color: #003399;
	border-bottom: solid #BBB 1px;
	padding: 4px 5px 4px 5px;
	background: #EEEEEE;
}

.SectionTitle
{
	margin: 4px 0px 10px 0px;	
}

/* Applied to the div that surrounds each section menu item */
.SectionMenuItem, .SectionMenuItem-Selected
{
	padding: 3px;
}

/* Also applied to the div that surrounds each section menu item if it's a sub-item */
.SectionMenuSubItem
{
	padding-left: 1.4em;
	padding-top: 1px;
	padding-bottom: 0px;
}

.SectionMenuSpace
{
    font-size: xx-small;
    text-decoration: none;
}

.SectionMenuDisabled
{
    font-weight: bold;
    color: gray;
}

.SectionMenuLink
{
    font-weight: bold;
}

A.SectionMenuLink:link, A.SectionMenuLink:visited, A.SectionMenuLink:active
{
    text-decoration: none;
    color: #003399;
}

A.SectionMenuLink:hover   
{
	text-decoration: none;
    color: green;
}

.SectionMenuLinkVisited
{
    font-weight: bold;
}

A.SectionMenuLinkVisited:link, A.SectionMenuLinkVisited:visited, A.SectionMenuLinkVisited:active
{
    text-decoration: none;
    color: #003399;
}

A.SectionMenuLinkVisited:hover
{
	text-decoration: none;
    color: green;
}

.SectionMenuStatus
{
	color: black;
	font-size: xx-small;
	position: relative;
	left: 1em;
	padding-top: 0.2em;
}

.SectionMenuInformation
{
	/*background-color: LightGray;*/
	color: black;
	font-size: xx-small;
	position: relative;
	left: 1em;
	padding-top: 0.2em;
}

.SectionMenuInfoImage
{
	position: relative;
	top: 4px;
	cursor: pointer;
}

.SectionMenuItem-Selected
{
	font-style: italic;
}


/******************************************************************************
*	GRID VIEW STYLES
******************************************************************************/

.DataGrid
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #e7e7e7;
}

.RowTitle
{
	font-weight: bold;
	color: black;
	background: #e7e7e7;
}

/******************************************************************************
*	TABLE STYLES
******************************************************************************/

Table
{
}

Tr
{
	height: 1em;
	vertical-align: top;
}

Th
{
	font-weight: bold;
}

Td
{
}

.HeaderCell
{
	font-weight: bold;
}

.LabelCell
{
    vertical-align: top;
    text-align: left;
    width: 30%;
    color: Gray;
}

.BoldLabelCell
{
	font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 40%;
}

.DataCell
{
	padding-left: 10px;
}

.MainTable
{
    width: 100%;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.ValidationCell
{
}

/******************************************************************************
*	CONTROL STYLES
******************************************************************************/

.CommandButton
{
}

.DatePicker
{
}

/******************************************************************************
*	MESSAGE STYLES
******************************************************************************/

.ErrorMessage
{
    color: Red;
}

.WarningMessage
{
	color: Maroon;
}

.SuccessMessage
{
	color: Green;
}

/******************************************************************************
*	OLD STUFF
******************************************************************************/

.RowDetail
{
	color: Black;
	cursor: default;
}

.RowSelected
{
	color: White;
	background-color: DarkBlue;
	cursor: default;
}

.RowHighlighted
{
	background-color: Silver;
	cursor: default;
}