body {
	background: #889A61;
	font-family: Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	min-width: 845px;
	}
/* wrapper
----------------------------------------------- */
div#wrapper {
	width: 100%;
	margin:0;
	padding:0;
	background: #889A61 url(/images/tutorial/main-bg.gif) repeat-y center;
	}
/* header
----------------------------------------------- */
div#header {
	position: relative;
	width:748px;
	height: 107px;
	margin:10px auto 0 auto;
	padding:0;
	xbackground: transparent url(/images/tutorial/hop-logo.gif) no-repeat top left;
	}
div#header img {
	border:0;
	margin:0;
	padding:0;
	}
div#header h1 {
	margin:0;
	padding:0;
	color: #8D8D8D;
	display: block;	
	position: absolute;
	top:27px;
	left: 150px;
	width: 607px;
	height: 30px;
	border-bottom: 2px solid #B9BBBD;
	background: transparent url(/images/tutorial/web-site-tour.png) no-repeat top left;
	}
div#header h1 span {
	display:none;
	}
div#header h2 {
	color: #C8541B;
	display: block;	
	position: absolute;
	left: 150px;
	top:62px;
	margin:0;
	padding:0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	width: 510px;
	}
ol#top-next {
	position: absolute;
	top:63px;
	right:40px;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 50px;
	height: 18px;
	}
ol#top-next li {
	display:inline;
	line-height: 100%
	}
ol#top-next li a {
display:block;
	height: 29px;
	width: 101px;
	color: #fff;
	text-decoration:none;
	background: transparent url(/images/tutorial/button-next.gif) no-repeat top left;
	text-transform: uppercase;
	padding: 8px 5px 0 0;
	margin:0;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1em;
	font-weight:bold;
	}
ol#top-next li a:hover, ol#top-next li a:active {
	color:#FFE2AF;	
	}

/* content-wrapper
----------------------------------------------- */
div#content-wrapper {
	background: transparent url(/images/tutorial/top-bg.gif) no-repeat top left;
	width: 842px;
	margin:0 auto;
	padding:20px 0 0 0;
	position: relative;
	}

/* content
----------------------------------------------- */
div#content {
	width: 330px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 485px;
	min-height: 440px;
	xposition: relative;
	line-height: 1.5;
	}
body#step1 div#content {
	background: transparent url(/images/tutorial/screen_02a.jpg) no-repeat 40px top;	
	}
body#step2 div#content { /* step 2 has no bg image*/
	background: transparent;	
	margin:0 0 0 0;
	padding:50px 50px 0 50px;
	width: 750px;
	min-height: 350px;
	}
body#step3 div#content {
	background: transparent url(/images/tutorial/screen_02a.jpg) no-repeat 40px top;	
	}
body#step4 div#content {
	background: transparent url(/images/tutorial/screen_04.jpg) no-repeat 40px top;	
	}
body#step4a div#content {
	background: transparent url(/images/tutorial/screen_05.jpg) no-repeat 40px top;	
	}
body#step4b div#content {
	background: transparent url(/images/tutorial/screen_06.jpg) no-repeat 40px top;	
	}
body#step4c div#content {
	background: transparent url(/images/tutorial/screen_07.jpg) no-repeat 40px top;	
	}
body#step4d div#content {
	background: transparent url(/images/tutorial/screen_08.jpg) no-repeat 40px top;	
	}
body#step5 div#content {
	background: transparent url(/images/tutorial/screen_09.jpg) no-repeat 40px top;	
	}
body#step5a div#content {
	background: transparent url(/images/tutorial/screen_10.jpg) no-repeat 40px top;	
	}
body#step5b div#content {
	background: transparent url(/images/tutorial/screen_11b.jpg) no-repeat 40px top;	
	}
body#step5c div#content {
	background: transparent url(/images/tutorial/screen_12a.jpg) no-repeat 40px top;	
	}
