﻿.mainContent {max-width:80%; margin: 0 auto;}

.logo    {float: left; padding-right: 20px; padding-top: 10px;}
h1          {color: #174863; font-size: 1.8em; font-weight: 700; margin: 0; padding: 1.2em 0 .25em; }
h2          {color: #902829; font-size: 1.25em; font-weight: 700; margin: 0; padding: .75em 0 0;}

h3,
.h3 {
}

h3, .h3          {color: #206066; font-size: 1.15em; font-weight: 700; margin: 0; padding: .75em 0 0;}

h4          {color: #000000; font-size: 1em; font-weight: 500; margin: 0; padding: .75em 0 1em 0;}


.offscreen {position:absolute; left:-999em; height: 0;}
label {position:absolute; left:-999em; height: 0; width: 10px; overflow-x: hidden;}

legend {position:absolute; left:-999em; height: 0; width: 10px; overflow-x: hidden;}

span.mockLabel {}

caption {font-weight: 700; margin: 0; padding: 1em 0 1em 0; text-align: left;}

td.check {text-align:center; vertical-align:middle;}
td.check input {width: 20px; height: 20px;}
th.course input {   height: 40px; 
                                    width: 100%; 
                                    word-wrap: break-word;
                                    font-size: 10pt;    
                                    font-weight: normal;
                                    }

input:focus { background-color: #FDF8BC; border: 2px dotted #000000 !important;}

th,td {text-align: left; border: 1px solid black; padding:4px;}


th.col1  {width: 5%; vertical-align: bottom; }
th.col2   {width: 55%; vertical-align: bottom; }
th.col3   {width: 20%; vertical-align: bottom; }
th.col4   {width: 20%; vertical-align: bottom; }

th.subtest  {background-color: #E2E2E2; }

ul.details li {font-weight: normal; font-size: .9em; margin-left: 5px;}



.center {text-align:center;}
    
.footer p {text-align: center; color: #174863; font-size: .8em; padding-top: 1em; border-top: dotted 1px #174863; }

	  
header {margin: 3em 0;}
			
main {margin-top: 2em; margin-bottom: 1em;}
			
section {margin-top: 2em;}
			
table {
                table-layout: auto;
                word-wrap: normal;
            }  
			
div.objHead      {clear: both; display: block; font-weight: 700; margin: 1em 0 0; overflow: hidden;}
div.objHead span {display: inline; float: left; margin: 0; overflow: hidden; padding: 0px 0 0; width: 45px;}
div.objHead p    {margin: 0; overflow: hidden; padding: 0; }

div.objBody ul    {margin: 1em 0 1em 2em;}
div.objBody ul li {margin: .5em 0;}


@media (max-width:768px)
{

.mainContent {max-width:100%;}
            
    }

@media print 
{
                table {
                word-wrap: normal;
                width: auto;
                border-top: none;
            }    
            
            th.objDesc  { }
            th.col1  { word-wrap: break-word; overflow-x: hidden;}
            th.col2   {}
            td {word-wrap: break-word; overflow-x: hidden;}
            
            
            .table-responsive {
                width: 910px;
                margin-bottom: 0;
                margin-right: 0;
                margin-left: 0;
            }
            
            
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, 
   .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, 
   .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
		white-space: normal;
   }
    .noPrint {display: none;}
    .btn input {display: none;}

    }