@font-face {
  font-family: "ProximaNova";
  src: url("/css/fonts/proximanova/alt/proximanova-reg.eot");
  src: url("/css/fonts/proximanova/alt/proximanova-reg.eot?#iefix") format("embedded-opentype"), 
        url("/css/fonts/proximanova/alt/proximanova-reg.woff") format("woff"), 
        url("/css/fonts/proximanova/alt/proximanova-reg.ttf") format("truetype"), 
        url("/css/fonts/proximanova/alt/proximanova-reg.svg#ProximaNovaRgRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova Bold";
  src: url("/css/fonts/proximanova/alt/proximanova-bold.eot");
  src: url("/css/fonts/proximanova/alt/proximanova-bold.eot?#iefix") format("embedded-opentype"), 
        url("/css/fonts/proximanova/alt/proximanova-bold.woff") format("woff"), 
        url("/css/fonts/proximanova/alt/proximanova-bold.ttf") format("truetype"), 
        url("/css/fonts/proximanova/alt/proximanova-bold.svg#ProximaNovaRgBold") format("svg");
  font-weight: normal;
  font-style: normal;
}


body
{
    margin: 0;
    padding: 0;
}

#canvas {
    margin: 75px 0 75px 0;
}

@media (max-width:512px) {
    table {
        min-width: 1px !important;
    }

    #thelist {
        zoom: 0.9;
    }

    @media (max-width:457px) {
        #thelist {
            zoom: 0.8;
        }

        @media (max-width:408px) {
            #thelist {
                zoom: 0.7;
            }

            @media (max-width:361px) {
                #thelist {
                    zoom: 0.6;
                }

                @media (max-width:318px) {
                    #thelist {
                        zoom: 0.5;
                    }
                }
            }
        }
    }
}

#theheader
{
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    border-bottom: 2px solid #e2e2e2;
    background: #f5f5f5;
    height: 60px;
}

.headertable
{
    height: 60px;
}

#FormSubmit {
    margin-bottom: 75px;
}

#thefooter
{
    position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
    border-top: 2px solid #e2e2e2;
    background: #f5f5f5;
    height: 60px;
}

#thefooter img {
	margin: 18px 0 0 100px;
}

.toptext
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}

.textreg
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.textlevel1
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #000000;
}

.textlevel2
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 24px;
    color: #333333;
}

#pagination {
    margin-top: -23px;
}

.paginationok
{
    cursor: pointer;
    padding: 6px;
    border: 3px solid #66CC66;
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    background: #DAFEC5;
}

.paginationnotok
{
    padding: 6px;
    border: 3px solid #cccccc;
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 18px;
    color: #999999;
    background: #f5f5f5;
}

.paginationcurrent
{
    padding: 6px;
    border: 3px solid #990000;
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    background: #DAFEC5;
}

.username
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
	font-weight:bold;
}

.questionbutton
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 30px;
    color: #000000;
	font-weight:bold;
	padding:12px;
	border:4px solid #006600;
	background:#DAFEC5;
	cursor:pointer;
}

.nextprevbutton
{	
	font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 22px;
    color: #000000;
	font-weight:bold;
	padding:8px;
	border:4px solid #006600;
	background:#DAFEC5;
	cursor:pointer;
}

.nextprevbutton_hover
{
    font-family: 'ProximaNova', Helvetica, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
	font-weight:bold;
	padding:8px;
	border:4px solid #006600;
	background:#66CC33;
	cursor:pointer;
}

#nextbut, #prevbut {
	position: absolute;
	bottom: 5px;
}

#nextbut {
	right: 5px;
}

#prevbut {
	left: 5px;
}

.form1
{
	font-family:'ProximaNova', Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#000;
	border:1px solid #ccc;
	background-image:url(/css/cssimages/formshadow.jpg);background-repeat:no-repeat;
}

.form1err
{
	font-family:'ProximaNova', Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#000;
	border:1px solid #ff0000;
	background:#FBD9D9;
}

.form2
{
	font-family:'ProximaNova', Arial, Helvetica, sans-serif;
	font-size:42px;
	color:#000;
	border:3px solid #ccc;
	background-image:url(/css/cssimages/formshadow.jpg);background-repeat:no-repeat;
}

.form3
{
	font-family:'ProximaNova', Arial, Helvetica, sans-serif;
	font-size:57px;
	color:#000;
	border:3px solid #ccc;
	background-image:url(/css/cssimages/formshadow.jpg);background-repeat:no-repeat;
}

.errborder
{
	border:1px solid #ff0000;
	background:#FBD9D9;
}

.box1
{
	padding:8px; 
	border:3px solid #FF9900;
}

.box2
{
	padding:8px;
	border:3px solid #33CC00;
}

.slidehelppanel
{
	width:98%;
	z-index:9;
	height:250px;
	position:absolute;
	border-bottom:3px solid #33333;
	background:#FFFFCC;
	padding:10px;
	overflow:auto;
	 -moz-box-shadow: 0px 5px 5px #ccc;    -webkit-box-shadow: 0px 5px 5px #ccc;    box-shadow: 0px 5px 5px #ccc;
}


ul#subnav2,ul#subnav2 li{list-style-type:none;margin:0;padding:0; }
ul#subnav2{margin-left: 7px;width:100%;}
ul#subnav2 li{float:left;margin-right: 3px;text-align: center; }
ul#subnav2 a{float:left;width: 12em;padding: 4px 0;background: #e2e2e2; text-decoration:none;color: #000000; font-family:Arial, Helvetica, sans-serif;font-size:14px}
ul#subnav2 a:hover{color: #000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:14px}
ul#subnav2 li.activesublink2 a,ul#subnav2 li.activesublink2 a:hover{background: #ffffff; border-top:1px solid #cccccc;  border-left:1px solid #cccccc; border-right:1px solid #cccccc; color: #000000; font-weight:bold; text-decoration:underline; font-family:'ProximaNova', Helvetica, sans-serif;font-size:14px}