*{
	font-family:source-sans-pro;
}
html { 
	background: url(../img/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body{
	margin:0;
	padding:0 15px 0 15px;
}
#container{
	background-color:rgba(255,255,255,0.90);
	min-height:100vh;
	width:calc(100%-15px);
	max-width:800px;
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	box-shadow: 0px 0px 100px #FFF;
	
	border-radius:5px;
	
}
.coverImg{
	box-shadow: 5px 5px 10px #CCC;
	border:1px solid #000;
	margin:auto;
	display:block;
	width:100%;
	max-width:318px; 
}
.heading{
	text-align:center;
}
td{
	padding:5px;
}


.frow label, .ftitle{
	font-weight:bold;
}
.frow{
	margin: 3px 0 0 0;
	padding: 3px;
	border-radius:.4em;
}
.frow:hover{
	background-color:#FF9;
}
.sform input[type="text"], .sform input[type="email"], .sform textarea{
	background-color:#fff38a;
	border-radius:.4em;
	border:solid 1px #800;
	margin: 0 5px 0 0;
	font-size:1em;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0 5px 0 5px;
	-webkit-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	-moz-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	box-shadow: inset -1px -2px 2px 0px #c1c1c1;
}
input{
background-color:#fff38a;
	border-radius:.4em;
	border:solid 1px #800;
	margin: 0 5px 0 5px;
	font-size:1em;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0 5px 0 5px;
	-webkit-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	-moz-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	box-shadow: inset -1px -2px 2px 0px #c1c1c1;
}
.sform textarea{
	height:50px;
	resize:vertical;
	overflow: hidden;
}
.sform input[type="submit"], .sform button{
	background: rgb(255,243,138);
	background: -moz-linear-gradient(top,  rgba(255,243,138,1) 0%, rgba(255,243,138,1) 50%, rgba(255,238,117,1) 51%, rgba(255,243,138,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,243,138,1)), color-stop(50%,rgba(255,243,138,1)), color-stop(51%,rgba(255,238,117,1)), color-stop(100%,rgba(255,243,138,1)));
	background: -webkit-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff38a', endColorstr='#fff38a',GradientType=0 );
	border-radius:.6em;
	border:solid 2px #800;
	font-size:1em;
	font-weight:bold;
	padding: 6px 15px 6px 15px;
	margin-top:5px;
	text-shadow: 0 1px 0 #FFFFFF;
	box-shadow: 0 0 10px #666;
}
.sform button[data-type="mini"]
{
	padding: 1px 3px 1px 3px;
}
.sform input[type="submit"]:hover, .sform button:hover{
	background:#FF3;
	box-shadow: 0 0 10px #F00;
}
.sform input[type="submit"]:active, .sform button:active{
	background:#D07575;
	box-shadow: 0 0 10px #800;
}
.sform select{
	background-color:#fff38a;
	border-radius:.4em;
	border:solid 1px #800;
	margin: 0 5px 0 0;
	font-size:1em;
	padding: 0 5px 0 5px;
}

/*Check Boxes*/
.sform input[type="checkbox"]{
	display:none;
}
.sform input[type="checkbox"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(formicons.svg) left top no-repeat;
	cursor:pointer;
}
.sform input[type="checkbox"]:disabled + label span{
	background:url(formiconsdis.svg) left top no-repeat;
}
.sform input[type="checkbox"] + label{
	padding-right:15px;
}
.sform input[type="checkbox"]:checked + label span {
    background:url(formicons.svg) -19px top no-repeat;
}
.sform input[type="checkbox"]:checked:disabled + label span {
    background:url(formiconsdis.svg) -19px top no-repeat;
}
/*Radio Button*/
.sform input[type="radio"]{
	display:none;
}
.sform input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(formicons.svg) -39px top no-repeat;
    cursor:pointer;
}
.sform input[type="radio"]:checked + label span {
    background:url(formicons.svg) -58px top no-repeat;
}