/*==============================================
General - Outcomes Evaluation
================================================*/


.Normal,.NormalDisabled {
	font-family: Tahoma, Arial, Helvetica;
   font-size: 80%;
	line-height: 1.4em;
   font-weight: normal;
}

body, table, td, tr, p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 100%;
}

H1  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:  150%;
	 font-weight: bold;
	 font-variant: small-caps;
    color: #666666;
}

H2  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:  130%;
	 font-weight: bold;
	 font-variant: small-caps;
    color: #666666;
}

H3  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:  110%;
	 font-weight: bold;
	 font-variant: small-caps;
    color: #666666;
}

H4  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:  130%;
	 font-weight: normal;
	 font-variant: small-caps;
    color: #666666;
}

H5, DT  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:  110%;
	 font-weight: normal;
	 font-variant: small-caps;
    color: #666666;
}

UL LI {
    list-style-type: disc;
	 padding-bottom: 0.5em;
	 padding-top: 0.5em;
}

UL LI LI  {
    list-style-type: disc;
	 padding-bottom: 0.5em;
	 padding-top: 0.5em;
}

UL LI LI LI {
    list-style-type: circle;
}

OL LI    {
	list-style-type: decimal;
}

p.highlight {
	color: #F99A5B;
}

h5.highlight {
	color: #F99A5B;
}

p.highlightbackground {
	background-color: #F0FFFF;
	padding: 3px;
}

p.SeparatorLeft {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #666666:
}

strong.lightgreen {
	background-color: #ECFFCE;
	padding: 3px;
}


/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/

/* Vertical Menu */
#HouseMenuNav
{
    /* menu wrapper div */

    margin-bottom: 10px;
	 width: 220px;
}

#HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
    margin: 0;
    list-style: none;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
}

#HouseMenuNav li
{
    /* all list items */ /* -- Border around each menu item -- */
    border-bottom: 1px solid #fff; /* added for opera browser to remove bullets on lists */
    list-style: none;
	 padding: 0;
}

#HouseMenuNav li ul {
	border-top: 1px solid #fff;
	font-weight: normal;
}

#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /* main colour of the menu */
    margin: 0;
    padding: 0;
    display: block;
    padding: 2px 5px 3px 0.5em;
    border-left: 9px solid #E7F2F5;
    background-color: #fff;
    color: #459dba;
    text-decoration: none; /* added for opera */
    font-size: 95%;
	 font-weight: bold;
}

#HouseMenuNav li a:hover
{
    color: #89c47f;
	 background-color: #E7F2E3;
	 border-left: 9px solid #89c47f;
}
#HouseMenuNav ul ul
{
    /* second level menu items */
    margin-left: 12px;
	 font-weight: normal;
}
#HouseMenuNav ul ul li
{
    border-bottom: 1px solid #fff;
    margin: 0; /* remove the bullets from the sub menu */
    list-style: none;
	 font-weight: normal;
}
#HouseMenuNav ul ul a:link, #HouseMenuNav ul ul a:visited
{
    background-color: #fff;
    color: #459dba;
	 font-weight: normal;
}
#HouseMenuNav ul ul a:hover
{
    background-color: #E7F2E3;
    color: #8ec47f;
	 border-left: 18px solid #89c47f;
	 font-weight: normal;
}

li#HouseMenuNavCurrentItem a#HouseMenuNavCurrentLink:link{
	background-color: #fff;
   color: #459DBA;
	border-left: 9px solid #459DBA;
}

li#HouseMenuNavCurrentItem a#HouseMenuNavCurrentLink:active{
	background-color: #fff;
   color: #459DBA;
	border-left: 9px solid #459DBA;
}

li#HouseMenuNavCurrentItem a#HouseMenuNavCurrentLink:hover{
	background-color: #E7F2E3;
   color: #89c47f;
	border-left: 9px solid #459DBA;
}

li#HouseMenuNavCurrentItem a#HouseMenuNavCurrentLink:visited{
	background-color: #fff;
   color: #459DBA;
	border-left: 9px solid #459DBA;
}


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

/* ====== Normal Links ===== */

A:link  {
font-size: 100%;
    text-decoration: none;
	 font-weight: normal;
    color:  #8EC47F;
}

A:visited   {
    font-size: 100%;
	 text-decoration:    none;
    font-weight: normal;
    color:  #CFDB59;
}

A:active    {
    font-size: 100%;
	 text-decoration:    underline;
	 font-weight: normal;
    color:  #666666;
}

A:hover {
    font-size: 100%;
	 text-decoration:    underline;
	 font-weight: normal;
    color:  #8EC47F;
	 background-color: #ECFFCE;
}

/* ====== Skin Object links ===== */

A.SkinObject:link {
    text-decoration:    none;
	 font-size: 100%;
    color:#FF933D;
}

