html {
  font-size: 14px;
}
boxes{
    width:600px;
    font-size:30px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.normal {
    font-size: 8pt;
}

.commandButtonMiddle:hover {
    background-image: url(../images/blue-button-hover.PNG);
    color: Red;
    text-decoration: none;
}


.commandButtonMiddle, .commandButtonMiddle:link, .commandButtonMiddle:visited, .commandButtonMiddle:active {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 8pt;
    color: #354874;
    border: solid 1px #5373AD;
    background-image: url(../images/blue-button.PNG);
    background-repeat: repeat-x;
    min-width: 80px;
    width: 80px;
    padding: 2px 10px 2px 10px;
    height: 20px;
}

td.addRecordRight {
    background-image: url(../images/table_header.png);
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #E7E7E7;
    color: White;
    white-space: nowrap;
    padding: 2px 0px 2px 2px;
}

.Grid_Header {
    vertical-align: middle;
    background-image: url(../images/table_header.png);
    background-repeat: repeat-x;
    font-size: 13px;
    font-weight: bold;
    color: black;
    border-left: lightgrey 1px solid;
    height: 23px;
    padding: 0px 0px 0px 4px;
}

.Grid_Row {
    background-color: #FFFFFF;
    font-size: 8pt;
    overflow: hidden;
    padding: 0px 4px 0px 4px;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.Grid_AlternateRow {
    background-color: #F0F0F0;
    font-size: 8pt;
    overflow: hidden;
    padding: 0px 4px 0px 4px;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.notes {
    color: Red;
    font-size: 8pt;
}


.imageOk {
}

    .imageOk:hover {
        cursor: pointer
    }