/*==========================================
MEDIA CONTROLS
===========================================*/

@media screen{
	.noscreen
	{
		display:none
	}
}

/*==========================================
PAGE STRUCTURE
===========================================*/

BODY
{
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: white;
    color: #173F51;
    MIN-HEIGHT: 100%;
}

    html, body,  {
        min-height: 100%;
        width: 100%;
        height: 100%;
    }

/*==========================================
TABLES
===========================================*/

.FooterCell
{
	border-top: 1px solid #b6b394;
	padding-right:8px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 1px;
	vertical-align:bottom;
}

.GridRow 
{
	border-bottom-color:#35728e;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}


THEAD
{ 
	display: table-header-group; 
} 
	
TFOOT
{ 
	display: table-footer-group; 
} 


TD /* This redefines *everything* when the page structure includes a table */
{
	font-size: x-small;
    color: #173F51;
}

TH, .HeaderCell, SmallHeaderCell
{
	text-align:left;
	color: #173F51;
	font-weight: normal;
	border-bottom: 1px solid #b6b394;
	padding-right:5px;
	padding-left: 1px;
	vertical-align:bottom;
}

.SortableHeaderCell
{
    cursor: hand;
    color: #173F51;
    text-decoration: underline;
}


.RightHeaderCell
{	
	text-align:right;
	color: #173F51;
	font-weight: normal;
	border-bottom: 1px solid #b6b394;
	padding-right:5px;
	padding-left: 1px;
	vertical-align:bottom;
}

.GridHeading
{
	background-color: #115470
}


TH, .HeaderCell
{
	font-size: x-small;
}

.SmallHeaderCell
{
	font-size: xx-small;
}

.LeftSmallCell, .CenterSmallCell, .RightSmallCell
{
	font-size: xx-small;
	padding-right:5px;
	padding-bottom:1px;
	padding-left: 1px;
	vertical-align:top;
}

.LeftCell, .CenterCell, .RightCell
{
	font-size: x-small;
	padding-right:8px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 1px;
	vertical-align:top;
}

.CenterSmallCell, .CenterCell
{
	text-align:center;
}

.RightSmallCell, .RightCell
{
	text-align:right;
}

/*These classes are useful outside tables, too. */
.left
{
	text-align:left;
}

.TopTableRule
{
	border-top: 1px solid #b6b394;
}

.TopTableRuleLabel
{
	border-top: 1px solid #b6b394;
}

.BottomTableRule  /* matches TH */
{
	border-bottom: 1px solid #b6b394;
}

/*==========================================
LINKS
===========================================*/

.DarkYellowLine
{
	bgcolor: #F6DA0A
}

.MenuLink
{
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

.SubMenuLink
{
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

A
{
    cursor: hand;
    Color: #35728e;
    /* text-decoration:none;  */
} 

A:visited
{
    COLOR: #35728e;
} 

A:active
{	
	text-decoration:	none;
	color: #35728e;
}	
		
A:hover	
{	
	color: #35728e;
	text-decoration:	underline;
}


/*==========================================
FORM ELEMENTS
===========================================*/

FORM
{
	margin-top:0px;
	margin-bottom:0px;
}

SELECT
{
    BORDER: #4d4a46 1 px solid;
    FONT-SIZE: .9em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: white
}
INPUT
{
    FONT-SIZE: .9em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

TEXTAREA
{
    FONT-SIZE: .9em;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

BUTTON, .Button, .Button-disabled, .Button-mockup
{
    FONT-FAMILY: Verdana, Arial, Helvetica;
    cursor: hand;
    font-size:11pt;
}

.calculatedfield, .calculatedfieldleft /* used in TextBoxWithCounter */
{
	border:1px solid #dddddd;
	color: #333333;
}
.calculatedfield
{
	text-align:right;
}
.calculatedfieldleft
{
	text-align:left;
}

.BlueBoxHeader
{
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP:2px;
    COLOR: #35728e;
}

/*==========================================
HTML-DEFINED TEXT TAGS
===========================================*/

H1, H2
{
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 14px;
}

.ResultsLink
{
	color: #35728e;
	font-size: small;
	font-weight:bold;
	margin-bottom: 2px;
}

H2
{
	border-bottom:  2px #35728e solid;
}


H3, H4, H5, H6
{
	MARGIN-BOTTOM: 4px;
	MARGIN-TOP:10px;
    COLOR: #35728e;
}
H1, .H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: large;
    COLOR: #35728e;
}
H2, .H2 /* See note under "underline" for using this class in a table */
{
    FONT-SIZE: medium;
    FONT-WEIGHT: bold;
    COLOR: #35728e;
}
H3, .H3
{
	FONT-SIZE: small;
	FONT-WEIGHT: bold;
}
H4, .H4
{
	FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
}

UL, OL
{
      MARGIN-BOTTOM: 8px;
      MARGIN-TOP: 2px;
}
LI
{
	  MARGIN-TOP:2px;
	  MARGIN-BOTTOM:3px;
}
  
UL, .TextList
{
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
    FONT-SIZE: x-small;
	list-style-type: square;
}

LI
{
	MARGIN-TOP:2px;
	MARGIN-BOTTOM:4px;
	margin-left: 0px;
}

P
{
    MARGIN-BOTTOM: 8px;
    MARGIN-TOP: 4px;
    FONT-SIZE:x-small;
}

HR
{
	COLOR: #35728e;
	BACKGROUND-COLOR: #35728e;
}

/*==========================================
DEVELOPMENT CLASSES
===========================================*/

.Mockup, .MockupNote
{  
	background: #ccffcc;
}

.MockupNote
{
	font-family: Georgia;
}

/*==========================================
APPLICATION PAGE STRUCTURE CLASSES
===========================================*/

.content-display 
{
	display: block;
}

.content-hide
{
	display: none;
}

.Error
{
    FONT-WEIGHT: bold;
    COLOR: #ae1416;
    FONT-SIZE: 120%;
}
.RequiredField
{
	COLOR: #ae1416;
	VERTICAL-ALIGN: Top;
}
.Message
{
    FONT-WEIGHT: bold;
    COLOR: #ee646d;
    FONT-SIZE: medium;
}

.underline /* matches H2, for use in tables.  For instance <h2>Text</h2> is the same as <td class="underline"><span class="h2">Text</span></td> */
{
	border-bottom:  2px #35728e solid;
	padding-bottom:1px; /* When applied to a table cell, include a pixel of space above the underline, especially for buttons */
}

/*
.grayunderline, .grayunderlinelabel
{
	border-bottom: 1px solid < %=DarkGray%>;
}

.PageFooterTable
{
	background-color: < %=Maroon%>;
}

.TopMenu1
{
	border-top: 1px solid < %=Maroon%>;
	background-color: < %=LightGray%>;
	border-bottom: 1px solid < %=Maroon%>;
}
*/

.TopMenu2
{
	font-size: 8pt;
}

.TopMenuButton, .TopMenuButtonSelected
{
	font-size:8pt;
	background-color: #b6b394;
	border: 1px solid #b6b394;
	cursor: hand;
}

.TopMenuButtonSelected
{
	font-weight:bold;
}

.HelpText
{
	background-color: #173F51;
	margin-top:8px;
	margin-bottom:4px;
	padding:2px;
}

.SmallText, .SmallTextCell
{
	FONT-SIZE: xx-small;
}

.SmallTextCell, .SmallTextCellNowrap
{
	PADDING-RIGHT: 5px;
}

.TinyText
{
    FONT-SIZE: 7pt;
    LINE-HEIGHT: 120%
}

/*
.DisplayTableRowHead
{
	padding-right: 5px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 1px;
	color: < %=MediumGreen%>;
	padding-top: 1px;
	text-align: left;
	FONT-SIZE: x-small;
}

.Label, .TopTableRuleLabel, .SortableHeader, .grayunderlinelabel
{
	color: < %=DarkGray%>;
}
*/

.grayunderlinelabel /*used on My Tasks */
{
	vertical-align:bottom;
	font-size: xx-small;
}


.SortableHeader
{
	text-decoration: underline;
}

.left
{
	text-align:left;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right
}

.footer
{
	font-size:xx-small;
}

div#header_print
{
	display: none;
}

.content-with-margin
{
	margin-left: 25px;
}