/* DEFAULTS
----------------------------------------------------------*/

body   
{
background: white; /*#4E565A; /*#b6b7bc;*/
font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px; /*20px;*/
padding: 0px;
color: #696969;
width: auto;
}

a:link, a:visited
{
color: #034af3;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a:active
{
color: #034af3;
}

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


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

h1, h2, h3, h4, h5
{
font-size: 1.5em;
color: #4E565A;/*#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: 24px;
color: Black;
font-weight: 600;
text-align: left;
}

h3
{
font-size: 2em;
font-weight: 600;
}

h4
{
font-size: 1.1em;
}

h5
{
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: 100%; /*1000px;*/
background-color: #fff;
/*border: 1px solid #496077;*/
margin-bottom: 25px;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background: white;
width: 100%;
}

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

.main
{
padding: 0px 0px;
margin: 10px 0px 0px 0px;
/*min-height: 520px;*/
}

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

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

div.hideSkiplink
{
background-color: black; /*#303459; /*#b6b7bc; /*#B5C155;*/
/*opacity:0.95;*/
margin:0px; /*past 20px*/
/*border-radius: 20px;*/
text-align: center;
clear:both;

background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,185,232,1) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}

.hr
{
height: 25px;
background-color: black; /*#303459; /*#b6b7bc;*/
/*opacity:0.95;*/
border: none;
/*border-radius: 20px;*/
margin: 0px; /*past margin 10px*/
text-align: center;
clear: both;

background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,185,232,1) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}

div.hideSkiplink li:last-child
{
border-right: none;
z-index: 100;
}

div.menu
{
padding: 4px 0px 4px 8px;
margin-left: 50px;
margin-right: 50px;
z-index: 10000;
}

.menu a
{
    display: block;
    width: 100%;
}

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

div.menu li
{
border-right: 1px white solid;
}

div.menu ul li a, div.menu ul li a:visited
{
background-color: black; /*#303459; /*#b6b7bc; /*#F4F0E1; /*#F4F0E1;;*/
color: white;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
width: 120px;
text-align: center;
border: 1px solid rgb(74,133,190); /*darkblue;*/
/*border-radius: 20px;*/

background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,185,232,1) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}


div.menu ul li a:hover
{
background-color: #666666; /*#8CB7DB;*/
color: white;
text-decoration: underline;
}

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;
}

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;
}

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

div.accountInfo
{
width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
clear: both;
}

.title
{
display: block;
float: left;
text-align: left;
width: auto;
margin-top: 10px; /*past 20px*/
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding-top: 15px;
padding-right: 20px;
color: #4E565A; /*#303459; /*#b6b7bc;*/
}

.loginDisplay a:link
{
color: #303459;
}

.loginDisplay a:visited
{
color: #303459;
}

.loginDisplay a:hover
{
color: #303459;
}

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

.bold
{
font-weight: bold;
}

.submitButton
{
text-align: right;
padding-right: 10px;
}

.welcome
{
display: inline;
float: left;
margin: 0px auto;
margin-top: 100px;
text-align: center;
width: 100%;
}

.LoginUser
{
margin-left: 50px;
}

.reporttable
{
margin: 20px auto;
text-align: center;
font-size: 18px;
width: 100%;
/*border: 1.5px solid #4E565A;
border-radius: 20px;*/
}

.reporttable td
{
height: 40px;
}

.ReportViewer
{
margin-left: 20px;
}

.ReportsText
{
color: #4E565A; /*#303459; /*#b6b7bc;*/
}

.mGrid 
{   
width: 100%;   
background-color: #fff;   
margin: 5px 0 10px 0;   
border: solid 1px #525252;   
border-collapse:collapse;   
}  

.mGrid td 
{   
padding: 2px;   
border: solid 1px #c1c1c1;   
color: #717171;   
}  

.mGrid th 
{   
padding: 4px 2px;   
color: #fff;   
background: #4E565A; /*#8DB9DB;*/
border-left: solid 1px #c1c1c1;  
font-size: 0.9em;   
}  

.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  

.mGrid .pgr td 
{   
border-width: 0;   
padding: 0 6px;   
border-left: solid 1px #666;   
font-weight: bold;   
color: #fff;   
line-height: 12px;   
}     

.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  

.dView tr
{
background-color: #424242;
}

.dGrid {   
padding: 4px 2px;   
color: #fff;   
background: #5D7B9D; /*#4E565A; /*#8DB9DB;*/
border: solid 1px #c1c1c1;  
font-size: small;   
}  

.i1
{
width: 1060px;
height: 550px;
}

#CompanyGridView1
{
margin: 0px auto;
text-align: center;
}

.marginleft20
{
margin-left: 20px;
}

.companylabel
{
margin-bottom: 10px;
}

