/*SCROLL STYLES
*/

.vscrollerbase { 
height: 100% !important!; 
}	

hscrollerbase { 
width: 100% !important!; 
}

vscrollerbase { 
.vscrollerbase {left: 0 !important;}
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
float: left;
width: 35%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:/*rgba(0,0,0,0.55)*/ #fff;
margin: 0.0em auto;
padding-right: 0px;
padding-top: 0px;
margin-bottom: 0px;
} 



#mycustomscroll2 {
/* Typical fixed height and fixed width example */
float: left;
width: 100%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:/*rgba(0,0,0,0.5)/* #393939*/ #fff;
padding-right: 0px;
margin-right: 0px;

margin-left: 40px;
padding-top: 0px;
padding-left: 0px;
} 
#mycustomscroll2 a:active{ background-color:#D86C1D; border-color:#36c50a; color:#36c50a; }	
#mycustomscroll2 a:hover{ background-color:#D86C1D; border-color:#36c50a; color:#36c50a; }	





#mycustomscroll3 {
/* Typical fixed height and fixed width example */
		float: left;
		width: 60%;
height: 500px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:rgba(0,0,0,0.40);
margin-left: 0px; 
margin-right: 0px; 
padding-right: 0px;
padding-left: 40%;
padding-top: 0px;
} 



#mycustomscroll4 {
/* Typical fixed height and fixed width example */
		float: left;
		width: 60%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:rgba(0,0,0,0.0);
padding-left: 40%;
padding-top: 0px;
} 

#mycustomscroll4 a:active{ background-color:#36c50a; border-color:#36c50a; color:#36c50a; }	
#mycustomscroll4 a:hover{ background-color:#36c50a; border-color:#36c50a; color:#36c50a; }	



#mycustomscroll5 {
/* Typical fixed height and fixed width example */
		float: left;
		width: 60%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:rgba(0,0,0,0.40);
margin-left: 0px; 
margin-right: 0px; 
padding-right: 0px;
padding-left: 40%;
padding-top: 0px;
} 

#mycustomscroll6 {
/* Typical fixed height and fixed width example */
float: right;
text-align: right;
width: 55%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:none;

left: 0;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0%;

} 

#mycustomscroll6_right {
/* Typical fixed height and fixed width example */
float: right;
width: 65%;
height: 85%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:none;

padding-left: 0%;
padding-top: 40px;
padding-bottom: 0px;
} 


#mycustomscroll7 {
/* Typical fixed height and fixed width example */
float: left;
width: 100%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:/*rgba(0,0,0,0.25)*/ #fff;
margin-left: 0%;
padding-left: 0%;
padding-top: 0px;
} 


#mycustomscroll8 {
/* Typical fixed height and fixed width example */
float: left;
width: 100%;
height: 85%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:/*rgba(0,0,0,0.5)/* #393939*/ #fff;
padding-right: 0px;
margin-right: 0px;

margin-left: 0px;
padding-top: 40px;
padding-left: 0px;
} 
/*#mycustomscroll2 a:active{ background-color:#D86C1D; border-color:#36c50a; color:#36c50a; }	
#mycustomscroll2 a:hover{ background-color:#D86C1D; border-color:#36c50a; color:#36c50a; }	
*/

#mycustomscroll9 {
/* Typical fixed height and fixed width example */
float: left;
width: 100%;
height: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:rgba(0,0,0,0.0) ;
padding-right: 0px;
margin-right: 10px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;

-moz-opacity: 10%;
opacity: 10%;

box-shadow: #777 2px 2px 2px;
}