/* DEFAULTS
----------------------------------------------------------*/
html
{
    height:100%;
}

body
{
    /*background: #D1D7DE url('../images/body-bg.png') repeat-x;*/
    /*background: #014c83 url("/images/bg.png") repeat-x top left;*/
    background-color:#3baeb5;
    width: 100%;
    min-height: 100% !important;
    height: 100%;
    color: #312f33;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    scrollbar-arrow-color: #0066C8;
    scrollbar-3dlight-color: #ccc;
    scrollbar-darkshadow-color: #4F4F82;
    scrollbar-face-color: #f4f4f0;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #d0d0d0;
    scrollbar-track-color: #ffffff;
}


/*
a:link, a:visited
{
    color: black;
}

a:hover
{
    color: #D0171F;
    text-decoration: none;
}

a:active
{
    color: black;
}
*/

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #B40000; /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

div.contents
{
    min-height: 600px;
    width: 95%; /*1000px;*/
    background-color: white;
    margin: 5px auto 0px auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
    
    /*border-left:3px solid #ccc;
    border-right:3px solid #ccc;*/
}

div.statusbar
{
    width: 95%; 
    margin: 5px auto 0px auto;
    
    background-color:#3baeb5;
    text-align:right;
    color:White;
    line-height: normal;
}
div.statusbar a
{
    color: White;
    font-weight: bold;
}

.uat
{
    color: #FFFF64;
    font-weight: bold;
    font-size: 14px;
}

div.popup
{
   
    background-color: White;
    margin:10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
}

tr.Theader
{
    background: #b1b8bd;
}

div.header
{
    text-align: left;
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}


div.header img
{
    /*width: 960px;*/
    width: 100%;
}


div.mainContents
{
    /*background-image:url('../images/company_logo.png');     background-repeat:no-repeat;     background-position:center center; */
    
    min-height: 525px;
    padding-bottom:10px;
}

div.footer
{  
    width: 95%; 
    margin: 10px auto;
    text-align:right;
    color:White;
    font-weight: bold;
}


.MainSection
{
    padding: 10px 10px 10px 10px;
}

.DetailSection
{
    padding: 10px 10px 10px 10px;
}
/* TAB MENU   
----------------------------------------------------------*/
div.mainmenu
{
    /*background-image: url('../Images/menu_bg.jpg');*/
    background-image: url('../Images/menu_bg_silver.jpg');
    background-repeat: repeat-x;
    border-top: 2px solid #3baeb5;
    border-bottom: 3px solid #3baeb5;
    display: none;
    border-bottom-color: #3baeb5;
}


div.menu
{
    padding: 0;
    z-index: 10000;
}

div.menu ul
{
    
    font-size:14px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 10000;
    
}

/*To Fix the flicker problem
-----------------------------*/

div.menu ul li
{
    list-style: none;
    position: relative;
    z-index: 10000;
}



div.menu ul li ul
{
    color: Black;
    margin-top: 2px;
    display: none;
    z-index: 10000;
}



div.menu ul li ul li
{
    background-color:#f6f6f6;
    color: #312f33;
    border-bottom: 2px solid #3baeb5;
    border-left: 5px solid #3baeb5;
}

/*---------------------------------*/

div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: Black;*/
    color: #312f33;
    border-right:1px solid #cacaca;
    font-weight: bold;
    display: block;
    line-height: 1.35em;
    padding: 8px 12px;
    text-decoration: none;
    white-space: nowrap;
    z-index: 1000;
}

div.menu ul li a:hover
{
    background: #3baeb5;
    color: White;
    text-decoration: none;
    font-weight: bold;
}

div.menu ul li a:active
{
    background: #D0171F;
    color: White;
    text-decoration: none;
}

/* Menu Toolbar   
----------------------------------------------------------*/
div.menutb
{
    padding: 5px;
    border-bottom: 4px solid #808080;
}

div.mntbCon
{
    float:left;
    border:1px solid #ccc;
    margin-right:1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width:70px;
}

div.mntbTitle
{
    font-family:sans-serif;
    
    font-size:12px;
    text-align:center;    
    padding:15px 10px;
    height:20px;
}

div.mntbImg 
{
    text-align:center;
    padding:5px 5px 0px 5px;
    border-top:1px solid #ccc;
    
}

