/*
DEFINE BOX SHADOWS HERE AND BORDER RADIUS
*/

/**
Vertical bottom bx
**/
.no-bx{ 
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important; 
    -moz-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
.bx-top {
    -webkit-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
}

/**
Vertical top bx
**/

.bx-bottom {
    -webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
}

/**
Horixzontal left bx
**/

.bx-left {
    -webkit-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    box-shadow: -1px 0px 3px 1px rgba(0, 0, 0, 0.35);
}

.bx-right {
    -webkit-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
}

/*
* BORDER RADIUS
----------------------------------------------------------------------------
*/

.br-all {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

.br-top-left {
    border-radius: 3px 0px 0px 0px;
    -moz-border-radius: 3px 0px 0px 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
}

.br-top-right {
    border-radius: 0px 3px 0px 0px;
    -moz-border-radius: 0px 3px 0px 0px;
    -webkit-border-radius: 0px 3px 0px 0px;
}

.br-bottom-left {
    border-radius: 0px 0px 0px 3px;
    -moz-border-radius: 0px 0px 0px 3px;
    -webkit-border-radius: 0px 0px 0px 3px;
}

.br-bottom-right {
    border-radius: 0px 0px 3px 0px;
    -moz-border-radius: 0px 0px 3px 0px;
    -webkit-border-radius: 0px 0px 3px 0px;
    border: 0px solid #000000;
}

.br-top {
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.br-bottom {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

.rounded { 
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius:50%;
}
