/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS Stylesheet: Calculator 
This stylesheet defines styles for the golf handicap index calculator web page.
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */


/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Styles for the windows handicap calculator
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
.DownloadButton { background-color:#990000; font-weight:bold; color:#ffffff;
    border:outset 3px #ffcccc; width:175px;}

/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Styles for the course handicap calculator
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
table.CHTable {vertical-align:top;}

tr.CHColHead {border: solid 1px #006699; background-color:#006699;
    color: #ffffff; padding: 5px 5px 5px 5px;
    text-align:center;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 1.0em;}
    
td.CHCell {text-align:center;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:normal;
    color:#990000;
    font-size: 1.0em;
    padding: 5px 40px 5px 40px;}
    
.chTxtBox {border-style:inset; background-color:#ffffff; color:#990000; 
    text-align:center; font-weight:bold;}
    
/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Styles for the handicap index calculator
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
table.HITable {width:100%; vertical-align:top;}

tr.HIColHead {border: solid 1px #006699; background-color:#006699;
    color: #ffffff; padding: 5px 5px 5px 5px;
    text-align:center;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 1.0em;
    width: 100%;}
    
td.HICell {text-align:center;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size: 1.0em;}
    
tr.HIRowA {border: solid 1px #eeeeee; background-color:#eeeeee;}    
tr.HIRowB {border: solid 1px #cccccc; background-color:#dddddd;}

.HIAnswer {width:80px; background-color:#ffffff; border-style:ridge; 
    color:#990000; font-weight:bold; text-align:center; }
    
.hiTxtBox {text-align:center;}


/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Styles for the Save/Load popup dialog box
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* This positions the dialog PW/ID dialog box on the web page */
div.IdPw {}
    
/* This defines style for dialog title */
div.TitleIdPw {
    border:solid 2px #990000;
    background-color: #990000;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    text-align:center;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 1.2em;
    width: 300px;
    margin:auto;}
    
/* This defines style for dialog content */
div.ContentIdPw {
    border:solid 2px #990000;
    background-color: #ffffff;
    color: #000000;
    padding: 10px;
    text-align:left;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size: 1.0em;
    width: 300px;
    margin:auto;}
    
/* More dialog box styles */    
td.LabelIDPW {text-align:right;}
td.TextboxIDPW {text-align:left;}
td.ButtonIDPW {text-align:right;padding-left:40px;}