/**********************************************/
/*||||||||||||||||||||||||||||||||||||||||||||*/
/*                                            */
/*                                            */
/*  file_name:  14X.css                       */
/*  project:  accounting_coach.com            */
/*  author:  chrisv                           */
/*  created: 1/5/07                           */
/*  notes: this file was created to port      */
/*         html -> css table layout and       */
/*         style features                     */
/*                                            */
/*                                            */
/*||||||||||||||||||||||||||||||||||||||||||||*/
/**********************************************/

/***********************************************/
/*    my new stuff : )                         */
/***********************************************/

/* some format */


.hilight {
  background-color: #FFFF9C;
  color: #000000;
}

.centerThis {
	text-align: center;
}

.underlineThis {
	text-decoration: underline;
}

.leftSpacer14X{
    margin-left: 180px;
}

tr .altrow14X {
  background-color: #FFFFCC;
}

td .firstAltCell {
  border-left: 0px solid #EEEEEE;
}

td .lastAltCell{
  border-right: 0px solid #EEEEEE;
}

/* now the objects */ 

/*******************************
********************************

  SMALL INCOME STATEMENT TABLE

********************************
********************************/

.smallIncomeStatement {
  margin-left: 150px;
}

.smallIncomeStatement table{
    table-layout: fixed;
	width: 350px;
    font: 0.9em Arial;
    font-weight: bold;
    border: 3px solid #CCCCCC;
    background-color: #FFFDDA;    
}

.smallIncomeStatement td{
    /* border: 1px solid #00FF00;   use this to debug */
}

.smallIncomeStatement .title{
	font: 1.1em Arial;
	font-weight: bold;
	text-align: center;
}

.smallIncomeStatement .firstLine{
    padding-top: 10px;	
}

.smallIncomeStatement .lastLine{
    padding-bottom: 10px;	
}

.smallIncomeStatement .listItem {
	text-align: left;
	padding-left: 15px;
}

.smallIncomeStatement .price {
	text-align: right;
	padding-right: 15px;
}

.smallIncomeStatement .subItem {
	padding-left: 35px;
}

.smallIncomeStatement .r1c1{
	width: 265px;
	padding-left: 15px;
}
 
.smallIncomeStatement .r1c2{
   	width: 10px;
	text-align: center;
}

.smallIncomeStatement .r1c3{
   width: 70px;
   padding-right: 15px
}

.smallIncomeStatement .underlineBox{
	border-bottom: 1px solid #000000;
}

.smallIncomeStatement .doubleUnderlineBox{
	border-bottom: 3px double #000000; 
    line-height: 1.8em;
}

      .incomeStatementSpacer{
		padding-left: 150px;
	}

/*******************************
********************************

  LARGE INCOME STATEMENT TABLE

********************************
********************************/
.balanceSheet {
  margin-left: 0px;
}

.balanceSheet table{
    table-layout: fixed;
	width: 610px;
    font: 0.9em Arial;
    font-weight: bold;
    border: 3px solid #CCCCCC;
    background-color: #FFFDDA;
	padding-bottom: 0px;    
}

.balanceSheet tr .bottom {
   padding-bottom: 25px
}

.balanceSheet td {
   /* border: 1px solid #00FF00;   use this to debug */
}

.balanceSheet .title{
	font: 1.1em Arial;
	font-weight: bold;
	text-align: center;
}

.balanceSheet .firstLine{
    padding-top: 15px;	
}

.balanceSheet .lastLine{
    padding-bottom: 30px;	
}

.balanceSheet .category{
	text-align: left;
	padding-left: 8px;
	font-weight: bold;
}

.balanceSheet .bottomLine {
   padding-left: 8px;
}

.balanceSheet .listItem {
	text-align: left;
	padding-left: 15px;
}

.balanceSheet .subItem {
	padding-left: 25px;
}

.balanceSheet .price {
	text-align: right;
	padding-top: 0px;
	padding-right: 5px;
}

.balanceSheet .totalItems {
	text-align: left;
	padding-left: 40px;
	padding-top: 18px;
	padding-bottom: 20px;
}

.balanceSheet .grandTotal {
	font-weight: bold;
	padding-left: 8px;
}

.balanceSheet .r1c1{
	width: 205px;
	padding-left: 15px;
}

.balanceSheet .r1c2{
	width: 10px;
	text-align: center;
}
 
.balanceSheet .r1c3{
   width: 75px;
   padding-right: 15px
}

.balanceSheet .r1c4{
	width: 215px;
	padding-left: 15px;
}
 
.balanceSheet .r1c5{
	width: 10px;
	text-align: center;
}
 
.balanceSheet .r1c6{
   width: 75px;
   padding-right: 15px
}

.balanceSheet .underlineBox{
	border-bottom: 1px solid #000000;
}

.balanceSheet .doubleUnderlineBox{
	border-bottom: 3px double #000000; 
    line-height: 1.8em;
}

.balanceSheet .lineBoxTop{
	border-top: 1px solid #000000;
}
.balanceSheet .emptyCell {
    color: #FFFDDA;
}




.balanceSheetNote {
  margin-left: 0px;
}

.balanceSheetNote table{
    table-layout: fixed;
	width: 610px;
    font: 0.9em Arial;
    font-weight: bold;
    border-right: 2px dotted #f4f4f4;
    border-left: 2px dotted #f4f4f4;
    border-bottom: 2px dotted #f4f4f4;
    background-color: #F8F7F7;
	padding-bottom: 0px;    
}

.balanceSheetNote tr .bottom {
   padding-bottom: 25px
}

.balanceSheetNote td {
   /* border: 1px solid #00FF00;   use this to debug */
}

.balanceSheetNote .title{
	font: 1.1em Arial;
	font-weight: bold;
	text-align: center;
}

.balanceSheetNote .firstLine{
    padding-top: 15px;	
}

.balanceSheetNote .lastLine{
    padding-bottom: 30px;	
}

.balanceSheetNote .category{
	text-align: left;
	padding-left: 8px;
	font-weight: bold;
}

.balanceSheetNote .bottomLine {
   padding-left: 8px;
}

.balanceSheetNote .listItem {
	text-align: left;
	padding-left: 15px;
}

.balanceSheetNote .subItem {
	padding-left: 25px;
}

.balanceSheetNote .price {
	text-align: right;
	padding-top: 0px;
	padding-right: 5px;
}

.balanceSheetNote .totalItems {
	text-align: left;
	padding-left: 40px;
	padding-top: 18px;
	padding-bottom: 20px;
}

.balanceSheetNote .grandTotal {
	font-weight: bold;
	padding-left: 8px;
}

.balanceSheetNote .r1c1{
	width: 205px;
	padding-left: 15px;
}

.balanceSheetNote .r1c2{
	width: 10px;
	text-align: center;
}
 
.balanceSheetNote .r1c3{
   width: 75px;
   padding-right: 15px
}

.balanceSheetNote .r1c4{
	width: 215px;
	padding-left: 15px;
}
 
.balanceSheetNote .r1c5{
	width: 10px;
	text-align: center;
}
 
.balanceSheetNote .r1c6{
   width: 75px;
   padding-right: 15px
}

.balanceSheetNote .underlineBox{
	border-bottom: 1px solid #000000;
}

.balanceSheetNote .doubleUnderlineBox{
	border-bottom: 3px double #000000; 
    line-height: 1.8em;
}

.balanceSheetNote .lineBoxTop{
	border-top: 1px solid #000000;
}
.balanceSheetNote .emptyCell {
    color: #FFFFFF;
}
/*******************************
********************************
 
  ACCOUNTING EQUATION TABLE

********************************
********************************/

.accountingEquation {
  margin-left: 180;
}

