/*
***********
STYLING COMMON TO ALL "PRIVATE" PAGES
***********
*/

.a {
    outline: none;
}
/* body styling */
body {
    margin: 0px;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: Arial,helvetica,sans-serif;
    outline: none;
}

.maindiv {
}

/* div that contains logo image at the top of the page */
.logo {
    display: block;
    background-image: url(../images/adminbg.jpg);
    background-repeat: no-repeat;
    width: 809px;
    height: 93px;
    float: left;
}

/* div within the logo div. it display user details and a sign out link */
.logout {
    display: block;
    width: 300px;
    height: 30px;
    float: right;
    text-align: right;
    padding-right: 40px;
    padding-top: 10px;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 14px;
    margin-right: -8px;
}

/* menudiv container */
.menucontainer {
    WIDTH: 803px;
    display: none;
    float: left;
    margin-top: 1px;
    HEIGHT: 36px;
    BACKGROUND-COLOR: #224476;
    margin-left: -1px;
    text-align: center;
}

/* the individual divs that make each menu link. */
.menudivs {
    display: block;
    background-color: #224476;
    height: 36px;
    clear: right;
    float: left;
    WIDTH: 112px;
}

/* links which completely fill the menudivs. */
.menulinks {
    padding-top: 7px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial narrow, helvetica, Sans-Serif;
    font-size: 16px;
    display: block;
    width: 112px;
    _width: 110px;
    height: 29px;
    text-decoration: none;
}

/* styling for ON/OFF states of the menu links */
.ON {
    background-color: #DDDDDD;
    color: #000000;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom: none;
    border-top: none;
}

.OFF {
    background-color: #224476;
    color: #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #FFFFFF;
}

.mouseover:hover {
    background-color: #DDDDDD;
    color: #000000;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
}

/* header just under the menu links. displays page's title */
.header {
    WIDTH: 789px;
    HEIGHT: 31px;
    BACKGROUND-COLOR: #DDDDDD;
    color: #000000;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 24px;
    padding-top: 5px;
    padding-left: 13px;
    display: block;
    float: left;
    margin-top: 1px;
    margin-bottom: 20px;
}

/* styling for the DESCRIPTION block that appears under the menu on ALL private pages */
.description {
    display: block;
    float: left;
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    WIDTH: 773px;
}

/* for the MAIN BODY div */
.mainbody {
    width: 803px;
    display: block;
    float: left;
    margin-bottom: 20px;
}

/* class to center any element */
.center {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* link styling  */
a.links:link {
    color: #224476;
    text-decoration: none;
}

a.links:visited {
    color: #224476;
    text-decoration: none;
}

a.links:hover {
    text-decoration: underline;
}

/* styling for BOTTOM LINKS div that lies at the bottom of the page */
.bottomLinks {
    width: 803px;
    height: 66px;
    background-color: #DDDDDD;
    padding-top: 13px;
    text-align: center;
    FONT-SIZE: 13px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    float: left;
    display: block;
    margin-bottom: 20px;
}

/* styling for the FINE PRINT element in the BOTTOM LINKS */
.fineprint {
    font-family: arial-narrow, Sans-Serif;
    font-size: 10.7px;
    margin-top: 10px;
}

/* For header cells in tables found in the ADMIN site */
.formheader {
    font-size: 16px;
    border-bottom: solid 2px #224476;
}

/* for the header of each DATAGRID in the ADMIN site */
.dgheader {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    font-weight: bold
}

.dgitem {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.homelink {
    float: right;
    display: block;
    font-size: 16px;
}