#mortgage_container{
		width:540px;
		position:relative;
		margin:0 auto 0 auto;
		padding: 15px;
		font : normal 10px verdana, arial, sans-serif;
		background:#fff;
		/* border:2px solid #ccc; */
		z-index:1;
	}
	#mortgage_container div.fields{
		width:200px;
		height:206px;
		float:left;
		margin:0 0 10px 0;
		padding:10px;
		text-align:right;
		border: 2px solid #ddd;
	}
	#mortgage_container div.fields input{
		width:80px;
		margin:5px 0 0 3px;
		border: 1px solid #999;
		padding:2px;
		}
	#mortgage_container div.fields input.small{
		width:40px;
	}
	#mortgage_container div.fields#details{
		width:282px;
		height:250px;
		margin-left:10px;
		padding:10px;
	}
	#mortgage_container div.fields#details input{
		width:125px;
		background-color:#fff;
	}
	#mortgage_container div.fields h1{
		font: bold 14px verdana, arial, sans-serif;
		color:#1C3173;
		text-align:left;
		margin:0px;
		padding:2px;
		background:#EEEBDE;
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-bottom:1px solid #ccc;
	}
	#mortgage_container div.fields input.submit{
		height:24px;
		width:70px;
		font: bold 12px verdana, arial, sans-serif;
		color:#1C3173;
		text-align:center;
		border:2px solid #1C3173;
		background:#EEEBDE;
		margin-top:14px;
	}
	#mortgage_container div.fields input.submit#hover{
		background:#1C3173;
		color:#fff;
		border:2px solid #CCD2DE;
		cursor: pointer;
		cursor: hand;
	}
	h1.schedule {
		text-align:center;
		padding: 3px;
		margin:0 0 2px 0;
		font: bold 14px verdana, arial, sans-serif;
		color:#1C3173;
		background:#EEEBDE;
		border-top:1px solid #999;
		border-left:1px solid #999;
		clear:both;
	}
	input.hidden {
		display:none;
	}
	a.print {
		display:block;
		width:100%;
		text-align:center;
		font: normal 12px verdana, arial, sans-serif;
		color: #1C3173;
		text-decoration:none;
		margin-top:15px;
	}
	a.print:hover {
		text-decoration:underline;
	}
	
/* +++++++++++++++++ Begin scrolling table / fixed headers code +++++++++++++++++++ */


    table, td {
    	color: #333;
    	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
    
    
    /* This makes the scrolling table work */
    
    div.tableContainer {
    	clear: both;
    	height: 300px;
    	border: 1px solid #ccc;
        overflow: auto;
    	width: 538px;
    	position: relative;
    }
    
    /* The different widths below are due to the way the scroll bar is implemented */
    
    /* All browsers accept this, but we are targeting IE with this rule */
    div.tableContainer table {
    	width: 521px;
    }
    
    /* Modern browsers accept this (not IE) and we are targetting firefox */
    html>/**/body div.tableContainer table {
        width: 538px;
    }
    
    /* Modern browsers accept this (not IE) and we are targetting firefox */
    html>/**/body div.tableContainer table>tbody	{  
        overflow: auto; 
        height: 276px;
        overflow-x: hidden;
    }
    
    div.tableContainer thead tr	{
    	position:relative;
    }
    
    /*prevent Mozilla scrollbar from hiding cell content*/
    div.tableContainer td:last-child {padding-right: 20px;}
    
    /* make the TH elements pretty */
    thead.fixedHeader th {
    	background: #d7dBdd;
    	border-left: 1px solid #eee;
    	border-right: 1px solid #ddd;
    	border-top: 1px solid #eee;
    	font-weight: normal;
    	padding: 4px 3px;
    	text-align: left;
    }
    
    
    /* make TD elements pretty. Provide alternating classes for striping the table */
    
    tbody.scrollContent td, tbody.scrollContent tr.even td {
    	background: #FFF;
    	border-bottom: none;
    	border-left: none;
    	border-right: 1px solid #CCC;
    	border-top: 1px solid #DDD;
    	padding: 2px 3px 3px 4px;
    }
    
    tbody.scrollContent tr.odd td {
    	background: #EEE;
    	border-bottom: none;
    	border-left: none;
    	border-right: 1px solid #CCC;
    	border-top: 1px solid #DDD;
    	padding: 2px 3px 3px 4px;
    }
    
    /* define width of TH elements    */
    
    thead.fixedHeader th {
    	width: 34px;
    }
    
    thead.fixedHeader th + th {
    	width: 70px;
    }
    
    thead.fixedHeader th + th + th {
    	width: 134px;
    }
    thead.fixedHeader th + th + th + th {
    	width: 100px;
    }
    thead.fixedHeader th + th + th + th + th {
    	width: 100px;
    }
    thead.fixedHeader th + th + th + th + th + th {
    	width: 100px;
    }
    
    /* define width of TD elements   */
    
    tbody.scrollContent td {
    	width: 34px;
    }
    
    tbody.scrollContent td + td {
    	width: 70px;
    }
    
    tbody.scrollContent td + td + td {
    	width: 134px;
    }
    tbody.scrollContent td + td + td + td {
    	width: 100px;
    }
    tbody.scrollContent td + td + td + td + td {
    	width: 100px;
    }
    tbody.scrollContent td + td + td + td + td + td {
    	width: 100px;
    }
    
    /* set widths to auto for ie6  */
    
    * html thead.fixedHeader th{
    	width:auto;
    }
    * html tbody.scrollContent td{
    	width:auto;
    }