html {
    height: 100%;
}

body {
    /*text-align: center; IE requires this to properly center tables with the table.center class */
    height: 100%;
    color: #FFFFFF;
    background-color: white;
    margin: 0px;
    padding: 0px;
    font: 11px verdana, arial, helvetica, sans-serif;
}

/* Use this class to replace the deprecated 'align=center' table attribute */
table.center {
    margin-left: auto;
    margin-right: auto;
}

h1 {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: 900;
    color: #ccc;
}

h2 {
    font: bold 12px/14px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

p {
    font: 11px/20px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

small {
    font: 9px/9px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 1px;
}

.bodyText {
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
}

.supportNumbers {
    font: 12px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
}

.HM {
    font: 9px/9px verdana, arial, helvetica, sans-serif; /*font-weight:bold;*/
    margin: 0px 0px 5px 0px;
    padding: 2px;
}

.message {
    font: 10px/10px verdana, arial, helvetica, sans-serif;
    font-weight: bolder;
    margin: 0px 0px 5px 0px;
    padding: 1px;
}

.boldermessage {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #003366;
    font-weight: bolder;
}

.errorMessage {
    font: 10px/10px verdana, arial, helvetica, sans-serif;
    font-weight: bolder;
    color: Red;
    margin: 0px 0px 5px 0px;
    padding: 1px;
}

.importantMessage {
    font: 11px/11px verdana, arial, helvetica, sans-serif;
    font-weight: bolder;
    color: Red;
    margin: 0px 0px 5px 0px;
    padding: 1px;
}

th {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: center;
}

.th {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.thsearch {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.itemstyle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #036;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.altitemstyle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #000;
    background: #dfdfdf;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.headerstyle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #003366;
    font-weight: bold;
    white-space: nowrap;
}

.comments {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: center;
}

.required {
    font-weight: bold;
    font-size: 12px;
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
}

.yellowbg {
    background-color: #ffffcc;
}

.leftth {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #6A6A6A;
    font-weight: bold;
    text-align: left;
}

.blacktext {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: black;
    font-weight: normal;
    text-align: left;
}

.rightth, .weekendth {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #6A6A6A;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.weekendth {
    background-color: #dcdcdc;
}

.timeDisplay, .weekendTimeDisplay {
    color: #000000;
    background-color: #FFFFCC;
    margin: 0px;
    padding: 0px;
    text-align: right;
    white-space: nowrap;
    font: 11px verdana, arial, helvetica, sans-serif;
}

.weekendTimeDisplay {
    background-color: #dcdcdc;
}

.timeDisplayTotal, .timeDisplayTotalReport, .weekendTimeDisplayTotal {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: right;
    background-color: #FFFFCC;
    white-space: nowrap;
}

.timeDisplayTotalReport {
    text-align: left;
}

.weekendTimeDisplayTotal {
    background-color: #dcdcdc;
}

.readonly {
    border: none;
    background-color: Transparent; /*font-weight:bold;*/
    text-align: right;
}

.expenseDisplay, .expenseDisplayReport {
    color: #000000;
    background-color: #FFFFCC;
    margin: 0px;
    padding: 0px;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    font: 11px verdana, arial, helvetica, sans-serif;
}

.expenseDisplayReport {
    text-align: center;
}

.expenseDisplayTotal {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: right;
    background-color: #FFFFCC;
    white-space: nowrap;
}

.lightblue {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: normal;
    text-align: left;
}

.lightgreen {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #006666;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;
}

.submitButton, #btnSave {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #e6e6e6;
    font-weight: normal;
    text-align: center;
}

.boldbluemessage {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    text-align: center;
}

    .boldbluemessage a {
        text-decoration: underline;
        vertical-align: middle;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
        color: #014E7A;
        border-style: none;
        margin-right: 4px;
        background: #ffffff;
    }

        .boldbluemessage a:link {
            text-decoration: underline;
            font-family: Arial,Helvetica,sans-serif;
            vertical-align: middle;
            text-align: center;
            padding-right: 2px;
            padding-left: 2px;
            color: #014E7A;
            border-style: none;
            margin-right: 4px;
            background: #ffffff;
        }

        .boldbluemessage a:visited {
            color: #014E7A;
            text-decoration: underline;
        }

        .boldbluemessage a:hover {
            color: #018B71;
            background-color: #FFFFFF;
        }

        .boldbluemessage a:active {
        }

.yellowbgdiv {
    background-color: #ffffcc;
    border: solid 1px #CCCCCC;
}

.Content > p {
    margin: 0px;
}

    .Content > p + p {
        text-indent: 30px;
    }

A:link {
    text-decoration: none;
    color: #656565;
}

A:visited {
    text-decoration: none;
    color: #656565;
}

A:active {
    text-decoration: none;
    color: #656565;
}

A:hover {
    text-decoration: underline;
    color: #656565;
}

/* All the content boxes belong to the content class. */
#mainbody {
}

.content {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    margin: 10px 10px 0px 137px;
    z-index: 1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#changepwd {
    height: 177px;
}
/* prevents nav from overlapping footer on ChangePassword.aspx */
.contentprint {
    position: absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    margin: 10px;
    border: 0px solid black;
    background-color: white;
    z-index: 1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
/* textbox right-justified */
.TextBoxAlignRight {
    text-align: right;
}
/* search might not be used  */
.search {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: white;
    text-align: right;
    vertical-align: middle;
}

    .search a {
        text-decoration: none;
        font-size: 12px;
        font-family: verdana, arial, helvetica, sans-serif;
        vertical-align: middle;
        text-align: center;
        padding-right: 4px;
        padding-left: 4px;
        color: #000000;
        border: 1px solid #333;
        border-top-color: #999;
        border-left-color: #999;
        margin-right: 4px;
        background: #e6e6e6;
    }

        .search a:link, .search a:visited, .search a:hover, .search a:active {
            background: #e6e6e6;
            color: #000;
            text-decoration: none;
        }

.bluelink {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
}

.headeritalic {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    font-style: italic;
    background-color: #CCFFCC;
    padding: 0px 0px 0px 0px;
}

.bluelink a {
    text-decoration: underline;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
    color: #014E7A;
    border-style: none;
    margin-right: 4px;
    background: #ffffff;
}

    .bluelink a:link {
        text-decoration: underline;
        font-size: 12px;
        font-family: verdana, arial, helvetica, sans-serif;
        vertical-align: middle;
        text-align: center;
        padding-right: 2px;
        color: #014E7A;
        border-style: none;
        margin-right: 4px;
        background: #ffffff;
    }

    .bluelink a:visited {
        color: #014E7A;
        text-decoration: underline;
    }

    .bluelink a:hover {
        color: #018B71;
        background-color: #FFFFFF;
    }

    .bluelink a:active {
    }

.bluelinksort {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

    .bluelinksort a, .bluelinkwrap a {
        text-decoration: underline;
        font-size: 12px;
        font-family: verdana, arial, helvetica, sans-serif;
        vertical-align: middle;
        text-align: center;
        padding-right: 2px;
        padding-left: 2px;
        color: #014E7A;
        border-style: none;
        margin-right: 4px;
        background: #ffffff;
    }

        .bluelinksort a:link, .bluelinkwrap a:link {
            text-decoration: underline;
            font-size: 12px;
            font-family: verdana, arial, helvetica, sans-serif;
            vertical-align: middle;
            text-align: center;
            padding-right: 2px;
            padding-left: 2px;
            color: #014E7A;
            border-style: none;
            margin-right: 4px;
            background: #ffffff;
        }

        .bluelinksort a:visited, .bluelinkwrap a:visited {
            color: #014E7A;
            text-decoration: underline;
        }

        .bluelinksort a:hover, .bluelinkwrap a:hover {
            color: #018B71;
            background-color: #FFFFFF;
        }

        .bluelinksort a:active, .bluelinkwrap a:active {
        }

.bluelinkwrap {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    font-weight: bold;
    text-align: left;
    white-space: normal;
}

.bluelinkright {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.imageButton {
    border: 0;
}

#top {
    position: relative;
    width: 100%;
    height: 59px;
    top: 0px;
    border: 0px dashed black;
    background-color: #eee;
    padding: 0px;
    z-index: 2;
}

#bottom {
    position: relative;
    width: 100%;
    top: 0px;
    background-color: #FFFFFF;
    padding: 0px;
    z-index: 3;
    padding-top: 4px;
    text-align: center;
    color: #FFFFFF;
}

.footer a {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    vertical-align: top;
    text-align: left;
}

    .footer a:link {
        text-decoration: none;
    }

    .footer a:visited {
        text-decoration: none;
        color: #FFFFFF;
    }

    .footer a:active {
        text-decoration: none;
    }

    .footer a:hover {
        border-bottom: 1px dashed #FFFFFF;
        color: #DDDDDD;
    }

#bottom #server {
    font-family: Verdana,Arial,sans-serif;
    font-size: 9px;
}
/* color:#990033; */
#left {
    position: absolute;
    width: 140px;
    top: 94px;
    left: 1px;
    border: 0px dashed black;
    padding: 0px;
    z-index: 9;
    border-color: #999999; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style declaration. The incorrect IE5/Win value is above, while the correct value is below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 128px;
}

    #left #prinav {
        text-align: left;
        border-right: 1px dashed #999;
        background: #fff;
    }

    #left #prinavtitle {
        padding-right: 0;
        border-top: 1px solid #999999;
        padding-left: 20px;
        font-weight: bold;
        font-size: 11px;
        background: url(/teksystems/../images/dark_solid_grey_butt.gif) repeat;
        padding-bottom: 0;
        color: #656565;
        padding-top: 4px;
        font-family: Arial, Helvetica, Sans-Serif;
        position: relative;
        height: 23px;
    }


