#form{
background-color:#e0d8cd;
padding-top:20px;

padding-bottom:10px;

margin-left:auto;
margin-right:auto;
width:430px;
}

#form table{
margin-left:auto;
margin-right:auto;

}

#form td{
padding:5px 5px 5px 5px;
margin:0px;
}
#form input{
background-image:url('../images/grafisk/inputBg.png');
border:0px;
padding:5px;
margin:0px;
width:166px;
font:italic 13px;
color:#3d3938;  
}
#form input.small{
width:50px;
}
#form input.medium{
width:105px;
}
#form input.textarea{
width:120px;
}
#form td.error li{
color:#990109;
text-align:left;
font-size:10px;
line-height:5px;
}
#form span.error{
color:#990109;
font-size:15px;
}
#form option{
background-color:#aea395;
border:0px;
}
#form select {
background: url('../images/grafisk/SelectBgLong.png');
border: 0px;
padding: 4px;
border: 0px;
width: 365px;
color: #FFF;
font:italic 13px Arial, Verdana, "Times New Roman", Times, serif; 
}
#form .submit_button {
background-image: url('../images/grafisk/SubmitButton.png');
color: #FFF;
background-color: #327823;
padding: 3px;
width: auto;
font-size: 12px;
}


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

#form table{
margin-left:auto;
margin-right:auto;

}

#form{
width:90%;
padding-top:10px;

padding-bottom:10px;


}

#form td{
padding:1px 1px 1px 1px;
margin:0px;

}
#form input{
border:0px;
padding:5px;
margin:0px;
width:115px;
background-size:133px 24px;

}
#form input.small{
width:45px;
}
#form input.medium{
width:55px;
}
#form input.textarea{
width:310;
}
#form select {
width:310px;
}



}






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



#form{
width:90%;
padding-top:10px;

padding-bottom:10px;


}


#form input{
border:0px;
padding:5px;
margin:0px;
width:114px;
background-size:124px 24px;

}
#form input.small{
width:45px;
}
#form input.medium{
width:45px;
}
#form input.textarea{
width:30%;
}
#form select {
width:250px;
}



}







/* CUSTOMER "BECOME HOST AFTER PARTY"-EMAIL */
.editcustwrapper { 
    width:100%;
    height:400px;
}

.editcustwrapper form{ 
    margin-left:auto;
    margin-right:auto;
    width:480px;
    padding:5px;
    border: thin solid #AEAEAE;
    background-color: #e0d8cd;
}

.editcustwrapper .inputGroup{
    display:inline-block;
    margin-bottom:5px;
}

.editcustwrapper textarea{
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #444444;
    font-size: 16px;
    height: 150px;
    margin: 5px;
    padding: 10px;
    width: 440px;
}


.inputGroup label{
    width:auto;
    position:absolute;
    margin-top:7px;
    margin-left:7px;
    display:inline-block;
    font-weight:lighter;
    font-size:12px;
    color:#444444;
}

.inputGroup input{
    margin:5px;
    font-size:16px;
    padding-top:10px;
    width:220px;
}

.inputGroup input.postcodeInput{
    width:50px;
}

.inputGroup input.postlocationInput{
    width:155px;
}

/* ERROR MESSAGE */
.errorMessage{
    animation-name: noticeTextStrong;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;	
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards;
}

@keyframes noticeTextStrong {
	0% {  color:inherit; }

	50% { color:#000000; }

	100% { color:#AE1A1F; }
}