﻿
.homeBody
{
	background-color: #7764A1;
}

#homePageLayout
{
	width:auto;
	padding: 0px;
	text-align: center;
	background-color: #7764A1;
	border-width: 0px;
	border-collapse:collapse;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}




#homePageLayout .headerSection
{
	background-color: white;
	text-align: center;
	height: 100%;
}

#homePageLayout .headerTop
{
	background-image: url(Images/HeaderTop.gif);
	background-position: top;
	background-repeat:repeat-x;
	height:100%;
}
#homePageLayout .headerBottom
{
	background-image: url(Images/HeaderBottom.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	height:100%;
}
#homePageLayout .headerLeft
{
	background-image: url(Images/HeaderLeft.gif);
	background-position: left;
	background-repeat:repeat-y;
	height:100%;
}
#homePageLayout .headerRight
{
	background-image: url(Images/HeaderRight.gif);
	background-position: right;
	background-repeat:repeat-y;
	height:100%;
}
#homePageLayout .headerTopLeft
{
	background-image: url(Images/HeaderTopLeft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .headerTopRight
{
	background-image: url(Images/HeaderTopRight.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .headerBottomLeft
{
	background-image: url(Images/HeaderBottomLeft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .headerBottomRight
{
	background-image: url(Images/HeaderBottomRight.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height:100%;
}



#homePageLayout .bodyContent
{
	position: relative;
	top: -2px;
	background-color: White;
	height: 100%;
	float: none;
}
#homePageLayout .bodyContentTop
{
	background-image: url(Images/BodyTop.gif);
	background-position: top;
	background-repeat:repeat-x;
	height: 100%
}
#homePageLayout .bodyContentBottom
{
	background-image: url(Images/BodyBottom.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	height:100%;
}
#homePageLayout .bodyContentLeft
{
	background-image: url(Images/BodyLeft.gif);
	background-position: left;
	background-repeat:repeat-y;
	height:100%;
}
#homePageLayout .bodyContentRight
{
	background-image: url(Images/BodyRight.gif);
	background-position: right;
	background-repeat:repeat-y;
	height:100%;
}
#homePageLayout .bodyContentTopLeft
{
	background-image: url(Images/BodyTopLeft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .bodyContentTopRight
{
	background-image: url(Images/BodyTopRight.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .bodyContentBottomLeft
{
	background-image: url(Images/BodyBottomLeft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height:100%;
}
#homePageLayout .bodyContentBottomRight
{
	background-image: url(Images/BodyBottomRight.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height:100%;
	text-align: left;
	padding: 15px 30px 8px 30px;
}


#TNpageMainDiv .memberInfo
{
 float:left;
}

.memberHomeHealth
{
	height:102px;
	width:321px;
	float: none;
	vertical-align: middle;
	margin: 0px 15px 6px 15px;
	text-align: left;

	background-image: url(Images/MenuBackHealth.jpg);
	background-position: top;
	background-repeat:no-repeat;
}
.memberHomeEquity
{
	height:102px;
	width:321px;
	float: none;
	vertical-align: middle;
	margin: 0px 15px 6px 15px;
	text-align: left;

	background-image: url(Images/MenuBackEquity.jpg);
	background-position: top;
	background-repeat:no-repeat;
}

.employerHome
{
	height:auto;
	min-height:102px;
	width:321px;
	float: none;
	vertical-align: middle;
	margin: 0px 15px 6px 15px;
	text-align: left;

	background-position: top;
	background-repeat:no-repeat;
}

.memberHomeIcon
{
	float: left;
	margin-top: 35px;
	margin-left: 5px;
	width: 50px;
	text-align: center;
}

.memberHomeLinks
{
	float: left;
	display: block;
	margin-top: 10px;
	min-height: 75px;
	width: 260px;
}

.memberHomeLinks ul
{
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 10px;
}

.memberHomeLinks ul li
{
	list-style-position: inside;
	list-style-image: url(images/ButtonLittleBud.gif);
}

.memberHomeLinks ul li a
{
	margin-left: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.memberHomeLinks ul li a:hover {
	font-size: 10pt;
	font-weight: bold;
	color: #0B5BB4;
	text-decoration: underline;
}

.memberHomeLinks ul li a:visited {
	color: black;
}

.memberHomeLinks ul ul
{
	padding-left: 20px;
}

.memberHomeLinks ul ul li
{
	position: relative;
	top: 0px;
	left: 0px;
	list-style-position: outside;
	list-style-image: url(images/BulletArrow.gif);
}
.memberHomeLinks ul ul li a
{
	margin-left: 0px;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}

.memberHomeLinks ul ul li a:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #0B5BB4;
	text-decoration: underline;
}
.memberHomeLinks ul ul li a:visited {
	color: black;
}

.employerHomeLinks
{
	float: left;
	display: block;
	margin-top: 10px;
	min-height: 75px;
	width: 260px;
}

.employerHomeLinks ul
{
	margin-left: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 0px;
}

.employerHomeLinks ul li
{
	list-style-position: outside;
	list-style-image: url(images/BulletArrow.gif);
}

.employerHomeLinks ul li a
{
	margin-left: 0px;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	text-decoration: underline;
}
.employerHomeLinks ul li a:hover
{
	font-size: 8pt;
	font-weight: normal;
	color: #0B5BB4;
	text-decoration: underline;
}
.employerHomeLinks ul li a:visited
{
	color: black;
}

.subaccountLinks
{
	font-size: 10pt;
}

.subaccountLinks a
{
	text-decoration: underline;
}

/*************************************************************
 New Member Portal Home Page
*************************************************************/

#homeMenuTable h2
{
	font-weight: normal;
	font-size: 14pt;
	color: Navy;
}

.memberHome
{
	height: 238px;
	width: 278px;
	text-align: left;
}

.memberHome table
{
	margin-left: 30px;
	margin-top: 30px;
}

.memberHome .menuTitle
{
	font-family: Tahoma;
	font-size: 18pt;
	vertical-align: text-bottom;
}

.memberHome .menuTitle a,
.memberHome .menuTitle a:hover,
.memberHome .menuTitle a:visited
{
	color: White;
	text-decoration: none;
}

.memberHome .menuDivider
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(Images/DottedLine.png);
	
}

.memberHome .menuItems
{
  height: 125px;
  vertical-align: top;	
}

.memberHome .menuItems ul
{
	list-style-position: outside;
	list-style-image: url(images/BulletArrow2.gif);
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 0px;
}

.memberHome .menuItems ul li
{
	padding-left: 0px;
	margin-bottom: 8px;
}

.memberHome .menuItems ul li a,
.memberHome .menuItems ul li a:hover,
.memberHome .menuItems ul li a:visited
{
	font-family: Tahoma;
	font-size: 10pt;
	color: White;
	text-decoration: underline;
}

#homeMenuTable
{
	margin-top: 44px;
}

#homeMenuTable .PayChoice
{
	background-color: #046CB6;
	vertical-align: bottom;
}

#homeMenuTable .AccountHistory
{
	background-color: #5A3988;
	vertical-align: top;
}

#homeMenuTable .HealthInfo
{
	background-color: #4AA942;
	vertical-align: bottom;
}

#homeMenuTable .UserProfile
{
	background-color: #199DB5;
	vertical-align: top;
}

.memberHomeTable
{
	width: 100%;
}

.memberHomeTable td
{
	vertical-align: top;
	padding: auto auto;
}

.QuickStats
{
	float: right;
	padding: 0px 0px;
	margin: auto 15px 15px 15px;
	font-family: Tahoma;
}

.QuickStats h1
{
	color: #046CB6;
	font-size: 16pt;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.QuickStats div.QSOuter
{
	width: 146px;
	background-color: #939BA1;
	padding: 20px 20px;
}

.QuickStats div.QSOuter div.QSBox,
.QuickStats div.QSOuter div.QSAltBox
{
	width: 100%;
	background-color: white;
	padding: 8px 0px;
	margin-bottom: 2px;
	text-align: center;
	font-weight: bold;
}


.QuickStats div.QSOuter div.QSBox a
{
	text-decoration: underline;
}

.QuickStats div.QSOuter div.QSBox a,
.QuickStats div.QSOuter div.QSBox a:hover,
.QuickStats div.QSOuter div.QSBox a:visited,
.QuickStats div.QSOuter div.QSBox span.DYKHeader,
.QuickStats div.QSOuter div.QSBox span.QSHeader
{
	display: block;
	font-weight: bold;
	color: #939BA1;
	margin-bottom: 3px;
}

.QuickStats div.QSOuter div.QSBox span.QSAccountBalance
{
	font-size: 10pt;
	color: #5A3988;
}

.QuickStats div.QSOuter div.QSBox span.dynamicPopulate_QSAccountBalance
{
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding: 2px;
	height: 1em;
	margin: auto;
	width: 100px;
	font-size: 12pt;
	display: block;
	background-position: center center;
}

.QuickStats div.QSOuter div.QSBox p.DYKText
{
	text-align: left;
	margin: 0px 3px 0px 3px;
	line-height: 14px;
}

.QuickStats div.QSOuter div.QSBox p.DYKText a
{
	color: #5A3988;
	text-align: left;
	font-weight: normal;
	color: #3B4751;
	text-decoration: none;
}

.QuickStats div.QSOuter div.QSBox p.DYKText a:hover
{
	text-decoration: underline;
}

.QuickStats .DYKText ul li
{
	text-align: left;
	position: relative;
	top: 0px;
	left: -10px;
	list-style-position: outside;
	list-style-image: url(images/BulletArrow.gif);
	margin-bottom: 5px;
}

.employeeMessages
{
	width: 712px;
	color:#676598;
}

.employeeMessages p
{
	color:#676598;
}

.employeeMessages Table
{
	width: 100%;	
}

.employeeMessages Table tr th
{
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 16pt;
	color: purple;
	border-bottom: solid 1px #676598;
}

.employeeMessages Table tr td
{
	padding-top: 5px;
}

.employeeMessages .messageSubject
{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.QuickStats .tlinkButton
{
	float: none;	
}

/********************************************
* Agent and Employer Home pages
********************************************/
.HomeHelp
{
    width: 155px;
    text-align: left;
    float: left;
    margin-left: 750px;
    position: absolute;
    
}

.HomeNews
{
	width: 740px;
	text-align: left;
}

.AgentNews
{
	background: url(Images/handsonkeyboard.png) no-repeat right -50px;
}

.EmployerNews
{
	background: url(Images/handsonkeyboard2.png) no-repeat right -50px;
}

.HomeNews .HNHeader
{
	/*width: 800px;*/
	height: 200px;
	border-bottom: solid 1px #E5E5E5;
	margin-bottom: 10px;
}

.HomeNews .HNBox {
	text-align: center;
	color: #2B71B7;
	border-top: solid 1px #E5E5E5;
	height: 180px;
	padding: 7px;
}

.HomeNews .HNBox img
{
	display: block;
	margin-bottom: 10px;
}

	.HomeNews .HNBox a.HNBoxHeader,
	.HomeNews .HNBox a.HNBoxHeader:hover,
	.HomeNews .HNBox a.HNBoxHeader:visited {
		color: #474747;
		font-size: 16pt;
		display: block;
	}
	 
.HomeNews .HNBox .tlinkButton
{
	margin-top: 35px;
	float: right;	
}

.HomeNews .HNBoxLeft
{
	border-right: solid 1px #E5E5E5;
}

.HomeNews .HNBoxRight
{
	border-left: solid 1px #E5E5E5;
}

.HomeNews .HNBoxCenter
{
}

.Row {
	display: table;
}

.Column {
	display: table-cell;
}


