/*--------------------FONTS S--------------------*/
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../resources/fonts/DroidSans-webfont.eot');
    src: url('../resources/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/DroidSans-webfont.woff') format('woff'),
         url('../resources/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../resources/fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../resources/fonts/DroidSans-Bold-webfont.eot');
    src: url('../resources/fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../resources/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../resources/fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--------------------FONTS E--------------------*/

/*-------------------PRIMARY S-------------------*/
form
{
    margin: auto;
}

.page
{
    /*background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;*/
	/*width: 100%;*/
	height: 100%;
	margin: auto;
	position: relative;
}

.main
{
    text-align: left; 
    float: left; 
    width: 100%;
    padding: 0px;
    height: auto;
    min-height: 730px;
    padding-left: 220px;
    padding-top: 40px;
    transition: 0.2s;
}

    .main.move {
        padding-left: 55px;
    }

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

.footer
{   
    clear: both;
    color: #4e5766;
    float:right;
    height: 25px;
    width: 1000px;
    margin-top: 20px;
    border-top: 1px solid #7ab317;
}
/*-------------------PRIMARY E-------------------*/

/*-------------------DEFAULTS S-------------------*/
table
{
   border-collapse:collapse;
}
html, body {
	height: 100%;
	font-size: 12px;
 }

body {
	margin: 0px;
	padding: 0px;
	font-family: Montserrat;
    background: #FFF;
	color: #003139;
	font-size: 12px;
	/*line-height: 1.5;
	width: 100%;*/
 }

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

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

a:active
{
    color: #000;
	text-decoration: none;
}

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

#boxContainer
{
    background: #ebebeb;
	width:400px;
	padding: 0px 0px 20px 20px;
	border: 1px solid grey;
	margin-top: 0px;
	margin-left: 0px;
}

#boxContainer h2
{
    padding-bottom:10px;
    
}

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

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

h1
{
    font-size: 2em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #0d6759;
    font-variant:normal;

     margin-top: 10px !important;
     margin-bottom: 0 !important;
}

.requiredHeaderLabels
{
    color:White;
}

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
}            
#theprogress {
    background-color: #fff;
    /*border:1px solid #ccc;
    padding:10px
    width: 300px;
    height: 30px;
    line-height:30px;*/
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#modalprogress {
    position: fixed;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -80px;
    color: #7ab317;
    font-weight:bold;
    font-size:14px;
}

/*Check Book List,Payee Type Maintenance, Check list and Print Preview*/
#checkBook,
#payeeType,
#printPreview,
#checkList
{
    padding-bottom: 15px;
}

h2
{
    font-size: 2em;
    font-weight: 600;
    text-align: left;
    margin-top: 15px;
    color: #003139;
    font-variant:normal;
    margin-top: 15px !important;
}

h3
{
    font-size: 1.2em;
    margin-top: 3px !important;
}

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

#menuLabel
{
 /*   background: url(menu.png) left center no-repeat; */
}
/*-------------------HEADINGS E-------------------*/

/*--------------------HEADER S--------------------*/
/*Header-General*/
.header
{
    /*margin-bottom: 0px;
    padding: 0px;
    background: transparent;
    width: 1200px;
    height: 110px;
    border-bottom: 3px solid #7ab317;*/
    
    margin-bottom: 0px;
    padding: 0px;
    background: transparent;
    height: 100px;
}

.header h1 
{
    font-family: Montserrat;
	font-weight: bold;
	color: #3579DC;
    margin: 0px;
    padding: 0px 0px 0px 30px;
    border: none;
    line-height: 0em;
    font-size: 1.7em;
    font-variant:normal;
}

.header h2
{
    font-family: Montserrat;
	font-weight: bold;
	color: #00A3FE;
    margin-left: 120px;
    padding: 0px 0px 0px 30px;
    border: none;
    line-height: 0em;
    font-size: 1.2em;
    font-variant:normal;
}

/*Header-AP*/
.headerAP
{

    height: 40px;
    background: #003139;
}

#titleAP
{
    color: #60C659;
    font-weight: bold;
    float: left;
    padding-top: 10px;
    padding-left: 30px;
}


#companyName
{
    /*color: #60C659;
    font-weight: bold;
    float: right;
    padding-top: 30px;
    padding-left: 10px;*/
    
    color: #003139;
    font-weight: lighter;
    font: -webkit-small-control;
    float: right;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    font-size: 23px;
    margin-bottom: -30px;
    margin-left: 110px;
}

.top-right-nav:hover > ul 
{
    position:absolute;
    display: block;

}

#loginDisplay
{
    font-size: 12px;
    float: right;
    padding-right: 5px;
    width: auto;
    display: inline-block;
}

