@charset "utf-8";
/* CSS Document */
body
{
    background-color: #fff;
    margin: 0 auto;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 11px;
}

.scrolling
{
    overflow-x: scroll;
}

.mandatorystar
{
    color: Red;
    font-family: Verdana;
    font-size: 10px;
}

.page
{
    width: 95%;
    _width: 95%;
    min-width: 1003px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    background-image: url(images/header_bg.gif);
    background-repeat: repeat-x;
    padding: 0;
    height: 62px;
}

#logo
{
    width: 162px;
    height: 53px;
    float: left;
    margin-left: 10px;
}

.hicon
{
    margin-right: 8px;
    float: right;
    margin-top: 16px;
    border: 0px;
}

#menucontainer
{
    margin: 0px;
    background-color: #e0f5ff;
    height: 28px;
}

.topmenulink
{
    color: #787878;
    font-size: 13px;
    float: left;
    text-decoration: none;
}

.menulink
{
    color: #787878;
    font-size: 14px;
    float: left;
    text-decoration: none;
}

    .menulink:link, .topmenulink:link
    {
        color: #787878;
        text-decoration: none;
    }

    .menulink:hover, .topmenulink:hover
    {
        color: #970c00;
        text-decoration: none;
    }

    .menulink:active, .topmenulink:active
    {
        color: #970c00;
        text-decoration: none;
    }

#wrapper
{
    float: left;
    width: 100%;
    *width: 99.99%;
    background-color: #f0eeee;
}

#main
{
    background-color: #f0eeee;
    width: 100%;
    float: left;
}

.container
{
    clear: both;
    margin: 10px;
    margin-right: 210px;
    background-color: #fff;
    padding: 10px;
}

#content
{
    width: 95%;
    margin: 20px;
    padding: 10px;
    float: left;
    background-color: #FFF;
    border: 1px solid #c4c4c4;
}

#rightcolumn
{
    float: left;
    margin-left: -200px;
    width: 199px;
    height: auto;
    min-height: 486px;
    background-color: #f4f4f4;
    padding-bottom: 10px;
    margin-top: 28px;
    overflow: hidden;
    border-left: 1px solid #bdbdbd;
    border-bottom: 1px solid #BDBDBD;
}

.container1
{
    width: 350px;
    height: 217px;
    float: left;
    margin-top: 35px;
    margin-right: 20px;
    padding-top: 10px;
    margin-left: 30px;
    background-image: url(images/loginbg.png);
    background-repeat: no-repeat;
}

.content1
{
    width: 90%;
    margin: 20px 20px 0px 20px;
    padding: 0px 10px 10px 10px;
    float: left;
    color: #00569c;
}

.content3
{
    width: 90%;
    margin: 40px 20px 0px 0px;
    padding: 0px 10px 10px 0px;
    float: left;
    color: #00569c;
}

.content2
{
    width: 99%;
    *width: 99.5%;
    float: left;
    background-color: #FFF;
    height: auto;
    min-height: 350px;
}

#rightcolumn1
{
    float: left;
    margin-left: -450px;
    width: 450px;
    height: auto;
    min-height: 300px;
    color: #767676;
}

#logincontainer
{
    margin-left: 390px;
}

.itxt
{
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #006ec6;
    line-height: 1.8em;
    font-family: Arial, Helvetica, sans-serif;
}

.navhead
{
    width: 199px;
    height: 23px;
    padding: 4px 0 0 0;
    text-indent: 10px;
    float: left;
    font-size: 13px;
    color: #980c00;
    background-image: url(images/sidebar_header_bg.gif);
    background-repeat: repeat-x;
}

topmenunavlink
{
    height: 35px !important;
    width: 200px;
    float: left;
    font-size: 20px;
    color: #00599f;
    font-weight: bold;
    padding-top: 15px !important;
}

.navlink
{
    width: 200px;
    height: 35px;
    float: left;
    font-size: 14px;
    color: #00599f;
    font-weight: bold;
    padding: 15px 0 0 15px;
}

.navlinktxt
{
    width: 150px;
    padding: 5px 0 0 10px;
    float: left;
}

.topmenunavlinktxt
{
    width: 150px;
    padding: 0px 0 0 10px;
    float: left;
}

.notes
{
    width: 190px;
    height: 10px;
    float: left;
    padding: 8px;
    margin-top: 5px;
}

