/* General CSS Document */

div#forms-container {
	color: #454545;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    line-height: 160%;
}
div#forms-container h2 {
	font-size:1.6em;
	font-weight:normal;
}

div#forms-container h3 {
	font-size:1.3em;
	font-weight:normal;
}

div#forms-container h4 {
	font-size:1.2em;
	font-weight:normal;
}

div#forms-container h5 {
	font-size:1.1em;
	font-weight:normal;
}

div#forms-container a:link,
div#forms-container a:visited {
	color:#1378B0;
	text-decoration:underline;
}

div#forms-container a:hover {
	color:#004470;
}

div#forms-container strong {
	color:#004470;
}

div#forms-container p {
	margin:0px 0px 10px;
	padding:0px;
}

div#forms-container input {
	font-size:0.98em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#forms-container select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#forms-container textarea {
	font-size:0.98em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#forms-container .clear {
  display: inline-block;
}

div#forms-container .clear {
  overflow: hidden;
  display: block;
	clear:both;
}

div#forms-container form.boiform {

}

/* Body Styles */


div#forms-container .form_title {
	line-height:40px;
	background:url(../images/title_line.png) left center repeat-x;
	margin-bottom:10px;

}

div#forms-container .form_title h2 {
    letter-spacing: -1px;
	color:#004470;
	background-color:#FFF;
	padding-right:10px;
	display:inline;
}

div#forms-container form {
	margin:0px;
	padding:0px;
}

div#forms-container .sub_title {
    letter-spacing: -1px;
	/*color:#2979A8; Darker Blue */
	color:#1378B0;
	background:url(../images/line_dotted_grey.png) left bottom repeat-x;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:5px;
}

div#forms-container .sub_sub_title {
    letter-spacing: -1px;
	/*color:#2979A8; Darker Blue */
	color:#1378B0;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 0px 5px;
	border-bottom:1px solid #1378B0;
}
div#forms-container
div#forms-container .send_title {
    letter-spacing: -1px;
	/*color:#2979A8; Darker Blue */
	color:#1378B0;
	padding-bottom:10px;
	margin-top:30px;
	font-size:1.4em;
}


div#forms-container .footer {
	width:685px;
	margin:10px auto;
	font-size:0.9em;
	color:#999;
}

div#forms-container .expandContainer {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:10px;
	padding-top:20px;
	background:url(../images/bg_dropdown.png) left top no-repeat;
	border-bottom:2px solid #D3EBF9;
}

div#forms-container .expandContainer {
	float:left;
	width:686px;
	clear:both;
	margin-bottom:10px;
	padding-top:20px;
	background:url(../images/bg_dropdown.png) left top no-repeat;
	border-bottom:2px solid #D3EBF9;
}

div#forms-container .expandContainerText {
	float:left;
	width:666px;
	clear:both;
	margin-bottom:10px;
	padding:20px 10px 0px 10px;
	background:url(../images/bg_dropdown_blue.png) left top no-repeat;
	border-bottom:2px solid #D3EBF9;
	font-style:italic;
	color:#1378B0;
}

div#forms-container .highlight,
div#forms-container .highlight strong,
div#forms-container .highlight a {
  color: #d61313;
}

div#forms-container .calc-highlight {
    color: #1378b0;
    font-weight: bold;
}


div#forms-container .important_inner {
	clear:both;
	margin:0px;
	padding:10px;
	color:#1378B0;
	border:2px solid #D3EBF9;
	border-bottom:0px;
	background-color:#F7FBFD;
	font-style:italic
}

div#forms-container .inner_text {
	clear:both;
	margin:0px;
	padding: 0px 10px 10px;
	color:#1378B0;
	border-bottom:0px;
	font-style:italic
}

div#forms-container .hiddenDiv {
	display:none;
}

div#forms-container .visibleDiv {
	display:block;
}

/* Details Table */

div#forms-container div.card_details {
	float:left;
	clear:both;
	display:block;
	width:678px;
	border:2px solid #D3EBF9;
	padding:2px 2px 0px 2px;
}

div#forms-container div.card_details .details_row {
	float:left;
	clear:left;
	width:100%;
}

div#forms-container div.card_details .details_row .details_title {
	float:left;
	width:329px;
	text-align:left;
	padding:5px;
	margin-bottom:2px;
	background-color:#EDF7FA;
	border-bottom:1px solid #D3EBF9;
	color:#004470;
}

