@charset "utf-8"; /* CSS Document */ /* set up the font to be used for the page */ body {font-family: verdana; arial, sans-serif;} /* ***************************** EOB DETAILS CSS MAP ****************************** */ /* set the size of the definition list
and add the background image */ #details-map {display:block; width:825px; height:313px; background:url(../images/help_eob_details.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #details-map a#title {display:block; width:825px; height:0; padding-top:143px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/) no-repeat 825px 313px; cursor: hand;} /* the hack for IE pre IE6 */ * html #details-map a#title {height:240px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #details-map a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #details-map dd {position:absolute; padding:0; margin:0;} #details-map #detail-1 {left:74px; top:18px; z-index:20;} #details-map #detail-2 {left:196px; top:18px; z-index:20;} #details-map #detail-3 {left:333px; top:18px; z-index:20;} #details-map #detail-4 {left:380px; top:18px; z-index:20;} #details-map #detail-5 {left:422px; top:18px; z-index:20;} #details-map #detail-6 {left:469px; top:18px; z-index:20;} #details-map #detail-7 {left:509px; top:18px; z-index:20;} #details-map #detail-8 {left:551px; top:18px; z-index:20;} #details-map #detail-9 {left:594px; top:18px; z-index:20;} #details-map #detail-10 {left:629px; top:18px; z-index:20;} #details-map #detail-11 {left:674px; top:18px; z-index:20;} #details-map #detail-12 {left:713px; top:18px; z-index:20;} #details-map #detail-13 {left:757px; top:18px; z-index:20;} #details-map #detail-14 {left:805px; top:18px; z-index:20;} /* style the
links physical size and the background image for the hover */ #details-map a#detail_01, #details-map a#detail_02, #details-map a#detail_03, #details-map a#detail_04, #details-map a#detail_05, #details-map a#detail_06, #details-map a#detail_07, #details-map a#detail_08, #details-map a#detail_09, #details-map a#detail_10, #details-map a#detail_11, #details-map a#detail_12, #details-map a#detail_13 { display:block; width:20px; height:20px; background:transparent url(../images/help_eob_hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } /* style the
link for detail 14 because it's located on the end and hover state doesn't match bkgrnd, and thus needs a different image (help_eob_hover-whi.gif) with a whi bkgrnd */ #details-map a#detail_14 { display:block; width:85px; height:85px; background:transparent url(../images/help_eob_hover-whi.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; cursor: hand; } /* style the span text so that it is not initially displayed */ #details-map a span, #details-map a:visited span { display:none; } /* move the link background image to position 0 0 when hovered */ #details-map a#detail_01:hover, #details-map a#detail_02:hover, #details-map a#detail_03:hover, #details-map a#detail_04:hover, #details-map a#detail_05:hover, #details-map a#detail_06:hover, #details-map a#detail_07:hover, #details-map a#detail_08:hover, #details-map a#detail_09:hover, #details-map a#detail_10:hover, #details-map a#detail_11:hover, #details-map a#detail_12:hover, #details-map a#detail_13:hover, #details-map a#detail_14:hover { background-position:0 0; } /* define the common styling for the span text */ #details-map a:hover span { position:absolute; width:388px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; padding:5px; } /* the hack for IE pre IE6 */ * html #details-map a:hover span { width:343px; w\idth:343px; } /* TEXT LOCATION FOR HOVER - moveS the span TEXT to a common position at the bottom */ #details-map a#detail_01:hover span {left:-36px; top:50px;} #details-map a#detail_02:hover span {left:-113px; top:50px;} #details-map a#detail_03:hover span {left:-192px; top:50px;} #details-map a#detail_04:hover span {left:-262px; top:50px;} #details-map a#detail_05:hover span {left:-36px; top:50px;} #details-map a#detail_06:hover span {left:-113px; top:50px;} #details-map a#detail_07:hover span {left:-192px; top:50px;} #details-map a#detail_08:hover span {left:-262px; top:50px;} #details-map a#detail_09:hover span {left:-236px; top:50px;} #details-map a#detail_10:hover span {left:-236px; top:50px;} #details-map a#detail_11:hover span {left:-236px; top:50px;} #details-map a#detail_12:hover span {left:-236px; top:50px;} #details-map a#detail_13:hover span {left:-336px; top:50px;} #details-map a#detail_14:hover span {left:-336px; top:15px;} /* add the style for the link span text - first line */ #details-map a span:first-line {font-weight:bold; font-style:italic;} /* ***************************** EOB MEMBER INFO CSS MAP ****************************** */ /* set the size of the definition list
and add the background image */ #member-map {display:block; width:349px; height:131px; background:url(../images/help_eob_member.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #member-map a#title {display:block; width:349px; height:0; padding-top:143px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/) no-repeat 349px 131px; cursor: hand;} /* the hack for IE pre IE6 */ * html #member-map a#title {height:200px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #member-map a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #member-map dd {position:absolute; padding:0; margin:0;} /* HOVER POSITION FOR MOUSE OVER IMAGE */ #member-map #member-1 {left:7px; top:1px; z-index:20;} /* style the
links physical size and the background image for the hover */ #member-map a#member_01 { display:block; width:24px; height:26px; background:transparent url(../images/help_eob_hover-big.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } /* style the span text so that it is not initially displayed */ #member-map a span, #member-map a:visited span { display:none; } /* move the link background image to position 0 0 when hovered */ #member-map a#member_01:hover { background-position:0 0; } /* define the common styling for the span text */ #member-map a:hover span { position:absolute; width:400px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; padding:5px; } /* the hack for IE pre IE6 */ * html #member-map a:hover span { width:400px; w\idth:400px; } /* TEXT LOCATION FOR HOVER - moveS the span TEXT to a common position at the bottom */ #member-map a#member_01:hover span {left:-420px; top:-10px;} /* add the style for the link span text - first line */ #member-map a span:first-line {font-weight:bold; font-style:italic;} /* ***************************** EOB OVERVIEW MAP ****************************** */ /* set the size of the definition list
and add the background image */ #overview-map {display:block; width:333px; height:265px; background:url(../images/help_eob_overview.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #overview-map a#title {display:block; width:333px; height:0; padding-top:143px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/) no-repeat 333px 265px; cursor: hand;} /* the hack for IE pre IE6 */ * html #overview-map a#title {height:240px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #overview-map a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #overview-map dd {position:absolute; padding:0; margin:0;} /* HOVER POSITION FOR MOUSE OVER IMAGE */ #overview-map #overview-1 {left:1px; top:3px; z-index:20;} /* style the
links physical size and the background image for the hover */ #overview-map a#overview_01 { display:block; width:24px; height:26px; background:transparent url(../images/help_eob_hover-big.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } /* style the span text so that it is not initially displayed */ #overview-map a span, #overview-map a:visited span { display:none; } /* move the link background image to position 0 0 when hovered */ #overview-map a#overview_01:hover { background-position:0 0; } /* define the common styling for the span text */ #overview-map a:hover span { position:absolute; width:333px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; padding:5px; } /* the hack for IE pre IE6 */ * html #overview-map a:hover span { width:333px; w\idth:333px; } /* TEXT LOCATION FOR HOVER - moveS the span TEXT to a common position at thvae bottom */ #overview-map a#overview_01:hover span {left:10px; top:-90px;} /* add the style for the link span text - first line */ #overview-map a span:first-line {font-weight:bold; font-style:italic;} /* ***************************** EOB STATUS MAP ****************************** */ /* set the size of the definition list
and add the background image */ #status-map {display:block; width:489px; height:178px; background:url(../images/help_eob_status.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #status-map a#title {display:block; width:489px; height:0; padding-top:143px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/) no-repeat 489px 178px; cursor: hand;} /* the hack for IE pre IE6 */ * html #status-map a#title {height:240px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #status-map a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #status-map dd {position:absolute; padding:0; margin:0;} /* HOVER POSITION FOR MOUSE OVER IMAGE */ #status-map #status-1 {left:-1px; top:-1px; z-index:20;} /* style the
links physical size and the background image for the hover */ #status-map a#status_01 { display:block; width:24px; height:26px; background:transparent url(../images/help_eob_hover-big.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } /* style the span text so that it is not initially displayed */ #status-map a span, #status-map a:visited span { display:none; } /* move the link background image to position 0 0 when hovered */ #status-map a#status_01:hover { background-position:0 0; } /* define the common styling for the span text */ #status-map a:hover span { position:absolute; width:420px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; padding:5px; } /* the hack for IE pre IE6 */ * html #status-map a:hover span { width:420px; w\idth:420px; } /* TEXT LOCATION FOR HOVER - moveS the span TEXT to a common position at the bottom */ #status-map a#status_01:hover span {left:36px; top:150px;} /* add the style for the link span text - first line */ #status-map a span:first-line {font-weight:bold; font-style:italic;} /* ***************************** EOB SUMMARY MAP ****************************** */ /* set the size of the definition list
and add the background image */ #summary-map {display:block; width:343px; height:130px; background:url(../images/help_eob_summary.gif) no-repeat; position:relative;} /* set up the definition list
to hold the background image for the hover state */ #summary-map a#title { display:block; width:343px; height:0; padding-top:143px; overflow:hidden; position:absolute; left:1px; top:4px; background:transparent url(../images/) no-repeat 343px 130px; cursor: hand; } /* the hack for IE pre IE6 */ * html #summary-map a#title {height:240px; he\ight:0;} /* the
hover style to move the background image to position 0 0*/ #summary-map a#title:hover {background-position: 0 0; z-index:10;} /* place the
s in the correct absolute position */ #summary-map dd {position:absolute; padding:0; margin:0;} #summary-map #summary-1 {left:-1px; top:-1px; z-index:20;} /* style the
links physical size and the background image for the hover */ #summary-map a#summary_01 { display:block; width:24px; height:26px; background:transparent url(../images/help_eob_hover-big.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } /* style the span text so that it is not initially displayed */ #summary-map a span, #summary-map a:visited span { display:none; } /* move the link background image to position 0 0 when hovered */ #summary-map a#summary_01:hover { background-position:0 0; } /* define the common styling for the span text */ #summary-map a:hover span { position:absolute; width:343px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #ccc; padding:5px; } /* the hack for IE pre IE6 */ * html #summary-map a:hover span { width:343px; w\idth:343px; } /* TEXT LOCATION FOR HOVER - moveS the span TEXT to a common position at the bottom */ #summary-map a#summary_01:hover span {left:36px; top:-80px;} /* add the style for the link span text - first line */ #summary-map a span:first-line {font-weight:bold; font-style:italic;}