body#step6 div#content {
	background: transparent url(/images/tutorial/screen_13.jpg) no-repeat 40px top;	
	}
body#step6a div#content {
	background: transparent url(/images/tutorial/screen_14.jpg) no-repeat 40px top;	
	}
body#step6b div#content {
	background: transparent url(/images/tutorial/screen_15.jpg) no-repeat 40px top;	
	}
body#step7 div#content {
	background: transparent url(/images/tutorial/screen_16a.jpg) no-repeat 40px top;	
	}
body#step8 div#content {
	background: transparent url(/images/tutorial/screen_17.jpg) no-repeat 40px top;	
	}
body#step8a div#content {
	background: transparent url(/images/tutorial/screen_18.jpg) no-repeat 40px top;	
	}
div#content h3 {
	color: #015496;
	margin:0;
	padding:0 0 .1em 0 ;
	}
/* welcome
----------------------------------------------- */	
p.welcome {
	margin: 0 0 0 -27px;
	padding: 0 0 1em 45px;
	background: transparent url(/images/tutorial/red-line-trans.png) no-repeat -0 5px;
	}

/* highlight box 
----------------------------------------------- */
div.highlight-box {
	background: #E2F3BD url(/images/tutorial/highlight-box-top.gif) no-repeat top left;
	margin:0;
	padding:10px 0 0 0;
	width: 318px;
	}
div.highlight-box div {
	background: #E2F3BD url(/images/tutorial/highlight-box-bottom.gif) no-repeat bottom left;
	margin:0;
	padding:0 0 10px 0;
	width: 318px;
	}
div.highlight-box p {
	padding-left: 15px;
	padding-right: 15px;
	}
div.highlight-box ol {
	padding: auto 10px;
	}
div.highlight-box ol li {
	margin: 1em auto 1em auto;
	padding:0;
	}

/* progress (this section is not links; just for display)
----------------------------------------------- */
div#progression {
	position: relative;
	margin: 5px auto;
	padding: 5px 0;
	height: 50px;
	width: 775px;
	
	}
ol#progress {
	list-style-type:none;
	margin:0 auto;
	padding:0;
	height: 40px;
	width: 185px;
	display: block;
	font-size: 13px
	}
ol#progress li {
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	display:block;
	float: left;
	margin: 1px;
	padding: 0 0 9px 0;
	text-align:center;
	}
ol#progress li span {
	border: 2px solid #A1B8D0;
	background: #6A89AB;
	color: #fff;
	margin:0;
	padding:2px 5px 2px 5px;
	text-align: center;
	display:block;
	float: left;
	}
/* the on state */
ol#progress li.on span {
	border: 2px solid #D73E41;
	background: #D66C38;
	}
/* the visited state */
ol#progress li.visited span {
	border: 2px solid #ccc;
	background: #999;
	}
/*  sublevels  */
ol#progress li ol{
	margin:0;
	padding:0;
	display:inline;
	}
ol#progress li ol li {
	margin:0;
	padding:0  0 0 2px;
	display:inline;
	}
ol#progress li ol li span {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	border: 2px solid #A1B8D0 !important;
	background: #6A89AB !important;
	}
ol#progress li ol li.on span {
	border: 2px solid #D73E41 !important;
	background: #D66C38 !important;
	}
ol#progress li ol li.visited span {
	border: 2px solid #ccc !important;
	background: #999 !important;
	}
/* PROGRESS INDICATOR ARROW : step 1 */
body#step1 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 0 30px;
	}
/* PROGRESS INDICATOR ARROW : step 2 */
body#step2 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 22px 30px;
	}
/* PROGRESS INDICATOR ARROW : step 3 */
body#step3 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 45px 30px;
	}
/* PROGRESS INDICATOR ARROW : step 4 */
body#step4 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 68px 30px;
	width: 225px;
	}
/* PROGRESS INDICATOR ARROW : step 4a */
body#step4a ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 84px 30px;
width: 225px;
	}
