/* DEFAULTS
----------------------------------------------------------*/
html
{
    overflow:auto;
}

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    width:100%;
    height:100%;
}

a:link, a:visited
{
    color: #034af3;
}

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

a:active
{
    color: #034af3;
}

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

a  
{
    text-decoration:none;
}

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

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    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   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
	z-index:998;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    top:12px;
    position:relative;
    padding: 0px 12px;
    margin: 0px 8px 8px 8px;
    min-height: 420px;
    z-index:0;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

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

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    width:360px;
}

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

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
    
}

fieldset label.inline 
{
    display: inline;
}

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

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/
.loginUser
{
    position:relative;
    width:100%;
}

.loginusername
{
    position:relative;  
    width:49%; 
    margin-left:1%;
}

.loginuserpermision
{
    position:relative;
    width:49%; 
    bottom:17px; 
    left:50%; 
    text-align:right; 
    margin-right:1%;
}

.clear
{
    clear: both;
}

.title
{
    position:relative;
    width: 100%;
    height:60px;
}

.loginDisplay
{
    position:relative;
    font-size: 1.1em;
    color:White;
    left:50%;
    bottom:50px;
    width: 50%;
    height:60px;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    position:relative;
    font-size: 1.2em;
    color: Red;
}

.failureNotificationew
{
    position:relative;
    font-size: 1.2em;
    color:Red;
    height:20px;
    width:300px;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    width:388px;
    position:relative;
    text-align:right;
    height:55px;
    margin-top:10px;
}

/*------------------ID----------------------*/

/*Grids*/
#Up_gridview
{
     position:relative;
     width:920px;
     max-height:263px;
     overflow-y:scroll;
	 overflow-x:hidden;
     z-index:0;  
}

#ImFs_gridview
{
     position:relative;
     width:920px;
     max-height:403px;
     overflow-y:scroll;
	 overflow-x:hidden;
     z-index:0;  
}

#Fs_gridview
{
     position:relative;
     width:920px;
     max-height:353px;
     z-index:0;  
     overflow-y:scroll;
	 overflow-x:hidden;
}

#Pr_gridview
{
     position:relative;
     width:920px;
     max-height:363px;
     overflow-y:scroll;
	 overflow-x:hidden;
     z-index:0;  
}

#Lg_gridview
{
     position:relative;
     width:920px;
     max-height:340px;
     overflow-y:scroll;
	 overflow-x:hidden;
     z-index:0;  
}
/*Grids*/

#EdOnactivex
{
   position:relative; 
   width:920px; 
   height:424px;
   overflow:auto;
   z-index:0;
}

#actobject
{
    position:relative;
    width:920px; 
    height:384px;
    z-index:0;
}

#importfiles
{
 position:relative;
 width:100%;
 border:1px solid #c0c0c0;  
 height:45px;    
 margin-bottom:12px;
}

#Uploadbody
{
    width:320px; 
    height:220px; 
    padding-top:10px;
    background-color:#B6B7BC; 
    text-align:center;  
}

#Uploadpage
{ 
    position:relative;
    width:300px; 
    height:200px; 
    margin:auto auto auto auto;
    background-color:White; 
    text-align:center; 
    border:1px solid black;
}

#UpHead
{
    position:relative; 
    font-variant: small-caps;
    width:100%; 
    background: #4b6c9e; 
    color:White; 
    height:30px; 
    font-size:18px;
}

#dvFileInfo
{
    display: none;
} 

#dvFileErrorInfo
{
    display: none;
}

#clientDrlist
{
    position:relative; 
    bottom:70px;
    width:300px;
    padding-left:10px;
}

#loginclientinfo
{
    height:60px;
    position:relative; 
    width:46%;
    margin-right:4%;
    left:50%;
    text-align:right;
}

#languages
{
    height:60px;
    position:relative; 
    width:50%; 
    bottom:60px;
    text-align:right;
}

#innerheader
{
    width: 960px; 
    height:60px;
}

#innerTitle
{
    position:relative; 
    width:100%; 
    height:60px;  
    bottom:50px; 
    left:85px;
}

#ProgressBar
{
    position:relative;  
    width:100%; 
    height:20px; 
    text-align:right; 
}

#IemessageTitle
{
    position:relative; 
    background-color:#4B6C9E; 
    color:White; 
    width:97%;  
    font-variant:small-caps; 
    font-size:18px;  
    padding-left:3%;
}

#IemessageContainer
{
    font-size:16px;
    color: #666666;
    font-variant:small-caps; 
    margin:10px;
}

