/* BASIC */

body  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 10px;
	list-style-image : url(../graphics/bulletbluedot.gif);
	line-height : 14px;
	list-style : circle;
}

table  {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #333333;
	line-height : 14px;
	vertical-align: top;
}

form {
	display: inline;
}


td  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #333333;
	line-height : 14px;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
 	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}


A:link {
	color : #000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight: normal;
}

A:Visited  {
	color : #000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight: normal;
}

A:Active  {
	color : #000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : underline;
}

A:Hover  {
	color : #252F6C;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : underline;
}

LI {
	list-style : url(../graphics/bulletbluedot.gif);
	list-style-image : url(../graphics/bulletbluedot.gif);
	margin-bottom : 4px;
}

.documents  {
	color : #6781B2;
	background-color: #F5F6FA;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	border: 1px solid #B8C2D5;
	padding: 3 5 5 5;
	display: block;
	vertical-align: top;
}


/*HOME STYLES*/

.navAdmin  {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size : 9 px;
	color : #666666;
	font-weight: normal;
	padding: 0 0 0 0;
	letter-spacing: -0.5px;
}

a.navAdmin, a.navAdmin:visited, a.navAdmin:active  {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size : 9 px;
	color : #666666;
	font-weight: normal;
	padding: 0 0 0 0;
	letter-spacing: -0.5px
}

.home  {
	background-color: #F4F5F9;
	padding: 7 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #DADFF2;
	text-decoration: none;
	text-align: center;
}

.homeHeader  {
	font-size : 11px;
	color : #252F6C;
	font-weight: bold;
	padding: 0px;
	padding: 10 0 0 0;
}

.toOutlook  {
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #DADFF2;
	vertical-align: middle;
	text-align: center;
}

.toTelData  {
	background-color: #F4F5F9;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #DADFF2;
	text-decoration: none;
	text-align: center;
}

a.toLink, a.toLink:visited, a.toLink:active  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #252F6C;
	line-height : 14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0;
}

a.toLink:hover {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #252F6C;
	line-height : 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}

.inFocus  {
	background-color: #F6F7F0;
	padding: 0 0 0 0;
	margin: 0 0 7 0;
	border: 1px solid #AFBF78;
	text-decoration: none;
	text-align: left;
}

.homeAnnounceHeader  {
	background-color: #DADFF2;
	padding: 1 0 3 10;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #252F6C;
	width: 100%;
	font-weight: bold;
}

.inFocusHeader  {
	background-color: #AFBF78;
	padding: 1 0 2 10;
	margin: 0 0 7 0;
	text-decoration: none;
	text-align: left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	width: 100%;
	font-weight: bold;
}

.homeText  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding: 5 0 0 8;
	color: #252F6C;
	line-height: 16px;
	font-weight: normal;
}

.homeText2  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	padding: 0;
	color: #252F6C;
	line-height: 14px;
	font-weight: normal;
}

a.viewPhoto, a.viewPhoto:visited  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	padding: 0 0 0 0;
	color: #AABA6C;
	line-height: 14px;
	font-weight: bold;
	text-align: right;
}

a.viewPhoto:hover  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	padding: 0 0 0 0;
	color: #AABA6C;
	line-height: 14px;
	font-weight: bold;
	text-align: right;
	text-decoration: underline
}

.welcome {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #A90101;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 25 0 0 17;
}

.date  {
	font-size : 9px;
	color : #666666;
	font-weight: normal;
	margin: 6 0 0 17;
}

div.logout {
	margin: 14 9 0 109;
	align: right;
	display: block;
}

div.logout a,div.logout a:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #A90101;
	font-weight: bold;
}



.lastLogin {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #A4B25B;
	line-height : 18px;
	padding: 0px;
	margin: 0 0 0 15;
}


/*SIDEBAR STYLES*/

.sidebar  {
	background-color: #F5F5F5;
	padding: 15 0 30 0;
	margin: 0 5 5 0;
	border: 1px solid #D6D9DB;
	vertical-align: top;
	text-decoration: none;
}

a.sidebarNav, a.sidebarNav:active, a.sidebarNav:visited  {
	color: #666666;
	font-weight: bold;
	width: 132px;
	padding: 4 1 4 5;
	margin: 1 5 1 3;
	border: 0;
	text-decoration: none;
	vertical-align: top;
}