div#forms-container div.card_details .details_row .details_value {
	float:left;
	text-align:left;
	width:329px;
	padding:5px;
	margin-bottom:2px;
	border-bottom:1px solid #D3EBF9;
}


/* Step Stylying */

div#forms-container .steps {
	padding-bottom:0px;
	height:30px;
}

div#forms-container .steps ul {
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	/*background-color:#D3EBF9;*/
	-moz-border-radius:5px;
	border-radius: 5px;
}

div#forms-container .steps ul li {
	float:left;
	background:#D3EBF9 url(../images/step_seperator.gif) right center no-repeat;
	padding:5px 16px 5px 8px;
	color:#666666;
    text-align: center;
	font-size:0.9em;
}
div#forms-container .steps ul li.last {
  background-image: none;
}


div#forms-container .hiddenStep {
	position:absolute;
	margin:0px;
	padding:0px;
	height:0px;
	width:0px;
	text-indent:-999em;
}

div#forms-container .steps ul li.selected {
	color:#004470;
	font-weight:bold !important;
}

div#forms-container .steps ul li.selected span {
}

div#forms-container input.submit,
div#forms-container a.submit:link,
div#forms-container a.submit:visited,
div#forms-container a.submit:hover{
	background:transparent url(../images/btn_bg_submit.png) right center no-repeat;
	padding:10px 30px 10px 0px;
	margin:0px;
	border:0px !important;
	outline:none !important;
	text-decoration:none;
    color: #003366;
	text-align:right;
	cursor:pointer;
}

div#forms-container input.calc,
div#forms-container a.calc:link,
div#forms-container a.calc:visited,
div#forms-container a.calc:hover{
	background:transparent url(../images/icon_calc.png) left center no-repeat;
	padding:10px 00px 10px 30px;
	margin:0px;
	border:0px !important;
	outline:none !important;
	text-decoration:none;
    color: #003366;
	text-align:left;
	cursor:pointer;
}

div#forms-container input.back,
div#forms-container a.back:link,
div#forms-container a.back:visited,
div#forms-container a.back:hover {
	background:transparent url(../images/btn_bg_back.png) left center no-repeat;
	padding:10px 0px 10px 30px;
	margin:0px;
	border:0px !important;
	outline:none !important;
	text-decoration:none;
	color: #003366;
	text-align:left;
	cursor:pointer;
}

div#forms-container input.print,
div#forms-container a.print:link,
div#forms-container a.print:visited,
div#forms-container a.print:hover {
	background:transparent url(../images/btn_bg_print.gif) left center no-repeat;
	padding:10px 0px 10px 30px;
	margin:0px;
	border:0px !important;
	outline:none !important;
	text-decoration:none;
	color: #003366;
	text-align:left;
	cursor:pointer;
	float:right;
}

div#forms-container input.cancel,
div#forms-container a.cancel:link,
div#forms-container a.cancel:visited,
div#forms-container a.cancel:hover{
	background:transparent url(../images/btn_bg_cancel.png) left center no-repeat;
	padding:10px 0px 10px 30px;
	margin:0px;
	border:0px !important;
	outline:none !important;
	text-decoration:none;
	color: #003366;
	text-align:left;
	cursor:pointer;
}