.Important 
{ 
font-size: medium;
color: maroon;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.UnlockLabel1
{
color:Red;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}

.manageusersstyle2
{
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
}

.BackToReportsLinkButton
{
text-align: left;
font-size: 16px;
}

.bkgray
{
background-color: #4E565A; /*#8BB8DA; /*#4E565A;*/
color: white;
font-weight: bold;
border-radius: 20px;
}

.UsersRoleList
{
font-size: 14px;
}

.mustyle1
{
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
}

.margintop30
{
margin-top: 30px;
}

.ReportViewer1
{
width: 100%;
display: table;
height: 1000px;
margin: 0px auto;
border: 0px;
}

.ReportViewer1 td
{
border: 0px;
}

.ReportViewer1 th
{
border: 0px;
}

.reportviewerdiv
{
height: 100%;
width: inherit;
text-align: left;
margin: 0px auto;
}

.reportviewertable
{
width: 100%;
margin: 0px auto;
text-align: center;
}

.reportviewertable td
{
text-align: center;
margin: 0px auto;
}

.companypayeesgridview
{
margin-left: 0px;
width: 100%;
height: 32px;
text-align: center;
}

.cpgv1
{
display: block;
position: relative;
float: left;
width: 480px;
height: 411px;
min-height: 350px;
min-width: 450px;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid silver;
}

.cpgv1 td
{
width: 480px;
}

.cpgv2
{
display: block;
position: relative;
float: left;
width: 480px;
height: 500px;
min-height: 500px;
min-width: 480px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

.cpgv2 td
{
width: 480px;
}

.cpimage
{
width: 50px;
margin: 0px auto;
text-align: center;
}

.center
{
text-align: center;
margin: 0px auto;
}

.createuserbutton
{
margin-left: 215px;
}

#siteseal
{
margin: 20px;
margin-bottom: 15px !important;
float: right;
}

.tablestyle1
{
float: right;
}

.width100
{
width: 100%; 
padding-right: 20px;  
}

.marginleft20
{
margin-left: 20px   
}

/*Company Payee's Tables Styles*/
.style1
{
width: auto;
margin: 0px auto;
}
.style1 tr
{
width: auto;
}
.style2
{
width: 449px;
}
.style3
{
width: 161px;
text-align: center;
}
.style4
{
width: 449px;
height: 418px;
}
.style5
{
width: 161px;
text-align: center;
height: 418px;
vertical-align: top;
}
.style6
{
height: 418px;
vertical-align: middle;
}
.style7
{
vertical-align: middle;
}
.tablecellbottom
{
vertical-align: bottom;   
}
/*******************************/

.margintop10
{
margin-top:10px;
}

.cpgv1
{
text-align: center;
background-color: #F7F6F3;
top: 0px;
left: 0px;
}

.marginlr20
{
margin-left: 20px;
margin-right: 20px;
}

.ssstyle1
{
width: 100%;
}

.ssline
{
height: 22px;
}

.sstable2
{
width: 339px;
}

.sstable2
{
width: 397px;
}

.sstable2
{
width: 648px;
}

l;
font-size: 14px;
font-weight: bold;
}

.savesuccesslabel
{
font-size: large;
margin-left: 2px;
font-weight: 700;
color: #800000;
}

.spaceafterplus
{
width: 6px;   
}

.ssvalidation
{
color: #800000;
}

.ssstyle9
{
width: 100px;
}

.appheader
{
display: block;
left: 33.5%;
position: absolute;
top: 0;
padding-top: 40px;
color: #4E565A;
font-family: Verdana;
font-size: 18px;
font-weight: normal;
font-variant: small-caps;
width: 400px;
margin: 0px auto;
text-align: center;
}

.appheader2
{
display: block;
color: #4E565A;
font-family: Verdana;
font-size: 18px;
font-weight: bold;
margin: 0px auto;
font-variant: small-caps;
text-align: center;
width: 400px;
}

.hidden
{
display: none;
}

.batchstyle8
{
width: 8px;
}

.batchstyle9
{
width: 69px;
}

.batchstyle10
{
color: #FF0000;
}

/*.sstable1
{
background-color: #D

/*.sstable1
{
background-color: #DEE8F5; /*#F7F6F3; /*#F4F0E1;*/
/*width: 1000px;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver; /*0px none silver;*/
/*font-family: Verdana;
font-size: 16px;
color: Black;
}*/

.sstablebottom
{
background-color: #DEE8F5; /*rgb(74,133,190); /*#DEE8F5;*/
border-bottom: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-top: 1px solid silver; /*0px none silver;*/
font-family: Verdana;
font-size: 16px;
color: black; /*white; /*Black;*/
}

5; /*#F7F6F3; /*#F4F0E1;*/
border: 1px solid silver;
font-family: Verdana;
font-size: 16px;
color: Black;
}

.floatleft
{
float:left;
}

.btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 5px 10px 5px 10px;
text-decoration: none;
}

.btnsq {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 5px 10px 5px 10px;
text-decoration: none;
}

/*.btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}*/

