html,body,div{margin:0;padding:0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:150%;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
strong,b{font-weight:bold;}
.ftw-table{font-size:1em;border-collapse:collapse;}
.ftw-table th,.ftw-stepBoxHd {
    font-weight:bold;
    padding:12px 28px;
    font-size:1.2em;
    background-color:#800000;
    color:#ffffff;
    border:none;

    background: -moz-linear-gradient(top, #b90b0b 0%, #932929 44%, #680000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90b0b), color-stop(44%,#932929), color-stop(100%,#680000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90b0b', endColorstr='#680000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* W3C */
}

.ftw-table td,.ftw-table th{padding:8px;text-align:center;}
.ftw-table td{border-bottom:2px solid gray;text-align:left;}
p,h2{margin:24px 0;}
caption{text-align:justify;}
h1,h2,h3,h4,h5,h6{font-weight:bold;text-align:center;}
h2{font-size:150%;}
input[readonly]{font-weight:bold;padding-left:0;}

caption{padding-bottom:16px;}
.footer{margin:40px 0 24px 0;}

#ftwUpgradeMsg{display:none;}
#ftwUpgradeMsg a{color:#ffffff;}
.ftw-requirementMsg{text-align:center;font-size:1em;border:1px solid #BBBBBB;color:#ffffff;background-color:rgb(128,0,0);padding:8px 0;}

#ftwLoginForm{width:350px;text-align:left;margin:0 auto;margin-top:32px;}

#content{text-align:center;margin-top:70px;max-width:838px;padding-left:10px;padding-right:10px;}

.ftw-loginFormRow{margin:16px 0 0;}
.ftw-loginLabel{display:inline-block;width:128px;text-align:right;margin-right:20px;}
.ftw-loginLabel2{display:block;}
.ftw-loginInput{padding:5px;width:200px;color:#445;border:1px solid #BBB;}
.ftw-loginInput2{padding:5px;color:#445;border:1px solid #BBB;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.ftw-loginBtn{
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
	color:#ffffff;
	padding:8px;
	margin:0;
	border-radius:4px;
	border:none;
    background-color:#800000;
	background: #b90b0b; /* Old browsers */
	background: -moz-linear-gradient(top, #b90b0b 0%, #932929 44%, #680000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90b0b), color-stop(44%,#932929), color-stop(100%,#680000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90b0b', endColorstr='#680000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b90b0b 0%,#932929 44%,#680000 100%); /* W3C */
}

.ftw-loginBtn:active {
	background: #680000; /* Old browsers */
	background: -moz-linear-gradient(top, #680000 0%, #932929 56%, #b90b0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#680000), color-stop(56%,#932929), color-stop(100%,#b90b0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #680000 0%,#932929 56%,#b90b0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #680000 0%,#932929 56%,#b90b0b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #680000 0%,#932929 56%,#b90b0b 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680000', endColorstr='#b90b0b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #680000 0%,#932929 56%,#b90b0b 100%); /* W3C */
}

.ftw-note{font-size:0.7em;}
.copyright{font-size:0.8em;color:#aaa;}

#pretestText,#resultsText{text-align:left;font-size:12pt;margin:16px 0;}

.ftw-requiredStar{color:red;}
.ftw-stepBox{float:left;width:48%;margin:0 1%;}
.ftw-stepBoxBd{text-align:left;border:2px solid gray;padding:8px;border-top:none;height:264px;position:relative;}
.ftw-stepBoxExecBd{text-align:left;border:2px solid gray;padding:8px;border-top:none;height:350px;position:relative;}
.ftw-stepFt{text-align:right;font-size:0.7em;position:absolute;left:0;right:0;bottom:0;padding:8px;}
#examform{width:350px;text-align:left;margin:0 auto;}

.ftw-stepBoxBd ol > li{list-style-type:upper-alpha;list-style-position:inside;}

.frown{font-size:200%;vertical-align:middle;margin-right:20px;}

#logo{
	max-width: 960px;
	max-height: 400px;
}

.ftw-textTemplate {
    font-size: 14pt;
    text-align: left;
}

.highlighted {
	background-color: yellow;
}

 .required:after {
    content:"*";
    color: red;
  }
  
 .page-heading{
 	font-size: 150%;
   	margin: 24px 0;
 }
 
 .page-subheading{
 	font-size: 100%;
   	margin: 0;
 }

  .ftw-stepBox h2.ftw-stepBoxHd{
  	margin:0;
  }

 #video {
        border: 1px solid black;
        width: 320px;
        height: 320px;
    }

    #photo {
        border: 1px solid black;
        width: 240px;
        height: 240px;
    }

    #canvas {
        display: none;
    }

    .camera {
        width: 320px;
        display: inline-block;
    }

    .output {
        width: 320px;
        display: inline-block;
    }

    #startbutton {
        /* display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        bottom: 36px;
        padding: 5px;
        background-color: #6a67ce;
        border: 1px solid rgba(255, 255, 255, 0.7);
        font-size: 14px;
        color: rgba(255, 255, 255, 1.0); */
        bottom: 36px;
        
        cursor: pointer;
    }

    .contentarea {
        font-size: 16px;
        font-family: Arial;
        text-align: center;
    }