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

    
body
{
    background: #FFFFFF;
    font-size: .80em;
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

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

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

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #FFFFFF;
    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: 92%;
    background-color: #fff;
    margin: 0px auto 0px 10px;
    border: 1px none #496077;
    min-height: 800px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    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: 170px 12px 10px 8px;
    margin: 12px 8px 8px 8px;
    min-height: 210px;
}

.maindetail
{
    padding: 30px 12px 10px 20px;
    margin: 12px 8px 8px 8px;
    min-height: 210px;
}

.maindetailwmaster
{
    padding: 40px 12px 10px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 210px;
}

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

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


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

div.hideSkiplink
{
    background-color: #CCCCCC;
    width: 113%;
}

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

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


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


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

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

.selectEntry 
{
    width: 500px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 83%;
}

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

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 100%;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

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

.bold
{
    font-weight: bold;
}

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

.loggedintemplate
{
    color: #0000FF;
}

.BlueButton
{
    background-image: url('../Programs/Default/title.jpg');
    background-repeat: no-repeat;
    padding:0px;
    vertical-align: top;
    text-align: left;
    color: #0000FF;
}

.lblWICBanking
{
    font-family: Verdana; font-size: x-large; color: #FFFFFF;background: #194F5D;width:200px;
}

.lblProgram
{
    font-family: Verdana; font-size: large; color: #FFFFFF;background: #194F5D;
}


.boldtag{white-space:nowrap;background:url('../programs/g-button-chocobo-basic-2.gif') 100% 100% no-repeat;color:#fff;display:block;padding:8px 12px 15px 10px;text-decoration:none}
.pmolnk{background:url('../programs/g-button-chocobo-basic-1.gif');border:0;width:75px;text-align:center;}
.pmolnk_div{background:url('../programs/g-button-chocobo-basic-1.gif'); background-position:100% -400px;}
.pmolnk_div_div{background:url('../programs/g-button-chocobo-basic-1.gif'); background-position:0 100%;}



.o_boldtag
{
    white-space: nowrap;
    background: url('../programs/g-button-chocobo-basic-2.gif') 100% 100% no-repeat;
    color: #fff;
    display: block;
    padding: 8px 12px 15px 10px;
    text-decoration: none;
}
.o_pmolnk
{
    background: url('../programs/g-button-chocobo-basic-1.gif') no-repeat;
    border: 0;
    width: 300px;
    text-align: center;
}
.o_pmolnk_div
{
    background: url('../programs/g-button-chocobo-basic-1.gif') no-repeat;
    background-position: 100% -400px;
}
.o_pmolnk_div_div
{
    background: url('../programs/g-button-chocobo-basic-1.gif') no-repeat;
    background-position: 0 100%;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #660000;
    color: gray;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.MyCalendar4 .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #EFF3FB;
    color: gray;
    z-index: 1004;
}

.MyCalendar4

.ajax__calendar_other .ajax__calendar_day, 
.MyCalendar4

.ajax__calendar_other .ajax__calendar_year { 

color: black; 
}

.MyCalendar4

.ajax__calendar_hover .ajax__calendar_day, 
.MyCalendar4

.ajax__calendar_hover .ajax__calendar_month, 
.MyCalendar4

.ajax__calendar_hover .ajax__calendar_year { 

color: black; 
}

.MyCalendar4

.ajax__calendar_active .ajax__calendar_day, 
.MyCalendar4

.ajax__calendar_active .ajax__calendar_month, 
.MyCalendar4

.ajax__calendar_active .ajax__calendar_year { 

color: black; 

font-weight:bold; 
}

.deslcalImage
{
    cursor: default;    
}
.selcalImage
{
    cursor: pointer;
}
.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #FFFFFF;
    margin-top: 0px;
    background-color: #754EAD;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

/* #967FB6*/
.accordionContent
{
    color: #696969;
    background-color: #F7F6F3;
    border-top: none;
    padding:0px;
    padding-top: 0px;
}

.accordionLink
{
 background-color: #2E4d7B;
 color: #967FB6;
}
.accordionHeader2
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    cursor: pointer;
}

.accordionContent2
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0px;
    padding-top: 0px;
}

.accordionLink2
{
 background-color: #D3DEEF;
 color: white;
}

.listFont
{
    font-family: Verdana;
    font-size: 0.9em;
}