#right {
    position: absolute;
    width: 140px;
    top: 72px;
    right: 0px;
    border: 0px dashed black;
    background-color: #CCCCCC;
    padding-right: 0px;
    z-index: 1; /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
}
/* LEFT Navigation Links */
#prinav a {
    background: #fff;
    font-weight: normal;
    font-size: 11px;
    color: #656565;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: 4px;
    border-bottom: solid 1px #eee;
    display: block;
    width: 112px;
    padding: 6px 4px;
}

#prinav br {
    display: none;
}

#prinav a:link {
    text-decoration: none;
}

#prinav a:visited {
    text-decoration: none;
}

#prinav a:active {
    text-decoration: none;
}

#prinav a:hover {
    text-decoration: none;
    color: #840008;
}
/*#clear{height:50px;}*/
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #navAlpha {
    width: 128px;
}
/* Again, "be nice to Opera 5". */
body > #navBeta {
    width: 168px;
}
/* ------------------------------------------------------------------------------------ */
.summary {
    width: 400px;
}

.prinav {
    margin: 0;
}

    .prinav a {
        background: #636563;
        font-weight: normal;
        text-decoration: none;
        font-size: 10px;
        font-family: Arial,Verdana,sans-serif;
        vertical-align: middle;
        text-align: left;
        color: #ffffff;
        border: #000000;
        margin-left: 1px;
        padding: 0px;
        border-style: solid;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        width: 130px;
    }

        .prinav a:link {
        }

        .prinav a:visited {
        }

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

        .prinav a:active {
        }

