﻿/* Custom Font Face for Chrome to render the correct font */
@font-face
{
    font-family:"BB";
    src:url(/shared/font/BRITANIC.TTF);
    font-weight:bold;
}

/* Tag Level */
html
{
    height:100%
}
body
{
    background-color: #7E7E7E;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(126, 126, 126, 0.15) 10px, rgba(149, 149, 149, 0.15) 35px, rgba(112, 112, 112, 0.15) 25px, rgba(149, 149, 149, 0.15) 50px);
    font-size:1em;
    width:100%;
}
img
{
    border:none;
}

/* Layout */
#stage
{
    background-color:#FFFFFF;
    box-shadow:rgba(0,0,0,0.75) 0px 0px 25px 5px;
    margin:35px auto;
    min-width:955px;
    width:90%;
}
#banner
{
    background-color:#000000;
    background-image:url(/images/layout/banner-bg.jpg);
    background-position-x:left;
    background-position-y:top;
    background-repeat: no-repeat;
    color:#FFFFFF;
    font-family:Britannic Bold,"BB", Verdana, sans-serif;
    height:60px;
}
#logo
{
    padding-top:11px;
    padding-left:11px;
}
#appTitle
{
    float:right;
    font-size:1.5em;
    padding-top:3px;
    padding-right:11px;
    text-align:right;
}
    #appTitle #appTitleWhite
    {
        color:#FFFFFF;
        padding-right:76px;
    }
    #appTitle #appTitleBlue
    {
        color:#5487F7;
        padding-right:20px;
    }
#nav
{
    background-color:#E9E9E9;
    border:solid 1px #000000;
    border-bottom:none;
    height:25px;
}
    #nav #navHome a
    {
        background:url(/images/nav/home_off.gif) no-repeat;
        float:left;
        margin:2px 0px 0px 1%;
    }
        #nav #navHome a:hover
        {
            background:url(/images/nav/home.gif) no-repeat;
        }
    #nav #navHome img
    {
        border:0px;
        height:21px;
        width:20px;
    }
    #nav #navReport a
    {
        background:url(/images/nav/report_off.gif) no-repeat;
        float:left;
        margin:2px 0px 0px 20px;
    }
        #nav #navReport a:hover
        {
            background:url(/images/nav/report.gif) no-repeat;
        }
    #nav #navReport img
    {
        border:0px;
        height:21px;
        width:20px;
    }
    #nav #navAdmin a
    {
        background:url(/images/nav/admin_off.gif) no-repeat;
        float:left;
        margin:2px 0px 0px 20px;
    }
        #nav #navAdmin a:hover
        {
            background:url(/images/nav/admin.gif) no-repeat;
        }
    #nav #navAdmin img
    {
        border:0px;
        height:21px;
        width:20px;
    }
    #nav #navOut a {
        background: url(/images/nav/logout_off.png) no-repeat;
        float: left;
        margin: 2px 0px 0px 1%;
    }
        #nav #navOut a:hover {
            background: url(/images/nav/logout.png) no-repeat;
        }
    #nav #navOut img {
        border: 0px;
        height: 21px;
        width: 20px;
    }
    #nav #navTask a {
        background: url(/images/nav/mag_off.gif) no-repeat;
        float: left;
        margin: 2px 0px 0px 1%;
    }

        #nav #navTask a:hover {
            background: url(/images/nav/mag.gif) no-repeat;
        }

    #nav #navTask img {
        border: 0px;
        height: 21px;
        width: 20px;
    }
    #nav #navRight
    {
        float:right;
        width:450px;
    }
        #nav #navRight #navSearch
        {
            float:right;
            margin:2px 5px 0px 0px;
        }
            #nav #navSearch img
        {
            border:0px;
            height:21px;
            width:20px;
        }
        #nav #navRight #navSearchBox
        {
            float:right;
            margin:1px 5px 0px 0px;
            width:420px;
        }
            #nav #navRight #navSearchBox input[type="text"]
            {
                border:solid 1px #C0C0C0;
                color:#5487F7;
                font-family:Verdana, Helvetica, Arial, sans-serif;
                font-size:0.75em;
                outline:none;
                width:420px;
            }
#content
{
    border:solid 1px #000000;
    padding:1%;
}
    #content h1
    {
        color:#5487F7;
        display:inline;
        font-size:1.5em;
        font-weight:normal;
        margin:0px;
        padding:0px;
        padding-bottom:10px;
        width:60%;
    }
    #content h2
    {
        color:#5487F7;
        display:inline;
        font-size:1.25em;
        font-weight:normal;
        margin:0px;
        padding:0px;
        padding-bottom:10px;
        width:60%;
    }
    #content a
    {
        color:#5487F7;
        text-decoration:none;
    }
        #content a:hover
        {
            text-decoration:underline;
        }
#footer
{
    color:#B6B6B6;
    font-size:0.6875em;
    margin-top:-15px;
    text-align:center;
    padding-bottom:10px;
}

/* General Classes */
.divider
{
    clear:both;
    font-size:0px;
    height:0px;
    line-height:0px;
}
.err
{
    background-color:#FFF799;
    border:dashed 2px #FF0000;
    color:#FF0000;
    font-weight:bold;
    margin:10px auto;
    padding:10px;
}
.gvRowRO
{
    background-color:#FFFFFF !important;
    cursor:default;
}