﻿
body
{
    background-color: #0f2b55;
    width: auto;
    margin: 0;
    font-family: Verdana;
    font-size: 11px;
    height: 100%;
}
input
{
    font-family: Verdana;
    font-size: 11px;
}

h2
{
    font-size: 14px;
}
a, a:active, a:hover
{
    color: #0078bb;
}

#main
{
    margin: auto;
    width: 840px;
    color: #0f2b55;
    height: auto;
    background-color: #cbcb98;
}
#headerPane
{
    padding-bottom: 20px;
}
#navigationPane
{
    height: 100%;
    text-align: left;
    float: left;
    clear: none;
    width: 150px;
    padding-left: 10px;
    padding-right: 15px;
    border-right: dotted 1px Gray;
}
#workspacePane
{
    padding-left: 20px;
    float: left;
    clear: right;
    display: inline;
}
#footerPane
{
    clear: both;
    float: left;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-top: 15px;
    width: 95%;
}

ul.navigation li
{
    list-style: none;
    padding-bottom: 10px;
    list-style-position: outside;
}
a
{
    text-decoration: none;
}
a:hover
{
    color: White;
}
.navigation a
{
    font-weight: bold;
}
.error
{
    font-weight: bold;
    color: Red;
}
.highlight
{
    color: #0f2b55;
}
.headerStyle
{
    text-align: left;
}
.alternatingRowStyle
{
    background-color: #baba87;
}
.addNew
{
    padding-left: 5px;
}
.fieldLabel
{
    vertical-align: top;
    font-weight: bold;
}
.fieldValue
{
    vertical-align: top;
}
.longField
{
    width: 240px;
}
.shortField
{
    width: 60px;
}
.instructions
{
    width: 400px;
    padding: 5px;
    border: dashed 1px Gray;
    font-size: 11px;
    color: Green;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalWindow
{
    width:450px;
    border: solid 1px #c0c0c0;
    background: #f0f0f0;
    padding: 10px 10px 10px 10px;
    position: relative;
    cursor:default;
}