a.sidebarNav:hover  {
	background-color: #E8EBEF;
	color: #666666;
	font-weight: bold;
	width: 132px;
	padding: 3 1 3 4;
	margin: 1 5 1 3;
	border: 1px solid #B8C2D5;
	text-decoration: none;
	vertical-align: top;
}

a.sidebarNavOn  {
	background-color: #E8EBEF;
	color: #666666;
	font-weight: bold;
	width: 132px;
	padding: 3 1 3 4;
	margin: 1 5 1 3;
	border: 1px solid #B8C2D5;
	text-decoration: none;
	vertical-align: top;
}


/* TOOLBAR STYLES */

.toolbar  {
	color : #6781B2;
	background-color: #F5F5F5;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	border: 1px solid #D6D8DA;
	padding: 3 5 3 5;
	display: block;
	vertical-align: top;
}

.toolbarLinks  {
	color : #6781B2;
	background-color: #F5F5F5;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 2 5 0 5;
	display: block;
}

.toolbarOn  {
	color : #252F6C;
	font-weight: bold;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 2 5 0 5;
	display: block;
}

a.toolbar:hover  {
	color : #252F6C;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

.calendar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	line-height : 14px;
	padding: 0px;
}

.intranetForm {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #252F6C;
	line-height : 14px;
	padding: 5 10 5 10;
}

.intranetForm2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #252F6C;
	line-height : 14px;
	padding: 5 10 0 10;
}

.ideaComments {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : red;
	line-height : 14px;
	padding: 5 10 5 10;
}

.select  {
	height: 22px; 
	border-color: #666666; 
	background-color: #F0F8FF; 
	font-size: 10px; 
	vertical-align: middle;	
	color: #333333
}

.greyoutline  {
	padding: 0px;
	margin: 0px;
	border: 1px solid #D6D8DA;
}



/* CALENDAR STYLES */

.monthlyCalendarText  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #252F6C;
	line-height : 14px;
	padding-right : 5px;
}

.monthlyCalendar {
	font-size : 10px;
	color : #336699;
	line-height : 14px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.monthlyCalendarOn {
	background-color: #6699CC;
	font-size : 10px;
	color : #FFFFFF;
	font-weight: bold;
	line-height : 14px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.weeklyHeader {
	background-color: #EAF2DA;
	width: 100%;
	color: #252F6C;  
	font-size: 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;  
	border-bottom: 1px solid #FFFFFF;
	padding: 3 0 3 10;
	margin: 0 0 10 10;
}

.weeklyEventEven {
	background-color: #F5F5F5;
	color: #4D4D4D;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	border: none;   
	padding: 5 0 5 10;
}

.weeklyEventOdd {
	background-color: #FFFFFF;
	color: #4D4D4D;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	border: none;   
	padding: 5 0 5 10;
}


/* CALENDAR POP UPS */

.popupWhite  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-left:5px;
	color : #FFFFFF;
	line-height : 15px;
	font-weight : normal;
}

.popupDesc  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding: 15 15 0 8;
	color: #252F6C;
	line-height: 16px;
	font-weight: normal;
	text-align: top;
}

.errorText  {
	font-size : 10px;
	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #FFFFFF;
	background-color : #A9A9A9;
	text-align : center;
	margin-left : 2px;
	margin-right : 2px;
	margin-top : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
}


/* used for HR folders title */
.pageTitle  {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #2D3272;
}

.resultsReturned  {
	padding: 3 0 5 10;
	margin: 0 0 0 0;
	font-size : 9px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #666666;
}

.fileDesc  {
	padding: 3 0 0 23;
	margin: 0 0 0 0;
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #666666;
}

.postedby  {
	padding: 3 0 5 2;
	margin: 0 0 0 0;
	font-size : 9px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #666666;
}

a.docTitle {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 2;
	margin: 0;
}

a.docTitle:active, a.docTitle:visited {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 2;
	margin: 0;
}

.docTitle2 {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 10;
	margin: 0;
}

a.docTitle2 {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 10;
	margin: 0;
}

a.docTitle2:active, a.docTitle2:visited {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 10;
	margin: 0;
}


/* FORM STYLES */
.publishButton {
	background-color: #DAE1B8;
	color: #335094;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 70px;
	border:1px solid #848484;   
    height: 22px;
	padding: 1px 7px 1px 7px;
	margin: 5 10 5 0;
}