#iconwrapper
{
    width: 100%;
    float: left;
    min-width: 750px;
    margin-top: 10px;
}

.inconlink
{
    width: 30%;
    float: left;
    height: 141px;
    background-image: url(images/navbg.gif);
    background-repeat: no-repeat;
    margin-left: 20px;
    min-width: 222px;
}

#footer
{
    color: #424242;
    background-color: #9f9f9f;
    float: left;
    height: 10px;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 1em;
    width: 100%;
    clear: left;
}

    #footer a
    {
        color: White;
        text-decoration: none;
    }

.logbutton
{
    background-color: #00599f;
    border: 0;
    width: 80px;
    color: #FFF;
    padding-bottom: 4px;
    padding-top: 2px;
}

    .logbutton:hover
    {
        background-color: #00599f;
        border: 0;
        width: 80px;
        color: #FFF;
        padding-bottom: 4px;
        padding-top: 2px;
    }

.txtbox
{
    height: 20px;
    border: 1px #a7e4ff solid !important;
    background-color: #FFF;
    font-size: 12px;
    color: #949494;
}

    .txtbox:focus
    {
        border: 1px #d2d2d2 solid !important;
        background-color: #fefdec;
        color: #676767;
        height: 20px !imortant;
    }


.flt_rgt
{
    float: right;
}

.flt_lft
{
    float: left;
}

.header1
{
    width: 99%;
    *width: 99.05%;
    border: 1px solid #c3c3c3;
    border-top: none;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
}

.viewhdr
{
    text-align: center;
    font-weight: bold;
}

.rptheader
{
    border: 1px solid #a7e4ff !important;
    background-color: #FFF;
    color: #727272;
    text-indent: 10px;
    height: 80px;
    border-right: none;
    width: 99%;
    *width: 98%;
}

.rpttable
{
    border: 1px solid #a7e4ff !important;
    background-color: #FFF;
    color: #727272;
    font-size: 12px;
    height: auto;
    border-right: none;
    width: 99%;
    *width: 98%;
    overflow: hidden;
}

.rptfilter
{
    border: 1px solid #a7e4ff !important;
    background-color: #FFF;
    overflow: hidden;
    color: #727272;
    font-size: 12px;
    min-height: 30px;
    height: auto;
    border-right: none;
    text-indent: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-bottom: 5px;
    width: 99%;
    *width: 98%;
}

.rptheadertext
{
    margin-top: 15px !important;
}

.rptheaderimg
{
    margin-top: 18px !important;
}

.rptheader input, .rptheader select
{
    width: 99% !important;
}

.cntnt
{
    min-height: 20px;
    height: auto;
    padding-top: 5px;
}

.txtcntnt
{
    padding-top: 5px;
}

.hdrTabBg
{
    background: url(../siteimages/bg_menu.gif);
    width: auto;
    height: 31px;
}

.tabSelected
{
    float: left;
    background: url(../siteimages/bg_menu.gif);
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}

    .tabSelected a
    {
        color: white;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 11px;
    }

.tabUnSelected
{
    background: #fff url(../siteimages/bg_menu.gif);
    float: left;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    color: #FFFFFF;
}

    .tabUnSelected a
    {
        font-family: Verdana;
        font-size: 11px;
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

.tabSeperator
{
    background: url(../siteimages/bg_separate.gif);
    background-color: #fff;
    width: 2px;
    height: 31px;
    float: left;
}

.tabSelected, .tabUnSelected
{
    padding: 7px 15px;
}

.submenu
{
    background: url(../siteimages/bg_submenu.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 26px;
}

.submenutxt, .submenutxt
{
    float: left;
    padding: 7px 15px;
}

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

.content
{
    margin: 0 auto;
    width: 100%;
    min-height: 350px;
    height: auto;
}

.marg
{
}

.padtf
{
    padding-left: 10px;
    padding-top: 5px;
    _padding-left: 10px;
    _padding-top: 5px;
}

.padppop
{
    padding-top: 120px;
}

.padtrgt
{
    padding-right: 10px;
    padding-top: 7px;
    float: right;
}

.padtrgt1
{
    padding-right: 10px;
    float: right;
}

.spacer
{
    float: left;
    width: 100%;
    *width: 100%;
    height: 10px;
}

.padtw
{
    padding-left: 10px;
    padding-top: 2px;
}

.whiteleftbo
{
    float: left;
    width: 25%;
    *width: 24.99%;
    height: 24px;
}

.whiteforup
{
    float: left;
    width: 50%;
    *width: 49.99%;
    height: 24px;
}

.whiteleftro
{
    float: left;
    width: 25%;
    *width: 24.99%;
    height: 24px;
}

.whiteleftbo_text
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 50px;
}

.whiteleftro_text
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 50px;
}

