* html input {
    overflow: visible;
}

textarea {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

select {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

radio {
    padding: 0px;
    margin: 0px;
}

a:link, a:visited {
    text-decoration: underline;
    color: #0066cc;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}

hr {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #d6ddbd;
}

input {
    outline: none;
    -moz-outline: none;
}

/**************Container CSS ****************/
#container {
    width: 1600px;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #373737;
    clear: both;
}

    #container h1 {
        color: #050507; /*font: bold 18px "Myriad Pro" , Arial, Helvetica, sans-serif;*/
        font: bold 16px Geneva, Arial, Helvetica, sans-serif;
        margin: 3px 5px 0px 0px;
        background: url(../../Images/manfields.gif) no-repeat right;
        border-bottom: 1px solid #ccc;
    }


#container_n h1 {
    color: #050507; /*font: bold 18px "Myriad Pro" , Arial, Helvetica, sans-serif;*/
    font: bold 16px Geneva, Arial, Helvetica, sans-serif;
    margin: 3px 0px;
    border-bottom: 1px solid #ccc;
}

#container h1 span {
    color: #050507;
}

/* Form  */
.groupctrl {
    /*background-color: #eff2e5;*/
    border: 1px solid #d6ddbd;
}

.groupctrlbox {
    /*background-color: #eff2e5;*/
    border: 1px solid #858585;
    margin: 3px 0px;
}

.forminner td {
    padding: 2px 1px 2px 2px;
}

.requiredfield {
    color: #d10000;
    margin: 0px;
    padding: 0px;
    width: 2px;
}

.formcontent {
    background-color: #d6ddbd;
    padding: 3px;
    margin-bottom: 2px;
}

    .formcontent h2 {
        font: bold 11px Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 5px 0px;
        height: 12px;
    }

.formbrd {
    border: 3px solid #d6ddbd;
}

.formbrdright {
    border-right: 3px solid #d6ddbd;
}

.formbrdbottom {
    border-bottom: 3px solid #d6ddbd;
}

.formbrdleft {
    border-left: 3px solid #d6ddbd;
}

.forminner {
    background-color: #ffffff;
    padding: 3px;
    width: 144em;
}

