.body
{ font-family: Arial;
  font-size: 9pt;
  color: #0;
  text-decoration: none;
}
.footer
{ font-family: Tahoma;
  font-size: 7pt;
  color: #000000;
  text-decoration: none;
}
.heading
{ font-family: Tahoma;
  font-size: 10pt;
  color: #006600;
  font-weight:bold;
  text-decoration: none;
}
.heading2
{ font-family: Tahoma;
  font-size: 11pt;
  color: #009900;
  font-weight:bold;
  text-decoration: none;
}

.bgmain
{ /*font-family: Arial;*/
 /* background-color: #71191a;*/
  background-image: url(images/bgmain.gif);
}
.bgindex
{ /*font-family: Arial;*/
 background-color: #B3EFB1;
  /*background-image: url(images/celindo_08.gif);*/
}
.menuatas
{ font-family: Tahoma;
  font-size: 10pt;
  font-weight:bold;
  color: #006600;
  text-decoration: none;
}
.menuatas:hover
{ text-decoration: underline;
  color: #FFFFFF;
}
.link
{ font-family: Arial;
  font-size: 9pt;
  color: #FF3300;
  text-decoration: none;
}
.link:hover
{ text-decoration: none;
  color: #009900;
}
.submenu
{ font-family: Arial;
  font-size: 9pt;
  color: #FFFF00;
  text-decoration: none;
}
.submenu:hover
{ text-decoration: underline;
  color: #ffffff;
}
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}

.holder {
	float: left;
	margin:10px 0;

}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	float: left;
}

#pane1, #pane2, #pane3, #pane4 {
				height: 200px;
			}
			
			.winXP .jScrollPaneTrack {
				background: url(windows_track.gif) repeat-y;
			}
			.winXP .jScrollPaneDrag {
				background: url(windows_drag_middle.gif) no-repeat 0 50%;
			}
			.winXP .jScrollPaneDragTop {
				background: url(windows_drag_top.gif) no-repeat;
				height: 4px;
			}
			.winXP .jScrollPaneDragBottom {
				background: url(windows_drag_bottom.gif) no-repeat;
				height: 4px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}
			
			
			.osX .jScrollPaneTrack {
				background: url(osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */