﻿/* ======================================= */
/* ! Layout Styles  */
/* ===================================== */

html, body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

body {
    font: 80% verdana,arial;
    background: url(images/body_bg.png) repeat-x;
    background-color: #fff;
}

p {
    margin: 0 10px 10px;
}
/*a{ color: #981793;padding:10px}*/
div #header {
    height: 80px;
    width: 95%;
    vertical-align: bottom;
    padding-left: 10px;
}

div#login {
    float: left;
    margin-left: 850px;
    margin-right: 10px;
    width: 100px;
    height: 73px;
}

div#flags {
    float: right;
    margin-right: 5px;
    width: 130px;
    height: 73px;
    background-image: url(images/USAFlag.png);
    background-repeat: no-repeat;
}

div#logo {
    float: left;
    margin-left: 5px;
    width: 453px;
    height: 80px;
    background: url(images/flglogo.png) no-repeat;
    vertical-align: bottom;
    display: inline-block;
}

div#fldoelogo {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    width: 328px;
    height: 80px;
    background: url(images/flagslogo1.png) no-repeat;
    vertical-align: bottom;
    display: inline-block;
}

div#loading {
    float: left;
    width: 100px;
    height: 70px;
    background: url(images/ajax-loader.gif) no-repeat;
}

div#webwrapper {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin: 0;
}

div#menubar {
    margin: 0 1% .2% 1%;
    color: #333;
    font-size: 100%;
    background: url(images/menu_bg.png) repeat-x;
    height: 29px;
}

div#breadcrumb {
    margin: 0 1% 0 1%;
    color: #5d7bb7;
    font-size: 100%;
    background: url(images/breadcrumb_bg.png) repeat-x;
    padding: 10px;
}

    div#breadcrumb a {
        color: #5d7bb7;
        text-decoration: none;
    }

        div#breadcrumb a:hover {
            color: #585858;
            text-decoration: none;
        }


div#bodyweb {
    margin: 1%;
    color: #333;
    font-size: 100%;
}

div#loginform {
    float: left;
    margin: 1% 5% 1% 5%;
    color: #333;
    font-size: 100%;
    width: 35%;
}

div#logindevider {
    float: left;
    margin: 1% 5% 1% 5%;
    width: 2%;
}

div#loginlogo {
    float: left;
    margin: 1% 5% 1% 5%;
    width: 25%;
}

#loginheading {
    float: left;
    margin: 2% 5% 1% 5%;
    width: 50%;
    font-size: 150%;
    color: #f6f6f6;
}

div#webcontent {
    margin: 1% 5% 1% 5%;
}

    div#webcontent p {
        line-height: 1.4;
    }

/*div#footer
{
    clear: left;
    width: 100%;
}*/
/*div#footer p
{
    float: right;
    padding-left: 400px;
    padding-top: 10px;
    color: #fff;
    font-size: small;
    width: auto;
}*/
div#container {
    width: 100%;
}

.clear {
    clear: both;
}

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}



.the_box_web {
    font-family: verdana, arial;
    font-weight: normal; /*	border:#808987 solid 1px;*/
    width: 100%;
    /*margin: 0 1% 0 1%;*/
    padding-top: 5px;
    background-color: #fff;
}

.box_header_web {
    padding: .5em;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background-color: #209ded;
    text-align: left;
}

.titleHeader {
    padding: .2em 0 .2em 0;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background-color: #209ded;
    text-align: center;
    /*width: 97.7%;*/
}
/*.box_text_web
{
    text-align: left;
    position: relative;
    margin: 0;
    padding: 1%;
    background:  url(images/box_bg.png) repeat-x;
}*/

.box_text_web {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
}


.title-box {
    margin: .1em;
    border: .1em solid #82a9f6;
    padding: .5em;
    width: 97.9%;
    float: left;
}

.title-box-title + * {
    margin-top: -1.1em;
}

.title-box {
    position: relative;
    margin: 1em 0 1em 0;
    border: .1em solid #82a9f6;
    padding: 2em;
    background: #fff;
    top: 0px;
    /*left: 10px;*/
    width: 96%;
}

.title-box-title {
    position: absolute;
    display: inline;
    border: 1px solid #82a9f6;
    border-width: .1em .1em;
    padding: 0 .5em;
    top: -.6em;
    left: 1em;
    color: #5c7bb4;
    background-color: #fff;
    font-size: 1em;
}

.title-box-continer {
    margin: .1em -1em;
    padding: 0;
    overflow: visible;
    z-index: 0;
    position: relative;
    width: 90%;
}

.title-box-container {
    margin: .1em -1em;
    padding: 0;
    overflow: visible;
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
}

#pagination-digg li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
    margin-right: 2px;
}

#pagination-digg a {
    border: solid 1px #9aafe5 margin-right:2px;
}

#pagination-digg .previous-off, #pagination-digg .next-off {
    border: solid 1px #DEDEDE;
    color: #767676;
    display: block;
    float: left;
    font-weight: normal;
    margin-right: 2px;
    padding: 3px 4px;
}

#pagination-digg .next a, #pagination-digg .previous a {
    font-weight: normal;
}

#pagination-digg .active {
    background: #666;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    float: left;
    padding: 4px 6px;
}

#pagination-digg a:link, #pagination-digg a:visited {
    color: #666;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
}

#pagination-digg a:hover {
    border: solid 1px #666;
}


/* Menu Styles*/

