/*
Created:	01/02/08	Daniel Hartley  - IP2236. .Net Integration.
Modified:	<see VSS for prior release history>
			05/07/09    Daniel Hartley  - IF2483. Automatic logout warning feature. Added ResetTimer styles
			08/25/09    Daniel Hartley  - EB2575. Fix IE8 Calendar Extender Month Arrows Issue			
			10/26/09    Daniel Hartley  - EF2636. Member Health Notes Enhancements. Added RowGroupDetails and RowGroupDetailsAlt
			11/24/09    Daniel Hartley  - EF2670. Added MemberHealthNotes class
			08/12/12    David Dickerson - F5477  Upgrade to jQuery 1.7.2
           		09/20/13    Justin Takamine - B6160.  Add Variable Data Option to control vertical/horizontal display of Member Alerts
            12/04/13    Daniel Hartley  - B6570. Adjust font-size of grid rows (IE10+ interprets x-small to be 7.5pt font).
			
*/

/* commented backslash hack to hide from ie5 mac \*/ 
html, body
{
    height:100%;
} 
/* end hack */
html,body
{
    margin:0;
    font-family: Arial;
    font-size: small;
}

body
{
    margin: 0px;
}

.AEMasterPage /* Used by all Pages requiring authentication */
{
	background-color: #dddddd;
	font-size: 10pt;
	font-family: Arial, Verdana;
}

.AEInsideMasterPage /* Used by all Pages requiring authentication */
{
	background-color: #dddddd;
	width: 100%;
	height: 100%;
}

.AEOutsideMasterPage /* Used by all Pages not requiring authentication */
{
	background-color: #dddddd;
	width: 100%;
	height: 100%;
}

.AEPopupMasterPage /* Used by all Pages in Modal Popup iframe */
{
	background-color: #ffffcc;
	width: 100%;
	height: 100%;
}

.AEFramedMasterPage /* Used by all Pages in iframe */
{
	background-color: #ffffff;
}

form
{
	height:100%;
}

.SiteContainer {
    height: 100%; 
    width: 100%;
}

.SiteContentContainer {
    height: 100%;
    text-align: left;
}

.SiteHeaderBodyContainer {
    width: 100%;
    background-color: white; 
    border-left: 1px solid black; 
    border-right: 1px solid black; 
    margin-bottom: -51px; /* footer size + footer border */
    
    min-height:100%; /* IE6 doesn't support min-height, so we use the underscorehack below */   
    _height: 100%; /* Underscore hack to target IE6, Firefox and IE7+ ignore it */
}

.SiteHeader
{
	width:100%;
    height: 80px;
    background-color: #dcfbdd;
    border-bottom: 1px solid black;
}

.ClearSiteHeader
{
    clear: both;
}

.SiteFooter
{
	clear: both;
    width: 100%;	        
    height: 50px;
    background-color: #f9ebc6;
    border-top: 1px solid #000;
    border-left: 1px solid black; 
    border-right: 1px solid black;
}

.SiteFooterContent
{
	font-family: Arial, Verdana;
	color: #000000; 
	font-size: 8pt;
}

.SiteFooterContent a, .SiteFooterContent a:active, .SiteFooterContent a:visited
{
	color: Red;
	font-family: Arial, Verdana;
	font-size: 8pt;
	color: Black;
}

.SiteFooterContent a:hover
{
	color: Red;
}

.ClearSiteFooter
{
    clear:both;
    height:50px;
}

.SiteSideArea
{
	background-color: white;
	height: auto;
}

.SiteMainContentArea
{
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	height: auto;
}

.MessageAlert
{
	padding-right: 8px;	
}

.MessageAlert a, .MessageAlert a:active, .MessageAlert a:visited
{
	color: Red;
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: Black;
}

.MessageAlert a:hover
{
	color: Red;
}

.UserInfoLabel
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	padding-right: 4px;
}

.UserInfoValue
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: Black;
	padding-right: 8px;
}

.BreadCrumb
{
	font-family: Arial, Verdana;
	color: #000000; 
	font-size: 8pt;
}

.BreadCrumb a, .BreadCrumb a:active, .BreadCrumb a:visited
{
	font-family: Arial, Verdana;
	color: #000000; 
	font-size: 8pt;
}

.BreadCrumb a:hover
{
	color: red;
}

/* Begin Side Menu */
.SideMenu
{
	border-right: 1px solid;
}

.SideMenuExpandCollapse
{	
	height: 18px;
	background-color: #006eb3;
	text-align: right;
	padding-top: 2px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.ExpandCollapseImage
{	
	padding-right: 2px;
	cursor: pointer;
}

.SideMenuHeader
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	background-color: #006eb3;
	color: White;
	cursor: pointer;
	padding: 4px;
	border-bottom: 1px solid black;
	overflow: hidden;
}