.accountingEquation table{
    table-layout: fixed; 
    width: 430px;
    border-collapse: collapse;
    font: 0.9em Arial;
    font-weight: bold;
    border-bottom: 1px dashed #330099;
}

.accountingEquation td{
    /* border: 1px solid #00FF00;   use this to debug */
    font: 1.1em Arial;
    text-align: right;
    line-height: 2.1;
}

.accountingEquation .r1c1, 
.accountingEquation .r1c2, 
.accountingEquation .r1c3, 
.accountingEquation .r1c4,
.accountingEquation .r1c5,
.accountingEquation .r1c6{
	border-bottom: 1px dashed #330099;
    background-color:  #FFCC66;
    font-weight: bold;
}

.accountingEquation .altHeader {
   background-color:  #FFCC66;
   padding: 3px 0px 3px 0px;
   font: 1.2em Arial;	
}

.accountingEquation .r1c1 {
   width: 18%;
   padding-left: 2px;
}

.accountingEquation .r1c2 {
   width: 18%;
}

.accountingEquation .r1c3 {
   width: 5%;
}

.accountingEquation .r1c4 {
   width: 15%;
}

.accountingEquation .r1c5 {
   width: 4%;
}

.accountingEquation .r1c6 {
   width: 30%;
}

.accountingEquation .cellPad {
   padding-left: 22px;   
}

.accountingEquation .rightShift {
   padding-left: 70px;   
}


/*******************************
********************************

     JOURNAL ENTRY TABLE

********************************
*******************************/

.journalEntry{
  margin-left: 50px;
}

.journalEntry table{
    table-layout: fixed; 
    width: 550px;
    border-collapse: collapse;
    font: 0.9em Arial;
    font-weight: bold;
}

.journalEntry td{
    /* border: 1px solid #00FF00;    use this to debug*/
    font: 1.1em Arial;
    font-weight: bold;
}

.journalEntry .r1c1, 
.journalEntry .r1c2, 
.journalEntry .r1c3, 
.journalEntry .r1c4{
    border-bottom: 6px solid #000000;
}

.journalEntry .r1c1 {
   width: 165px;
}

.journalEntry .r1c2 {
   width: 220px;
}

.journalEntry .r1c3 {
   width: 82px;
}

.journalEntry .r1c4 {
   width: 82px;
}

.journalEntry .cellPad {
   padding-left: 22px;   
}

