body {
font-family : Arial, Helvetica, sans-serif;
}

select,
input[type="text"], input[type="password"], input[type="email"] {
width : 100%;
padding : 8px;
margin: 0px 0px 5px 0px;
display : inline-block;
border : #ccc solid 1px;
box-sizing : border-box;
}

.containerform label {
	font-size:12px;
	line-height: 16px;
	display: inline-block;	
}


button {
background-color : #0aada8;
color : white;
padding : 14px 20px;
/*
margin : 8px 0;
*/

margin : 10px 0px 0px 0px;
border : none;
cursor : pointer;
width : 100%;
border-radius: 3px;
}

button:hover:enabled {
opacity : 0.8;
}

    .modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
        display : block;
        width : 540px;
        margin : 0 auto;
        margin-top : 100px;
        padding : 15px 15px;
        background : #fff;
        border-radius : 7px;
        box-shadow : 2px 3px 4px -2px rgb(0, 0, 0, 0.55);
	}


	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 12px;
		text-align: center;
		top: 10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { 
	    background: #00d9ff; 
    }

.containerform {
  border-radius: 5px;
  /*
  background-color: #f2f2f2;
  */
  padding: 10px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}