/* PROGRESS INDICATOR ARROW : step 4b */
body#step4b ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 94px 30px;
width: 225px;
	}
/* PROGRESS INDICATOR ARROW : step 4c */
body#step4c ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 105px 30px;
width: 225px;
	}
/* PROGRESS INDICATOR ARROW : step 4d */
body#step4d ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 115px 30px;
width: 225px;
	}
/* PROGRESS INDICATOR ARROW : step 5 */
body#step5 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 90px 30px;
width: 215px;
	}
/* PROGRESS INDICATOR ARROW : step 5a */
body#step5a ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 108px 30px;
width: 215px;
	}
/* PROGRESS INDICATOR ARROW : step 5b */
body#step5b ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 117px 30px;
width: 215px;
	}
/* PROGRESS INDICATOR ARROW : step 5c */
body#step5c ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 128px 30px;
width: 215px;
	}
/* PROGRESS INDICATOR ARROW : step 6 */
body#step6 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 114px 30px;
width: 204px;
	}
/* PROGRESS INDICATOR ARROW : step 6a */
body#step6a ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 130px 30px;
width: 204px;
	}
/* PROGRESS INDICATOR ARROW : step 6b */
body#step6b ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 141px 30px;
width: 204px;
	}
/* PROGRESS INDICATOR ARROW : step 7 */
body#step7 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 137px 30px;
	}
/* PROGRESS INDICATOR ARROW : step 8 */
body#step8 ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 168px 30px;
width: 194px;
padding-right: 8px;
padding-left: 8px;
	}
/* PROGRESS INDICATOR ARROW : step 8a */
body#step8a ol#progress {
	background: transparent url(/images/tutorial/arrow.gif) no-repeat 186px 30px;
width: 194px;
padding-right: 8px;
padding-left: 8px;
	}
/* back / next buttons
----------------------------------------------- */
ol#back {
	position: absolute;
	top:6px;
	left: 0;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 50px;
	height: 18px;
	}
ol#back li, ol#next li {
	display:inline;
	line-height: 100%
	}
ol#next {
	position: absolute;
	top:6px;
	right:60px;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 50px;
	height: 18px;
	}
ol#next li a,
ol#back  li a {
	display:block;
	height: 29px;
	width: 101px;
	color: #fff;
	text-decoration:none;
	background: transparent url(/images/tutorial/button-next.gif) no-repeat top left;
	text-transform: uppercase;
	padding: 8px 5px 0 0;
	margin:0;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1em;
	font-weight:bold;
	}
ol#back li a {
background-image: url(/images/tutorial/button-back.gif);
	}
ol#next li a:link,
ol#next li a:visited,
ol#back li a:link,
ol#back li a:visited {
	color:#fff;
	}
ol#next li a:hover,
ol#next li a:active,
ol#back li a:hover,
ol#back li a:active {
	color:#FFE2AF;
	}

/* remove next / back buttons from step 1
----------------------------------------------- */
body#step1 ol#next,
body#step1 ol#back {
	display:none;
	}
/* exit tour
----------------------------------------------- */
p.exit {
	text-align: right;
	margin: 0;
	padding:5px 15px;
	border-top: 2px solid #B9BBBD;
	font-family: georgia, 'times new roman', times, serif;
	}
/* arrow quotes
----------------------------------------------- */
.arrow-quotes {
	font-size: 150%;
	line-height: .1em;
	margin:0;
	padding:0;
	}
/* site-info (footer)
----------------------------------------------- */
div#site-info {
	background: #889A61 url(/images/tutorial/bottom-bg.gif) no-repeat top center;
	width: 842px;
	margin:0 auto;
	padding: 35px 0 10px 0;
	text-align:center;
	min-height: 60px;
	color: #333;
	}	
div#site-info p {
	margin:0;
	padding:0;
	}
div#site-info p.createdby {
	color: #666;
	padding-top: 1.15em;
	}