.formHeader {
	width: 100%;
	font-size: 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;   
	padding: 3 0 5 10;
	margin: 0 0 0 0;
	background-color: ##DCD9CA;
	color: black;
}

.prefHeader {
	width: 100%;
	color: #8FA04C;  
	font-size: 12px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	padding: 3 0 5 10;
	margin: 0 0 0 0;
}

.projHeader {
	background-color: #F5F5F5;
	width: 100%;
	color: #252F6C;  
	font-size: 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	padding: 0 0 2 10;
	margin: 5 0 0 -10;
}


.listingHeader {
	font-size: 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	border-bottom: 1px solid #FFFFFF;
	padding: 3 0 5 10;
	margin: 0 0 0 0;
	width: 100%;
	background-color: ##DCD9CA;
	color: black;
}


.listingClassName {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 3 0 0 10;
	margin: 0 0 5 0;
}

.listingTitle {
	color: #333333;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3 0 0 10;
	margin: 0;
}

a.listingTitle {
	color: #333333;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3 10 0 10;
	margin: 0;
	display: block;
}

a.listingTitle:active, a.listingTitle:visited, a.listingTitle:hover {
	color: #333333;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3 10 0 10;
	margin: 0;
	display: block;
}

.listingClassDate {
	color: #666666; 
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.listingInfo {
	margin: 0 0 0 0;
	padding: 3 0 10 10;
	color: #9C9886;  
	font-size: 10px;
	line-height : 13px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.listingInfoProj {
	margin: 0 0 0 0;
	padding: 3 5 10 10;
	color: #666666;  
	font-size: 11px;
	line-height : 16px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.projectInfo {
	margin: 0 0 0 0;
	padding: 3 15 0 49;
	color: #666666;  
	font-size: 10px;
	line-height : 14px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;

}

.listingStaffInfo {
	padding: 3 0 10 10;
	color: #666666;  
	font-size: 9px;
	line-height : 13px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.listingStaffName {
	color: #666666;  
	font-size: 10px;
	line-height : 13px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

a.listingStaffName:active, a.listingStaffName:visited {
	color: #666666;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3 0 0 10;
	margin: 0;
}

.courseTeaser {
	color: #666666;  
	font-size: 9px;
	line-height : 13px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 0 3 10;
	margin: 0;
}

.viewDetails {
	color: #515989;  
	font-size: 10px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	border: none;   
	padding: 0 12 0 0;
}

.active {
	color: #666666;  
	font-size: 9px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	border: none;   
	padding: 0 0 0 0;
	vertical-align: bottom;
}


/* COPYRIGHT STYLES */

.copyrightText  {
	font-size : 9px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #A3B368;
	font-weight : normal;
	padding: 3 5 0 5;
}

a.copyrightText, a.copyrightText:active, a.copyrightText:visited  {
	color : #A3B368;
	text-decoration: none;
	padding: 0px;
}

a.copyrightText:hover  {
	color : #A3B368;
	text-decoration: underline;
	padding: 0px;
}

/** New for FKH **/
.middleboxes {
	margin: 0 0 13 9;
	padding: 10 10 10 13;
	border: 1px solid #EDECE4;
	width: 381px;
}

.middleiframe {
	width: 356px;
}

.rightiframe {
	width: 158px;
}

.teamheaders, div.teamheaders a, div.teamheaders a:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #A90101;
}

span.smallgreytext a, span.smallgreytext a:visited {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

.smallgreytext {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

.smallgreytext a, .smallgreytext a:visited, .smallgreytext a:active {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

.smallgreytext a:hover {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

.formselector {
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline;
}

.smalltantext {
	color: #9C9886;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a.pulldowns,a.pulldowns:visited {
	display: block;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color: #000000;
	width: 180px;
	height: 16px;
	background-color: #DCD9CA;
	cursor: hand;
	margin: 0 0 3 0;
	padding: 2 0 2 3;
}

a.addressinfo,a.addressinfo:visited {
	color: #000;
	text-decoration: underline;
}

.popupheading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

a.pcdday, a.pcdday:visited, .pcdday {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: normal;
}

a.pcddayon, a.pcddayon:visited, .pcddayon {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
}

/* scrollbar in files section */

div#lyr1 { 
position:absolute; 
left:0px; top:0px; 
z-index:1; 
}
	
div#hold	{ 
	position:relative; overflow:hidden;
	width:331px; height:190px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:331px; height:190px; 
	clip:rect(0px, 331px, 190px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
	
div#scrollbar { 
  position:relative; left:0; top:0;
  width:17px; height:189px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0px; top:18px;
  width:17px; height:155px;
  background-image: url(/graphics/scrollbar/track.gif);
  background-repeat: repeat-y;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:0px; top:0px;
  width:17px; 
  height:44px;
  align: left;
  background-repeat:repeat-y;
  background-image: url(/graphics/scrollbar/dragbar.gif);
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  


/* scrollbar in news and notes section */

div#lyr2 { 
position:absolute; 
left:0px; top:0px; 
z-index:1; 
}
	
div#hold2	{ 
	position:relative; overflow:hidden;
	width:331px; height:124px; 
  z-index:100; 
	}
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:331px; height:124px; 
	clip:rect(0px, 331px, 124px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#scrollbar2 { 
  position:relative; left:0; top:0;
  width:17px; height:124px; 
  font-size:1px; z-index:1;
  }
div#track2 { 
  position:absolute; left:0px; top:18px;
  width:17px; height:90px;
  background-image: url(/graphics/scrollbar/track.gif);
  background-repeat: repeat-y;
  z-index:1;
  }
div#dragBar2 {
  position:absolute; left:0px; top:0px;
  width:17px; 
  height:44px;
  align: left;
  background-repeat:repeat-y;
  background-image: url(/graphics/scrollbar/dragbar.gif);
  z-index:1;
  }  
div#up2 { position:absolute; left:0; top:0; z-index:2 }  
div#down2 { position:absolute; left:0; bottom:0; z-index:3 }  

/* scrollbar for popups */

div#lyrpop { 
position:absolute; 
left:0px; top:0px; 
z-index:1; 
}
	
div#holdpop	{ 
	position:relative; overflow:hidden;
	width:410px; height:550px; 
  z-index:100; 
	}
div#wnpop	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:410px; height:550px; 
	clip:rect(0px, 410px, 550px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#scrollbarpop { 
  position:relative; left:0; top:0;
  width:17px; height:550px; 
  font-size:1px; z-index:1;
  }
div#trackpop { 
  position:absolute; left:0px; top:18px;
  width:17px; height:516px;
  background-image: url(/graphics/scrollbar/track.gif);
  background-repeat: repeat-y;
  z-index:1;
  }
div#dragBarpop {
  position:absolute; left:0px; top:0px;
  width:17px; 
  height:44px;
  align: left;
  background-repeat:repeat-y;
  background-image: url(/graphics/scrollbar/dragbar.gif);
  z-index:1;
  }  
