/*Page related styles for you to view*/
 #test2 {
width: 343px;
height: 305px;
overflow: auto;
margin:0;
padding: 0;
outline: none;
background-color: #F5F5F5;
border-width:0;
}
#iranScroler{
width: 315px;
height: 250px;
overflow: auto;
margin:0;
padding: 0;
outline: none;
background-color:#F1F2F4;
border-width:0;
}
#test1 {
width: 220px;
height: 195px;
overflow: auto;
margin:0;
margin-top:1px;
padding: 0;
outline: none;
background-color: #111;
border-width:0;
}


#test2 .scrollgeneric
{
line-height: 0px;
font-size: 1px;
position: absolute;
}
#iranScroler .scrollgeneric
{
line-height: 0px;
font-size: 1px;
position: absolute;
}
#test1 .scrollgeneric
{
line-height: 0px;
font-size: 1px;
position: absolute;
}


.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}
.vscrollerbar {
left: 0px;
}
.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;
}

.hscrollerbar {
top: 0px;
}
.vscrollerbar, .hscrollerbar {
padding: 5px;
z-index: 2;
}

.vscrollerbarbeg {
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #fff;
height:1px;
}
.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
}
.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
}
.vscrollerbasebeg {
top: 0px;
width: 15px;
}

/* Scroll Bar Master Styling Ends Here */
/* Extra sample styles */
#test2 .vscrollerbarbeg {
width: 10px;
height: auto;
}
#test1 .vscrollerbarbeg {
width: 10px;
height: auto;
}
#iranScroler .vscrollerbarbeg {
width: 10px;
height: auto;
}

#test2 .vscrollerbarend {
width: 10px;
height: 1px;
}
#test1 .vscrollerbarend {
width: 10px;
height: 1px;
}
#iranScroler .vscrollerbarend {
width: 10px;
height: 1px;
}


#test2 .vscrollerbase {
width: 10px;
background: #eee none;
}
#test1 .vscrollerbase {
width: 10px;
background: #333 none;
}
#iranScroler .vscrollerbase {
width: 10px;
background: #ccc none;
}

#test2 .vscrollerbar {
padding: 1px;
background-image:url(../SiteImages/scrolbar2.jpg);
background-repeat:no-repeat;
width:10px;
}
#iranScroler .vscrollerbar {
padding: 0px;
background-image:url(../SiteImages/scrolbar2.jpg);
background-repeat:no-repeat;
}
#test1 .vscrollerbar {
padding: 0px;
background-image:url(../SiteImages/scrolbar1.jpg);
background-repeat:no-repeat;
}