*{
margin:0px;
padding:0px;
}
#messages-container {
	position:relative;
	background-color: #FFFFFF;
	margin: 0 7px 0 7px;


}
.content-messages p {
 	margin: 0.5em 0 0.5em 0;
 	text-align: left;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-weight: normal	;
 	font-size: 100%;
 	border: 0;
 	outline: 0;
 	padding: 0;
 	border-style: none;
 	vertical-align: baseline;
}
.close{
display:none;
}
.errorMessage {
	background:url(/vasista/images/exclamation.png) no-repeat 10px 45%;
	color: #E9EDEF;
    background-color: rgba(231,76,60,.88);
    border-color: rgba(231,76,60,.88);
	border-radius:10px;
	font-weight: normal;
	margin: .3em 1em 0 1em;
	padding:15px 50px;
}
.eventMessage{
    color: #E9EDEF;
    background-color:rgba(38,185,154,.88);
    border-color: rgba(231,76,60,.88);
	border-radius:10px;
	font-weight: normal;
	margin: .3em 1em 0 1em;
	padding:15px 50px;
}
div {
	display: block;
}
body{
height:100vh;
background:url("/vasista/images/march.jpg") no-repeat;

background-size:100%;
}
#tb1{
background-color:white;
position:relative;
top:20px;
width:180px;
}
#bt1:hover{
cursor:pointer;
background-color:#503a32;
}
#login-button{
padding-bottom:10px;
}
#login-button div a:link,#login-button div a:visited,.new div a:link,.new div a:visited
{
text-decoration:none;
color:#888888;
}
#login-button div a:hover,#login-button div a:active,.new div a:hover,.new div a:active{
text-decoration:underline;
color:#ff7514;
}
.subt{
width:320px;
}
@media only screen and (max-width: 600px) and (min-width: 260px)  {
	#tb1{
    	width: 60%
    	}
}
@media only screen and (max-width: 768px) and (min-width: 601px)  {
	.subt{
    	width: 60%
    	}
    	#tb1{
    	width: 50%
    	}
}