body {
	font-size: 12px;
}

table {
	font-size: 12px;
}

/*label{
	font-size: 1.2em;
}*/

p{
	font-size: 1.1em;
}

/* Site
   -------------------------------- */

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	/* font-family: "Helvetica"; */
}

/* Layout
   -------------------------------- */
.main-layout-grid {
	width: 100%;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 1.1em;
}
	
.main-left-nav{
	float: left; 
	width: 15%;
	border-right: 1px solid #eee;
	text-align: left;
}

.main-left-nav li {font-size: 1.1em; color: #000000; cursor: pointer;}
.main-left-nav h1 {font-size: 1.5em; color: #000000;}
.main-left-nav h2 {font-size: 1.3em; color: #000000;}
.main-left-nav h3 {font-size: 1.2em; color: #0B559B;}
.main-left-nav a:active { color:#11FF88; }

.main-right{float: left;margin-left:30px; width: 75%;}

.main-header {width: 100%;text-align: center; margin-bottom: 50px;}

.main-content {font-size: 1.1em}

.loginID {font-size: 1.2em; color: #1B75BB; }
/* Component containers
----------------------------------*/
#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#widget-docs .ui-widget-header a { color: #ffffff; }
#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
#widget-docs .ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

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

#widget-docs { margin:20px 0 0; border: none; }

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
#widget-docs code strong { color:#000; }
#widget-docs p { margin:0 3em 1.2em 0; }
#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
#widget-docs ul { list-style-type: none; }

#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }

#docs-overview-main { width:400px; }
#docs-overview-sidebar { float:right; width:200px; }
#docs-overview-sidebar a span { color:#666; }
#widget-docs #docs-overview-main p { margin-right:0; }
#widget-docs #docs-overview-sidebar h4 { padding-left:0; }

.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
#widget-docs .docs-list-header h2 { float:left; margin:0; }
#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }

.docs-list { float:left; width:100%; padding:0 0 10px; }
.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
#widget-docs .param-header h3 { width:50%; }
#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
#widget-docs .param-header p { width:24%; }
#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }

.param-details { padding-left:13px; }
.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }

/********* editable grids ***********************/

table.tablegrid { 
	border-collapse: collapse; 
	border: 1px solid #CCB;
	width: 100%;
}

table.tablegrid tr {
	border-bottom: 1px solid #DDD;
}

table.tablegrid>tbody tr:hover {
	background-color: #888888;
	color: white;
}

table.tablegrid>tbody tr:hover a {
	color: white;
}

table.tablegrid th {
	background: #E5E5E5;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap; 
}

table.tablegrid td {
	padding: 5px;
	border: 1px solid #E0E0E0;
}

#edition {
	padding-top: 5px;
	width: 600px;
	border: 0px;	
}

#paginator {
	font-family:  Helvetica, Arial, sans-serif;
  	margin: 10px 0;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}

#paginator a { color:  #0078cc; text-decoration: none; font-size: 12px; }           
#paginator a:hover { color: #000; }
#paginator a:active { color: #777; }
#paginator a:focus { outline: 1px; }

#filter { 
	width: 250px;
	margin-bottom: 10px; 
}

#wrap {
	margin: 10px;
}


#pagecontrol {
	padding-bottom: 5px;
	float: right;
}

.ok { 
	background-color: #0a8819; 
	color: white; 
	padding: 5px;
}

.error { 
	background-color: #CD0A0A; 
	color: white; 
	padding: 5px;
}

input.invalid {
	background: red;
	color: #FDFDFD;
}

#message {
	width: 100%;
}  

/* autocomplete combobox */
.ui-combobox input{width: 80%;}

/* tables sorter */
table.jfilterTB {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	background-color: #CDCDCD;
	margin:0px 0pt 0px;
	font-size: 1em;
	width: 100%;
	text-align: left;
}
table.jfilterTB thead tr th, table.jfilterTB tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 1.1em;
	padding: 4px;
}
table.jfilterTB thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.jfilterTB tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.jfilterTB tbody tr.oddrow {
	background-color:#FFFFFF;
	cursor: pointer;
}
table.jfilterTB tbody tr.evenrow {
	background-color:#FFFFFF;
	cursor: pointer;
}
table.jfilterTB tbody th {
	border-bottom: 1px solid black;
}
table.jfilterTB thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.jfilterTB thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.jfilterTB thead tr .headerSortDown, table.jfilterTB thead tr .headerSortUp {
background-color: #8dbdd8;
}

