html, body, .center { 
	height: 100%; 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	border-spacing: 0px; 
	font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;
}



body { 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
 

.center { 
	vertical-align: middle;
}

form {
	margin:0; 
	padding:0px;
}
.formFooter {
	padding:5px;
	text-align:center;
}
#container {
	max-width:800px;
	background-color:#ddd;
	margin: 0 auto;
	padding:0px;
    position:relative;
}
.header {
	padding:5px;
	font-size:1.2em;
	text-align:center; 
	line-height:32px;
}

#bodyCnt {
	max-height:390px;
	overflow:auto;
	padding:10px
}

pre{
    white-space: pre-wrap;
}

.centeredContent {
    display:table;  
    margin: auto;
}

#bodyTd {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding:5px;  
    background-color:#fff;
}

input[type=submit] {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #bbb;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-weight:600;
    padding:5px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

input[type=submit]:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}

input[type=submit]:active {
    position:relative;
    top:1px;
}

input[type=submit]:focus {
    border:1px solid #333;
}

.answer {
	margin-top:10px;margin-left:10px;
}

label {
    bottom: 1px;
    position: relative;
    padding-left: 3px;
    color: #333;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
   color: #000;
   text-shadow: 1px 1px 1px #aaa;
}

input[type=checkbox] + label {
    bottom: 2px;
}

.question {
	font-size:1.1em;
    margin-bottom: 15px;
    font-weight: bold;
}

 

#container {
	    border-radius: 5px;
	    box-shadow: 0 0 5px rgba(0,0,0,0.15);
	    border: 2px solid #bbb;
        height:525px !important;
}

@media (max-height: 525px) {
    #container {
        height:100vh  !important;
        border-radius: 0px;
    }
}

@media (max-width: 820px)  {
    #container {
	    border-radius: 0px;
    }
}

 
#buttons { overflow: hidden; }
#buttons input { float: right; }