/* FORM STYLES */
		div#forms-container .note {
			font-style:italic;
			color:#666666;
			font-size:0.9em;
			padding:5px;
			clear:both;
		}

		/*
		div#forms-container .error_strings {
			color:#CC0000;
			display:block;
			padding:250px;
		}
		*/

		div#forms-container .error_strings {
			color:#CC0000;
			display:block;
			padding:0px 5px;
			border:1px dotted #D0767D;
			background-color:#FCF2F2;
			margin-bottom:5px;
			line-height:24px;
			visibility:hidden;
		}

		div#forms-container .inline_error {
			color:#CC0000;
			display:inline;
			visibility:hidden;
		}

		div#forms-container .error_table {
			padding:0px 5px;
			border:1px dotted #FFCC66;
			background-color:#FFFFCC;
			line-height:24px;
			color:#CC6600;
			margin:0px 10px 5px;
		}

		div#forms-container .custom_error {
			padding:0px 5px;
			border:1px dotted #FFCC66;
			background-color:#FFFFCC;
			line-height:24px;
			color:#CC6600;
			margin:0px 0px 5px;
		}

		div#forms-container .static_error {
			color:#CC0000;
			display:block;
			padding:5px 5px;
			border:1px dotted #D0767D;
			background-color:#FCF2F2;
			margin-bottom:5px;
			line-height:24px;
		}

        div#forms-container .formContainer {
        	border:none;
        }

        div.security {
          border: 1px solid #1378b0;
          padding: 5px;
          margin: 5px;
        }

		div#forms-container .formContainer fieldset {
			border:0px;
			margin:0px;
			padding:10px 0px;
		}

		div#forms-container .formContainer fieldset fieldset {
			border:0px;
			margin:0px;
			padding:0px;
		}

		div#forms-container .formContainer legend {
			position:absolute;
			margin:0px;
			padding:0px;
			height:0px;
			width:0px;
			text-indent:-999em;
		}

        div#forms-container .rowContainer {
        	width:100%;
        	padding-bottom:10px;
			margin:0px;
			clear:left;
			float:left;
      float: none;
		  clear: both;
        }

    div#forms-container .nofloat {
      float: none;
		  clear: both;
    }

		div#forms-container .input_row {
			padding-bottom:5px;

		}

		div#forms-container label.hiddenlabel {
			/*position:relative;
			float:left;
			text-indent:-999em;*/

			position:absolute;
			margin:0px;
			padding:0px;
			height:0px;
			width:0px;
			text-indent:-999em;
		}

		div#forms-container label.innerHiddenLabel {
			position:absolute;
			margin:0px;
			padding:0px;
			height:0px;
			width:0px;
			text-indent:-999em;

		}

		div#forms-container .rowContainer label.formlabel,
		div#forms-container .rowContainer span.formlabel{
        	width:310px;
			float:left;
        	color: #003366;
        	font-weight:normal;
			display:block;
			text-align:right;
			margin-right:20px;
			position:relative;
        }

		div#forms-container .rowContainer label.formlabelLong,
		div#forms-container .rowContainer span.formlabelLong{
        	/*width:230px; */
        	width:540px;
			float:left;
        	color: #003366;
        	font-weight:normal;
			display:block;
			text-align:left;
			margin-right:10px;
			position:relative;
        }

		div#forms-container .rowContainer label.formlabel span.mandatory,
		div#forms-container .rowContainer span.formlabel span.mandatory{
			position:absolute;
			right:-10px;
			color:#1378B0;
			font-weight:bold;
			top:0px;
		}



		div#forms-container span.mandatory {
			color:#1378B0;
			font-weight:bold;
		}

		div#forms-container .spacer {
			display:block;
			clear:left;
			height:10px;
		}


        div#forms-container .rowContainer input[type="text"] {
			border:1px solid #C1C1C1;
			padding:2px;
        }

		div#forms-container .rowContainer textarea {
			border:1px solid #C1C1C1;
			padding:2px;
			width:300px;
        }

		div#forms-container .rowContainer textarea:focus {
			background-color: #FFFFCC;
			border:1px solid #FC6;
        }

		div#forms-container .rowContainer input[type="checkbox"],
		div#forms-container .rowContainer input[type="radio"] {
			border:0px;
		}

		div#forms-container .rowContainer input[type="text"]:focus {
			background-color: #FFFFCC;
			border:1px solid #FC6;
		}

        div#forms-container .rowContainer .tooltipContainer {
        	color: #666666;
        	display:none;
        	float:none;
        	background-repeat:no-repeat;
        	background-position:left center;
        	padding:0px 5px 2px 250px;
        }


		div#forms-container .submit_row {
			text-align:right;
			display:block;
			line-height:40px;
			clear:both;
			height:40px;
			float:none !important;
		}

		div#forms-container .submit_left {
			float:left;
			text-align:left;
			width:50%;
		}

    div#forms-container .print-ctr {
      display: inline-block;
    }

    div#forms-container .print-ctr {
      overflow: hidden;
      display: block;
    }

		div#forms-container .submit_right {
			float:right;
			text-align:right;
			width:50%;
		}

    div#forms-container .up {
      position: relative;
      top: -2px;
    }

		div#forms-container .terms,
		div#forms-container .Comms{
			color:#454545;
		}

		div#forms-container .term_error {
			margin:0px;
		}

		div#forms-container .helptext {
			color:#666666;
			font-style:italic;
			display:block;
			font-size:0.9em;
		}

		div#forms-container .padded	{
		  padding-left: 170px;
		}


