.tb {
        position: relative;
        height: 28px;
        border: 1px solid #CCCCCC;
        background-color: #CCFFFF;
    }

        .tb input, .tb .placeholder {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            height: 28px;
        }

    label {
        width: 8em;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block;
    }

    date_time {
        width: 40em;
        float: left;
        text-align: left;
        margin-left: 2.2em;
        display: block;
    }

    .submit input {
        margin-left: 30.0em;
    }

    div.maincontents {
        font-family: verdana, arial, "sans-serif";
        font-size: 10pt;
    }

/* from PopupTest.html   */
/* Generic form fields */

    #my_button {
        width: 60px;
        height: 25px;
        font: normal bold 10px Arial;
        color: #0000FF;
    }

    #my_red_button {
        width: 60px;
        height: 25px;
        font-family: Verdana;
        color: #cc0000;
    }

    #my_cyan_button {
        width: 60px;
        height: 25px;
        font-family: Verdana;
        color: #0000ff;
        font-weight: 400;
    }

    #my_cyan_button {
        width: 60px;
        height: 25px;
        font-family: Verdana;
        color: #0000ff;
        font-weight: 400;
    }

#my_wide_button {
    width: 138px;
    height:22px;
    font:normal bold 10px Arial;
    color: #0000FF;
}
#my_wide_red_button {
    width: 138px;
    height:22px;
    font-family:Verdana;
    color: #cc0000;
}
#my_wide_cyan_button {
    width: 138px;
    height:22px;
    font-family:Verdana;
    color: #0000ff;
}

    #my_wide_small_button {
        width: 14px;
        height:18px;
        font-family:Verdana;
        font-size:8pt;
        position:relative;
        left:20px;
        /*top:100px;*/
    }

.left_buttons {
    border-top-left-radius:0.5em;
    border-top-right-radius:0.5em;
    border-bottom-left-radius:0.5em;
    border-bottom-right-radius:0.5em;
    position:relative;
    left: 3px;
}
.left_buttons fieldset {
  padding: 4px;
  font:95%/1 sans-serif;
  border:1px solid #AB5F41 ;
}
.left_buttons legend {
  padding: 0.2em 0.5em;
  border:1px solid #AB5F41 ;
  color:blue;
  font-size:8pt;
  text-align:right;
}
.left_buttons label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
/**/

info
{
position:absolute;
left:100px;
top:150px;
background-color: lightblue;
}

label[for=SHITname] {
  float:left;
  width:20%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:300;
}

label[for=col1] {
  float:left;
  width:80px;
  /*margin-right:0.5em;*/
  padding-top:0.2em;
  text-align:right;
  font-weight:900;
  border-radius: 0px;
}

label[for=col2] {
  float:left;
    width:90px;
  padding-top:0.2em;
  text-align:right;
  font-weight:900;
}

label[for=col3] {
  float:left;
    width:40px;
  padding-top:0.2em;
  text-align:right;
  font-weight:900;
}

    .left-column {
    position:absolute;
    left:1px;
    }

    .left-column-row-4 {
    position:absolute;
    left:60px;
    top: 80px;
    width: 160px;
    }

    .left-column-row-5 {
    position:absolute;
    left:1px;
    }

    .middle-column {
    position:absolute;
    left:235px;

    }

    .lower-middle-column {
    position:absolute;
    left:235px;
    top:100px;
    }

    .bottom-middle-column {
    position:absolute;
    left:235px;
    top:124px;
    }

   .bottom-right-column {
    position:absolute;
    left:500px;
    top:124px;
    }

    .lower-right-column {
    position:absolute;
    left:500px;
    top:100px;
    }

    .right-column {
    position:absolute;
    left:510px;

    }

.input {
    border: 1px solid #006;
    background: #ffc;
    font-family: Arial; 
    font-weight: 600; 
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
        font-family: Arial; 
        font-weight: 600; 
}

.small-input {
    border: 1px solid #006;
    background: #ffc;

    font-family: Arial; 
    font-weight: 500; 
    font-size: 10pt;
    height: 20px;
}
.small-input:hover {
    border: 1px solid #f00;
    background: #ff6;

    font-family: Arial; 
    font-weight: 500; 
    font-size: 10pt;
}

.thumbnail {
     border: 1px solid #006;
}