#welcome
{
    padding-top: 10px;
    margin-right: 10px;
    color: #60C659;
    height: 20px;
    display: inline-block;
}

div.loginDisplayLink
{
    padding: 10px;
    background: none;
    width: auto;
    display: inline-block;
    
}

div.loginDisplayLink a:link, div.loginDisplayLink  a:visited
{
    color: #FFF;
}

div.loginDisplayLink :hover
{
   opacity: 0.80;
   filter: alpha(opacity=100);
}

/*Header-Company*/

.headerCompany
{
}

#logo
{
    /*width: auto;
    height: auto;
    margin-left: 25px;
    margin-top: 20px;
    float: left;*/
    
    width: auto;
    height: auto;
    margin-left: 25px;
    margin-top: 10px;
    float: left;
}

/*Menu*/

div.hideSkiplink
{
    float: left; 
    margin-top: 50px; 
    margin-left: -8px; 
    position: absolute; 
    width: 200px; 
    text-align: center;
}

div.menu
{   
    padding: 1px 0px 4px 0px;
    width: 200px;
}

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

div.menu ul li a.level1
{
    background-color: #003139;
    background: url(downarrow.png) left center no-repeat;
    border: 0px #7ab317 solid;
    color: #000;
    display: block;
    font-family: Montserrat ;
	font-size: 12px;
    line-height: 1.35em;
    padding-left: 22px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-decoration: none;
	text-align: left;
    white-space: nowrap;
		
}

div.menu ul li a.level1:hover
{
    background: #01404a;
     
}

div.menu ul li a.level2
{
    /*background: #7ab317;
    border-left: 0px #589919 solid;
    border-right: 0px #589919 solid;
    border-bottom: 0px #589919 solid;*/
    color: #003139;
    display: block;
    font-family: Montserrat;
    line-height: 1.35em;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
	text-align: left;
    white-space: nowrap;	
}

div.menu ul li a.level1:hover
{    
    
}

div.menu ul li a.level2:hover
{
    /*background: #589919;*/
}


div.menu ul li a.level2:active
{
    color: #54632C;
    text-decoration: none;
}

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

@media screen and (max-width: 1024px) {
    .accountHeader {
        padding-left: 0 !important;
    }
}

.upper-right-div {
    margin-right: 10px;
    width: 30%;
    display: inline-block;
}

.lblUser
{
    
     padding-top: 3px;
    float: right;
    padding-right: 1px;
    width: auto;
    display: inline-block;
    color: White;
    margin-right: 1px;
    font-style:italic;
    font-weight: bold;
}


.upper-right-menu,.upper-right-menu2 {
    font-family: inherit;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
           
}
.upper-right-menu li {
display: block;
position: relative;
}

.li-menu2 ul { 
    display: none; 
}

.upper-right-menu .li-menu2  {
display: block;
text-decoration: none;
color: #FFF;
          
/* padding: 5px 15px 5px 15px; */
background: #003139;
margin-left: 1px;
           
}
        
.li-menu2:hover > .upper-right-menu2 { 
    display: block; 
}

.li-menu2:hover li { 
    float: none;
    display: block;
}

.upper-right-menu .li-menu2 > li
{
    display: block;
}

.upper-right-menu .li-menu2 > li a
{
    display: block;
}
        
.upper-right-menu2
{
    background-color: #7ab317;
    display: block;
    padding: 10px;
    width: inherit;
    margin: -15px;
    margin-top: 10px;
        
       
}
.upper-right-menu2 li a
{
    background-color: #7ab317;
    display: block;
    color: #003139;
         
       
}
.dropdown-menu2
{
    margin: 12px 0 0;   
}
        
        
       
        
        
        
        
		
		

/* [END][ADD] h2_jpbersonda || 04-19-16 */

/*--------------------HEADER E--------------------*/

/*-----------------PROCESS FLOW S-----------------*/

h2#welcomeAP
{
    font-size: 2em;
    font-weight: 600;
    text-align: left;
    margin-top: 15px;
    color: #003139;
    font-variant:normal;
    padding-left: 20px;
}

#MainContent_panelProcessFlow
{
    padding-left: 40px;
    min-height: 347px;
}

.btnProcessFlow_Main
{
    height: 100px;
    width: 100px;
    border-width:0px;
    border-color: grey;
    background-color: #ebebeb;
    font-weight: bolder;
    border-style: solid;
    color: #003139;
    
}

.btnProcessFlow_Sub
{
    height: 90px;
    width: 90px;
    border-width: 0px;
    border-color: grey;
    background-color: #ebebeb;
    font-weight: bolder;
    border-style: solid;
    color:#003139;
    
}