.journalEntry .rightShift {
   padding-left: 70px;   
}



      /* TABLE 1 */
      
	  .table1 {
         margin-left: 180px;
      }

     .table1 table{
        table-layout: fixed;
	  	width: 350px;
    	font: 0.9em Arial;
    	font-weight: bold;
    	border: 3px solid #CCCCCC;
    	background-color: #FFFDDA;    
	}

	.table1 td{
       /* border: 1px solid #00FF00;  use this to debug */
	}

	.table1 .title{
		font: 1.1em Arial;
		font-weight: bold;
		text-align: center;
	}

	.table1 .firstLine{
    	padding-top: 15px;	
	}

	.table1 .lastLine{
    	padding-bottom: 15px;	
	}	

	.table1 .listItem {
		text-align: left;
		padding-left: 15px;
	}

	.table1 .price {
		text-align: right;
		padding-right: 15px;
	}

	.table1 .subItem {
		padding-left: 35px;
	}

	.table1 .r1c1{
		width: 265px;
		padding-left: 15px;
	}
 
	.table1 .r1c2{
   		width: 10px;
		text-align: center;
	}

	.table1 .r1c3{
   		width: 70px;
   		padding-right: 15px
	}

	.table1 .underlineBox{
		border-bottom: 1px solid #000000;
	}

	.table1 .doubleUnderlineBox{
		border-bottom: 3px double #000000; 
    	line-height: 1.8em;
	}
	
	.underlineBox{
		border-bottom: 1px solid #000000;
    }
    
    .blankCell{
		background-color: #FFFDDA; 
		color: #FFFDDA;
	}
	
	 /* TABLE 2 */
	
	 .table2 {
         margin-left: 180px;
      }

     .table2 table{
        table-layout: fixed;
	  	width: 400px;
    	font: 0.9em Arial;
    	font-weight: bold;
    	border: 3px solid #CCCCCC;
    	background-color: #EEEEEE;    
	}

	.table2 td{
       /* border: 1px solid #00FF00;   use this to debug */
	}
	 
   	.table2 .r1c1{
		width: 80%;
		padding-left: 15px;
		padding-top: 4px;
		padding-bottom: 4px;
		text-align: left;
		
	}
 
	.table2 .r1c2{
   		width: 20%;
   		padding-right: 15px;
		text-align: right;
	}
	
	 /* TABLE 3 */
	
	 .table3 {
         margin-left: 180px;
      }

     .table3 table{
        table-layout: fixed;
	  	width: 400px;
    	font: 0.9em Arial;
    	font-weight: bold;
    	border: 3px solid #EEEEEE;
    	background-color: #FFFDDA;    
	}

	.table3 td{
       /* border: 1px solid #00FF00;  use this to debug */
	}
	 
   	.table3 .r1c1{
		width: 35%;
		padding-left: 15px;
		text-align: right;
		
	}
 
	.table3 .r1c2{
   		width: 5%;
		text-align: center;
	}
	
	.table3 .r1c3{
   		width: 60%;
   		padding-right: 15px;
		text-align: left;
	}
	
      /* TABLE 4 */
      
	  .table4 {
         margin-left: 130px;
      }

     .table4 table{
        table-layout: fixed;
	  	width: 450px;
    	font: 0.9em Arial;
    	font-weight: bold;
    	border: 3px solid #EEEEEE;
    	background-color: #DEF5DC;    
	}

	.table4 td{
       /* border: 1px solid #00FF00;  use this to debug */
	}

	.table4 .listItem {
		text-align: left;
		padding-left: 15px;
	}

	.table4 .subItem {
		padding-left: 35px;
	}

    .table4 .subTotal {
		padding-left: 125px;
	}
	
	.table4 .r1c1{
		width: 65%;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
 
	.table4 .r1c2{
   		width: 5%;
		text-align: center;
	}

	.table4 .r1c3{
   		width: 13%;
   		text-align: right;
	}

	.table4 .r1c4{
   		width: 17%;
   		padding-right: 15px;
   		text-align: center;
	}
	
	.table4 .underlineBox{
		border-bottom: 1px solid #000000;
	}

	.table4 .doubleUnderlineBox{
		border-bottom: 3px double #000000; 
    	line-height: 1.8em;
	}
	
	.table4 .blankCell{
		background-color: #DEF5DC; 
		color: #DEF5DC;
	}

	.colorSpecialCell {
	   background-color: #FFFFCC;
	}

.expanded-accounting-equation-table {
	background: #fff;
	border: 1px solid #ccc;
	border-collapse: collapse;
 }

.expanded-accounting-equation-table td.one {
	width: 15px;
 	text-align: center;
	border: 1px solid #ccc;
 }

.expanded-accounting-equation-table td.two {
	width: 80px;
	text-align: right;
	border: 1px solid #ccc;
 }

.expanded-accounting-equation-table td.title {
	width: 80px;
	text-align: center;
	border: 1px solid #ccc;
 }

.expanded-accounting-equation-table tr.title {
	background-color: #fffcca;
 }

.expanded-accounting-equation-table tr.other {
	background-color: #EAFAE7;
 }

.expanded-equation-table {
	border: 1px solid #ccc;
	padding: 3px;
 }

.expanded-equation-table td.one {
	width: 80px;
 }

.expanded-equation-table td.two {
	width: 50px;
	text-align: right;
 }