.SideMenuHeaderSelected
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	background-color: #00008b;
	color: White;
	cursor: pointer;
	padding: 4px;
	border-bottom: 1px solid black;
	overflow: hidden;
}

.SideMenuContent
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	background-color: #d5f1ef;
	color: black;
	padding: 4px;
	border-bottom: 1px solid black;
	overflow: hidden;
}

.SideMenuContent a, .SideMenuContent a:active, .SideMenuContent a:visited
{
	font-size: 10pt;
	color: black;
}

.SideMenuContent a:hover
{
	color: red;
}

.SideMenuContentSelected a, .SideMenuContentSelected a:active, .SideMenuContentSelected a:visited, .SideMenuContentSelected a:hover
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: blue;
}
/* End Side Menu */



.GridViewHeader
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #00008b;
}
.GridViewHeader a, .GridViewHeader a:visited, .GridViewHeader a:active
{
	color: yellow;
}

.GridViewHeader a:hover
{
	color: orange;
}

.GridViewRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: white;
}
.GridViewRow a, .GridViewRow a:visited, .GridViewRow a:active
{
	color: blue;
}

.GridViewRow a:hover
{
	color: red;
}

.GridViewAltRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #E1EBFB;
}

.GridViewAltRow a, .GridViewAltRow a:visited, .GridViewAltRow a:active
{
	color: blue;
}

.GridViewAltRow a:hover
{
	color: red;
}

.GridViewSelectedRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: orange;
}

.GridViewSelectedRow a, .GridViewSelectedRow a:visited, .GridViewSelectedRow a:active
{
	color: black;
}

.GridViewSelectedRow a:hover
{
	color: red;
}



.GridViewHoverRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: yellow;
}

.GridViewHoverRow a, .GridViewHoverRow a:visited, .GridViewHoverRow a:active
{
	color: black;
}

.GridViewHoverRow a:hover
{
	color: red;
}


.GridViewDeleteRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: white;
	background-color: red;
}

.GridViewDeleteRow a, .GridViewDeleteRow a:visited, .GridViewDeleteRow a:active
{
	color: yellow;
}

.GridViewDeleteRow a:hover
{
	color: white;
}


.Pager
{
	font-family: Arial, Verdana;
	background-color: #00008b;
	font-size: 10pt;
	color: White;
	font-weight: bold;
}

.Pager a, .Pager a:visited, .Pager a:active
{
	color: Yellow;
}

.Pager a:hover
{
	color: orange;
}


.TabSelected
{
	font-size: 10pt;
    font-family: Arial, Verdana;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
}

.TabSelected a, .TabSelected a:active, .TabSelected a:visited, .TabSelected a:hover 
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.TabNotSelected
{
	font-size: 10pt;
	font-family: Arial, Verdana;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border: 1px solid #000000;
    text-align: center;
}

.TabNotSelected a, .TabNotSelected a:active, .TabNotSelected a:visited 
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	color: black;
	text-decoration: none;
}

.TabNotSelected a:hover 
{
	color: black;
	text-decoration: none;
}

.TabSpacer
{
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #000000;
}


.MaxLengthMessage
{
	font-family: Arial, Verdana;
	font-size: 8pt;
	color: black;
}


.Popup /* Applied to Modal Popup Panel */
{
	background-color: #ffffcc;
	font-size: 10pt;
	font-family: Arial, Verdana;
}
.PopupHeader /* The Header for the Modal Popup */
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	font-weight: bold;
	background-color: Blue;
	color: White;
	padding: 2px 2px 2px 2px;
	height: 15px;
}

.PopupContent /* The Content Area under the Header for the Modal Popup */
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	padding: 4px 4px 4px 4px;
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.PopupModalBackground /* Provides the transparent background for Modal Popup */
{
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.PopupForm	/* Allows Scrollable form in Modal Popup with stationary buttons */
{
	border-bottom: 1px solid black; 
	width: 100%; 
	overflow-y: auto;
}


.PopupWindow /* Standalone Popup Window for pages opened in new Browser Windows, not Modal Popup */
{
	background-color: #ffffcc;
	font-size: 10pt;
	font-family: Arial, Verdana;
}
.PopupValuesPanel  /* Used by PopupControlExtender, not ModalPopup */
{
	border: 1px solid black;
	background-color: #eeeeee;
	font-size: 10pt;
	font-family: Arial, Verdana;
	padding: 4px 4px 4px 4px;
}


.GeneralHeader
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #00008b;
}
.GeneralHeader a, .GeneralHeader a:visited, .GeneralHeader a:active
{
	color: yellow;
}