.btnProcessFlow_Sub:hover
{
    background-color: #0d6759;
    color: #FFF;
}

.btnProcessFlow_Main:hover
{
    background-color: #003139;
    color: #FFF;
}

.arrows
{
    padding-top: 5px;
    width: 100%;
    height: 100%;
}

#MainContent_btnPrintPV, #MainContent_btnPrintCV
{
    margin-left: 35px;
    
}

/*-----------------PROCESS FLOW E-----------------*/

/*--------------------LOGIN S--------------------*/
 
#loginBody
{
    background: #FAFAFA;
}
  
#loginContainer
{
    width: 303px;
    margin: 100px auto;
 }
 
 #loginLogoImg
{
    padding-left: 8px;
    padding-top: 20px;  
    padding-bottom: 5px;
    height: 100px;
    width: 235px; 
}

#loginLogo
{
    float: left;
    
}

#titleAPS
{
    margin-top: 10px;
}

#formLogIn
{
    height: auto;
    width: 275px;
    margin: 0px;
	padding: 15px;
	border-radius: 3px;
	    -moz-border-radius: 3px;  
        -webkit-border-radius: 3px;
	border: 1px solid #0d6759;
	box-shadow: 0 0 10px #000;
	    -moz-box-shadow: 0 0 10px #000;
	    -webkit-box-shadow: 0 0 10px #000;
	position: absolute;
	background: #FFF;   
}

#formLogIn span
{
    /*padding-bottom: 10px !important;
    padding-right: 10px !important;
    border-bottom: 1px solid #7ab317 !important;
    text-align: center !important;
    color: #003139 !important;
    font-size: 15 !important;
    font-weight: bold !important;*/
    color: #000;
    font-size: 12px;
    /*position: relative;
    top: -20px;
    left: -120px;*/
}

#formLogIn div h3
{   
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #7ab317;
    text-align: center;
    color: #003139;
    font-size:15;
    font-weight:bold;
}

#LoginUser table tbody tr:first-child td
{   
    padding: 15px 0px;
    font-size: 15px;
    color: #003139;
    font-family: Montserrat;
    font-weight: bold;
    text-align: left;
}

#LoginUser table tbody tr:nth-child(3) td
{
    padding-bottom: 10px;
}

#LoginUser table tbody tr:nth-child(2) td,
#LoginUser table tbody tr:nth-child(3) td,
#LoginUser table tbody tr:nth-child(4) td,
#LoginUser table tbody tr:nth-child(5) td
{   
    padding-left: 35px;
    font-size: 14px;
    color: #003139;
    text-align: left;
}

#LoginUser table tbody tr:nth-child(3) td input,
#LoginUser table tbody tr:nth-child(5) td input
{
    height: 25px;
    width: 200px;
    padding-left: 5px;
}

#LoginUser table tbody tr:nth-child(3) td input:hover,
#LoginUser table tbody tr:nth-child(5) td input:hover
{
    border: 1px solid #CCC;
    height: 25px;
    width: 200px;
}

#LoginUser table tbody tr:nth-child(6) td
{
    /*padding-top: 10px;
    padding-left: 30px;*/
    font-size: 12px;
    color: #0d6759;
}

#LoginUser table tbody tr:nth-child(7) td
{
    padding: 20px 5px; 
    font-size: 12px;
    color: #666666;  
}

#LoginUser table tbody tr:nth-child(7) td input,
#LoginUser table tbody tr:nth-child(8) td input
{
    font-family: Montserrat;
    color: #fff;
    padding: 3px 15px;
    border: 1px solid #0d6759;
    border-radius: 3px;
        -moz-border-radius: 3px;  
        -webkit-border-radius: 3px;
    background: #003139;
    box-shadow: 0 0 5px #666;
        -moz-box-shadow: 0 0 5px #666;
	    -webkit-box-shadow: 0 0 5px #666;
    cursor: pointer;
}

#LoginUser table tbody tr:nth-child(7) td input:hover,
#LoginUser table tbody tr:nth-child(8) td input:hover
{
    box-shadow: inset 0 0 5px #0d6759;
        -moz-box-shadow: inset 0 0 5px #0d6759;
	    -webkit-box-shadow: 0 0 5px #0d6759;
}

#LoginUser_RememberMe
{
    cursor: pointer;
    padding-left: 30px;
}
/*--------------------LOGIN E--------------------*/

/*------------------ELEMENTS S------------------*/
/*[START][ADD] <H2_jtaruc || 10-06-15 || Edited style format for buttons*/
.voucher_button
{
	font-size: 12px;
    background: #5e783e;
    color: #FFF;
    cursor: pointer;
    font-family: Montserrat;
    padding: 0 15px;
    height: 30px;
    border: hidden;
    /*border: 1px #7AB317 solid;
    border-radius: 3px;*/
}



