/* Scroll Bar Master Styling Starts Here */



#mycustomscroll {
	position: absolute;
	top: 10px;
	left:  20px;

	padding-right: 50px;


	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: -o-calc(100% - 80px);
	width: calc(100% - 80px);	
	
	height: -moz-calc(100% - 25px) !important;
	height: -webkit-calc(100% - 25px) !important;
	height: -o-calc(100% - 25px) !important;
	height: calc(100% - 25px) !important;

	overflow:auto;

}


.scrollgeneric {

position: absolute;
top: 0px; left:0;
width: 15px;
height: auto;
width:auto;
padding-bottom: 0px ;


}

.vscrollerbase {
width: 12.5px;


background:none;
border: 1px solid #3f3d38;
-moz-border-radius: 6px;
	  border-radius: 6px;


}



.vscrollerbasebeg {

background: url(images/arrow6_idle.png) no-repeat 1px 0px, -webkit-radial-gradient(#302d26,#070706 );	
background: url(images/arrow6_idle.png) no-repeat 1px 0px, -moz-radial-gradient(#302d26,#070706 );
background: url(images/arrow6_idle.png) no-repeat 1px 0px, -o-radial-gradient(#302d26,#070706 );
background: url(images/arrow6_idle.png) no-repeat 1px 0px, -ms-radial-gradient(#302d26,#070706 );
background-size: 80% 80%;
border-bottom: 1px solid #3f3d38;
width: 12.5px ;
height: 12.5px !important;

-moz-border-radius: 5px 5px 1px 0px;
	  border-radius: 5px 5px 1px 0px;

}

.vscrollerbasebeg:hover {
background: url(images/arrow4_hover.png) no-repeat 1px 0px, -webkit-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_hover.png) no-repeat 1px 0px, -moz-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_hover.png) no-repeat 1px 0px, -o-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_hover.png) no-repeat 1px 0px, -ms-radial-gradient(#755f3f,#32332c );
background-size: 80% 80%;
border: 1px solid #59c9ec; 
width: 12px
}
}
.vscrollerbasebeg:active {
background: url(images/arrow4_active.png) no-repeat 1px 0px, -webkit-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_active.png) no-repeat 1px 0px, -moz-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_active.png) no-repeat 1px 0px, -o-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_active.png) no-repeat 1px 0px, -ms-radial-gradient(#ffe092 , #FF950F );

background-size: 80% 80%;

border: 1px solid #fff;
width: 12.5px
}


