body
{
	background: #76B5CE;
	margin: 0;
	padding: 0;
	color: #333333;
	height: 100%;
}

input, select, option
{
  border: 1pt solid #334477;
  background-color: #eeeeff;
  font-family: Arial;
  font-size: 8pt;
}

#wrp
{
	clear:both;
	width: 920px;
	margin: 10px auto;
	margin-top:0;
	background-color: #fff;
	color: #333;
	line-height: 130%;

}

#hdr
{
	min-width:920px;
	width: 920px;
	margin: 10px auto;
	margin-top:0;
	margin-bottom:0;
	line-height: 130%;
	background: #022D9D;	
	/*padding-bottom: 10px;	
	background: #ffffff;
	border-bottom: solid 2px silver;*/
}
#hdr-lft-img
{
	float: left;
	margin-left:10px;
}
#hdr-rt-img
{
	float: right;
}

#lh-col
{
	float: left;
	margin: 0;	
	width: 170px;
}

#lh-col-inner
{	
	border-bottom: 4px #DDE1ED solid;	
	border-right: 4px #DDE1ED solid;
	margin: 15px 0px 15px 5px;
}

#rh-col
{	
	padding: 10px;
	width: 715px;
	float:right;
	position: relative;	
}

#rh-col-inner
{	
	margin-top:0;
	padding-top:0;
}

#footer
{	
	position:inherit;
	text-align:center;
	padding: 10px 0 5px 0;	
	font-family:Verdana;
	font-size:smaller;	
	width: 95%;	
}

#DIV-rh-col
{
	padding: 10px 5px 0 10px;	
	float:right;
	width:690px;
	margin-left:20px;
}

.Div-Box
{

}


.Div-Box a
{
	text-decoration: none;
}

.Div-Box img
{
	border: none;
	vertical-align:middle;
}

.Div-Box h4
{
	background-color:Transparent;
}

.DarkerBackgroundCenter
{
  background-color:#bbbbcc;
  text-align: center;
}

.DarkerBackgroundLink
{
  background-color:#bbbbcc;
  text-align: center;
  font-size: small;
  font-weight:bold;
  cursor:pointer;
  margin-top:10px;
  color:Black;
  padding:5px;
}

#dialog
{
	position: relative;
	width: auto;
	margin: 0px;
	height: auto;
	background: #ffffff;
	color: #333333;
}

#SimpleCont
{
	background-color:White;
}

.JournelTable
{
	position: inherit;
	max-width: 300px;
}

.generalTableLayout * {
}

.generalTableLayout
{
	text-align:left;
	border:0px solid black;
	padding:5px 5px 5px 0px;	
	z-index:1;
}

.generalTableLayout a
{
	text-decoration: none;
	border:none;
	font-size: small;
	vertical-align:middle;
}

.generalTableLayout img
{	
	border:none;
	vertical-align:middle;	
}


.generalTableLayout tr th
{
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:normal;
	padding:2px;
}

.generalTableLayout tr td{
	font-size:11px;
	padding:2px;
}

.formText_ReadOnly
{
	font-size:11px;
	background-color: #e6e6e6;
	border:none;
	padding:2px;
	color:#5C5C5C;
}

.formText
{
	font-size:11px;
	background-color: #E0EBEF;
	border:1px solid #1588B9;
	margin:1px;
}

.number
{
	text-align:right;
}

.toolbar
{
	width:700px;
}
.toolbar h1
{
	padding-top:10px;
	margin:0px;
}
.toolbar hr
{
	margin-top:10px;
	margin-bottom:10px;
}
.toolbarButton
{
	border:none;
	padding-bottom:2px;
	font-weight:bold;
  cursor: hand;
  padding-left:2px;
  padding-right:2px;
  margin-left:4px;
  margin-right:4px;
}
.toolbar #toolbarButtons *
{
	font-size:10px;
}


.button_green{
	background-color:#00CC00;
	color:#FFFFFF;
}
.button_orange{
	background-color:#DF7000;
	color:#FFFFFF;
}

.pageContentTitle
{
	color:#F17C07;
	margin-bottom:15px;
}

.resultTable input
{
	border:none;
	font-size:11px;
}
.resultTable select
{
	border:none;
	font-size:11px;
}
.resultTable tr td
{
	padding:4px;
	margin:0px;
}
.resultTable tr th
{
	font-weight:bold;
	background-color:#E0EBEF;
}

.ListHeading
{
	font-weight: bold;
	background-color: #ddddff;
	font-size:x-small;			
}

.ListHeadingCenter
{
	font-weight: bold;	
	font-size:x-small;
	background-color: #ddddff;
	text-align:center;			
}


.TableTopHeading
{
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	background-color: #ffffff;			
}

.rowHeader
{   
	font-weight: bold;
	font-size: 9pt;
	text-align: center;	
	background-color: #eeeeff;	
	padding: 10px;
}

.cellData
{
	font-size: 9pt;
	text-align: center;	
	background-color: #eeeeff;	
	padding: 10px;
}

.ListRowA
{
	padding:5px 2px;
	background-color: #eeeeff;
	font-size: x-small;
	text-align:left;
}

.ListRowA a
{	
	font-size: x-small;	
}

.ListRowB
{
	padding:5px 2px;
	background-color: #ddddff;
	font-size:x-small;
	text-align:left;
}

.ListRowB a
{	
	font-size: x-small;	
}

.ReportTable{
	width:100%;
	padding:4px;
}

