img {
  display: block;
  max-width: 100%;
  height: auto;
}

body 
{
     font-family:Trebuchet Ms, Tahoma, Verdana, Arial;
     margin:0;
     padding:0;
}
.labelDiv
{
    float:left;
    width:200px;
    }
.fieldDiv
{
    clear:right;
    }   


                        .padTop
        {
            
            padding-top:15px;
            
            }
            .parClass
            {}
.headerGrid
{
    background-color:#3d95c9;
    color:White;
    font-weight:bold;
    }       
.headerGrid a
{
    color:White;
}         

.rowHeader2
{
     background-color:#ECECEA;
     border-bottom: 1px solid #cccccc;
    }    
    
.rowItem
{
    border-bottom: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
    }    
    .btnClass
    {
        width:120px;
        font-size:12px;
        height:30px;

        }
      
.scorecardName
{
   color:#FFFFFF;
   font-weight:bold;
   font-size:20px;
    }

        
 .padding
 {
     padding:5px;
     }       
 .paddingHoriz
 {
     padding-left:5px;
     padding-right:5px;
     }        
.rowHeaderScorecard
{
     background-color:#2b608a;
     color:White;
     text-align:left;
     font-weight:bold;
    }     
#DisplayTable
{
    width:100%;  
    border-spacing:0px;
     
    }       
#DisplayTable th
{
    background-color:#4087C7;
    padding:10px;
    color:White;  
    font-size:18px;  
    }         
#DisplayTable td
{
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding:10px;
    font-size:18px;
    }    
    .topHead
    {
        font-weight:bold;
        color:#2d1700;
        font-size:20px;
        
        }
        .className
        {
            font-size:25px;
            font-weight:bold;
            }
            
.DisplayTable
{
    width:100%;  
    border-spacing:0px;
       border-top: solid 4px #e4b11a;
    }       
.DisplayTable th
{
   
    padding:10px;
    color:White;  
    font-size:18px;  
    }     

.colHeader
{
     background-color:#0765be;
  border-bottom:1px solid #C1E89B;
      border-right:1px solid #C1E89B;
    }
     
.colHeader2
{
      background-color:#1a74e4;
      border-bottom:1px solid #C1E89B;
      border-right:1px solid #C1E89B;
    }

.colHeader3
{
      background-color:#BF8C00;
    
    }       

.colHeader4
{
      background-color:#057A41;
    
    }      
       
.DisplayTable td
{
  
    padding:10px;
    font-size:18px;
    border-bottom:1px solid #CCCCCC;
      border-right:1px solid #CCCCCC;
    }    
.pnlty
{
    font-size:12px;
    color:Red;
    font-weight:bold;
    }             
    
.scoreCol
{
    width:90px;
    
    }       
.rightAlign
{
    text-align:right;   
    }    
.leftAlign
{
    text-align:left;
    }    
.centerAlign
{
    text-align:center;
    }    
    .total
    {
        font-size:30px;
        text-decoration:underline;        
        font-weight:bold;
        }
        

/*ScoreCard*/     
 #TopMenu
    {
        padding:10px;
        background-color:#333333;
        color:White;
        }
 #TopMenu a
 {
     color:White;
 }
         .containerGrey
{
  /*  -moz-border-radius: 10px;
    border-radius: 10px;*/
    background-color:#ffffff;
    text-align:left;
    padding-left:10px;  
    padding-right:10px;  
    padding-top:2px; 
    color:black;
    height:70px;
}
.scorecardName
{
   color:#FFFFFF;
   font-weight:bold;
   font-size:20px;
    }
    .divider
    {
       border-bottom: solid 4px #e4b11a;
        }
 .rowHeaderWidth
{
    width:100px;
    text-align:left;
    }                
 .inputHoleDiv
    {
       float:left;
       border-right:1px solid #CCCCCC;
              border-bottom:1px solid #CCCCCC;
        text-align:center;        
        }        
  .padding
 {
     padding:2px;
     }    
 .rowHeaderScorecard
{
     background-color:#0765be;
     color:White;
     font-weight:bold;
    }  
      
 .inputholeHeadClass
        {
             height:22px; 
                        
            } 
.inputholeInputClass
        {
            height:40px;         
            }            
           
            .topPaddingHead
{
    padding-top:5px;
    }            
 .colWidth    
 {
width:35px;
     }
           
     .bottomBorder
     {
           border-bottom:solid 1px #CCCCCC;
     } 
            .parClass
            {
                border-bottom:solid 1px #CCCCCC;
                }     
.inputhole
{
    width:30px;
    height:30px;
    font-size:14px;
    }
    .btnClass
    {
        width:120px;
        font-size:12px;
        height:30px;

        }  
.courseLabel
{
        background-color:#1a74e4;
        height:198px;
        float:left;
        padding:10px;
          border-bottom:solid 1px #CCCCCC;
          border-right:solid 1px #CCCCCC;
          color:White;
          width:80px;
          font-weight:bold;
    }        

 .biggerFont
    {
        font-size:20px;
        text-decoration:underline;        
        font-weight:bold;
        }   
        
.shade
{
    background-color:#DCE8CF;
    }  
           
/*ScoreCard*/
.roundedSquare
{
    -moz-border-radius: 20px;
    border-radius: 20px;
    width:100%;
    text-align:left;
    padding:0px;
    border:1px solid #CCCCCC;
    text-align:center;
    font-size:40px;
    color:White;
    background-color:#075299;
    margin-bottom:10px;
}
.roundedSquare2 {
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    text-align: left;
    padding: 0px;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-size: 40px;
    color: White;
    background-color: #0030ff;
    margin-bottom: 10px;
}  
.roundedSquare:hover
{   
    background-color:#090173;  
    color:#ffffff;
    cursor: pointer;
}       
.roundedSquare2:hover
{   
    background-color:#090173;  
    color:#ffffff;
    cursor: pointer;
}         
.pad
{
    padding:25px;
    }
    
.menuTop
{
    background-color:#333333;
    width:100%;
     color:White;
     padding:5px;
    }
.menuTop a
{
    color:White;
    }  
.titleHead
{
    font-size:30px;
    }    
    .titleHead2
{
    font-size:25px;
    }