#cssmenu {
    height: 38px;
    display: block;
    padding: 0;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 5px;
    width: 98%;
}

    #cssmenu > ul {
        list-style: inside none;
        padding: 0;
        margin: 0;
    }

        #cssmenu > ul > li {
            list-style: inside none;
            padding: 0;
            margin: 0;
            float: left;
            display: block;
            position: relative;
        }

            #cssmenu > ul > li > a {
                outline: none;
                display: block;
                position: relative;
                padding: 12px 20px;
                font: bold 13px/100% Arial, Helvetica, sans-serif;
                text-align: center;
                text-decoration: none;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
            }

            #cssmenu > ul > li:first-child > a {
                border-radius: 5px 0 0 5px;
            }

            #cssmenu > ul > li > a:after {
                content: '';
                position: absolute;
                border-right: 1px solid;
                top: -1px;
                bottom: -1px;
                right: -2px;
                z-index: 99;
            }

    #cssmenu ul li.has-sub:hover > a:after {
        top: 0;
        bottom: 0;
    }

    #cssmenu > ul > li.has-sub > a:before {
        content: '';
        position: absolute;
        top: 18px;
        right: 6px;
        border: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    #cssmenu > ul > li.has-sub:hover > a:before {
        top: 19px;
    }

    #cssmenu ul li.has-sub:hover > a {
        background: #3c6f99;
        border-color: #3c6f99;
        padding-bottom: 13px;
        padding-top: 13px;
        top: -1px;
        z-index: 999;
    }

    #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
        display: block;
    }

    #cssmenu ul li.has-sub > a:hover {
        background: #3c6f99;
        border-color: #3c6f99;
    }

    #cssmenu ul li > ul, #cssmenu ul li > div {
        display: none;
        width: auto;
        position: absolute;
        top: 38px;
        padding: 5px 0;
        background: #3c6f99;
        border-radius: 0 0 5px 5px;
        z-index: 999;
    }

    #cssmenu ul li > ul {
        width: 230px;
    }

        #cssmenu ul li > ul li {
            display: block;
            list-style: inside none;
            padding: 0;
            margin: 0;
            position: relative;
        }

            #cssmenu ul li > ul li a {
                outline: none;
                display: block;
                position: relative;
                margin: 0;
                padding: 8px 20px;
                font: 10pt Arial, Helvetica, sans-serif;
                color: #fff;
                text-decoration: none;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
            }

    #cssmenu, #cssmenu > ul > li > ul > li a:hover {
        background: #2957ad;
        background: -moz-linear-gradient(top, #3e698c 0%, #3387cc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2957ad), color-stop(100%, #3387cc));
        background: -webkit-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: -o-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: -ms-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: linear-gradient(top, #2957ad 0%, #3387cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2957ad', endColorstr = '#3387cc', GradientType = 0); /*	background:url(images/menu_bg2.png) repeat-x;*/
    }



#cssmenu {
    border-color: #2957ad;
}

    #cssmenu > ul > li > a {
        border-right: 1px solid #2957ad;
        color: #fff;
    }

        #cssmenu > ul > li > a:after {
            border-color: #6696bd;
        }

        #cssmenu > ul > li > a:hover {
            background: #436f93;
        }


/* End Menu Styles*/



/*Search Criteria*/






.SearchLabel {
    color: #5c7bb4;
    font-weight: bold;
}

.rowstyle {
    padding: 10px;
    background-color: rgb(203, 218, 245);
}

.rowstyle1 {
    padding: 10px;
    background-color: #fff;
}



/*Gridview Styles*/

