/**
* @version $Id: template.css 10387 2008-06-03 10:59:16Z pasamio $
* @copyright Copyright (C) 2005 - 2006 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

/**
 * Joomla! 1.5 Admin template main css file
 *
 * @author		Andy Miller <andy.miller@joomla.org>
 * @package		Joomla
 * @since		1.5
 * @version  	1.0
 */

/* -- Imported styles ----------------------------- */

@import url("general.css");
@import url("icon.css");
@import url("menu.css");
@import url("component.css");

.spinner{
	height: 15px;
	width: 15px;
	-webkit-animation: rotation 0.8s infinite linear;
	-moz-animation: rotation 0.8s infinite linear;
	-o-animation: rotation 0.8s infinite linear;
	animation: rotation 0.8s infinite linear;
	border-left: 2px solid rgba(0,174,239,.15);
	border-right: 2px solid rgba(0,174,239,.15);
	border-bottom: 2px solid rgba(0,174,239,.15);
	border-top: 2px solid rgba(0,174,239,.8);
	border-radius:100%;
	display: inline-block;
	margin-right: 10px;
}

.mz-spinner:after {
	content: ' ';
	height: 15px;
	width: 15px;
	-webkit-animation: rotation 0.8s infinite linear;
	-moz-animation: rotation 0.8s infinite linear;
	-o-animation: rotation 0.8s infinite linear;
	animation: rotation 0.8s infinite linear;
	border-left: 2px solid rgba(0,174,239,.15);
	border-right: 2px solid rgba(0,174,239,.15);
	border-bottom: 2px solid rgba(0,174,239,.15);
	border-top: 2px solid rgba(0,174,239,.8);
	border-radius:100%;
	display: inline-block;
	margin-right: 10px;
}
.mz-spinner.mz-spinner-large:after
{
	height: 70px;
	width: 70px;
	top: calc(50% - 70px);
	position: fixed;
	left: calc(50% - 30px);
	z-index: 1111;
	border-width: 5px;
}
.mz-spinner:before
{
	content: ' ';
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1111;
	background: #000;
	opacity: 0.5;
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

