
/* CSS Document */
body
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}


img, p, h1, h2, h3
{
    margin: 0;
    padding: 0;
}
img
{
    border: none;
}
input
{
    text-align:right;
    padding: 0px 2px;
    height: 17px;
    border: 1px solid #989898;
}
.nbinput
{
    padding: 0px;
    height: 17px;
    border: 0px solid #989898;
    background: none;
}
.bg-input
{
    background: url(../images/bg-input.png) no-repeat 0 3px;
    padding: 8px 0 8px 7px;
}
.f36
{
    height: 36px !important;
    line-height: 36px;
    background-position: 0 7px;
    background-repeat: no-repeat;
}
.f37
{
    height: 37px !important;
    line-height: 37px;
    background-position: 0 8px;
    background-repeat: no-repeat;
}
.in135
{
    width: 135px;
}
.in98
{
    width: 88px;
    background: url(../images/sinput.png) no-repeat 0 0;
    padding: 7px 10px 7px 5px;
    border: none;
    margin-top: 2px;
}
.hf25
{
    height: 17px;
}

ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main
{
    width: 707px;
    margin: 0px auto;
   
    padding-top: 50px;
    padding-bottom: 20px;
}
.main { width:707px; margin:0px auto;  padding-top:50px; padding-bottom:20px;}
.tcw {  background-image:url(../images/calculator-icon.png); background-position:top;}
.tcw2 { background:url(../images/calculator-icon2.png) no-repeat 0 0;}
.main .header {width:710px; margin:0 auto; overflow:hidden;}
.tc-lin ul { margin:0px 0 0 0; padding:px 0; border-bottom:2px solid #c10000; overflow:hidden; margin-right:3px;}
.tc-lin ul li { float:left;height:40px;  padding:0px 0 0px 0px; background:url(../images/bg-blue.png) repeat-x 0 0;  width:353px; text-align:center; display:block; }
.tc-lin ul li a {  background:url(../images/bg-black.png) repeat-x 0 0;  display:block;   }
.tc-lin ul li a:hover {  display:block;  background:url(../images/bg-blue.png) repeat-x 0 0;  }


.main .header h1 {margin:0; padding:0; line-height:0;}
.main .header h2 {float:right; margin-top:0px; margin-right:3px; }
.main .footer {width:354px; line-height:37px; margin:10px 0 0 0px;  overflow:hidden; }
.main .footer h1 {float:left; padding:9px; }
.main .footer h2 {float:left; font-size:12px; color:#fff; }
.calculator
{
    width: 710px;
    margin: 0px auto;
    overflow: hidden;
}

.clear
{
    clear: both;
}
/* background */
.left-white
{
    background: url(../images/left-white.png) no-repeat;
}
.left-white2
{
    background: url(../images/left-white.png) no-repeat 0 -37px;
}
.left-whitent
{
    background: url(../images/left-bottom.png) no-repeat 0 0px;
}
.center-white
{
    background: url(../images/center-white.png) repeat-x;
}
.right-white
{
    background: url(../images/right-white.png) no-repeat;
}
.right-whiten2
{
    background: url(../images/right-white.png) no-repeat 0 -37px;
}
.right-whitent
{
    background: url(../images/right-bottom.png) no-repeat 0 0px;
}

.left-black
{
    background: url(../images/left-black.png) no-repeat;
}
.left-blackSD
{
    background: url(../images/left-black.png) no-repeat 0 -36px;
}
.left-blackSD-L
{
    background: url(../images/left-black.png) no-repeat 0 -216px;
}
.center-black
{
    background: url(../images/center-black.png) repeat-x;
}
.right-blackss
{
    background: url(../images/right-blacks.png) no-repeat -16px -36px;
}
.right-blackss-l
{
    background: url(../images/right-blacks.png) no-repeat -16px 0px;
}
.right-blackss-ll
{
    background: url(../images/right-blacks.png) no-repeat -16px -216px;
}

.left-white3
{
    background: url(../images/big-left-white.png) no-repeat;
}
.left-white-l
{
    background: url(../images/big-left-white2.png) no-repeat 0 -1px;
}
.left-whitefgh
{
    background: url(../images/big-left-white.png) no-repeat 0 -36px;
}
.center-white3
{
    background: url(../images/big-center-white.png) repeat-x;
}
.right-white3
{
    background: url(../images/big-lright-white.png) no-repeat -18px 0px;
}
.right-white3-l
{
    background: url(../images/big-lright-white.png) no-repeat -18px -36px;
}
.right-whitemm-ll
{
    background: url(../images/big-lright-white2.png) no-repeat -18px -1px;
}


.row
{
    height: 37px;
}
.row-black
{
    height: 36px;
}

/* first  */
.arrow
{
    width: 37px;
    float: left;
    line-height: 37px;
}
.arrow .arr
{
    background: url(../images/arrow.png) no-repeat 0 8px;
    line-height: 37px;
}

/* first cont */
.cont
{
    width: 495px;
    float: left;
    font-weight: bold;
    line-height: 37px;
}
.cont span
{
    float: left;
}
.cont p
{
    height: 37px;
    background: url(../images/bg-percent.png) repeat-x;
    float: right;
    margin-right: 10px;
    color: #fff;
    width: 68px;
    text-align: center;
}

/* first cont */
.inputf
{
    width: 155px;
    float: left;
    padding: 4px 0 0 0;
}


/* first space */
.rightsp
{
    width: 20px;
    float: left;
    height: 37px;
}


/* second black first  */
.arrow2
{
    width: 36px;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
}



/* black first cont */
.cont2
{
    width: 495px;
    float: left;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
}
.cont2 span
{
    float: left;
}
.cont2 p
{
    padding: 9px 125px 0 0px;
    float: right;
    line-height:0;
    width: 70px;
    margin:0;
    
}

.cont2 p a
{
    color: #fff;
    text-decoration: none;
}
.cont2 p a:hover
{
    text-decoration: none;
}

/* black first cont */
.inputf2
{
    width: 155px;
    float: left;
    height: 36px;
}
.inputf2 p
{
    padding-top: 8px;
}
.inputf2-pad
{
    margin:0px;
    
    
   
   
}
.inputf2 .ad-cal
{
    padding: 5px 0 0 0;
    margin: 0;
}

/* black first cont */
.rightsp2
{
    width: 20px;
    float: left;
    line-height: 36px;
}



/* third  */
.arrow3
{
    width: 37px;
    float: left;
    height: 37px;
}
.arrow3 .arrn3
{
    background: url(../images/arrow.png) no-repeat 0 7px;
    height: 37px;
}

/* third cont */
.cont3
{
    width: 375px;
    float: left;
    font-weight: bold;
    line-height: 37px;
}
.cont3 span
{
    float: left;
}
.cont3 div.bbl
{
    background: url(../images/bg-percent.png) repeat-x;
    float: right;
    margin-right: 20px;
    color: #fff;
    width: 68px;
    text-align: center;
    line-height: 37px;
}


/* thirds cont */
.inputf3
{
    width: 275px;
    float: left;
    height: 37px;
}
.inputf3 div.in
{
    float: left;
    padding-top: 1px;
    margin-right: 10px;
    margin-left: 5px;
    color: #fff;
    width: 105px;
    font-weight: normal;
}
.inputf3 div.secondin
{
    float: right;
    padding-right: 10px;
    margin-right: 3px;
}

/* thirds cont */
.rightsp3
{
    width: 20px;
    float: left;
    height: 37px;
}



/* iiner pages */
.popup
{
    width: 706px;
    margin: 0;
    background: url(../images/bg-header.png) repeat-x -30px 0;
}
.popup-bottom
{
    width: 746px;
    margin: 0px auto;
    background: url(../images/bg-bottom.png) no-repeat;
}
.headerin
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.headerin h1
{
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    line-height: 39px;
}
.headerin h2
{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
.bgtextde
{
    background: #fff;
    overflow: hidden;
}
.fl-text
{
    margin: 0px 0px;
    overflow: hidden;
    border: 1px solid #ccc;
    font-weight: bold;
}
.row2
{
    height: 36px;
    background: url(../images/bg-text.png) repeat-x;
}
.arrowp
{
    float: left;
    width: 57px;
    text-align: center;
    color: #d72d27;
    line-height: 36px;
    font-weight: bold;
}
.text-linep
{
    float: left;
    width: 470px;
    line-height: 36px;
}

.fieldp
{
    float: left;
    width: 160px;
}
.fieldp div.bgfield
{
    background: url(../images/bg-input.png) no-repeat 0 3px;
    width: 152px;
    padding: 8px 0 5px 7px;
}
.row-red
{
    height: 36px;
    background: #c10000;
    color: #fff !important;
}
.gray-bg
{
    background: url(../images/gray-bg.png) repeat-x 0 0;
}
.rownew2
{
    height: 36px;
    border-bottom: 1px solid #cecece;
}
.chckbox
{
    margin-top: 5px;
}
.txt-header
{
    color: #d72d27 !important;
}
.pad-txt
{
    padding-left: 20px;
}
.pad-txt2
{
    padding-left: 40px;
}


/* iiner pages */
.send-mail
{
    width: 388px;
    margin: 0 auto;
}
.send-mail .header
{
    height: 42px;
    background: url(../images/bg-header.png) no-repeat;
}
.send-mail .header h1
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    float: left;
    font-size: 12px;
    color: #fff;
    padding: 13px 0 0 20px;
}
.send-mail .header h2
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    float: right;
    font-size: 14px;
    color: #fff;
    padding: 13px 20px 0 0px;
}
.send-mail .container
{
    height: 120px;
    background: url(../images/bg-cont.png) repeat-y -1px 0;
}
.send-mail .container div.go
{
    width: 32px;
    margin: 0 auto;
    margin-top: 13px;
}
.send-mail .container p
{
    text-align: center;
    padding-top: 21px;
    color: #333;
    font-weight: bold;
}
.send-mail .container div.inpu
{
    margin: 0 auto;
    width: 340px;
    padding-top: 13px;
}
.send-mail .container div.inpu input
{
    width: 138px;
    border: 1px solid #bababa;
}
.send-mail .mail-foot
{
    background: url(../images/send-mail-bottom.png) no-repeat;
    height: 21px;
}


/* new tab 8-2-2013 */
.main .header h3
{
    float: right;
    margin-top: 0px;
    margin-right: 3px;
    padding: 0;
}

/* advance calculator */
.steps
{
    width: 86px;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
}
.steps p
{
    padding: 0;
    background: #9c0000;
    color: #fff;
    margin: 0;
}
.cont2-adv
{
    width: 445px;
    float: left;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
}
.adv-sub-header
{
    margin: -1px 0 0 0;
    padding: 0;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/bg-header.png) no-repeat 0 0;
    line-height: 30px;
    text-align: center;
}



.tooltip {
	border-bottom: 0px dotted #ff0000;
	color: #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 400px;
}

.tooltip:hover img {
	border: 0px none;
	float: left;
	position: absolute;
	margin-left: -55px;
	margin-right: 0;
	margin-top: -10px;
	margin-bottom: 0
}

.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}
.classic {
	padding: 0.8em 1em;
}

.custom {
	padding: 0.5em 0.8em 0.8em 2em;
	line-height: 20px;
}

* html a:hover {
	background: transparent;
}

.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}


/* 10-7-2014 */
.union-tx {display:inline-block; text-align:right; float:right; font-weight:bold; margin-top:10px; font-size:16px;}
.supportby {text-align:center; overflow:hidden; border-top:1px dashed #999; border-bottom:1px dashed #999;  margin:10px 0; padding:5px;  font-size:12px; width:100%; }


.notebx {
background: #f6f6f6;
padding: 10px 200px 10px 56px;
text-align: justify;
font-size: 11px;
color: red;
font-style: italic;
}

.checkbxnew {background:#eaeaea; line-height:30px;}
.checkbxnew input {margin-top:5px; line-height:30px; margin-right:5px; float:left;}