table.defaultgrid {
    border-collapse: collapse !important;
    width: 100%;
}

    table.defaultgrid th a:link {
        background-image: none;
        background-color: Transparent;
        font-family: Verdana;
        font-size: 9pt;
        color: White;
        border-style: none;
        font-weight: bold;
    }

    table.defaultgrid th a:visited {
        background-image: none;
        background-color: Transparent;
        font-family: Verdana;
        font-size: 9pt;
        color: White;
        border-style: none;
    }

    table.defaultgrid th a:hover {
        background-image: none;
        background-color: Transparent;
        font-family: Verdana;
        font-size: 9pt;
        color: Maroon;
        border-style: none;
        text-decoration: underline;
    }

    table.defaultgrid a:link {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.defaultgrid a:visited {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.defaultgrid a:hover {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        text-decoration: underline;
        color: Maroon;
    }

.GVEmpty {
    /*background-color:#204d89; */
    background-color: rgb(203, 218, 245);
    color: #000000;
    border: solid 1px #82a9f6;
    font-family: verdana;
    font-size: 11px;
    padding: 2px;
}

table.smallgrid {
    border-collapse: collapse !important;
    width: 96%;
}

    table.smallgrid th {
        text-align: left !important;
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
    }

        table.smallgrid th a:link {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 8pt;
            color: White;
            border-style: none;
        }

        table.smallgrid th a:visited {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 8pt;
            color: White;
            border-style: none;
        }

        table.smallgrid th a:hover {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 8pt;
            color: Maroon;
            border-style: none;
            text-decoration: underline;
        }

    table.smallgrid a:link {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 8pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.smallgrid a:visited {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 8pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.smallgrid a:hover {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 8pt;
        text-decoration: none;
        color: #3966bf;
    }

.GVselected {
    background-color: rgb(203, 218, 245);
    border: solid 1px #82a9f6;
}

.LabelText {
    font-weight: bold;
}

.GvRow {
    background-color: #fff;
    border: solid 1px #82a9f6;
}

    .GvRow td {
        border: solid 1px #82a9f6;
    }

    .GvRow tr td:last-child {
        border: none;
    }

.GValternating {
    background-color: rgb(203, 218, 245); /* border: solid 1px #82a9f6;*/
}

    .GValternating td {
        border: solid 1px #82a9f6;
    }

    .GValternating tr td:last-child {
        border: none;
    }

.PGheader {
    /*background-image:url("images/selectednav.gif"); 	background-repeat: repeat-x; 	background-color: #ffe6a0; font-size:8px;*/
    background-color: #699efa;
    color: #fff;
    border: solid 1px #82a9f6;
}


/*Listview Styles*/

table.lvtable {
    border-width: 1px;
    border-style: outset;
    border-color: #efefef;
    border-collapse: collapse;
    background-color: white;
    font-size: 11px;
}

    table.lvtable th {
        background-color: #699efa;
        color: #fff;
        border: solid 1px #82a9f6;
    }

        table.lvtable th a:link {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 9pt;
            color: White;
            border-style: none;
            font-weight: bold;
        }

        table.lvtable th a:visited {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 9pt;
            color: White;
            border-style: none;
        }

        table.lvtable th a:hover {
            background-image: none;
            background-color: Transparent;
            font-family: Verdana;
            font-size: 9pt;
            color: Maroon;
            border-style: none;
        }

    table.lvtable a:link {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.lvtable a:visited {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        background-color: #e2efff;
        color: #3966bf;
        text-decoration: none;
    }

    table.lvtable a:hover {
        border: solid 1px #c2dcff;
        border-left: solid 1px #ffffff;
        background-repeat: repeat-x;
        font-family: Verdana;
        font-size: 9pt;
        text-decoration: none;
        color: #3966bf;
    }

.alternatingItem {
    background-color: rgb(203, 218, 245);
}

.actionstyle {
    white-space: nowrap;
}

.item {
    background-color: #ffFFFF;
}

span.pagerstyle a:link {
    background-image: none;
    background-color: Transparent;
    font-family: Verdana;
    font-size: 9pt;
    color: White;
    border-style: none;
}

span.pagerstyle a:visited {
    background-image: none;
    background-color: Transparent;
    font-family: Verdana;
    font-size: 9pt;
    color: White;
    border-style: none;
}

span.pagerstyle a:hover {
    background-image: none;
    background-color: Transparent;
    font-family: Verdana;
    font-size: 9pt;
    color: Maroon;
    border-style: none;
}

span.pagerstyle a:link {
    border: solid 1px #c2dcff;
    border-left: solid 1px #ffffff;
    background-repeat: repeat-x;
    font-family: Verdana;
    font-size: 9pt;
    background-color: #e2efff;
    color: #3966bf;
    text-decoration: none;
}

span.pagerstyle a:visited {
    border: solid 1px #c2dcff;
    border-left: solid 1px #ffffff;
    background-repeat: repeat-x;
    font-family: Verdana;
    font-size: 9pt;
    background-color: #e2efff;
    color: #3966bf;
    text-decoration: none;
}

span.pagerstyle a:hover {
    border: solid 1px #c2dcff;
    border-left: solid 1px #ffffff;
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 9pt;
    text-decoration: none;
    color: #3966bf;
}




.validatorCalloutHighlight {
    background-color: lemonchiffon;
}

.circle {
    border-radius: 50%;
    width: 30px;
    background: red;
    height: 30px;
    vertical-align: middle; /* width and height can be anything, as long as they're equal */
}





.stepCircleInActive {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
    width: 18px;
    height: 18px;
    padding: 5px;
    background: #fff;
    border: 2px solid #2957ad;
    color: #2957ad;
    text-align: center;
    float: left;
    font: 16px Arial, sans-serif;
    font-weight: bold;
}





.stepCircleActive {
    float: left;
    color: #556655;
    width: 32px;
    height: 32px;
    float: left;
    font-size: 1.5em;
    color: #e0e1e2;
    background: #2957ad;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    line-height: 30px;
    text-align: center;
}


.Custombutton1:enabled {
    border: none;
    float: left;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #fff;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: linear-gradient(top,#F0F0F0,#077bf3);
    text-decoration: none;
}

.Custombutton1:hover:enabled {
    border: 1px solid #508aac;
    float: left;
    background-color: #2957ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad, #508aac);*/
    background-image: -moz-linear-gradient(#F0F0F0,#0722a7);
    background-image: -ms-linear-gradient(#F0F0F0,#0722a7);
    background-image: -o-linear-gradient(#F0F0F0,#0722a7);
    background-image: -webkit-linear-gradient(#F0F0F0,#0722a7);
    background-image: linear-gradient(#F0F0F0,#0722a7);
}

.Custombutton1:disabled {
    color: #A2A2A2;
    background-color: #E7E7E7;
    border: none;
    float: left;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #000000;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -ms-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: linear-gradient(top,#F0F0F0,#F0F0F0);
    text-decoration: none;
}

.Custombutton:enabled {
    border: none;
    float: left;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #fff;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: linear-gradient(top,#F0F0F0,#077bf3);
    text-decoration: none;
}

.Custombutton:hover:enabled {
    border: 1px solid #508aac;
    float: left;
    background-color: #2957ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /* background-image: linear-gradient(top, #2957ad, #508aac);*/
    background-image: -moz-linear-gradient(#F0F0F0,#0722a7);
    background-image: -ms-linear-gradient(#F0F0F0,#0722a7);
    background-image: -o-linear-gradient(#F0F0F0,#0722a7);
    background-image: -webkit-linear-gradient(#F0F0F0,#0722a7);
    background-image: linear-gradient(#F0F0F0,#0722a7);
}

.Custombutton:disabled {
    color: #A2A2A2;
    background-color: #E7E7E7;
    border: none;
    float: left;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #000000;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -ms-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: linear-gradient(top,#F0F0F0,#F0F0F0);
    text-decoration: none;
}


.Rightbutton:enabled {
    border: none;
    float: right;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #fff;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: linear-gradient(top,#F0F0F0,#077bf3);
    text-decoration: none;
}

.Rightbutton:hover:enabled {
    border: 1px solid #508aac;
    float: right;
    background-color: #2957ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /* background-image: linear-gradient(top, #2957ad, #508aac);*/
    background-image: -moz-linear-gradient(#F0F0F0,#0722a7);
    background-image: -ms-linear-gradient(#F0F0F0,#0722a7);
    background-image: -o-linear-gradient(#F0F0F0,#0722a7);
    background-image: -webkit-linear-gradient(#F0F0F0,#0722a7);
    background-image: linear-gradient(#F0F0F0,#0722a7);
}

.Rightbutton:disabled {
    color: #A2A2A2;
    background-color: #E7E7E7;
    border: none;
    float: right;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #000000;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -ms-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: linear-gradient(top,#F0F0F0,#F0F0F0);
    text-decoration: none;
}


/*ASP Menu*/

.clsMenu {
    height: 60px;
    width: auto;
    display: block;
    background-image: url(images/beckground-topmenu.jpg);
}

.clsMenluItem {
    font-family: GAF Futura Heavy, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/beckground-topmenu.jpg);
    float: left;
}



.clsDynamicMenu {
    background-image: url('images/background-light-sand.jpg');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Blue;
}

.clsDynamicMenuItem {
    width: 120px;
    background-image: url('images/background-light-sand.jpg');
    font-size: 12px;
    height: 10px;
    word-spacing: 10px;
    text-align: justify;
}


.submenu, submenu a:visited {
    border-left: 1px solid #000033;
    border-right: 1px solid #000033;
    border-bottom: 1px solid #000033;
    border-top: 1px solid #000033;
    background: url('images/background-light-sand.jpg');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: Black;
}

li.alternatesubmenu {
    border: 1px solid #C0C0C0;
    background-image: url('images/background-medium-sand.jpg');
}

#ASPNetMenu {
    height: 38px;
    display: block;
    padding: 0;
    /*margin: 0 1% 0 1%;*/
    border: 1px solid;
    border-radius: 5px;
    /*width: 1440px;*/
    float: left !important;
}

    #ASPNetMenu > ul.static {
        list-style: inside none;
        padding: 0;
        margin: 0;
    }

    #ASPNetMenu > ul > li {
        list-style: inside none;
        padding: 0;
        margin: 0;
        float: left;
        display: block;
        position: relative;
    }

        #ASPNetMenu > ul > li > a.static {
            outline: none;
            display: block;
            position: relative;
            padding: 12px 20px;
            font: bold 13px/100% Arial, Helvetica, sans-serif;
            text-align: center;
            text-decoration: none;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
        }

        #ASPNetMenu > ul > li:first-child > a.static {
            border-radius: 5px 0 0 5px;
        }

        #ASPNetMenu > ul > li > a.static:after {
            content: '';
            position: absolute;
            border-right: 1px solid;
            top: -1px;
            bottom: -1px;
            right: -2px;
            z-index: 99;
        }

    #ASPNetMenu ul li.has-popup:hover > a:after {
        top: 0;
        bottom: 0;
    }

    #ASPNetMenu > ul > li.has-popup > a:before {
        content: '';
        position: absolute;
        top: 18px;
        right: 6px;
        border: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    #ASPNetMenu > ul > li.has-popup:hover > a:before {
        top: 19px;
    }

    #ASPNetMenu ul li.has-popup:hover > a.static {
        background: #3c6f99;
        border-color: #3c6f99;
        padding-bottom: 13px;
        padding-top: 13px;
        top: -1px;
        z-index: 999;
    }

    #ASPNetMenu ul li.has-popup:hover > ul, #ASPNetMenu ul li.has-popup:hover > div {
        display: block;
    }

    #ASPNetMenu ul li.has-popup > a:hover {
        background: #3c6f99;
        border-color: #3c6f99;
    }

    #ASPNetMenu ul li > ul, #ASPNetMenu ul li > div {
        display: none;
        width: auto;
        position: absolute;
        top: 38px !important;
        padding: 3px 0;
        background: #3c6f99;
        border-radius: 0 0 5px 5px;
        z-index: 999;
    }

        #ASPNetMenu ul li > ul li > ul, #ASPNetMenu ul li > ul li > div {
            display: none;
            width: auto;
            position: absolute;
            top: 0px !important;
            padding: 0;
            background: #3c6f99;
            border-radius: 0 5px 5px 0;
            z-index: 999;
        }

    #ASPNetMenu ul li > ul {
        width: 230px;
    }

        #ASPNetMenu ul li > ul li {
            display: block;
            list-style: inside none;
            padding: 0;
            margin: 0;
            position: relative;
        }


            #ASPNetMenu ul li > ul li a {
                outline: none;
                display: block;
                position: relative;
                margin: 0;
                padding: 8px 20px;
                font: 10pt Arial, Helvetica, sans-serif;
                color: #fff;
                text-decoration: none;
                text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
            }

    #ASPNetMenu, #ASPNetMenu > ul > li > ul > li a:hover {
        background: #2957ad;
        background: -moz-linear-gradient(top, #3e698c 0%, #3387cc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2957ad), color-stop(100%, #3387cc));
        background: -webkit-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: -o-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: -ms-linear-gradient(top, #2957ad 0%, #3387cc 100%);
        background: linear-gradient(top, #2957ad 0%, #3387cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2957ad', endColorstr = '#3387cc', GradientType = 0); /*	background:url(images/menu_bg2.png) repeat-x;*/
    }



#ASPNetMenu {
    border-color: #2957ad;
}

    #ASPNetMenu > ul > li > a.static {
        border-right: 1px solid #2957ad;
        color: #fff;
    }

        #ASPNetMenu > ul > li > a.static:after {
            border-color: #6696bd;
        }

        #ASPNetMenu > ul > li > a.static:hover {
            background: #436f93;
        }


.menubg {
    background-image: url(images/ver_Menu_bg.png);
    background-repeat: repeat-x inherit;
    vertical-align: top;
}

#Menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 98%;
    color: #717171;
    width: 150px;
    text-align: center;
}

    #Menu li {
        background: url(images/admin_tab_main.png) no-repeat;
        padding: 0px 0px 0px 0px;
        height: 63px;
    }

        #Menu li:hover {
            height: 63px;
            background: url(images/admin_tab_active.png) no-repeat;
        }