.voucher_button:hover:enabled
{
	background: #003139;
    color: #60C659;
 }
 /*[END][ADD] <H2_jtaruc || 10-06-15 || Edited style format for buttons*/
 

 
/*------------------ELEMENTS E------------------*/

/*--------------VOUCHER GRIDVIEW S--------------*/
.voucher_gridview
{
    margin-top: 5px;
    width: 100%;
}

    .voucher_gridview > tbody > tr > td {
        overflow: hidden;
        font-family: tahoma,sans-serif;
        padding: 5px;
        /*border: 1px solid #a0a0a0;*/
        font-size: 11px;
        color: #323232;
        background-color: #ECF9EA; /*#D9E4D9;*/
    }

/*.voucher_gridview tr:nth-child(odd) td
{
    background: #FCFEF0;
}*/

.voucher_gridview > thead > tr > th, .voucher_gridview > tbody > tr > th,.voucher_gridview > thead > tr > td
{
	background: #003139;
	color: #FFF;
    text-align: center;
    padding: 8px 5px;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border: 0px solid #B9F602;
    font: small;
    height: auto;
}
.voucher_gridview > thead > tr > td
{
    font-weight: bold;
}

.voucher_gridview th a:link, .voucher_gridview th a:visited 
{
    color: #FFF;
    text-decoration: none;
    outline: 0;
}

.voucher_gridview th a:hover
{
    color: #60C659;
    text-decoration: none;
}

.voucher_gridview th .headerSortUp {
	background-image: url(asc_sign.gif);
}
.voucher_gridview th .headerSortDown {
	background-image: url(desc_sign.gif);
}
.voucher_gridview th .headerSortDown, .voucher_gridview th .headerSortUp {
background-color: #7FFF00;
}

.voucher_gridview table 
{ 
    /*table-layout: fixed;*/ 
    /*width: 950px;*/
}
.voucher_gridview > div 
{
    /*width: 819px; 
	height: 200px;
	border-left: 1px solid #ccc;*/
	border-bottom: 0px solid #ccc;
    float: left;
}

/*th {
  width: 50px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 230px;
  height: 30px;
}*/

.voucher_gridview_first {
  width: 58px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  
}
.voucher_gridview_second {           
  
  width: 90px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 291px;
  height: 30px;
}
.voucher_gridview_third {
           
  width: 83px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 391px;
  height: 30px;
}
.voucher_gridview_fourth {
  width: 85px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 485px;
  height: 30px;
  
}
.voucher_gridview_fifth {
  width: 288px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 579px;
  height: 30px;
    
}
.voucher_gridview_sixth {
  width: 78px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 877px;
  height: 30px;
  
}
.voucher_gridview_seven {
  width: 88px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 966px;
  height: 30px;

}
.voucher_gridview_eight {
  width: 104px;
  position: absolute;
  font-weight: bold;
  margin-top: -52px;
  left: 1065px;
  height: 30px;
 
}

.voucher_gridview.recurringtransaction-table {
    /*margin-top: 9px !important;*/
}

    .voucher_gridview.recurringtransaction-table thead tr th:first-child {
        width: 7%;
    }

    .voucher_gridview.recurringtransaction-table thead tr th:last-child {
        width: 7%;
    }

    .voucher_gridview.recurringtransaction-table thead tr th:first-child:hover,
    .voucher_gridview.recurringtransaction-table thead tr th:last-child:hover {
        background-color: #e1e1e1 !important;
        cursor: default;
    }

/**/
/*--------------VOUCHER GRIDVIEW E--------------*/

/*-------------CALENDAR EXTENDER S-------------*/

.calendarContainer input
{
    padding-left: 5px;
}

.ajax__calendar
{
width: 190px;
}

.ajax__calendar
.ajax__calendar_container
{   
    border: 1px solid #FAFAFA;
    padding: 0px;
    width: 182px;
    height: 200px;
    font-size: 13px;
    margin: inherit;
    font-family: Montserrat;
}

.ajax__calendar
.ajax__calendar_header {
height: 30px;
width: 100%;
background: #7ab317;
}

.ajax__calendar
.ajax__calendar_body thead td
{
    border: 1px solid #FAFAFA;
}

.ajax__calendar
.ajax__calendar_title,
.ajax__calendar .ajax__calendar_prev,
.ajax__calendar .ajax__calendar_next
{
    padding-top: 5px;
    padding-bottom: 5px;
}


