/*
CMS Self!Service lite
(c) 2013 by Peter Garstenauer & Reynhard Boegl for www.kick-image.at
Free Download: http://www.cms-self-service-lite.at

###########################################################################
#                                                                         #
#   NEVER CHANGE ANYTHING IN THIS FILE!                                   #
#                                                                         #
###########################################################################
Copy & change parts into "self_service_lite/customized/frontend.css"

# Login form for Admin
*/

div#self-service-lite form.ssl_login {
 clear:both;
 background:#FFF7F7;
 -moz-box-shadow:1px 1px 40px #666;
 -webkit-box-shadow:1px 1px 40px #666;
 box-shadow:1px 1px 40px #666;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 display:inline-block;
 border:5px solid #fff;
}
div#self-service-lite form.ssl_login h3 {
 margin-bottom:30px;
}
div#self-service-lite form.ssl_login table {
 padding:20px 25px 15px 15px;
 margin:5px;
}
div#self-service-lite form.ssl_login table td {
 text-align:right;
 padding:2px 0 0 10px;
}
div#self-service-lite form.ssl_login table td input {
 width:200px;
 padding:4px 0 4px 2px;
 border:1px solid #ccc;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
}
div#self-service-lite form.ssl_login table td input:focus {
 border:1px solid #000;
}
div#self-service-lite form.ssl_login table td input.ssluserloginbutton {
 width:auto;
 border:1px solid #999;
 background-color:#efefef;
 color:#000;
 padding:5px 10px 5px 10px;
 margin:5px 1px 10px 2px;
 font-weight:bold;
 float:right;
 -moz-box-shadow:1px 1px 1px #999;
 -webkit-box-shadow:1px 1px 2px #999;
 box-shadow:1px 1px 2px #999;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 text-shadow:1px 1px 1px #999;
}
div#self-service-lite form.ssl_login table td input.ssluserloginbutton:hover {
 background-color:#999;
 color:#fff;
}
div#self-service-lite form.ssl_login table td a {
 font-size:0.9em;
}
div#self-service-lite form.ssl_login fieldset p {/* wrong mail */
		display:block;
		float:none;
		clear:both;
		color:#f00;
		font-weight:bold;
		padding:20px 0 0 10px;
		white-space:normal;
		text-align:left ! important;
}
/* first login - change pw */
div#self-service-lite form.sslchangepassword h3 {
 font-size:1.3em;
 clear:both;
}
div#self-service-lite form.sslchangepassword {
 padding-bottom:100px ! important;
}
div#self-service-lite form.sslchangepassword fieldset {
		padding:0 ! important;
		background:#FFF ! important;
		border:none ! important;
		text-align:left ! important;
		-moz-box-shadow:0 0 0 #fff ! important;
		-webkit-box-shadow:0 0 0 #fff ! important;
		box-shadow:0 0 0 #fff ! important;
}
div#self-service-lite form.sslchangepassword table {
		background:#FFF7F7;
		-moz-box-shadow:1px 1px 40px #666;
		-webkit-box-shadow:1px 1px 40px #666;
		box-shadow:1px 1px 40px #666;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		display:inline-block;
		border:5px solid #fff; 
		margin:25px 0 10px 0 ! important;
		padding:15px ! important;
}
div#self-service-lite form.sslchangepassword table td {
}
div#self-service-lite form.sslchangepassword table td input {
		width:200px;
		padding:3px 0 3px 2px ! important;
		margin:0 0 3px 10px ! important;
		border:1px solid #ccc;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
}
/* save button - sslbuttons */
div#self-service-lite p.sslbuttons {
 margin:15px 0 0 0 ! important;
 padding:1px 0 0 0;
 height:2.4em;
}
div#self-service-lite p.sslbuttons input {
 font-size:15px;
 display:block;
 padding:7px 30px 7px 30px ! important;
 margin:0 10px 0 0 ! important;
 text-align:center;
 background-color:#f00 ! important;
 color:#fff;
 font-weight:bold;
 float:left;
 border:1px solid #f00 ! important;
 -moz-box-shadow:1px 1px 4px #666;
 -webkit-box-shadow:1px 1px 4px #666;
 box-shadow:1px 1px 4px #666;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 text-shadow:1px 1px 4px #666;
 font-family:Arial,sans-serif ! important;
} 
div#self-service-lite p.sslbuttons input:hover {
 background-color:#fff ! important;
 color:#f00 ! important;
 cursor:pointer;
 -moz-box-shadow:0 0 0 #666;
 -webkit-box-shadow:0 0 0 #666;
 box-shadow:0 0 0 #666;
 text-shadow:0 0 0 #666;
}
/* cancel button */
div#self-service-lite a.sslcancel { 
 display:block;
 padding:7px 20px 7px 20px ! important;
 margin:0 0 0 0;
 text-align:center;
 border:none;
 background-color:#fff;
 color:#f00 ! important;
 font-weight:bold;
 float:left;
 border:1px solid #f00;
 text-decoration:none;
 -moz-box-shadow:1px 1px 4px #666;
 -webkit-box-shadow:1px 1px 4px #666;
 box-shadow:1px 1px 4px #666;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 text-shadow:1px 1px 4px #999;
}
div#self-service-lite a.sslcancel:hover {
 background-color:#f00;
 color:#fff ! important;	
 -moz-box-shadow:0 0 0 #666;
 -webkit-box-shadow:0 0 0 #666;
 box-shadow:0 0 0 #666;
 text-shadow:0 0 0 #666;
}

/* error - success */
 div#self-service-lite .ssladminerror {
		display:block;
		width:91%;
		background:#f00;
		padding:15px 4%;
		color:#fff;
		font-weight:bold;
		margin-bottom:15px;
		-moz-box-shadow:1px 1px 1px #999;
		-webkit-box-shadow:1px 1px 2px #999;
		box-shadow:1px 1px 2px #999;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
  text-shadow:1px 1px 1px #999;
		border:1px solid #fff;
 }
 div#self-service-lite .ssladminsuccess {
		display:block;
		width:91%;
		background:#390;
		padding:15px 4%;
		color:#fff;
		font-weight:bold;
		margin-bottom:15px;
		-moz-box-shadow:1px 1px 1px #999;
		-webkit-box-shadow:1px 1px 2px #999;
		box-shadow:1px 1px 2px #999;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
  text-shadow:1px 1px 1px #999;
		border:1px solid #fff;
 }