@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:100);
@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html { 
  background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#errormsgbox{
	color:red;
}
body {
    color: #eee;
    font-family: "Raleway",Arial,sans-serif;
    font-size: 1em;
    font-weight: 400;
}

header {
	font-family: 'Lato', Arial, sans-serif;
	margin: 0 auto;
	text-align: center;
	color: #009ee0;
	border-top:30px solid  #009ee0;
	
}


.container {
	width:470px;
	margin:0 auto;
}


section {
    margin:0 auto;
    height: auto;
    margin:0 auto;
    width: 470px;
	
}
 input[type="date"]::before { 
    	content: attr(data-placeholder);
    	width: 100%;
    }
	input[type="date"]:focus::before,
    input[type="date"]:valid::before { display: none }
footer {
	background:#009ee0;
    border-top: 1px solid #EDEFF0;
    color:#fff;
    float: left;
    font-family: 'Lato',Arial,sans-serif;
	font-weight:bold;
    height: 30px;
    line-height: 21px;
    margin: auto 0;
    position: fixed;
    text-align: center;
	bottom:0;
    width: 100%;
}
.containerfooter{
	width:940px;
	margin:0 auto;
}