@charset "utf-8";

/*---------------  Alerter -------------*/

	.status-box {
		position: fixed;
		top: 6%;
		left: 10px;
		right: 15px;
		height: 0;
		/* center all inline content */
		text-align: center;
		z-index:66666;
	}
	
	.status-wraper{
		display:table;
		margin:0 auto;
		text-align:left;
	}

	@media only screen and (max-width:720px){
		.status-box {
			left:10px;
		}
	
	}

	#status {
		position:relative;
		margin:0 15px 0 10px;
		margin:0 auto;
		display:none;
		font-family: 'Helvetica', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
	
	#status .error {padding:10px 10px 7px 45px; border: 1px solid #FBC4C4;  border-left:5px solid #FBC4C4;
		font-size: 14px; line-height:19px; color:#de3747; 
		background:url(images/status-error.png) no-repeat 5px 5px #fde9ea; 
		position:relative; 
		margin:0 auto; min-height:22px;
		box-shadow:0px 0px 5px #999;
	}
		
	#status .error a{
		background:url(images/circle.png) #DE5959;
		background-size:18px 18px;
		display:inline-block;
		width:18px;
		height:18px; 
		position:absolute;
		float:right;
		margin:-18px 0 0 0;
		font-weight:bold;
		border-radius:50%;
		box-shadow:0px 0px 5px #999;
	}
	
	#status .success {padding:10px 10px 7px 45px; border: 1px solid #B3DC82;  border-left:5px solid #B3DC82;
		font-size: 14px; line-height:19px; color:#5F9025; 
		background:url(images/status-success.png) no-repeat 5px 5px #EBF6E0; 
		position:relative; 
		margin:0 auto; min-height:22px;
		box-shadow:0px 0px 5px #999;
	}
		
	#status .success a{
		background:url(images/circle.png) #5F9025;
		background-size:18px 18px;
		display:inline-block;
		width:18px;
		height:18px; 
		position:absolute;
		float:right;
		margin:-18px 0 0 0;
		font-weight:bold;
		border-radius:50%;
		box-shadow:0px 0px 5px #999;

	}
	
	#status .warning{padding:10px 10px 7px 45px; border: 1px solid #DED58A; border-left:5px solid #DED58A;
		font-size: 14px; line-height:19px; color:#8F872E; 
		background:url(images/status-warning.png) no-repeat 5px 5px #FBFADD;
		position:relative; 
		margin:0 auto; min-height:22px;
		box-shadow:0px 0px 5px #999;
	}
	
	#status .warning a{
		background:url(images/circle.png) #8F872E;
		background-size:18px 18px;
		display:inline-block;
		width:18px;
		height:18px; 
		position:absolute;
		float:right;
		margin:-18px 0 0 0;
		font-weight:bold;
		border-radius:50%;
		box-shadow:0px 0px 5px #999;
	}
	
	#status .notice{padding:10px 10px 7px 45px; border: 1px solid #B6D7E8; border-left:5px solid #B6D7E8;
		font-size: 14px; line-height:19px; color:#5091B2; 
		background:url(images/status-info.png) no-repeat 5px 5px #E9F7FE; 
		position:relative; 
		margin:0 auto; min-height:22px;
		box-shadow:0px 0px 5px #999;
	}
	
	#status .notice a{
		background:url(images/circle.png) #5091B2;
		background-size:18px 18px;
		display:inline-block;
		width:18px;
		height:18px; 
		position:absolute;
		float:right;
		margin:-18px 0 0 0;
		font-weight:bold;
		border-radius:50%;
		box-shadow:0px 0px 5px #999;
	}
	
	#status .notice a:hover, #status .warning a:hover, #status .success a:hover, #status .error a:hover{
		text-decoration:none;
	}
	
	#status .notice p, #status .warning p, #status .success p, #status .error p{
		white-space:pre-line;
		display:inline-block; 
		position:relative; 
		margin:0; 
		margin-right:10px;
	}