.input-condition-selected {
    font-family: Arial; 
    font-weight: 900; 
    font-size: 10pt;
    text-align: center;
    width: 400px;
    background: #ffc;
    border: 1px solid #006;
    height: 24px;

}

    .color1 {       /*tan*/
        color: black;
        background-color: #DEB887;
    }
    .color1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #DEB887;
    }

    .color2 {       /*orange-tan*/
        color: black;
        background-color: #E8A26E;
    }
    .color2:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #E8A26E;
    }

    .color3 {       /*dull blue*/
        color: black;
        background-color: #C9E3E3;
    }
    .color3:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C9E3E3;
    }

    .color4 {       /*darker blue*/
        color: black;
        background-color: #95C7FF;
    }
    .color4:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #95C7FF;
    }

    .color5 {       /*pale green*/
        color: black;
        background-color: #98FB98;
    }
    .color5:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #98FB98;
    }

    .color6 {       /*tannish-gray*/
        color: black;
        background-color: #CDC0B0;
    }
    .color6:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #CDC0B0;
    }

    .color7 {       /*bluish-gray*/
        color: black;
        background-color: #C1CDC1;
    }
    .color7:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C1CDC1;
    }

    .color8 {       /*magenta*/
        color: black;
        background-color: #FF80FF;
    }
    .color8:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FF80FF;
    }

    .color9 {       /*yellow*/
        color: black;
        background-color: #FFD700;
    }
    .color9:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFD700;
    }

    .color10 {       /*pale yellow*/
        color: black;
        background-color: #FAFAC8;
    }
    .color10:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FAFAC8;
    }

    .color11 {       /*pale purple*/
        color: black;
        background-color: #C591FF;
    }
    .color11:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C591FF;
    }

    .color12 {       /*pale pink*/
        color: black;
        background-color: #FFE8E8;
    }
    .color12:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFE8E8;
    }

    .color13 {       /*reddish-pink*/
        color: black;
        background-color: #FF8080;
    }
    .color13:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FF8080;
    }

    .color14 {       /*pinkish-tan*/
        color: black;
        background-color: #FFD9B3;
    }
    .color14:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFD9B3;
    }

    .color15 {          /*light gray*/
        color: black;
        background-color: #E5E5E5;
    }
    .color15:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #E5E5E5;
    }




    .jqx-grid-cell-selected-energyblue {
        background-color: #FFC0C0 !important;
        color: #2b465e !important;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
        background-color: #DFEDEF;
    }

    .my_input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        /*font-size: 6pt;*/
        width: 200px;
    }

    .my_input:hover {
        border: 1px solid #f00;
        background: #ff6;
        font-family: Arial;
        font-weight: 300;
        width: 200px;
    }

    .my_form_input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 400;
        width: 200px;
        position: relative;
    }

    .small-input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 130px;
    }

    .phone-input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 86px;
        position: absolute;
        left: 185px;
    }

    .small-input:hover {
        border: 1px solid #f00;
        background: #ff6;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 130px;
    }

    .jqx-widget {
        padding: 0px 0px 0px 0px;
        font-family: Arial;
        font-size: 9pt;
        color: blue;
    }

    .jqx-dropdownlist-content {
        font-family: Arial;
        font-size: 9pt;
        color: black;
    }

    .my_wide_button {
        width: 178px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    .my_narrow_button {
        width: 50px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    .my_scrawny_button {
        width: 87px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    label[for=col1] {
        float: left;
        width: 80px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        border-radius: 0px;
    }

    label[for=col2] {
        float: left;
        width: 115px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        border-radius: 0px;
    }

    label[for=col3] {
        float: left;
        width: 40px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
    }

    label[for=col4] {
        float: left;
        width: 40px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        position: relative;
        left: 140px;
    }

    .left-column {
        position: absolute;
        left: 1px;
    }

    .middle-column {
        position: absolute;
        left: 250px;
    }

    .phone-column {
        position: absolute;
        left: 300px;
    }

    .lower-middle-column {
        position: absolute;
        left: 235px;
        top: 100px;
    }

    .bottom-middle-column {
        position: absolute;
        left: 235px;
        top: 124px;
    }

    .bottom-right-column {
        position: absolute;
        left: 500px;
        top: 124px;
    }

    .lower-right-column {
        position: absolute;
        left: 500px;
        top: 100px;
    }

    .right-column {
        position: absolute;
        left: 584px;
    }

    .green {
            color: black;
            background-color: #b6ff00;
    }

    .yellow {
            color: black;
            background-color: yellow;
    }

    .red {
            color: black;
            background-color: #e83636;
    }

    .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: #b6ff00;
    }

    .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: yellow;
    }

    .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: #e83636;
    }

    .patient_appointments {
        width: 800px;
        position: absolute;
        left: 0px;
        top: 4px;
        text-align: center;
        font-family: Arial;
        font-size: 12pt;
        font-weight: 600;
        color: blue;
        /*height: 18px;*/
    }

    .color1 {       /*tan*/
        color: black;
        background-color: #DEB887;
    }
    .color1:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #DEB887;
    }

    .color2 {       /*orange-tan*/
        color: black;
        background-color: #E8A26E;
    }
    .color2:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #E8A26E;
    }

    .color3 {       /*dull blue*/
        color: black;
        background-color: #C9E3E3;
    }
    .color3:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C9E3E3;
    }

    .color4 {       /*darker blue*/
        color: black;
        background-color: #95C7FF;
    }
    .color4:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #95C7FF;
    }

    .color5 {       /*pale green*/
        color: black;
        background-color: #98FB98;
    }
    .color5:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #98FB98;
    }

    .color6 {       /*tannish-gray*/
        color: black;
        background-color: #CDC0B0;
    }
    .color6:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #CDC0B0;
    }

    .color7 {       /*bluish-gray*/
        color: black;
        background-color: #C1CDC1;
    }
    .color7:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C1CDC1;
    }

    .color8 {       /*magenta*/
        color: black;
        background-color: #FF80FF;
    }
    .color8:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FF80FF;
    }

    .color9 {       /*yellow*/
        color: black;
        background-color: #FFD700;
    }
    .color9:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFD700;
    }

    .color10 {       /*pale yellow*/
        color: black;
        background-color: #FAFAC8;
    }
    .color10:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FAFAC8;
    }

    .color11 {       /*pale purple*/
        color: black;
        background-color: #C591FF;
    }
    .color11:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #C591FF;
    }

    .color12 {       /*pale pink*/
        color: black;
        background-color: #FFE8E8;
    }
    .color12:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFE8E8;
    }

    .color13 {       /*reddish-pink*/
        color: black;
        background-color: #FF8080;
    }
    .color13:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FF8080;
    }

    .color14 {       /*pinkish-tan*/
        color: black;
        background-color: #FFD9B3;
    }
    .color14:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #FFD9B3;
    }

    .color15 {          /*light gray*/
        color: black;
        background-color: #E5E5E5;
    }
    .color15:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #E5E5E5;
    }




    .jqx-grid-cell-selected-energyblue {
        background-color: #FFC0C0 !important;
        color: #2b465e !important;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
        background-color: #DFEDEF;
    }

    .my_input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        /*font-size: 6pt;*/
        width: 200px;
    }

    .my_input:hover {
        border: 1px solid #f00;
        background: #ff6;
        font-family: Arial;
        font-weight: 300;
        width: 200px;
    }

    .my_form_input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 400;
        width: 200px;
        position: relative;
    }

    .small-input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 130px;
    }

    .phone-input {
        border: 1px solid #006;
        background: #ffc;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 86px;
        position: absolute;
        left: 185px;
    }

    .small-input:hover {
        border: 1px solid #f00;
        background: #ff6;
        font-family: Arial;
        font-weight: 300;
        font-size: 9pt;
        height: 16px;
        width: 130px;
    }

    .jqx-widget {
        padding: 0px 0px 0px 0px;
        font-family: Arial;
        font-size: 9pt;
        color: blue;
    }

    .jqx-dropdownlist-content {
        font-family: Arial;
        font-size: 9pt;
        color: black;
    }

    .my_wide_button {
        width: 178px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    .my_narrow_button {
        width: 50px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    .my_scrawny_button {
        width: 87px;
        height: 22px;
        font: normal bold 12px Arial;
        color: #0000FF;
    }

    label[for=col1] {
        float: left;
        width: 80px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        border-radius: 0px;
    }

    label[for=col2] {
        float: left;
        width: 115px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        border-radius: 0px;
    }

    label[for=col3] {
        float: left;
        width: 40px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
    }

    label[for=col4] {
        float: left;
        width: 40px;
        padding-top: 0.2em;
        text-align: right;
        font-weight: 300;
        position: relative;
        left: 140px;
    }

    .left-column {
        position: absolute;
        left: 1px;
    }

    .middle-column {
        position: absolute;
        left: 250px;
    }

    .phone-column {
        position: absolute;
        left: 300px;
    }

    .lower-middle-column {
        position: absolute;
        left: 235px;
        top: 100px;
    }

    .bottom-middle-column {
        position: absolute;
        left: 235px;
        top: 124px;
    }

    .bottom-right-column {
        position: absolute;
        left: 500px;
        top: 124px;
    }

    .lower-right-column {
        position: absolute;
        left: 500px;
        top: 100px;
    }

    .right-column {
        position: absolute;
        left: 584px;
    }

    .green {
            color: black;
            background-color: #b6ff00;
    }

    .yellow {
            color: black;
            background-color: yellow;
    }

    .red {
            color: black;
            background-color: #e83636;
    }

    .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: #b6ff00;
    }

    .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: yellow;
    }

    .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: black;
            background-color: #e83636;
    }

    .patient_appointments {
        width: 800px;
        position: absolute;
        left: 0px;
        top: 4px;
        text-align: center;
        font-family: Arial;
        font-size: 12pt;
        font-weight: 600;
        color: blue;
        /*height: 18px;*/
    }