/**
 * @package    SmartOrder Login for Joomla 3.x
 * @author     Ákos Szabó
 * @copyright  Copyright (C) 2013- Ákos Szabó All rights reserved.
 * @license    GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 * @see        LICENSE.txt
 */

/* Login Clearbox */
table.clrboxLogin {margin:25px auto 0 auto}
table.clrboxLogin td{padding: 5px;font-family: arial; font-size: 13px; text-align: left;}
form.clrboxLogin .inputbox{padding:6px !important; color: #444444; width: 180px; background: #fff !important; border: 1px solid #ccc !important;}
div.errLogin{color:red;font-family: arial;font-size: 13px; }


.sm-loggedin{
margin-top:18px;
float:left;
}

.sm-loggedin-indicator{
	background: url("./sm-sprite.png") no-repeat scroll 0 -200px transparent;
    width: 18px;
    height: 18px;
    float: left;

}

.sm-loggedin-text{
    float: left;
    height: 18px;
	line-height:18px;
	font-size:13px;
	color:#fff;
	margin-left:12px;
}



/*Buttons ------------ */

a.login-sm-button {
	float:right;
	display:block;
	margin-top:12px;
	margin-right:26px;
	line-height:35px;
	
	background: #FFF;
	color: gray;
	font: bold 11px "Helvetica";
	padding: 3px;
	padding-left:20px;
	text-decoration: none;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.login-sm-logout{
/*margin-top:4px !important;*/
}

a.login-sm-button:after {
	background-color: #999;
	color: #FFF;
	content: ">";
	display: inline-block;
	font: bold 11px "Georgia";
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	text-align: center;
	width: 25px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	
}

a.login-sm-button:hover {
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	color:#d59100;
}


a.login-sm-button:hover:after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	background-color:#d59100;
}





/* multiSmartorder warning ---------------*/
#system-message{
display:block;
width:100%;
background:#444 url(../images/warning.svg) 5% 50% no-repeat;
background-size:20px 20px;
border-top:4px solid #f00;
border-bottom:4px solid #f00;
overflow:hidden;
}

.alert{
padding:6px 12px;
}

.alert-warning{}

.alert > h4{
	font-size:18px;
	text-transform:uppercase;
	clear:both;
	color:#fff;
	margin:0;
	padding:0;
}

.alert >div{
font-size:15px;
color:#aaa;

}

.alert >div p{
padding:0px;
margin:0px;
}


.alert > a.close{
display:none;
}


.errLogin{
display:none;
}

body.contentpane{
margin:0 !important;
}