/*
 * Style for the login page template
 */

div#ab-opa-login-page{
  width: 250px;
  margin: 15px auto;
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 5px;
}


div#ab-opa-login-page input[type="submit"], div#ab-opa-login-page input{
  width:100%;
  height:27px;
  padding:1px;
  border: 1px solid #c5c8cc;
  margin-left: -2px;
}

div#ab-opa-login-page input[type="submit"]{
  	box-sizing: content-box;
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

div#ab-opa-login-page input[type="submit"]:hover{
	background: #bb1185;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #eee;
}

/*
 * Wrong password
 */
div#ab-opa-login-page.wrong input[type="text"]{
  border: 1px solid #DC143C;
}

div#ab-opa-login-page.wrong p.wrong{
  color: #bb1185;
  font-style: oblique;
}