label {float: left; width:15%; margin-right: 2%;}
#pagecontrol label {width:70%}

/* -------------add record label (dialogContent)-----------------------------*/
label[for ="Holding Company"]
{
    width:160px;
}
label[for ="Subsidiary Company"]
{
    width:160px;
}
label[for ="% of Shareholding"]
{
    width:160px;
}
label[for ="addcompany"]
{
    width:160px;
}
/* -------------site pages -----------------------------*/

/*Display journal enqiry page */
.journal {width:1000px; border-width: 1px;}
.journal p {font-size: 1.5em;}
.journal h1 {font-size: 2.2em; text-align: center}
.journal h2 {font-size: 1.8em; text-align: left}
.journal h3 {font-size: 1.2em;}
.journal label {font-size: 1.2em;}

.journal_oddrow {width:1000px; background:#f1f1f1; border-bottom: 1px; border-bottom-style: solid;}
.journal_oddrow p{font-size: 1.4em;}

.journal_evenrow {width:1000px; background:#fff; border-bottom: 1px; border-bottom-style: solid;}
.journal_evenrow p{font-size: 1.4em;}

/*Display journalpre page */
.journalpre {width:1200px; border-width: 1px; float: left; height: 82% !important; min-height: 600px;}
.journalpre p {font-size: 1.5em;}
.journalpre label {font-size: 1.3em; float: left;}
.journalpre .ui-button {float: left; margin-top: 8px}

.journalpreheader {float: left; width: 100%; vertical-align: bottom}
.journalpreheader h1 {font-size: 2.3em; text-align: center}
.journalpreheader h2 {font-size: 1.8em; text-align: left}
.journalpreheader h3 {font-size: 1.5em;}
.journalpreheader label {font-size: 1.3em; float: left; width: 80px; margin-left: 5px}
.journalpreheader input{float: left; width: 120px; margin-left: 5px}

.journalpre_oddrow {width: 100%; background:#f1f1f1; border-bottom: 1px; border-bottom-style: solid;}
.journalpre_evenrow {width: 100%; background:#fff; border-bottom: 1px; border-bottom-style: solid;}

.journalpreentry input{border: 1px solid #d3d3d3; /*background: #e6e6e6 ;*/ font-weight: normal; color: #555; float: left}
.journalpreentry textarea{border: 1px solid #d3d3d3; /*background: #e6e6e6 ;*/ font-weight: normal; color: #555; float: left; resize: vertical; white-space: normal; width: 800px; height: 100%;}
.journalpreentry h4{font-size: 1.3em; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.journalpreentry .ui-combobox {font-size: 1.1em;}

/* Display journalpre page modal form */
.frmaddallcompany {border-width: 0px; border-color: gray; border-collapse:collapse; vertical-align: bottom}
/*.frmaddallcompany .ui-combobox {width: 200px}*/
.frmallCCY {width: 60px}
.frmallCCY input {width: 40px}
.frmallRate input {width: 35px}
.frmallAmt input  {width: 80px}
.lbladdalladdcompany {width: 250px; text-align: left}
.lbladdallheader {text-align: left; font-size: 1.2em}
.lbladdalljournal {width: 50px; text-align: left; font-size: 1.2em}
.frmallTitle thead {text-align: left}
.frmallTitle .ui-combobox {text-align: left; width: 350px}
.frmallTitle input {text-align: left; width: 330px}
.frmallCIFTitle .ui-combobox {text-align: left; width: 400px;}
.frmallCIFTitle input {text-align: left; width: 380px;}
.frmallDRCR {width: 250px}
.frmckcomp {width: 250px}
/* home page */
.homePage {width: 100%}
.homePage table{font-size: 1.1em; text-align: left}
.homePage td{vertical-align: top}
.homePage .text{width: 30%;}
.homePage p {float: right; margin-right: 10px}


/* login page */
.loginPage table{font-size: 1.3em; text-align: center;}

/*Reporting page */
.reportingCompany {float: left; width: 100%; margin-bottom: 5px;}
.reportingCompany .ui-combobox {float: left; width: 50%;}

.reportingReporttype{float: left; width: 100%; margin-bottom: 5px;}
.reportingReporttype .ui-combobox {float: left; width: 50%;}

#selecttwoperiod {float: left; width: 100%; margin-top: 20px; display: none; border: 1px solid #d3d3d3;}
#selecttwoperiod input {float:left; border: 1px solid #d3d3d3; background: #e6e6e6 ; font-weight: normal; color: #555; margin-right: 2%; width: 15%}
#selecttwoperiod h1{font-size: 1.3em; font-weight: bold;}

#selectmultiperiod {float: left; width: 100%; margin-top: 20px; display: none; border: 1px solid #d3d3d3;}
#selectmultiperiod td, .selectmultiperiod tr {height: 25px;} 
#selectmultiperiod h1{font-size: 1.3em; font-weight: bold;}
#selectmultiperiod input {border: 1px solid #d3d3d3;background: #e6e6e6 ; font-weight: normal; color: #555}
#selectmultiperiod select {border: 1px solid #d3d3d3;background: #e6e6e6 ; font-weight: normal; color: #555;}

.viewreportbtn{float: right; margin-top: 20px;}

#allocationTable{float: left; width: 100%; margin-top: 20px; border: 1px solid #d3d3d3;}
#allocationTable h1{font-size: 1.3em; font-weight: bold;}

/*Journal enqiry journal page */
.enqiryCompany {float: left; width: 100%; margin-bottom: 5px}
.enqiryCompany .ui-combobox {float: left; width: 50%;}

.enqiryDateSelect{float: left; width: 100%; margin-bottom: 5px}
.enqiryDateSelect .ui-combobox {float: left; width: 50%;}
.enqiryDateSelect input {float:left; border: 1px solid #d3d3d3; background: #e6e6e6 ; font-weight: normal; color: #555; margin-right: 2%; width: 15%}
.enqiryDateSelect label {float: left}
.enqiryDateSelect .nochange {float:left; border: 1px solid #d3d3d3; background: #FFFFFF ; font-weight: normal; color: #555; margin-right: 2%; width: 15%}

.addJournal {float: left; width: 800px; display: block; border: 1px solid #d3d3d3;}
.addJournal h3 {text-align: left; font-size: 1.3em}
/*button*/
#addJournal {float: right;}

.frmAddJournal {float: left; width: 80%}
.frmAddJournal label{float: left;}
.frmAddJournal .ui-combobox {float: left; width: 80%}

/************** journal filter *******************/
.jfilter {float: left; margin-top: 20px; border: 0px solid #d3d3d3; width: 900px; height: 100%}
.jfilter .head {text-align: left; font-size: 1.1em}
.jfilter h3 {text-align: left; font-size: 1.3em}
.jfilter .evenrow td {font-size:1.1em; background:#fff;cursor: pointer; }
.jfilter .oddrow td {font-size:1.1em; background:#f1f1f1;cursor: pointer;}


/* Report */

.logo{text-align: left;  margin-left: 5px}
.companyname{text-align: left; font-size: 2em; margin-left: 50px}
.reportyheader {text-align: left; font-size: 3em;  margin-left: 50px}
/*************** PnL report **************************/
.PnL {margin-top: 20px}
.PnL  {width: 100%}
.PnL thead {font-size: 1.2em; text-align: right}
.PnL tbody {font-size: 1.1em}

/*header */
.PnL .hditem {font-size: 1.6em; text-align: left; vertical-align: bottom; width: 500px}
.PnL .p1date, .PnL .p2date{width: 250px; margin-right: 50px; text-align: center; padding: 20px 0px 0px 0px} 
.PnL .p1subtotal, .PnL .p2subtotal {width: 125px; margin-right: 50px; text-align: center; padding: 20px 0px 0px 0px} 
.PnL .p1hkdbal, .PnL .p2hkdbal {border-bottom: 1px solid #000000; width: 250px; text-align: center}
.PnL .varhkd {border-bottom: 1px solid #000000; width: 250px; text-align: center}
.PnL .headvarious {text-align: center; vertical-align: bottom;width: 250px}
/*-------Load_PL_single.php--------------------*/
.PnL .col3subsubcat {font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px; width:150px}
.PnL .col3subcat {text-align: left; padding-left: 20px; font-size:1.1em} 
.PnL .col3subsubcat{font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px; width:150px}
.PnL .col3subitem {text-align: left; width: 350px; font-size:1.2em}
.PnL .col3period1bal {text-align: right; padding-left: 15px; width: 125px;font-size: 1.2em;}
.PnL .col3period1subtotal {text-align: right; padding-right: 15px; font-size:1.1em; font-weight: bold; vertical-align: bottom; width: 125px}
.PnL .col3ftp1subtotal{float: right; text-align: right; padding-right: 15px; font-size:1.1em; font-weight: bold; vertical-align: bottom; border-bottom: 1px double}
.PnL .col3npperiod1subtotalsum {text-align: right; width: 125px; padding-right: 15px; font-size:1.1em; font-weight: bold; border-bottom: 3px double; vertical-align: bottom}
.PnL .col3ftsubcat, .PnL .col3netprofit{font-size:1.2em}
.PnL .col3subtotal{width: 525px; font-size:1.2em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col3subperiod1subtotal{text-align: right; width: 125px; padding-right: 15px; font-size:1.1em; font-weight: bold; border-bottom: 1px double; vertical-align: bottom}
/*-------P&L YTD vs this month Load_PL.php--------------------*/
/*content */
.PnL .col4subsubcat {font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px; width:150px}
.PnL .col4subcat {text-align: left; padding-left: 20px; font-size:1.1em} 
.PnL .col4subitem {text-align: left; width: 350px; font-size:1.2em}
.PnL .col4ftsubcat{text-align: left; width: 150px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col4ftsubitem {text-align: left; width: 350px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col4period1bal, .PnL .col4period2bal {text-align: right; padding-left: 15px; width: 125px; font-size:1.1em}
.PnL .col4period1subtotal, .PnL .col4period2subtotal {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; vertical-align: bottom; width: 125px}
.PnL .col4ftp1bal, .PnL .col4ftp2bal {text-align: left; padding-left: 15px}
.PnL .col4ftp1subtotal, .PnL .col4ftp2subtotal {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; vertical-align: bottom; border-bottom: 1px double}
/* subtotals */
.PnL .col4subtotal{width: 500px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col4netprofit{width: 500px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col4subperiod1bal, .PnL .col4subperiod2bal {text-align: left; width: 125px; padding-left: 15px} 
.PnL .col4subperiod1subtotal, .PnL .col4subperiod2subtotal {text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold; border-bottom: 1px double; vertical-align: bottom}
/* subtotals */
.PnL .col4npperiod1bal, .PnL .col4npperiod2bal {text-align: left; width: 125px; padding-left: 15px}
.PnL .col4npperiod1subtotal, .PnL .col4npperiod2subtotal {text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold}
.PnL .col4npperiod1subtotalsum, .PnL .col4npperiod2subtotalsum{text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold; border-bottom: 3px double; vertical-align: bottom}
/*-------------load_PL1.php & load_PL2.php-------------------------------*/
/* content */
.PnL .col5subsubcat {font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px; width: 150px}
.PnL .col5subcat {text-align: left; padding-left: 20px; width: 150px; font-size:1.1em}
.PnL .col5subitem {text-align: left; width: 350px; font-size:1.2em}

.PnL .col5ftsubcat {text-align: left; width: 150px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col5ftsubitem {text-align: left; width: 350px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col5period1bal, .PnL .col5period2bal, .PnL .col5various {text-align: right; padding-left: 15px; width:125px; font-size:1.1em}

.PnL .col5period1subtotal, .PnL .col5period2subtotal,.PnL .col5varioussubtotal {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; width: 125px}
.PnL .col5ftp1bal, .PnL .col5ftp2bal {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; width:125px}
.PnL .col5ftvarious {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold;border-bottom: 1px double; vertical-align: bottom;width: 125px}
.PnL .col5ftp1subtotal, .PnL .col5ftp2subtotal, .PnL .col5ftvarioussubtotal {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; border-bottom: 1px double; vertical-align: bottom}

/* subtotals */
.PnL .col5subtotal, .PnL .col5netprofit{width: 525px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.PnL .col5subperiod1bal, .PnL .col5subperiod2bal {text-align: left; width: 125px; padding-left: 15px} 
.PnL .col5subperiod1subtotal, .PnL .col5subperiod2subtotal, .PnL .col5subtotalvarious, .PnL .col5subtotalvbal{text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold; border-bottom: 1px double; vertical-align: bottom} 
.PnL .col5npperiod1bal, .PnL .col5npperiod2bal, .PnL .col5subtotalvarious, .PnL .col5npvarioussubtotal {text-align: right; width: 125px; padding-right: 15px}
.PnL .col5npperiod1subtotal, .PnL .col5npperiod2subtotal, .PnL .col5npvarioussubtotal {text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold}
.PnL .col5npvarious {text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold}
.PnL .col5npperiod1subtotalsum, .PnL .col5npperiod2subtotalsum, .PnL .col5npvarioussubtotalsum , .PnL .col5npvarioussum{text-align: right; width: 125px; padding-right: 15px; font-size:1em; font-weight: bold;text-decoration: none; border-bottom: 3px double; vertical-align: bottom}
.PnL .col5balvarious {width: 125px; padding-right: 15px;}
.PnL .col5ftbalvarious {width: 125px; padding-right: 15px;}

.PnL .col4subitemgl, .PnL .col3subitemgl {font-size: 0.95em}
.PnL .col4period1balgl,.PnL .col4period2balgl, .PnL .col3period1balgl {text-align: right;font-size: 0.95em}

.PnL .w125 {width: 125px}
.PnL .w140 {width: 140px}
.PnL .w150 {width: 150px}
.PnL .w250 {width: 250px}
.PnL .w500 {width: 500px}
.PnL .w525 {width: 525px}
.PnL .w350 {width: 350px}


/************Balance sheet**********************************/
.balancesh {margin: 20px 0px 50px 0px;}
/* .balancesh  {width: 1200px} */
.balancesh thead {font-size: 1.1em; text-align: right;}
.balancesh tbody {font-size: 1em;}
#retainearning tr {height: 30px}

/*----Balance sheet YTD (load_balance.php)------------------------------------*/
/*header */
.balancesh .col3hdbsitem {font-size: 1.6em; text-align: left; vertical-align: bottom; width: 350px; padding-left:0px}
/*.balancesh .col3bsblank {width: 100px}*/
.balancesh .col3hdp1date {text-align: center;padding: 20px 0px 0px 0px;}
.balancesh .col3hdp1hkd {text-align: center; width: 200px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #000000;}

/*content */
.balancesh .col3col3{width: 120px; font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px}
.balancesh .col3ftcol3{font-size: 1em; font-weight: bold; padding: 20px 0px 0px 0px}
.balancesh .col3p1bal, .balancesh .col3bsbal {text-align: right;width: 125px}
.balancesh .col3p1sub {text-align: right; padding-right: 15px; font-size:1em; font-weight: bold;width: 125px}
.balancesh .col3ftsubsum {text-align: right; padding-right: 15px; font-size:1em;vertical-align: bottom; font-weight: bold; border-bottom: 1px double }
.balancesh .col3bssubcat {padding-left: 15px;font-size: 1.1em;}
.balancesh .col3ftsum {border-bottom: 0px double #000000}
.balancesh .col3bssubitem {font-size: 1.2em;}

/*sub totals */
.balancesh .col3subtotal1col2 {text-align: left; font-size:1.2em; font-weight: bold; padding: 20px 0px 0px 0px;vertical-align: bottom;width: 500px}
.balancesh .col3subtotalblkcol2 {text-align: left;}
.balancesh .col3subtotal1 {text-align: right; padding-right: 15px; border-bottom: 0px double #000000; font-size:1em; font-weight: bold;  border-bottom: 1px double;vertical-align: bottom}

/* net items */

.balancesh .col3summaryitem, .balancesh .summaryitem{text-align: left; vertical-align: bottom; margin-bottom: 50px; font-size:1em; font-weight: bold; padding: 20px 0px 0px 0px}
.balancesh .col3summaryitemnp, .balancesh .summaryitemnp{text-align: left; vertical-align: bottom; margin-bottom: 50px; font-size:1.2em; font-weight: bold;padding-left:0px}
.balancesh .col3summaryitemnp1, .balancesh .summaryitemnp1{text-align: left; vertical-align: bottom; margin-bottom: 50px; font-size:1em; font-weight: bold;padding-left:0px}

.balancesh .col3summaryresult{text-align: right;  padding-right: 15px;vertical-align: bottom;  border-bottom: 0px double #000000; font-size:1em; font-weight: bold;  border-bottom: 1px double}
.balancesh .col3summaryresultre{text-align: right;  padding-right: 15px;vertical-align: bottom;  border-bottom: 0px double #000000; font-size:1em; font-weight: bold;width: 125px}
.balancesh .col3summaryresultsum{text-align: right; padding-right: 15px; vertical-align: bottom;  border-bottom: 0px double #000000; font-size:1.2em; font-weight: bold; border-bottom: 3px double;width: 125px}
/*-----Balance sheet YTD vs last year (load_balance1.php & load_balance_cust.php )---------------------------*/
/*header */
.balancesh .hdbsitem {font-size: 1.6em; text-align: left; vertical-align: bottom; width: 500px;padding-left:0px}
.balancesh .hdp1date, .balancesh .hdp2date, .balancesh .hdvarious {text-align: center; padding: 20px 0px 0px 0px; width: 250px}
.balancesh .hdsubp1hkd, .balancesh .hdsubp2hkd, .balancesh .hdvhkd {text-align: center; width: 250px; border-bottom: 1px solid #000000;}

/* content */
.balancesh .bssubsubcat {width: 150px; font-size: 1.2em; font-weight: bold; padding: 5px 0px 5px 0px}
.balancesh .bssubcat {padding: 2px 0px 2px 20px;width: 100px; font-size: 1.1em}
.balancesh .bssubitem {width: 350px; font-size: 1.2em}
.balancesh .bsp1bal, .balancesh .bsp2bal, .balancesh .pvarious, .balancesh .ftvsum, .balancesh .ftp1sum, .balancesh .ftp2sum, .balancesh .ftvsum 
{text-align: right; padding-right: 15px; width: 125px; font-size: 1.1em}
.balancesh .bsp1sub, .balancesh .bsp2sub, .balancesh .pvarioussub, .balancesh .ftp1subsum, .balancesh .ftp2subsum, .balancesh .ftvsubsum
{text-align: right; padding-right: 15px; font-size:1em; font-weight: bold; width: 125px}
.balancesh .ftcol3 {font-size: 1.2em; font-weight: bold; padding: 20px 0px 0px 0px}
.balancesh .ftp1subsum, .balancesh .ftp2subsum, .balancesh .ftvsubsum{text-align: right; padding-right: 15px;vertical-align: bottom; font-size:1.1em; font-weight: bold;  border-bottom: 1px double}
.balancesh .summaryresult1sum, .balancesh .summaryresult2sum, .balancesh .summaryvarioussum{text-align: right; padding-right: 15px; vertical-align: bottom;  border-bottom: 0px double #000000; font-size:1em; font-weight: bold;  border-bottom: 3px double}
/*sub totals */
.balancesh .subtotal1col2 {text-align: left; font-size:1.1em; font-weight: bold; padding: 20px 0px 0px 0px;width: 500px;padding-left:0px}
.balancesh .subtotal1col2np {text-align: left; font-size:1.2em; font-weight: bold;width: 500px;padding-left:0px}
.balancesh .subtotal2, .balancesh .subtotalvar, .balancesh .subtotalvarsum {text-align: right; padding-right: 15px;vertical-align: bottom; font-size:1.1em; border-bottom: 1px double; font-weight: bold}
.balancesh .subtotal2re, .balancesh .subtotalvarre  {text-align: right; padding-right: 15px;vertical-align: bottom; font-size:1.1em; font-weight: bold;width: 125px;}
.balancesh .subtotal2sum, .balancesh .subtotalvarsum {text-align: right; padding-right: 15px; font-size:1.2em; font-weight: bold; border-bottom: 3px double;width: 125px;vertical-align: bottom}
.balancesh .subtotal1 {text-align: right; padding-right: 15px;vertical-align: bottom; font-size:1.2em; width: 125px}

.balancesh .col3bssubitemgl,.balancesh .bssubitemgl {font-size: 0.95em}
.balancesh .col3bsbalgl,.bsp2balgl, .bsp1balgl {text-align: right;font-size: 0.95em}
 
 
.balancesh .blank {width: 10px}
.balancesh .w125 {width: 125px}
.balancesh .w150 {width: 150px}
.balancesh .w250 {width: 250px}
.balancesh .w500 {width: 500px}
.balancesh .w525 {width: 525px}
.balancesh .w350 {width: 350px}

.balancesh .equity {font-size:1.8em; font-weight: bold;text-align: left;padding-left:0px}


/*GL report */
.GL .w20 {width: 20px;}
.GL .w30 {width:30px}
.GL .w60 {width:60px}
.GL .w80 {width:80px}
.GL .w90 {width:90px}
.GL .w120 {width: 120px;}
.GL .w200 {width: 200px;}
.GL .w150 {width:150px}
.GL .aright {text-align: right;}
.GL .scclosing {font-size: 1.5em;}
.GL .scopening {font-size: 1.5em;}