.ReportTable th
{
	background-color:#5A9BFF;
	height:30px;
	color:#FFFFFF;
}

.ReportTable tr
{
	background-color:#EFF3FB;
	height:30px;
	color:#000000;
}

.ReportTable *
{
	font-size:11px;
	padding:4px;
}

.ReportColumnHeading
{
	background-color:#E0EBEF;
	height:24px;
}

.ReportColumnHeadingBig
{
	background-color:#E0EBEF;
	height:30px;
	padding: 5px 0 5px 0;
}

.ReportHeading
{
	font-weight: bolder;
	font-size: 20pt;
	text-align: center;
}

.ReportColumnSubHeading
{
	font-weight: bold;
	text-decoration: underline;
}

.ReportNumber
{
	text-align: right;
}

.ReportSubTotal
{
	padding-top:3px;
	padding-bottom:3px;
	text-align: right;
	font-weight: bold;
	border-top: 1pt solid #5A9BBA;
	border-bottom: 1pt solid #5A9BBA;
}

.ReportGrandTotal
{
	padding-top:3px;
	padding-bottom:3px;
	text-align: right;
	font-weight: bold;
	border-top: 2pt double #5A9BBA;
	border-bottom: 1pt solid #5A9BBA;
}
.ReportTotalTitle{
	padding-top:3px;
	padding-bottom:3px;
	text-align: right;
	font-weight: bold;
}

.Scrollbars
{
	-moz-box-sizing:border-box;
	overflow-y:scroll;
	width:100%;
	height:460px;
}

.TableLineSpacing
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px 0px 2px 0px;
}


.transactionTable
{
	margin: 1px 0px 0px 1px;
	border-style:solid;
	border-width: 1px; 
	border-color: rgb(21, 136, 185); 
	border-collapse: collapse;	
	border-spacing: 0;
}

.transactionTable tr td
{
	font-size:x-small;
	text-align:left;
	vertical-align:top;
	margin: 0px; 
	padding: 0px;
	padding: 0px 2px 0px 2px;
	
	border-bottom-style: solid;
	border-bottom-width: 1px; 
	border-bottom-color: rgb(60, 136, 195) ;
	
	border-left-style: groove; 
	border-left-width: 1px; 
	border-left-color: rgb(240, 240, 240) ;	
	
	border-right-style: groove; 
	border-right-width: 1px; 
	border-right-color: rgb(240, 240, 240) ;	
}

.transactionTable th
{
	font-size: small;
	text-align:center;
	vertical-align:top;

	border-bottom-style: solid;
	border-bottom-width: 1px; 
	border-bottom-color: rgb(60, 136, 195) ;
	
	border-left-style: groove; 
	border-left-width: 1px; 
	border-left-color: rgb(240, 240, 240) ;	
	
	border-right-style: groove; 
	border-right-width: 1px; 
	border-right-color: rgb(240, 240, 240) ;	
}

.transactionTable a
{
	font-size:x-small;
}

.transactionTable td
{
	
}

.transactionTable tr
{

}

.transactionTable tr th
{
	font-weight:bold;
	background-color:#E0EBEF;
}

.generalJournalTableField 
{
	padding: 3px 2px 3px 0px !important;
}

.overlay1
{
	z-index: 0;
	visibility: hidden; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width:100%; 
	height:100%;  
	text-align:center; 
	z-index: 1000;	 	
	background-color:Gray;	
	filter:alpha(opacity=80);	
	opacity:0.8;
}

.scrollGrid
{
	font-family:Verdana;
	font-size:smaller;
	overflow:auto;
	height: 300px;
	width:auto;
}

.TextBoxAlignRight
{
	text-align:right;
}

.PanelHeader
{
	text-align:center;
	cursor:pointer;
	font-size:smaller;
	font-weight:bold;	
}

.PanelBorder
{
	border:solid 1px silver;	
	text-align:center;
	overflow:hidden;
}

.PanelBorderless
{		
	text-align:center;
	font-weight:bold;
}

/* Calendar CSS*/
.CalendarCSS
{
	z-index:1000;	
	padding: 0;
	margin: 0;
}

.CalendarCSS .ajax__calendar_container {
    border:1px solid #646464;
    background-color: White; /*lemonchiffon;*/
    color: Black;    
    width: 220px;
}

.CalendarCSS .ajax__calendar_body {    
    width: 220px;
    height:145px;
}
.CalendarCSS .ajax__calendar_other .ajax__calendar_day,
.CalendarCSS .ajax__calendar_other .ajax__calendar_year {
    color:Silver;
}
.CalendarCSS .ajax__calendar_hover .ajax__calendar_day,
.CalendarCSS .ajax__calendar_hover .ajax__calendar_month,
.CalendarCSS .ajax__calendar_hover .ajax__calendar_year {
    color: gray;
}
.CalendarCSS .ajax__calendar_active .ajax__calendar_day,
.CalendarCSS .ajax__calendar_active .ajax__calendar_month,
.CalendarCSS .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.CalendarCSS .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.CalendarCSS .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.CalendarCSS .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.CalendarCSS .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.CalendarCSS .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: Gray;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

/* Modal Popup CSS*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}

.RightAlighText
{
	text-align: right;
}

.RoundedDivBox{
 border: 2px solid gray;
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px;
 background: white;
 padding: 10px;
 height: auto;
}

.RoundedDivBox TH{
 background: #E9E9E9;
 height: auto;
}

.RoundedDivBox TD{
 background: white;
 height: auto;
}