body {
    background-color:           #e9edef;
    background-image:           url('img/background.gif');
    background-repeat:          repeat-x;
    background-attachment:      fixed;
    font-size:                  100%;
    font-family:                'Helvetica', 'Trebuchet MS', Arial, sans-serif;
    padding-top:                15px !important;
}


h1, h1 a {
    color:                      #535768 !important;
    font-variant:               small-caps;
    text-decoration:            none;
}


h2, h3, h4, h5, h6, th {
    color:                      #7f8a9f;
    font-variant:               small-caps;
    text-decoration:            none;
    margin:                     0 !important;
    /*letter-spacing:             8px;*/
}

th {
    color:                      #535768;
    background-color:           #a7c4b1;
}

a {
    color:                      #535768;
}

a:active, a:hover {
    color:                      #e9edef;
}

a:visited {
    color:                      #6a778c;
}

table {
    border-spacing:             0px;
}

p {
    text-align:                 justify;
    color:                      #515b6b;
}

.noBottomMargin {
    margin-bottom:              0px;
}

.noTopMargin {
    margin-top:                 0px;
}

.extraTopMargin {
    margin-top:                 10px;
}

.centre {
    text-align:                 center;
}

.left {
    text-align:                 left;
}


ul.navPhaseList {
    list-style-type:            none;
    padding-left:               0px;
    margin-top:                 8px;
    margin-bottom:              20px;
}


ul.navPhaseList li {
    margin-bottom:              10px;
}


ul.navSectionList {
    list-style-image:           url('img/bullet_black.png') !important;
    list-style-type:            disc;
    list-style-position:        inside;
    padding-left:               0px;
    margin:                     0;
}


ul.navSectionList li {
    margin-bottom:              0px;
    padding-left:               2px;
    font-size:                  85%;    
}


span.navCacheCount {
    font-size:                  80%;
    color:                      #ffffff;
}


#phaseSectionDiv {
    height:                     60px;
    background-color:           #7f8a9f;
}

ul.phaseSectionList {
    list-style-type:            none;
    display:                    block;
}

ul.phaseSectionList li {
    float:                      left;
    display:                    block;
    width:                      200px;
}

ul.phaseSectionList li a {
    color:                      #e9edef;
}

div.phaseMap {
    width:                      668px;
    height:                     550px;
    border:                     1px solid #7f8a9f;
}

div.sectionMap {
    width:                      668px;
    height:                     550px;
    border:                     1px solid #7f8a9f;
}

div.cacheMap {
    width:                      334px;
    height:                     250px;
    border:                     1px solid #7f8a9f;
    float:                      right;
}

img.icon16 {
    width:                      16px;
    height:                     16px;
    border:                     none;
    vertical-align:             -2px;
}

img.iconStar {
    width:                      100px;
    height:                     20px;
    border:                     none;
    vertical-align:             -2px;    
}

table.sectionCacheGrid {
    width:                      100%;
    border-spacing:             0px;
    padding:                    0px;
    margin-top:                 5px;
}

th.gcNumWidth {
    width:                      96px !important;
}

table.sectionCacheGrid tbody tr a:hover {
    color:                      #A3A7B8;
}


table.sectionCacheGrid tbody tr td {
    font-size:                  90%;
}

tr.tableRowA {
    background-color:           #ffffff;
}

tr.tableRowB {
    background-color:           #e9edef;
}

/* Table cell borders */
.bt2 {
    border-top:                 2px solid #7f8a9f;
}

.bb2 {
    border-bottom:              2px solid #7f8a9f;
}

.bt {
    border-top:                 1px solid #7f8a9f;
}

.bb {
    border-bottom:              1px solid #7f8a9f;
}

.bl {
    border-left:                1px solid #7f8a9f;
}

.br {
    border-right:               1px solid #7f8a9f;
}

#trackLeftPanel {
    width:                      44%;
    float:                      left;
    margin-right:               8%;
}

#trackRightPanel {
    width:                      44%;
    float:                      left;
}

dl {
    /*border:                     1px solid #7f8a9f;*/
    width:                      100%;
    color:                      #515b6b;    
}


#cacheStatTable {
    width:                      320px;
}

#errorPanel {
    border:                     1px solid #ff0000;
    color:                      red;
    background-color:           #ffc0c0;
    text-align:                 center;
    padding:                    10px;
}

#trackerLogin {
    float:                      right;
    text-align:                 right;
    font-size:                  90%;
    margin:                     0px 6px 0px 10px;
}

ul.updatePhaseList {
    list-style-type:            none;
    padding-left:               0px;
    margin-top:                 8px;
    margin-bottom:              20px;
}


ul.updatePhaseList li {
    margin-bottom:              10px;
}


ul.updateSectionList {
    list-style-type:            none;
    padding-left:               0px;
    margin:                     0;
}


ul.updateSectionList li {
    margin-bottom:              0px;
    padding-left:               20px;
    margin-bottom:              5px;
    font-size:                  85%;    
}

ul.updateSectionList .rowA {
    background-color:           #ffffff;
}

ul.updateSectionList .rowB {
    background-color:           #e9edef;
}

#trackUpdateFrame {
    width:                      100%;
    height:                     500px;
}