/* CSS Document */

/*
Styles for scrolling layers
Specify width and height in hold and wn, and in clip for wn
*/

div#hold {
	position:relative;
	overflow: hidden;
	width: 470px;
	height: 340px;
  	z-index: 100;
	}

div#wn	{
	position: relative;
	float: left;
	left: 0px; 
	top: 0px;
	width: 460px; 
	height: 320px;
	clip: rect(0px, 460px, 340px, 0px);
	overflow: hidden;
	z-index: 1;
	}

div.content {
	position: relative;
	float: left;
	/*visibility: hidden;*/
	left: 0px;
	top: 0px;
	z-index: 1;
	}


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
  position: relative;
  left: 0;
  top: 0;
  width: 16px;
  height:160px;
  font-size: 1px;
  z-index:1;
  }
 
div#track {
  position:absolute; left:350px; top:22px;
  width:16px; height:324px;
  background-image:url(../images/scroll_track.gif);
  background-repeat: repeat-y;
  z-index:1;
  }

div#dragBar {
  	position:absolute; 
  	left: 10px; 
  	top: 12px;
  	width: 16px;
  	height: 36px;
  	background-image: url(../images/scroll_dragbar.png);
	background-color: transparent;
	background-repeat: no-repeat;
	z-index:4;
}

div#up { position:absolute; left:0; top:0; z-index:2 }
div#down { position:absolute; left:0; bottom:0; z-index:3 }


div#downarrow
{
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	position:relative;
}

div.downarrow_short_423 {
	position:relative;
	margin-left: 423px;
	top:-83px;
}

div.downarrow_short {
	position:relative;
	margin-left: 330px;
	top:-83px;
}

div.downarrow_short_select {
	position:relative;
	margin-left: 423px;
	top:-87px;
}

div.uparrow_short_select {
	position:relative;
	margin-left: 423px;
	top:-301px;
}

div.uparrow_short_delete {
	position:relative;
	margin-left: 423px;
	top:-289px;
}

div.downarrow_short_delete {
	position:relative;
	margin-left: 423px;
	top:-87px;
}
/*
div.uparrow_portal {
	position:relative;
	margin-left: 456px;
	top:415px;
}

div.downarrow_portal {
	position:relative;
	margin-left: 456px;
	margin-top:450px;
}
*/
div#uparrow
{
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	position:relative;
}

.scode
{
color:white;
}

a.up_arrow,
a.up_arrow:link,
a.up_arrow:visited {
  	background: transparent url(../images/scroll_arrowup.gif) no-repeat 0 0;
	padding-bottom: 2px;
	}

a.up_arrow:hover {
  	background: transparent url(../images/scroll_arrowup.gif) no-repeat 0 -16px;
	}

a.up_arrow:active {
  	background: transparent url(../images/scroll_arrowup.gif) no-repeat 0 -32px;
	}

a.down_arrow,
a.down_arrow:link,
a.down_arrow:visited {
  	background: transparent url(../images/scroll_arrowdown.gif) no-repeat 0 0;
	padding-bottom: 2px;
	}

a.down_arrow:hover {
  	background: transparent url(../images/scroll_arrowdown.gif) no-repeat 0 -16px;
	}

a.down_arrow:active {
  	background: transparent url(../images/scroll_arrowdown.gif) no-repeat 0 -32px;
	padding-bottom: 2px;
	}