@charset "utf-8";
/* EMC2 WP Alerts CSS */

.emc2-alert-box{
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
						color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
						transparent 75%, transparent);
							
	 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
	 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	 width: auto;
	 border: 1px solid;
	 color: #fff;
	 text-shadow: 0 1px 0 rgba(0,0,0,.5);
	 -webkit-animation: animate-bg 5s linear infinite;
	 -moz-animation: animate-bg 5s linear infinite;
}
.emc2-alert-box.normal{
	clear:both;
	position:relative;	
}
.emc2-alert-wrap{ width:auto; margin:0 auto; position:relative; padding: 15px;}
.emc2-alert-box.hidden{ display:none; }

/* Fixed box styles */
.emc2-alert-box.fixed{ position:fixed; width:100%; z-index:99999;}
.emc2-alert-box.fixed.top{ top:0; }
.emc2-alert-box.fixed.top.wp-bar{ top:28px; }
.emc2-alert-box.fixed.bottom{ bottom:0; }
.emc2-alert-box.fixed .emc2-alert-wrap{ width:960px;}

/* Color styles */
.emc2-alert-box.info{ background-color: #4ea5cd; border-color: #3b8eb5; }
.emc2-alert-box.error{ background-color: #de4343; border-color: #c43d3d; }
.emc2-alert-box.warning{ background-color: #eaaf51; border-color: #d99a36; }
.emc2-alert-box.success{ background-color: #61b832; border-color: #55a12c; }

/* Box elements */
.emc2-alert-box h3{ margin: 0 0 5px 0; color:#fff; font-size:22px;}
.emc2-alert-box p{ margin: 0; color:#fff; }
.emc2alert-close{
	position:absolute;
	top:10px;
	right:10px;
	background:url(close.png) top left no-repeat;
	width:16px;
	height:16px;
	cursor:pointer;
}

/* Background animation */
@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
@-webkit-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg 
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

/* Admin shortcode popup */
#button-dialog { }
#button-dialog div{ padding: 5px 0; height: 20px;}
#button-dialog label { display: block; clear:right; float: left; margin: 0 8px 0 0; width: 80px; }
#button-dialog select, #button-dialog input { display: block; float: right; width: 100px; padding: 3px 5px;}
#button-dialog select { width: 112px; }
#button-dialog #insert { display: block; line-height: 24px; text-align: center; margin: 10px 0 0 0; float: right;}
#button-dialog textarea{ display:block; float:right; width:100px; padding:3px 5px; margin-bottom:5px;}