#MainContent_gridViewVoucher_calExtCheckDate_0_daysBody
{
    font-size: 11px;
}

.ajax__calendar_day
{
    font-size: 11px;
    margin: 0px;
}

.ajax__calendar
.ajax__calendar_dayname
{
    font-size: 11px;
    margin: 0px;
    font-weight: bold;
}

.ajax__calendar
.ajax__calendar_body
{
    background: #FFF;
    height: 146px;
    width: 100%;
}

.ajax__calendar .ajax__calendar_container .ajax__calendar_days,
.ajax__calendar .ajax__calendar_container .ajax__calendar_months, 
.ajax__calendar .ajax__calendar_container .ajax__calendar_years
{
    background: #FFF;
    width: 100%;
}


.ajax__calendar_body tr:first-child,
.ajax__calendar_body tr:nth-child(2),
.ajax__calendar_body tr:nth-child(3),
.ajax__calendar_body tr:nth-child(4),
.ajax__calendar_body tr:nth-child(5),
.ajax__calendar_body tr:nth-child(6)
{
    background: #FFF; color: #000; margin: 0px; padding: 0px; border: none; width: 100%;
}

.ajax__calendar_body tr:first-child td,
.ajax__calendar_body tr:nth-child(2) td,
.ajax__calendar_body tr:nth-child(3) td,
.ajax__calendar_body tr:nth-child(4) td,
.ajax__calendar_body tr:nth-child(5) td,
.ajax__calendar_body tr:nth-child(6) td
{
    border: 1px solid #FAFAFA; background: #FFF; color: #000; margin: 0px; padding: 0px;
}


.ajax__calendar_days table thead tr:first-child td
{
    background: #FFF; color: #000; border: none; margin: 0px; padding: 1.3px;
}


.ajax__calendar_today
{
cursor: pointer;
padding-top: 0px;
}


.ajax__calendar_footer
{
    background: #FFF;
    padding-left: 15px;
    font-size: 10px;
    height: 10px;
}

/*div#MainContent_calExtDate_title.ajax__calendar_title:hover,
div#MainContent_calExtDate_today.ajax__calendar_footer.ajax__calendar_today:hover
{
  color: #003139;
}*/

/*-------------CALENDAR EXTENDER E-------------*/


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

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

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

div.accountInfo
{
    width: 42%;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}



#ModalPanel
{
    background: #FCFEF0;
    border: 1px solid #B9F602;
    width: 500px;
    position: relative;
}






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

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
        
.marker, .form-required {
color: red;
}

/*---voucher REGIONS--*/
#voucher_header
{
background:white
}

#voucher_header td
{
padding:5px 105px;
}

#voucher_header td div
{
display:inline;
}

#voucher_header .logo-img
{
float:left;
}

#voucher_header .logo-img img
{
margin-top:20px;
width: 190px;
}

#voucher_header .system-title
{
float:right;
}

#voucher_header .system-name
{
font-size: 13px ;
color: #910057;
/*border-bottom: 2px solid #8A0056;
padding-bottom: 2px;*/
border-right: 1px solid #B9C304;
padding-right: 5px;
}

#voucher_header .account
{
padding: 12px 0px 0px 15px;
margin: 12px 0px;
/*padding-bottom: 4px;
border-bottom: 2px solid #8A0056;*/
}

#voucher_header .account-info
{
line-height:20px;
font-size:  12px;
padding-left: 10px;
border-right: 1px solid #B9C304;
padding-right: 10px;
}

#voucher_header .username
{
color: #B9C304;
}

#voucher_header .change-password a
{
/*background: url(../resources/images/green_square.png) 0px 3px no-repeat;*/
list-style: none;
padding-left: 10px;
font-size: 11px;
border-left: 0px solid #7FFF00;
padding-right: 10px;
}

#voucher_header .logout a
{
/*background: url(../resources/images/green_square.png) 5px 3px no-repeat;*/
list-style: none;
padding-left: 15px;
font-size: 11px;
border-left: 1px solid #7FFF00;
}

#voucher_topmenu
{
height: 31px !important;
background: url(../resources/images/menu_bg.png) top left repeat-x;
}

#voucher_topmenu #menu_links
{
/*padding:0px 10px;
padding-right: 110px;
padding-top: 9.5px;*/
}

#voucher_topmenu #menu_links_inner
{
padding:0px 0px;
/*padding-left: 662px;*/
/*padding-left: 690px;*/
float: right;
width: 360px;
margin-top: -21.5px;
margin-right: 100px;
}


#voucher_topmenu #menu_links label
{
color: white;
height: 30px;
font-size:16px;
padding-left: 25px;
border:transparent;
background:transparent
}