div#site-info p.createdby a:link,
div#site-info p.createdby a:visited {
	color: #666;
	text-decoration:underline;
	}
div#site-info p.createdby a:hover,
div#site-info p.createdby a:active {
	color: #efefef;
	text-decoration:underline;
	}



/* text sizer
----------------------------------------------- */
div#textSizer {
	width: 103px;
	height:59px;
	position: absolute;
	top:-5px;
	right:-12px;
	margin:0;
	padding:0;
	background: transparent url(/images/sizerbg.gif) no-repeat 0px 18px;
	text-align:center;
	z-index: 800;
	}
* html div#textSizer {
	margin:10px 0 0 0;
	}
div#textSizer p {
	margin:3px 0px;
	padding: 0px;
	font-family: arial, helvetica,sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#808080;
	background:none;
	letter-spacing:0px;
	}
div#textSizer ul {
	display:block;
	width: 99px;
	height:39px;
	list-style-type:none;
	text-align:left;
	margin:0 10px;
	padding:0;
	}
div#textSizer ul li  {
	display:inline;
	margin:0;
	padding:10px 0;
	height: 45px;
	}
div#textSizer ul li a#small {
	display:block;
	padding:11px 2px 0 0;
	margin:0;
	float: left;
	width:19px;
	height: 21px;
	background: transparent	url(/images/sizerSm.gif) no-repeat bottom left;
	}
/* div#textSizer ul li a#small:hover {
	background: transparent	url(/images/sizerSmOn.gif) no-repeat top left;
	} */
div#textSizer ul li a#medium {
	display:block;
	margin:6px 2px 0 0;
	padding:0 2px 0 0;
	float: left;
	width:25px;
	height: 27px;
	background: transparent	url(/images/sizerMed.gif) no-repeat bottom left;
	}
/* div#textSizer ul li a#medium:hover {
	background: transparent	url(/images/sizerMedOn.gif) no-repeat top left;
	} */
div#textSizer ul li a#large {
	display:block;
	margin:1px 0 0 0;
	padding:0;
	float: left;
	width:31px;
	height: 33px;
	background: transparent	url(/images/sizerLg.gif) no-repeat bottom left;
	}
/* div#textSizer ul li a#large:hover {
	background: transparent	url(/images/sizerLgOn.gif) no-repeat top left;
	} */
div#textSizer ul li a span {
	display:none;
	}
/* button
------------------------------------------ */
div#content p.button {
	width: 100%;
	height: 31px;
	padding: 0;
	margin:0;
}
div#content p.button a {
	clear:both;
	display:block;
	font-weight:bold;
	text-align: center;
	width: 141px;
	height: 31px;
	background: transparent url(/images/tutorial/button-bg.png) no-repeat top right;
	margin:0 15px 0 0;
	padding:6px 0px;
	color: #fff;
	text-decoration: none;
	float: right;
	}
div#content p.button a:hover {
	color:#FFE2AF;
	}
/* clearing
----------------------------------------------- */
.clearing { clear:both; width:100%; height: 1px; margin:0; padding:0; font-size: 1px; border: 0px solid red;}


/* list of for legend list
----------------------------------------------- */
ol.legend {
	margin:0;
	padding:5px 0 0 0;
	position: relative;
	line-height: 1.2;
	}
ol.legend li p {
	margin:0;
	padding:0 0 .3em 0;
	}
ol.legend li ul {
	margin:0;
	padding:0 0 0 1em;
	list-style-type: circle;
	}
ol.legend li ul li {
	list-style-type: circle;
	margin:0;
	padding:0 0 .4em 0;
	}
ol.legend li {
	margin:0;
	padding: 5px 10px 15px 25px;
	list-style-type:none;
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	}
ol.legend li:hover { background-color: #FDEDBE !important;}
ol.legend li.on { background-color: #FDEDBE !important;}

ol.legend li#legend-1 {
	background-image: url(/images/tutorial/sm_caption_001.gif);
	}
ol.legend li#legend-2 {
	background-image: url(/images/tutorial/sm_caption_002.gif);
	}