div.mntbImg input[type="image"]
{
    height:64px;
    width:64px;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

.titleStrip
{
    /*background: #f0f0f0 url('../images/bg_strip.png') top left repeat-x;*/
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
    padding: 2px 5px;
    border-bottom: 3px solid #ccc;
}

.titleStripBold
{
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}


.formTitle
{
    /*float: left;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: none;
    margin-top: 4px;
    margin-left: 5px;*/
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: none;
    margin-top: 4px;
    margin-left: 5px;
    font-family: sans-serif;
    font-weight: normal;

}

.rptFrmTitle
{
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
    padding: 2px 5px;
    border-bottom: 3px solid #ccc;
}

.toolBar
{
    text-align: right;
    margin-bottom: 10px;
}

.toolBar input[type="image"]
{
     Width:28px;
     Height:24px;
}

.caption, .cap
{
    padding: 2px; /*background-color: #ccc;*/
    background-color: #F8F8F8;
    text-align: right;
    font-size: 11px;
    width: 120px;
    color: Black;
    border: 1px solid #CCCCCC;
}


.captionCenter, .capc
{
    padding: 2px; /*background-color: #ccc;*/
    background-color: #F8F8F8;
    text-align: center;
    font-size: 11px;
    width: 120px;
    color: Black;
    border: 1px solid #CCCCCC;
}

.captionBold, .capb
{
    padding: 2px; /*background-color: #ccc;*/
    background-color: #F8F8F8;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    width: 150px;
    color: Black;
    border: 1px solid #CCCCCC;
}

.entry, .ent
{
    padding: 2px;
    background-color: #F8F8F8;
    text-align: left;
    width: 130px;
    border: 1px solid #CCCCCC;
}

.entryRight, .entr
{
    padding: 2px;
    background-color: #F8F8F8;
    text-align: right;
    font-weight:bold;
    width: 130px;
    border: 1px solid #CCCCCC;
}

.captionEntry, .ce
{
    padding: 2px;
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
}

.entryCenter, .ec
{
    padding: 2px;
    background-color: #F8F8F8;
    text-align: center;
    width: 130px;
    border: 1px solid #CCCCCC;
}

.txtReadOnly, .tro
{
    background-color: silver;
    border: 1px solid #9A9A9A;
    border-radius: 3px;
    padding: 2px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtEntry, .te
{
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px 3px;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.chkBox, cb
{
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px 3px;
    border:none;
}

.center
{
    text-align:center;
}

.txtEntryDate, .txtEntryCenter, .ted, .te

.txtEntryDate, .txtEntryCenter, .ted, .tec
{
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px 3px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#ccc;
    font-size: 11px;
    padding: 2px 3px;
    text-align: right;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtNE70
{
     border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px 3px;
    text-align: right;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:70px;
    
}

.txtNumEntryBold
{
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px;
    text-align: right;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.txtArea30
{
    height: 30px;
    border: 1px solid #ccc;
    padding: 2px 3px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtArea40
{
    height: 40px;
    border: 1px solid #ccc;
    padding: 2px 3px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtArea50
{
    height: 50px;
    border: 1px solid #ccc;
    padding: 2px 3px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtArea80
{
    height: 80px;
    border: 1px solid #ccc;
    padding: 2px 3px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.txtArea100
{
    height: 100px;
    border: 1px solid #ccc;
    padding: 2px 3px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dropDownList, .ddl
{
    border: 1px solid #ccc;
    margin: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-left:3px;
    border-radius: 3px;
    height:21px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.cblst
{
    border: 1px solid #ccc;
    margin: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-left:3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.spl {
        text-decoration: underline;
        cursor: pointer;
}

.ajaxddl
{
    vertical-align:top;
    margin:0;
    padding:0;    
    
   
}


.ajaxddl .ajax__combobox_textboxcontainer
{
   
   margin:0;
   padding:0;    
   height:28px;
}

.ajaxddl .ajax__combobox_itemlist
{
   
     
    
}

.ajaxddl .ajax__combobox_textboxcontainer input
{
    border: 1px solid #ccc;
    margin: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-left:3px;
    border-radius: 3px;
    height:20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
   
}

.ajaxddl .ajax__combobox_buttoncontainer button
{
   
   margin:0;
   padding:0; 
   
}

.sectionHeader, .sh
{
    font-weight: bold;
    text-transform: none;
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px 0 5px 5px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
}

.rowSep
{  
    border-top: 4px dashed #CC0000;
    /*
    
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
*/
}

#tblTrxv td
{
    width:50px;    
}

.entryMsg
{
    font-family: Tahoma;
    font-weight:bold;
    font-size:small;
    color: DarkGoldenrod;
}

/* Login 
----------------------------------------------------------*/
div.login-cont
{
    padding: 100px 0 190px 0;
}

div.login
{
    font-size: 12px;
    width: 320px; /*margin-top: 15%;     margin-left: 35%;     margin-right: auto;*/
    background-color: #FDFFFD; /*#333333*/
    border: 1px solid #CCCCCC;
    color: Black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 5px #888;
    -moz-box-shadow: 0 0 5px 5px #888;
    box-shadow: 0 0 5px 5px #888;
}



.loginTitle
{
    font-size: 1.5em;
    font-variant: normal;
    font-weight: bold;
    text-transform: none;
    padding: 5px 10px;
    border-bottom: 1px solid #CCCCCC;
    background: #000;
    color: #fff;
    text-align: left;
}

.loginArea
{
    margin: 0 auto;
    width: 31.5%;
    padding: 20px 0;
    text-align: left;
}

.loginEntry
{
    margin-top: 5px;
    width: 250px;
    padding: 5px 5px;
    border: 1px solid #ccc;
    background-color: #F5F5F5;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.accountInfo
{
    width: 42%;
}

.opstck
{
    border: none;
    text-decoration: underline;
    background-color: #F8F8F8;
    text-align: right;
    color: #990000;
    padding: 0;
    font-size: 12px;
}
.opstck:hover
{
    color: #CC3300;
    cursor: pointer;
}

.btn
{
    font-size: 12px; /*background-color: #B83532;*/ /*color: white; black;*/
    background-image: url('../Images/btn_bg.jpg');
    background-repeat: repeat-x;
    background-position: center;
    padding: 4px 15px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    border: 2px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration:none;
    color:Black;
}
.btn:hover
{
    border: 2px solid #999999;
    font-weight: bold;
}



/* MISC  
----------------------------------------------------------*/
.entrysection
{
    background-color: #F8F8F8;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.es
{
    background-color: White;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.mt20
{
    margin-top: 20px;
}

.mt10
{
    margin-top: 10px;
}

.mt5
{
    margin-top: 5px;
}

.m10
{
    margin: 10px;
}

.mLR10
{
    margin: 10px;
}

.m5
{
    margin: 5px;
}


.mandatory
{
    color: Red;
}

.fl{float:left;}
.flcl{float:left;clear:left;}
.flcb{float:left;clear:both;}

.fr{float:right;}
.frcr{float:right;clear:right;}
.frcb{float:right;clear:both;}

.clear
{
    clear: both;
}

.failureNotification, .fn
{
    font-size: 1em;
    color: Red;
    vertical-align: bottom;
}

.nf
{
    font-size: 1.2em;
    color: Red;
    padding: 2px 5px;
    background-color: Yellow;
    border-top: 1px solid #ccc;
}

.brd_crum
{
}
.brd_crum a
{
    font: 11px Tahoma;
    font-weight: bold;
    color: #585959;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.brd_crum a:hover
{
    color: #000;
    text-decoration: underline;
}

.divTitle
{
    font-weight: bold;
    text-transform: none;
    background: #95D0F0;
    color: black;
    border-bottom: 1px solid #95D0F0;
    padding: 5px 0 5px 5px;
}

.divfollowUp
{
    border: 1px solid #95D0F0;
    min-height: 50px;
    max-width: 300px;
}



.showBorder, .sb
{
    border: 1px solid #ccc;
}



.borderBottom
{
    border-bottom: 1px solid #ccc;
}



.marginBottom10
{
    margin-bottom: 10px;
}

.mb5
{
    margin-bottom: 5px;
}

.mb10
{
    margin-bottom: 10px;
}

.showScroll, .scrl
{
    overflow: auto;
    height: 100px;
    padding: 10px;
    background-color: #FAF0E6;
}
/* Table Data
-------------------------------------------------*/

.tableData
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tableData th
{
    padding: 4px 5px; /*background: #f0f0f0 url('../images/bg_strip.png') top left repeat-x;*/
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tableData td
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 2px 5px;
}



/* Grid
-------------------------------------------------*/
.Grid
{
    border: 1px solid #ccc;
}

.Grid tr:hover {background-color: Yellow;}

.Grid th
{
    padding: 4px 5px; /*background: #f0f0f0 url('../images/bg_strip.png') top left repeat-x;*/
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    color: Black;
    border: 1px solid #ccc;
}

.Grid td
{
    padding: 2px 5px;
    border: 1px solid #ccc;
}

.Grid td input[type="image"]
{
     Width:16px;
     Height:16px;
}

.Grid td a
{
     text-decoration:none;
     color:Blue;
}

.Grid td a:hover
{
     text-decoration:underline;
     color:Maroon;
}

.GridFooter
{
}

.GridRow
{
    background-color: White;
    color: black;
    font-family:Tahoma;
    font-size:11px;
}

.GridAltRow
{
    background-color: #F0F0F0;
    color: black;
    font-family:Tahoma;
    font-size:11px;
}

.prnt
{   
    width: 26px;
    height: 20px;
    background-position: center center;
    background-image: url('../Images/Printer.png');
    background-repeat: no-repeat;
    
}

.stkinhand{font-family:Arial; font-size:16px; font-weight:bold; text-align:left; padding-left:10px;}

/* Message Box
-------------------------------------------------*/


.msgBox
{
    margin-top: 1px; /*border: thin outset #FFFFCC;*/
    font-size: x-small;
    font-weight: bold;
    font: Tahoma;
}

.msg
{
    margin: 1px;
    padding: 5px;
    background-color: #FFFFCC; /*#FFFF00*/
    border: 1px solid #ccc;
    min-height: 40px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-box-shadow: inset -3px -3px #888;
    -webkit-box-shadow: inset -3px -3px #888;
    box-shadow: inset -3px -3px #888;
}

.msgTitle
{
    padding: 1px 2px; /*background: #C0C0C0;*/
    background-image: url('../Images/secbg.jpg');
    background-repeat: repeat-x;
    background-color: #F8F8F8;
    color: black;
    border-bottom: 1px solid #CCC;
}
.msgSuccess
{
    color: #00CC99;
    position: absolute;
    padding-left: 5px;
    padding-top: 2px;
}

.msgError
{
    color: #B42E33;
    position: absolute;
    padding-left: 5px;
    padding-top: 2px;
}

.msgInformation
{
    color: #0099CC;
    position: absolute;
    padding-left: 5px;
    padding-top: 2px;
}

.msgImage
{
    vertical-align: text-bottom;
}

/*Panel*/

.homeFollowUps
{
    width: 400px;
}


/* For Popup
---------------------------------*/
.ajx_main
{
    background-color: White;
}

.ajx_header
{
    cursor: move;
    height: 25px;
    background: url(../Images/left_nav_head.gif);
    background-repeat: repeat-x;
    background-color: #006699;
    color: White;
    font-weight: bold;
}

.ajx_row
{
    float: left;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 3px;
    border-bottom: dashed 1px #F2F2F2;
}


.modalBackground
{
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
}

.modalDiv
{
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}


.ModelUpdateProgress
{
    position: fixed !important;
    z-index: 10005;
    display: block !important;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    vertical-align: middle;
    text-align: center;
}

.ajx_close
{
    padding-top: 5px;
    height: 20px;
    background: url(../Images/left_nav_head.gif);
    background-repeat: repeat-x;
    background-color: #006699;
    color: White;
    font-weight: bold;
}


.top_bar_ajax
{
    padding-top: 5px;
    width: 98%;
    margin: 0 auto;
    background-color: #f6f6f6;
    border: 1px solid #ededed;
}

.PopUpPadding
{
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}


/* Chart Of Account
-----------------------*/

.coaTree
{
    float: left;
    width: 30%;
    border-right: 1px solid #ccc;
    padding: 0px 2px;
}

.coaForm
{
    float: left;
    width: 69.5%;
}


/* Item
-----------------------*/

.itemTree
{
    float: left;
    width: 30%;
    border-right: 1px solid #ccc;
    padding: 0px 2px;
}

.itemForm
{
    float: left;
    width: 69.5%;
}


/* Alternating Row (odd and even selector) Color */
tr.alt td
{
    background-color: #ecf6fc;
}

tr.HighlightRow
{
    background-color: Yellow;
}


/* history table
-------------------------------------------------*/

.HistoryTable
{
    border: 1px solid black;
    text-align: center;
}

.HistoryTable TR
{
    padding: 4px 5px;
    background-color: #F0F0F0;
    color: Black;
    text-align: center;
}

.HistoryTable TH
{
    padding: 4px 5px;
    background-color: black;
    color: White;
    text-align: center;
}

.HistoryTableDetail
{
    border: 1px solid black;
    text-align: center;
}

.HistoryTableDetail TR
{
    padding: 4px 5px;
    background-color: White;
    color: Black;
    text-align: center;
}

.HistoryTableDetail TH
{
    padding: 4px 5px;
    background-color: Black;
    color: White;
    text-align: center;
}

/* history table
-------------------------------------------------*/
/* Accordion */
.accordionHeader
{
    text-align:center;
    border: 1px solid #2F4F4F;
    color: Black;
    background-color: #99FF33;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.accordionHeader:hover
{
    background-color: #00FF00; /*#caf3ff;*/
}

.accordionHeader a
{
    color: Black;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    text-align:center;
    border: 1px solid #2F4F4F;
    color: Black;
    background-color: #99FF33;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.accordionHeaderSelected:hover
{
    background-color: #b4b4b4; /*#caf3ff;*/
}

.accordionHeaderSelected a
{
    color: Black;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 3px 2px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.padB10
{
    padding-bottom: 10px;
}

.padT10
{
    padding-top: 10px;
}

.pad10{padding:10px;}
.padTB10{padding:10px 0;}
.padTB5{padding:5px 0;}

.padLR10{padding:0 10px;}
.pad5{padding:5px;}

.bold
{
    font-weight: bold;
}



/*---------- Quick Search -----------*/
.waterMark{color: #C0C0C0; padding:2px 3px;}
#divQSCont{ border: 1px solid #ccc;background-color: white; padding:0 2px;  display: none;  text-align:left; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#divQSCont input[type="text"] {border:1px solid white;  padding: 0px 5px; }
#divQSCont img {}
#divQuickSearch {position:absolute;margin-top:1px; max-height:220px; z-index: 1000;  overflow: auto; background-color:White;border-left: 1px solid #D7D7D7;}
#divQuickSearch ul{list-style: none; margin: 0; border: 0; padding:0;}
#divQuickSearch ul li{border-top: 1px solid #D7D7D7; }
#divQuickSearch ul li a{ display: block; padding:1px 5px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }
#divQuickSearch ul li a:hover{background-color: #C0C0C0; color:Black;}

#div2 {position:absolute;margin-top:1px; max-height:220px; z-index: 1000;  overflow: auto; background-color:White;border-left: 1px solid #D7D7D7;}
#div2 ul{list-style: none; margin: 0; border: 0; padding:0;}
#div2 ul li{border-top: 1px solid #D7D7D7; }
#div2 ul li a{ display: block; padding:1px 5px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }
#div2 ul li a:hover{background-color: #C0C0C0; color:Black;}

#search {position:absolute;margin-top:1px; max-height:220px; z-index: 1000;  overflow: auto; background-color:White;border-left: 1px solid #D7D7D7;}
#search ul{list-style: none; margin: 0; border: 0; padding:0;}
#search ul li{border-top: 1px solid #D7D7D7; }
#search ul li a{ display: block; padding:1px 5px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }
#search ul li a:hover{background-color: #C0C0C0; color:Black;}

#divQuickSearch1 {position:absolute;margin-top:1px; max-height:220px; z-index: 1000;  overflow: auto; background-color:White;border-left: 1px solid #D7D7D7;}
#divQuickSearch1 ul{list-style: none; margin: 0; border: 0; padding:0;}
#divQuickSearch1 ul li{border-top: 1px solid #D7D7D7; }
#divQuickSearch1 ul li a{ display: block; padding:1px 5px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }
#divQuickSearch1 ul li a:hover{background-color: #C0C0C0; color:Black;}

#searchLookUp {position:absolute;margin-top:1px; max-height:220px; z-index: 1000;  overflow: auto; background-color:White;border-left: 1px solid #D7D7D7;width:13%;margin-left:609px;}
#searchLookUp ul{list-style: none; margin: 0; border: 0; padding:0;}

#searchLookUp ul li a{ display: block; padding:1px 5px; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }
#searchLookUp ul li a:hover{background-color: #C0C0C0; color:Black;}

#searchText {display: block;text-align: left;}
/*End */