.grayleftbo
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 24px;
}

.grayleftro
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 24px;
}

.grayleftbo_text
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 50px;
}

.grayleftro_text
{
    float: left;
    width: 25%;
    *width: 24.98%;
    height: 50px;
}

/*One Field Data Content area*/
.whiteleftbo_onefd
{
    float: left;
    width: 75%;
    *width: 74%;
    height: 50px;
}

.grayleftro_onefd
{
    float: left;
    width: 75%;
    *width: 74%;
    height: 50px;
}

.graytxt
{
    float: left;
    width: 100px;
    padding-top: 50px;
}

.header
{
    background-color: #a7e4ff;
    color: #00599f;
    font-size: 12px;
    height: 27px;
    width: 25%;
    *width: 24.98%;
    float: left;
}

.detailedViewHeader
{
    background-image: url('images/head_bg.gif');
    background-repeat: repeat-x;
    color: #434343;
    font-size: 12px;
    font-weight: 200;
    height: 25px;
    float: left;
    padding-top: 2px;
    margin-bottom: 5px;
    text-indent: 5px;
    width: 50%;
    *width: 49.99%;
}

.detailedViewHeader_rgt
{
    background-image: url('images/head_bg.gif');
    background-repeat: repeat-x;
    color: #434343;
    font-size: 12px;
    font-weight: 200;
    height: 25px;
    float: left;
    padding-top: 5px;
    margin-bottom: 5px;
    text-indent: 5px;
    width: 50%;
    *width: 49.99%;
}

.hdr
{
    background-image: url('images/head_bg.gif');
    background-repeat: repeat-x;
    color: #434343;
    font-size: 12px;
    font-weight: 200;
    height: 20px;
    float: left;
    padding-top: 5px;
    margin-bottom: 5px;
    text-indent: 5px;
    width: 100%;
    *width: 99.99%;
    *overflow: hidden;
}

.hdr50
{
    background-image: url('images/head_bg.gif');
    background-repeat: repeat-x;
    color: #434343;
    font-size: 12px;
    font-weight: 200;
    height: 20px;
    float: left;
    padding-top: 5px;
    margin-bottom: 5px;
    text-indent: 5px;
    width: 50%;
    *width: 49.99%;
}


.hdr25
{
    background-image: url('images/head_bg.gif');
    background-repeat: repeat-x;
    color: #434343;
    font-size: 12px;
    font-weight: 200;
    height: 20px;
    float: left;
    padding-top: 5px;
    margin-bottom: 5px;
    text-indent: 5px;
    width: 25%;
    *width: 24.99%;
}

.detailedViewTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.detailedViewTextBoxOn
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eaf8ff !important;
    border: 1px #aee6ff solid !important;
}

