/* accounts.css - a css for the accounts.html page                                                                                     */
/* started - 09-Jul-2025                                                                                             */
/* References:                                                                                                       */
/*         HTML & CSS for Beginners Part 22: How to create a basic layout - the CSS                                  */
/* Log                                                                                                               */
/*     09-July-2025 - started by copying template.css                                                                                        */
/*     12-July-2025 - add layout for currency                                                                                        */
/*     15-July-2025 - add layouts for masterdata add and edit fields                                                                                        */

*.
*::before,
*::after
{
    box-sizing: border-box;
}

#heading-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#topics-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#serverdate-label
{
    margin-left: 436px;
}

#accountslist-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountslistfilter-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountslistfilter-input 
{
    width: 93%;
    text-align: left;
}

#accountslistfilter1-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountslisttypefilter-select 
{
    width: 260px;
    text-align: left;
}

#accountslistcurrencyfilter-label 
{
    margin-left: 20px;
    text-align: left;
}

#accountslistcurrencyfilter-select 
{
    width: 50px;
    text-align: left;
}

#accountslistinstitutionfilter-label 
{
    margin-left: 20px;
    text-align: left;
}

#accountslistinstitutionfilter-select 
{
    width: 246px;
    text-align: left;
}

#accountslistnavbuttons-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#accountslistfilter2-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountslistinputs-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountslistactionbuttons-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#accountdetails-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountid-label
{
    margin-right: 98px;
}

#accountid-input
{
    width: 40px;
    margin-right: 150px;
    background-color: #FFFFE0;         // light yellow required field
}

#accountmode-label
{
    margin-left: 169px;
}

#accountnumber-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountnumber-label
{
    margin-right: 4px;
}

#accountnumber-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#accountname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountname-label
{
    margin-right: 74px;
}

#accountname-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#accountopenedon-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountopenedon-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#accountopenedon-label
{
    margin-right: 40px;
}

#accountclosedon-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountclosedon-label
{
    margin-right: 45px;
}

#accountcurrency-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountcurrency-label
{
    margin-right: 55px;
}

#accountcurrencyid-input
{
    width: 20px;
}

#accountcurrencyid-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#accountcurrencycode-input
{
    width: 50px;
    background-color: #FFFFE0;         // light yellow required field
}

#accountcurrencyname-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#accountbalance-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountbalance-label
{
    margin-right: 63px;
}

#accountbalance-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#accounttransitroutingnumber-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttransitroutingnumber-label
{
    margin-right: 13px;
}

#accountwireroutingnumber-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountwireroutingnumber-label
{
    margin-right: 25px;
}

#accountswiftbicnumber-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountswiftbicnumber-label
{
    margin-right: 48px;
}

#accountmembershipnumber-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountmembershipnumber-label
{
    margin-right: 3px;
}

#accounttype1-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttype1-label
{
    margin-right: 23px;
}

#accounttypeid1-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypename1-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypestart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypestart-label
{
    margin-right: 46px;
}

#accounttypestart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypeend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypeend-label
{
    margin-right: 50px;
}

#accounttypeend-input
{
    width: 100px;
}

#accountinstitution1-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountinstitution1-label
{
    margin-right: 48px;
}

#accountinstitutionid1-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#accountinstitutionname1-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#accountpurpose-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountpurpose-label
{
    margin-right: 59px;
}

#accountlowerlimit-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountlowerlimit-label
{
    margin-right: 30px;
}

#accountupperlimit-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accountupperlimit-label
{
    margin-right: 30px;
}

#accountbuttons-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#accounttypes-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypelist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypelistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypelistfilter-input
{
    width: 93%;
    text-align: left;
}

#accounttypelistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#accounttypelistinputs-div
{
    text-align: center;
}

#accounttypeid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypeid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypeid-label
{
    margin-right: 22px;
}