.vscrollerbaseend {
background: url(images/arrow6_down_idle.png) no-repeat 1px 0px, -webkit-radial-gradient(#302d26,#070706 );	
background: url(images/arrow6_down_idle.png) no-repeat 1px 0px, -moz-radial-gradient(#302d26,#070706 );
background: url(images/arrow6_down_idle.png) no-repeat 1px 0px, -o-radial-gradient(#302d26,#070706 );
background: url(images/arrow6_down_idle.png) no-repeat 1px 0px, -ms-radial-gradient(#302d26,#070706 );
position: absolute;
top: -moz-calc(100% - 15px)!important;
top: -webkit-calc(100% - 15px)!important;
top: -o-calc(100% - 15px)!important;
top: calc(100% - 15px)!important;
background-size: 80% 80%;
border-top: 1px solid #3f3d38;
-moz-border-radius: 1px 0px 5px 5px ;
	  border-radius:1px 0px 5px 5px ;
width: 11px;
height: 12.5px !important;
}


.vscrollerbaseend:hover {
background: url(images/arrow4_down_hover.png) no-repeat 1px 0px, -webkit-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_down_hover.png) no-repeat 1px 0px, -moz-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_down_hover.png) no-repeat 1px 0px, -o-radial-gradient(#755f3f,#32332c );
background: url(images/arrow4_down_hover.png) no-repeat 1px 0px, -ms-radial-gradient(#755f3f,#32332c );
background-size: 80% 80%;
border: 1px solid #59c9ec; 
width: 12px
}

.vscrollerbaseend:active{
background: url(images/arrow4_down_idle.png) no-repeat 1px 0px, -webkit-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_down_idle.png) no-repeat 1px 0px, -moz-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_down_idle.png) no-repeat 1px 0px, -o-radial-gradient(#ffe092 , #FF950F );
background: url(images/arrow4_down_idle.png) no-repeat 1px 0px, -ms-radial-gradient(#ffe092 , #FF950F );
background-size: 80% 80%;
border: 1px solid #fff;
width: 12.5px
}

.vscrollerbar {
width: 7.5px;
background:-moz-linear-gradient(left, #070706, #302d26 );
background:linear-gradient(left, #070706, #302d26 );
background:-o-linear-gradient(left, #070706, #302d26 );
background:-ms-linear-gradient(left, #070706, #302d26 );


position: absolute;
top: 0px; 
left:2px;
border: 1px solid #3f3d38;
-moz-border-radius: 25px;
	  border-radius: 25px;
padding:15px;


}
.vscrollerbar:hover {

background:-moz-linear-gradient(left, #eefffd , #59c9ec  );
background:linear-gradient(left, #eefffd , #59c9ec  );
background:-o-linear-gradient(left, #eefffd , #59c9ec );
background:-ms-linear-gradient(left, #eefffd , #59c9ec  );


}


.hscrollerbase {
	height: 13px;
	width: -moz-calc(100% - 17.50px)!important;
	width: -webkit-calc(100% -  17.50px)!important;
	width: -o-calc(100% -  17.50px)!important;
	width: calc(100% - 17.50px)!important;
position: absolute;
bottom: 2px;
background:none;
border: 1px solid #3f3d38;
-moz-border-radius: 6px;
	  border-radius: 6px;
}


.hscrollerbar {
height: 10px;
background-color: black;
background:-moz-linear-gradient(left, #070706, #302d26 );
background:linear-gradient(left, #070706, #302d26 );
background:-o-linear-gradient(left, #070706, #302d26 );
background:-ms-linear-gradient(left, #070706, #302d26 );
position: absolute;
top: 0px; left:0.5px;
border: 1px solid #3f3d38;
-moz-border-radius: 25px;
	  border-radius: 25px;
padding:15px;


}

.hscrollerbar:hover {

background:-moz-linear-gradient #eefffd , #59c9ec  );
background:linear-gradient( #eefffd , #59c9ec  );
background:-o-linear-gradient( #eefffd , #59c9ec );
background:-ms-linear-gradient( #eefffd , #59c9ec  );
}




.hscrollerbasebeg {
background: url(images/arrow6left_idle.png) no-repeat 1px 1px, -webkit-radial-gradient(#302d26,#070706);	
background: url(images/arrow6left_idle.png) no-repeat 1px 1px,  -moz-radial-gradient(#302d26,#070706);
background: url(images/arrow6left_idle.png) no-repeat 1px 1px,  -o-radial-gradient(##302d26,#070706);
background: url(images/arrow6left_idle.png) no-repeat 1px 1px,  -ms-radial-gradient(#302d26,#070706);
background-size: 80% 80%;
border: 1px solid #3f3d38;
width: 12px  !important;
height: 12.5px !important;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;

}

.hscrollerbasebeg:hover {
border: 1px solid #59c9ec; 

background: url(images/arrow4left_hover.png) no-repeat 1px 1px, -webkit-radial-gradient(#755f3f,#32332c );	
background: url(images/arrow4left_hover.png) no-repeat 1px 1px,  -moz-radial-gradient(#755f3f,#32332c);
background: url(images/arrow4left_hover.png) no-repeat 1px 1px,  -o-radial-gradient(##755f3f,#32332c);
background: url(images/arrow4left_hover.png) no-repeat 1px 1px,  -ms-radial-gradient(#755f3f,#32332c);
background-size: 80% 80%;
}

.hscrollerbaseend {

background: url(images/arrow6right_idle.png) no-repeat 2px 2px, -webkit-radial-gradient(#302d26,#070706);	
background: url(images/arrow6right_idle.png) no-repeat 2px 2px,  -moz-radial-gradient(#302d26,#070706);
background: url(images/arrow6right_idle.png) no-repeat 2px 2px,  -o-radial-gradient(##302d26,#070706);
background: url(images/arrow6right_idle.png) no-repeat 2px 2px,  -ms-radial-gradient(#302d26,#070706);
background-size: 80% 80%;
border: 1px solid #3f3d38;
-moz-border-radius: 0px 5px 5px 0px ;
	  border-radius:0px 5px 5px 0px ;
width: 12.5px !important;
height: 12.5px !important;
}


.hscrollerbaseend:hover {
background: url(images/arrow4right_hover.png) no-repeat 2px 2px, -webkit-radial-gradient(#755f3f,#32332c);	
background: url(images/arrow4right_hover.png) no-repeat 2px 2px,  -moz-radial-gradient(#755f3f,#32332c);
background: url(images/arrow4right_hover.png) no-repeat 2px 2px,  -o-radial-gradient(#755f3f,#32332c);
background: url(images/arrow4right_hover.png) no-repeat 2px 2px,  -ms-radial-gradient(#755f3f,#32332c );
border: 1px solid #59c9ec; 
background-size: 80% 80%;
}



.scrollerjogbox {
	-moz-border-radius: 5px 5px 5px 5px ;
	  border-radius:5px 5px 5px 5px ;
position:absolute;
width: 12.5px;
height: 12.5px;
border: 1px solid #3f3d38;
top: auto; 
left: auto;
bottom: 0px; 
right: 0px;
font-family: 'Questrial';
font-weight: lighter;
text-decoration:none;
word-wrap: break-word;
content: "\2022";  
color: #FF950F;  
font-size: 30px;  
text-align: center;     
vertical-align: middle;
line-height: 18px;  




}