/* GENERAL Navigation Styles */
.center {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.mdbold {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#breadcrumbs {
    vertical-align: middle;
    padding-left: 5px;
    color: #FFFFFF;
    display: inline;
    float: left;
    text-align: left;
    padding-top: 3px;
}

#date {
    padding-right: 5px;
    color: #FFFFFF;
    display: inline;
    float: right;
    text-align: right;
    padding-top: 3px;
}

/* Breadcrumbs */
#breadcrumbs a {
    font-weight: normal;
    font-size: 10px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    vertical-align: middle;
    text-align: left;
}

    #breadcrumbs a:link {
        text-decoration: none;
    }

    #breadcrumbs a:visited {
        text-decoration: none;
    }

    #breadcrumbs a:active {
        text-decoration: none;
    }

    #breadcrumbs a:hover {
        border-bottom: 1px dashed #FFFFFF;
    }

.actionButton a {
    text-decoration: none;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    vertical-align: middle;
    text-align: center;
    padding-right: 4px;
    padding-left: 4px;
    color: #000000;
    border: 1px solid #333;
    border-top-color: #999;
    border-left-color: #999;
    margin-right: 4px;
    background: #e6e6e6;
}

    .actionButton a:link, .actionButton a:visited, .actionButton a:hover, .actionButton a:active {
        background: #e6e6e6;
        color: #000;
        text-decoration: none;
    }

