/*==================BACKWARD BUTTON=====================*/
.cx_side_button_backward
{
    position:fixed;
    margin-left:-74px;
    z-index:9999999999;
    border-bottom:2px solid #575757;
    border-top:2px solid #575757;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_backward.png");
    background-repeat:no-repeat;
    width:24px;
    
}    

.cx_side_button_backward a span
{

    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;
      
}

.cx_side_button_backward a:link
{
    text-decoration:none;      
}


.cx_side_button_backward a:hover span
{
    visibility:visible;   
    overflow:visible;
} 

.cx_side_button_backward:hover
{
    height:24px;
    min-width:150px;
    background-color:white;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    /*transition:all .3s ease-in-out;*/
    overflow:hidden;
       
}  

/*==================DELETE BUTTON=====================*/   

.cx_side_button_delete
{
    position:fixed;
    margin-left:-74px;

    z-index:9999999999;
    border-bottom:2px solid #575757;
    border-right: 0px solid #DB3781;
    border-top:2px solid #575757;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_delete.png");
    background-repeat:no-repeat;
    width:24px;
}


.cx_side_button_delete:hover
{
    height:24px;
    width:150px;
    background-color:White;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;
    overflow:hidden;
       
}  

.cx_side_button_delete a span
{
  
    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;   
}

.cx_side_button_delete a:link
{
    text-decoration:none;   
}

.cx_side_button_delete a:hover span
    {
    visibility:visible;   
    overflow:visible;
} 


/*==================SAVE BUTTON=====================*/   

.cx_side_button_save
{
  
    position:fixed;
    margin-left:-74px;
    border-bottom:2px solid #575757;
    border-right: 0px solid #DB3781;
    border-top:2px solid #575757;
    z-index:9999999999;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_save.png");
    background-repeat:no-repeat;
    width:24px;
    
}

.cx_side_button_save:hover
{
    height:24px;
    min-width:150px;
    background-color:White;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;
    overflow:hidden;

}



.cx_side_button_save a span
{
  
    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;   
}

.cx_side_button_save a:link
{
    text-decoration:none;   
}

.cx_side_button_save a:hover span
{
    visibility:visible;   
    overflow:visible;
} 




/*==================FORWARD BUTTON=====================*/   
.cx_side_button_forward
{
    position:fixed;
    margin-left:-74px;
    border-top:2px solid #575757;
    z-index:9999999999;
    border-bottom :2px solid #575757;
    border-right: 0px solid #DB3781;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_forward.png");
    background-repeat:no-repeat;
    width:24px;
}

.cx_side_button_forward a:hover 
 {
    overflow:hidden; 
 } 
 

.cx_side_button_forward a span
{
   
    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;   
}

.cx_side_button_forward a:link
{
    text-decoration:none;   
}

.cx_side_button_forward a:hover span
    {
    visibility:visible;   
    overflow:visible;
} 

.cx_side_button_forward:hover
{
    height:24px;
    min-width:150px;
    background-color:White;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;
    overflow:hidden;

}

/*==================ADD BUTTON=====================*/   
.cx_side_button_add
{
    position:fixed;
    margin-left:-74px;
    border-top:2px solid #575757;
    z-index:9999999999;
    border-bottom :2px solid #575757;
    border-right: 0px solid #DB3781;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_add.png");
    background-repeat:no-repeat;
    width:24px;
}

.cx_side_button_add:hover
{
    height:24px;
    min-width:150px;
    background-color:White;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;
    overflow:hidden;

}



.cx_side_button_add a span
{
   
    display:block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;   
}




.cx_side_button_add a:hover span{
    position:absolute;
    visibility:visible; 
    overflow:hidden;
    
}

.cx_side_button_add a:link
{
    text-decoration:none;   
}

/*==================EDIT BUTTON=====================*/
.cx_side_button_edit
{
    position:fixed;
    margin-left:-74px;
    z-index:9999999999;
    border-bottom:2px solid #575757;
    border-top:2px solid #575757;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_edit.png");
    background-repeat:no-repeat;
    width:24px;
    
}    

.cx_side_button_edit a span
{

    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;
      
}

.cx_side_button_edit a:link
{
    text-decoration:none;      
}


.cx_side_button_edit a:hover span
{
    visibility:visible;   
    overflow:visible;
} 

.cx_side_button_edit:hover
{
    height:24px;
    min-width:150px;
    background-color:white;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    /*transition:all .3s ease-in-out;*/
    overflow:hidden;
       
}

/*==================DATA PREVIOUS BUTTON=====================*/
.cx_side_button_dataprevious
{
    position:fixed;
    margin-left:-74px;
    z-index:9999999999;
    border-bottom:2px solid #575757;
    border-top:2px solid #575757;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_dataprevious.png");
    background-repeat:no-repeat;
    width:24px;
    
}    

.cx_side_button_dataprevious a span
{

    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;
      
}

.cx_side_button_dataprevious a:link
{
    text-decoration:none;      
}


.cx_side_button_dataprevious a:hover span
{
    visibility:visible;   
    overflow:visible;
} 

.cx_side_button_dataprevious:hover
{
    height:24px;
    min-width:150px;
    background-color:white;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    /*transition:all .3s ease-in-out;*/
    overflow:hidden;
       
}  

/*==================LOCK BUTTON=====================*/   

.cx_side_button_lock
{
  
    position:fixed;
    margin-left:-74px;
    border-bottom:2px solid #575757;
    border-right: 0px solid #DB3781;
    border-top:2px solid #575757;
    z-index:9999999999;
    height:24px;
    background:url("/App_Themes/Metro/Images/SideButtonIcons/side_button_lock.png");
    background-repeat:no-repeat;
    width:24px;
    
}

.cx_side_button_lock:hover
{
    height:24px;
    min-width:150px;
    background-color:White;
    border-right-width:0px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;
    overflow:hidden;

}



.cx_side_button_lock a span
{
  
    display: block;
    overflow:hidden;
    padding-left:50px;  
    font-family:Century Gothic;
    color:#DB3781; 
    font-weight:bold;
    text-decoration:none;
    padding-top:3px;   
}

.cx_side_button_lock a:link
{
    text-decoration:none;   
}

.cx_side_button_lock a:hover span
{
    visibility:visible;   
    overflow:visible;
}