.frmtable {
    margin: 5px 0 5px 0;
    border-color: #ebebeb;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

    .frmtable td {
        border-color: #ebebeb;
        border-width: 1px 1px 0 0;
        border-style: solid;
    }

    .frmtable td {
        height: 22px;
        padding: 2px 1px 2px 2px;
    }

        .frmtable td a {
            color: #0066FF;
            text-decoration: none;
        }

            .frmtable td a:hover {
                color: #CC0000;
                text-decoration: none;
            }

    .frmtable .label {
        color: #373737;
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        white-space: nowrap;
        background-color: #f9f9f9;
    }

.panelborder {
    font-size: 11px;
    border: 1px solid #c9c9c9;
    color: #000;
    padding: 2px;
}
/************* fields **************/

.label {
    color: #373737;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.labelsearch {
    background-color: #d0dba5;
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
    color: #373737;
    padding: 2px 5px 2px 5px;
}

.readtxtbox {
    width: 150px;
    font-size: 11px;
    background-color: #dcdcdc;
    border: 1px solid #737272;
    padding: 1px;
    height: 15px;
}

.readtxtbox_r {
    width: 150px;
    font-size: 11px;
    background-color: #dcdcdc;
    border: 1px solid #737272;
    text-align: right;
    padding: 1px;
    height: 15px;
}

.searchtxtbox {
    width: 150px;
    font-size: 11px;
    background: url(../../Images/txtbg.gif) repeat-x left top;
    border: 1px solid #c9c9c9;
    padding: 1px;
    float: left;
    height: 15px;
}

.readsearchtxtbox {
    width: 150px;
    font-size: 11px;
    background-color: #dcdcdc;
    border: 1px solid #737272;
    padding: 1px;
    float: left;
    height: 15px;
}

.textboxname {
    width: 150px;
    font-size: 11px;
    border: 1px solid #c9c9c9;
    color: #000;
    padding: 1px;
    height: 15px;
    background: url(../../Images/txtbg.gif) repeat-x left top;
}

.textboxname_r {
    width: 150px;
    font-size: 11px;
    border: 1px solid #c9c9c9;
    text-align: right;
    color: #000;
    padding: 1px;
    height: 15px;
    background: url(../../Images/txtbg.gif) repeat-x left top;
}


.mandtextbox {
    width: 150px;
    font-size: 11px;
    border: 1px solid #c9c9c9;
    color: #000;
    padding: 1px;
    height: 15px; /*background:#f8f883;*/
    background: url(../../Images/txtbg.gif) repeat-x left top;
}

.mandsearchtxtbox {
    width: 150px;
    font-size: 11px; /*background:#f8f883;*/
    border: 1px solid #c9c9c9;
    padding: 1px;
    float: left;
    height: 15px;
    background: url(../../Images/txtbg.gif) repeat-x left top;
}

.maddropdown {
    width: 155px;
    color: #000;
    text-decoration: none;
    margin-top: 0px; /* background:#f8f883;*/
}

/**********Grid View***********/
/*For Fixed Grid headers Start*/
.fixedgrid {
    margin: 3px;
    border: 1px solid #b0ba8d;
    clear: both;
}

.container1 {
    /* So the overflow scrolls */ /* overflow: auto;  Style */
    border: 0px solid black;
}

    .container1 table tr th {
        /* Keep the header cells positioned as we scroll padding:3px;  */
        position: relative; /*Style white-space: nowrap;*/
        border: 1px solid #b0ba8d;
        background: #fff url(../../Images/gridheadbg.gif) repeat-x left;
        color: #000;
        font: bold 11px Arial;
        height: 19px;
    }

    .container1 table th a {
        /* Style */
        color: #F7F6F3;
    }

    .container1 table tbody {
        /* For alignment of the scroll bar */
    }

        .container1 table tbody tr td {
            /* Style */
            color: #333333;
            border-bottom: 0px solid #b0ba8d;
            text-align: left;
            padding-left: 3px;
            height: 19px;
            overflow-x: hidden;
            overflow-y: auto;
        }
/*For Fixed Grdi headers End*/
.gridcontainer {
    background-color: #eceee4;
    padding: 3px;
    border: 1px solid #b0ba8d;
    margin: 0px 0px;
}

    .gridcontainer h3 {
        font: bold 12px Arial, Helvetica, sans-serif;
        padding: 3px;
    }

.gridinner {
    background-color: #fff;
    padding: 3px;
    border: 1px solid #b0ba8d;
    clear: both;
}

.gridbtns {
    padding: 5px;
    text-align: right;
}

.gridpage {
    padding: 5px;
    text-align: center;
    font: bold 11px Arial;
}

    .gridpage input {
        margin: 0px 2px 0px 2px;
    }

.gridheader {
    background: url(../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: center;
    font: bold 11px Arial;
    white-space: nowrap;
}

.gridheadertest {
    background: url(../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: center;
    font: bold 11px Arial;
    white-space: nowrap;
}

.gridheader a {
    color: #000;
    text-decoration: none;
}

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

.gridheader th {
    border: 1px solid #b0ba8d;
    border-collapse: collapse;
    height: 19px;
    white-space: nowrap;
}

    .gridheader th a {
        color: #000;
    }

        .gridheader th a:hover {
            color: #ff0000;
        }

.gridheader td a {
    color: #000;
}

    .gridheader td a:hover {
        color: #ff0000;
    }

.gridrowstyle {
    background-color: #fff;
    color: #000;
    padding: 2px;
    height: 21px;
}

    .gridrowstyle td {
        border: 1px solid #d5dac2;
        border-collapse: collapse;
        padding: 2px;
        height: 21px;
    }

        .gridrowstyle td table {
            border: none;
            padding: 2px;
        }

            .gridrowstyle td table tr {
                border: none;
                padding: 2px;
            }

            .gridrowstyle td table td {
                border: none;
                padding: 2px;
            }

.gridalterstyle {
    background-color: #fff;
    color: #575757;
    padding: 2px;
    height: 21px;
}

    .gridalterstyle td {
        border: 1px solid #d5dac2;
        border-collapse: collapse;
        padding: 2px;
        height: 21px;
    }

        .gridalterstyle td table {
            border: none;
            padding: 2px;
        }

            .gridalterstyle td table tr {
                border: none;
                padding: 2px;
            }

            .gridalterstyle td table td {
                border: none;
                padding: 2px;
            }

.invisible {
    display: none;
}

.footerstyle {
    background-color: #fff;
    color: #575757;
}

    .footerstyle td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        white-space: nowrap;
    }

.gridbgheadr {
    border: 1px solid #b0ba8d;
    border-collapse: collapse;
    background: url(../../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: center;
    font: bold 11px Arial;
    height: 20px;
    white-space: nowrap;
}

/********* Button Css  ************/


.btnnormal {
    background: url(../../Images/btnsprite.png) no-repeat -34px 0px;
    width: 60px;
    height: 25px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 4px 0px !important;
}

.btnnormal_over {
    background: url(../../Images/btnsprite.png) no-repeat -34px -26px;
    width: 60px;
    height: 25px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 4px 0px !important;
}

.btnnormal_down {
    background: url(../../Images/btnsprite.png) no-repeat -34px -51px;
    width: 60px;
    height: 25px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 4px 0px !important;
}

.btnnormalDisable {
    background: url(../../Images/btnsprite.png) no-repeat -34px -76px;
    width: 60px;
    height: 25px; /*color: #aca899;*/
    color: #e7e7e7;
    border: 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 4px 0px !important;
}

a.btngrid, .btngrid {
    background: #fafdf2 url(../../Images/add.png) repeat-x left bottom;
    border: 1px solid #a7b27f;
    font: bold 11px Arial;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    color: #000;
}

.btnok {
    background: url(../../Images/sprite.png) no-repeat -140px -109px;
    width: 33px;
    height: 22px;
    color: #FFF;
    border: 0px;
    display: block;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 0px 0px !important;
}

a.btnprint, .btnprint {
    background: url(../../Images/print_b.jpg) no-repeat left top;
    border: none;
    height: 31px;
    margin: 0px;
    font: bold 11px Arial;
    padding: 0px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
    width: 87px;
    cursor: pointer;
}

a.btnprint_d, .btnprint_d {
    background: url(../../Images/print_b.jpg) no-repeat -0px -34px;
    border: none;
    height: 31px;
    margin: 0px;
    font: bold 11px Arial;
    padding: 0px 0px 0px 19px;
    text-decoration: none;
    color: #7a7a7a;
    width: 87px;
    cursor: pointer;
}

/* Form Validation  */
.formvalidation {
    font-size: 11px;
    color: #ff0000;
    font-weight: bold;
}

.ul {
    padding: 0px;
    margin: 0px;
}

.hiddenfields {
    display: none;
}

/* Submission Butttons  */
.pagesubmission {
    margin: 2px 0 0 0;
    padding: 10px 10px;
}

.secondary {
    float: left;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: #575757;
    width: 100%;
}

    .secondary a {
        background-color: #dc9a95;
        padding: 2px 5px 2px 5px;
        margin: 2px;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        font-size: 12px;
    }

.primary {
    float: right;
    text-align: right;
    padding: 0 10px 0 0;
    width: 12%;
    margin-left: 0px;
}

.sectionsubmission {
    margin: 2px 0 2px 0;
    width: 100%;
    text-align: right;
}
/* case summary */
.summaryTbg {
    background: #99a865 url(../../Images/summaryTbg.png) no-repeat top;
    margin: 3px 0px;
}

.summaryBbg {
    background: url(../../Images/summaryBbg.png) no-repeat bottom;
    padding: 3px;
}

.summaryDetails {
    background-color: #fff;
    padding: 3px;
    height: 250px;
    overflow: auto;
    margin: 0px 10px;
}

/* Lengends CSS */
.legendscontainer {
    background: url(../../Images/legendsbg.gif) repeat-x bottom;
    border: 1px solid #b0ba8d;
    border-top: none;
    padding: 5px;
}
/* Progressbar */
.progress {
    position: absolute;
    top: 45%;
    left: 45%;
    width: 120;
    height: 120;
    padding: 5px;
    border: 2px solid #8ea544;
    background-color: #ffffff;
    z-index: 1002;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}



.black_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 100;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.accordionButton {
    width: 275px;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    padding: 2px 0px;
    font-weight: bold;
    line-height: 16px;
    cursor: pointer;
    background: url(../Images/arrow_down.gif) #def1b1 no-repeat right center;
    color: #000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.accordionhead {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    color: #000;
    float: left;
    background: #c0d8f6;
    display: block;
    color: #373737;
    width: 275px;
}

.accordionContent_n {
    width: 275px;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    background: #def1b1;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.gridheaderleft {
    background: url(../../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: left;
    font: bold 11px Arial;
}

.vargridbgheadr {
    border: 1px solid #a3a3a3;
    border-collapse: collapse;
    background: url(../../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: center;
    font: bold 9px Arial;
    height: 20px;
    white-space: nowrap;
}

.vargridbgheadrtext {
    border: 1px solid #a3a3a3;
    border-collapse: collapse;
    background: url(../../Images/gridheadbg.gif) repeat-x left;
    color: #000;
    text-align: center;
    font: bold 11px Arial;
    height: 20px;
    white-space: nowrap;
}

.vargridbgheadrtext1 {
    border: 1px solid #a3a3a3;
    border-collapse: collapse;
    color: #000;
    text-align: left;
    font: nomal 11px Arial;
    height: 20px;
    white-space: nowrap;
}

.vargridbgheadrtext1 {
    border: 1px solid #a3a3a3;
    border-collapse: collapse;
    color: #000;
    text-align: left;
    font: nomal 11px Arial;
    height: 20px;
    white-space: nowrap;
}

/* Collapsible panel */
.collasebg {
    background: url(../../Images/accHeaderbg.gif) repeat-x left top;
    border: solid 1px #b3bb96;
    padding: 3px;
}

.collapsebtmbg {
    background: url(../../Images/accHeaderbg.gif) repeat-x left bottom;
}

.colContentbrd {
    border-left: 1px solid #b3bb96;
    border-right: 1px solid #b3bb96;
}

.collapseTitle {
    font: normal 12px Arial;
    color: #1d1d1d;
    text-align: left;
}

.collpaseLabel {
    font: normal 10px Verdana;
    color: #1d1d1d;
    text-align: right;
}