html,body
{
    font-family: Sans-Serif;
    height: 97%;
    font-size: 10pt;
    padding: 10px;
}

.Top
{
    margin: 0px 10px 0px 0px;
    text-align: left;
    color: #666666;
}

  
h1
{
    margin: 0px;
    font-weight: bold;
    font-size: 40px;
}

.Left
{
    border: 10px solid #C8C8D9;
    font-weight: bold;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    width: 150px;
    height: 700px;
    background-color: #C8C8D9;
    float: left;
    margin-right: 5px;
}

.Mid
{
    font-size: 10pt;
    color: #333333;
    overflow: auto;
    margin-right: 10px;
    max-height:700px;
}

.MenuBar
{
    border: 2px outset #FFFFFF;
    background-color: #C8C8D9;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 175px;
    padding: 3px;
}

.SubTitle
{
    font-size: medium;
    font-weight: bold;
    color: #999999;
}

.Service
{
    background-color: #CED8F6;
}

.Order
{
    background-color: #D8F6CE;
}

.Complaint
{
    background-color: #F5A9A9;
}

.TimeLine
{
    padding: 0px;
    margin: 0px;
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #666666;
    text-align: left;
    height: 50px;
    font-size: x-small;
}

.TimeLine_Start
{
    background-color: #CCFFCC;
}
.TimeLine_End
{
    background-color: #CCFFCC;
}
.TimeLine_Ready
{
    background-color: #F3E2A9;
}
.TimeLine_Change
{
    background-color: #CED8F6;
}
.TimeLine_Delete
{
    background-color: #F5A9A9;
}

.Required
{
    border-width: thin;
    border-color: #FF0000;
}