A.SkinObject:visited  {
    text-decoration:    none;
    font-size: 100%;
	 color:#003366;
}

A.SkinObject:active   {
    text-decoration:    none;
    font-size: 100%;
	 color:#003366;
}

A.SkinObject:hover    {
    text-decoration:    none;
    font-size: 100%;
	 color:#003366;
}

/* ====== Selected Tabs Links ===== */

.SelectedTab {
    font-weight: bold;
    font-size: 100%;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* ===== BreadCrumbs Links ===== */


A.BreadCrumb:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #459DBA;
}

A.BreadCrumb:active {
	color: #003366;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}

A.BreadCrumb:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #459DBA;
}

A.BreadCrumb:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #459DBA;
	text-decoration: Underline;
	background-color: transparent;
}

/* ===== Login Links ===== */

.LoginClass:link {
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	color: #8EC47F;
}

.LoginClass:visited {
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	color: #8EC47F;
}

.LoginClass:active {
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	color: #8EC47F;
}

.LoginClass:hover {
	font-size: 80%;
	text-decoration: underline;
	font-weight: normal;
	font-size: #8EC47F;
	background-color: #ECFFCE;
}

/* ====== Terms Links ===== */

.TermsCss:link {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color: #8EC47F;
}

.TermsCss:active {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
}

.TermsCss:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
}

.TermsCss:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
text-decoration: underline;
}

/* ====== Left Hand Links ===== */

LeftHandLinks:link {
	color: #459DBA;
}

/* ====== Search Links ===== */

.SearchCss:link {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #8EC47F;
}

.SearchCss:active {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #8EC47F;
}

.SearchCss:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #8EC47F;
}

.SearchCss:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #8EC47F;
text-decoration: underline;
}

/* ====== Search Results Links ===== */

.SubHead:link    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	color: #459DBA;
}

.SubHead:visited    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #459DBA;
	text-decoration: none;
}

.SubHead:active    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #459DBA;
	text-decoration: none;
}

.SubHead:hover    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	background-color: transparent;
	color: #459DBA;
	text-decoration: underline;
}

/* ====== Other Tabs Links ===== */

.OtherTabs {
    font-weight: bold;
    font-size: 80%;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color:  #8EC47F;
}

A.CommandButton:visited  {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color:  #CFDB59;
}

A.CommandButton:active   {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color:  #8EC47F;
}

A.CommandButton:hover    {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-decoration:    underline;
   color:  #8EC47F;
	background-color: #ECFFCE;
}

/* Bottom links */

A.Normal:link {
	font-size:150%;
	background: transparent;
	color: #459dba;
	text-decoration: none;
}

A.Normal:active
{
	font-size:150%;
	background: transparent;
	color: #459dba;
	text-decoration: none;
}

A.Normal:visited {
	font-size:150%;
	background: transparent;
	color: #459dba;
	text-decoration: none;
}

A.Normal:hover {
	color: #8ec47f;
	text-decoration: none;
}

/* ====== What's New Links ===== */

A.WhatsNewLinks:link,
A.WhatsNewLinks:visited,
A.WhatsNewLinks:active  {
	font-size: 85%;
   text-decoration: none;
   color: #DEA621;
	border: 1px solid #DEA621;
	margin: 0;
	padding: 4px;
}

A.WhatsNewLinks:hover  {
	font-size: 85%;
   text-decoration: none;
   color:#DEA621;
	border: 1px solid #DEA621;
	margin: 0;
	padding: 4px;
	background-color: #eee;
}

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

table.global {
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 20px;
}

table.SkinMaster {
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-top: 20px;
}


table table {
	font-size: 85%;
	background-color: #FFFFFF;
}


/* ===== Top Row ===== */

table.TopRow {
height: 70px;
}

td.LogoCell {
background-color: #FFFFFF;
}

td.LogoCell img {
	border: none;
}

td.icon {
background-color: #FFFFFF;
}

div#quicklink {
	float: left;
	position:relative;
	margin: 0;
	padding: 0;
}

/* ===== Info Row ===== */

table.InfoRow {
	border-bottom: solid 1px #DBDBDB;
	border-top: solid 1px #DBDBDB;
	margin-top: 20px;
}


td.SearchCell {
	height: 30px;
	font-size: 90%;
}

td.BreadCrumbCell {
	height: 30px;
	font-size: 70%;
}

.BreadCrumb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* ===== Search Results ===== */

.SubHead    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* ===== Main Content Row ===== */

#TopLeftPane {
	padding: 0;
	margin:0;
}

table.mainContentRow {
	margin-bottom: 20px;
}

td.LinksZone {
	background-color: #FFFFFF;
}

td.Menu {
	background-color: #FFFFFF;
	padding-top: 28px;
	font-size: 85%;
}

