/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/error.css);


/* Page Defaults
----------------------------------------------------------------------------------------------------*/

.center {
	width: 800px;
	margin-left: -400px;
}


.error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); }

.error > span {
	display: inline-block;
	position: relative;
}

.error > span:before {
	content: "";
	position: absolute;
	top: 70%;
	left: -30px;
	right: -30px;
	height: 80px;
	background: url(../images/error.png) no-repeat;
	background-size: 100% 100%;
}

.message { width: 400px; }

/* Offline */
.error-offline .error > span:before { top: 65%; }
.error-offline .message { width: 350px; }

/* Browser */
.error-browser .message { width: 500px; }

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Error Style Sheet - It is used for error, offline and Internet Explorer 6 upgrade page
 */


/* Defaults
----------------------------------------------------------------------------------------------------*/

body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.center {
	position: absolute;
	top: 30%;
	left: 50%;
	text-align: center;
}

.error {
	margin: 0;
	font-size: 200px;
	line-height: 200px;
	font-weight: bold;
}

.title { margin: 20px 0 0 0; }

.message { margin: 20px auto 0 auto; }

/* Offline */
.error-offline .error {
	font-size: 150px;
	line-height: 150px;
}

.error-offline form.short > div { margin: 10px 0; }

/* Browser */
.error-browser .error { line-height: inherit; }

.error-browser .error a {
	display: block;
	width: 135px;
	height: 132px;
	background: url(../images/error/browser_logos.png) 0 0 no-repeat;
	float: left;
}

.error-browser .error a.firefox { background-position: -135px 0; }
.error-browser .error a.opera { background-position: -270px 0; }
.error-browser .error a.safari { background-position: -405px 0; }
.error-browser .error a.ie { background-position: -540px 0; }