ol.legend li#legend-3 {
	background-image: url(/images/tutorial/sm_caption_003.gif);
	}
ol.legend li#legend-4 {
	background-image: url(/images/tutorial/sm_caption_004.gif);
	}
ol.legend li#legend-5 {
	background-image: url(/images/tutorial/sm_caption_005.gif);
	}
ol.legend li#legend-6 {
	background-image: url(/images/tutorial/sm_caption_006.gif);
	}
ol.legend li#legend-7 {
	background-image: url(/images/tutorial/sm_caption_007.gif);
	}
ol.legend li#legend-8 {
	background-image:url(/images/tutorial/sm_caption_008.gif);
	}
ol.legend li#legend-9 {
	background-image: url(/images/tutorial/sm_caption_009.gif);
	}
ol.legend li#legend-10 {
	background-image: url(/images/tutorial/sm_caption_010.gif);
	}
/* balloon list items for screen shots
----------------------------------------------- */

ol#map { margin:0;padding:0;list-style-type:none;}

ol#map li {
	height: 46px;
	width: 52px;
	margin:0;
	padding:0;
	position: absolute;
	top: 150px;
	left: 150px;
	z-index: 901;
	}
ol#map li a:link, ol#map li a:visited {
	color: #AD4613;
	cursor: default;
	font-family: georgia, 'times new roman', times, serif;
	font-size: 1.5em;
	display:block;
	height: 46px;
	margin: 0;
	padding:0;
	padding-top: 3px;
	text-align: center;
	text-decoration:none;
	width: 52px;
	}
ol#map li a:hover,
ol#map li a:active,
ol#map li a.on {
	font-weight:bold;	
	}
/* RIGHT POINTING BALLOONS */
ol#map li.right a:link, 
ol#map li.right a:visited {
	background: transparent url(/images/tutorial/balloon-r-trans.png) no-repeat top left; 
	}
ol#map li.right a:hover, 
ol#map li.right a:active, 
ol#map li.right a.on {
	background: transparent url(/images/tutorial/balloon-r-over-trans.png) no-repeat top left; 
	cursor: default;
	font-weight:bold;
	}
ol#map li.on {
	Xbackground-image: url(/images/tutorial/balloon-r-over-trans.png); 
	Xbackground: green;
	}

/* LEFT POINTING BALLOONS */
ol#map li.left a:link, 
ol#map li.left a:visited {
	background: transparent url(/images/tutorial/balloon-l-trans.png) no-repeat top left;
	}
ol#map li.left a:hover, 
ol#map li.left a:active,
ol#map li.left a.on {
	font-weight:bold;
	background: transparent url(/images/tutorial/balloon-l-over-trans.png) no-repeat top left;
	}
/* ol#map li.left a.on,
ol#map li.left a:link.on,
ol#map li.left a:visited.on,
ol#map li.left a:hover.on,
ol#map li.left a:active.on
	{
	background: transparent url(/images/tutorial/balloon-l-over-trans.png) no-repeat top left;
	}*/

/* TOP LEFT POINTING BALLOONS */
ol#map li.topleft a:link, 
ol#map li.topleft a:visited {
	background: transparent url(/images/tutorial/balloon-tl-trans.png) no-repeat top left;
	padding-top: 9px;
	}
ol#map li.topleft  a:hover, 
ol#map li.topleft  a:active,
ol#map li.topleft  a.on {
	font-weight:bold;
	background: transparent url(/images/tutorial/balloon-tl-over-trans.png) no-repeat top left;
	padding-top: 9px;
	}
/*ol#map li.topleft  a.on,
ol#map li.topleft  a:link.on,
ol#map li.topleft  a:visited.on,
ol#map li.topleft  a:hover.on,
ol#map li.topleft  a:active.on {
	background: transparent url(/images/tutorial/balloon-top-tl-over-trans.png) no-repeat top left;
	padding-top: 9px;
	}*/