#accounttypeid-input
{
    width: 40px;
    margin-right: 163px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypemode-label
{
    margin-left: 188px;
}

#accounttypemode-select
{
    width: 50px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypename-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#accounttypename-label
{
    margin-right: 37px;
}

#accounttypename-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#accounttypeeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#category-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categorylist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categorylistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categorylistfilter-input
{
    width: 93%;
    text-align: left;
}

#categorylistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#categorylistinputs-div
{
    text-align: center;
}

#categoryid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categoryid-label
{
    margin-right: 60px;
}

#categoryid-input
{
    width: 40px;
    margin-right: 160px;
    background-color: #FFFFE0;         // light yellow required field
}

#categorymode-label
{
    margin-left: 191px;
}

#categorymode-select
{
    width: 50px;
}

#categoryname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categoryname-label
{
    margin-right: 39px;
}

#categoryname-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#categorystart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categorystart-label
{
    margin-right: 46px;
}

#categorystart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#categoryend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categoryend-label
{
    margin-right: 50px;
}

#categoryend-input
{
    width: 100px;
}

#categoryeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#costcenter-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterlist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterlistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterlistfilter-input
{
    width: 93%;
    text-align: left;
}

#costcenterlistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#costcenterlistinputs-div
{
    text-align: center;
}

#costcenterid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterid-label
{
    margin-right: 60px;
}

#costcenterid-input
{
    width: 40px;
    margin-right: 160px;
    background-color: #FFFFE0;         // light yellow required field
}

#costcentermode-label
{
    margin-left: 191px;
}

#costcentermode-select
{
    width: 50px;
}

#costcentername-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcentername-label
{
    margin-right: 39px;
}

#costcentername-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#costcenterstart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterstart-label
{
    margin-right: 46px;
}

#costcenterstart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#costcenterend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#costcenterend-label
{
    margin-right: 50px;
}

#costcenterend-input
{
    width: 100px;
}

#costcentereditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#institutions-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionlist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionlistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionlistfilter-input
{
    width: 93%;
    text-align: left;
}

#institutionlistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#institutionlistinputs-div
{
    text-align: center;
}

#institutionid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionid-label
{
    margin-right: 60px;
}

#institutionid-input
{
    width: 40px;
    margin-right: 160px;
    background-color: #FFFFE0;         // light yellow required field
}

#institutionmode-label
{
    margin-left: 191px;
}

#institutionmode-select
{
    width: 50px;
}

#institutionname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionname-label
{
    margin-right: 39px;
}

#institutionname-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#institutionstart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionstart-label
{
    margin-right: 46px;
}

#institutionstart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#institutionend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#institutionend-label
{
    margin-right: 50px;
}

#institutionend-input
{
    width: 100px;
}

#institutioneditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#currencies-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencylist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencylistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencylistfilter-input
{
    width: 93%;
    text-align: left;
}

#currencylistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#currencylistinputs-div
{
    text-align: center;
}

#currencyid-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencyid-label
{
    margin-right: 60px;
}

#currencyid-input
{
    width: 40px;
    margin-right: 165px;
    background-color: #FFFFE0;         // light yellow required field
}

#currencymode-label
{
    margin-left: 152px;
    margin-right: 32px;
}

#currencymode-select
{
    width: 50px;
    background-color: #FFFFE0;         // light yellow required field
}

#currencycode-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencycode-label
{
    margin-right: 43px;
}

#currencycode-input
{
    width: 40px;
    background-color: #FFFFE0;         // light yellow required field
}

#currencyname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencyname-label
{
    margin-right: 39px;
}

#currencyname-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#currencystart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencystart-label
{
    margin-right: 46px;
}

#currencystart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#currencyend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#currencyend-label
{
    margin-right: 50px;
}

#currencyend-input
{
    width: 100px;
}

#currencyeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#party-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partylist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partylistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partylistfilter-input
{
    width: 93%;
    text-align: left;
}

#partylistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#partylistinputs-div
{
    text-align: center;
}

#partyid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partyid-label
{
    margin-right: 60px;
}

#partyid-input
{
    width: 40px;
    margin-right: 160px;
    background-color: #FFFFE0;         // light yellow required field
}

#partymode-label
{
    margin-left: 191px;
}

#partymode-select
{
    width: 50px;
}

#partyname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partyname-label
{
    margin-right: 39px;
}

#partyname-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#partystart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partystart-label
{
    margin-right: 46px;
}

#partystart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#partyend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#partyend-label
{
    margin-right: 50px;
}

#partyend-input
{
    width: 100px;
}

#partyeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#subcategory-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategorylist-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategorylistfilter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategorylistfilter-input
{
    width: 93%;
    text-align: left;
}

#subcategorylistbuttons-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#subcategorylistinputs-div
{
    text-align: center;
}

#subcategoryid-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategoryid-label
{
    margin-right: 60px;
}

#subcategoryid-input
{
    width: 40px;
    margin-right: 160px;
    background-color: #FFFFE0;         // light yellow required field
}

#subcategorymode-label
{
    margin-left: 191px;
}

#subcategorymode-select
{
    width: 50px;
}

#subcategoryname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategoryname-label
{
    margin-right: 39px;
}

#subcategoryname-input
{
    width: 350px;
    background-color: #FFFFE0;         // light yellow required field
}

#categoryidandname-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#categoryid2-label
{
    margin-right: 18px;
}

#categoryid2-input
{
    width: 40px;
}

#categoryname2-select
{
    width: 250px;
}

#subcategorystart-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategorystart-label
{
    margin-right: 46px;
}

#subcategorystart-input
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#subcategoryend-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#subcategoryend-label
{
    margin-right: 50px;
}

#subcategoryend-input
{
    width: 100px;
}

#subcategoryeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#transactionlist-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#transactionlistfilter-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#transactionlistfilter-input 
{
    width: 93%;
    text-align: left;
}

#transactionlistfilter1-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#transactionlisttypefilter-select 
{
    width: 260px;
    text-align: left;
}

#transactionlistcurrencyfilter-label 
{
    margin-left: 20px;
    text-align: left;
}

#transactionlistcurrencyfilter-select 
{
    width: 50px;
    text-align: left;
}

#transactionlistinstitutionfilter-label 
{
    margin-left: 20px;
    text-align: left;
}

#transactionlistinstitutionfilter-select 
{
    width: 246px;
    text-align: left;
}

#transactionlistnavbuttons-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#transactionlistfilter2-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#transactionlistinputs-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#transactionlistactionbuttons-div 
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#transactiondetails-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdetails-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdid-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdid-label
{
    margin-right: 60px;
}

#trdid-input
{
    width: 40px;
    margin-right: 165px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdmode-label
{
    margin-left: 152px;
    margin-right: 32px;
}

#trdmode-select
{
    width: 50px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdaccountdiv
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdaccountname-label
{
    margin-right: 60px;
}

#trdaccountid-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdaccountname-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdtrantype-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdtrantypename-label
{
    margin-right: 3px;
}

#trdtrantypeid-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdtrantypename-select
{
    width: 100px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdsplit-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdsplitname-label
{
    margin-right: 83px;
}

#trdsplitname-select
{
    background-color: #FFFFE0;         // light yellow required field
}

#trdparty-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdpartyname-label
{
    margin-right: 79px;
}

#trdpartyid-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdpartyname-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdcurrency-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdcurrencycode-label
{
    margin-right: 53px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdcurrencyid-input
{
    width: 20px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdcurrencycode-input
{
    width: 50px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdcurrencyname-select
{
    width: 250px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdamount-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdamount-label
{
    margin-right: 60px;
}

#trdamount-input
{
    width: 90px;
    background-color: #FFFFE0;         // light yellow required field
}

#trdcostcenter-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdcostcentername-label
{
    margin-right: 35px;
}

#trdcostcenterid-input
{
    width: 20px;
}

#trdcostcentername-select
{
    width: 250px;
}

#trdnotes-div
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#trdnotes-label
{
    margin-right: 74px;
}

#trdnotes-input
{
    width: 620px;
}

#trdeditbuttons-div
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#message-div 
{
    width: 80%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 800px;
    text-align: center;
}

#message-label
{
    width: 80px;
    display: inline-block;
}

#message-input 
{
    width: 85%;
    background-color: gainsboro;
    border-width: 1px;
}

#help-div
{
    width: 100%;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}