/* 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;
}

.vscrollerbase {
width: 0px;
background-color: white;
visibility: hidden;
}

.vscrollerbar {
width: 0px;
background-color: #989898;
visibility: hidden;
}

.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #989898;
}

.hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 10px;
z-index: 2;
}

.hscrollerbasebeg {
background: url(scrollbeg.png) no-repeat;
height: 10px;
width: 10px !important;
}
.hscrollerbaseend {
background: url(scrollend.png) no-repeat;
height: 10px;
width: 10px;
}

.scrollerjogbox {
width: 0px;
height: 0px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

#mycustomscroll {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 532px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
margin: 0 auto 0 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 0px;
}

#infoscroll {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 509px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
margin: 0 auto 0 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 0px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	}
	
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img {
border-style: none;
  outline: none;
}

a:active
{
  outline: none;
}

a:focus
{
-moz-outline-style: none;
}