body
{    
    font-size: 12px; font-family: Verdana, Arial, Helvetica;  
    position: relative; 
    margin: 0px;  padding: 0px;  border-style: none;  
}

h1 { font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0px; text-transform: none; font-weight: normal;}
h2 { font-size: 1.8em; padding-bottom: 0px; margin-bottom: 4px; text-transform: none; font-weight: normal; }
h3 { font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0px; text-transform: none; font-weight: bold; }
h4 { font-size: 1.1em; padding-bottom: 0px; margin-bottom: 0px; text-transform: none; font-weight: bold; }
h5 { font-size: 1em;  padding-bottom: 0px; margin-bottom: 0px; text-transform: none; font-weight: normal; }
h6 { font-size: 1em; padding-bottom: 0px; margin-bottom: 0px; text-transform: none; font-weight: normal; }

.popUpWin-body {font-family:Verdana; font-size:12px; }

select {cursor:default}

button:not([disabled]), input[type="button"]:not([disabled]), input[type="submit"]:not([disabled]), input[type="image"]:not([disabled])  {cursor:pointer;}


p { padding-bottom: 0px; cursor: default}
a { text-decoration: underline; border-style:none; cursor:pointer; }
a, a:hover, a:visited, a:active { outline:none; }

.aSelector {padding-left:4px; padding-right:8px}
.aSelector:hover { cursor:pointer}

.smallHead {font-size:12px; font-weight:normal; }

span {cursor: default}

.link { text-decoration: underline; border-style:none; background-color:Transparent; cursor:pointer}
.linkVisited { background-color:Transparent; text-decoration: underline; cursor:pointer}

.dnone {display:none;}

/* Panels */

.pagePanel
{   
    position:relative;
    border-width:1px; border-style:solid;
    width:900px; height:400px;
    margin-left:auto; margin-right:auto;
    padding:1em;    
}

.workPanel
{    
    border-width:1px; border-style:solid; 
    width:90%; 
    margin-left:auto; margin-right:auto;     
    padding:1em;    
}

.controlPanel
{    
    padding:2px;    
}

.rounded {-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
          -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1);
            -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1);
              box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1)}
              
.rounded10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
          -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1);
            -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1);
              box-shadow:1px 1px 3px rgba(0,0,0,0.5),inset 1px 1px 1px rgba(255,255,255,0.1)}
              
.PanelH3image {height:32px; vertical-align:top;}


.divCenter { text-align:center; }


/* Inputs */

input {    
       border-width:1px; 
       font-family: inherit; font-size: inherit;
       }

.btnBorderLess { border-style:none; background-color:transparent; 
                              text-decoration:underline; 
                              cursor:pointer; 
                              margin-right:1em;}

select {
    border-width:1px; 
        font-family: inherit; font-size: inherit;
        }
.ddl {height:16px; border:0;}

textarea {
            border-width:1px; font-family:inherit; font-size: inherit;
           resize: none;  
          }

input[type="image"] { background-color:Transparent; border:none;}

input[type='text']:disabled, textarea:disabled {
} 

.PagerBtn {text-align:center;}
.tbDate {width:100px;}

/* tables */

table { border-collapse:collapse; }
.tableData tr td:first-child { text-align:right; font-weight:bold;  }

th { text-align:right; font-weight:normal;}
th, td {padding-left:3px; padding-right:3px; cursor:default}
td {vertical-align:top}

/* Images and Messages */

.LogoSmall {position:absolute; height:50px; top:0px; left:0px; margin:10px;}

.errMsg {font-weight:bold; margin-right:1em;}

.warningMsg {font-weight:bold; margin-right:1em;}

.infoMsg {font-weight:bold; margin-right:1em;}

.att {cursor:default;}
.red {cursor:default;}

.techInfo {cursor:default; font-family:Verdana; background-color:Transparent; margin-right:1ex; }           

.popupInfo { border-width:1px; border-style:solid; padding:0.5em; display:table-cell; text-align:left;}       
 
.popupMsg  {border-width:1px; border-style:solid; padding:0.5em; display:block; text-align:left; z-index:99999;
            -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.9); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.9); box-shadow:0 3px 6px rgba(0,0,0,0.9) }          
            
.popupInfo h4, .popupMsg h4 { margin: 0.5em; text-align:center; font-weight:normal; font-style:italic; }
.popupInfo h5, .popupMsg h5 { margin: 0.5em; text-align:center; font-size:1em;}
.popupInfo h6, .popupMsg h6 { margin-top: 0.8em; font-weight:bold; font-size:0.85em; }


.img-aHelp { position:absolute; right:20px; top:0; margin-right: 1em; margin-top:0.2em; height: 2em; z-index:999}


    /* Alert box.    <div class=divAlert> <div> <div> Content </div> </div> </div>    - popup in center of .divAlert */
    .divAlert { position: absolute; top: 0px; left: 0px; overflow: hidden; padding: 0px; margin: auto auto auto auto; width: 100%; height: 100%; 
                background-color: rgba(0,0,0,0.5);
        display: none /* dynamically change to display:table to show message: $("#<%=AlertMsg.ClientID %>").css('display','table'); */
    }
.divAlert>div {vertical-align:middle; text-align:center; display:table-cell}
.divAlert>div>div {position:relative; display:inline-block; text-align:left; padding:15px;                             
          border-width:1px; border-style:solid;   
          font-family:verdana,menu; font-size:14px;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;        
}
.X-Close { text-decoration:none; font-size:16px; font-family:Verdana; position:absolute; top:0px; right:4px }
/* /Alert box */

.shadow {-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.9); -moz-box-shadow:0 5px 12px rgba(0,0,0,0.9); box-shadow:0 5px 12px rgba(0,0,0,0.9) }

/* particular styles */	

#tblDateValues tr {text-align:center; background-color:Transparent}
#tblDateValues td {padding:0px 8px 0px 8px}

.popUpWithCursor {position:absolute; top:300px; left:10px; height:400px; width:800px;                                    
                  border-width:1px; border-style:solid; 
                  display:none; z-index:999;
                 }

.withCenter {position:relative;}
.withCenter img{margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#buttons input[type="image"]:not([disabled]) {cursor:pointer;}

/**:disabled, *:disabled *, a:disabled, input:disabled {
    cursor: default;
    filter: grayscale(100%) opacity(50%) !important;*/ /* check brightness! */
/*}*/

/*------- enabled, disabled, hover: input controls -------*/

/*input:disabled { filter: grayscale(1) brightness(1) ; color: #000; cursor: default;}*/


/*input[type="radio"]:before:disabled {
    color: red !important;
    border: 2px solid red !important;
}
input[type="radio"]:disabled:before {
    color: blue !important;
    border: 2px solid blue !important;
}*/




/*
input[type="text"]:disabled, textarea:disabled { background-color:#eee; color:#222; }
select:disabled { filter: grayscale(100%) brightness(1.1);  color: #000;} 
*/
input[type=image]:enabled:hover {
    filter: contrast(120%) saturate(130%);
}
input[type=image]:disabled {
    filter: grayscale(100%) opacity(80%);
}
.info-img:hover {
    filter: brightness(0.6) saturate(130%);
}

/*------- /enabled, disabled, hover: input controls -------*/