a#Menu:active, .chosen {
    height: 63px;
    color: #717171;
    padding-top: 10px;
    background: url(images/admin_tab_active.png) no-repeat;
}


#Menu li:hover a {
    color: #717171;
    height: 63px;
}

#Menu li:active a {
    color: #717171;
    height: 63px;
}


#Menu a:link {
    color: #717171;
    text-decoration: none;
    height: 63px;
}

#Menu a:hover {
    color: #717171;
    height: 63px;
}

#the_box {
    font-family: "Gill Sans", verdana, arial;
    font-weight: normal;
    color: #333;
    background-color: #EEEEEE;
    width: 100%;
}

.box_header {
    padding: .5em 0 .5em .5em;
    font-weight: 600;
    color: #999;
    background-color: #eee;
    text-align: left;
    height: 15px;
}

.box_header_forgetpswd {
    padding: .5em 0 .5em 0;
    font-weight: 600;
    color: #666;
    text-decoration: underline;
    text-align: left;
    height: 30px;
}

.box_text {
    text-align: left;
    width: 100%;
}

#wrap {
    width: 765px;
    margin: 0 auto;
    margin-left: -25px;
}


#content {
    overflow: hidden;
}

.contentbox-wrapper {
    position: relative;
    margin: 0 0 0 0;
    width: 15000px;
    height: 100%;
}