.actionButton input[type=submit] {
    text-decoration: none;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
    padding-left: 2px;
    color: #000000;
    border: 1px solid #000000;
    margin-right: 4px;
    background: #cccccc;
}

#clear {
    line-height: 70px;
}

/* Typography Styles */
body {
    font: 11px verdana,arial,sans-serif;
}
/* Inhertience Fix for NN4 */
a, p, ul, li, h1, h2, h3, table, tr, td, form {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
}

h1, h2, h3, h4, ui, li {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 16px;
}

h2 {
    font-size: 14px;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: 8px;
}

p {
    margin-top: 6pt;
    margin-bottom: 0px;
    font-size: 12px;
}

li {
    font-size: 12px;
}

.xxl {
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 30px;
}

.xxlrev {
    font-family: Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    font-size: 30px;
}

.xl {
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 24px;
}

.xlrev {
    font-family: Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    font-size: 24px;
}

.xlred {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #AC2E26;
}

.lred {
    font-weight: bold;
    font-size: 15px;
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
}

.lg {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #000000;
}

.lgrev {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #FFFFFF;
}

.md {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
}

    .md td {
        padding-left: 1ex;
    }

.mdest {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #0000FF;
}

.mdyellow {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #dfdfdf;
}

    .mdyellow td {
        padding-left: 1ex;
    }

