body
{
    text-align: center;
}
.checkbox
{
        border:none;
        width:20px;
        margin: 0px; 
        padding: 0px;
}

input[type="checkbox"] 
{
        border:solid 1px #999999 !important;
}

.inputfield, .inputfield_chk
{
    width: 230px;
   /* border: 1px solid #A0A0A0;*/
}
.inputfield_chk
{
    width:auto;
}

#contentWrapper
{
    position: relative;
   margin: 10px auto 20px auto;
   width:400px;
   text-align: left;
   
   
   /*display: inline-table;*/
   vertical-align: text-top;
  
   
}
#scoreDesc
{
    padding:10px;
    
}
.example
{
    display: inline;
   
    float:right;
    cursor:pointer;
}

/*
 The 2 below classes:
 contentOuter   and    html>body .contentOuter
 are for streaching table cells with conserving minimum height
 
  */
  
#contentOuter
{
    position: relative;
    /*height:600px;*/
    height: 600px;
    min-height: 600px;
}

html>body #contentOuter {
height: auto; /* for not-IE */
}

#basicTable, #loginTable
{
    width: 400px;
    
}
#basicTable tr
{
    
    
    border:1px solid;
    background-color:#F8F8F8;
}
#basicTable td
{
    margin:0px;
}

#basicTable li
{
    font-weight: normal;


    list-style-type: disc;
}
#basicTable ul
{
     margin-left: 10px;
}
#basicTable th
{
   background-color:#F0F0F0;  
}
#loginTable
{
    
    margin-top:0px;
    border-width: 2px;
    border-color: gray;
    border-style: ridge;
}
#loginTable td
{
    
    padding-top:5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    
    
}

#questionText td
{
    background-color: #f0f0f0;
    padding: 10px;
}

#takeNewSurv
{
 margin: 10px auto 20px auto;
}
#loginControls
{
    margin:0px auto 0px auto;
}
#errMsg, .errMsg
{
 
 color: red;
 font-size: smaller;
}
#score
{
   color: rgb(85, 107, 47);
   width: 60px; 
   
   font-size: 72pt;
   font-family: Verdana;
   margin:0px;
   
}
#scoreDiv
{                              
   vertical-align: middle;
   text-align: center;
   
   font-family: Verdana;
   color: rgb(85, 107, 47);
}
.subhead, .prodType
{
 font-size: 14pt;
 color: rgb(85, 107, 47);
 font-weight: bold;
 font-family: Verdana;
}


.head
{
 color: rgb(85, 107, 47);
 font-family: Verdana;
 font-weight: bold;
 display: inline;
}
.topBotBorder td
{
    border-top:1px solid #f0f0f0;
}
.resultExpl
{
    
    margin-left:20px;
    list-style-type: disc;
    padding-top:5px;
    padding-bottom:5px;
    text-align: justify;
}

.home li
{
    margin:10px;
    margin-left: 20px;
    list-style-type: disc;
}

.logo
{
  margin:auto;
  margin-top: 10px;
  width:320px;
  text-align:center;
}

.back
{
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}
.prodType
{
   font-size: 17pt;  
}
.centered
{
    text-align: center;
}