﻿

/* Modules */
.formModule,
.confirmModule  { 
    width:390px; 
    border:1px solid #e1e1e1;
    z-index:1;
    overflow:visible;
    margin:0 0 9px 0;
    color:#000;
}

.fullRowModule,.fullModule  { 
    width:787px; 
    border:1px solid #e1e1e1;
    z-index:1;
    overflow:visible;
    margin:0 0 9px 0;
    color:#000;
}

.formModule { border:1px solid #e1e1e1; }
.fullRowModule,.fullModule { border:1px solid #e1e1e1; }
.confirmModule { border:1px solid #cccccc; }

* html .formModule,
* html .confirmModule { overflow:hidden; }

.formModule     { background-color:#eee; padding:0 0 5px 0; }
.fullRowModule     { background-color:#eee; padding:0 0 5px 0; }
.fullModule     { background-color:#eee; padding:0 0 5px 0; }
.confrmModule   { background-color:#fff; }

.formModule .headingWrap,
.confirmModule .headingWrap {
    width:373px;
    font-size:1.1em;
    position:relative;
    z-index:5;
    margin:-1px 0 0 -1px !important;
    font-weight:bold;
}

.formModule .headingNoWrap,
.confirmModule .headingNoWrap {
    width:373px;
    font-size:1.1em;
    position:relative;
    z-index:5;
    margin:-1px 0 0 -1px !important;
    font-weight:bold;
}

.fullRowModule .headingWrap,
.fullModule .headingWrap {
    width:770px;
    font-size:1.1em;
	position:relative;
    z-index:5;
    margin:-1px 0 0 -1px !important;
    font-weight:bold;
    padding:6px 0 1px 19px;
    color:#000;
    background:url(../../images/tools-and-calc/formModuleBgTop2.jpg) top right no-repeat;
}

.headingNoWrap, .formModule .headingNoWrap{
    width:373px;
    font-size:1.1em;
    position:relative;
    padding:6px 0 1px 17px;
    z-index:5;
    margin:-1px 0 0 -3px !important;
    font-weight:bold;
}
 
.formModule .headingWrap {
    padding:6px 0 1px 19px;
    color:#000;
    background:url(../../images/tools-and-calc/formModuleBgTop.jpg) top right no-repeat;
}
.formModule .headingNoWrap {
    padding:6px 0 1px 17px;
    color:#000;
    
}

.confirmModule .headingWrap {
    padding:6px 0 6px 19px;
    color:#fff !important;
    background:#5b5b5b url(../../images/tools-and-calc/confirmModuleBgTop.jpg) top left no-repeat;
}

/* Tables
********* */

/* formMoudle (with fields) */
.formModule table {
    width:380px; 
    background-color:#EFEFEF; 
    margin:5px auto 0 auto;
}

.fullRowModule table {
    width:99%; 
    background-color:#EFEFEF; 
    margin:5px auto 0 auto;
}

.fullModule table {
    width:99%; 
    background-color:#FFF; 
    margin:5px auto 0 auto;
}
.fullRowModule table td,
.fullRowModule table th,
.formModule table td,
.formModule table th { 
    background-color:#fff;
    border-bottom:1px solid #efefef;
    padding:5px 1px 5px 10px;
    vertical-align:top;
}

.printSection.loanProtectionCalculator .fullRowModule table td
{
	padding:5px 1px 5px 5px !important;
}

.fullModule table td,
.fullModule table th { 
    background-color:#fff;
    border-bottom:0px solid #efefef;
    padding:5px 10px 5px 10px;
    vertical-align:top;
}

.fullModule table td.nested,
.fullModule table th.nested { 
    background-color:#fff;
    border-bottom:0px solid #efefef;
    padding:5px 1px 5px 10px;
    vertical-align:top;
}

.formModule table .cellNoColor,
.formModule table tr.cellNoColor th,
.formModule table tr.cellNoColor td { background:none; }

.formModule table th { font-weight:normal; text-align:left; }
.fullRowModule table th { font-weight:normal; text-align:left; }
.column135 { width:135px; }
.column170 { width:170px; }
.column250 { width:250px; }
.formModule table td span { color:#ff0000; }

.formModule table.nested, 
.fullRowModule table.nested 
{ 
    width: auto;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	
}

.formModule table tr.nested, 
.fullRowModule table tr.nested
{ 
    width: auto;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	
}

.formModule table tr.grayColor 
{ 
    width: auto;
	background-color: #f7f7f7;
	margin: 0 0 0 0;
	
}

.formModule table td.grayColor,
.formModule table th.grayColor { 
    background-color:#f7f7f7;
    border-bottom:1px solid #efefef;
    padding:5px 1px 5px 10px;
    vertical-align:top;
}

.formModule table td.nested,
.fullRowModule table td.nested
{
	width: auto;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-style: none;
	border-width: 0;
}

/* confirmModule */
.confirmModule table {
    width:628px; 
    margin:0 auto;
}

.confirmModule table td,
.confirmModule table th { 
    padding:7px 10px;
    vertical-align:top;
}

.confirmModule table tr.trAltColor { background-color:#e1e1e1; }

.confirmModule table th { font-weight:normal; text-align:left; }
.confirmModule table .column1 { width:120px; }

.confirmModule table .tdSummaryCol1 { width:95px; }
.confirmModule table .tdSummaryCol2 { width:180px; }
.confirmModule table .tdSummaryCol3 { width:60px; }

a.linkEdit,
a.linkDelete {
    display:block;
    padding:0 0 0 18px;
    background-repeat:no-repeat;
    background-position:0 0;
}

a.linkEdit { background-image:url(../../images/tools-and-calc/ico_small_edit.gif); }
a.linkDelete { background-image:url(../../images/tools-and-calc/ico_small_delete.gif); }

/* overrides */
.confirmModule div.headingWrap { width:630px; padding:6px 0; }
.confirmModule .headingWrap table { width:100%; }
.confirmModule .headingWrap table td { padding:0 0 0 10px; text-align:left; }
.confirmModule table.tableAlt td { padding:6px 0 6px 10px; text-align:left; }

/* Forms */
.errorLabel { color:red; }
.errorInput { border:1px solid red; padding:1px; }

.formModule input,
.formModule select,
.formModule textarea { font-family:Verdana; font-size:1em; }

.fullRowModule input,
.fullRowModule select,
.fullRowModule textarea { font-family:Verdana; font-size:1em; }

.fullRowModule input.txtLong { width:98%; }
.fullRowModule input.txtLongWatermark { width:98%; color: #CAC3C3; }
.fullRowModule input.watermark { color: #CAC3C3; }

.formModule input[type="text"],
.formModule textarea { width:200px; }
.formModule textarea { height:70px; }
.formModule input.txtShort { width:80px; }
.formModule input.txtShortDisabled { width:80px;border-color:Silver;  }
.formModule input.txtControls_100 { width:105px; }
.formModule input.txtVeryShort { width:25px; }
.formModule select { width:auto; }

.confirmModule td label { font-weight:bold; }
.confirmModule td span { font-weight:bold; }

.radioClass { display:block; float:left; width:400px; padding:0 0 5px 0; cursor:default; }
.radioItem { color:#666666; }
.radioItem input { display:block; float:left; margin:2px 6px 0 0; }
.radioItem label { display:block; float:left; width:550px; padding:0 0 5px 0; cursor:text; }

.radioButtons { padding:8px 0 0 0; }
.radioButtons table {
	display:block; float:left;
    width:150px; 
    margin:0 auto;
}
.radioButtons table td { background:none; width:50px; vertical-align:top; padding:2px 0 2px 2px;}
.radioButtons table input { display:block; float:left; margin:2px 6px 0 0; }
.radioButtons table label { display:block; float:left; width:20px; padding:5px 0 0 0; cursor:text; }

.radioButtonsLeft 
{
	margin:6px 0 0 0;
	font-size:109%;
}


.radioButtonsLeft table 
{
	
	float:left;
    width:500px; 
    margin:-25px 0px 0px 200px;
    padding:0 0 0 0;
    background:none;
    height:10px;
    display:inline; 
    
}

.radioButtonsLeft table td {border-bottom:0px solid #efefef;  background:none; vertical-align:text-top; }
.radioButtonsLeft table input {  margin:0 10px 0 0; }
.radioButtonsLeft table label {  margin:0 25px 0 0; cursor:text; }

.rightTable { padding:8px 0 0 0; }
.rightTable table {
	display:block; float:left;
    width:250px; 
    margin:0 auto;
}
.rightTable table th { background:none; font-weight:bold; text-align:left; }
.rightTable table td { background:none; }
.left { background:none; width:100px; vertical-align:top; padding:2px 0 2px 2px;}
.right { background:none; width:150px; vertical-align:top; padding:2px 0 2px 2px;}

.btnWrap    { padding:8px 0 0 0; }
.btnLeft    { float:left; margin:0 3px 0 -3px; position:relative; }
.btnRight   { float:right; margin:0 -8px 0 0; position:relative; }
.btnRightNoMargin   { float:right; margin:0; position:relative; }

.ToolTip
{	
	font-family: Verdana;
	color: #000000;
	border: 1px solid #e2d08f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	background-color: #feeca4;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	max-width: 400px; width: 400px;
}

.ToolTipFrame
{
	z-index: 100;	
	max-width: 400px;  width: 400px;
	position: absolute;
	display:none;
}

/* Key Fact Sheet Start */
#keyFactSheet A.yellowButton 	
{
	PADDING-BOTTOM: 0px;	
	PADDING-LEFT: 75px;	
	PADDING-RIGHT: 7px;	
	BACKGROUND: url(/images/css/button-slidingdoors-right-darkgrey.png) no-repeat right 0px;	
	HEIGHT: 29px;	
	COLOR: #000;	
	TEXT-DECORATION: none;	
	PADDING-TOP: 0px
}

#keyFactSheet A.yellowButton SPAN 
{	
	PADDING-BOTTOM: 5px;	
	LINE-HEIGHT: 24px;	
	PADDING-LEFT: 11px;	
	PADDING-RIGHT: 6px;	
	BACKGROUND: url(/images/css/button-slidingdoors-left-darkgrey.png) no-repeat 0px 0px;	
	PADDING-TOP: 0px
}

A.yellowButton 	
{
	Z-INDEX: 5;	
	PADDING-BOTTOM: 0px;	
	TEXT-TRANSFORM: uppercase;	
	MARGIN: 0px;	
	OUTLINE-STYLE: none;	
	OUTLINE-COLOR: invert;	
	PADDING-LEFT: 11px;	
	OUTLINE-WIDTH: medium;	
	PADDING-RIGHT: 7px;	
	DISPLAY: block;	
	BACKGROUND: url(/images/css/button-slidingdoors-right-grey.gif) no-repeat right 0px;	
	FLOAT: left;	
	HEIGHT: 33px;	
	COLOR: #000000;		
	CURSOR: pointer;	
	FONT-WEIGHT: bold;	
	TEXT-DECORATION: none;	
	PADDING-TOP: 0px
}
	
A.yellowButton SPAN 	
{
	PADDING-BOTTOM: 5px;	
	LINE-HEIGHT: 27px;	
	PADDING-LEFT: 15px;	
	PADDING-RIGHT: 6px;	
	DISPLAY: block;	
	BACKGROUND: url(/images/css/button-slidingdoors-left-grey.gif) no-repeat 0px 0px;	
	PADDING-TOP: 0px;
	color: Black;
}

#keyFactSheet {display: ; }
/* Key Fact Sheet End */