.alert{
	color: #ea0000;
	font-size: 12px;
	margin-bottom:5px;
}

.alert_ok{
	color: #009724;
	font-size: 12px;
	margin-bottom:5px;
}

.TTWForm-container {
	width:auto;
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	float:center;
	/*position: absolute;*/
	/*left: 50%;*/
	/*margin-left: -225px;*/
	
}

/** Field Widths */
.f_100 {
    /* width: 400px; */
    display: inline;
    float: center;
	text-align:center;
   /* margin-left: 2%;*/
   /* margin-right: 2%; */ /* jquery ui resize grid hack - not sure why */
}

/* for 650px or less */
@media screen and (max-width: 650px) {
	
	.TTWForm{
		width: 98%;
	}
	.f_100 {
		width: 100%;
		display: inline;
		float: center;
	}	
	.TTWForm-container {
		width: auto;
		float: none;
	}	
	
}


#form-title {
    padding: 12px;
}

#form-title h2{
    margin-bottom:0;
}

/** Clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/** IE Hacks **/

input {
	width:97%;
    font: 16px/24px Verdana, "Arial", Helvetica, Verdana, sans-serif;
    padding: 6px 6px;
    color: #000;
    border: 1px solid #b0b0b0;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
	margin-bottom:8px;
}

#kirjauduNappi{
	/* margin-top:20px; */
	/* margin-bottom:10px; */
	max-width: 100%; height: auto;
}

#rekisteroidyNappi{
	/* margin-top:20px; */
	/* margin-bottom:10px; */
	max-width: 100%; height: auto;
}