/* CUSTOMER ALERT MESSAGE */

div#forms-container .myAlertMsg {
    position: fixed; /* Originally position:absolute; */
    _position: absolute; /* Added by AW/Tib 2011-03-25 */
    left: 0px;
    bottom: 0px;
    width:100%;
    height:100%;
    z-index: 1000;
	background-image:url(../images/bg_trans_white.png);
	_background-image:url(../images/bg_trans_white.gif);
}

div#forms-container .myAlertMsg .MsgContainer {
	background-color: #FFFFFF;
    border: 2px solid #D3EBF9;
    margin: 22% auto; /* Originally 45% auto */
    _margin: 45% auto; /* Added by AW/Tib 2011-03-25 */
    position: relative;
    width: 400px;
	-moz-box-shadow: 0px 3px 10px #666666;
	-webkit-box-shadow: 0px 3px 10px #666666;
	box-shadow: 0px 3px 10px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');

}

div#forms-container .myAlertMsg .MsgContainer h4 {
	margin:0px;
	padding:0px;
	float:left;
	color:#004470;
}


div#forms-container .myAlertMsg .MsgContainer p {
	padding:10px;
	text-align:center;
}

div#forms-container .myAlertMsg .MsgContainer .closer {
	border-bottom:2px solid #D3EBF9;
}

div#forms-container .myAlertMsg .MsgContainer .actions {
	margin-top:20px;
	float:left;
	width:380px;
	padding:5px 10px;
}

div#forms-container .myAlertMsg .MsgContainer .actions .left {
	float:left;
	width:280px;
	text-align:left;
}

div#forms-container .myAlertMsg .MsgContainer .actions .right {
	float:right;
	width:90px;
	text-align:right;
}

div#forms-container .closer {
	text-align:right;
	padding:10px 10px
}

div#forms-container .closer img {
	border:0px;
	vertical-align:baseline;
	display: inline !important;
}

div#forms-container .closer a:link,
div#forms-container .closer a:visited,
div#forms-container .closer a:hover {
	text-decoration:none;
}

/* DROP DOWN TABLE STYLE */

div#forms-container table.boiDataTable {
	width:666px;
	margin-left:10px;
	border:2px solid #D3EBF9;
	padding:1px;
}


div#forms-container table.boiDataTable tr th {
	text-align:left;
	background-color:#D3EBF9;
	font-weight:normal;
	padding:5px;
	color:#004470;
	border-bottom:1px solid #B4CAD7;
}


div#forms-container table.boiDataTable tr td {
	padding:5px;
	vertical-align:top;
    border-bottom: 1px solid #D3EBF9;
	border-top:1px solid #FFFFFF;
}

div#forms-container td.checkbox {
	background-color: #EDF7FA;
    border-bottom: 1px solid #D3EBF9;
    color: #004470;
}

div#forms-container table.boiDataTable tr:hover td {
	background-color: #EDF7FA;
}

div#forms-container div.tableActions {
	padding:0px 10px;
	text-align:right;
	float:left;
	clear:both;
	width:666px;
	padding-bottom:10px;
	display:block;
}

div#forms-container div.tableActions .actions_left {
	width:50%;
	text-align:left;
	float:left;
}

div#forms-container div.tableActions .actions_right {
	width:50%;
	text-align:right;
	float:right;
}

div#forms-container a.AddRows:link,
div#forms-container a.AddRows:visited {
	background:url(../images/icon_bg_add.jpg) left center no-repeat;
	padding:5px 0px 5px 20px;
	text-decoration:none;
	outline:none;
}

div#forms-container a.AddRows:hover {
	text-decoration:underline;
}

div#forms-container a.RemoveRow:link,
div#forms-container a.RemoveRow:visited {
	background:url(../images/icon_bg_remove.jpg) left center no-repeat;
	padding:5px 0px 5px 20px;
	text-decoration:none;
	outline:none;
}

div#forms-container a.RemoveRow:hover {
	text-decoration:underline;

}

/* SUMMARY INFORMATION STYLES */

div#forms-container .summary_row {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #D3EBF9;
	float:left;
	display:block;
	width:100%;
	clear:both;
}

