﻿body
{
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-size: small;
    font-family: Arial;
}

dl
{
    /*width: 240px;*/
    margin: 0 0 20px 20px;
    padding: 0;
    background: #ccc; /*background: #ccc url(../images/box_bottom.gif) no-repeat bottom left;*/
}

dt
{
    margin: 0 0 10px 0;
    padding: 5px; /*font-size: 130%;*/
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    background: #999; /*background: #999 url(../images/box_top.gif) no-repeat top left;*/
}

dd
{
    margin: 0 0 0 10px;
    padding: 0 10px 10px 10px;
    color: #666;
    font-family: Verdana, sans-serif;
    font-size: 90%;
    text-align: left; /*background: url(../images/arrow.gif) no-repeat 0 3px;*/
}

#blue dt
{
    background-color: #69c;
}

#blue
{
    background-color: #9cf;
}

#red dt
{
    background-color: #933;
}

#red
{
    background-color: #c99;
}

#green dt
{
    background-color: #9c6;
}

#green
{
    background-color: #cf9;
}

.textbox
{
    background-image: url(../images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 200px;
    color: #333333;
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: tahoma, arial, sans-serif;
}
.multitextbox
{
    background-image: url(../images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 400px;
    color: #333333;
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: tahoma, arial, sans-serif;
}
.moneybox
{
    text-align: right;
    background-image: url(../images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    color: #333333;
    /*padding: 3px;*/
    /*margin-right: 4px;
    margin-bottom: 8px;*/
    font-family: tahoma, arial, sans-serif;
}
.button
{
    background-color:ButtonFace;
    background-image: none;
    border-style: solid;
    border-width: 1;
    border-color: Gray;
}

.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url(grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.payrolltable tr td
{
     border: 0px solid #ffffff;
     border-bottom: 0px solid #ffffff;
     border-left:0px solid #ffffff;
     border-right:0px solid #ffffff;
     border-top:0px solid #ffffff;
}

.AlertHeadings
{
    font-weight:bold;
    color:White;
    background-color:Red;
}

.loadingDiv
{
    position: absolute;
    display: block;
    text-align: center;
    z-index: 1;
    top: 60%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    width: 300px;
    height: 100px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
    font-size: 16px;
    color: #7F8FB0;
    background-color: White;
    border-right: #506485 ridge;
    border-top: #506485 ridge;
    border-left: #506485 ridge;
    border-bottom: #506485 ridge;
}