.rightEdge { 
	position:relative;
	z-index:1;
	float:right;
}
	
.title { /*used to be called titleHolder*/
	position:absolute;
	top:-10px;
	left:10px;
	font-size:10px;
	/*border:2px solid white;*/
	border-top:0px;
	border-bottom:0px;
	background-color:white;
	border:1px solid black;
	background-color:#ffcc33;
	padding:3px;
	margin:0px;
}

#textHolder { 
	position:relative;
	background-color:#EBEBEB;
	width:390px;
	height:338px;
	overflow:hidden;
	border:1px solid #B7B6B6;
	border-width:1px 0px 1px 1px;
}

#text { 
	position:absolute;
	width:860px;/*this was originally omitter. when omitted, moz didn't get correct width*/
	display:inline;
	right:0px;
	top:0px;
	margin:5px;
	padding:5px; 
}

#xTrack {
	position:absolute;
	bottom:0px;
	left:11px;
	width:367px;
	height:9px;
	background-color:white;
	border:1px solid #B7B6B6;
	border:1px 0px 0px 1px; 
}

#xBar {
	position:absolute;
	bottom:-1px;
	left:0px;
	width:9px;
	height:10px;
	background-color:#cccccc;
	font-size:1px;
	visibility:hidden;
	cursor:pointer;
	cursor:hand; 
}
#yTrack {
	position:absolute;
	top:21px;
	left:389px;
	width:9px;
	height:307px;
	background-color:white;
	border:1px solid #B7B6B6;
	border:0px 1px 0px 1px;
	z-index:2; 
}

#yBar { 
	position:absolute;
	top:0px;
	width:9px;
	height:10px;
	background-color:#cccccc;
	font-size:1px;
	visibility:hidden;
	cursor:pointer;
	cursor:hand; 
}

#textHolder2 { 
	position:relative;
	background-color:#EBEBEB;
	width:290px;
	height:338px;
	overflow:hidden;
	border:1px solid #B7B6B6;
	border-width:1px 0px 1px 1px;
}

#text2 { 
	position:absolute;
	width:860px;/*this was originally omitter. when omitted, moz didn't get correct width*/
	display:inline;
	right:0px;
	top:0px;
	margin:5px;
	padding:5px; 
}
#xTrack2 {
	position:absolute;
	bottom:0px;
	left:11px;
	width:267px;
	height:9px;
	background-color:white;
	border:1px solid #B7B6B6;
	border:1px 0px 0px 1px; 
}

#xBar2 {
	position:absolute;
	bottom:-1px;
	left:0px;
	width:9px;
	height:10px;
	background-color:#cccccc;
	font-size:1px;
	visibility:hidden;
	cursor:pointer;
	cursor:hand; 
}
#yTrack2 {
	position:absolute;
	top:21px;
	left:289px;
	width:9px;
	height:307px;
	background-color:white;
	border:1px solid #B7B6B6;
	border:0px 1px 0px 1px;
	z-index:2; 
}

#yBar2 { 
	position:absolute;
	top:0px;
	width:9px;
	height:10px;
	background-color:#cccccc;
	font-size:1px;
	visibility:hidden;
	cursor:pointer;
	cursor:hand; 
}

.upArrow { 
	float:right;
	position:absolute;
	top:11px;
	right:1px;
	z-index:3;
	cursor:pointer;
	cursor:hand;
}

.downArrow {
	float:right;
	position:absolute;
	bottom:0px;
	right:1px;
	z-index:3;
	cursor:pointer;
	cursor:hand; 
}

.leftArrow {
	float:left;
	position:absolute;
	bottom:0px;
	left:1px; 
	cursor:pointer;
	cursor:hand; 
}

.rightArrow { 
	float:right;
	position:absolute;
	bottom:0px;
	right:10px;
	cursor:pointer;
	cursor:hand; 
}

.yBarOn {
		background-color:#ffcc33;
}
.yBarOff {
		background-color:#cccccc;
}

.xBarOn {
		background-color:#ffcc33;
}
.xBarOff {
		background-color:#cccccc;
}

.yBar2On {
		background-color:#ffcc33;
}
.yBar2Off {
		background-color:#cccccc;
}

.xBar2On {
		background-color:#ffcc33;
}
.xBar2Off {
		background-color:#cccccc;
}