.contentbox {
    width: 760px;
    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.securityadmintab {
    position: relative;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-top: 30px;
}

    .securityadmintab .ajax__tab_header {
        background-image: url('images/background-light-sand.jpg');
        color: #000033;
        font-family: Arial;
        font-size: 12px;
        text-align: left;
    }

    .securityadmintab .ajax__tab_body {
        background-image: url('images/background-medium-sand.jpg');
        border: 1px solid gray; /* height: 740px;                   width: 1100px;*/
    }

    .securityadmintab .ajax__tab_inner {
        background-image: url('images/background-dark-gray.jpg'); /* height: 30px; */
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
        cursor: pointer;
        color: #000033 !important;
    }

    .securityadmintab .ajax__tab_outer {
        border-top: 1px solid gray;
        border-left: 1px solid gray;
        border-right: 1px solid gray;
        position: relative;
        margin-right: 10px;
        vertical-align: bottom;
        font-weight: bold;
    }

    /*Selected tab*/
    .securityadmintab .ajax__tab_active .ajax__tab_inner {
        background-image: url('images/background-light-sand.jpg');
    }

    .securityadmintab .ajax__tab_active .ajax__tab_outer {
    }

    .securityadmintab .ajax__tab_tab > span {
        color: #000033 !important;
    }

.Tabs .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    color: #253099;
    font-size: 11px;
    background: url("images/tab-line.gif") repeat-x bottom;
}

.Tabs .ajax__tab_outer {
    padding-right: 0px;
    background: url("images/tab-right.gif") no-repeat right;
    height: 21px;
}

.Tabs .ajax__tab_inner {
    padding-left: 3px;
    background: url("images/tab-left.gif") no-repeat;
}

.Tabs .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url("images/tab.gif") repeat-x;
}

.Tabs .ajax__tab_hover .ajax__tab_outer {
    background: url("images/tab-hover-right.gif") no-repeat right;
}

.Tabs .ajax__tab_hover .ajax__tab_inner {
    background: url("images/tab-hover-left.gif") no-repeat;
}

.Tabs .ajax__tab_hover .ajax__tab_tab {
    background: url("images/tab-hover.gif") repeat-x;
}

.Tabs .ajax__tab_active .ajax__tab_outer {
    background: url("images/tab-active-right.gif") no-repeat right;
}

