/*========================================================================================================================================= general css*/
/*------------ font-size */
/*.form-c-top,
#content-bottom,
.form-c1,
#in-fields *,
#app-in*/
#fm-in *  { /*application regular font size*/
	font-size: 12px;
}
#fm-in #app-sum *{
	font-size: 11px; 
}
#fm-in .form-alert, #fm-in .form-alert *, 
#fm-in .label-small-b, 
#fm-in .label-small, 
#fm-in .alert, 
#fm-in .box-alert,
#fm-in .footnote, #fm-in .footnote *, 
#fm-in .note, #fm-in .note *,
#fm-in .prd-note, #fm-in .prd-note *,
#fm-in .small,
#fm-in .form-c2 {
	font-size: 10px;
}
#fm-in #app-sum .title .note {
	font-size:11px;	
}
#fm-in .button {font-size: 13px;}
span.input-legend {font-size:0.8em;}
/*-------- fixed size */
body #fm-in .form-header *{font-size: 18px;}
body #in-fields .per-name *,
body #in-fields .prd-name *{ /*----- per/prd name title ---- */
	font-weight:bold;
	font-size: 16px;
}
body #in-fields #app-sum .per-name *,
body #in-fields #app-sum .prd-name *{ /*----- per/prd name title ---- */
	font-size: 13px;
}
body #fm-in #in-fields .s-title *{	
	font-size: 15px; 
}
body #fm-in #in-fields .title * {
	font-size: 17px; 
}
#fm-in sup { /*----- prd super ---- */
    font-size: 11px !important;
}
#fm-in #app-sum sup{ /*----- prd super ---- */
    font-size: 10px !important;
}
body  #as-lang-F #fm-in .form-header { font-size: 17px;}
/*--------- resize text */
.textsize-large #fm-in *  { 
	font-size: 14px;
}
.textsize-large #fm-in #app-sum *{
	font-size: 13px; 
}
.textsize-extralarge #fm-in *  { 
	font-size: 16px;
}
.textsize-extralarge  #fm-in #app-sum *{
	font-size: 15px; 
}

/*------------form layout */
#fm-in {
    margin-top: 42px;
	margin-left:16px;
    clear: both;
    background: url(/can/affinity/affinity.nsf/lookupfiles/cm.transaction_box.gif/$file/transaction_box.gif) repeat-y;
    width: 762px;	
} 
.IEWrapper #fm-in {
	margin-top: 27px;
}
#fm-in .form-header {
    clear: both;
    background: url(/can/affinity/affinity.nsf/lookupfiles/cm.header_transaction_brown.jpg/$file/header_transaction_brown.jpg) no-repeat;
    width: 762px;
    height: 48px;
	padding: 11px 10px 5px 16px;
	font-weight: bold;
	color:#fff;
	line-height: 20px;
}
.form-header div{ float:left;}
.form-title {margin-right:5px;}
#form-end {
	clear: both;
	background:url(/can/affinity/affinity.nsf/lookupfiles/cm.brown_box_transaction_bot.gif/$file/brown_box_transaction_bot.gif) no-repeat;
	width: 762px;
	height: 14px;
	margin: 10px 0 0 0;
}
#in-fields {
	width:750px;
}
#in-fields,
.form-c-top,
.form-c1,
#content-bottom,
#fm-cn-bottom{
	padding-left:15px;
	padding-right:15px;
}
#fm-in button,
#fm-in .button { 
	background-image:url(/can/affinity/affinity.nsf/lookupfiles/cm.button_light_orange.gif/$file/button_light_orange.gif);
	height: 22px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	padding: 0 8px 2px 8px;
	border: #fff solid 1px;
	cursor:pointer;
	cursor:hand;
}

/*================================================================================================================================================== form style */
.per-name, .prd-name{ /*----- per/prd name title ---- */
	font-weight:bold;
}
.alert, .box-alert{
	color:red;	
}
td.label, td.label-b, td.label-req {
	text-align:right;
	vertical-align:top;	
}
.label-b, .label-small-b, .input-b {
	font-weight:bold;
}
td.input div {
	float:left;
	margin-right:2px;	
}
span.input-legend {
	vertical-align:top;
	color:#999999;
}
.input-msg {
	color:  red;	
	font-weight:bold;
}
.box-alert {
	margin: 3px;
	border: 2px solid red;
	padding: 3px;	
}
div.left {float:left;}
div.right {float:right;}

