#flashmedia {visibility:hidden;}

body{ font-size:100%; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; color:#3f3f3f; background-color:#FFFFFF; }
#boxes{ background-color:#FFF; width:974px; height:110px; position:relative; border-top:1px solid #daeff2; padding-top:10px; margin:auto; }
#boxes .box{ width:195px; height:100px; float:left; background-image:url(/HP3Image/Home/dot.gif); background-position: top right; background-repeat:repeat-y;   }

#boxes div h4{margin:0 0 0 0; padding:0 0 0 0; color:#0065a4; font-size:105%; font-weight:bold; padding-left:0px; padding-right:20px;}
#boxes h4 sup{font-size: 70%;}
#boxes div strong{ margin:0 0 0 0; padding:0 0 0 0; color: #54b7c6; font-size:80%; padding-left:0px; padding-right:20px;}
#boxes div p{margin:0 0 0 0; padding:0 0 0 0; font-size:60%; color:#777; padding:5px 20px 0 0px;}

#boxes .box.num0{}
#boxes .box.num1 h4, #boxes .box.num1 div strong, #boxes .box.num1 div p{padding-left:10px;}
#boxes .box.num2 h4, #boxes .box.num2 div strong, #boxes .box.num2 div p{padding-left:10px;}
#boxes .box.num3 h4, #boxes .box.num3 div strong, #boxes .box.num3 div p{padding-left:10px;}
#boxes .box.num4{  width:194px; background:none;}
#boxes .box.num4 h4, #boxes .box.num4 div strong, #boxes .box.num4 div p{padding-left:10px;}
#boxes .box div {display:none;}
#boxes .box .display{display:inline;}

#boxes img.plus{ background-color:#000066; position:absolute; bottom:0px;}
#boxes img.plus.p0 {left:183px; }
#boxes img.plus.p1 {left:378px;}
#boxes img.plus.p2 {left:573px;}
#boxes img.plus.p3 {left:768px;}
#boxes img.plus.p4 {left:963px;}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowUp:hover {
	}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	
	height: 9px;
}
a.jScrollArrowDown:hover {
	
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}

 .jScrollPaneTrack {
	background: url(/HP3Image/Home/osx_track_new.gif) repeat-y;
}
 .jScrollPaneDrag {
	background: url(/HP3Image/Home/osx_drag_middle_new.gif) repeat-y;
}
 .jScrollPaneDragTop {
	background: url(/HP3Image/Home/osx_drag_top_new.gif) no-repeat;
	height: 6px;
}
 .jScrollPaneDragBottom {
	background: url(/HP3Image/Home/osx_drag_bottom_new.gif) no-repeat;
	height: 7px;
}
 a.jScrollArrowUp {
	height: 24px;
	background: url(/HP3Image/Home/osx_arrow_up_new.gif) no-repeat 0 -30px;
}
 a.jScrollArrowUp:hover {
	background-position: 0 0;
}
 a.jScrollArrowDown {
	height: 24px;
	background: url(/HP3Image/Home/osx_arrow_down_new.gif) no-repeat 0 -30px;
}
 a.jScrollArrowDown:hover {
	background-position: 0 0;
}
	

/* IE SPECIFIC HACKED STYLES */
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

#mainPane{ position:absolute;  bottom:12px; left:0; display:none; WIDTH: 193px; HEIGHT: 200px; background-color: #fff; border:1px solid #54b7c6}
.scroll-pane { OVERFLOW: auto; WIDTH: 183px;  HEIGHT: 200px; padding:0 5px 0 5px;}

*+html .scroll-pane {
  WIDTH: 198px;
   
} 


#boxes #mainPane h4{padding-left:5px; padding-right:20px;}
#boxes #mainPane strong{padding-left:5px; padding-right:20px;}
#boxes #mainPane p{padding:5px 20px 5px 5px !important; padding:5px 5px 5px 5px;}




#tooltipG {
	position: absolute;
	z-index: 3000;
	border: none;
	color: #fff;
	font-size:70%;
	background-image: url(/HP3Image/Home/tooltip_left.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding: 2px 0 2px 10px;
	
}
#tooltipG .body_start{ background-image: url(/HP3Image/Home/tooltip_middle.gif); padding:4px 0 2px 0; display:inline; background-position:bottom left; background-repeat:repeat-x; margin:0 0 0 0; border:none; }

#tooltipG .body_end{ background-image: url(/HP3Image/Home/tooltip_right.gif); padding:2px 7px 2px 0; display:inline; background-position:bottom right; background-repeat:no-repeat; margin:0 0 0 0; }