/* Tag Format 
    margin, padding, border, width, height (things that affect width/height)
    float, display, position, top, left, right, bottom, z-index (things that affect element position)
    (visual effects in alphabetical order) */

body
{
    margin:0px;
    background-color:#7E7E7E;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
}
a {
    color:#5487F7;
    text-decoration:none;
}
    a:hover {
        text-decoration:underline;
    }
img
{
    border:none;
}
h1
{
    margin:0px;
    margin-bottom:10px;
    padding:0px;
    color:#5487F7;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:normal;
}
#stage
{
    margin:20px auto 10px auto;
    width:955px;
    box-shadow:5px 5px 25px #000000, -5px -5px 25px #000000;
}
#banner
{
    width:955px;
    height:60px;
    position:relative;
    background:url(/images/banner-bg.jpg) no-repeat;
}
#logo
{
    position:absolute;
    top:11px;
    left:8px;
}
    #logo img
    {
        border:none;
        width:208px;
        height:38px;        
    }
#title
{
    width:955px;
    position:absolute;
    left:0px;
    top:0px;    
    font-family:'Britannic Bold';
    font-size:24px;
    text-align:right;
}
    #title #titleWhite
    {
        position:absolute;
        right:110px;
        top:3px;
        color:#FFFFFF;
    }
    #title #titleBlue
    {
        position:absolute;
        right:20px;
        top:27px;
        color:#5487F7;
        text-transform:uppercase;
    }
#nav
{
    border:solid 1px #000000;
    width:953px;
    height:25px;
    background-color:#E9E9E9;    
}
    #nav img
    {
        border:none;
        width:20px;
        height:21px;        
    }
    #nav a
    {
        margin:2px 0px 0px 20px;
        float:left;
        display:block;        
    }
    #nav #navHome
    {
        background:url(/images/nav/home_off.gif) no-repeat;
    }
        #nav #navHome:hover
        {
            background:url(/images/nav/home.gif) no-repeat;
        }
    #nav #navTimeOff
    {
        background:url(/images/nav/timeoff_off.gif) no-repeat;
        display:none;
    }
        #nav #navTimeOff:hover
        {
            background:url(/images/nav/timeoff.gif) no-repeat;
            display:none;
        }
    #nav #navLogOff
    {
        margin-right:20px;
        float:right;
        background:url(/images/nav/logout_off.png) no-repeat;
    }
        #nav #navLogOff:hover
        {
            background:url(/images/nav/logout.png) no-repeat;
        }
    #nav #navRight
    {
        float:right;
    }
        #nav #navRight #navSearch
        {
            margin:2px 5px 0px 0px;
            float:left;            
        }
        #nav #navRight #navSearchBox
        {
            margin:1px 5px 0px 0px;
            float:left;
        }
            #nav #navRight #navSearchBox #txtSearchItems
            {
                position:absolute
            }
                #nav #navRight #navSearchBox #txtSearchItems #txtSearch_items
                {
                    position:relative;
                    left:-105px;
                    z-index:25;
                }
input
{
    margin:2px 0px;
    padding:2px 3px;
}
    input:focus
	{
		outline:none;
	}
    #nav input[type="text"]
    {
        border:solid 1px #C0C0C0;
        width:190px;
        color:#2154F4;
        font-family:Verdana;        
        font-size:11px;
    }
#content
{
    padding:20px;
    border:solid 1px #000000;
    border-top:none;
    width:913px;
    background-color:#FFFFFF;
}
#divPop
{
    margin-left:204px;
    padding:0px;
    border:solid 1px #000000;
    width:500px;
    display:none;
    position:absolute;
    z-index:101;
    background-color:#FFFFFF;
}                    
#footer
{
    margin:0px auto;
    color:#B6B6B6;
    text-align:center;
}
.itemwrapper
{
    position:absolute;
}
.itemsContainer
{
    border:solid 1px #000000;
    width:300px;
    background-color:#E9E9E9;
}
    .itemsContainer .item
    {
        padding:5px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
    }    
    .itemsContainer .itemActive
    {
        padding:5px;
        background-color:#999999;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
    }
.itemvalue
{
    padding-right:5px;
    width:205px;
    height:13px;    
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.iteminfo
{
    width:80px;
    height:13px;
    float:right;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.container
{
    display:inline-block;
	padding:3px 10px;
}
.module-fright
{
    float:left;
    margin-right:62px;
    width:426px;
}
.module-fleft
{
    float:left;
    width:425px;
}
.mod-link
{
    float:right;
    margin:0px;
    padding:0px;
    text-align:right;
    font-size:0px;
    line-height:0px;
    width:24px;
}
    .mod-link img
    {
        border:none;
        width:24px;
        height:37px;
    }
    .mod-link #btnTS img
    {
        background:url(/images/buttons/btnTimeSheetRT.png) no-repeat;
    }
        .mod-link #btnTS:hover img
        {
            background:url(/images/buttons/btnTimeSheetRT-hover.png) no-repeat;
        }
    .mod-link #btnTR img
    {
        background:url(/images/buttons/btnTimeRequestRT.png) no-repeat;
    }
        .mod-link #btnTR:hover img
        {
            background:url(/images/buttons/btnTimeRequestRT-hover.png) no-repeat;
        }
    .mod-link #btnPR img
    {
        background:url(/images/buttons/btnPayrollReport.png) no-repeat;
    }
        .mod-link #btnPR:hover img
        {
            background:url(/images/buttons/btnPayrollReport-hover.png) no-repeat;
        }
.module
{
    float:left;
    width:400px;
}
.mod-container
{
    border:solid 1px #000000;
    background-color:#E9E9E9;
}
.mod-highlight
{
	border:solid 1px #FF0000;
}
.mod-self
{
    background-color:#EDF3FF;
}
    .mod-container .container-hdr
    {
        padding-top:1px;
        padding-left:10px;
        height:25px;
        background:url(/images/header_back.gif) repeat-x;
        color:#FFFFFF;
        font-size:16px;
        font-weight:bold;
    }
    .mod-container .container-content
    {
        padding:0px 10px;
        display:block;
    }
    .mod-container .error
    {
        color:#000000;    
        border:dotted 1px #000000;
        background-color:#FFFFCC;
        font-size:11px;
        font-weight:bold;
        padding:10px;
        margin:10px 0px;
    }
.divider
{
    height:0px;
    clear:both;
    font-size:0px;
    line-height:0px;    
}
.requests
{
    padding:0px;
    margin:0px;
    padding-left:10px;
    list-style-type:none;
}
    .requests li
    {
        padding:4px 0px;
    }
.page-messages
{
    border:dashed 1px #FF0000;
    background-color:#FFFFCC;
    font-weight:bold;
    padding:10px;
    margin-bottom:15px;
}
    .page-messages .error
    {
        padding:2px;
        color:#FF0000;
    }
    .page-messages .success
    {
        padding:2px;
        color:#00A651;
    }
.txt-note
{
    font-size:10px;
}
.timewidth
{
    width:40px;
}
.approve
{
    color:#FF0000;
}