/* TOP RIGHT POINTING BALLOONS */
ol#map li.topright a:link, 
ol#map li.topright a:visited  {
	background: transparent url(/images/tutorial/balloon-tr-trans.png) no-repeat top left;
	padding-top: 9px;
		}
ol#map li.topright a:hover, 
ol#map li.topright a:active,
ol#map li.topright a.on {
	font-weight:bold;
	background: transparent url(/images/tutorial/balloon-tr-over-trans.png) no-repeat top left;
	padding-top: 9px;
		}
/*ol#map li.topright a.on,
ol#map li.topright a:link.on,
ol#map li.topright a:visited.on,
ol#map li.topright a:hover.on,
ol#map li.topright a:active.on {
	background: transparent: url(/images/tutorial/balloon-tr-over-trans.png) no-repeat top left;
	padding-top: 9px;
	}*/


/* 
-----------------------------------------------
-----------------------------------------------
POSITIONING OF BALLOONS FOR EACH PAGE 
----------------------------------------------- */


/* BALLOONS step 2
----------------------------------------------- */
body#step2 ol#map li#map1  {
	position: absolute;
	top: 75px;
	left: 730px;
	z-index: 901;
	}
body#step2 ol#map li#map2  {
	position: absolute;
	top: 505px;
	left: 50px;
	z-index: 902;
	}
body#step2 ol#map li#map2a  {
	position: absolute;
	top: 505px;
	left: 720px;
	z-index: 902;
	}
body#step2 ol#map li#map3  {
	position: absolute;
	top: 505px;
	left: 345px;
	z-index: 903;
	}
body#step2 ol#map li#map4  {
	position: absolute;
	top: 575px;
	left: 680px;
	z-index: 904;
	}
body#step2 ol#map li#map4a  {
	position: absolute;
	top: 120px;
	left: 85px;
	z-index: 905;
	}
/* BALLOONS step 3
----------------------------------------------- */
body#step3 ol#map li#map1  {
	position: absolute;
	top: 170px;
	left: 280px;
	z-index: 901;
	}
body#step3 ol#map li#map2  {
	position: absolute;
	top: 235px;
	left: 130px;
	z-index: 902;
	}
body#step3 ol#map li#map3  {
	position: absolute;
	top: 260px;
	left: 390px;
	z-index: 903;
	}
body#step3 ol#map li#map4  {
	position: absolute;
	top: 315px;
	left: 130px;
	z-index: 904;
	}
body#step3 ol#map li#map5  {
	position: absolute;
	top: 385px;
	left: 55px;
	z-index: 905;
	}
body#step3 ol#map li#map6  {
	position: absolute;
	top: 345px;
	left: 260px;
	z-index: 906;
	}
body#step3 ol#map li#map7  {
	position: absolute;
	z-index: 907;
	top: 520px;
	left:175px;
	}
body#step3 ol#map li#map8  {
	position: absolute;
	z-index: 907;
	top: 150px;
	left: 220px;
	}
body#step3 ol#map li#map9 {
	position: absolute;
	z-index: 907;
	top: 450px;
	left: 210px;
	}
/* BALLOONS step 4 : find a drug page
----------------------------------------------- */
body#step4 ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top:273px;
	left:150px;
	}
body#step4 ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top:283px;
	left:273px;
	}
body#step4 ol#map li#map3 {
	position: absolute;
	z-index: 902;
	top:316px;
	left:132px;
	}

/* BALLOONS step 4a : find a drug - abridged formulary
----------------------------------------------- */
body#step4a ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 240px;
	left: 55px;
	}
body#step4a ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 460px;
	left: 185px;
	}
body#step4a ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 275px;
	}
body#step4a ol#map li#map3a {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 130px;
	}
body#step4a ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 240px;
	left: 120px;
	}
body#step4a ol#map li#map5 {
	position: absolute;
	z-index: 905;
	top: 145px;
	left: 30px;
	}
	
