body { background: #e9f0f6; background-position: bottom center; margin: 0px; padding: 0px; }

#pagebg { background: #013040 url(../images/login.JPG) no-repeat; background-position: top center; }

#divSearch { float: left; }

#divProductReg { float: left; }

h1 { }

h2 { font-size: 14px; color: #444; font-family: arial, tahoma; margin: 0px; padding: 5px 0px 10px 0px; /*text-shadow: 1px 1px #eee;*/ font-weight: bold; }

h3 { font-size: 12px; color: #999999; font-family: arial, tahoma; }

ul, li { list-style: none; }

.none { display: none; }

.hidden { visibility: hidden; }

.fl { float: left !important; margin-top: -5px; }

.fr { float: right !important; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center !important; color: #fff; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.nomargin { margin: 0 !important; }

img { border-style: none; border-color: inherit; border-width: medium; }

.clear { width: 100%; clear: both; }

.clear-01 { width: 100%; clear: both; height: 10px; }

.link, .link:hover { outline-style: none; color: #47484b; text-decoration: none; font-size: 12px; }

.link-01 { text-decoration: none; color: #fff; font-size: 12px; font-weight: bold; font-size: 11px; }

    .link-01:hover { text-decoration: none; color: #c0cfe2; font-size: 12px; font-size: 11px; }

.p_l { padding-left: 10px; }

.white a { color: #ec7433; font-size: 11px; text-decoration: none; padding-right: 75px; }

    .white a:hover { color: #4667af; font-size: 11px; text-decoration: none; padding-right: 75px; }

.green { color: #57b114; }

.orange { color: #ff6000; }

.red { color: #fa101b; }

a:hover { outline-style: none; color: #a7c8e5; text-decoration: underline; }

.wrapper { width: 100%; margin: 0px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width: 960px; }

.admin-header-outer { width: 100%; background: #012c3c url(../images/header-bg.jpg) no-repeat top center; float: left; height: 33px; min-width: 960px; }

/*.admin-header-outer {
    width: 100%;
    background: #012c3c url(../images/header-bg.jpg) no-repeat top center;
    height: 33px;
    color:white;
}*/

.admin-header-inner { width: 100%; margin: 0px auto; position: relative; }

.inner-top { width: auto; color: #a7c8e5; padding: 0px 0px 8px 0px; height: 24px; min-width: 960px; overflow: hidden; }

.fr b { color: #6dc24d; }

.inner-top { *border-radius: 0px 0px 4px 4px; *border: none; *behavior: url(images/PIE.htc); }

    .inner-top p { color: #a7c8e5; padding: 8px 0px; }

    .inner-top span { color: #fff; padding: 9px 10px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

    .inner-top strong { font-weight: bold; color: #95c809; }

.warning { padding-right: 3px; }

.warning2 { background: none; border: none; padding-top: 0px; padding-right: 3px; }

.color_01 { color: #ff2f2f; }
/*Pending-Items*/
.Pending-Items-wrapper { height: auto; width: auto; color: #666; font-size: 11px; position: absolute; right: 80px; top: 25px; }

.Pending-Items { height: 100%; width: auto; right: 0; }

.Pending-Items-left { float: left; height: 35px; margin: 7px 0px 0px; background: url(../images/pending-bg-left.png) no-repeat top left; width: 7px; }

.Pending-Items-middle { float: left; height: 35px; background: url(../images/pending-bg-middle.png) no-repeat top center; padding: 15px 0px 0px 0px; }

.Pending-Items-right { float: left; height: 35px; margin: 7px 0px 0px; background: url(../images/pending-bg-right.png) no-repeat top left; width: 7px; }

.banner-area { width: 98%; margin: 0 auto; min-width: 960px; height: 103px; position: relative; }

.logo-area { width: 280px; float: left; padding: 20px 0px 0px 0px; }

.version { position: relative; left: -25px; color: #83b0e4; font-size: 11px; top: 13px; }

.versionLogin { position: relative; left: 275px; color: #83b0e4; font-size: 11px; top: -10px; }

.tag { width: 90px; float: right; text-align: right; padding-top: 12px; height: 30px; }

.safty-area { width: 254px; background: #fff; float: left; border-radius: 0px; margin: 15px 0px; }

    .safty-area p { width: auto; padding: 10px 10px; color: #999999; line-height: 20px; font-size: 11px; }


/*nav-area*/
.navigationWrap { width: 100%; float: left; background: #013040 url(../images/wrapper-bg.jpg) repeat-x; min-height: 5px; margin-bottom: 3px; border-bottom: 1px solid #012c3c; }

#navigation-area { width: 69%; margin-left: 5px; float: left; }

#navigation-area-right { width: 30%; margin-right: 5px; float: right; height: 20px; text-align: right; }

#nav-area { width: 100%; float: left; height: 28px; padding-top: 3px; padding-top: 0px\0/IE8+9; }

#menu { width: 100%; overflow: hidden; min-width: 960px; margin: 0px; padding: 0px; }

    #menu li { float: left; font-family: arial; }

    #menu a { display: block; font-size: 12px; font-weight: bold; color: #fff; /*background:url(../images/nav-bg.jpg) top repeat-x;*/ line-height: 28px; text-decoration: none; }

    #menu li span { display: block; background: url(../images/nav-tag.gif) top left no-repeat; }

    #menu .alpha span { /*background:url(../images/left_menu.gif) top left no-repeat*/ }

    #menu .alpha a:hover span, #menu .alpha#menu_active a span { /*background:url(../images/left_menu_active.gif) top left no-repeat*/ }

    #menu .omega span span { /*background:url(../images/right_menu.gif) top right no-repeat;*/ }

    #menu .omega a:hover span span, #menu .omega#menu_active a span span { background: url(../images/right_menu_active.gif) top right no-repeat; }

    #menu li span span, #menu .alpha span span { /*background:url(../images/menu_right.gif) top right no-repeat;*/ padding: 0 18px; }

    #menu a:hover, #menu #menu_active a { color: #fff; background: #004c68 url(../images/menu_active.gif) top repeat-x; }

.container { clear: both; width: 97%; min-width: 960px; margin: 0px auto; padding: 5px 0px 0px 0px; position: relative; /*height:440px;*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; }

.shadow { }

/*login box styles*/
.loginBoxWrap { width: 335px; margin: 0 auto; padding-top: 200px; top: 50%; }

.loginBox { width: 335px; background: #012c3c; box-shadow: 0px 0px 20px #555; border-radius: 8px; padding: 6px; }

/* table data grid styles */
.bgTable { background: #cec9ef; }

.bgTableNoColor { background: #e9f0f6; }

.headTb1 { background: #4682B4; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-shadow: 1px 1px #555; }

.headTb2 { background: #718fe9; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-shadow: 1px 1px #555; }

.headTb3 { background: #888; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-shadow: 1px 1px #555; }

.headTb4 { background: #B9CFE4 url(../images/box-bg.gif) repeat-x; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #17316a; text-shadow: 1px 1px #fff; vertical-align: top; }

.headTb4Popup { background: #B9CFE4 url(../images/box-bg.gif) repeat-x; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #17316a; text-shadow: 1px 1px #fff; vertical-align: top; height: 35px; }

.even { background: #f9f9f9; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; height: 18px; word-wrap: break-word; vertical-align: top; }

.evenCompressed { background: #f9f9f9; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; height: 16px; vertical-align: top; }

.even a { text-decoration: none; color: #000; word-wrap: break-word; vertical-align: top; }

    .even a:hover { color: #6A5ACD; word-wrap: break-word; vertical-align: top; }

.odd { background: #eee; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; height: 18px; word-wrap: break-word; vertical-align: top; }

    .odd a { text-decoration: none; color: #000; word-wrap: break-word; vertical-align: top; }

        .odd a:hover { color: #6A5ACD; word-wrap: break-word; vertical-align: top; }

.pname { text-decoration: none; color: #6A5ACD!important; }

    .pname:hover { text-decoration: none; color: #000!important; }

.divAddEditNew { width: 100%; text-align: center; color: #555; border-top: 1px solid #ddd; bottom: 0; position: fixed; font-family: Arial, Helvetica, sans-serif; }
/*footer*/
.footer { width: 100%; height: 25px; text-align: center; color: #555; border-top: 1px solid #ddd; bottom: 0; position: fixed; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

    .footer p { line-height: 23px; }

.fLeft { float: left; padding-left: 10px; padding-top: 10px; text-align: left; }

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

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

    .footer a:hover { text-decoration: none; color: #4275b0; }

.linksWrap { float: left; margin: 0 auto; text-align: center; width: 100%; padding-top: 30px; padding-bottom: 10px; }

.links { color: #805ad5!important; }

    .links:hover { color: #666!important; text-decoration: underline; }

/* caption styles */
.ban_cap { position: absolute; top: 50px; right: 150px; width: 190px; float: right; padding: 6px 6px 6px 6px; margin: 0px; }

/* form elements styles */
.calendar { width: 90px; height: 22px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/three_tags.png) no-repeat; background-position: 71px 4px; border-radius: 0px; padding-left: 3px; }

/* textbox styles */

.inputSmall { width: 100px; height: 16px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.inputMultiline { font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.inputSmallreadonly { width: 100px; height: 16px; font-size: 11px; border: 1px solid #aaa; border-radius: 0px; padding-left: 3px; background-color: #DDDDDD; }

.RightAlign { text-align: right; }

.inputMid { width: 150px; height: 16px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.inputBig { width: 220px; height: 16px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px;
    margin-bottom: 0px;
}

.inputDate { width: 90px; height: 16px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.inputDateSmall { width: 70px; height: 16px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.imageButton { border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }
/* textarea styles */
.areabox { width: 220px; height: 40px; font-size: 11px; font-family: arial; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

/* dropdown styles */

.dropTiny { width: 80px; height: 22px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.dropSmall { width: 120px; height: 22px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

.dropBig { width: 220px; height: 22px; font-size: 11px; border: 1px solid #aaa; background: #fff url(../images/input-bg.gif) repeat-x; border-radius: 0px; padding-left: 3px; }

/* button styles */

.btn1 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/save.gif') repeat-x;
    padding: 2px 15px;
    margin-right: 5px;
    border-radius: 0px; 
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

    .btn1:hover { /*width: 70px;*/
        background: url(../images/print.gif) repeat-x;
        padding: 2px 15px;
        margin-right: 5px;
        border-radius: 0px;
        font-weight: bold;
        border: none;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
    }

.btn1Small {
    height: 20px;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/save.gif') repeat-x;
    padding: 5px 5px;
    margin-right: 2px;
    border-radius: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

    .btn1Small:hover { /*width: 70px;*/
        background: url(../images/print.gif) repeat-x;
        padding: 5px 5px;
        margin-right: 2px;
        border-radius: 0px;
        font-weight: bold;
        font-size: 11px;
        border: none;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
    }

.btn2 {
    background: url(../images/reset.gif) repeat-x;
    padding: 6px 15px;
    margin-right: 5px;
    border-radius: 0px;
    border: none;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

    .btn2:hover {
        background: url(../images/save.gif) repeat-x;
        padding: 6px 15px;
        margin-right: 5px;
        border-radius: 0px;
        font-weight: bold;
        border: none;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
    }

.btn3 {
    background: url(../images/print.gif) repeat-x;
    padding: 6px 15px;
    margin-right: 5px;
    border-radius: 0px;
    border: none;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

    .btn3:hover {
        background: url(../images/save.gif) repeat-x;
        padding: 6px 15px;
        margin-right: 5px;
        border-radius: 0px;
        font-weight: bold;
        border: none;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
    }

.textboxreadonly { width: 150px; height: 22px; border: 1px solid #aaa; border-radius: 0px; padding-left: 3px; background-color: #DDDDDD; }

.StarMark { font-family: 'PTSansNarrowRegular'; color: #ff0000; font-size: 10px; cursor: hand; text-decoration: none; font-weight: bold; }

.scroll-div { height: 98%; overflow: auto; overflow-y:scroll; box-shadow: 0px 0px 2px #aaa; overflow-x: hidden; }

.scroll-div-report { height: 98%; overflow: auto; box-shadow: 0px 0px 2px #aaa; }

.scroll-div1 { overflow: auto; max-height: 300px; box-shadow: 0px 0px 2px #aaa; }

.scroll-div2 { overflow: auto; max-height: 300px; box-shadow: 0px 0px 2px #aaa; width: auto; }

.scroll-div3 { overflow: auto; max-height: 300px; box-shadow: 0px 0px 2px #aaa; width: 100%; }

.tabbedMenu { padding-left: 25px; line-height: 21px; font-size: 13px; }

.tabbedMenuChild { padding-left: 50px; line-height: 21px; font-size: 13px; }

.HeaderMenu { padding-left: 3px; line-height: 21px; font-size: 13px; font-weight: bold; background: #cec9ef; }

.ChkBoxListStyle { font-size: 12px; border: 1px solid #aaa; background-color: #c5dbf1; border-radius: 0px; padding-left: 3px; }

.lstBoxListStyle { font-size: 12px; border: 1px solid #aaa; background-color: #c5dbf1; border-radius: 0px; padding-left: 3px; overflow: auto; overflow-x: hidden; }

.insideLevel { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #17316a; text-shadow: 1px 1px #fff; }

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

.TreeViewStyle1 { text-align: right; padding-right: 170px; }

.addrArea { border-radius: 4px 4px 4px 4px; padding: 5px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid #CCCCCC; }

.tableheaderdata { padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; text-shadow: 1px 1px #fff; white-space: nowrap; }

    .tableheaderdata a { padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; text-shadow: 1px 1px #fff; text-decoration: none; white-space: nowrap; }

.HeaderString { width: 20%; text-align: left; }

.HeaderCurrency { width: 15%; text-align: right; }

.HeaderButton { width: 15%; text-align: center; }

.TextBoxCurrency { text-align: right; }

.PageUpdateProgress { position: fixed; margin: 0px auto; left: 50%; top: 50%; z-index: 100; }

.transparency { /* IE 5-7 */ filter: alpha(opacity =60); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*Firefox*/ opacity: 0.6; background-color: #999999; position: fixed; top: 0px; left: 0px; /*width: expression(document.body.clientWidth);*/ /*1024px;*/ /*height: expression(document.body.clientHeight);*/ /*700px;*/ visibility: visible; z-index: 100; height: 100%; width: 100%; min-height: 100%; min-width: 100%; }

.ImagePointer { cursor: pointer; }

    .ImagePointer:hover { cursor: pointer; }


/* Fund transfer designs. */
.tdRight { text-align: right; width: 50%; padding: 0px 2px 0px 0px; border-right: 1px solid #cec9ef; }

.tdBottm { text-align: center; width: 50%; padding: 0px 0px 2px 0px; border-bottom: 1px solid #cec9ef; }

.headTb4_FndTrnsf { background: #d7f0fd url(../images/box-bg.gif) repeat-x; padding: 5px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #17316a; text-shadow: 1px 1px #fff; }

.odd_FndTrnsf { background: #eee; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000; }

.even_FndTrnsf { background: #f9f9f9; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000; }

.links_FndTrnsf { color: #003399!important; text-decoration: none; }

    .links_FndTrnsf:hover { color: #666!important; text-decoration: underline; }

.btn1_TextAutoFit { background: url(../images/save.gif) repeat-x; padding: 2px 15px; margin-right: 5px; border-radius: 0px; border: none; font-weight: bold; color: #fff; cursor: pointer; text-decoration: none; }

    .btn1_TextAutoFit:hover { background: url(../images/print.gif) repeat-x; padding: 2px 15px; margin-right: 5px; border-radius: 0px; font-weight: bold; border: none; cursor: pointer; color: #fff; text-decoration: none; }

.btn1_RightMargin { background: url(../images/save.gif) repeat-x; padding: 2px 15px; margin-right: 25px; border-radius: 0px; border: none; font-weight: bold; color: #fff; cursor: pointer; text-decoration: none; }

    .btn1_RightMargin:hover { background: url(../images/print.gif) repeat-x; padding: 2px 15px; margin-right: 25px; border-radius: 0px; font-weight: bold; border: none; cursor: pointer; color: #fff; text-decoration: none; }

/*-------------------------*/
.PdfStyle { font-size: 8px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }

    .PdfStyle table th { font-weight: bold; }

    .PdfStyle table tr td .odd { background: #eee; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; }

    .PdfStyle table tr td .even { background: #eee; padding: 1px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; word-wrap: break-word; }