/* ===================================================================================================
======================================================================================================

filename: style.utility.css
description: main css utilities

property of 4 Elements Music
Copyright 4Elementsmusic.net

author: Jeff Schram, email@schramdesign.com
url: schramdesign.com


/* Clearfix Utility */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* SHADOW
======================== */
.shadow{
	border: 1px solid #efefef;
	box-shadow: 4px 5px 8px #ccc;
	-webkit-box-shadow: 4px 5px 8px #ccc;
	-moz-box-shadow: 4px 5px 8px #ccc;
}
 

.hidden {display:none;}
	

/* FLOAT
====================================================================================================*/
.float_left {float:left; display:inline;}
.float_right {float:right; display:inline;}

.clear_left {clear:left; height:0px; border:none; background: transparent;}
.clear_right {clear:right; height:0px; border:none; background: transparent;}
.clear_both {clear:both; height:0px; border:none; background: transparent;}

.greyscale {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}

.info, .success, .warning_box, .error, .validation {
    border: 1px solid;
    margin: 5px 0px;
    padding:10px 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
	font-size:9pt;
	text-transform: lowercase;
}

.info h3, .success h3, .warning_box h3, .error h3, .validation h3{
	display:inline;
}

.info {
    color: #00529B;
    background-color: #C9EAF9;
    /*background-image: url('images/bg_info.png');*/
}
.success {
    color: #4F8A10;
    background-color: #F2F6E5;
    /*background-image:url('images/bg_success.png');*/
}
.warning_box {
    color: #9F6000;
    background-color: #FEEFB3;
   /* background-image: url('images/bg_warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
   /* background-image: url('images/bg_error.png');*/
}

.info p, .success p, .warning_box p, .error p, .validation p{
	display:inline;
	color:#454545;
}

.in_dev {
    border-bottom: 1px solid;
    padding:5px;
    color: #00529B;
    background-color: #C9EAF9;
    text-align:center;
    font-size:7pt;
}

.in_dev img {
	width:10px; height:10px;
	margin-right:10px;
}