/*- - - - - - - - - - - -global table style - - - - - - - - - - - - */
body {
    font-family: sans-serif;
    font-size: 100%;
	}

td {
	padding: 0em;
	margin: 0em;
	/*border: 1px solid blue;*/

}

table {
	
	border: 0px !important;
	overflow-x: auto;	
}

.maincontain {
	width: 100%;
	display: table;	
}

.formContain {
	text-align: left;
	/*width: 80%;*/
    margin: 0 auto;
	border: 0px solid;
		
}

input.calcresult {
	outline: none;
	outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    outline: none;
    background-color: #efefef;
    color: #000000;

}

input.feeresult {
	outline: none;
	outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    outline: none;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    color: #666666;
}

td.tdfeealign {
    text-align: right !important;
}



/*- - - - - - - - - - responsive table style - - - - - - - - - - - - */

@media only screen and (min-width: 655px) {

        tr.trbg {	
			background: aliceblue;
		}
		
		.calcheader {
			font-weight: normal;
			font-size: 80%;
			color: #8a8334;	
		}
		
		.calcheader-r {
			font-weight: normal;
			font-size: 80%;
			color: #8a8334;	
			text-align: right;
			padding-right: 0.5em;
			margin-right: 0.5em;
		}
		input[type=text] {
			vertical-align: top;
			text-align:right;
			padding: 0.5em;
			margin: 0.5em;
		}		
		input {
		    font-family: sans-serif;
		    font-size: 100%;
		}
		.feegrey {
		    color: #666666;
			padding: 0.5em;
		    margin: 1.0em 0.5em 0.5em 0em;
		
		}
		
		.calclabel {
			font-weight: normal;
			padding: 0.5em 3em 0.5em 0em;
		    margin: 1.0em 0.5em 0.5em 0em;
		}
		td.tdfeealign {
		    text-align: right !important;
		}
		
}



@media only screen and (min-width: 320px) and (max-width: 654px) {
	
		table td {
			font-size: 70%;			
		}
		
        tr.trbg {	
			background: #efefef;
		} 
		
		.calcheader {
			font-weight: normal;
/* 			font-size: 70%; */
			color: #8a8334;	
		}
		
		.calcheader-r {
			font-weight: normal;
/* 			font-size: 70%; */
			color: #8a8334;	
			text-align: left;
			padding-right: 0.3em;
			margin-right: 0.3em;
		
		}
		
		input[type=text] {
			vertical-align: top;
			text-align: left;
			padding: 0.4em;
			margin: 0.4em;
		}		

		input {
		    font-family: sans-serif;
 		    font-size: 100%;
		}
		
		.feegrey {
/* 			font-size: 70%; */
			line-height: 120%;
		    color: #666666;
			padding: 5px;
		    margin: 5px 5px 0px 0px;
		
		}
		
		.calclabel {
/* 			font-size: 70%; */
			line-height: 120%;
			font-weight: normal;
			padding: 10px 5px 10px 5px;
		    margin: 5px 5px 0px 5px;
		}		
		
		tr td {
			padding: 10px 3px 10px 3px !important;
			
		}
		td.tdfeealign {
		    text-align: left !important;
			padding: 5px 5px 0px 0px;
		    margin: 5px 5px 0px 0px;
		}
		input.calcresult,
		input.feeresult {
			margin: 0 !important;
			padding: 5px 0px 4px 0px !important;
			background-color: #ffffff;
		}


		
		/* - - - dynamic */
/*
		table td:before {
		    content: attr(data-label);
		    content: attr();
		    float: left;
		  }
		  table tr {
		    border-bottom: 1px solid #ddd;
		    display: block;
		  }
		  table td {
		    border-bottom: 0px solid #ddd;
		    display: block;
		    text-align: left;
		  }
		  thead .calcheader, thead .calcheader-r {
			border: none;
		    clip: rect(0 0 0 0);
		    height: 1px;
		    margin: -1px;
		    overflow: hidden;
		    padding: 0;
		    position: absolute;
		    width: 1px;
		  }
*/
		/*table thead {
		    border: none;
		    clip: rect(0 0 0 0);
		    height: 1px;
		    margin: -1px;
		    overflow: hidden;
		    padding: 0;
		    position: absolute;
		    width: 1px;
		  }
		  
		  
		  */
}












   
   







/*.btn {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.btn:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.btn:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }*/