#loginWrapper {
	border-right: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin: 10px;
    padding: 0 80px 0 20px;

}

#signupTeaser {
    float: left;
    margin: 10px 0;
    padding: 10px 20px 10px 30px;
}

#teaser {
    border-top: 1px solid #CCCCCC;
    clear: both;
    padding: 2em;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

input,textarea,select {
    background-color: #F5F5F5;
    border: 2px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    font-size: 20px;
    min-height: 42px;
    margin-bottom: 10px;
	padding-left: 5px;
	margin-right: 10px;
}

input[type="submit"]{
	min-height: 34px;
}
select {
	height:42px;
	line-height: 42px;
	vertical-align: middle;
	padding-top: 5px;
}

label {
    border: 0 none !important;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    display: block;
    padding-bottom: 5px;
}

.checkbox input {
	float: left;
	min-height: 20px;
}

.checkbox label {
   display: block !important;
   height: 42px;
   float: left;	
   width: 300px;
}

.required optional {
	clear: both;
}

form .errors input {
	color: red;
	background-color
}

.formSubmit {
	background-image: url("/images/btn_small.png");
	width: 158px;
	height: 34px;
	font-size: 14px;
    font-weight: bold;
    padding-right: 24px;
    text-align: center;
}

.formSubmit:hover{
	background-image: url(/images/btn_small_hover.png);
	text-decoration: none;
}