td.MainContent {
	padding: 0px;
	margin: 0px;
	font-size: 120%;
}

TD.Title {
	padding-top: 0;
	margin-top: 0;
}

.Head   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-variant: small-caps;
	color: #459DBA;
}

/* ===== Bottom Pane ===== */

td.BottomContent {
	background-color: #fff;
}

td.BottomContent td.contentpane {
	background-color: #fff;
}

td.BottomContent td.contentpane td {
	background-color: #fff;
}

/* ===== Footer ===== */

table.footer {
	margin-bottom: 20px;
	
}


td.wholefooter {
	border-top: solid 1px #DBDBDB;
	margin-top:  10px;
	border-bottom: solid 20px white;
}

td.Copyright {
	background-color: #FFFFFF;
	padding-top:  10px;
	font-size: 70%;
	line-height: 150%;
}

.CopyrightCss {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top:  10px;
	
}

td.LoginCell {
	background-color: #FFFFFF;
	font-size: 100%;
}

td.LogoLinks {
	background-color: #FFFFFF;
	padding-top:  10px;
	font-size: 80%;
}

/*==============================================
	Top Icon 
================================================*/

/*=== Start of the logo animation ===*/

div.familytitle {
	position: relative;
	left: 0px;
	top: 60px;
	clear: right;
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 90%;
}

div.logo {
	float: right;
	position: relative;
	background-color: transparent;
	top: -14px;
	right: 0px;
	width: 54px;
	padding: 0px;
	margin: 0px;
	border: none;
}

/* the hack for IE pre IE6 */
* html #imap a#title {
  width:54px;
  w\idth:54px;
  }

#imap {
  display:block;
  width:54px;
  height:54px;
  background: transparent url(AllSquares.jpg) no-repeat;
  position:relative;
  margin: 0px;
  padding: 0px;
  }
  
/* set up the definition list <dt><a> to hold the background image for the hover state */  

#imap a#title {
  display:block;
  width:54px;
  height:0;
  padding-top:100px;
  overflow:hidden;
  position:relative;
  left:0;
  top:0;
  background:transparent;
  cursor:pointer;
  }

/* the hack for IE pre IE6 */ 
* html #imap a#title {
  height:54px;
  he\ight:0;
  }
 
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #topleftpic {
  left:1px;
  top:1px;
  }
#imap #toprightpic {
  left:28px;
  top:1px;
  }
#imap #bottomleftpic {
  left:1px;
  top:28px;
  }
#imap #bottomrightpic {
  left:28px;
  top:28px;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#topleft, #imap a#bottomright {
  display:block;
  width:25px;
  height:25px;
  background:transparent url(Green_Hover.jpg) -25px -25px no-repeat;
  text-decoration:none;
  }
  
#imap a#topright, #imap a#bottomleft {
  display:block;
  width:25px;
  height:25px;
  background:transparent url(Yellow_Hover.jpg) -25px -25px no-repeat;
  text-decoration:none;
  }

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
  
/* move the link background image to position 0 0 when hovered */
#imap a#topright:hover, #imap a#topleft:hover, #imap a#bottomright:hover, #imap a#bottomleft:hover {
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;
  display: block;
  z-index:100;
  float: left;
  left: 0px;
  top: 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  background-color: #fff;
  color:#666666;
  width: 150px;
  margin: 0;
  padding: 0;
  border: none;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#topleft:hover span {
  left:-97px; 
  top:59px;
  }
#imap a#topright:hover span {
  left:-124px;
  top:59px;
  }
#imap a#bottomleft:hover span {
  left:-97px; 
  top:32px;
  }
#imap a#bottomright:hover span {
  left:-124px; 
  top:32px;
  }  

/* add the style for the link span text - first line */
#imap a span#tool_title1:first-line {
  font-weight:normal;
  color: #459DBA;
  font-size: 90%;
  font-variant: small-caps;
  background-color: transparent;
  }  

  #imap a span#tool_title2:first-line {
  font-weight:normal;
  color: #459DBA;
  font-size: 90%;
  font-variant: small-caps;
  background-color: transparent;
  }  

  #imap a span#tool_title3:first-line {
  font-weight:normal;
  color: #459DBA;
  font-size: 90%;
  font-variant: small-caps;
  background-color: transparent;
  }  

  #imap a span#tool_title4:first-line {
  font-weight:normal;
  color: #459DBA;
  font-size: 90%;
  font-variant: small-caps;
  background-color: transparent;
  }  

  /*==============================================
	Content Styling
================================================*/

/* ===== Benefits Table ===== */

td.impaqttablehead {
font-weight: bold;
color: white;
text-align: center;
background-color: #8ec47f;
padding: 4px;
font-size: 120%;
}

td.impaqttable {
	padding: 4px;
	vertical-align: top;
	border: solid 1px #8ec47f;
	font-size: 110%;
}