/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.01.2015, 12:11:43
    Author     : liebsche
*/

main form > p {
	display: flex;
	align-items: flex-start;
}

main form label {
   padding-right: 0.5em;
   width: 25%;
}   

main form input,
main form textarea,
main form select {
	flex: 1 1 auto;
	border: 1px solid #E0E2E3;
	background-color: #F8F8F8;
	padding: 0.25rem;
	margin: 0.125rem 0;
	border-radius: 0.2rem;
}

main form input:hover,
main form input:focus,
main form input:active,
main form textarea:hover,
main form textarea:focus,
main form textarea:active,
main form select:hover,
main form select:focus,
main form select:active {
	background-color: #e7e9ea;
}

main form checkbox {
	flex: 1 1 auto;
}

main form input[type=button],
main form input[type=submit],
main form input[type=reset]{
   flex: none;
   width: 50%;
	border: 1px solid #C0C2C3;
	background-color: rgb(244, 244, 244);
	background-image: linear-gradient(rgb(244, 244, 244) 0%, rgb(222, 222, 222) 100%);
	padding: 0.25rem;
	margin: 0.25rem 0;
	border-radius: 0.2rem;
}

main form input[type=button]:hover,
main form input[type=button]:focus,
main form input[type=button]:active,
main form input[type=submit]:hover,
main form input[type=submit]:focus,
main form input[type=submit]:active,
main form input[type=reset]:hover,
main form input[type=reset]:focus,
main form input[type=reset]:active {
	border: 1px solid #B0B2B3;
	background-color: rgb(200, 200, 200);
	background-image: linear-gradient(rgb(233, 233, 233) 0%, rgb(211, 211, 211) 100%);
	cursor: pointer;
}

main input[type="checkbox"], input[type="radio"] {
  flex: none;
  width: auto;
}

@media screen and (max-width: 550px) {

main form > p {
	flex-direction: column;
}
    
main form label,
main form input,
main form textarea,
main form select {
	width: 100%;
}

}