A:link
{
	COLOR:  #660066;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A:visited
{
	COLOR: #330066;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A:active
{
	COLOR: #330033;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A:hover
{
    COLOR:#000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	 TEXT-DECORATION:underline;
}
TD
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
TD.menu
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #313131;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
TD.menu DIV.headmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(/.gif);
    WIDTH: 179px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    HEIGHT: 37px
}
TD.menu DIV.title
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(images/menu.png);
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
TD.menu DIV.title A
{
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
TD.menu DIV.title A:hover
{
    BACKGROUND: #0066ff;
    COLOR: #ffffff
}
TD.menu DIV.description
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    BACKGROUND: #eeeeee;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.menu DIV.options
{
    PADDING-RIGHT: 3px;
    FONT-SIZE: 11px;
    BACKGROUND: #eeeeee;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.comments
{
    BORDER-RIGHT:#D9DFEB 1px solid;
    PADDING-RIGHT:#D9DFEB 3px;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 14px;
    BACKGROUND: #eeeeee;
    MARGIN: 0px auto;
    BORDER-LEFT:#D9DFEB 1px solid;
    WIDTH: 500px;
    COLOR: #000000;
    BORDER-BOTTOM: #D9DFEB1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.largertext
{
    FONT-SIZE: 17px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.profiletext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #3366ff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.profile_table
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 99%;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.profile_table_column1
{
    BORDER-RIGHT: #a4a6f7 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #a4a6f7 1px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #a4a6f7 1px solid;
    WIDTH: 30%;
    COLOR: #000000;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #a4a6f7 1px solid;
    BACKGROUND-COLOR: #bcbcf3
}
.profile_table_column2
{
    BORDER-RIGHT: #a4a6f7 1px solid;
    BORDER-TOP: #a4a6f7 1px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #a4a6f7 1px solid;
    WIDTH: 70%;
    COLOR: #000000;
    BORDER-BOTTOM: #a4a6f7 1px solid;
    BACKGROUND-COLOR: #bcbcf3
}
#menuitem
{
    BORDER-RIGHT: #0066cc 1px solid;
    BORDER-TOP: #0066cc 1px solid;
    BORDER-LEFT: #0066cc 1px solid;
    WIDTH: 98%;
    COLOR: #000000;
    BORDER-BOTTOM: #0066cc 1px solid;
    TEXT-ALIGN: left
}
#contentitem
{
    BORDER-RIGHT: #0066cc 1px solid;
    BORDER-TOP: #0066cc 1px solid;
    BORDER-LEFT: #0066cc 1px solid;
    WIDTH: 98%;
    BORDER-BOTTOM: #0066cc 1px solid
}
#mainback
{
    WIDTH: 90%;
    BACKGROUND-COLOR: #ffffff
}
#subheading
{
    BORDER-RIGHT: #000000 thick;
    BORDER-TOP: #000000 thick;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND: url(cat_back.bmp) no-repeat left 50%;
    BORDER-LEFT: #000000 thick;
    COLOR: #ff0000;
    BORDER-BOTTOM: #000000 thick;
    TEXT-ALIGN: left
}
.style3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.copytext
{
    COLOR: #000000
}
BODY
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	background-repeat: repeat;
    background-color: #AAE74A;
	
}
.padded
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    PADDING-TOP: 10px
}
.popular
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.popular A
{
    COLOR: #ffffff
}
.popular A:visited
{
    COLOR: #ffffff
}
.popular A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.user_area
{
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ccff00;
    PADDING-TOP: 2px;
    FONT-FAMILY: Tahoma
}
.user_area A
{
    COLOR: #ccff00;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.user_area A:visited
{
    COLOR: #ccff00;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.user_area A:hover
{
    COLOR: #00ff00;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.style4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.style4 A:visited
{
    COLOR: #ffffff
}
.style4 A
{
    COLOR: #ffffff
}
.style4 A:hover
{
    TEXT-DECORATION: underline
}
.style5
{
	FONT-SIZE: 16px;
	COLOR: #0066ff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.new
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.td1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.td1 A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.td1 A:hover
{
    COLOR: #000099
}
.td2
{
    PADDING-LEFT: 4px;
    FONT-SIZE: 10px;
    COLOR: #000033;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.td2 A
{
    PADDING-LEFT: 4px;
    FONT-SIZE: 10px;
    COLOR: #000033;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.td2 A:hover
{
    COLOR: #000066
}
.td3
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-IMAGE: url();
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    TEXT-ALIGN: left
}
.td4
{
}
.td5
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.back
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #f2f2f2;
    TEXT-ALIGN: left
}
.viewed
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 0px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
.normal
{
	BACKGROUND-COLOR: #Ffffff;
	TEXT-ALIGN: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009900;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #FF9900;
	border-left-color: #cccccc;
}
.normala
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 0px solid;
    BORDER-LEFT: #cccccc 0px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #Ffcc33;
    TEXT-ALIGN: left;
	

	
}
.highlight
{
	BORDER-RIGHT: #000000 0px dashed;
	BORDER-TOP: #000000 0px dashed;
	BORDER-LEFT: #000 0px dashed;
	BORDER-BOTTOM: #000 0px dashed;
	background-color:#999999;
	TEXT-ALIGN: left;
	COLOR: #ffffff;
}
.tabloyan{
	background-color:#ffffff;
	table-layout:fixed;
	border-spacing:inherit;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CACACA;
	border-bottom-color: #CACACA;
	border-left-color: #CACACA;
}
.tabloyan_in{
	border-radius: 5px;
	border: 1px solid #ABABAB;
}
.box_text {
	font-size: 11px;
	color: #333333;
	text-align: left;
    margin: 2px;
    padding: 1px;
}

.style6
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.style11
{
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style11 A
{
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style11 A:visited
{
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style11 A:hover
{
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.style_baslik {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}
.pagelemen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #0066CC;
	border: 1px solid #CCCCCC;
	margin-top: auto;
	margin-right: 1px;
	margin-bottom: auto;
	margin-left: 0px;
}
.pagelemea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #993300;
	text-decoration: underline;
	margin-right: 1px;
	margin-left: 1px;
}
.kesk {
font-family:Tahoma,sans-serif;
	color: #006600;
	font-weight: bold;
	font-size: 12px;
}
.sor{
	font-family:Tahoma,sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.res{
font-family:Tahoma,sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
.spi{
	font-family:Tahoma,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.yazi {
	font-family:Tahoma,sans-serif, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
.yazi1{
font-family:Tahoma,sans-serif; font-size: 11px; color:#000000; padding-left:20; padding-right:10
 }
.hepsi {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 5px;
	color:#CCCCCC;
}
.sag_top {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#CCCCCC;
}
.arama_yazi
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.login_yazi
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #137DBB;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.cerceve
{
 border-left:#41AAF0 1px solid;
 border-right:#41AAF0 1px solid;
 BORDER-BOTTOM:#41AAF0 1px solid;
 border-top:#41AAF0 1px solid;
 background-color:#ffffff;
 table-layout:fixed;
 border-spacing:inherit;
 }
.cercevek
{
 border-left:#FF0000 1px solid;
 border-right:#FF0000 1px solid;
 BORDER-BOTTOM:#FF0000 1px solid;
 border-top:#FF0000 1px solid;
 background-color:#ffffff;
 table-layout:fixed;
 border-spacing:inherit; 
}
.topgame{
	font-family:Tahoma, sans-serif;
	color: #3565C9;
	font-weight: normal;
	font-size: 8px;
	text-decoration: underline;
}

/* ÜST MENU*/
<style type="text/css">

#glowingtabs{
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(res/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(res/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

</style>

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]



/* scroller div*/

	<style type="text/css">
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}
	p{
		margin-top:0px;
	}
	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:530px;
		height:500px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width:500px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		border:1px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:130%;
		color: #333;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		border:1px solid #BC8FBD;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		background-color:#BC8FBD;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		border:1px solid #BC8FBD;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}

	</style>
	<script type="text/javascript">
	/************************************************************************************************************
	(C) www.dhtmlgoodies.com, September 2005
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/	
	var contentHeight = 0; 	// The total height of the content
	var visibleContentHeight = 0;	
	var scrollActive = false;
	
	var scrollHandleObj = false; // reference to the scroll handle
	var scrollHandleHeight = false;
	var scrollbarTop = false;
	var eventYPos = false;

	var scrollbuttonActive = false;
	var scrollbuttonDirection = false;
	var scrollbuttonSpeed = 2; // How fast the content scrolls when you click the scroll buttons(Up and down arrows)
	var scrollTimer = 10;	// Also how fast the content scrolls. By decreasing this value, the content will move faster	
	
	var scrollMoveToActive = false;
	var scrollMoveToYPosition = false;
	function scrollDiv_startScroll(e)
	{
		if(document.all)e = event;
		scrollbarTop = document.getElementById('scrolldiv_theScroll').offsetTop;
		eventYPos = e.clientY;
		scrollActive = true;
	}
	
	function scrollDiv_stopScroll()
	{
		scrollActive = false;
		scrollbuttonActive = false;
		scrollMoveToActive = false;
	}
	function scrollDiv_scroll(e)
	{
		if(!scrollActive)return;
		if(document.all)e = event;
		if(e.button!=1 && document.all)return;
		var topPos = scrollbarTop + e.clientY - eventYPos; 
		if(topPos<0)topPos=0;
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos = visibleContentHeight-(scrollHandleHeight+4);
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 
	}
	
	/*
	Click on the slider
	Move the content to the this point
	*/
	function scrolldiv_scrollMoveToInit(e)
	{		
		if(document.all)e = event;
		scrollMoveToActive = true;
		scrollMoveToYPosition = e.clientY - document.getElementById('scrolldiv_scrollbar').offsetTop;
		if(document.getElementById('scrolldiv_theScroll').offsetTop/1 > scrollMoveToYPosition) scrollbuttonDirection = scrollbuttonSpeed*-2; else  scrollbuttonDirection = scrollbuttonSpeed*2;
		scrolldiv_scrollMoveTo();	
	}
	
	function scrolldiv_scrollMoveTo()
	{
		if(!scrollMoveToActive || scrollActive)return;
		var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollMoveToActive=false;
		}
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollMoveToActive=false;
		}
		if(scrollbuttonDirection<0 && topPos<scrollMoveToYPosition-scrollHandleHeight/2)return;	
		if(scrollbuttonDirection>0 && topPos>scrollMoveToYPosition-scrollHandleHeight/2)return;			
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 		
		setTimeout('scrolldiv_scrollMoveTo()',scrollTimer);		
	}
	
	function cancelEvent()
	{
		return false;			
	}

	function scrolldiv_scrollButton()
	{
		if(this.id=='scrolldiv_scrollDown')scrollbuttonDirection = scrollbuttonSpeed; else scrollbuttonDirection = scrollbuttonSpeed*-1;
		scrollbuttonActive=true;
		scrolldiv_scrollButtonScroll();
	}
	function scrolldiv_scrollButtonScroll()
	{
		if(!scrollbuttonActive)return;
		var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollbuttonActive=false;
		}
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollbuttonActive=false;
		}	
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 			
		setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);
	}
	function scrolldiv_scrollButtonStop()
	{
		scrollbuttonActive = false;
	}
	
	
	function scrolldiv_initScroll()
	{
		visibleContentHeight = document.getElementById('scrolldiv_scrollbar').offsetHeight ;
		contentHeight = document.getElementById('scrolldiv_content').offsetHeight - visibleContentHeight;		
		scrollHandleObj = document.getElementById('scrolldiv_theScroll');
		scrollHandleHeight = scrollHandleObj.offsetHeight;
		scrollbarTop = document.getElementById('scrolldiv_scrollbar').offsetTop;		
		document.getElementById('scrolldiv_theScroll').onmousedown = scrollDiv_startScroll;
		document.body.onmousemove = scrollDiv_scroll;
		document.getElementById('scrolldiv_scrollbar').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_theScroll').onmouseup = scrollDiv_stopScroll;
		if(document.all)document.body.onmouseup = scrollDiv_stopScroll; else document.documentElement.onmouseup = scrollDiv_stopScroll;
		document.getElementById('scrolldiv_scrollDown').onmousedown = scrolldiv_scrollButton;
		document.getElementById('scrolldiv_scrollUp').onmousedown = scrolldiv_scrollButton;
		document.getElementById('scrolldiv_scrollDown').onmouseup = scrolldiv_scrollButtonStop;
		document.getElementById('scrolldiv_scrollUp').onmouseup = scrolldiv_scrollButtonStop;
		document.getElementById('scrolldiv_scrollUp').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_scrollDown').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_scrollbar').onmousedown = scrolldiv_scrollMoveToInit;
	}
	/*
	Change from the default color
	*/	
	function scrolldiv_setColor(rgbColor)
	{
		document.getElementById('scrolldiv_scrollbar').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_theScroll').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.color = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.color = rgbColor;
		document.getElementById('scrolldiv_parentContainer').style.borderColor = rgbColor;
	}
	/*
	Setting total width of scrolling div
	*/
	function scrolldiv_setWidth(newWidth)
	{
		document.getElementById('dhtmlgoodies_scrolldiv').style.width = newWidth + 'px';
		document.getElementById('scrolldiv_parentContainer').style.width = newWidth-30 + 'px';		
	}
	
	/*
	Setting total height of scrolling div
	*/
	function scrolldiv_setHeight(newHeight)
	{
		document.getElementById('dhtmlgoodies_scrolldiv').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_parentContainer').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_slider').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_scrollbar').style.height = newHeight-40 + 'px';		
	}
	/*
	Setting new background color to the slider 
	*/
	function setSliderBgColor(rgbColor)
	{
		document.getElementById('scrolldiv_scrollbar').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.backgroundColor = rgbColor;
	}
	/*
	Setting new content background color
	*/
	function setContentBgColor(rgbColor)
	{
		document.getElementById('scrolldiv_parentContainer').style.backgroundColor = rgbColor;
	}
	
	/*
	Setting scroll button speed
	*/
	function setScrollButtonSpeed(newScrollButtonSpeed)
	{
		scrollbuttonSpeed = newScrollButtonSpeed;
	}
	/*
	Setting interval of the scroll
	*/
	function setScrollTimer(newInterval)
	{
		scrollTimer = newInterval;
	}
	
	</script>