/** Add css rules here for your application. */
/**/

.ea-composetextarea {
	background:none repeat scroll 0 0 white;
    border:1px solid #000000;
    border-style: inset; 
    padding:3px;
    width: 600px;
    height: 500px;
}

.ea-subject {
    width: 500px;
}

.messagepanelinfo{
width: 650px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/green.png');

}

.messagepanelerror{
width: 650px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/red.png');
	
}

#slot{
background:none repeat scroll 0 0 #CCCCCC;
border:1px solid #000000;
margin:5px;
padding: 10px;
}


/*------------------------------------*\
	Mobile
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:0px;
  border:0px!important;
}

div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0px!important;
  padding-left:0px!important;
}



img{
  max-width:100%;
  height:auto;
}

.ea-composetextarea {
width:250px;
height:250px;
}

.ea-subject {
    width:auto;
}

.messagepanelinfo{
width:100%;
}
	
.messagepanelerror{
width:100%;
	
}

.ea-selectdeliverdate{
width:90%!important;
	
}
	
.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel, .datePickerPreviousButton, .datePickerNextButton, .datePickerMonth
{
	font-size: x-large!important;
}

html{
padding:0px!important;
margin:0px!important;
}

body{
border:0px!important;
}

#slot{

border:0px!important;

}
	
}