.Tabs .ajax__tab_active .ajax__tab_inner {
    background: url("images/tab-active-left.gif") no-repeat;
}

.Tabs .ajax__tab_active .ajax__tab_tab {
    background: url("images/tab-active.gif") repeat-x;
}

.Tabs .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #000004;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.ajax__tab_header_verticalleft {
    width: 150px !important;
}


.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: relative;
    z-index: 10000 !important;
}

.block > td {
    border: 0;
}

.errmessagetext {
    color: red;
    font: bold 12px Arial, Helvetica, sans-serif;
}

.warningMsgText {
    color: brown;
    font: bold 12px Arial, Helvetica, sans-serif;
}

/* Calender CSS*/
.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    z-index: 100000 !important;
    color: red;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
    z-index: 100000 !important;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    z-index: 100000 !important;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
    z-index: 100000 !important;
}

#progressBackgroundFilter {
    position: absolute;
    height: expression(document.documentElement.scrollTop + document.documentElement.clientHeight + "px" );
    width: expression(document.body.clientWidth + "px" );
}

#processMessage {
    font-family: Verdana;
    font-size: 12px;
    position: absolute;
    top: expression(document.documentElement.scrollTop + (document.documentElement.clientHeight * .30) + "px" );
}
/*<![endif]-->*/ #TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: Gray;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay {
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px' );
}

