/* CSS Document */

/* positioning */
#scroller {
  position:absolute;
  left:0px;
  top:0px;
  width:347px;
  height:330px;
  clip:rect(0 347px 330px 0);
  overflow:hidden;
}

#Client #scroller {
	left: 0px;
	top: 0px;
	width: 230px;
	height: 330px;
  	clip:rect(0 230px 330px 0);
}

#Study #scroller {
  left:0px;
  top:0px;
  width:347px;
  height:216px;
  clip:rect(0 347px 216px 0);
}

#content {
	text-align: left;
}

#scroller #container {
  position:absolute;
  top:0px;
  left:0px;
  width:322px;
  height:330px;
  clip:rect(0 322px 330px 0);
  overflow:hidden;
}

#Client #scroller #container {
	height: 330px;
	width: 225px;
	clip:rect(0 225px 330px 0);
}

#Study #scroller #container {
	height: 216px;
	width: 322px;
	clip:rect(0 322px 216px 0);
}

#scroller #content {
  position:absolute;
  width:322px;
}

#Client #scroller #content {
	width: 225px;
}

#scroller #scrollbar {
  position:absolute;
  left:340px;
  top:0px;
  width:7px;
  height:330px;
  clip:rect(0 7px 330px 0);
  cursor: pointer;
}

#Client #scroller #scrollbar {
	left: 222px;
	height: 330px;
  	clip:rect(0 7px 330px 0);
}

#Study #scroller #scrollbar {
  height:216px;
  clip:rect(0 7px 216px 0);
  cursor: pointer;
}

#scroller #thumb {
  position:absolute;
  left:0;
  top:0;
  cursor: pointer;
  }
#scroller #marker {
  position:absolute;
  left:1px;
  top:0;
  width:1px;
  height:1px;
  clip:rect(0 1px 1px 0);
  background-color:#FFF;
  visibility:hidden;
  }
#scroller #scrollerMo5Shim {
  position:absolute;
  left:0;
  top:1px;
  width:1px;
  height:1px;
  }
#scroller #elevUp, #scroller #elevDn {
  position:absolute;
  left:0;
  top:0;
  width:7px;
  height:330px;
  clip:rect(0 7px 330px 0);
  background-image:url(../images/elevator1.gif);
}

#Client #scroller #elevUp, #Client #scroller #elevDn {
	height:330px;
	clip:rect(0 7px 330px 0);
}

#Study #scroller #elevUp, #Study #scroller #elevDn {
	height:216px;
	clip:rect(0 7px 216px 0);
}