.fontBold
{
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.style_Gray
{
    color: gray;
}

.h2
{
    font-size: 18px;
    line-height: 20px;
}

.gray
{
    color: gray;
}

ul
{
    list-style: circle;
    line-height: 20px;
    padding-left: 5px;
    margin-left: 20px;
    font-weight: normal;
}

.inactive
{
    color: #999999;
}

.active
{
    color: #229922;
}

fieldset
{
    margin: 0.5em;
    padding: 1em;
    border: 1px solid #CCC;
}

    fieldset p
    {
        margin: 2px 12px 10px 10px;
    }

.lab
{
    width: 96.2% !important;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"], input[type="number"], input[type="url"], input[type="email"], input[type="file"], input[type="password"], dropdown
{
    width: 85%;
    height: 17px;
    border: 1px solid #c6c6c6;
}

select
{
    width: 87%;
    height: 19px;
    padding-top: 1px;
    border: 1px solid #c6c6c6;
    font-size: 12px;
}

input[type="text"], textarea, input[type="number"], input[type="url"], input[type="email"], input[type="file"], input[type="password"], dropdown
{
    font-size: 11px;
}

    input[type="text"][readonly='readonly'], textarea[readonly='readonly']
    {
        background-color: #e9f1f9;
        border: 1px #ccdceb solid;
        color: #738494;
    }

textarea
{
    height: 40px;
    width: 85%;
    border: 1px solid #dadada;
}

    textarea:focus
    {
        background-color: #eaf8ff !important;
        border: 1px #aee6ff solid !important;
    }

.treeTable1
{
    padding-top: 7px;
    padding-left: 10px;
    font-size: 11px;
}

.treeTableright
{
    padding-top: 2px;
    padding-right: 10px;
}

.padbot
{
    padding-top: 80px;
    padding-right: 10px;
}

.drop_mnu
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000000001;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    width: 150px;
    display: none;
    padding: 0px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    margin-top: 0px;
}

a.drop_down
{
    width: 150px;
    text-align: left;
    font-family: Verdana;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    color: #33338c;
    background-image: url(../siteimages/bg_menu_slide.gif);
    background-repeat: repeat-y;
    padding: 2px 5px 2px 20px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #d3d3d3;
    display: block;
}

    a.drop_down:Hover
    {
        padding: 2px 5px 2px 20px;
        width: 150px;
        text-align: left;
        color: #0070BA;
        font-weight: bold;
        text-decoration: underline;
        background-color: #ffffcc;
    }

.bgwhite
{
    background-color: white;
}

.grid
{
    float: left;
    background: url(../siteimages/bg_submenu.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #e3e4e6;
    width: 6%;
    height: 26px;
}

.grid_a
{
    float: left;
    background: url(../siteimages/bg_submenu.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #e3e4e6;
    width: 33%;
    height: 26px;
}

.grid_b
{
    float: left;
    background: url(../siteimages/bg_submenu.gif);
    background-repeat: repeat-x;
    border-right: 1px solid #e3e4e6;
    width: 10.1%;
    height: 26px;
}

.grid_lfttax
{
    float: left;
    border: 1px solid #e3e4e6;
    border-top: none;
    width: 6%;
    height: 105px;
}

.grid_lfttaxb
{
    float: left;
    border: 1px solid #e3e4e6;
    border-top: none;
    border-left: none;
    width: 33%;
    height: 105px;
}

.grid_lfttaxbc
{
    float: left;
    border-right: 1px solid #e3e4e6;
    border: 1px solid #e3e4e6;
    border-top: none;
    border-left: none;
    width: 10%;
    height: 105px;
}

.addproduct
{
    margin-top: 5px;
    float: left;
    height: 22px;
}

.addpro
{
    float: left;
    width: 98.5%;
    height: 38px;
    border: 1px solid #e3e4e6;
    border-top: none;
}

.button
{
    padding-top: 4px;
    height: 20px;
    padding-left: 10px;
}

.netarea
{
    float: left;
    border: 1px solid #e3e4e6;
    border-top: none;
    width: 86%;
    height: 24px;
}

.netareargt
{
    float: left;
    border: 1px solid #e3e4e6;
    border-top: none;
    border-left: none;
    width: 12.5%;
    height: 24px;
}

/*One Field Data Content area*/

.grayleftro_onefd
{
    float: left;
    width: 75%;
    *width: 74%;
    height: 50px;
}

/*One Description Textarea Field Content area*/
.detailedViewTextBox_desc
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px solid #bababa;
    padding-left: 5px;
    width: 86%;
    background-color: #ffffff;
}

.detailedViewTextBox_descOn
{
    font-family: Vernada;
    font-size: 11px;
    color: #000000;
    border: 1px solid #bababa;
    padding-left: 5px;
    width: 86%;
    background-color: #ffffdd;
}

.cpy
{
    background-color: #626262;
    width: 100%;
    color: #FFFFFF;
    margin-top: 25px;
    line-height: 25px;
}


/********************************************************* PopUp ******************************************************/

#popupwrapper
{
    margin: 10px;
    width: 99%;
    *width: 98%;
    border: 1px solid #a7e4ff;
    border-top: none;
    overflow: hidden;
    float: left;
    background-color: #e0f5ff;
}

#popup
{
    background-color: #a7e4ff;
    color: #00599f;
    font-size: 12px;
    height: 27px;
    width: 100%;
    *width: 99.98%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

.popleftbo
{
    float: left;
    width: 49.4%;
    height: 24px;
}

.popleftro
{
    float: left;
    width: 49.4%;
    height: 24px;
}

.popgraybo
{
    float: left;
    width: 49.4%;
    height: 24px;
}

.popgrayro
{
    float: left;
    width: 49.4%;
    height: 24px;
}

.popsp
{
    float: left;
    height: 10px;
    width: 99%;
}

.popbtn
{
    float: left;
    height: 25px;
    width: 99%;
}


.poplis
{
    float: left;
    height: 300px;
    width: 99%;
}

.popswid
{
    float: left;
    height: 300px;
    width: 45%;
}

.popmidd
{
    float: left;
    height: 300px;
    width: 10%;
}

/********************************************************* Listbox ******************************************************/
.plis
{
    float: left;
    height: 300px;
    width: 49.5%;
}

.pswid
{
    float: left;
    height: 300px;
    width: 100%;
}

.pmidd
{
    float: left;
    height: 300px;
    width: 100%;
}

/****another class of list box*****/

.poplist
{
    float: right;
    height: 300px;
    width: 49.5%;
}

.popwid
{
    float: right;
    height: 300px;
    width: 100%;
}

.popsmid
{
    float: right;
    height: 300px;
    width: 100%;
}



/***************************************************************************************************************/


/*ListBox*/
.listbox
{
    height: 100px;
    width: 300px;
}
/******************************************************** Login *********************************************************/
#login
{
    border: 0px solid #e3e4e6;
    background-color: #fff;
    color: #727272;
    height: 500px;
    width: 99%;
    float: left;
}

.lf
{
    background-color: #fff;
    height: 490px;
    width: 33.3%;
    float: left;
}

.log_lft
{
    background-image: url('../siteimages/bg_lft.gif');
    background-repeat: no-repeat;
    height: 216px;
    width: 4.2%;
    float: left;
}


.log_mdd
{
    background-image: url('../siteimages/bg_middle.gif');
    background-repeat: repeat-x;
    height: 216px;
    width: 60%;
    float: left;
}

.log_txt
{
    height: 216px;
    width: 40%;
    float: left;
}

.log_txxt
{
    font-size: 100%;
    height: 196px;
    width: 60%;
    float: left;
}


.log_rft
{
    background-image: url('../siteimages/bg_rgt.gif');
    background-repeat: no-repeat;
    height: 216px;
    width: 4.2%;
    float: left;
}


.actionlinks
{
    cursor: pointer;
    color: #0f79ae;
}

.links
{
    text-decoration: underline;
}

.actionlinks:Hover
{
    color: blue;
}


/* Horizontal Navigation menu */




ul#topnav
{
    margin: 0;
    padding: 0;
    float: left;
    width: 99.8%;
    list-style: none;
    position: relative;
    font-size: 1.2em;
}

    ul#topnav li
    {
        float: left;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }

        ul#topnav li a
        {
            padding: 5px 15px 5px 15px;
            display: block;
            text-decoration: none;
        }

        ul#topnav li span
        {
            float: left;
            /* padding: 15px 0;*/
            position: absolute;
            left: 0;
            /* top: 35px;*/
            display: none;
            width: 99.8%;
            /*background: #1376c9;*/
            color: Black;
            -moz-border-radius-bottomright: 5px;
            -khtml-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -khtml-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
        }

        ul#topnav li:hover span
        {
            display: block;
        }

        ul#topnav li span a
        {
            display: inline;
        }

            ul#topnav li span a:hover
            {
                text-decoration: underline;
            }


/* Horizontal Navigation menu */

/* MVC Validation*/

.field-validation-error
{
    font-size: 1.0em;
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    font-size: small;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* error message */
.error
{
    height: 12px;
    background-color: #E85917;
    font-size: 10px;
    border: 1px solid #E1E16D;
    padding: 2px 10px;
    color: #fff;
    margin-left: -2px;
    width: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
}

    .error em
    {
        border: 10px solid;
        border-color: #E85917 transparent transparent;
        bottom: -17px;
        display: block;
        height: 0;
        left: 5px;
        position: absolute;
        width: 0;
    }

    .error span
    {
        vertical-align: middle;
    }


/*Class for Logon Page */


.display-label
{
    margin: 0.5em 0;
    color: #000;
}

.display-field
{
    margin: 0.5em 0;
    color: #000;
}

.editor-label
{
    float: left;
    width: 30%;
    *width: 29.5%;
    *overflow: hidden;
    height: 30px;
    _height: 30px;
    border-top: none;
    color: #5b5b5b;
    line-height: 20px;
    text-indent: 5px;
}

.editor-field
{
    float: left;
    *width: 69.5%;
    *overflow: hidden;
    width: 70%;
    height: 30px;
    _height: 30px;
    border-top: none;
    border-left: none;
    color: Black;
}

.menu_item
{
    float: left;
    height: 30px;
    width: 100%;
    border: 1px solid #e3e4e6;
    background-color: #D1E5F5;
}

.wthlogon
{
    _width: 390px;
    width: 380px;
    border: 1px solid #ccc;
}

.padbtn
{
    text-align: right;
    padding-right: 23px;
    _padding-top: 30px;
}

.ui-corner-all
{
    -moz-border-radius: 10px 10px 10px 10px;
}

.settingscontainer
{
    width: 98%;
    margin: 0 auto;
    overflow: visible;
    min-height: 500px;
    height: auto;
}

.minhgttab
{
    min-height: 500px;
}

.tdwid1
{
    width: 1%;
    _width: 1%;
    text-align: left;
}

.selector
{
    min-height: 1000px;
    height: auto !important;
    height: 500px;
}

/*-----------------------Style.css start-------------------------- */

ul#menu, ul#menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul#menu a
    {
        display: block;
        text-decoration: none;
    }

    ul#menu li
    {
        _background-color: #72A9D3 !important;
        margin-top: 1px;
    }

    * + html ul#menu li
    {
        background-color: #72A9D3 !important;
        margin-top: 1px;
    }

        ul#menu li a
        {
            color: #fff;
            font-weight: bolder !important;
            padding: 0.5em;
            border-color: White;
        }

            ul#menu li a:hover
            {
            }

        ul#menu li ul li a
        {
            color: #000;
            padding-left: 20px;
        }

            ul#menu li ul li a:hover
            {
                padding-left: 15px;
            }

/* Settings Menu CSS  */

.settingscontainer
{
    width: 98%;
    margin: 0 auto;
    overflow: visible;
}

.settingssidebar
{
    float: left;
    width: 15%;
}

.settingscotent
{
    width: 83%;
    float: left;
    padding: 0 0 0 5px;
}


/******************* Dashboard Portlets Start *******************************/


.portlet
{
    margin: 0 1em 1em 0;
}

#portlets
{
    padding: 0px 10px;
}

.column
{
    width: 33%;
    float: left;
    padding-bottom: 100px;
}

    .column#left
    {
        margin-right: 17px;
    }

.portlet-header
{
    line-height: 25px;
    border: none !important;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

    .portlet-header .ui-icon
    {
        float: right;
        cursor: pointer;
    }

    .portlet-header img
    {
        float: left;
        margin: 3px 5px 0px 5px;
    }

#portlets .fixed
{
    cursor: auto;
}

.portlet-content
{
    padding: 0.8em;
    font-size: 12px !important;
    color: #333;
    border-top: 1px solid #999 !important;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.dashbdhdr
{
    background-color: rgb(230, 231, 232);
    border-bottom: 1px solid #DDD;
    height: 27px;
    padding-top: 10px;
}

.dastablhdr
{
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
}

/******************* Dashboard Portlets End *******************************/


/******************* Dashboard Labels and Textbox Start *******************************/
.dashboard_label
{
    width: 70px;
    float: left;
}

.dashboard_txtbox
{
    width: 170px;
    float: left;
}

.dashboard_option
{
    width: 350px;
    float: left;
}

/******************* Dashboard Labels and Textbox End *******************************/

/*-----------------------Style.css end-------------------------- */

.mileftheader
{
    background-color: #f2f2ea;
    width: 13.15%;
    height: 28px;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright1header
{
    background-color: #f2f2ea;
    width: 13.15%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright2header
{
    background-color: #f2f2ea;
    width: 10%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.mirightqtyheader
{
    background-color: #f2f2ea;
    width: 9%;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 28px;
    vertical-align: middle;
    float: left;
}

.mileft
{
    background-color: #FFF;
    width: 13.15%;
    height: 28px;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright1
{
    background-color: #FFF;
    width: 13.15%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright2
{
    background-color: #FFF;
    width: 10%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.mirightqty
{
    background-color: #FFF;
    width: 9%;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 28px;
    vertical-align: middle;
    float: left;
}

.mileftgray
{
    background-color: #eee;
    width: 15.15%;
    height: 28px;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright1gray
{
    background-color: #eee;
    width: 14.15%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.miright2gray
{
    background-color: #eee;
    width: 10%;
    height: 28px;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 26px;
    vertical-align: middle;
    float: left;
}

.mirightqtygray
{
    background-color: #eee;
    width: 9%;
    border-left: none;
    border: 1px solid #e3e4e6;
    border-top: none;
    height: 28px;
    vertical-align: middle;
    float: left;
}

.mipadtf
{
    padding-left: 5px;
    padding-top: 5px;
    _padding-left: 5px;
    _padding-top: 5px;
}

.detailedTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 50%;
}

.popupdiscount
{
    width: 50%;
    float: left;
}

.txtright
{
    text-align: right !important;
}

input.txtright:focus
{
    text-align: right !important;
}

.txtcenter
{
    text-align: center;
}

/************** new  *****************************/

.Inheader
{
    background-color: #f2f2ea;
    line-height: 25px;
    vertical-align: middle;
    float: left;
}

.linehgt
{
    margin-top: 10px;
}

.linehgt2
{
    margin-top: 2px;
}

.width100
{
    width: 100%;
    float: left;
}

.width95
{
    width: 95%;
    float: left;
}

.width90
{
    width: 90%;
    float: left;
}

.width90
{
    width: 90%;
    float: left;
}

.width80
{
    width: 80%;
    float: left;
}

.width70
{
    width: 70%;
    float: left;
}

.width60
{
    width: 60%;
    float: left;
}

.width50
{
    width: 50%;
    float: left;
    *width: 49.5%;
}

.width46
{
    width: 46%;
    float: left;
    *width: 45.5%;
}

.width45
{
    width: 45%;
    float: left;
}

.width40
{
    width: 40%;
    float: left;
}

.width35
{
    width: 35%;
    float: left;
}

.width30
{
    width: 30%;
    float: left;
}

.width29
{
    width: 29%;
    float: left;
}

.width28
{
    width: 28%;
    float: left;
}

.width26
{
    width: 26%;
    float: left;
}

.width25
{
    width: 25%;
    float: left;
}

.width22
{
    width: 22%;
    float: left;
}

.width20
{
    width: 20%;
    float: left;
}

.width19
{
    width: 19%;
    float: left;
}

.width18
{
    width: 18%;
    float: left;
}

.width15
{
    width: 15%;
    float: left;
}

.width12
{
    width: 12%;
    float: left;
}

.width10
{
    width: 10%;
    float: left;
}

.width8
{
    width: 8%;
    float: left;
}

.width7
{
    width: 7%;
    float: left;
}

.width5
{
    width: 5%;
    float: left;
}

.width33
{
    width: 33.3%;
    float: left;
}

.width99
{
    width: 99%;
    float: left;
}

.width98
{
    width: 98%;
    float: left;
}

.width99_5
{
    width: 99.5%;
    float: left;
}

#Items input[type=text]
{
    *width: 88%;
    width: 89%;
}
/* To resize Button  */
.person, .plus, .close, .downarrow, .search
{
    font-size: 0.50em !important;
    margin-top: 2px;
}

.tabheight
{
    min-height: 250px;
}

.textarea
{
    height: 40px !important;
    *height: 47px !important;
    margin-bottom: 10px;
}

.griddropdown
{
    width: 150px !important;
}

.menuactive
{
    background-image: url(images/menuhover_bg.gif);
    background-repeat: repeat-x;
    color: #00599f !important;
    text-decoration: none;
    height: 28px;
}

#submenucontainer
{
    font-size: 1.2em;
    background-image: url(images/bottommenu_bg.gif);
    background-repeat: repeat-x;
    color: #FFF;
    line-height: 1em;
}

    #submenucontainer div
    {
        float: left;
        margin: 8px;
    }

        #submenucontainer div a
        {
            color: #000;
            text-decoration: none;
        }

            #submenucontainer div a:hover
            {
                color: #980C00;
                text-decoration: none;
            }

.submenuactive
{
    color: #980c00 !important;
    font-weight: bold;
    text-decoration: none;
}

.plinehgt
{
    line-height: 22px;
}

.amt
{
    text-align: right !important;
    margin-right: 5px !important;
}

.tblodd
{
    background-color: #ffffff;
}

.tbleven
{
    background-color: #eeeeed;
}


table.tbl
{
    display: table;
    border-collapse: separate;
    border-color: gray;
}

    table.tbl tbody
    {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    table.tbl caption
    {
        background-color: #AAA;
        color: #000000;
        padding: 5px;
        margin: 2px 0;
        text-align: left;
        font-weight: bold;
    }

table.tbl
{
    border-collapse: collapse;
    border: 1px solid #CCB;
    margin-bottom: 15px;
}

    table.tbl tr
    {
        border-bottom: 1px solid #DDD;
        height: 15px;
    }

    table.tbl th
    {
        font-weight: 600 !important;
        background-color: rgb(230, 231, 232);
        color: #434343;
        font-weight: 200;
        height: 20px;
        padding-top: 5px;
    }

    table.tbl td
    {
        padding: 2px;
        border: 1px solid #CCB;
    }

        table.tbl td img
        {
            cursor: pointer;
        }

/* Report */

table.rpttbl
{
    display: table;
    border-collapse: separate;
    border-color: gray;
    overflow-x: auto;
}

    table.rpttbl tbody
    {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    table.rpttbl caption
    {
        background-color: #AAA;
        color: white;
        padding: 5px;
        margin: 2px 0;
        text-align: left;
        font-weight: bold;
    }

table.rpttbl
{
    border-collapse: collapse;
    border: 1px solid #CCB;
    margin-bottom: 15px;
    width: 100%;
}

    table.rpttbl tr
    {
        height: 15px;
    }

    table.rpttbl th
    {
        background-color: #CCB;
        color: #434343;
        font-size: 12px;
        font-weight: 200;
        height: 20px;
        padding-top: 5px;
    }

    table.rpttbl td
    {
        padding: 2px;
        border: 1px solid #DDD;
    }

table.tbl td img
{
    cursor: pointer;
}
/* Combobox   */
.ui-autocomplete
{
    min-height: 20px;
    overflow-y: scroll;
    max-height: 160px;
    width: 14.7%;
}

.ui-autocomplete-input
{
}

.ui-button
{
    margin-left: -1px;
}

.ui-button-icon-only .ui-button-text
{
    padding: 0.35em;
    width: 1.2em !important;
}

.clinic
{
    width: 68px;
    height: 67px;
}

    .clinic:hover
    {
        width: 68px;
        height: 67px;
        background-image: url(icons/homeo_over_bg.png);
    }

.paddingpopup
{
    padding-top: 10px !important;
}

.padbot5
{
    padding-bottom: 5px !important;
}

.padleft5
{
    padding-left: 5px !important;
}

.trSelected
{
    background-color: #CCB;
}

.b
{
    font-weight: bold;
}

.hdrview
{
    background-color: rgb(230, 231, 232);
    font-weight: bold;
    height: 20px;
    padding-top: 7px;
    text-indent: 5px;
    font-size: 11px !important;
}

.viewlinehgt
{
    height: 20px !important;
    text-indent: 5px;
    padding-top: 5px;
}

.textcenter
{
    text-align: center;
}

.textright
{
    text-align: right;
}

.textleft
{
    text-align: left;
}

.texthdr
{
    text-align: center;
    font-weight: bold;
}

.producttax
{
    padding-left: 8px;
    width: 47.88%;
    float: left;
}

.desc
{
    padding: 10px 0 5px 5px !important;
}
/*
HRM: Payment pending Status
*/
.pendingstatus
{
    background-color: lightpink !important;
    border-color: lightpink !important;
}


/*Appointments*/
.block
{
    margin: 3px;
    padding: 4px;
    font-weight: bold;
    color: white;
}

.Available, .avail
{
    background-color: #222;
}

.Available, .schedule
{
    cursor: pointer;
}

.Scheduled, .booked
{
    background-color: #732929;
}

.schedule, .yourselection
{
    background-color: #32d032;
}

.TimeOut
{
    background-color: grey;
}

.TimeOutScheduled
{
    background-color: darksalmon;
}

.appcolor
{
    padding: 8px 5px;
    *padding: 5px 5px !important;
    width: 8px;
    float: left;
    margin-left: 10px;
}

.applbl
{
    float: left;
    padding-left: 5px;
    padding-top: 2px;
}
/*Appointments*/