
@charset "utf-8";
body {

    margin: 0;
    padding: 0;
    
}

.thead {
font-weight: bold;
font-size: 20px;

}

.table {
color: white;	
}
.table tr {
height: 28px;
}
#wraper {
    background-color: #333333;
    border-radius: 10px 10px 10px 10px;
    float: right;
    height: auto;
    margin: 0 110px 2px 5px;
    padding: 0 0 8px;
    width: 969px;
}
#wraper1 {
    background-color: #333333;
    border-radius: 10px 10px 10px 10px;
    height:auto;
    margin: 0 auto;
    padding: 0 0 8px 0px;
    width: 969px;

}
#hearder {
  background-color:#FF6C00;
  border:1px solid #FFFFFF;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  float:left;
  height:408px;
  margin:8px 0 0 9px;
  padding:0;
  width:242px;
}
.firstline {
  float:left;
  height:34px;
  margin:9px 0 0 5px;
  padding:0;
  width:178px;
}
.firstlinebtm {
    float: left;
    height: 34px;
    margin: 9px 0 0 5px;
    padding: 0;
    width: 227px;
}
.firstlinebtm h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0 6px;
    padding: 0;
}
.firstlinelst {
    float: left;
    height: 34px;
    margin: 9px 0 0 5px;
    padding: 0;
    width: 228px;
}
.firstlinelst h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0 6px;
    padding: 0;
}
.whiteboxlst {
    color: white;
    float: right;
    font-size: 14px;
    height: 20px;
    margin: 0 0px;
    padding: 0;
    width: 110px;
}
.whiteboxbtm {
    color: white;
    float: right;
    font-size: 14px;
    height: 19px;
    margin: 0;
    padding: 5px 23px 0;
    width: 52px;
}
.firstline81 {
  float:left;
  height:34px;
  margin:9px 0 0 5px;
  padding:0;
  width:237px;
}
.firstline81 h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 0px;
    padding: 0;
}
.firstline00 {
    background: none repeat scroll 0 0 #808080;
    border: 1px solid white;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 52px;
    margin: 3px 0 0 3px;
    padding: 0;
    width: 234px;
}
.firstline00 h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 19px 0 0 11px;
    padding: 0;
}
.firstline h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 0px;
    padding: 0;
}
.firstlineIns {
  float:left;
  height:34px;
  margin:9px 0 0 4px;
  padding:0;
  width:241px;
}
.firstlineIns h1{
   color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 0 0px;
    padding: 0;
}
.firstlineTime {
  float:left;
  height:34px;
  margin:9px 0 0 5px;
  padding:0;
  width:234px;
}
.firstlineTime01 {
  float:left;
  height:50px;
  margin:28px 0 0 5px;
  padding:0;
  width:234px;
}
.firstlineTime01 h1{
   color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0px;
    padding: 0;
}
.whitebox001 {
    float: right;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 53px;
}
.whitebox8 {
  float:left;
  height:57px;
  margin:-5px 0 0 89px;
  padding:0;
  width:53px;
}
.firstlineTime h1{
   color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 0px;
    padding: 0;
}
.whitebox {
  float:right;
  height:30px;
  margin:0;
  padding:0;
  width:54px;
}
.whitebox2 {
  float:right;
  height:30px;
  margin:0px;
  padding:0px;
  width:53px;
}
.whitebox3 {
  float:right;
  height:30px;
  margin:0px;
  padding:0px;
  width:50px;
}
.whitebox4 {
  float:left;
  height:30px;
  margin:4px 0 0 27px;
  padding:0;
  width:94px;
}
.whitebox5 {
  float:right;
  height:30px;
  margin:0px 50px 0 0px;
  padding:0;
  width:53px;
}
.topoart {
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 357px;
    margin: 0;
    padding: 0;
    width: 242px;
}
.calculate {
    background-color: gray;
    border: 1px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 30px;
    margin: 4px 0 0 39px;
    padding: 0;
    width: 164px;
}

