/*
 * Copyright (c) 2009 Markit Group Limited. All Rights Reserved.
 *
 * Common Loans CSS file - combined one instead of small files
 *
 * $Revision$, $Date$
*/
body { background-color: #ffffff; margin: 0px 0px 0px 0px; }
#loansiwantto_select,#loanstakemeto_select,font, th, td, p, a, #main, li, div, body { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#subnav  a{padding-left: 2px;padding-top: 2px;padding-bottom: 2px;clear: both;background-color: #f3f6fb; font-family: Verdana, Arial, Helvetica, sans-serif;}
#main { clear: both; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 5px; }
#hr { border-top: #e1e1e1 1px solid; }
.small, .small a { font-size: 8pt; }
a:link,a:active,a:visited { color: #0066ff; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, div.headerbar { color: #003366; font-family: Helvetica,arial, sans-serif; font-weight: normal; margin-bottom: 10px; margin-top: 10px; }
h1 { font-size: 22px; }
h2 { color: #333; font-size: 18px; margin-bottom: 10px; margin-top: 10px; }
h3 { color: #000; font-size: 16px; font-weight: bold; }
h4 { color: #003366; font-size: 10px; margin-bottom: 0px; margin-top: 0px; }
h5 { border-bottom: #e1e1e1 1px dashed; color: #003366; font-family: arial; font-size: 10pt; margin-bottom: 0; margin-bottom: 5px; }
td.abovenav { background-image: url(./../images/tile_above_nav.gif); background-repeat: repeat-x; }
table.borderbox1 { background-color: #f3f2ee; border: #e1e1e1 1px solid; border-collapse: collapse; border-spacing: 0; padding: 0px; }
.rightalign { text-align: right; }
.leftalign { text-align: left; }
.centeralign { text-align: center; }
.clearboth { clear: both; }
.datatable { background-color: #003366; border-color: #003366; border-style: solid; border-width: 1px; }
.datatablehead, .datatable th,.datatable th a { background-color: #003366; border-width: 0px; color: #ffffff; font-family: arial, sans-serif; font-size: 11px; }
.datatable td, .datatable a { font-family: arial, sans-serif; font-size: 11px; }
.datatable td { background-color: #ffffff; border-width: 0px; color: #003366; }
.fixed { font-family: courier, monospaced; font-size: 11px; }
.lowlight td { background-color: #f3f2ee; }
.highlighted td { background-color: #ffffcc; }
.columncontainer { float: left; margin-right: 10px; }
#leftguttercontainer { float: left; padding-left: 15px; width: 80%; }
#stylebox1 { background-color: #f1f1f1; border-color: #cccccc; border-style: double; border-width: 3px; clear: left; float: left; width: 140px; }
p.stylebox1 { font-size: 10px; padding: 10px; white-space: nowrap; }
#stylebox2 { border-color: #cccccc; border-style: solid; border-width: 1px; width: 250px; }
p.stylebox2 { font-size: 12px; padding: 10px; }
p.confirmation { color: #006600; }
p.errormsg { color: #ff0000; }
a.tablink:link, a.tablink:active, a.tablink:visited, a.tablink:hover { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
input { color: #333333; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.80em; }
button { background-color: #e1e1e1; background-repeat: repeat-x; border: 3px double #999999; border-left-color: #CCCCCC; border-top-color: #CCCCCC; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.90em; font-weight: bold; margin-top: 5px; padding: 0.25em; }
input.submit { background-color: #e1e1e1; background-repeat: repeat-x; border: 3px double #999999; border-left-color: #CCCCCC; border-top-color: #CCCCCC; font-weight: bold; margin-top: 5px; padding: 0.25em; }
input.textarea,select { font-family: Verdana, sans-serif; font-size: 11px; }
input.text { font-family: Verdana, sans-serif; font-size: 11px; width: 90%; }
input.submit { font-family: Verdana, sans-serif; font-size: 11px; }
input.checkbox { font-size: 15px; margin-right: 6px; text-align: right; top: 3px; }
input.radio { font-size: 15px; margin-right: 6px; text-align: right; top: 3px; }
.inputscreen { background: #a9b7c7; color: #000000; }
.fieldlabel { color: #93a1b2; font-size: 10px; font-weight: bold; }
.top { color: #003366; font-family: arial; font-size: 24pt; }
.section { color: #003366; font-family: arial; font-size: 11px; }
.content { font-size: 10pt; }
.tm { background-color: #ffffff; color: #b0d8e0; font-family: arial; font-size: 11px; text-align: left; text-decoration: none; vertical-align: super; }
div#footer { clear: both; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; margin-top: 20px; }
div#footer p, div#footer a { font-size: 8pt; }
.footer { background-color: #ffffff; color: #ffffff; font-family: arial; font-size: 11px; text-align: left; text-decoration: none; vertical-align: top; }
.footer-r { background-color: #ffffff; color: #ffffff; font-family: arial; font-size: 11px; text-align: right; text-decoration: none; vertical-align: top; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%;}
#content { padding-bottom: 50px; }

.ufefooter {
 clear: both;
 position: relative;
 z-index: 10;
 height:50px;
 margin-top:-51px;
 width:100%;
 background-color:#002F5A;
 border-top:1px solid #002344;
 overflow:hidden;
}


.footerLinks {
	float: left;
	width: 850px;
	line-height: 11px;
    margin-top: 10px;
}

.hasLayout, .clearFix {
 display : block;
 font-family: arial,helvetica,clean,sans-serif;
}

.footerLinks p {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 11px;
	margin-left: 50px;
}

.footerLinks table {
	margin-left: 50px;
}

.footerLogo {
  float : right;
}

.logo {
	background-image:url("https://store-markit.wsodqa.com/ResourceManager/S5ihuDf32X8GBhLnVX0mlw2/d/f/634540518487046010/Externals/Markit.Core/Content/Images/Branding24Bit.png");
}

.logoMarkitFooter {
	background-position:-513px -438px;
	height:30px;
	width:91px;
	margin-right: 50px;
    margin-top: 10px;
}

ol, ul {
	margin: 0;
	padding: 0;
	list-style:none outside none;
}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
}

.tablehead { background-color: #003366; color: #ffffff; font-size: 10pt; font-weight: bold; text-align: left; text-decoration: none; }
.tabletitle { background: #ffffff; color: #003366; font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; }
a.tabletitle:visited { color: #ffffff; }
.lerror, .error { color: #ff0000; }
.lrowcoloroff-r, .lrowcoloron-r, .rowcoloroff-r,
.rowcoloron-r, .rowcoloroff-r-red, .rowcoloron-r-red { text-align: right; }
.rowcoloroff-c, .rowcoloron-c { text-align: center; }
.rowcoloroff-r-red, .rowcoloron-r-red { color: #ff0000; }
.ltext { font-family: arial; font-size: 12pt; font-weight: normal; }
.warning { color: #ff0000; font-family: arial; font-size: 10pt; }
.bcontent { font-size: 10pt; font-style: normal; font-weight: bold; }
.wcontent, .wcontent a { font-size: 8pt; }
div.wrapper { display: block; padding: 0px 0px 0px 15px; }
td.wcontent { padding-bottom: 3px; padding-top: 3px; }
.boldscreencontent { color: #000000; font-size: 12px; font-style: normal; font-weight: bold; }
.labelscreencontent { color: #000000; font-size: 12px; font-style: normal; }
.confirmlabelscreencontent { color: #006600; font-size: 12px; font-style: normal; }
.errorlabelscreencontent { color: #ff0000; font-size: 12px; font-style: normal; }
.screencontent { color: #000000; font-size: 12px; font-style: normal; }
.panel { vertical-align: top; }
.skeytext { color: #483192; font-family: arial; font-size: 11px; }
.hidden { position: relative; visibility: hidden; }
.abs { position: absolute; }
.rel { position: relative; }
.relrep { position: absolute; visibility: hidden; }
.middle { vertical-align: middle; }
.toolTipStyle { background-color: #ffffff; border: 1px solid; font-family: arial; font-size: 12px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; position: absolute; visibility: hidden; white-space: nowrap; }
.icon { background-color: #ffffff; border-style: none; }
.informationLabel { color: #000000; font-size: 12px; font-style: normal; font-weight: bold; }
.informationContent { background-color: #a9b7c7; color: #000000; font-size: 12px; font-style: normal; }
#mainnav { background-image: url(./../images/tile_mainnav_bg.gif); clear: both; height: 24px; }
#mainnavshadow { background-image: url(./../images/tile_nav_shadow_bg.gif); font-size: 1px; height: 4px; margin-bottom: 10px; }
div.boxtitle { background-color: #8C9EC6; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; color: white; font-family: Trebuchet, Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; }
div.boxpanel { border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; margin-bottom: 5px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; }
div#username { padding-top: 0px; }
div#password { margin-bottom: 5px; margin-top: -10px; }
div#username, div#password { color: #ffffff; font-size: 10pt; font-weight: bold; }
div#borderbox { border: 1px solid #cccccc; float: left; margin-bottom: 50px; padding: 1px; }
div#loginbox { background-color: #76839A; float: left; height: 207px !important; height: 227px; margin-right: 1px; padding: 10px; width: 150px; }
div#instructions { background-color: #E1E8F5; float: left; height: 207px !important; height: 227px; padding: 10px; width: 350px; }
div#instructions p, div#instructions a { font-size: 8pt; }
div#markitlogo { float: left; padding-bottom: 8px; padding-left: 10px; padding-top: 8px; width: 150px; }
div#loggedintext { float: right; font-size: 8pt; padding-right: 5px; padding-top: 25px; text-align: right; }
div#loggedintext, div#loggedintext p, div#loggedintext a { font-size: 8pt; }
div.mainnavbutton, div.mainnavbuttonon, div.mainnavbuttonover { cursor: pointer; float: left; height: 22px; padding-top: 5px; text-align: center; width: 100px; }
div.mainnavbutton a:link, div.mainnavbutton a:active, div.mainnavbutton a:visited, div.mainnavbutton a:hover,
div.mainnavbuttonon a:link, div.mainnavbuttonon a:active, div.mainnavbuttonon a:visited, div.mainnavbuttonon a:hover,
div.mainnavbuttonover a:link, div.mainnavbuttonover a:active, div.mainnavbuttonover a:visited, div.mainnavbuttonover a:hover { color: white; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; text-decoration: none; }
div.mainnavbuttonon a:link, div.mainnavbuttonon a:active, div.mainnavbuttonon a:visited, div.mainnavbuttonon a:hover { color: black; }
.mainnavbutton { background: url('../images/bg-mainnav-btn.gif') no-repeat 0px 0px; color: white; }
.mainnavbuttonover { background: url('../images/bg-mainnav-btn-over.gif') no-repeat 0px 0px; color: white; }
.mainnavbuttonon { background: url('../images/bg-mainnav-btn-on.gif') no-repeat 0px 0px; color: black; }
#mainnav a:hover { text-decoration: none; }
#subnav { background-color: #f3f6fb; clear: both; padding-bottom: 2px; padding-left: 20px; padding-top: 2px; }
#subnav, #subnav a { font-size: 11px; }
a.subnavon:link, a.subnavon:active, a.subnavon:visited { color: #333333; text-decoration: none; white-space: nowrap; }
a.subnavon:hover { color: #0066ff; text-decoration: underline; }
#breadcrumbs { color: #666666; font-size: 12px; margin-bottom: 5px; padding-left: 15px; white-space: nowrap; }
.activepage { color: #003366; font-weight: bold; }
a.breadcrumbs:link, a.breadcrumbs:active, a.breadcrumbs:visited { text-decoration: none; }
a.breadcrumbs:hover, a.utilitylinks:hover { text-decoration: underline; }
.pricesolver { background: #FAFAD2; font-size: 14px; margin-right: 40px; width: 100%; }
.pricesolver strong { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
.pricesolverprice { color: red; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.whitepanel { background: white; border: 0px solid; color: white; }
.bluepanel { background: #000000; }
.error { background-color: #ffcccc; border: 1px solid red; }
.errorMessageNotDisplayed { display: none; }
.errorMessageDisplayed { background-color: #ffcccc; background-image: url(../images/error_icon.gif); background-position: 7px 6px; background-repeat: no-repeat; border: 1px solid red; font-weight: bold; margin-bottom: 10px; padding: 10px; padding-left: 40px; }
.confirmationMessageNotDisplayed { display: none; }
.confirmationMessageDisplayed { background-color: #ccffcc; background-image: url(../images/confirm_icon.gif); background-position: 7px 6px; background-repeat: no-repeat; border: 1px solid #006600; font-weight: bold; margin-bottom: 10px; padding: 10px; padding-left: 40px; }
.column { background-color: #DDDDDD; float: left; margin-bottom: 20px; margin-right: 20px; padding: 10px; width: 270px; }
.smallprint { font-size: 10px; }
.newsheadline { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.newsinfo { font-size: 12px; font-style: italic; margin-bottom: 15px; }
.newsstory { font-size: 12px; margin-right: 40px; }
.sidebarnewsheadline { color: #0066ff; font-size: 10px; }
.sidebarnewsdate { font-size: 10px; font-style: italic; }
.newmodelcalcmaintable{
    margin-left:15px;
}

.newmodelcalclblallign{
	margin-top:9px;
	margin-bottom:1px;
	padding-top: 10px; 
	padding-bottom: 0px;
}

.newmodelcalctxtboxallign{
	margin-top:1px;
	margin-bottom:9px;
	padding-top:0px;
	 padding-bottom: 10px;
	 width: 150px;
}


.searchTextBox{
		margin-top:1px;
	margin-bottom:9px;
	padding-top:0px;
	 padding-bottom: 10px;  
    width: 130px;
    border-right: medium none !important;
}

.ontop {
        z-index: 999;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        position: absolute;       
        background-color: #000;
        color: #aaa;
        opacity: .8;
        filter: alpha(opacity = 80);
}
     
#popup {
        width: 500px;
        height: 400px;
        position: absolute;
        /*color: #000;*/
        /*background-color: #fff;*/
        /* To align popup window at the center of screen*/
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -200px;
}