.maintgrid
{
background-color: #DEE8F5;
}

.uploader
{
/*border: 1px solid silver;*/
width: 600px;
padding: 10px;
}

/*Setup Page Styles*/

.spstyle8
{
width: 187px;
}
.spstyle10
{
width: 102px;
}
.spstyle12
{
width: 103px;
}
.spstyle13
{
width: 105px;
}
.spstyle15
{
width: 227px;
}
.spstyle19
{
width: 54px;
}
.spstyle21
{
width: 181px;
height: 24px;
}
.spstyle22
{
width: 227px;
height: 24px;
}
.spstyle23
{
width: 54px;
height: 24px;
}
.spstyle24
{
width: 269px;
height: 24px;
}
.spstyle25
{
height: 24px;
}
.spstyle26
{
width: 6px;
height: 24px;
}
.spstyle27
{
width: 100px;
height: 24px;
}
.spstyle28
{
}
.spstyle30
{
width: 269px;
}
.spstyle31
{
width: 166px;
}
        
/********************/
        
/*Batch Page Styles*/
       
.stylebp8
{
width: 98px;
}
 
.bpstyle9
{
width: 207px;
}
.bpstyle10
{
width: 155px;
}
.bpstyle12
{
width: 272px;
}
.bpstyle13
{
width: 34px;
}
.bpstyle15
{
width: 179px;
}
.bpstyle16
{
width: 185px;
}
        
/********************/

.reportgridview
{
font-size: large;
font-family: Verdana;
border: 0px;    
width: 325px;
text-align: center;
margin-top: 30px;
margin-left: 10px;
}

.reportgridview td
{
font-size: large;
font-family: Verdana;
border: 0px;  
height: 40px;  
padding: 2px;
}

.uploadtextbox
{
width: 500px;
}

#myfile
{
height: 22px;
width: 583px;
}
        
.ImageUploader
{
display: none;
}

.footer 
{
Position: fixed;
top:auto;
bottom:0;
width:100%;
height:20px;   /* Height of the footer */
background: lightgray;
text-align:center;
}

.style8
{
width: 143px;
}

.sfdiv
{
border-radius: 10px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
display: table;
border-top-color: rgb(74,133,190); /*#476589; /*#5D7B9D;*/
border-top-width: 3px;
border-top-style: solid;
border-bottom-color: #e0e0e0;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.sfdivreports
{
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
border-radius: 10px;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
border-top-color: rgb(74,133,190); /*#476589; /*#5D7B9D;*/
border-top-width: 3px;
border-top-style: solid;
border-bottom-color: #e0e0e0;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.sfdivwhite
{
clear:both;
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
border-radius: 10px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-top-color: rgb(74,133,190); /*#476589; /*#5D7B9D;*/
border-top-width: 3px;
border-top-style: solid;
border-bottom-color: #e0e0e0;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.sfwidth100
{
width: 100%; 
padding: 20px;  
}

.sflabel1
{
font-family: Arial;
font-size: 16px;
font-weight: 500;
color: Black;
}

.sferror
{
font-weight: 700; 
font-size: medium; 
color: #800000;
}

.sfHeader
{
color: #000000;
font-size: medium;
font-weight: 700;
font-family: Arial;    
}
.sfEditRowStyle 
{
background: #999999;
}

.sfFooterStyle 
{
background: #5D7B9D;
color: white;
font-weight: bold;
}

.sfHeaderStyle
{
background: #f2f2f2;
font-weight: normal;
font-family: Arial;
color: black;
text-align: left;
}

.sfHeaderStyle th
{
border: 1px solid #E5E5E5;
}

.sfPagerStyle
{
background: #f8f8f8;
color: #000000;
font-weight: bold;
font-size: medium;
border: 1px solid #E5E5E5;
} 

.sfRowStyle
{
text-align:left;
background: white;
color: #333333;
}

.sfRowStyle td
{
border: 1px solid #F5F5F5;
padding: 5px;
}

.sfSelectedRowStyle
{
font-weight: bold;
background: #f0f0f0;
}

.sfSortedAscendingCellStyle
{
background: #e9e7e2
}

.sfSortedAscendingHeaderStyle 
{
background: #506C8C;
text-align: left;
}
 
.sfSortedDescendingCellStyle 
{
background: #FFFDF8;
}
            
.sfSortedDescendingHeaderStyle 
{
background: #6F8DAE;
}

.sfbtn
{
border-radius: 5px;
color: #333333;
font-weight: 600;
font-family: Arial;
font-size: 11px;
height: 20px;
}

.sflinkbutton1
{
 padding-left: 5px;
 padding-right: 5px;
 border-right: 1px solid #f0f0f0;  
}

#reportViewer_ctl09 {
  overflow:visible !important;
 }

.welcome
{
    margin: auto 0;
    font-size: 26px;
    margin-top: 100px;
} 

.pager
{
 color: white;
}

.verticalaligntop
{
vertical-align: top;
}