#voucher_topmenu #menu_links_inner #accordion-menulinks div
{
font-size:16px;
padding-left: 25px;
border:transparent;
background:transparent;
}

#voucher_topmenu #menu_links a
{
color: white;
/*height: 30px;*/
padding-left: 25px;
margin-bottom: 1px;
float: left;
}

#voucher_topmenu #menu_links a:hover
{
color: #CF0;
}

#voucher_sidebar_left
{
padding-left: 100px;
padding-right:20px;
}

#voucher_sidebar_left #sidebar_wrapper
{
width: 220px;
}

#voucher_sidebar_left #sidebar_wrapper #sidebar-title
{
margin:0px 6px;
}

#voucher_sidebar_left #accordion
{
width: 204px;
margin: 8px;
}

#voucher_main_content 
{
padding-right:100px;
height: 150px;
}

div#voucher_body 
{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0px 0px -41px 0px;*/
}
div#voucher_body_content 
{
	width: 100%;
	min-height: 600px;
	margin: 0px 0px 41px 0px;
	position: relative;
}
div#voucher_footer 
{
	width: 100%;
	height: 28px !important;
	bottom: 0;
	border-top: 2px solid #8A0056;
	text-align:center;
	font-size: 85%;
    color: #6C717A;
	position: relative;
}
div#voucher_footer, div#voucher_body_content 
{
	/*min-width: 942px;*/width: 100%;
}
div#voucher_inner_footer, div#voucher_body_inner_content 
{
	/*width: 942px;*/width: 100%;
	margin: 0px auto;
}

/*-------ACCORDION-------*/

.ui-icon, .ui-state-focus .ui-icon {
background-image: url(../resources/css/custom-theme/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-accordion-header
{
font: 12px 'DroidSansRegular',Arial,Helvetica,sans-serif;
}
.ui-accordion-content
{
overflow:hidden !important;
font-size: 11px;
}
.ui-widget-content 
{
font-family: 'DroidSansRegular',Arial,Helvetica,sans-serif;
background: #F8F8F8 !important;
}

.ui-accordion-content a
{
font-family: 'DroidSansRegular',Arial,Helvetica,sans-serif;
}

 #voucher_linkmenu ul {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
 #voucher_linkmenu ul li{
list-style: none;
}
 #voucher_linkmenu ul li a{
background: url(../resources/images/green_square.png) 0 4px no-repeat;
padding-left:20px;
list-style: none;
}


/* TABLE STYLE
-----------------------*/
.style1
{
border-spacing:0px;
}

/*--------Grid View--------*/

.voucher_assigned
{
    background: greenyellow;
}




/*--------upload input and button in Bank Maintenance and tr td------*/

#MainContent_fileUpload1
{
    border: 1px solid #0d6759;
    padding: 3px;
}

#MainContent_FileUploadCheckImage
{
    border: 1px solid #0d6759;
    padding: 3px;
}

#tblBank tr:first-child td:nth-child(2) input
{
    margin: 0px;
}

#tblBank tr td:nth-child(odd)
{
    padding-left: 20px;
}

#tblBank tr td:nth-child(even) input
{
    margin: 10px 0px;
    padding-left: 5px;
}
 
 /*--- Add User table, 
        BankAccAdd table, 
        CheckBookAdd table, 
        PayeeAdd table, AddVoucher  ---*/
 
 #tblUser, #tblBankAcc,
 #tblCheckBookAdd, #tblPayeeAdd, #tblAddVoucher
 {
     margin: 5px 5px 20px 30px;    
 }
 
 /*----  Assign Check, Unassign Check, and Check print table ---*/
 



#AC tr td,
#UC tr td,
#CP tr td
{
    padding: 3px;
}