#IemessageLabel
{
    position:relative;  
    font-style:italic; 
    width:100%; 
    text-align:center; 
    margin-top:20px;
}

/*------------------CLASS----------------------*/

.h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    font-variant: small-caps;
}

.titleImg
{
    position:relative; 
    width:90px;
    height:50px;
    top:5px
}

.Status
{
    position:relative;
    height:30px; 
    width:24%;
    margin-top:12px;
    padding-left:1%;
}

.importyear
{
    position:relative; 
    height:30px; 
    width:25%; 
    bottom:30px;
    left:25%;
        
}

.importmonth
{
    position:relative; 
    height:30px; 
    width:25%; 
    bottom:60px; 
    left:50%; 
    text-align:right; 
} 

.PrintReport
{
     position:relative; 
     width:25%; 
     height:30px;  
     bottom:90px; 
     left:74%;
     text-align:right;
     padding-right:1%;
}

.importfilescommands
{
 position:relative;
 width:100%;
 height:28px;    
 margin:10px 0px 0px 0px;
}

.Actxfilescommands
{
 position:relative;
 width:100%;
 height:34px;
}

.process
{
    height:26px;
    position:relative;  
    width:35%;
}

.content
{
     position:relative; 
     width:30%;  
     height:26px; 
     left:35%; 
     bottom:26px;  
     text-align:center;
}

.submit
{
    position:relative;
    width:35%;
    height:26px; 
    bottom:52px; 
    left:65%; 
    text-align:right; 
}

.showhidetoolbar
{
    position:relative;
    width:50%; 
    bottom:24px; 
    left:50%; 
    text-align:right;
}

.zindex
{
    position:relative;
    z-index:0;   
     overflow:hidden;
}

table, tr, td, th
{
    border:1px solid #c0c0c0;  
    margin:1px 1px 1px 1px;
    padding:1px 1px 1px 1px;
}

.ButtonSpacer
{
    position:relative;
    margin-top:9px;
}

.ButtonSpacerL
{
    position:relative;
    margin-left:4px;
    margin-top:9px;
}

.ButtonSpacerC
{
    position:relative;
    margin-left:10px;
    margin-right:10px;
    margin-top:9px;
}
  
.EditOnlineButtons
{
    position:relative;
    margin-right:20px;
}

.IemessagePanel
{ 
    position:relative;
    background: white;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    border:solid 2px #666666;
    z-index:999;
}

.Grigheader
{
     position:relative;
     width:919px; 
     height:37px;
     border:1px solid #c0c0c0;
}
 
 .Grigheader_el
 {
     position:absolute; 
     border-right:1px solid #c0c0c0;
     text-align:center; 
     font-weight:bold;
     height:37px;
 }
 
 .PageContent
 {
    position:relative; 
    width:100%; 
    height:30px;  
    margin-bottom:12px; 
    font-size:16px; 
    font-weight:700; 
    color:white; 
    background-image:url('../Images/TitleBgd.png');
 }
 
 .PgConLabel
 {
    position:relative; 
    margin-left:14px; 
    top:5px;
 }
 
 .GrigBorder
 {
    border-bottom:1px solid #c0c0c0;
 }

.hidden
{
     display: none;
}

.marginTop10px
{
    position:relative;
    margin-top:10px;
    height:17px; 
}

.marginTop15px
{
    position:relative;
    margin-top:15px; 
}
 
.marginTop5px
{
    position:relative;
    margin-top:9px; 
    height:17px; 
}

.marginRight5px
{
    position:relative;
    margin-right:5px; 
}
 
 .ItemGrid
 {
     position:relative;
     height:335px;
     overflow:auto;
 }
 
  .ItemOvsGrid
 {
     position:relative;
     height:325px;
 } 
 
 .RepGrid
 {
     position:relative;
     height:352px;
     overflow:auto;
 }
 
 .transactionGrid
 {
     position:relative;
     max-height:128px;
     border:1px solid #c0c0c0; 
     overflow:auto; 
 }

.autocomplete_completionListElement
{
    margin:0px!important;
    background-color:White;
    color:windowtext;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    cursor:pointer;
    overflow-y:scroll;
    overflow-x:hidden;
    height:200px ;
    text-align:left;
    list-style-type:none;
    z-index :1000; 
    }

.autocomplete_highlightedListItem
   { 
    position:relative;
    right:30px;
    background-color:#ffff99;
    color:black;
    padding:1px;
    }


.autocomplete_listItem
    {
    position:relative;
    right:10px;
    background-color:window ;
    color:windowtext ;
    padding:1px ;
   }
   
 .ajax__calendar_container 
 {
       z-index : 1000;
 }