div#uppop { position:absolute; left:0; top:0; z-index:2 }  
div#downpop { position:absolute; left:0; bottom:0; z-index:3 }

/* other! */

img.handbutton {
	cursor: normal;
}

img.handbutton:hover {
	cursor: hand;
}




/* scrollbar for comps */


div#lyrcomps { 
position:absolute; 
left:0px; top:0px; 
z-index:1; 
}

div#lyrcomps a, div#lyrcomps a:visited {
	color: #000;
	font-weight: normal;
}
	
div#holdcomps	{ 
	position:relative; overflow:hidden;
	width:123px; height:242px; 
  z-index:100; 
	}
div#wncomps	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:123px; height:242px; 
	clip:rect(0px, 123px, 242px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#scrollbarcomps { 
  position:relative; left:0; top:0;
  width:17px; height:242px; 
  font-size:1px; z-index:1;
}
div#trackcomps { 
  position:absolute; left:0px; top:18px;
  width:17px; height:208px;
  background-image: url(/graphics/scrollbar/track.gif);
  background-repeat: repeat-y;
  z-index:1;
}
div#dragBarcomps {
  position:absolute; left:0px; top:0px;
  width:17px; 
  height:44px;
  align: left;
  background-repeat:repeat-y;
  background-image: url(/graphics/scrollbar/dragbar.gif);
  z-index:1;
}  
div#upcomps { position:absolute; left:0; top:0; z-index:2 }  
div#downcomps { position:absolute; left:0; bottom:0; z-index:3 }