.webGrid {
    margin: 4px;
    border: 1px solid;
    background-color: burlywood;
    width: 500px;
}

.webGrid tr td {
    border: 1px solid;
}

.header {
    background-color:antiquewhite;
}

.altColor {
    background-color: darkgray;
}



 /*div#My-modal {
        background-color: bisque;
        width: auto !important;
        margin: 30px auto !important;
    }*/

  div#spinner {
            display: none;
            width: 100px;
            height: 100px;
            position: fixed;
            top: 50%;
            left: 50%;
            text-align: center;
            margin-left: -50px;
            margin-top: -100px;
            z-index: 2;
            overflow: auto;
        }


select,
input[type="text"],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email], 
input[type=password]{
    color:#627ecc;
    font-weight:bold;
    border-color:#d8d8d8 !important;
    border-width:2px !important;
    width:100%;
}

select,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{
   color:#48ad59;
   font-weight:bold;
}

/*.MYInput:focus{  #bcbcbc
    border-color: #ff9400 !important;
    box-shadow: 0 0 10px #ff9400 !important;
}*/

/*<!--box-shadow: 0 0 10px #9ecaed !important;->*/

.Input-HasError{
     border-color:red !important;
    border-width:2px !important;
}




/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/




/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/