/* BALLOONS step 4b : Find a Drug: Comprehensive Forumulary
----------------------------------------------- */
body#step4b ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 240px;
	left: 55px;
	}
body#step4b ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 460px;
	left: 180px;
	}
body#step4b ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 275px;
	}
body#step4b ol#map li#map3a {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 130px;
	}
body#step4b ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 240px;
	left: 120px;
	}
body#step4b ol#map li#map5 {
	position: absolute;
	z-index: 905;
	top: 145px;
	left: 30px;
	}

/* BALLOONS step 4c : Find a Drug: About the Lookup Tool
----------------------------------------------- */
body#step4c ol#map li#map1 {
	position:absolute;
	z-index:901;
	top:287px;
	left:110px;
	}
body#step4c ol#map li#map2 {
	position:absolute;
	z-index:902;
	top:338px;
	left:132px;
	}
/* BALLOONS step 4d : Find a Drug: Lookup Tool Search Results
----------------------------------------------- */
body#step4d ol#map li#map1 {
	position:absolute;
	z-index:901;
	top:343px;
	left:33px;
	}
body#step4d ol#map li#map1a {
	position:absolute;
	z-index 901;
	top:419px;
	left:158px;
	}
body#step4d ol#map li#map2 {
	position:absolute;
	z-index:902;
	top:375px;
	left:315px;
	}
body#step4d ol#map li#map3 {
	position:absolute;
	z-index:903;
	top:410px;
	left:388px;
	}
body#step4d ol#map li#map4 {
	position:absolute;
	z-index:904;
	top:405px;
	left:100px;
	}
	
/* BALLOONS : step 5 - find a pharmacy page
----------------------------------------------- */
body#step5 ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 230px;
	left: 220px;
	}
body#step5 ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 320px;
	left: 300px;
	}
/* BALLOONS : step 5a - find a pharmacy the lookup tool
----------------------------------------------- */
body#step5a ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top:212px;
	left:180px;
	}
body#step5a ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top:259px;
	left:192px;
	}
body#step5a ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 335px;
	left: 180px;
	}
body#step5a ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top:359px;
	left:287px;
	}
body#step5a ol#map li#map5 {
	position: absolute;
	z-index: 905;
	top:361px;
	left:284px;
	}
	
/* BALLOONS : step 5b - find a pharmacy the lookup tool
----------------------------------------------- */
body#step5b ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 280px;
	left:276px;
	}
body#step5b ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top:441px;
	left:216px;
	}
body#step5b ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top:168px;
	left:418px;
	}
body#step5b ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top:476px;
	left:177px;
	}

/* BALLOONS : step 5c - find a pharmacy the lookup tool
----------------------------------------------- */
body#step5c ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 240px;
	left: 54px;
	}
body#step5c ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top:460px;
	left: 185px;	
	}
body#step5c ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 275px;
	}
body#step5c ol#map li#map3a {
	position: absolute;
	z-index: 903;
	top: 460px;
	left: 130px;
	}
body#step5c ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 300px;
	left: 30px;
	}
body#step5c ol#map li#map5 {
	position: absolute;
	z-index: 904;
	top: 150px;
	left: 35px;
	}
/* BALLOONS : step 6 - HOP Coverage and Premiums — Search
----------------------------------------------- */
body#step6 ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 270px;
	left: 335px;
	}
body#step6 ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 285px;
	left: 385px;	
	}
body#step6 ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 305px;
	left: 270px;	
	}
body#step6 ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 370px;
	left: 330px;
	}
/* BALLOONS : step 6a - HOP Coverage and Premiums — Search Results
----------------------------------------------- */
body#step6a ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 225px;
	left: 210px;
	}
body#step6a ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 225px;
	left: 310px;
	}
body#step6a ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 225px;
	left: 370px;	
	}
body#step6a ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 440px;
	left: 315px;
	}
