body {
    font-family: Sans-serif;
    font-size:14px;
    background-color: #AACCFF;
}

div.page{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div.diagnosticDiv,div.graphDiv {
    padding: 10px;
    border-color: #6688BB;
    border-style: solid;
    background-color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div.graphDiv {
    height: 300px;
    padding: 0px;
}

table.toolbar{
    background-color: #6688BB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

table.composition {
    background-color: #6688BB;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

table.composition tr {
    height: 25px;
}

table.composition td:first-child {
    width: 50px;
}

table.composition td+td {
    width: 500px;
}

table.composition td+td+td {
    width: 100px;
    text-align: center;
}

table.composition td+td+td+td+td+td+td {
    width: 40px;
}

table.composition tbody {
    background-color: #FFFFFF;
}

input.inTable {
    width:90%;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    background-color: transparent;
}

input.inTable[disabled] {
    border: none;
    color: black;
}


table.tabControlMainTable {
    background-color: #6688BB;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

td.tabControlTabLeftBorder {
    padding: 0px;
    width: 7px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url("img/styleIE7_n_left.gif");
}

td.tabControlTabLeftBody, td.tabControlTabCenterBody , td.tabControlTabRightBody {
    padding: 0px;
    height: 33px;
    background-image: url("img/styleIE7_n_back.gif");
}

td.tabControlTabRightBorder {
    padding: 0px;
    width: 7px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url("img/styleIE7_n_right.gif");
}

td.tabControlSelectedTabLeftBorder {
    padding: 0px;
    width: 7px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url("img/styleIE7_s_left.gif");
}

td.tabControlSelectedTabLeftBody, td.tabControlSelectedTabCenterBody , td.tabControlSelectedTabRightBody {
    padding: 0px;
    height: 33px;
    background-image: url("img/styleIE7_s_back.gif");
}

td.tabControlSelectedTabRightBorder {
    padding: 0px;
    width: 7px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url("img/styleIE7_s_right.gif");
}

td.tabControlTabAreaLeftFreeSpace {
    padding: 0px;
    width: 0px;
    height: 33px;
    background-image: url("img/styleIE7_e_back.gif");
}

td.tabControlTabAreaRightFreeSpace {
    padding: 0px;
    width: 50%;
    height: 33px;
    background-image: url("img/styleIE7_e_back.gif");
}
