/* *******************************************************************
  * This is for pages that have primarily text. 
  * The font size can be changed by the browser settings. 
  * Text reflow is possible. Fonts size is relative to browser settings.
  * ********************************************************************
  */
 
 .important {
    font-weight: bold;
}
.warning {
    color: red;
}

body {
    font: normal, Verdana, Arial, sans-serif;
    margin-top:0px;
    padding-top:0px;
}


* {
margin: 0;
padding: 0;
} 


.customButton {     /* style a link as a push-button */
    display: inline-block; 
    width: 10em; 
    line-height: 1em;
    font-size: 1em;
    font-family: sans-serif; 
    text-align: center;
    color: black; 
    background: -webkit-linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    background: linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    text-decoration: none; 
    border: 1px solid gray;   /* use pixel unit here */
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);    
}
        
.customButton:active {
    background: -webkit-linear-gradient(#909090,#808080,#808080,#707070);
    background: linear-gradient(#909090,#808080,#808080,#707070);    
}

.customLargeButton {     /* style a link as a push-button */
    display: inline-block;
    width: 15em;
    line-height: 1.5em;
    font-size: 1.5em;
    font-family: sans-serif; 
    text-align: center;
    vertical-align: middle;
    color: black; 
    background: -webkit-linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    background: linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    text-decoration: none; 
    border: 1px solid gray;   /* use pixel unit here */
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);    
}
        
.customLargeButton:active {
    background: -webkit-linear-gradient(#909090,#808080,#808080,#707070);
    background: linear-gradient(#909090,#808080,#808080,#707070);    
}

.customHelpButton {     /* style a link as a push-button */
    display: inline-block;
    width: 2em; 
    line-height: 1.5em; 
    font-size: 1.5em;
    font-family: sans-serif; 
    text-align: center;
    vertical-align: middle;
    color: black; 
    background: -webkit-linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    background: linear-gradient(white,#eeeeee,#eeeeee,#e0e0e0);
    text-decoration: none; 
    border: 1px solid gray;   /* use pixel unit here */
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);    
}