body {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

input {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    text-align:right;
}

.outerDiv {
    border: 1px solid black;
    margin: 0 auto;
    width:75% 
}

.infoIcon {
    max-height: 20px;
    max-width: 20px;
}

.detailsTable
{
   border: 1px solid #000000;
   width: 100%;
}

.detailsTable tr
{
   border: 1px solid #000000;
}

.detailsTable td
{
   border: 1px solid #000000;
}

.cellValueReadOnly
{
    background-color: pink;
    color: green;  
}

.cellValueOutOfRange
{
    background-color: pink;
    color: red;
    font-weight : bolder;    
}

.cellValueOverridden
{
    background-color: cornsilk;
    color: green;  
}

.designByLegendSelected
{
    color: red;
    font-weight: bold; 
}

.designByInputSelected
{
    border-color: red;
}

.alignLeft
{
    text-align: left;
}

.alignRight
{
    text-align: right;
}

.rangeCheck:invalid {
    color: red;
    font-weight: bold; 
}

.standardWidth {
    width: 200px;
}

.berthingAngleWarning
{
    background-color: pink;
    color: red;
    font-weight : bolder;    
}