#UC /*Unassign Check*/
{
    background: linear-gradient(#FCFEF0,#D4ED91);
	    background: -webkit-linear-gradient(#FCFEF0,#D4ED91);/*webkit browsers*/
	         background: -moz-linear-gradient(#FCFEF0,#D4ED91);/*firefox*/ 
	             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFEF0', endColorstr='#D4ED91');/*IE*/
	width:300px;
	padding: 10px 3px 10px 10px;
	border: 1px solid #B9F602;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
}

#CP /*Check Print*/
{
   background: linear-gradient(#FCFEF0,#D4ED91);
	    background: -webkit-linear-gradient(#FCFEF0,#D4ED91);/*webkit browsers*/
	         background: -moz-linear-gradient(#FCFEF0,#D4ED91);/*firefox*/ 
	             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFEF0', endColorstr='#D4ED91');/*IE*/
	width:300px;
	padding: 10px 3px 10px 10px;
	border: 1px solid #B9F602;
	margin-top: 10px;
	margin-bottom: 10px; 
}
 

 /*---------------- combo box item list-------------*/
 
 
 #MainContent_ComboBoxPayeeType_ComboBoxPayeeType_OptionList,
 {
     position: fixed !important; 
     padding: 2px 10px;
     margin-left: -30px;
 }
 
/*[START][EDIT] <H2_jtaruc || 11-11-15 || Edited code styles for dropdown layout/design adjustments>*/ 
ul#MainContent_drpPayee_drpPayee_OptionList.ajax__combobox_itemlist,
ul#MainContent_cmbBoxPayee_cmbBoxPayee_OptionList,
ul#MainContent_comboBoxPayee_comboBoxPayee_OptionList,
ul#MainContent_acctCmbBox_acctCmbBox_OptionList
 {
     /*position: fixed !important;*/
    
     position:absolute !important; 
     height: 100px !important;
     overflow: auto !important;
     top: auto !important;
     left: auto !important;
     width: 400px !important;
     height: 150px !important;
 }
 
 ul#MainContent_WTaxCodeIndivComboBox_WTaxCodeIndivComboBox_OptionList
 {
     position:absolute !important; 
     height: 100px !important;
     overflow: auto !important;
     top: auto !important;
     left: auto !important;
     width: 192px !important;
     height: 100px !important;
 }
 /*[END][EDIT] <H2_jtaruc || 11-11-15 || Edited code styles for dropdown layout/design adjustments>*/ 
 
 /*
 ul#MainContent_acctCmbBox_acctCmbBox_OptionList
 {
     position:absolute !important; 
     height: 100px !important;
     overflow: auto !important;
     top: auto !important;
     left: auto !important;
     width: 500px;

 }*/
  
  #MainContent_comboBoxExpenseType_comboBoxExpenseType_OptionList
  {
      position: fixed !important;
     padding: 2px 3px;
     margin-left: -40px;
     cursor: pointer;
  }
  
#MainContent_comboBoxAccountName_comboBoxAccountName_OptionList,
#MainContent_comboBoxAcctName_comboBoxAcctName_OptionList,
#MainContent_comboBoxCompany_comboBoxCompany_OptionList
{
    position: absolute;
     padding: 2px 5px;
     margin-left: -32px;
     cursor: pointer;
}

  
    #MainContent_comboBoxRole_comboBoxRole_OptionList,
    #MainContent_comboBoxBank_comboBoxBank_OptionList
    {
     position: relative; 
     padding: 2px 5px;
     margin-left: -30px;
     cursor: pointer;
     }
  
  #MainContent_comboBoxPayee_comboBoxPayee_Button,
  #MainContent_comboBoxExpenseType_comboBoxExpenseType_Button,
  #MainContent_comboBoxAccountName_comboBoxAccountName_Button
  {
      cursor: pointer;
  }
  
  div.validation iv#MainContent_comboBoxPayee
  {
      display:inline-block;
  }
 
/*--------------------*/

.voucher_textfield
{
	font-size: 11.5px;
    margin-left: 0px;
}

/*[START][EDIT] <H2_jtaruc || 10-06-15 || Edited style format for buttons*/
#MainContent_linkAddUser,
#MainContent_linkAdd,
#MainContent_linkAddBank,
#MainContent_linkCreateCheckBook,
#MainContent_linkCreateVoucher
{
    font-size: 14px;
    background: #0D6759;
    color: #FFF;
    cursor: pointer;
    font-family: Montserrat;
    padding: 0 15px;
    height: 25px;
    border: 1px #7AB317 solid;
    border-radius: 3px;
}

#MainContent_linkAddUser:hover,
#MainContent_linkAdd:hover,
#MainContent_linkAddBank:hover,
#MainContent_linkCreateCheckBook:hover,
#MainContent_linkCreateVoucher:hover
{
	background: #003139;
    color: #60C659;}
/*
 
#MainContent_linkAddUser:active,
#MainContent_linkAdd:active,
#MainContent_linkAddBank:active,
#MainContent_linkCreateCheckBook:active,
#MainContent_linkCreateVoucher:active
{
  background: #CDCDB4;
  color: #000;
  border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-right: 2px solid #E0E1DC;
    border-bottom: 2px solid #E0E1DC;
}*/
/*[END][EDIT] <H2_jtaruc || 10-06-15 || Edited style format for buttons*/

/*.datepicker
{
width: 70px;
padding: 0 0 0 0;
clear: both;
}*/

/* Administration Return */
div.administration_return label {font-size:12px; }
div.administration_return a{color:white ;}
div.administration_return a:hover{color:white ;}

.voucher_check_label
{
    position: absolute;
    font-weight: bold;
}

.voucher_notif
{
    color: blue;
}



/* Pagination */

table.voucher_gridview > tbody > tr > td > table { background: #FFF; margin: 0px;}
table.voucher_gridview > tbody > tr > td > table > tbody { display: block;}

table.voucher_gridview > tbody > tr > td > table > tbody > tr { background: #FFF; width: auto; display: block; text-align: center;   }

table.voucher_gridview > tbody > tr > td > table > tbody > tr > td {background: #FFF; width: auto; display: inline-block; color: #000; border: none; font-weight: bold; }
table.voucher_gridview > tbody > tr > td > table > tbody > tr > td > a:link, table.voucher_gridview > tr > td > table > td > a:visited { text-decoration: underline; font-weight: bold; }
table.voucher_gridview > tbody > tr > td > table > tbody > tr > td > a:hover{ color: #54632C; }
.voucher_gridview > table > tbody > tr:nth-child(odd) > td{background: #FFF; font-size: 12px;}

/******************/
/*
table.voucher_gridview tr td table { background: #FFF; margin: 0px;}
table.voucher_gridview tr td table tbody { display: block;}
table.voucher_gridview tr td table tr { background: #FFF; width: auto; display: block; text-align: center;   }
table.voucher_gridview tr td table td {background: #FFF; width: auto; display: inline-block; color: #000; border: none; font-weight: bold; }
table.voucher_gridview tr td table td a:link, table.voucher_gridview tr td table td a:visited { text-decoration: underline; font-weight: bold; }
table.voucher_gridview tr td table td a:hover{ color: #54632C; }
.voucher_gridview table tr:nth-child(odd) td{background: #FFF; font-size: 12px;}
*/
/* EOF Pagination */


/*Another Ajax Calendar Extender*/
.calendarContainer table
{
width:0px;
height:0px;
}

.calendarContainer table tr td
{
padding:0;
margin:0;
}

.voucher_imgGo
{
    height:22px;
    width: 22px;
    left: 195px;
    top: -17px;
    position: relative;
}

/*#MainContent_imgGo ---FireFox---
{
	height: 22px;
	left: 3px;
	position:relative;
	top: 5px;
	width:22px;
}*/

.voucher_inline,
.voucher_inline2,
.voucher_inline3
{
     margin-top: -5px;
     margin-bottom: 3px;
    padding-bottom: 0px;
    height: 23px;
}

.voucher_imgGo2
{
    width:22px;
    height:22px;
    top: 8px;
    position:relative;
}

/*-----------------ERROR PAGES S-----------------*/

h1.errorPages
{
    font-size: 10em;
    font-weight: bold;
    text-align: left;
    padding-bottom: 20px;
}

h2.errorPages
{
    font-size:x-large;
    text-align: left;
}

/*-----------------ERROR PAGES E-----------------*/

.modalBackground
{
    height:100%;
    background-color:#EBEBEB !important;
    filter:alpha(opacity=70) !important;
    opacity:0.7 !important;
}

#divMessage
{
    border: 1px #60C659 solid;
    border-radius: 3px;
    display: none;
    padding:7px;
}

.modalStyle
{
    font-size: 12px; 
    width: 300px; 
    height: 100px; 
    background-color: White; 
    border: 1px #999 solid; 
    
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px;
}

/*.modalHeader
{
    /*background-color: #990000;*//*For H2 theme*/
    background-color: #30CDD7/*For PNB theme*/ 
    color: #fff; 
    height: 30px;
        
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}*/

.lblProductName
{   
    /*padding-bottom: 10px !important;
    padding-right: 10px !important;
    border-bottom: 1px solid #7ab317 !important;
    text-align: center !important;
    color: #003139 !important;
    font-size: 15 !important;
    font-weight: bold !important;*/
}

.lblProductNameHome
{   
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    /*border-bottom: 1px solid #7ab317 !important;*/
    text-align: center !important;
    color: #60C659 !important;
    font-size: 15 !important;
    font-weight: bold !important;
}

span#lblProductName {
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    border-bottom: 1px solid #7ab317 !important;
    text-align: center !important;
    color: #003139 !important;
    font-size: 15 !important;
    font-weight: bold !important;
}

span#lblProductNameHome 
{
    color: #60C659;
    font-weight: bold;
    float: left;
    padding-top: 10px;
    padding-left: 30px;
}
.div-compute
 {
     background: #ECF9EA;
     border: 1px solid #7ab317;
     
} 

#tableJournalList a
 {
    color: #000000;
     cursor: pointer;
 }

#tableJournalList a:hover
{
    color: #60C659;
    text-decoration: none;
}