/* 
This license text has to stay intact at all times:
Author: Emrah BASKAYA @ www.hesido.com

This script is registered for use by:
Altera Corporation
Under the following licence agreement:
http://www.hesido.com/licenses.php?page=flexcrollcommercialunlimited

Key for this license: 20081225212040734
MD5 hash for this license: 376a91346571ad137ac6a7a5d13cf19a
End of license text---
*/


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 238px;
	height: 228px;
	overflow: auto;/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-image:#069 url(/images/right-col-backgrd.gif) repeat-y;
	margin:3px 0 3px 0;
	/*padding:3px 0 3px 0;*/
	vertical-align:middle;
}

#mycustomscroll h4{ font-size:11px; font-weight:bold; color:#06c; margin:0.5em; padding:0 0 0 1em;}

#mycustomscroll h4 a { text-decoration:none; color:#06c;} 

#mycustomscroll h4 a:hover { text-decoration:underline; }

#mycustomscroll ul { list-style:none; margin:0.5em; padding:0 0.5em 0 1.2em; font-size:11px; width:190px; line-height:1.3em; }

#mycustomscroll ul li { padding:0 0 0.75em 0; }
#mycustomscroll ul li a { text-decoration:none;color:#06c; }
#mycustomscroll ul li a:hover { text-decoration:underline;}
#mycustomscroll ul li a:visited {color:#06c;}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 16px;
background: #069 url(/images/scroll-back.png) 0px 0px repeat-y; 
}
.vscrollerbar {
width: 16px;
background: #069 url(/images/scrollbar-mid.png) repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(/images/scrollbar-up.png) 0 -6px no-repeat; border:solid 0px #f00;
width: 16px;
height: 16px !important;
}
.vscrollerbarend {
background: url(/images/scrollbar-dwn.png) 0 6px no-repeat; border:solid 0px #f00;
width: 16px;
height: 16px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(/images/triangle-up.png) no-repeat;
width: 16px;
height: 11px !important;
}
.vscrollerbaseend {
background: url(/images/triangle-dwn.png) 0 5px no-repeat;
height: 16px;
width: 16px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

