*
{
    font-family: Verdana, sans-serif;
    font-size:   12px
}

BODY
{
    margin: 0px
}

DIV.main
{
    width: 700px;
    overflow: hidden;
    margin: 10px;
    text-align: left
}

H1
{
    font-size: 15px
}

H2
{
    font-size: 13px
}

.floater
{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.floating
{
    font-size: 10px
}

.error
{
    font-weight:bold;
    color:red;
    background-color:white
}

.submit
{
    text-align:right;
    padding-top:15px;
    padding-bottom:5px
}

.lnk
{
    /*text-transform: uppercase;*/
}

.smlnk
{
    /*text-transform: uppercase;*/
    font-size: 9px
}

DIV#logoutBar
{
    margin-top: 10px;
    margin-right: 10px;
    /*
    position: fixed;
    top: 0px; left: 0px; right: 0px;
    background-color: white;
    */
    margin-bottom: 15px;
    text-align: right;
    vertical-align: top;
    z-index: 10;
    height: 20px
}

BODY.loggedIn
{
    margin-top: 30px
}

.interestFilter
{
    /*
    background-color: #ccc;
    position: absolute;
    */
    overflow: scroll;
    vertical-align: top
}

.interestSection
{
    font-weight: bold;
    font-size: 12px;
    margin-right: 24px;
    margin-left: 10px
}

.interestAreaName
{
    font-weight: bold
}

.interestAreaDescription
{
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 9px
}

.slotDetailsBox
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px
}

.jobDetailsBox
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px
}

.detailsHead
{
    text-decoration: underline;
    font-size: 9px;
    vertical-align: top;
    text-align: left
}

.detailsField
{
    font-size: 9px;
    vertical-align: top;
    text-align: left
}

.resultsHead
{
    font-weight: bold;
    text-align: left;
    font-size: 10px;
    vertical-align: middle;
}

.resultsField
{
    font-weight: normal;
    text-align: left;
    font-size: 10px;
    vertical-align: top
}

.slotSelect
{
    font-size: 10px
}

.webSection
{
    background-color: #009
}

.webSectionHead
{
    color: white;
    text-transform: uppercase;
    font-weight: bold
}

.webSubSection
{
    /*background-color: #ccf;*/
}

.webSubSectionHead
{
    text-transform: uppercase;
    font-weight: bold
}

.timestamp
{
    background-color: white;
    text-align: right;
    font-size: 10px
}

.sd-label
{
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

.sd-value
{
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

.reportDetailField
{
    font-size: 14px
}

@media screen, print
{
    /* Control how "spaced out" the tree is */
    ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
    /* Provide space for our own "bullet" inside the LI */
    ul.mktree  li           .bullet { padding-left: 0px; }
    /* Show "bullets" in the links, depending on the class of the LI that the link's in */
    ul.mktree  li.liOpen    .bullet { cursor: pointer; /*background: white;*/ }
    ul.mktree  li.liClosed  .bullet { cursor: pointer; /*background: white;*/ }
    ul.mktree  li.liBullet  .bullet { cursor: default; /*background: white;*/ }
}