.modAlert, .modAlert *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modAlert {
	/*	position: fixed;
	top: 0;
	right: 0;
	width: 380px;
	overflow: hidden;
	z-index: 1007;
	padding: 17px 25px 17px;
	background: rgba(0,0,0,.25);*/
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index:1000;
}
.modAlert-item:last-child{
	margin-bottom: 3px;
}
.modAlert-item {
	display: none;
	position: relative;
	left:0;
	right:0;
	top:40%;
	bottom:0;
	overflow: hidden;
	border: 1px solid #ddd;
	border-left: 4px solid #888;
	background: #fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAF0lEQVQImWP4//8/EwMDAxOMRsc0EgcADVcSKWmPmVIAAAAASUVORK5CYII=) repeat-x 0 0;
	font: normal 18px/120% 'Trebuchet MS', Arial;
	color: #333;
	padding: 0px 22px 20px 60px;
	box-shadow: inset 0 0 0 1px #fff, 0 2px 11px -2px rgba(0,0,0,.35);
	border-radius: 2px;
	cursor: pointer;
	width: 380px;
	margin: 20px auto;

}
.modAlert-item.modAlert-onerow {
	padding-top: 10px;
}
.modAlert-item.modAlert-noicon {
	padding-left: 22px;
}
.modAlert-item.modAlert-notitle {
	padding-top: 13px;
	padding-bottom: 13px;
}
.modAlert-item:hover{
	background: #fff;
}
.modAlert-title{
	font-size: 1.4em;
	line-height: 1.58em;
	font-style: italic;
	color: #333;
}
.modAlert-text {
	word-break: break-word;
	text-align: center;
	padding: 20px 0;
}
.modAlert-text b{
	color: #666;
}
.modAlert-success{border-left-color: #8cc540;}
.modAlert-success .modAlert-title{color: #8cc540;}

.modAlert-error{border-left-color: #f15941;}
.modAlert-error .modAlert-title{color: #f15941;}

.modAlert-warning{border-left-color: #f3b00a;}
.modAlert-warning .modAlert-title{color: #f3b00a;}

.modAlert-info{border-left-color: #38bae4;}
.modAlert-info .modAlert-title{color: #38bae4;}

.modAlert-icon{
	position: absolute;
	top: 50%;
	left: 30px;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	margin-left: -17px;
	border: 2px solid #fff;
	background: #888;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAECAYAAAC+0w63AAAAO0lEQVQYV2P8//+/JwMDw1wGBgZJBuLAcwYGhmTG////PyNBE8zo5+RqfAHS6AV1qgRxLmV4ysDAkAYANkQUWTGdBTUAAAAASUVORK5CYII=);
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.1);
}
.modAlert-success .modAlert-icon{
	background-color: #8cc63e;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiElEQVQ4T6WSYQ6AIAiFZXXWOlOdtWaTiROCgOUfN/V7wPNB+bkgy9f7OhoDy7rjnhFAGMqGTC1nEwkLMJiqNpFIBypMXXgCn7A3ggczE6W7EXgISHdxLHJ7nrE7Px+BWUmao8BYJyRgwPoIwcr0bOTADEqPrPXdLEhaVL2cvJIovzMt4AHy/gFTwlUzd7dpzAAAAABJRU5ErkJggg==);
}
.modAlert-error .modAlert-icon{
	background-color: #f15941;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgElEQVQ4T61T0Q6AIAiE1bfWN+W31mywsETENvRFhfPGHYjwrHydBx1xWXeJWbvGIYE4iLDxgwypR2LhsAqWclqSLs5MqEpcTCPhKzxD4qvIUzmSyh64JKaTr8RC8JtEmVwRDEmMDs0l6LptmCehOSZ6fR62MTxI4VEOf6bod74BGHuKVcXz6f0AAAAASUVORK5CYII=);
}
.modAlert-warning .modAlert-icon{
	background-color: #ffcb06;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkwAH+////H1mKkZGREZtSrIIghaMGjIYBVdIBrhSKLo4zJVJswAhKygBSLzgRfdCTRgAAAABJRU5ErkJggg==);
}
.modAlert-info .modAlert-icon{
	background-color: #40c9f7;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuklEQVQ4T6WTgQqDMBBDk9b9/w+vyUiLwqbCbjuoSFvvcrkncRNeMU9JZvHq6uVmLkoyaBgETbRWTLArIHcVvabAspWPleqzjVqCO28+9289+CvB6n+sHOxg/Ozt+xbm/AzkMUg0GJ2FBCk8ZBNR0UAR3IomSk8jAKFFCljlQI6CFdGxVcd4cByO+AMH9nD6V2DOWyuaeCiYP0ZhjEHYFOjwi2lgkCaeIB4npE9wvFVOA84wemRA4ImHF63bZhEL3Lj4AAAAAElFTkSuQmCC);
}