.GeneralHeader a:hover
{
	color: orange;
}

.GeneralContent
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #ffffff;
}
.GeneralContent a, .GeneralContent a:visited, .GeneralContent a:active
{
	color: blue;
}

.GeneralContent a:hover
{
	color: red;
}

.GeneralSubHeader
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	background-color: #8fc7fb;
}
.GeneralSubHeader a, .GeneralSubHeader a:visited, .GeneralSubHeader a:active
{
	color: yellow;
}

.GeneralSubHeader a:hover
{
	color: orange;
}


.ErrorMessage
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: red;
}



.GridViewHeaderPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #00008b;
}
.GridViewHeaderPopup a, .GridViewHeaderPopup a:visited, .GridViewHeaderPopup a:active
{
	color: yellow;
}

.GridViewHeaderPopup a:hover
{
	color: orange;
}

.GridViewRowPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: white;
}
.GridViewRowPopup a, .GridViewRowPopup a:visited, .GridViewRowPopup a:active
{
	color: blue;
}

.GridViewRowPopup a:hover
{
	color: red;
}

.GridViewAltRowPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #E1EBFB;
}

.GridViewAltRowPopup a, .GridViewAltRowPopup a:visited, .GridViewAltRowPopup a:active
{
	color: blue;
}

.GridViewAltRowPopup a:hover
{
	color: red;
}

.GridViewSelectedRowPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: yellow;
}

.GridViewSelectedRowPopup a, .GridViewSelectedRowPopup a:visited, .GridViewSelectedRowPopup a:active
{
	color: black;
}

.GridViewSelectedRowPopup a:hover
{
	color: red;
}



.GridViewHoverRowPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: yellow;
}

.GridViewHoverRowPopup a, .GridViewHoverRowPopup a:visited, .GridViewHoverRowPopup a:active
{
	color: black;
}

.GridViewHoverRowPopup a:hover
{
	color: red;
}


.GridViewDeleteRowPopup
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: white;
	background-color: red;
}

.GridViewDeleteRowPopup a, .GridViewDeleteRowPopup a:visited, .GridViewDeleteRowPopup a:active
{
	color: yellow;
}

.GridViewDeleteRowPopup a:hover
{
	color: white;
}


/* Table styles */
TR.Header
{
    FONT-WEIGHT: bold;
    /* FONT-SIZE: x-small; */
    BACKGROUND-COLOR: silver;
}
TR.EvenRow
{
    /* FONT-SIZE: x-small; */
    BACKGROUND-COLOR: #f0ffff;
}
TR.OddRow
{
    /* FONT-SIZE: x-small; */
    BACKGROUND-COLOR: #f5deb3;
}

/* Button styles */
.ButtonStandard
{
    FONT: 10px/1.3 arial, helvetica, sans-serif;
    TEXT-TRANSFORM: uppercase;
    WIDTH: auto;
    COLOR: #fff;
    LETTER-SPACING: 1px;
    HEIGHT: auto;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #007ea1;
    BORDER-TOP: #6891a5 2px outset;
    BORDER-RIGHT: #6891a5 2px outset;
    BORDER-BOTTOM: #6891a5 2px outset;
    BORDER-LEFT: #6891a5 2px outset;
}

.ButtonDataExists
{
	FONT: 10px/1.3 arial, helvetica, sans-serif;
    TEXT-TRANSFORM: uppercase;
    WIDTH: auto;
    COLOR: #fff;
    LETTER-SPACING: 1px;
    HEIGHT: auto;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: red;
    BORDER-TOP: red 2px outset;
    BORDER-RIGHT: red 2px outset;
    BORDER-BOTTOM: red 2px outset;
    BORDER-LEFT: red 2px outset;    
}

.ButtonStandardDisabled
{
	FONT: 10px/1.3 arial, helvetica, sans-serif;
	TEXT-TRANSFORM: uppercase;
    WIDTH: auto;
    COLOR: #fff;
    LETTER-SPACING: 1px;
    HEIGHT: auto;
    PADDING-TOP: 2px;
	BORDER-TOP: #cccccc 2px outset;
    BORDER-RIGHT: #000000 2px outset;
    BORDER-BOTTOM: #000000 2px outset;
    BORDER-LEFT: #cccccc 2px outset;
}