body#step6a ol#map li#map5 {
	position: absolute;
	z-index: 904;
	top: 475px;
	left: 270px;
	}
/* BALLOONS : step 6b - HOP Coverage and Premiums — Search Results
----------------------------------------------- */
body#step6b ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 165px;
	left: 360px;
	}
body#step6b ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 260px;
	left: 430px;
	}
/* BALLOONS : step 7 - HOP Coverage and Premiums — Search Results
----------------------------------------------- */
body#step7 ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 335px;
	left: 130px;
	}
body#step7 ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top: 250px;
	left: 370px;
	}
body#step7 ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top: 140px;
	left: 420px;
	}
body#step7 ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 495px;
	left: 380px;
	}
/* BALLOONS : step 8 - forms
----------------------------------------------- */
body#step8 ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 255px;
	left: 330px;
	}
	
/* BALLOONS : step 8a - forms
----------------------------------------------- */	
body#step8a ol#map li#map1 {
	position: absolute;
	z-index: 901;
	top: 258px;
	left: 54px;
	}
body#step8a ol#map li#map2 {
	position: absolute;
	z-index: 902;
	top:485px;
	left: 175px;	
	}
body#step8a ol#map li#map3 {
	position: absolute;
	z-index: 903;
	top:315px;
	left: 420px;	
	}
body#step8a ol#map li#map4 {
	position: absolute;
	z-index: 904;
	top: 165px;
	left: 35px;
	}
body#step8a ol#map li#map5 {
	position: absolute;
	z-index: 904;
	top: 170px;
	left: 35px;
	}

/* glossary
----------------------------------------------- */
h3.glossary {
	margin:0;
	padding:.3em 0;
	position:absolute;
	top: 550px;
	left:45px;
	color: #003F71;
	font-weight:normal;
	font-family: georgia, 'times new roman', times, serif;
	cursor:pointer;
	font-size: 125%;
	}
h3.glossary a
	{
	text-decoration:underline;
	color: #003F71;
	}
h3.glossary a:hover
	{
	text-decoration:underline;
	color: #333;
	}
div#glossary {
	font-family: georgia, 'times new roman', times, serif;
	margin:0 50px;
	padding:0;
	width: 730px;
	background-color: #D2DDBA;
	}
div#glossary2 {
	background-color: #D2DDBA;
	font-family: georgia, 'times new roman', times, serif;
	margin:0 0;
	padding:5px 20px;
	}
	
div#glossary2 a,
div#glossary a {
	color: #003F71;
	cursor:pointer;
	}
div#glossary2 p.close {
	text-align: right;
	margin:0;
	padding: 1em 0 .2em 0;
	color: #003F71;
	}
div#glossary p.close {
	text-align: right;
	margin:0;
	padding: 1em 1em .2em 0;
	color: #003F71;
	}
div#glossary2 p.close a,
div#glossary p.close a {
	background: transparent url(/images/tutorial/glossary-close.gif) no-repeat center right;
	margin:0;
	padding: 2px 25px 2px 0;
	color: #003F71;
	}
div#glossary2 p.close a:hover,
div#glossary2 p.close a:hover {
	color: #333;
	}
.col1 {
	margin:0;
	padding:5px 10px;
	width: 345px;
	float: left;
	}
.col2 {
	margin:0;
	padding:5px 10px;
	width: 345px;
	float: right;
	}
	

/* this is only a test
----------------------------------------------- */
div.script-test {
background: #00cc33 url(/images/tutorial/balloon-trans.png) no-repeat top left; height: 300px;
	}
	
/* go to link: link back to PSERS site
----------------------------------------------- */
p.goto-link {
	font-family: verdana, arial, helvetica,sans-serif;
	margin:0;
	padding:0 0 .5em 0;
	color:#C8541B;
	}

p.goto-link a:link,
p.goto-link a:visited {
	color:#C8541B;	
	}
p.goto-link a:hover,
p.goto-link a:active {
	color:#999;	
	}