.calculate h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 3px 0 0 39px;
    padding: 0;
}
.calculate:hover {
    background-color: #6D6D6D;
    cursor:pointer;
}
.clear {
    clear: both;
    overflow: hidden;
}
.graph {
  background-color:#FFFFFF;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  float:left;
  height:410px;
  margin:8px 0 0 4px;
  padding:0;
  width:700px;
}
.mac {
    border: medium none;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 4px rgba(0, 0, 0, 0.1);
    color: #333333;
    display: block;
    padding: 5px 8px;
}
.mac:focus {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 4px rgba(0, 0, 0, 0.1), 0 0 5px 1px #51CBEE;
    outline: medium none;
}
.textarea {
    background-color: #707070;
    border-radius: 10px 10px 10px 10px;
    height: 518px;
    margin: 8px 0 0 12px;
    padding: 0;
    width: 946px;
}
.textarea-small {
    background-color: #707070;
    border-radius: 10px 10px 10px 10px;
    height: 125px;
    margin: 10px 0 0 12px;
    padding: 0;
    width: 945px;
}
.textarea-small h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin: 4px 0 0 15px;
    padding: 0;
}
.textarea h1 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin: 4px 0 0 15px;
    padding: 0;
}
.textarea-small p {
    color: #FFFFFF;
    float: left;
    margin: 12px 0 0 12px;
    padding: 0;
    text-align: justify;
    width: 922px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.textarea p {
    color: #FFFFFF;
    float: left;
    margin: 12px 0 0 12px;
    padding: 0;
    text-align: justify;
    width: 922px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.textarea ul li {
    color: #FFFFFF;
	float: left;
	padding: 0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: list-item;
	width: 100%;
}

.bottompart {
    background-color: #707070;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 265px;
    margin: 8px 0 0 12px;
    overflow: hidden;
    padding: 0;
    width: 945px;
}

.nav {
    background-color: #f36700;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 29px;
    margin: 12px 0 0 9px;
    padding: 0;
    width: 923px;
}

.orgfirstbox {
    background-color: rgb(197, 167, 114);
    border-radius: 0 0 10px 10px;
    float: left;
    height: 150px;
    margin: 13px 0 0 26px;
    padding: 0;
    width: 30%;
	border-radius: 10px 10px 10px 10px;
	color: white;
    font-family: Arial;
    font-size: 12px;
	
}
.orgfirstbox h1 {
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 16px;
    margin: 2px 0 0 73px;
    padding: 0;
}
.nav3 {
	background-color:#C5BE86;;
    float: left;
    height: 28px;
    padding: 0;
    width: 100%;
    text-align:center;
	border-radius: 10px 10px 0px 0px;
	
}
.lenderbox{
	width:46% !important;
	height:240px !important;
}
.firstbox {
    background-color: #7C7B7B;
    border-radius: 0 0 10px 10px;
    float: left;
    height: 196px;
    margin: 13px 0 0 26px;
    padding: 0;
    width: 280px;
	border-radius: 10px 10px 10px 10px;
	
}
.firstbox h1 {
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 16px;
    margin: 2px 0 0 73px;
    padding: 0;
}
.nav2 {
    background-color:#f36700;
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 280px;
	border-radius: 10px 10px 0px 0px;
}

.firstbox ul {
margin:0px 0 0 0px;
padding:0px;
float:left;
}

.firstbox ul li {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    margin: 10px 0 0 74px;
    padding: 0;
}


.footer {
    float: left;
    height: 25px;
    margin: 8px 0 0 27px;
    padding: 0;
    width: 891px;
}


.footer p {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 0 78px;
    padding: 0;
    text-align: justify;
}
.show {
    float: left;
    height: 44px;
    margin: 8px 0 0 51px;
    padding: 0;
    width: 895px;
}

.showbuton {
    background-color: #F66800;
    border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    float: left;
    height: 46px;
    margin: 0 0 0 -34px;
    padding: 0;
    width: 211px;
}

.showbuton a {
color: hsl(0, 100%, 100%);
cursor: pointer;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
margin: 13px 0 0 10px;
padding: 0;
width: 205px;
}
.showbuton:hover { background-color:#dd6105;
display:block;
}
.fullshow {
   background-color: black;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: auto;
    margin: 4px 0 6px 15px;
    padding: 0;
    width: 945px;
    color:red;
      margin: 7px 0 8px 12px;
    padding: 0;
    text-align: justify;
    width: 918px;
     font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.fullshow p {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 7px 0 8px 12px;
    padding: 0;
    text-align: justify;
    width: 918px;
}
.statement {
    background-color: hsl(0, 0%, 20%);
height: 31px;
text-align: center;
color: hsl(0, 100%, 100%);
border-radius: 10px;
padding-top: 9px;
font-size:17px;

}
.divTable {
    background-color: gray;
    border-radius: 10px 10px 10px 10px;
    color: white;
    float: left;
    font-family: Arial;
    font-size: 12px;
    margin:10px 50px 0 11px;
    width: 945px;
}
.bckclr {
    background-color: #214163;
    border: 1px solid white;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 80px;
    margin: 10px 0 0 3px;
    padding: 0;
    width: 234px;
}
.superbox {
    background-color: #808080;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 480px;
    margin: 8px 0 0 10px;
    padding: 0;
    width: 948px;
}
.topbox {
margin:0px;
padding:0px;
width:948px;
height:150px;

}
.clname {
margin:0px;
padding:0px;
float:left;
width:150px;
height:65px;
}
.nme h1 {
margin:0px;
padding:0px;
float:left;
color:#FFFFFF;
font-size:13px;
font-family: Arial;
}
.nme {
margin:0px 0 0 40px;
padding:0px;
float:left;
width:80px;
height:20px;
}
.nmebox { margin:0px;
padding:0px;
float:left;
width:100px;
height:20px;
}
.clname1 {
margin:0 0 0 15px;
padding:0px;
float:left;
width:150px;
height:65px;
}
.nme1 h1 {
margin:0px;
padding:0px;
float:left;
color:#FFFFFF;
font-size:13px;
font-family: Arial;
}
.nme1 {
margin:0px 0 0 56px;
padding:0px;
float:left;
width:80px;
height:20px;
}
.nmebox1 { margin:0px;
padding: 0px 0px 0px 40px;
float:left;
width:100px;
height:20px;
}
.clnbig {
margin:10px 0 0 300px;
padding:0px;
float:left;
width:320px;
height:66px;
}
.btmbox {
margin: 0px 0 0 30px;
padding: 0px;
float: left;
width: 100%;
height: 80px;

}

.clname2 {
margin: 0 0 0 27px;
padding: 0px;
float: left;
width: 30%;
height: 65px;
}
.nme2 h1 {
margin:0px;
padding:0px;
float:left;
color:#FFFFFF;
font-size:13px;
font-family: Arial;
}
.nme2 {
margin:0px 0 0 47px;
padding:0px;
float:left;
width:80px;
height:20px;
}
.nmebox2 { margin:0px;
padding:0px;
float:left;
width:100px;
height:20px;
}

.clname3 {
margin: 0 0 0 27px;
padding: 0px;
float: left;
width: 30%;
height: 65px;
}
.nme3 h1 {
margin:0px;
padding:0px;
float:left;
color:#FFFFFF;
font-size:13px;
font-family: Arial;
}
.nme3 {
margin:0px 0 0 47px;
padding:0px;
float:left;
width:80px;
height:20px;
}
.nmebox3 { margin:0px;
padding:0px;
float:left;
width:100px;
height:20px;
}

.clname4 {

padding: 0px;
float: left;
width: 30%;
height: 65px;
}
.nme4 h1 {
margin:0px;
padding:0px;
float:left;
color:#FFFFFF;
font-size:13px;
font-family: Arial;
}
.nme4 {
margin:0px 0 0 47px;
padding:0px;
float:left;
width:80px;
height:20px;
}
.nmebox4 { margin:0px;
padding:0px;
float:left;
width:100px;
height:20px;
}
.calc{
	width: 120px;
    float: right;
    padding-bottom: 6px;
    margin-right: 50px;
    background-color: red;
    border-radius: 7px;
    text-align: center;
    color: white;
    border-color: white;
    border-style: solid;
    margin-top: 14px;
}

.calc:hover{
	background-color: white;
    color: red;
    border-color: red;
    cursor:pointer;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.msg{font-family: arial;
font-size: 9pt;
color: #F5DE28;
font-weight: bold;}