.mdrev {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.sm {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    color: #000000;
}

.smrev {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}

.mdchild {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #F5FFFA;
    border-bottom-color: #F0F8FF;
}

.button {
    height: 22px;
    cursor: pointer;
    border-top: .1em solid #999;
    border-left: .15em solid #999;
    border-right: .15em solid #333;
    border-bottom: .15em solid #333;
    margin: 0;
    white-space: nowrap;
    color: #000;
    background: #e6e6e6;
    color: #000;
}

.apptextbox {
    background-color: #e8f5fd;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    margin-top: 0px;
    border-top: solid 0px #014e7a;
    border-bottom: solid 1px #014e7a;
    border-left: solid 1px #014e7a;
    border-right: solid 1px #014e7a;
    margin-bottom: 1px;
}

.friendlymessage {
    color: #014e7a;
    font-family: Arial,Verdana,sans-serif;
    font-size: 80%;
}

.actionmessage {
    color: #f00;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


/* Form Styles */
form {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial,Helvetica,sans-serif;
}

input {
    border: #000000 1px solid;
    background: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #000000;
}

select {
    border: #000000 1px solid;
    background: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #000000;
}

textarea {
    border: #000000 1px solid;
    background: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #000000;
}

/* Page & Control Styles-Rules */
.box {
    border: #000000 1px solid;
}

.tablebox {
    border: #999999 1px solid;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

    .tablebox tr td:first-child {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6A6A6A;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }

.borderless {
    border: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

    .borderless tr td:first-child {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #6A6A6A;
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
    }

.reportInfoHeader {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    background: #000000;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.reportInfoHeaderData {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    background: #000000;
    text-align: left;
    white-space: nowrap;
}

.reportHeader {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #003366;
    background: #dfdfdf;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: normal;
}

.orangeheaderstyle td {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: White;
    text-align: center;
    background-color: #014e7a;
    font-weight: bold;
    white-space: nowrap;
}

.menuheader {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: Gray;
    font-weight: bold;
}

.searchmain {
    margin: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

    .searchmain a {
        text-decoration: none;
        font-size: 12px;
        font-family: verdana, arial, helvetica, sans-serif;
        vertical-align: middle;
        text-align: center;
        padding-right: 4px;
        padding-left: 4px;
        color: #000000;
        border: 1px solid #333;
        border-top-color: #999;
        border-left-color: #999;
        margin-right: 4px;
        background: #e6e6e6;
    }

        .searchmain a:link, .searchmain a:visited, .searchmain a:hover, .searchmain a:active {
            background: #e6e6e6;
            color: #000;
            text-decoration: none;
        }

/* Report Table Styles */
.reportPageHeader {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #fff;
    background: #000;
    text-align: left;
    white-space: nowrap;
    padding: 3px 4px;
}

.reportitemstyle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #014E7A;
    text-align: left;
    white-space: nowrap;
    padding: 3px 4px;
}

.reportaltitemstyle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #000;
    background: #eee;
    text-align: left;
    white-space: nowrap;
    padding: 3px 4px;
}

.invisible {
    display: none;
}

.UDFValues {
    background: white;
}

.AltUDFValues {
    background: #dfdfdf;
}

.activeTab {
    font-size: 10pt;
    font-weight: bold;
    background-color: #e0e0e0;
    background-image: none;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-bottom-width: 0px;
    border-bottom-color: #FFFF80;
}

.inactiveTab {
    font-size: 9pt;
    background-color: #c0c0c0;
    background-image: none;
    border-top-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-bottom-width: thin;
    border-bottom-color: Black;
    border-left-color: Black;
}

    .inactiveTab:hover {
        font-size: 10pt;
        background-color: #d0d0d0;
        background-image: none;
        border-top-width: thin;
        border-right-width: thin;
        border-left-width: thin;
        border-bottom-width: thin;
        border-bottom-color: Black;
        border-left-color: Black;
    }

.tabLayout {
    padding-left: 135;
}

.tabPanel {
    background-color: #e0e0e0;
    background-image: none;
    border-top-width: 0px;
}
/* The time picker classes */
.timepickercell {
    text-align: right;
    font-family: Tahoma,Sans-Serif;
    font-size: 9pt;
    padding-left: 2px;
    padding-right: 2px;
}

.timepickertitle {
    color: #ffffff;
    background-color: #003366;
    font-family: Verdana,Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
}

.timepickercell:hover {
    background-color: #d0d0d0;
}

.timepickertable {
    border-collapse: collapse;
    border: solid 3px #003366;
}

.smallcheck {
    border-width: 0px;
    border-style: none;
}

.FreezePaneOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=50);
    -ms-filter: ”alpha(opacity=50)”;
    -moz-opacity: 0.50;
    opacity: 0.50;
    padding-top: 20%;
}

.InnerFreezePane {
    text-align: center;
    width: 66%;
    background-color: #171;
    color: White;
    font-size: large;
    border: dashed 2px #111;
    padding: 9px;
}

/*Added for TEKsystems Global Services Project*/

span.h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

div.popup {
    text-align: center;
    border: solid 4px #000;
    position: fixed;
    top: 40%;
    left: 35%;
    right: 35%;
    z-index: 11;
    box-shadow: 5px 5px 5px #555;
    -moz-box-shadow: 5px 5px 5px #555;
    -webkit-box-shadow: 5px 5px 5px #555;
}

table.udfTable {
    /*jquery hook*/
}

a.close {
    float: right;
    color: #000;
    background-color: #BBCCDD;
    border: 1px solid #AAA;
    border-bottom: none;
    padding: 0px 1px 2px 1px;
    text-decoration: none;
}

table.projects {
    border-collapse: separate !important;
    margin-top: 15px;
}

    table.projects tr th {
        background-color: #ccc;
        border: 1px solid #aaa;
    }

        table.projects tr th span {
            display: block;
            padding: 0px 4px 0px 4px;
        }

        table.projects tr th a {
            background-color: transparent !important;
            padding-bottom: 3px !important;
        }

        table.projects tr th.sortasc {
            background: #ccc url(../images/sortasc.gif) no-repeat right;
            padding-right: 25px;
        }

        table.projects tr th.sortdesc {
            background: #ccc url(../images/sortdesc.gif) no-repeat right;
            padding-right: 25px;
        }

.waiverCheckBox {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #003366;
    font-weight: bold;
}

    .waiverCheckBox input[type="checkbox"] {
        margin-right: 5px;
    }

.webexpenseheader {
    text-align: center;
    font-weight: bold;
    background-color: #EEEEEE;
    /* border-top: solid 1px #BBBBBB; */
    border-bottom: solid 1px #BBBBBB;
    padding: 2px 7px 2px 0px;
}
.elevated {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    -webkit-box-shadow: 4px 4px 4px -4px gray;
    -moz-box-shadow: 4px 4px 4px -4px gray;
    box-shadow: 4px 4px 4px -4px gray;
}