.RequiredField
{
	COLOR: blue;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.RequiredFieldHeader
{
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}



/*Reorder List*/
.ReOrderListDragHandle 
{
	margin-right: 2px;
	width:10px;
	height:15px;
	background-color:Blue;
	cursor:move;
	border:outset thin white;
}

.ReOrderListDragHandleHeaderPlaceHolder
{
	margin-right: 2px;
	width:14px;
	height:15px;
}

.ReOrderListCallbackStyle {
	border:thin blue inset;		
}

.ReOrderListCallbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.ReOrderListContainer
{
	margin-left: -40px;
}

.ReOrderListEmpty
{
	margin-top: 20px;
	margin-left: 60px;
}

.ReOrderListContainer ul
{
	margin-top: 0px;	
}

.ReOrderListContainer li {
	list-style:none;
	margin-top: -5px;
	color:#FFF;
}

.ReOrderListContainer li a {color:#FFF !important; font-weight:bold;}


.ReOrderListCue {
	border:dashed thin black;
	width:99%;
	height:45px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.ReOrderListHeaderTable
{
	background-color: white;
}

.ReOrderListHeader
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: #00008b;
}
.ReOrderListHeader a, .ReOrderListHeader a:visited, .ReOrderListHeader a:active
{
	color: yellow;
}

.ReOrderListHeader a:hover
{
	color: orange;
}

.ReOrderListRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: #E1EBFB;
}
.ReOrderListRow a, .ReOrderListRow a:visited, .ReOrderListRow a:active
{
	color: blue;
}

.ReOrderListRow a:hover
{
	color: red;
}

.ReOrderListAltRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: white;
}

.ReOrderListAltRow a, .ReOrderListAltRow a:visited, .ReOrderListAltRow a:active
{
	color: blue;
}

.ReOrderListAltRow a:hover
{
	color: red;
}

.ReOrderListSelectedRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: yellow;
}

.ReOrderListSelectedRow a, .ReOrderListSelectedRow a:visited, .ReOrderListSelectedRow a:active
{
	color: black;
}

.ReOrderListSelectedRow a:hover
{
	color: red;
}


.ReOrderListDisabledRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: white;
	background-color: #CCCCCC;
}

.ReOrderListDisabledRow a, .ReOrderListDisabledRow a:visited, .ReOrderListDisabledRow a:active
{
	color: black;
}

.ReOrderListDisabledRow a:hover
{
	color: red;
}




.ReOrderListHoverRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: black;
	background-color: yellow;
}

.ReOrderListHoverRow a, .ReOrderListHoverRow a:visited, .ReOrderListHoverRow a:active
{
	color: black;
}

.ReOrderListHoverRow a:hover
{
	color: red;
}


.ReOrderListDeleteRow
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: white;
	background-color: red;
}

.ReOrderListDeleteRow a, .ReOrderListDeleteRow a:visited, .ReOrderListDeleteRow a:active
{
	color: yellow;
}

.ReOrderListDeleteRow a:hover
{
	color: white;
}


.PleaseWaitMessage
{
	position: absolute; 
	z-index: 10; 
	padding-top: 10px; 
	border: 1px solid black; 
	background-color: #cccccc; 
	text-align: center; 
	font-size: 10pt;
	font-family: Arial; 
	font-weight: bold; 	
}

.LockedText
{
	font-family: Arial, Verdana;
	font-size: 8pt;
	color: red;
}


.HeaderText
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
}

.PageTitle
{
	font-family: Arial, Verdana;
	color:Blue;
	font-weight: bold;
	font-size:12pt;
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.UnsavedChangesText
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: #006400;
	font-weight: bold;
}

.InfoMessage
{
	font-family: Arial, Verdana;
	font-size: 10pt;
	color: #0000FF;
}

.DenialReasonReplacementText
{
	color:blue;
}



.ResetTimer /* Applied to Modal Popup Panel */
{
	background-color: #ffe9bf;
	font-size: 10pt;
	font-family: Arial, Verdana;
	border: 1px solid black;
}
.ResetTimerHeader /* The Header for the Modal Popup */
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	font-weight: bold;
	background-color: red;
	color: White;
	padding: 2px 2px 2px 2px;
	height: 15px;
}

.ResetTimerContent /* The Content Area under the Header for the Modal Popup */
{
	font-size: 10pt;
	font-family: Arial, Verdana;
	padding: 4px 4px 4px 4px;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

/* Workaround for IE8 Calendar issue */
.ajax__calendar_title {width:120px; margin:auto; padding:2px;}

.RowGroupDetails
{
    background-color: #fff99d;
}
.RowGroupDetailsAlt
{
    background-color: #f9f7d9;
}

.Alert a, .Alert a:visited, .Alert a:active
{
	FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    TEXT-TRANSFORM: uppercase;
    COLOR: red;
    FONT-STYLE: italic
}

.EditLabelLeft
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: green;
    TEXT-ALIGN: left
}


.DynamicDataItemHeader
{
    font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding: 10px 10px 10px 10px;
}