body
{
    margin: 0px 0px 0px 0px;
    font-family: Tahoma;
    font-size: 10pt;
    color: black;
    text-align: left;
    width: 100%;
    background-position: top;
    padding: 0px 0px 0px 0px;
    background: url('../img/charlie/master/pgBg.bmp') repeat-x #1b5071;
    visibility: visible;
    display: block;
  
}




/**** REGISTER MASTER *********/

.banner
{
    width: 920px;
    position: relative;
    height: 160px;
    top: 1px;
    position: relative;
    background-image: url('../img/charlie/master/banner.gif');
    background-repeat: no-repeat;
    margin-bottom: 4px;
}

#divDemo_outer
{
    background: url('../img/charlie/master/icon_demo_red.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
#divTrial_outer
{
    background: url('../img/charlie/master/icon_trial_red.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
#divSignup_outer
{
    background: url('../img/charlie/master/icon_register_red.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
.slideArrow
{
    background: url('../img/charlie/master/slideArrow.gif');
    width: 15px;
    height: 140px;
    float: left;
}
.helperlinks
{
    float: left;
    color: white;
    padding-left: 15px;
    text-decoration: underline;
    cursor: pointer;
}
html
{
    overflow-y: scroll;
}
a[disabled]
{
    color: Gray !important;
    text-decoration: none !important;
}

/* ///// DATE FILTER */

.cmb_datefilter
{
    position: relative;
    top: -3px;
}
.btn_datefilter
{
    position: relative;
    top: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .cmb_datefilter
    {
        position: relative;
        top: -1px;
    }

    .btn_datefilter
    {
        position: relative;
        top: 2px;
    }
    .datefilter
    {
        position: relative;
        top: -1px;
    }

}
/* ///// TEXT STYLES ////// */
.pageTitle
{
    font-size: 20pt;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

/* ///// TOOLTIP POPUPS  */
.tipButton
{
    background: url('../img/charlie/master/btclose.gif');
    background-position: left top;
}
.tipButton:hover
{
    background-position: right top;
}
/* ///// COMBOBOX ///// */

.ui-combobox-arrow
{
    float:right;
}

.ui-combobox-register
{
    border: 1px solid #7f9db9;
   border-right:none;
    width: 199px;
    height: 22px;
   float:left;
    padding: 2px 5px 2px 5px;
}

.ui-combobox-register-title
{
    border: 1px solid #7f9db9;
    width: 60px;
    height: 22px;
    border-right:none;
    float:left;
    padding: 2px 5px 2px 5px;
}

/*APP MASTER*/

.app_content
{
    width: 920px;
    float: left;
    margin-top: 2px;
    text-align: left;
}

.app_logout
{
    width: 183px;
    height: 42px;
    cursor: pointer;
    background: url('../img/charlie/login/tab_signout.gif');
}
.app_logout_container
{
    width: 183px;
    float: right;
    position: relative;
    top: 1px;
}
.app_banner
{
    width: 920px;
    position: relative;
    height: 160px;
    top: 0px;
    position: relative;
    background-image: url('../img/charlie/master/banner.gif');
    background-repeat: no-repeat;
    margin-bottom: 4px;
}
.app_banner_container
{
    width: 920px;
    position: relative;
    padding-left: 76px;
    display: block;
    text-align: center;
    top: 28px;
}
/*Date Filter*/
.ui-combobox-datefilter
{
    border: 1px solid #7f9db9;
    border-right:none;
    padding: 1px 5px 1px 5px;
    width: 100px;
    height: 18px;
    float:left;
   
}
.cmb_datefilter
{
    width:129px;
    margin-top:3px;
}

/*Reason*/

.ui-combobox-reason
{
    border: 1px solid #7f9db9;
    border-right:none;
    padding: 1px 5px 1px 5px;
    width: 170px;
    height: 18px;
   float:left;
}

/*Contact Us*/

.ui-combobox-contact
{
    border: 1px solid #7f9db9;
    border-right:none;
    padding: 1px 5px 1px 5px;
    width: 180px;
    height: 18px;
   float:left;
}


/*Partner Pages*/
.ui-combobox-member
{
    border: 1px solid #7f9db9;
     border-right:none;
    padding: 1px 5px 1px 5px;
    width: 100px;
    height: 18px;
    float:left;
}

.cmbAdjustment
{
    width:129px;
    margin-top:1px;
    float:right;
}
input.cmb_error
{
    background-color: #ffffac;
}

.ui-combobox-list
{
    border: 1px solid #7f9db9;
    line-height: 22px;
    position: absolute;
    display: block;
    z-index: 5;
}



.ui-combobox-list, .ui-combobox-item
{
    display: block;
    background-color: white;
    cursor: pointer;
    text-indent: 2px;
}

.ui-combobox-list .selected
{
    background-color: #d9e1e6;
}



/* ///// FORM FILLER ///// */

.form_filler
{
    font-size: 10pt;
}
.form_filler:hover
{
    background: #d9e1e6;
    padding-right: -18px;
}


.warning
{
    color: Red;
}
.hoverBox
{
    margin: 0px 0px 8px 0px;
    padding: 10px 10px 10px 10px;
    background: #f8fcfe;
    border: solid 1px #d0dde4;
}
.hoverBox:hover
{
    border: solid 1px #b7c8d2;
}


/* ///// DOCUMENTS TABS ///// */
.docTabParent
{
    width: 912px;
    min-height: 432px; /*border: solid 1px black;*/
    padding: 4px 4px 4px 4px;
}

.docTabParent2
{
    width: 910px;
    height: 100%;
    background: #f7f7f7;
    border: solid 1px #7f9db9;
    float: left;
    position: relative;
    margin-bottom: 4px;
}
.docTabParent3
{
    position: relative;
    top: -1px;
    margin-bottom: 4px;
    height: 100%;
}
/* ///// SIGNATURES ///// */

.sigWindow
{
    padding: 4px;
    width: 920px;
    height: 412px;
    border: solid 1px black;
}

.sigDisplayWindow
{
    float: right;
    width: 456px;
    height: 410px;
    border: solid 1px black;
    background: url('../img/charlie/app/innerWinBackground.gif');
    background-repeat: repeat-x;
}
.sigCaptureWindow1
{
    width: 436px;
    height: 182px;
    background: #f7f7f7;
    border: solid 1px #7f9db9;
    margin-bottom: 4px;
    padding: 10px 10px 10px 10px;
    position: relative;
}
.sigCaptureWindow2
{
    width: 436px;
    height: 182px;
    background: #f7f7f7;
    border: solid 1px #7f9db9;
    padding: 10px 10px 10px 10px;
    position: relative;
}

/* ///// ISIGN WESIGN FORMFILLER VIEWDOCUMENT EDITOR ///// */
.editorthumbs
{
    float: left;
    height: 663px;
    width: 138px;
    overflow-y: scroll;
    margin-left: 5px;
    position: relative;
}
.editorLoadingWindow
{
    display: block;
    table-layout: fixed;
    width: 668px;
    height: 740px;
    background: url('../img/charlie/app/innerWinBackground.gif');
    background-repeat: repeat-x;
    float: left;
    margin: 4px;
    text-align: center;
    border-right: solid 1px black;
    border-left: solid 1px black;
}
.editorWindow
{
    display: block;
    table-layout: fixed;
    width: 668px;
    height: 740px;
    background: url('../img/charlie/app/innerWinBackground.gif');
    background-repeat: repeat-x;
    float: left;
    border-left: solid 1px black;
    border-right: solid 1px black;
    margin: 4px;
    text-align: center;
}

.isign_zoom
{
    position: absolute;
    left: 70px;
    top: 252px;
    width: 44px;
    visibility: hidden;
    border: solid 1px #000000;
    z-index: 10;
    padding: 10px;
    background: #1b5071;
}
.wesign_zoom
{
    position: absolute;
    width: 44px;
    visibility: hidden;
    border: solid 1px #000000;
    z-index: 10;
    padding: 10px;
    background: #1b5071;
}

.ffsign_zoom
{
    position: absolute;
    left: 70px;
    top: 120px;
    width: 44px;
    visibility: hidden;
    border: solid 1px #000000;
    z-index: 10;
    padding: 10px;
    background: #1b5071;
}
.editorToolBar
{
    height: 663px;
    width: 42px;
    float: left;
    margin-right: 8px;
    text-align: center;
    margin-left: 5px;
}

/*Form Filler*/

.editorFFToolBar
{
    height: 663px;
    width: 42px;
    float: left;
    margin-right: 28px;
    text-align: center;
    margin-left: 5px;
}


.editorFFListPanel
{
    width: 238px;
    height: 639px;
    vertical-align: middle;
    float: left;
    margin-top: 4px;
    text-align: left;
    padding-left: 4px;
}

.editorPage
{
    width: 469px;
    height: 663px;
    float: left;
}

.editorFFPage
{
    width: 592px;
    height: 698px;
    float: left;
}
.editorFFParent
{
    width: 497px;
}
.editorINVParent
{
    width: 497px;
    position: relative;
}
.editorFFCanvas
{
    text-align: left;
    position: relative;
    width: 592px;
    height: 690px;
    overflow: auto;
}
.editorINVCanvas
{
    text-align: left;
    position: relative;
    width: 557px;
    height: 690px;
    overflow: auto;
    padding-left: 35px;
}
.editorListPanel
{
    width: 238px;
    height: 639px;
    background: url('../img/charlie/app/listBox.gif');
    text-align: left;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
}
.editor740ListPanel
{
    width: 238px;
    height: 740px;
    background: url('../img/charlie/app/listBox740.gif');
    text-align: left;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
}
.editorPageNo
{
    color: white;
    height: 25px;
    margin-top: 4px;
    margin-bottom: 6px;
    width: 100%;
    margin-left: -50px;
}
.editorFFDocName
{
    color: white;
    height: 25px;
    margin-top: 15px;
    margin-bottom: 6px;
    width: 100%;
    text-align: center;
}
.editorDocName
{
    color: white;
    height: 25px;
    margin-top: 15px;
    margin-bottom: 6px;
    width: 100%;
    margin-left: -50px;
}
.editorLogoPanel
{
    width: 238px;
    height: 101px;
    display: block;
    position: relative;
    top: 3px;
    left: 0px;
    float: right;
}
.editorDocument:hover
{
    background: #d9e1e6;
    line-height: 27px;
    color: #000000;
    cursor: pointer;
}
.editorSelectViewDocument
{
    background-color: #9ae5b3;
    cursor: default;
    line-height: 27px;
    margin: 5 5 5 5;
    color: #000000;
}
.editorSelectDocument
{
    background-color: #f9643d;
    color: #000000;
    font-size: 10pt;
    cursor: pointer;
    line-height: 27px;
    color: #1b5173;
    width: 206px;
    height: 27px;
}
.editorDocument
{
    font-size: 10pt;
    cursor: pointer;
    line-height: 27px;
    color: #1b5173;
    width: 206px;
}
.inv_pages
{
    text-align: center;
}
.dm_Control_Container
{
    height: 748px;
}
.add_sig
{
    background: url('../img/charlie/app/bt_edit_addsig.gif');
}
.remove_sig
{
    background: url('../img/charlie/app/bt_edit_remove.gif');
}
.sign_all
{
    background: url('../img/charlie/app/bt_edit_signall.gif');
}
.zoom
{
    background: url('../img/charlie/app/bt_edit_zoom.gif');
}
.next_step1
{
    background: url('../img/charlie/app/bt_edit_next.gif');
}
.next_step2
{
    background: url('../img/charlie/app/btn.gif');
}
.preview
{
    background: url('../img/charlie/app/bt_edit_preview.gif');
}
.on_off
{
    background: url('../img/charlie/app/bt_onoff.gif');
}




/* ///// PAGER ///// */
.pager
{
    position: relative;
    width: 902px;
    text-align: left;
    left: 5px;
    color: #1b5071;
    height: 22px;
}
.pagerBt
{
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    cursor: pointer;
}


/* ///// GRID ///// */
/* Common Styles */
.grid .row
{
    background: white;
}
.grid .row:hover
{
    background: #d9e1e6;
}
.container
{
    width: 600px;
    border: solid 2px #bbbbbb;
    background-color: #fff;
}
.grid
{
}
.grid table
{
    border: 1px none #C0C0C0;
    line-height: 27px;
    background: url('../img/charlie/tabs/blue/headerSelected.gif');
}

.grid .titlebar
{
    padding-left: 18px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: normal;
}
.grid .titlebar .title
{
    float: left;
}


.grid .pager
{
    float: right;
    padding-right: 15px;
}
.grid .pager .status
{
    padding-left: 5px;
    padding-right: 8px;
}

.grid .footer .pager
{
    border-top: solid 1px #b0b0b0;
    background: #e5e5e5;
    float: none;
    text-align: center;
    padding: 8px;
}
.grid .footer .pager INPUT.command
{
    padding: 0px 6px;
}
.grid .footer .pager SPAN.command, .grid .footer .pager SPAN.current, .grid .footer .pager A.command
{
    color: #666666;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
    font-size: 12px;
}
.grid .footer .pager A.command:hover
{
    border: solid 2px #bbbbbb;
    background-color: #666666;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}
.grid .footer .pager SPAN.current
{
    border: none;
    font-weight: bold;
    padding: 0px 6px;
}


.grid .datatable
{
    width: 100%;
}
.grid .datatable TH, .grid .datatable TD
{
    text-align: left;
}
.grid .datatable TH
{
    border-bottom: solid 1px #c0c0c0;
    padding: 0px 8px;
    background: url('../img/charlie/tabs/blue/header.bmp');
    height: 50px;
    cursor: default;
    color: #1b5072;
    line-height: 50px;
    font-weight: normal;
}
.grid .datatable TH A
{
    display: block;
    text-decoration: none;
    color: #000;
}
.grid .datatable TD
{
    border-bottom: solid 1px #e0e0e0;
    padding: 0px 8px;
    color: #111;
}

.grid .datatable .headerSortUp
{
    background-position: right;
    background: url(../img/asc.gif) no-repeat center right;
    cursor: pointer;
}
.grid .datatable .headerSortDown
{
    background-position: right;
    background: url(../img/desc.gif) no-repeat center right;
    cursor: pointer;
}

/* ///// TABS ///// */

.google .ajax__tab_header
{
    border-bottom: solid 1px #7f9db9;
}
.google .ajax__tab_body
{
}
/* Active State */
.google .ajax__tab_active .ajax__tab_outer
{
    background: #ffffff;
    line-height: 28px;
    border-top: solid 1px #7f9db9;
}
.google .ajax__tab_active .ajax__tab_inner
{
    background: #ffffff;
    position: relative;
    top: 1px;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
}
.google .ajax__tab_active .ajax__tab_tab
{
    color: #1b5071;
    background: #ffffff;
    text-decoration: none;
    line-height: 28px;
}
/* Regular States */
.google .ajax__tab_outer
{
    background: #eeeeee;
    line-height: 28px;
    border-top: solid 1px #7f9db9;
    border-right: solid 1px #7f9db9;
}
.google .ajax__tab_inner
{
    border-bottom: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
}
.google .ajax__tab_tab
{
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px 10px 0px 10px;
    color: #19709c;
    background: #eeeeee;
}

/* ///// GRID SEARCH FILTER ///// */
.filter
{
    float: right;
    font-weight: bold;
    padding: 10px 2px 0px 0px;
    z-index: -5;
}

.filter INPUT
{
    width: 150px;
    z-index: -5;
}


/* ///// APPLICATION ///// */

.toolbarIcons
{
    cursor: pointer;
}
.standardlink
{
    color: White;
    font-size: small;
    text-decoration: underline;
    cursor: pointer;
}
.standardlink:hover
{
    color: White;
}
iframe
{
    border: 0px solid #ffffff;
}

.whitetext
{
    color: White;
}
.view_toolbar
{
    border-bottom: solid 1px black;
    position: relative;
    top: 0px;
    left: -1px;
    width: 668px;
    height: 50px;
    text-align: center;
    border: solid 1px #e0e0e0;
    background: url('../img/charlie/tabs/blue/headerSelected.gif');
}

.shadow1
{
    background: #176790;
}
.shadow2
{
    background: #135476;
    position: relative;
    top: -2px;
    left: -2px;
    width: 469px;
    height: 663px;
}
.shadow3
{
    background: #0d384f;
    position: relative;
    top: -2px;
    left: -2px;
    width: 469px;
    height: 663px;
}
.text_shadow_container
{
    position: relative;
    height: 15px;
    width: 100%;
}

.text_shadow
{
    color: Black;
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 8pt;
}
.text_shadow_2
{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 8pt;
}
.text_shadow_outer
{
    position: relative;
    width: 30px;
    height: 10px;
}
.b_larger
{
    left: 8px;
}
.b_large
{
    left: 5px;
}
.b_medium
{
    left: 3px;
}
.b_small
{
    left: 2px;
}
.btn_container
{
    position: relative;
    cursor: pointer;
    width: 42px;
    height: 58px;
    text-align: center;
}
.btn_hr
{
    height: 1px;
    background: black;
    border-top: solid 1px black;
    border-bottom: none;
    width: 39px;
    position: relative;
    left: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.btn_list
{
    position: absolute;
    top: 40px;
    left: 620px;
    width: 100px;
    height: 22px;
    font-size: 10px;
    display: none;
}

#btn_refresh
{
    position: absolute;
    top: 40px;
    left: 620px;
    width: 100px;
    height: 22px;
    font-size: 10px;
    display: none;
}


.page_select
{
    position: relative;
    width: 42px;
    height: 30px;
    margin-top: 8px;
}
.bt_edit
{
    width: 37px;
    height: 37px;
}

.document_container_lbl
{
    background: #1b5173;
}
.fieldTitle
{
    float: left;
    width: 140px;
    text-align: left;
    height: 23px;
}
.textField
{
    float: left;
    width: 200px;
}
.splat
{
    color: Red;
    float: left;
    width: 20px;
}
.fieldItem
{
    width: 400px;
    height: 30px;
}
.two_btn_container
{
    width: 203px;
}
.three_btn_container
{
    width: 304px;
}

/* -- ASPxUploadControl -- */
.dxucControl, .dxucEditArea
{
}
.dxucErrorCell
{
    font-size: 9pt;
    color: Red;
    text-align: left;
}
.dxucButton, .dxucButton a
{
    color: #394ea2;
    cursor: pointer;
    white-space: nowrap;
}
/* ///// FORM FILLER ///// */

input.ffrequired
{
    border: 1px solid #7F9DB9;
    margin-bottom: .5em;
}
input.date_required
{
    border: 1px solid #7F9DB9;
    margin-bottom: .5em;
}
input.fferror
{
    border: 1px solid red;
}
textarea.ffrequired
{
    border: 1px solid #7F9DB9;
}
textarea.optional
{
    border: 1px solid #7F9DB9;
}
textarea.fferror
{
    border: 1px solid red;
}
img.image_required
{
    border: 1px solid #7F9DB9;
}
img.fferror
{
    border: 1px solid red;
}

.step1
{
    background: url(../img/charlie/app/wsstep_1.gif);
}
.step2
{
    background: url(../img/charlie/app/wsstep_2.gif);
}
.step3
{
    background: url(../img/charlie/app/wsstep_3.gif);
}

/* ///// Slider /////  */

.slideOuter
{
    cursor: pointer;
    width: 140px;
    height: 140px;
    position: relative;
}
.slideDiv
{
    border-width: 1px;
    border-style: solid none solid solid;
    border-color: #000;
    width: 0px;
    height: 140px;
    position: absolute;
    top: 261px;
    left: 0px;
    overflow: hidden;
    visibility: hidden;
    background: #19709d;
}

/* ///// AUTO COMPLETE ///// */

.autocomplete-w1
{
    background: url(../_assets/img/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 6px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 1px 0 0 0;
}
.autocomplete
{
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}
.autocomplete .selected
{
    background: #F0F0F0;
}
.autocomplete div
{
    padding: 2px 5px;
    white-space: nowrap;
}
.autocomplete strong
{
    font-weight: normal;
    color: #3399FF;
}
.autocomplete .error
{
    border: 1px solid red;
    background-color: #FFFF99;
}
.autocomplete_highlighted_listitem
{
    background-color: Highlight;
    color: HighlightText;
    padding: 3px;
}

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 3px;
}


/* ///// JQUERY TOOLTIP ///// */
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div
{
    font-size: 10pt;
    margin: 0;
}

/* POPUPS */
.popupDiv
{
    position: absolute;
    visibility: hidden;
    z-index: 3;
    display: none;
    padding: 15px 30px 15px 30px;
    text-align: center;
    color: Black;
}

/* BUTTONS */
.button
{
    width: 100px;
    height: 21px;
    border: solid 1px #7f9db9;
    background: url('../img/charlie/button/devBtBg.bmp');
    cursor: pointer;
    padding-top: 4px;
    color: Black;
    text-align: center;
    line-height: 16px;
}
.button:hover
{
    background: white;
}
.disabledButton
{
    width: 100px;
    height: 21px;
    border: solid 1px #C8C8C8;
    background: #E0E0E0;
    cursor: default;
    padding-top: 4px;
    color: Gray;
    text-align: center;
    line-height: 16px;
}

.btn_left
{
    float: left;
}
.btn_right
{
    float: left;
    border-left: none;
}
.titleMedium
{
    font-size: 11pt;
    font-weight: bold;
}


.reqStar
{
    color: Red;
    position: relative;
    left: 4px;
    top: -3px;
    height: 28px;
    width: 12px;
}
.aspTBLocked
{
    background: #ebebe4;
}
.aspTB
{
    width: 220px;
    border: solid 1px #7f9db9;
    padding: 1px 5px 1px 5px;
    height: 22px;
    margin: 2px 0px 2px 0px;
}
.aspTB:focus
{
    background: #eaeff4;
}
.aspPTB
{
    width: 220px;
    border: solid 1px #7f9db9;
    padding: 1px 5px 1px 5px;
    height: 22px;
    margin: 2px 0px 2px 0px;
}
.aspPTB:focus
{
    background: #eaeff4;
}

.qMark
{
    position: absolute;
    top: 8px;
    left: 10px;
    width: 21px;
    height: 20px;
    vertical-align: top;
    float: right;
    background: url('../img/charlie/tooltips/qm_small_01_hover.png');
    display: none;
    font-size: 10pt;
}

.tip
{
    width: 21px;
    height: 20px;
    font-size: 10pt;
    background: url('../img/charlie/tooltips/qm_small_02.png');
}

.tip:hover
{
    background: url('../img/charlie/tooltips/qm_small_02_hover.png');
    cursor: pointer;
}

/*.qMark:hover
{
    background: url('../img/charlie/tooltips/qm_small_01_hover.png');
}*/

.contentSmall
{
    line-height: 20px;
    color: #1b5071;
}
hr
{
    border: solid 1px #c5c5c5;
    height: 1px;
    border-bottom: none;
}
.iBox1
{
    width: 752px;
    height: 66px;
    border: solid 1px #c5c5c5;
    background: white;
    margin-bottom: 4px;
}
.iBox2
{
    width: 750px;
    height: 64px;
    border: solid 1px #e4e4e4;
}
.iBox3
{
    width: 748px;
    height: 32px;
    border: solid 1px #f6f6f6;
    padding: 15px 0px 15px 0px;
}
h5
{
    font-weight: bold;
    border-collapse: collapse;
    margin-top: 0px;
}
.focusField
{
    background: #eaeff4;
}
.idleField
{
}
.link
{
    color: black;
}
.link:hover
{
    color: red;
    font-weight: bold;
}
hr
{
    border: solid 1px #c5c5c5;
    height: 1px;
    border-bottom: none;
}

h5
{
    font-weight: bold;
    border-collapse: collapse;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.pageheader
{
    position: absolute;
    top: -3px;
    left: -3px;
    margin-top: 50px;
    height: 145px;
    background: url('../img/charlie/master/header_gradient.gif') repeat-x;
    width: 779px;
    text-align: left;
}

.hoverBox
{
    margin: 0px 0px 8px 0px;
    padding: 10px 10px 10px 10px;
    background: #f8fcfe;
    border: solid 1px #d0dde4;
}
.hoverBox:hover
{
    border: solid 1px #b7c8d2;
}
ul
{
    margin-top: 0px;
}
.grayText
{
    color: Gray;
    font-size: 8pt;
}
/* Step By Step fix */
.pFix
{
    padding-top: 0px;
    margin-top: 6px;
}
/* ///// VALIDATION ///// */

.registerborder
{
    
    border: 1px solid #7f9db9;
}

.highlight_check
{
    border: 1px solid red;
    background-color: #ffffac;
}
.account_details
{
    border: 1px solid #7f9db9;
    background-color: #FFFFFF;
    font-size: 11pt;
    width: 200px;
}

.link
{
    color: black;
}
.link:hover
{
    color: red;
    font-weight: bold;
}

.witness_tip
{
    float: right;
    color: Red;
    width: 180px;
    display: none;
    font-size: 8pt;
}
.invitee_tip
{
    float: left;
    color: Red;
    width: 160px;
    display: none;
    font-size: 8pt;
    text-align: left;
}

/* CONTEXT MENU */
.contextMenu_Normal
{
    background-color: transparent;
    border-right-style: none;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-top-style: none;
    border-left-style: none;
    border-bottom-style: none;
    color: black;
}
.contextMenu_Hover
{
    background-color: #cccccc;
    border-right: #999999 1px solid;
    padding-right: 4px;
    border-top: #999999 1px solid;
    padding-top: 1px;
    border-left: #999999 1px solid;
    padding-left: 4px;
    border-bottom: #999999 1px solid;
    padding-bottom: 1px;
}
.contextMenu_SubMenu
{
    font-size: 9pt;
    font-family: Verdana;
    color: black;
    cursor: hand;
    background-color: #f1f1f1;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.contextMenu_Seperator
{
    width: 1px;
    height: 1px;
    background-color: gray;
    margin: 2px;
}
.contextMenu
{
    background-color: #f1f1f1;
    line-height: 24px;
}
.contextMenu:hover
{
    background-color: #cccccc;
}

/* LOGIN PAGE */

.block
{
    color: white;
    width: 370px;
    height: 150px;
    position: absolute;
    left: 10px;
    border: solid 1px #1b5071;
    background-image: url('../img/beta/grad_horizon.gif');
    background-repeat: repeat-x;
    background-position: left top;
}
.block2
{
    width: 355px;
    height: 140px;
    position: absolute;
    right: 10px;
    border: solid 1px #1b5071;
    background-image: url('../img/beta/grad_horizon.gif');
    background-repeat: repeat-x;
    background-position: left top;
}
.ulTick
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.ulTick1
{
    padding-left: 30px;
}
.liTick
{
    background-image: url('../img/charlie/master/tick_green.png');
    background-position: 0 0.2em;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
}
.login
{
    background: url('../img/beta/grad_horizon.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
}


/* REGISTER */

.register
{
    background: #f8fcfe;
    border: solid 1px #eff6fa;
}
.check_container
{
    width: 270px;
    border: solid 1px #ffffff;
}
.reg_title_shadow
{
    background: url('../img/charlie/master/title_shadow.gif');
}
.pricing_table
{
    height: 175px;
}
.show_reqStar
{
    visibility: hidden;
}

.terms_link
{
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
}

.wizard_link
{
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
}

/********BUTTONS********/

.btn_open_acc
{
    background-image: url('../img/charlie/menu/mItemBack.gif');
    background-repeat: repeat-x;
    background-color: #D02814;
    border: 1px solid black;
    width: 178px;
    color: White;
    height: 26px;
    cursor: pointer;
    position: absolute;
    display: none;
    left: 818px;
    top: 1px;
    font-size: 10pt;
    font-family: Tahoma;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .btn_open_acc
    {
        top: 3px;
    }
}

.btn_open_acc:hover
{
    background: white;
    color: #1b5071;
    border-bottom: none;
}

.popup_img
{
    z-index: 2001;
}
.buttonFancy
{
    width: 100px;
    height: 21px;
    border: solid 1px #c5c5c5;
    cursor: pointer;
    padding-top: 4px;
    text-align: center;
    line-height: 16px;
    background-image: url('../img/charlie/button/fancyBtn.gif');
    background-repeat: repeat-x;
    color: White;
}
.buttonFancy:hover
{
    background: #1b5071;
}

.buttonFancy_Large
{
    width: 120px;
    height: 30px;
    border: solid 1px #c5c5c5;
    cursor: pointer;
    padding-top: 4px;
    text-align: center;
    line-height: 21px;
    background-image: url('../img/charlie/button/fancyBtn_Large.gif');
    background-repeat: repeat-x;
    color: White;
    font-size: 12pt;
}
.buttonFancy_Large:hover
{
    background: #1b5071;
}

.space
{
    width: 100%;
    height: 8px;
}

.zoom_side_bar
{
    width: 224px;
    background-image: url('../img/charlie/app/gridLines.bmp');
    display: block;
    text-align: left;
    border: solid 1px black;
    overflow: auto;
}
/******TOOLTIPS*********/


.tipsy
{
    padding: 5px;
    font-size: 11px;
    position: absolute;
    z-index: 100000;
}
.tipsy-inner
{
    padding: 5px 8px 4px 8px;
    background-color: #fff87f;
    color: black;
    min-width: 120px;
    text-align: center;
    border: 2px solid red;
}
.tipsy-inner
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-arrow
{
    position: absolute;
    background: url('../img/charlie/tooltips/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow
{
    top: 0;
    left: 50%;
    margin-left: -4px;
}
.tipsy-nw .tipsy-arrow
{
    top: 0;
    left: 10px;
}
.tipsy-ne .tipsy-arrow
{
    top: 0;
    right: 10px;
}
.tipsy-s .tipsy-arrow
{
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}
.tipsy-sw .tipsy-arrow
{
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}
.tipsy-se .tipsy-arrow
{
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}
.tipsy-e .tipsy-arrow
{
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}
.tipsy-w .tipsy-arrow
{
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}

/******FORM DIRECT*********/

.fd_step
{
    width: 477px;
    height: 250px;
    margin: 0px 0px 8px 0px;
    padding: 10px 10px 10px 10px;
    background: #f8fcfe;
    border: solid 1px #d0dde4;
}
.fd_wf_step
{
    display: none;
}

.fd_step_1
{
    height: 60px;
    width: 500px;
    background: url(../img/charlie/formdirect/fd_workflow_1.png) no-repeat;
}
.fd_step_2
{
    height: 60px;
    width: 500px;
    background: url(../img/charlie/formdirect/fd_workflow_2.png) no-repeat;
}
.fd_step_3
{
    height: 60px;
    width: 500px;
    background: url(../img/charlie/formdirect/fd_workflow_3.png) no-repeat;
}
.fd_step_4
{
    height: 60px;
    width: 500px;
    background: url(../img/charlie/formdirect/fd_workflow_4.png) no-repeat;
}
.fd_date_picker
{
    height: 150px;
    width: 280px;
    float: left;
    position: relative;
    font-size: 12px;
}
.title_small
{
    height: 30px;
    font-size: 13px;
    font-weight: bold;
}
.fd_item
{
    width: 400px;
    height: 35px;
}
.fd_item_title
{
    width: 130px;
    height: 35px;
    float: left;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
}
.fd_item_data
{
    width: 260px;
    height: 35px;
    float: left;
}
.btn_invite
{
    float: left;
    width: 122px;
    height: 60px;
    cursor: pointer;
    background: url(../img/charlie/formdirect/Invite.png) no-repeat;
}
.btn_invite:hover
{
    background: url(../img/charlie/formdirect/Invite_h.png) no-repeat;
}
.btn_publish
{
    float: right;
    width: 126px;
    height: 60px;
    cursor: pointer;
    background: url(../img/charlie/formdirect/Publish.png) no-repeat;
}
.btn_publish:hover
{
    background: url(../img/charlie/formdirect/Publish_h.png) no-repeat;
}
.btn_publish_disabled
{
    float: right;
    width: 126px;
    height: 60px;
    background: url(../img/charlie/formdirect/Publish_dis.png) no-repeat;
}
.fdEditorDocName
{
    height: 35px;
    width: 300px;
    margin-bottom: 15px;
}
.fdEditorPage
{
    height: 35px;
    width: 300px;
    margin-top: 15px;
}

.fd_nav_back
{
    height: 38px;
    width: 45px;
    background: url(../img/charlie/formdirect/back.png) no-repeat;
    float: left;
    position: relative;
    top: 200px;
    margin-right: 30px;
    cursor: pointer;
}

.fd_nav_next
{
    height: 38px;
    width: 45px;
    background: url(../img/charlie/formdirect/next.png) no-repeat;
    float: left;
    position: relative;
    top: 200px;
    margin-left: 30px;
    cursor: pointer;
}

.more_items
{
    color: Blue;
    text-decoration: underline;
    margin-left: 60px;
    font-size: 10pt;
    cursor: pointer;
    line-height: 27px;
    width: 206px;
    float: left;
}

.fd_tip
{
    float: right;
    position: relative;
    top: 3px;
    right: 8px;
    text-align: left;
}

.fd_list_title
{
    float: left;
    position: relative;
    top: 3px;
    left: 10px;
}

.fd_tip_text
{
    text-align: center;
    padding: 5px 0px 5px 0px;
}


#fd_invitee_list
{
    width: 100%;
    height: 138px;
}


#fd_step_4
{
    height: 280px;
    width: 477px;
}

/*******LISTS**************/

#prog_tble
{
    background: url('../img/charlie/tabs/blue/headerSelected.gif');
    width: 755px;
}
#doc_list_tble
{
    background: url('../img/charlie/tabs/blue/headerSelected.gif');
}
.list_thead
{
    background: url('../img/charlie/tabs/blue/header.bmp');
    height: 50px;
    cursor: default;
    color: #1b5072;
}

/******REGISTER************/

.reg_table
{
    margin-left: 80px;
    width: 450px;
}
.reg_table_1
{
    margin-left: 62px;
    width: 450px;
}
td.reg_field_title
{
    text-align: right;
}
td.reg_field
{
    padding-left: 24px;
    height: 34px;
}
#reg_cmb_title
{
    width:93px;
}
.reg_cmb
{
    width:232px;
}
.reg_cmb_title
{
    text-align: right;
    padding-top: 3px;
}
#reg_cmb_emp
{
    position: relative;
    top: 0px;
}
#reg_cmb_emp_title
{
    padding-bottom: 6px;
    text-align: right;
}
.reg_table_2
{
    margin-left: 31px;
    width: 450px;
}
.reg_table_3
{
    margin-left: 56px;
    width: 450px;
}
.reg_table_4
{
    margin-left: -2px;
    width: 450px;
}
.reg_tick
{
    visibility: hidden;
    background: url('../img/charlie/tooltips/green_tick.png') no-repeat;
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 2px;
}
.reg_tick_1
{
    visibility: hidden;
    background: url('../img/charlie/tooltips/green_tick.png') no-repeat;
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 4px;
    margin-left: -4px;
}
.req
{
    color: Red;
    height: 28px;
    width: 12px;
    float: left;
    margin-top: -3px;
    margin-left: 4px;
}
.reg_aspTB
{
    width: 220px;
    border: solid 1px #7f9db9;
    padding: 1px 5px 1px 5px;
    height: 22px;
    margin: 2px 0px 2px 0px;
    float: left;
}
.reg_aspTB:focus
{
    background: #eaeff4;
}

.phone
{
    margin-right: 4px;
}
.reg_iBox1
{
    width: 752px;
    height: 66px;
    border: solid 1px #c5c5c5;
    background: white;
    margin-bottom: 4px;
    width: 500px;
    height: 100%;
    padding: 20px 20px 20px 20px;
    position: relative;
}

.error
{
    border: 1px solid red;
    background-color: #ffffac;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .adjust_verify
    {
        left: 7px;
    }
}
#demo_captcha_cnt
{
    float: left;
    width: 190px;
    height: 80px;
}

#demo_captcha_code
{
    float: left;
    width: 140px;
    height: 80px;
    margin-top: 20px;
}
#demo_captcha
{
    margin-top: 18px;
    width: 500px;
    height: 118px;
}



/******MY DETAILS*********/

td.ac_details_td_1
{
    width: 150px;
    height: 31px;
    text-align: left;
}
td.ac_details_td_2
{
    width: 30px;
    height: 31px;
    text-align: left;
}
td.ac_details_td_3
{
    width: 110px;
    height: 31px;
    text-align: left;
}
td.ac_details_td_4
{
    width: 80px;
    height: 31px;
    text-align: left;
}
table.ac_details_tble_1
{
    border-collapse: collapse;
    width: 400px;
}




/*****WESIGN******/
#wsd_pnl_1
{
    width: 226px;
    height: 299px;
    background: url(../img/charlie/app/gridLines.bmp);
    display: block;
    text-align: left;
    position: relative;
    top: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#wsd_pnl_2
{
    width: 226px;
    height: 276px;
    background: url(../img/charlie/app/gridLines.bmp);
    display: block;
    text-align: left;
    table-layout: fixed;
    position: relative;
    top: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#wsd_logo
{
    background: url(../img/charlie/app/wesign.gif);
}

/*****LOGIN*********/

.left
{
    float: left;
}

#lg_email
{
    margin-left: 55px;
}

#lg_pass
{
    margin-left: 50px;
}
.lg_fix
{
    margin-top: 8px;
    margin-right: 12px;
}

.lg_small_txt
{
    font-size: 11px;
    float: left;
}

#lg_box3
{
    height: 42px;
}

#lg_box1
{
    height: 76px;
    margin-top: -5px;
}
#lg_box2
{
    height: 74px;
}

#lg_chk_remember
{
    margin-top: 3px;
    display: none;
}



.ui_tpicker_minute
{
    border: solid 1px #13384f;
    height: 5px;
}
.ui_tpicker_hour
{
    border: solid 1px #13384f;
    height: 5px;
}


/*******MENU**********/


.menu_item
{
    border-top: solid 1px #dc3820;
    background: #ce2511;
}
.menu_item:hover
{
    background: #dc3820;
}

.menu_list
{
    background: #ce2511;
    border: solid 1px Black;
    border-top-style: none;
    position: absolute;
    top: 27px;
    left: 0px;
    display: none;
    line-height: 27px;
    text-indent: 15px;
    cursor: pointer;
    width: 250px;
    min-height: 30px;
}
#menu
{
    width: 920px;
    position: relative;
    z-index: 2;
    height: 26px;
}
.menu
{
    width: 920px;
    color: white;
    height: 29px;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    position: relative;
}
.menu a
{
    color: white;
    text-decoration: none;
}
.menu a: active
{
    color: white;
    text-decoration: none;
}
.menu a: visited
{
    color: white;
    text-decoration: none;
}

.pg_content
{
    background: white;
    min-height: 500px;
}

/******BROADCASTING********/

.brd_btn_broadcast
{
    background: url(../img/charlie/broadcasting/btn_brd.png);
}

.btn_download
{
    background: url(../img/charlie/app/btn_download.png);
}

/****TABS********/

.left_expanded
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
}

.left_normal
{
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
}

.left_hover
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: black;
    padding-left: 8px;
    padding-right: 8px;
}

.left_selected
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: #1b5071;
    padding-left: 8px;
    padding-right: 8px;
}

.left_sub_group
{
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.default_normal
{
    background-repeat: repeat-x;
    font-weight: normal;
    color: white;
    background-image: url('../img/charlie/menu/mItemBack.gif');
}
.default_selected
{
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: #000000;
    background-repeat: repeat-x;
    color: black;
}

.default_sub_group
{
    background-repeat: repeat-x;
    color: black;
    cursor: hand;
}

.topgroup_sub_group
{
    background-position: bottom;
    background-repeat: repeat-x;
    border-bottom-style: none;
    border-right-style: none;
    border-right-style: none;
    border-top-style: none;
    color: black;
    cursor: hand;
}
.tab_expanded
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
}

.tab_normal
{
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
}

.tab_hover
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: black;
    padding-left: 8px;
    padding-right: 8px;
}

.tab_selected
{
    background-color: white;
    border-bottom-color: black;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    color: #1b5071;
    padding-left: 8px;
    padding-right: 8px;
}

.tab_sub_group
{
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-left: none;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}


.list_tble
{
    background: url('../img/charlie/tabs/blue/headerSelected.gif');
    background-repeat: repeat-x;
}


#myform_window
{
   
    height: 740px;
    background: url('../img/charlie/app/innerWinBackground.gif');
    background-repeat: repeat-x;
    border: solid 1px black;
    text-align: center;
}


#form_container
{
    width:700px;
    margin-top:30px;
    height:795px;
    text-align:center;
    
}

.form_left
{
    float:left;
}

.form_right
{
    float:right; 

   
}

.form_title
{
    color:#1B5071;
    font-weight:bold;
    font-size:14pt;
    width:340px;
    height:28px;

}

#form_btn_row
{
    width:700px;
    height:30px;
    margin-top:8px;
    
}

.form_btns
{
    width:340px;

}

.btn_form
{
    width: 100px;
    height: 22px;
    font-size: 10px;
    display: none;
    float:left;
}

.tab_page_container
{
    padding:4px;
}
#btn_add_device
{
    position: absolute;
    top: 4px;
    left: 736px;
    width: 100px;
    height: 22px;
    font-size: 10px;
    display: none;
}

#form_viewer
{
    margin-top:8px;
     width:700px;
     height:540px;
}

#form_viewer_container
{
    width:530px;
}


.rounded
{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.button.center
        {
            margin: 0 auto;
        }