#TB_window {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color: Gray;
    display: block;
    border: 1px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window {
    /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px' );
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect {
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px' );
}

/*Calendar Control CSS*/

.cal_Theme1 .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.e1 {
    background-color: #ffcccc;
}

.LabelText {
    font-size: 10px; /* was 70 */
    text-align: left;
    font-weight: bold;
    display: inline;
}
/* Use this class for Centered labels in the application  note Vertical Center Also*/
.LabelTextAlignCenter {
    font-size: 60%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

/* Use this class for all labels in the DTGridView controls. */
.LabelTextGrid {
    font-size: 50%; /* was 70 */
    text-align: left;
    font-weight: bold;
}

/* Use this class for all input text in the application */
.InputText {
    font-size: 12px;
    text-align: left;
    border-color: #F5F5F5;
    border-style: groove;
}

/* Use this class for all "text" input text in the application */
.InputTextGrid {
    /* This is set a 110% because the text in the grid is already set to 50% and we need to offset that*/
    font-size: 110%;
    text-align: left;
}

/*Repeater Styles*/
/* This class will assign the header color to the grid header that it is assigned to */
.GridHeader {
    background-color: #699efa;
    color: Black;
    border-color: Black;
}

.GridRowOdd {
    background-color: #c2dcff;
    color: Black;
}

/* This class will assign the even color to each row that is assigned this class */
.GridRowEven {
    background-color: White;
    color: Black;
}

.TextSmaller {
    font-size: 80%;
}

/* SOW Styles */
table.SOWListTable {
    border: solid 1px #bbbbbb;
    width: 100%;
    text-align: center;
}

td.SOWListTable {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
}

td.SOWListTableL {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    text-align: left;
}

td.SOWListTableNoWrap {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    text-align: left;
    white-space: nowrap;
}

th.SOWListTable {
    border-bottom: solid 1px #bbbbbb;
    background-color: #cccccc;
}

td.Approved {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    background-color: #aaffaa;
    font-weight: bold;
}

td.NeedsMoreInfo {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    background-color: #ffff99;
    font-weight: bold;
}

td.Pending {
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    font-weight: bold;
}

td.InputFieldLabel {
    vertical-align: top;
    text-align: right;
    background-color: #cccccc;
}

td.InputField {
    border-style: none;
}

td.InputFieldLabelLeft {
    vertical-align: top;
    text-align: left;
    background-color: #cccccc;
}

td.InputFieldLabelCenter {
    vertical-align: top;
    text-align: left;
    background-color: #cccccc;
}


.toUpper {
    text-transform: uppercase;
}

/* ------------------------------------------------------------
"User Authorization Form" style classes. (Printed for F.O. to sign)
------------------------------------------------------------ */
.AgreementFormLabel {
    font-size: 80%;
    text-transform: uppercase;
    vertical-align: bottom;
    text-align: left;
}

.AgreementFormData {
    border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 80%;
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: bottom;
    text-align: left;
}

/* Use this class if you need to align text center */
.TextAlignCenter {
    text-align: center;
    vertical-align: middle;
}

.ContentHeader {
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    background-color: #CBDAF5;
    height: 100%;
    border-bottom: solid 2px #82a9f6;
}

.RoleGroupTitle {
    width: 300px;
    height: 20px;
    background-color: #699EFA;
    border: 1px solid #000;
}

.RoleGroupBody {
    width: 280px;
    height: 180px;
    border: 1px solid #000;
}

.ScreenReaderOnly {
    display: none;
}

/*
 Summary Page 
*/
.sidenav:hover {
    background-image: none;
    background-color: #c2dcff;
    border-left-width: 25px;
    border-right-width: 25px;
    border: 2px solid #c2dcff;
}

.sidenav: {
    background-color: Transparent;
    border-style: none;
    padding-bottom: 25px;
    padding-left: 5px;
    padding-top: 16px;
}

#navbody {
    line-height: 30px;
    background-color: #f5f5f5; /* #F5F5F5*/
    height: auto;
    width: auto;
    float: left;
    padding: 3px;
    vertical-align: top;
    border-style: Solid;
    border-color: #4290e2;
    border-width: 2px;
}

.title-margin {
    background-color: white;
    height: 3px;
    width: 600px;
}

/*
Login page
*/

.login {
    background: #f5f5f5;
    border: 4px;
    border-style: Solid;
    border-color: #4290e2;
    border-width: 2px;
}

.btnpad {
    padding-top: 12px;
    padding-left: 5px;
}

.pad {
    padding-top: 5px;
    padding-left: 5px;
}

.divpad {
    padding-left: 5px;
    padding-top: 5px;
    background-color: #209ded;
    font-weight: bold;
    color: White;
    height: 26px;
    text-align: center;
}

    .divpad h4 {
        font-size: 1.3em !important;
        line-height: 1;
        color: white;
    }

.Validatebutton {
    border: none;
    float: left;
    outline: none;
    display: block;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #fff;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: linear-gradient(top,#F0F0F0,#077bf3);
    text-decoration: none;
}

    .Validatebutton:hover {
        border: 1px solid #508aac;
        float: left;
        background-color: #2957ad;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #FFFFFF;
        font-family: "Gill Sans", verdana, arial;
        font-size: 12px; /*background-image: linear-gradient(top, #209ded, #508aac);*/
        background-image: -moz-linear-gradient(top,#F0F0F0,#0722a7);
        background-image: -ms-linear-gradient(top,#F0F0F0,#0722a7);
        background-image: -o-linear-gradient(top,#F0F0F0,#0722a7);
        background-image: -webkit-linear-gradient(top,#F0F0F0,#0722a7);
        background-image: linear-gradient(top,#F0F0F0,#0722a7);
    }

    .Validatebutton:disabled {
        color: #A2A2A2;
        background-color: #E7E7E7;
        border: none;
        float: left;
        outline: none;
        display: block;
        cursor: pointer;
        margin: 6px 5px 2px 0;
        clear: both;
        padding: 0;
        border: 1px solid #d3d3d3;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 6px 6px 6px 6px;
        text-align: center;
        color: #000000;
        background-color: #077bf3;
        font-family: "Gill Sans", verdana, arial;
        font-weight: bold;
        font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
        background-image: -moz-linear-gradient(top,#F0F0F0,#F0F0F0);
        background-image: -ms-linear-gradient(top,#F0F0F0,#F0F0F0);
        background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0);
        background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0);
        background-image: linear-gradient(top,#F0F0F0,#F0F0F0);
        text-decoration: none;
    }

/* Modal Popup CSS*/


.mp {
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.mpHd {
    background-color: #699efa;
    border-color: White;
    border-width: 1px;
    color: White;
    font-weight: bold;
    width: 100%;
    height: 16px;
}

.mpClose {
    text-align: center;
    width: 100%;
}

.mpCloseButton {
    position: absolute;
    right: 4px;
    width: 17px;
    height: 18px;
}

#searchbody {
    line-height: 18px;
    background-color: #f5f5f5;
    height: auto;
    width: 100%;
    float: left;
    padding: 3px;
    vertical-align: top;
    border-style: Solid;
    border-color: #4290e2;
    border-width: 2px;
}

#modalbody {
    line-height: 18px;
    background-color: #f5f5f5;
    height: auto;
    width: Auto;
    float: left;
    padding: 3px;
    vertical-align: top;
    border-style: Solid;
    border-color: #4290e2;
    border-width: 3px;
}

/*.footerhref
{
    float: left;
    padding-top: 10px;
}*/

.mpButton:enabled {
    border: none;
    outline: none;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #fff;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#077bf3);
    background-image: linear-gradient(top,#F0F0F0,#077bf3);
    text-decoration: none;
}

.mpButton:hover:enabled {
    border: 1px solid #508aac;
    background-color: #2957ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /* background-image: linear-gradient(top, #2957ad, #508aac);*/
    background-image: -moz-linear-gradient(#F0F0F0,#0722a7);
    background-image: -ms-linear-gradient(#F0F0F0,#0722a7);
    background-image: -o-linear-gradient(#F0F0F0,#0722a7);
    background-image: -webkit-linear-gradient(#F0F0F0,#0722a7);
    background-image: linear-gradient(#F0F0F0,#0722a7);
}

.mpButton:disabled {
    color: #A2A2A2;
    background-color: #E7E7E7;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 6px 5px 2px 0;
    clear: both;
    padding: 0;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    color: #000000;
    background-color: #077bf3;
    font-family: "Gill Sans", verdana, arial;
    font-weight: bold;
    font-size: 12px; /*background-image: linear-gradient(top, #2957ad 0%, #3387cc 100%);*/
    background-image: -moz-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -ms-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -o-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: -webkit-linear-gradient(top,#F0F0F0,#F0F0F0);
    background-image: linear-gradient(top,#F0F0F0,#F0F0F0);
    text-decoration: none;
}

/* Check boxes and Radio buttons CSS*/

.ListControl input[type=checkbox], input[type=radio] {
    display: inline !important;
}


.ListControl label {
    display: inline !important;
    float: left;
    color: #000;
    cursor: pointer;
    text-indent: 20px;
    white-space: nowrap;
}

.ListControl input[type=checkbox] + label {
    display: block !important;
    width: 1em;
    height: 1em;
    border: 0.0625em solid #C0C0C0;
    border-radius: 0.25em;
    background: #077bf3;
    background-image: -moz-linear-gradient(#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(#F0F0F0,#077bf3);
    background-image: linear-gradient(#F0F0F0,#077bf3);
    vertical-align: middle;
    line-height: 1em;
    font-size: 12px;
    font-family: "Gill Sans", verdana, arial;
}

.ListControl input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #fff;
    height: 1em;
    line-height: 1.1em;
    width: 1em;
    font-weight: 900;
    margin-right: 6px;
    margin-left: -20px;
}

.ListControl input[type=radio] + label {
    display: block;
    width: 1em;
    height: 1em;
    border: 0.0625em solid #C0C0C0;
    border-radius: 1em;
    background: #077bf3;
    background-image: -moz-linear-gradient(#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(#F0F0F0,#077bf3);
    background-image: linear-gradient(#F0F0F0,#077bf3);
    vertical-align: middle;
    line-height: 1em;
    font-size: 12px;
    font-family: "Gill Sans", verdana, arial;
}

.ListControl input[type=radio]:checked + label::before {
    content: "\2716";
    color: #fff;
    display: inline;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    margin-left: -20px;
}

Single Checkbox: .CheckBoxLabel {
    white-space: nowrap !important;
}

.SingleCheckbox input[type=checkbox] {
    display: none;
}

    .SingleCheckbox input[type=checkbox] + label:hover {
        width: 1em;
        height: 1em;
        border: 0.0625em solid #C0C0C0;
        border-radius: 0.25em;
        background: #0722a7;
        background-image: -moz-linear-gradient(#F0F0F0,#0722a7);
        background-image: -ms-linear-gradient(#F0F0F0,#0722a7);
        background-image: -o-linear-gradient(#F0F0F0,#0722a7);
        background-image: -webkit-linear-gradient(#F0F0F0,#0722a7);
        background-image: linear-gradient(#F0F0F0,#0722a7);
        vertical-align: middle;
        line-height: 1em;
        text-indent: 20px;
        font-size: 12px;
        font-family: "Gill Sans", verdana, arial;
        text-decoration: underline;
    }

.SingleCheckbox label {
    display: block;
    float: left;
    color: #000;
    cursor: pointer;
}

.SingleCheckbox input[type=checkbox] + label {
    width: 1em;
    height: 1em;
    border: 0.0625em solid #C0C0C0;
    border-radius: 0.25em;
    background: #077bf3;
    background-image: -moz-linear-gradient(#F0F0F0,#077bf3);
    background-image: -ms-linear-gradient(#F0F0F0,#077bf3);
    background-image: -o-linear-gradient(#F0F0F0,#077bf3);
    background-image: -webkit-linear-gradient(#F0F0F0,#077bf3);
    background-image: linear-gradient(#F0F0F0,#077bf3);
    vertical-align: middle;
    line-height: 1em;
    text-indent: 20px;
    font-size: 12px;
    font-family: "Gill Sans", verdana, arial;
}

.SingleCheckbox input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #fff;
    height: 1em;
    line-height: 1.1em;
    width: 1em;
    font-weight: 900;
    margin-right: 6px;
    margin-left: -20px;
}

.CheckBoxLabel {
    white-space: nowrap !important;
}

.flagsstyle td {
    font-size: 9pt !important;
    line-height: 1.8em !important;
    margin-top: .25em;
}

.flagsstyle th {
    text-align: left;
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
}

.flagsstyle a {
    text-decoration: underline;
    font-weight: normal;
    color: #0008ff;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    line-height: initial !important;
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: black;
    font-weight:700;
    text-align: left;
    caption-side: top !important;
}

.gridcaption {
    padding-top: .75rem;
    color: black !important;
    text-align: center !important;
    caption-side: top !important;
}

label {
    display: inline-block;
    /*margin-bottom: .5rem;*/
    padding-left: 3px;
}

table {
    border-collapse: unset !important;
}

.paddingleftcontrol {
    padding-left: 10px !important;
}

.summarydiv td {
    font-size: 9pt !important;
    line-height: 2.3em !important;
    margin-top: .25em;
}

.gridheadertextcenter th {
    text-align: center;
}

.pmEntry td {
    font-size: 9pt !important;
    line-height: 1.2em !important;
    margin-top: .25em;
}

.btnfloatright {
    float: right !important;
}

.mainNavlinks {
    text-decoration: underline;
    font-weight: normal;
    color: #0008ff;
}

.cashadj td {
    font-size: 9pt !important;
    line-height: 1.8em !important;
    margin-top: .25em;
}

.cashadj th {
    text-align: left;
    vertical-align: inherit;
    font-weight: bold;
}

.cashadj a {
    text-decoration: underline;
    font-weight: normal;
    color: #0008ff;
}

.dvDOE {   
    overflow-y: hidden;
    overflow-x: scroll;
}

input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: initial;
    border: initial;
}

.radiobuttonlabel td {
    font-size: 10px !important;
}

.newprojectradiolabel td {
    font-size: 9pt !important;
}

label {
    display: inline-block;
    margin-bottom: 1px !important;
}

input[type="checkbox" i] {
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
}

.lstHeaderlinkbutton {
    font-weight:bold !important;
}

.ucaddress th{
    text-align:right !important;
}

.exptitle-box {
    position: relative;
    margin: 1em 0 1em 0;
    border: .1em solid #82a9f6;
    padding: 2em;
    background: #fff;
    top: 0px;
    left: 10px;
    width: 96%;
}