﻿.navigationBar
{
    width: 180px;
    min-width: 180px;
}

.navigationBar a
{
    display: inline-block;
    text-decoration: none;
    color: #222222;
    padding: 3px;
    margin-left: 5px;
    margin-top: 1px;
    border: 1px solid White;
}



.navigationBar a:hover, .navigationBar a.selected
{
    color: #000;
    background-color: #fae8c6;
    border: 1px solid #ffa642;
}


.contentSelected
{
    width: 750px;
    margin: 0 auto;    
}

.contentSelected .top
{
    height: 25px;
    line-height: 25px;
    padding-left: 18px;
    font-weight: bold;
    color: #000;
    background-color: #fae8c6;
    border-top: 1px solid #d07619;
    border-left: 1px solid #d07619;
    border-right: 1px solid #d07619;
}

.contentSelected .mid
{
    background-image: url('../image/mainContent_wTop.png');
    background-repeat: repeat-x;
    background-position: top left;
    padding: 10px;
    border: 1px solid #d07619;
    border-top: 1px solid #d07619;
    margin-bottom: 5px;
}

.contentNormal
{
    width: 750px;
    margin: 0 auto;    
}

.contentNormal .top
{
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    font-weight: bold;
    color: #555555;
    background-color: #cbdef1;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
}

.contentNormal .mid
{
    padding: 10px;
    color: #000;
    border: 1px solid #999;
    margin-bottom: 5px;
}

a.ChiTiet
{
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    color: #003aff;
}

a.ChiTiet:hover
{
    color: #880000;
    text-decoration: underline;
}

#divMainContent
{
    padding: 15px 10px 10px 0px;
}

#divMainContent .wTop
{
    background-image: url('../image/mainContent_wTop.png');
    background-repeat: repeat-x;
    background-position: top left;
}

#divMainContent .wLeft
{
    background-image: url('../image/mainContent_wLeft.png');
    background-repeat: repeat-y;
    background-position: top left;
}


#divMainContent .wBottom
{
    background-image: url('../image/mainContent_wBottom.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 4px 0px 4px 4px;
}

#divScroll
{
    height: 500px; 
    overflow: auto;
    padding: 5px;
}

#divMainContent .input td
{
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
}

.contentNormal .mid .trHeader th
{
    background-color: #cbdef1;
    height: 22px;
    color: #aaa;
}

.contentNormal .mid .trRow0 td
{
    background-color: White;
}

.contentNormal .mid .trRow1 td
{
    background-color: #fff;
}

.contentSelected .mid .trHeader th
{
    background-color: #72A3D6;
    height: 22px;
    color: #222222;
}

.contentSelected .mid .trRow0 td
{
    background-color: White;
}

.contentSelected .mid .trRow1
{
    background-color: #ECF3FC; 
}

.contentSelected .detailTable
{
    background-color: #2462A6;    
}

.contentNormal .detailTable
{
    background-color: #999999;    
}