/*
 * @author Sofoklis Stouraitis
 */

* { margin: 0; padding:0; } 
 
body { 
  color: #444444;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color: #F5F5F5; 
}

#signinform { 
	background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 40px auto 20px;
    max-width: 240px;
    padding: 19px 29px 19px;	
}
#signinform h2 { 
	font-size: 31.5px;
	line-height: 40px;
	margin: 10px 0;
}

.forminput   { 
	font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
	border: 1px solid #CCCCCC;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;	
 } 
 
.forminput:focus, select:focus{ 
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
} 
 
.btn { 
	background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 11px 19px;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 }
 
.hint {margin: 0; padding: 5px 0 0; font-size: 10px; text-align: center;}
.hint b { color: #EB3915; font-size: 12px;}

select {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width: 100%;
	border-radius: 4px 4px 4px 4px;
	color: #139E33;
}

.error { background-color: #F09EAD;  font-size: 18px; padding: 10px; text-align: center; }
.success { background-color: #91FA94; font-size: 18px; padding: 10px; text-align: center; }
.info { background-color: #F4FAB6; padding: 10px; text-align: center; }
.bigTitle { font-size: 26px; padding: 10px; margin: 20px 0; text-align: center;}