div#forms-container .summary_row .name {
	float:left;
	text-align:right;
	width:140px;
	margin-right:20px;
}

div#forms-container .summary_row .name p {
	font-weight:bold;
	color:#003366;
}

div#forms-container .summary_row .desc {
	float:left;
	width:526px;
	text-align:left;
}

div#forms-container .summary_row .desc p {

}

div#forms-container .summary_row .desc ul {
	margin:0px auto;
	padding:0px 0px 0px 15px;

}

div#forms-container .summary_row .desc ul li {

}

div#forms-container .summary_row .desc label {
	color:#1378B0;
	font-style:italic;
	font-size:0.9em;
}

div#forms-container .summary_row .desc .descNote {
	padding-top:10px;
	color:#1378B0;
	font-size:0.9em;
	font-style:italic;
}

div#forms-container table.exampleDataTable {
	width:100%;
	border:2px solid #D3EBF9;
	padding:1px;
}


div#forms-container table.exampleDataTable tr th {
	text-align:left;
	background-color:#D3EBF9;
	font-weight:normal;
	padding:5px;
	color:#004470;
	border-bottom:1px solid #B4CAD7;
	vertical-align:top;
}


div#forms-container table.exampleDataTable tr td {
	padding:5px;
	vertical-align:top;
    border-bottom: 1px solid #D3EBF9;
	border-top:1px solid #FFFFFF;
	white-space:nowrap;
	vertical-align:top;
}


div#forms-container table.exampleDataTable tr td.checkbox {
	background-color: #EDF7FA;
    border-bottom: 1px solid #D3EBF9;
    color: #004470;
	width:24px;
}

div#forms-container table.exampleDataTable tr th.col1,
div#forms-container table.exampleDataTable tr th.col2 {
	width:310px;
}

div#forms-container .carnote {
	font-style:italic;
	white-space:normal;
}


div#forms-container .outputbox {
	border:0px !important;
	margin:0px !important;
	padding:0px !important;
	background:transparent !important;
	color:#333;
}

div#forms-container .calc_button {
	margin-left:340px;
}

div#forms-container .warning_container {
	border:1px solid #D3EBF9;
	padding:10px;
}

div#forms-container .warning_container p {
	font-size:1.1em;
	font-weight:bold;
}

div#forms-container .warning_container h2.sub_sub_title {
	margin-top:0px;
	padding-top:0px;
}


div.errors {
  border: 2px solid #440000;
  background: #ffefef;
  color: #440000;
  padding: 5px;
}

/* Custom NI Reg Form */

.uk_banner_outer {
  background:url(../images/ni-bg-header.png) left top repeat-x;
  height:60px;
  margin-bottom:20px;
  overflow:hidden;
}
.uk_banner_inner {
  margin:0px auto;
  padding: 0 0 0 20px;
  height:60px;
  width:726px;
  w\idth:706px;
  overflow:hidden;
}

/****
* Mortgage Calculator Repayment Styles
**/
table.rates-table {
  text-align: left;
  width: 650px;
  vertical-align: top;
}

table.rates-table table {
  text-align: left;
  width: 300px;
  vertical-align: top;
}

table.rates-table th {
  text-align: left;
  background: #336699;
  color: #ffffff;
  padding: 5px;
}

table.rates-table th.major {
  vertical-align: top;
  font-size: 1.3em;
  color: #336699;
  background: #ffffff;
  height: 50px;

}

#facebox .content {
  display:table;
  width: auto !important;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border: 3px solid #000000;
}


table.rates-table tr {
  vertical-align: top;
}

.cell-mortgage {
  width: 250px !important;
}
.cell-apr {
  width: 50px !important;
}


table.rates-table tr td table tr td {
  text-align: left;
  vertical-align: top;
  padding: 5px;

}

table.rates-table tr.light td {
  background: #efefef;
}

table.rates-table tr.dark td {
 background: #dedede;
}
table.rates-table tr td a {
  text-decoration: none;
  display: block;
}
table.rates-table tr.light td a.over,
table.rates-table tr.light td a:hover,
table.rates-table tr.dark td a.over,
table.rates-table tr.dark td a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #336699;
}
table.no-border {
  border-collapse: collapse;
}
table.no-border tr td {
  background: none !important;
}

table.go-over {
  color: #fff;
  background-color: #336699;
}
table.go-off {
  color: #fff;
  background-color: #00ffff;
}