.divNavig
{
    margin-top: 3px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.gridlink
{
    color: #0000FF;
    text-decoration: underline;
}

.deslgridlink
{
    cursor: default;
    color: #0000FF;
    text-decoration: none;
}
.selgridlink
{
    cursor: pointer;
    color: #0000FF;
    text-decoration: underline;
}

.cpHeader
{
    color: white;
    background-color: #754EAD;
    font: bold 11px auto "Trebuchet MS" , Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 99%;
    height: 20px;
    vertical-align: top;
}

.cpHeaderSummaryRep
{
    color: white;
    background-color: #754EAD;
    font: bold 11px auto "Trebuchet MS" , Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 99%;
    height: 17px;
    vertical-align: top;
}

.cpBodySummaryRep
{
    background-color: #F7F6F3;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    width: 98%;
    max-height : 250px;
    overflow-y:scroll;   

} 


.cpHeaderAdvanced
{
    color: white;
    background-color: #98B131;
    font-size: 12px;
    cursor: pointer;
    width: 99%;
    height: 20px;
    vertical-align: top;
}
 
.cpBodyAdvanced
{
    background-color: #F7F6F3;
    border: 1px gray;
    width: 99%;
    height: auto;

} 

.cpBody
{
    background-color: #F7F6F3;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    width: 99%;
    height: auto;

} 
.cpBodyOld
{
    background-color: #F7F6F3;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    width: 99%;
    height: auto;
    padding: 4px;
    padding-top: 7px;
}        

.navigationLinkitem
{   
    color: #ffffff;
    text-decoration: none;
}

.navigationLinkitemSelected
{
    color: #114070;
    text-decoration: none;
}

.navigationCellLinkitem
{
    background-color: #754EAD;
    text-align:center;
    font-size:1em;
    height: 20px;
    width:120px;
}

.navigationCellLinkitemSelected
{
    background-color: #DBD2E4;
    text-align:center;
    font-size:1em;
    height: 20px;
    width:120px;
}

.navigationRowsLinkitem
{
   height:20px;
   font-size: 10px;
}

.navigationProgLinkitem
{
    color: #557630;
    text-decoration: none;
    font-size: 10px;
}

.navigationProgLinkitemSelected
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
}

.navigationProgCellLinkitem
{
    background-color:#f3f3f3;  
    text-align:center;
    height:20px;
    width:50px;
    font-size: 10px;
}

.navigationProgCellLinkitemSelected
{
    background-color: #98B131;
    text-align:center;
    height: 20px;
    width: 50px;
    font-size: 10px;
}

.navigationProgRowLinkitem
{
   width:50px; 
   font-size: 10px;
}

.TextBox 
{
	padding: 1px;
	margin: auto auto auto 2px;
    border-top: 1px #555555 solid;
    border-left: 1px #555555 solid;
    border-right: 1px #EEEEEE solid;
    border-bottom: 1px #EEEEEE solid;
    font-family: Verdana;
    font-size: 10px;
    width:130px
}

.cellSummaryGrid
{
    width: 95px;
    text-align: left;
}

.cellSummaryGridCenter
{
    width: 95px;
    text-align: center;
}

.cellSummaryGridRight
{
    width: 95px;
    text-align: right;
}

.processed
{
    background-color: #FFFF00;
}

.paid
{
    background-color: #92D050;
}

.rejected
{
    background-color: #FDE9D9;
}

.ach
{
    background-color: #C5D9F1;
}

.extjsGRIDROW
{
    background-color: #E0E5EC;
}

.extjsALTGRIDROW
{
    background-color: #FFFFFF;
}

.classs
{
    background-color: #FFFF00;
}
.marginnn
{
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 1px;
}
.margin2
{
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.extjsGRIDROWR
{
    background-color: #E0E5EC;
    font-weight: bold;
    font-size: 9em;
}

.extjsALTGRIDROWR
{
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 9em;
}

.extjsGRIDROWO
{
    background-color: #E0E5EC;
    font-size: 8em;
}

.extjsALTGRIDROWO
{
    background-color: #FFFFFF;
    font-size: 8em;
}

.bextjsGRIDROWR
{
    background-color: #E0E5EC;
    font-weight: bold;
    font-size: 14em;
    color: #FF3300;
}

.bextjsALTGRIDROWR
{
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 14em;
    color: #FF3300;
}

.listBoxHeader
{
    border: 1px solid #2F4F4F;
    color: #FFFFFF;
    margin-top: 2px;
    background-color: #754EAD;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}


.listBoxContent
{
    color: #696969;
    background-color: #F7F6F3;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}

.minHeightt
{   
    margin-bottom: 5px;
}

.styleqwee
{
    padding: 5px;
    margin: 5px;
    border: medium solid #98B131;
    font-family: Verdana;
    font-size: 8pt;
}

.fontBold
{
    font-weight: bold;
}

.hideBold
{
    display: none;
}

.resizable
{
    resize: both; /* Options: horizontal, vertical, both */
    overflow: auto; /* fix for Safari */
}

input[type=text]  
{
    padding: 1px;
	margin: auto auto auto 2px;
    font-family: Verdana;
    font-size: 11px;
}

input[type=button]  
{
    padding: 1px;
	margin: auto auto auto 2px;
    font-family  : Verdana;
    font-size: 11px;
}

input[type=submit]  
{
    padding: 1px;
	margin: auto auto auto 2px;
    font-family  : Verdana;
    font-size: 11px;
}


select{
   font-size: 12px;
}

textarea { 
	padding: 1px;
	margin: auto auto auto 2px;
    font-family: Verdana;
    font-size: 10px;
}

.readOnly
{
   
}