.select-plan {
	margin-top: 5px;
	border:2px solid gray;
	padding:2px;
	background-color:#CCCCCC;
}
/*------------ input fields start --------- */
input,
textarea,
select {
	margin: 2px;
	border: #ccc solid 1px;	
}
input { height:18px;}
select { height:20px;}
textarea { width: 320px;}
/* ------------------------------------------------------------------------------------------  quote: input ---- */
.input-cov-op td.label,
.input-cov-op td.input{
	background-color: #EAEAEA; /*#a8b9d5; #194BA2;*/
	border-bottom: #FFFFFF 4px solid;
	font-weight:bold;
}
.input-cov-or td.label {
	font-weight: bold;
	padding: 0 20px 0 0;
}
div.prd-name-left{
	float:left;
	vertical-align:bottom;
}
div.prd-name-right{
	float:right;
}
/* --------------  quote: per&prd title */
th.prd-name { /*----- product underline for th only ---- */
	border-bottom: f6efe0 4px solid; /*f6efe0*/	
	padding-bottom:10px;
	height: 26px;	
}
.prd-note-head {
	text-decoration:underline;
}
.prd-note {
	padding:10px 20px 10px 20px;
}
.prd-note p {
	margin: 5px 0 5px 0;
}
.prd-note ol {
	margin-top: 0;
	margin-bottom:0;
	margin-left:2.4em;
}
.prd-note ol li{
	margin-bottom: 5px;
}
/* ------------- quote: premium display ---- */
table.tb-payable {
	border:2px solid #666666;
	margin:5px;
}
table.tb-payable tr.total-pay {
	background-color:  #fcfaf7; /*#EAEAEA;*/
}
table.tb-payable tr.total-pay td {
	border: 3px solid #FFFFFF;
}
table.tb-payable tr.total-pay * {
	font-weight: bold;
}

td.prd-prem-seperator{
	/*border-bottom:#666666 2px solid;*/
}
.prd-prem-label,
.prd-prem-amt{
	text-align:right;
}
span.prd-prem-label,
span.prd-prem-amt{
	background-color: #fcfaf7; /*#EAEAEA;*/
	font-weight:bold;
}
span.prd-prem-amt {
	display:block;
}
th.total-prem-label,
th.total-prem-amt{
	background-color: #f5fafa; /*#CCCCCC;*/
	/*border-bottom:#666666 1px solid;*/
	font-style:italic;
	font-weight:bold;
	border: 2px solid #FFFFFF;
}
.prd-prem-base span.prd-prem-label,
.prd-prem-base span.prd-prem-amt,
.prd-prem-dis span.prd-prem-label,
.prd-prem-dis span.prd-prem-amt {
	background-color: #FFFFFF;
	font-weight:normal;
}
/* ------------------------------------------------------------------------------------------  application ---- */
table.tb-outer-btn,
table.tb-outer{ /*same as summary*/
	/*border:2px solid #000000;*/
	width: 100%;
}
#app-in td{
	padding:2px;
}
.s-title, /*section title*/
.per-title { /*person title*/
	padding: 2px;
	font-weight:bold;
	font-style:italic
}
tr.s-title {	
	/*background:url(/can/affinity/affinity.nsf/lookupfiles/cm.brown_box_transaction_bot.gif/$file/brown_box_transaction_bot.gif) repeat;*/
	background-image:url(/can/affinity/affinity.nsf/lookupfiles/cm.button_light_orange.gif/$file/button_light_orange.gif);
	height: 22px;
	color:#fff;
}
div.s-div {
	width: 100%;
	height: 1px;
	background-image:url(/can/affinity/affinity.nsf/lookupfiles/cm.button_light_orange.gif/$file/button_light_orange.gif);
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}
input.validation-failed, 
textarea.validation-failed 
{
	border: 1px solid #FF3300;
	color : #FF3300;
}
select.validation-failed{
	background: #FF3300;
	color : #FF3300;
}
select.validation-failed option{
	background: white;
}
/* new question input end */

.s2-title { /*section 2 title (payment selection*/
	font-weight:bold;	
}
.a_btn div {
	display: inline;
	margin-right: 1em;
}
.a_btn img{
	border-style:none;
}
.a_btn a{
	border: 1px solid #CCCCCC;	
	text-decoration:none;
	cursor:pointer;
	color: #000000;
}
.a_btn a:hover{
	border-color: #990000;
	color:#990000;
} /************* anchor link button */

table.tb-multirow{
	border: solid #666666;
	border-width:1px 0 0 1px;
}
table.tb-multirow td{
	border: solid #666666;
	border-width:0 1px 1px 0;
}


