/********************************************
 *                  Box model
 ********************************************/

.dropshadowboxes-container {
    clear: both;
    display: block;
    position: relative;
    z-index: 1;
}
.dropshadowboxes-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.dropshadowboxes-container.dropshadowboxes-center{
    width:100%;
}
.dropshadowboxes-container.dropshadowboxes-center > DIV.dropshadowboxes-drop-shadow {
    margin-left:auto;
    margin-right:auto;

}
.dropshadowboxes-drop-shadow {
    background: none repeat scroll 0 0;
    padding:10px;
    margin: 10px 0 10px 0;
    position: relative;
    border-radius:3px;
}

.dropshadowboxes-left{
    clear: none;
    float:left;
    margin-right:10px;
}
.dropshadowboxes-right{
    clear: none;
    float:right;
    margin-left:10px;
}

/********************************************
 *                  Corners
 ********************************************/

.dropshadowboxes-rounded-corners{
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}



/********************************************
 *                  Other shadows
 ********************************************/

.dropshadowboxes-inside-shadow{
	-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
			box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropshadowboxes-outside-shadow{
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.dropshadowboxes-inside-and-outside-shadow{
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(0, 0, 0, 0.1);
}


/********************************************
 *                  Colors
 ********************************************/

.dropshadowboxes-effect-blue:before,
.dropshadowboxes-effect-blue:after {
   color:rgba(0, 0, 255, 0.6);
}
.dropshadowboxes-effect-white:before,
.dropshadowboxes-effect-white:after {
   color:rgba(255, 255, 255, 0.6);
}
.dropshadowboxes-effect-yellow:before,
.dropshadowboxes-effect-yellow:after {
   color:rgba(255, 255, 0, 0.6);
}
.dropshadowboxes-effect-red:before,
.dropshadowboxes-effect-red:after {
   color:rgba(255, 0, 0, 0.6);
}
.dropshadowboxes-effect-green:before,
.dropshadowboxes-effect-green:after {
   color:rgba(0, 255, 0, 0.6);
}
.dropshadowboxes-effect-default:before,
.dropshadowboxes-effect-default:after  {
   color:rgba(0, 0, 0, 0.5);
}


/********************************************
 *                  Admin UI
 ********************************************/

.dropshadowboxes-color-picker {
	position:absolute;
}
.dropshadowboxes-color-input {
	width:70px;
}