/*============================================================ */
/* ------------------------------------------- application: summary ---- */
@media print {
    #fm-in #app-sum .secondary{
		display:none;
	}
	#fm-in .lia-script{
		display:none;
	}	
}
.title {
	font-weight:bold;
}
#app-sum table.tb-agt-outer,
#app-sum table.tb-outer {
	width: 730px;
	border:none;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#app-sum table.tb-agt-outer td,
#app-sum table.tb-outer td {	
	border:none;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
#app-sum .title table td {
 	border:none;
}
#app-sum .title td,
#app-sum .s-title td {
	padding: 3px 10px;
}
#app-sum .s-content {
	padding: 5px;
}
/*--------- inner */
#fm-in #app-sum table.tb-inner td.s2-title{
	border-width: 0 0 0 0;
}
#fm-in #app-sum table.tb-inner td.seperator{
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #CCCCCC;
}

#fm-in #app-sum table.tb-inner {
	border:none;
}
#fm-in #app-sum table.tb-inner td {
	border:none;
}

#fm-in #app-sum table.tb-inner td.input,
#fm-in #app-sum table.tb-inner td.input2 {
	text-align:left;
	font-weight:bold;
}
#fm-in #app-sum table.tb-inner td.label {
	border-width: 0 0 0 0;
	text-align:right;
	padding-right:5px;
}
#fm-in #app-sum table.tb-inner td.label-left {
	border-width: 0 0 0 0;
	text-align:left;
}
#fm-in #app-sum table.tb-inner td.input,
#fm-in #app-sum table.tb-inner th{
	border-width: 0 0 1px 0;
	border-color: #CCCCCC;
}
#fm-in #app-sum table.tb-inner td.label2,
#fm-in #app-sum table.tb-inner td.input2 {
	border-width:0;
}

#fm-in #app-sum .uwAnswer div.label-b {
	display:inline;
	width:250px;
	text-align:left;
	font-weight:bold;			
}
#fm-in #app-sum .uwAnswer div.input,
#fm-in #app-sum .quAnswer span.input {
	/*border:1px solid black;*/
	display:inline;
	width:100px;
	text-align:right;
}
#fm-in #app-sum .uwDetails table {
	border: solid #333333;
	border-width:1px 1px 0 0;
}
#fm-in #app-sum .uwDetails table td{
	border: solid #333333;
	border-width: 0 0 1px 1px;
}
#fm-in #app-sum .uwDetails .lbl{
	width:200px;
	text-align:left;
	vertical-align:top;
}
#fm-in #app-sum .uwDetails .in{
	width:300px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}
#fm-in #app-sum table.tb-multirow{
	border: solid #CCCCCC;
	border-width:1px 0 0 1px;
}
#fm-in #app-sum table.tb-multirow td{
	border: solid #CCCCCC;
	border-width:0 1px 1px 0;
}
#fm-in #app-sum table.tb-multirow .tb-input-row td{
	font-weight:bold;
}
/*==================================================  NEW 2007-07-31 for new question summary */
#fm-in #app-sum .quList li {
	margin-bottom:1em;
}
#fm-in #app-sum div.quAnswer div.quAnswerChoice{
	margin: 5px 0 0 10px;		
}
#fm-in #app-sum div.quAnswer div.quAnswerChoice span.label-b{	
	width: 250px;
	/*background-color:#d4deea;*/
}
#fm-in #app-sum #qu_fin div.quAnswer div.quAnswerChoice span.label-b{	
	width: 145px;
}
#fm-in #app-sum #qu_fin div.quAnswer div.quAnswerChoice span.input{	
	padding-left:1em;
	text-align:left;
}
#fm-in #app-sum div.quNote{	
	margin:0.5em 0 0 0
}
#fm-in #app-sum div.quAnswerDetails table
{
	margin-left:1em;
}
#fm-in #app-sum div.quAnswerDetails table td
{		
	border: solid #CCCCCC;
	border-width:0 0 1px 0;
}
#fm-in #app-sum div.quAnswerDetails table.list
{
	border: solid #666666;
	border-width:1px 0 0 1px;
}
#fm-in #app-sum div.quAnswerDetails table.list td
{
	border: solid #666666;
	border-width:0 1px 1px 0;
}
#fm-in #app-sum div.quAnswerDetails table.table
{
	border: solid #666666;
	border-width:1px;
}
#fm-in #app-sum div.quAnswerDetails table.table td.td2{
	padding-left: 1em;
}
#fm-in #app-sum div.quAnswerDetails table.table td.td2 span.input
{
	text-align:left;
	font-weight:bold;
}
.tb-multirow td {
	padding:3px;
}