/* CSS for Public Pages */

div.fullpane {
	margin:0;
    padding:0 20px 0 20px;
}

div.leftpane-infopage {
    float:left;
	margin:0;
	padding:10px;
	width:180px;
	background-color: #f3f3f3;
}

div.middlepane-infopage {
    float: left;
    width:490px;
	margin:0;
    padding:0 20px 0 20px;
    line-height:2em;
}

div.rightpane-infopage {
    float:right;
	margin:0;
	padding-right:10px;
	width:200px;
}


/* Left menu on info pages */
ul.info-leftmenu,  ul.info-leftmenu li ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.info-leftmenu  li {
    padding-left: 1.2em;
    margin:0.5em 0 0.5em 0;
    background: url(/common/images/listarrow.gif) no-repeat 0 .5em;
    font-size: 1em;
}

div.twocol-leftpane {
    float:left;
	margin:0;
	padding:0;
	border-style:none;
	width:180px;
}


div.twocol-middlepane {
    float: left;
	margin:0;
	padding:0 15px 0 15px;
	border-style:none;
	width:710px;
}

div.twocol-rightpane {
    float:right;
	margin:0;
	padding:0;
	border-style:none;
	width:200px;
}


/* Home Page Styles*/
div.home-top-pane, div.home-bottom-pane {
    width:100%;
    overflow:hidden;
}

div.home-top-pane-left, div.home-top-pane-right  {
    float:left; 
    width:460px !important;
    height:180px;
}

div.home-top-pane-right  {
    float:right;
    text-align:center;
}

div.home-bottom-pane {
	margin-top:20px; 
}

div.home-bottom-pane-left {
	width:300px; float:left;
}

div.home-bottom-pane-right {
	width:640px; 
    float:right;
}

div.home-bottom-pane-section {
	width:300px; 
    float:left;
}

/* End - Home Page Styles */




.box {
    border: 1px solid #8A8A8A;}

table.summary {
	border-collapse:collapse;
    margin-top: 1em;
    margin-bottom: 1em;
    background: #FFFFFF;
	text-align:left;
}
table.summary tbody tr, table.summary thead tr  {
	vertical-align:middle;
}
table.summary tbody td, table.summary tbody th {
	padding: 5px 0px 0px 0px;
	text-align:left;
}

table.summary tr.datarow {
	background: #FFFFFF;
}
table.summary tr.datarow td {
	padding-right:5px;
	padding-left:5px;
}

table.summary tr.actionrow {
	background: #f5f7f5;
}

/* These are the styles for detail screen tables - Used for lender rates */
table.data tr.striperow th, table.data tr.striperow td {
    background-color:transparent;
}

table.data tbody tr.striperow {
   background-color:#F2F2F2;
}

table.data tbody tr:hover{
	background-color:#FFD!important;
}

table.data thead tr th {
	border-bottom:1px solid #ccc; 
    background-color:#E4E4E4;
}

table.data tr th, table.data tr td  {
	padding:4px 6px 4px 6px;
}

table.data tr th.highlight, table.data tr.whiterow td.highlight {
	font-weight:bold;
    background-color:#FFFFCC; 
}

table.data tr.striperow td.highlight {
    background-color:#FFFF99; 
    font-weight:bold
}

table.data tr th.dim, table.data tr td.dim {
	color:#999999
}
table.data tr th.blank, table.data tr td.blank {
	color:#ffffff!important; 
    background-color:#FFFFFF!important;
    border:none
}

table.data tfoot tr td {
	font-size:0.8em;
}


/* Used in news */
table.news {
    text-align:left;
    vertical-align:middle;
    line-height:1.5;
    font-size:14px;
}

table.news tr.newsrow:hover {
	background-color: #ffd;
}

table.news th {
    font-weight:bold;
    border-color:#CCCCCC;
}

table.news tbody td {
    padding: 12px 10px 12px 10px;
}

h1.newstitle, h2.newstitle {
    font-weight:bold; 
    margin:4px 0 4px 0;
}

h1.newstitle {
	padding-left:5px;
}

div.related-news h3{
	border:none;
}

div.newsimg {
	border:2px solid #DDD;
    float:left;
    height:100px;
    width:100px; 
    margin:0 10px 10px 0;
    overflow:hidden;
    padding:3px;
    text-align:center;
}

div.newsimg img {
    height:100px;
    width:100px; 
    border-style:none;
}

/* News - End*/


/* Share Block */
div.share-block {
	padding:8px 0;
}

div.share-block h3 {
    color:#808080;
    border:none;
}

ul.share-buttons {
    border-top:1px solid #EBEBEB;
    float:left;
    margin:0;
    padding:12px 0;
    width:100%;
}

ul.share-buttons li {
    display:inline;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:9px 9px;
    padding-top:1px;
}

.share-buttons a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/public/images/syndication-block.gif) no-repeat scroll 0 0;
}

.share-buttons a {
    color:#808080;
    display:block;
    font-size:8px;
    height:14px;
    overflow:hidden;
    padding:29px 0 4px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    width:46px;
    }

.share-buttons .digg a {
background-position:0 0;
}

.share-buttons .twitter a {
background-position:-46px 0;
}

.share-buttons .facebook a {
background-position:-184px 0;
}
.share-buttons .google a {
background-position:-276px 0;
}

.share-buttons .stumbleupon a {
background-position:-92px 0;
}

.share-buttons .del-icio-us a {
background-position:-138px 0;
}

.share-buttons .myspace a {
background-position:-230px 0;
}

.share-buttons .technorati a {
background-position:-322px 0;
}

.share-buttons .email a {
background-position:-460px 0;
}

/* Share Block - End */

/* Used in calculator */
.calculator {font-size:12px;}


/* Search */
#searchboxsmall {
    float:right;
    width:200px;
}


#searchboxsmall #sitesearch {
    position:relative;
    height:32px;
}
#searchboxsmall #sitesearch input.textbox {
    float:left;
    position:absolute;top:6px;left:10px;
    height:18px;width:115px;
    padding:1px 10px 1px 25px; 
    border:1px solid #CCC;
    background:#FFFFFF url(/public/images/search_bg.gif) no-repeat;
}
#searchboxsmall #sitesearch input.button {
	float:left; 
    position:absolute;top:6px;left:155px;
    border:0;
}

#searchboxlarge #sitesearch {
	position:relative;
    height:32px;
}

#searchboxlarge #sitesearch input.textbox {
	float:left;
    position:absolute;top:6px;left:10px;
    height:18px;width:450px;
    padding:1px 10px 1px 25px; 
    border:1px solid #CCC;
    background:#0054A6 url(/public/images/search_bg.gif) no-repeat;
}

#searchboxlarge #sitesearch input.button {
    float:left; 
    position:absolute;top:6px;left:490px;
    border:0;
}


/* Sharing tools to print/email - BEGIN */
div.toolslist {
	width:190px; 
	margin:0; 
}
ul.toolslist {
	display:inline;
}
ul.toolslist li {
	text-transform:uppercase;
	font-size:80%;
	display: inline;
	line-height:1.4em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:8px;
    color:#111;
}

ul.toolslist li a {
	color:#111;
}

ul.toolslist li a:hover {
	color:#0054A6;
}

ul.toolslist li.print a {
	background:url(/common/images/print_icon.gif) no-repeat;
	padding:0pt 0pt 3px 20px;
}
ul.toolslist li.email a {
	background:url(/common/images/email_icon.gif) no-repeat;
	padding:0pt 0pt 3px 20px;
}
/* Sharing tools to print/email - END */



/* Report Page -  Apply7 */
.report-container {
    width:660px; 
    float:left;
    margin-left:20px;
}

.report-container h1 {
    margin-top:0; 
    margin-bottom:10px;
}

.report-container h4 {
	font-size:15px;
}

div.recalc {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border:1px solid #6f6f6f;
    padding:5px;
    width:500px;
    background:transparent url(/common/images/bg-app-content.png) repeat-x scroll 0 0;
}


div.recalc h3 {
	color:#0054A6;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	padding:6px 12px 3px 1px;
	margin:4px auto 4px 6px;
	font-size:1.3em;
    font-weight:bold;
    border-bottom:1px solid #888;
}


table.expense {
	width:100%
}

table.expense td, table.expense th {
	width:8%; 
    padding:1px; 
    font-size:10px;
}

table.expense thead th {
    font-weight:bold; 
    border-bottom:1px solid #CCC;
}

table.expense td.sum, table.expense th.sum {
	width:15%; 
    font-weight:bold;
}

/* Report Page -  End */


/* Refinance Page */
div.refi-rightpane{
	width:600px; 
    float:right; 
    line-height:1.5;
}

div.refi-leftpane {
	width:250px; 
    float:left; 
    line-height:1.5
}

div.refi div.formrow {
    width:100%;
    margin:10px;
    overflow:hidden;
}

div.refi div.formrow input[type="text"] {
    width:90%;
}


div.refi div.formrow label {
    display:block;
    font-weight:bold;
}

div.refi div.formrow label.inline {
	display:inline;
}

div.refi div.formrow span.error {
	width:95%;
    display:inline;
    overflow:hidden;
    color:#FF0000;
    font-weight:bold;
}

/* Refinance Page - End */

/* Slider Calculator */
div.qcalc-row {
    width:95%;
    padding:9px 4px 9px 6px;
}

div.qcalc-row label {
    display:inline-block;
    width:33%;
    font-weight:bold;
    margin-right:5px;
}

div.qcalc-row label.block {
    display:block;
}

div.qcalc-row div.slider {
	margin:4px 0 8px 0;
}

div.qcalc-row span.sliderval {
    font-size: 1.2em; 
    font-weight: bold;
}

div.qcalc-row span.disclaimer {
    display:block;
    margin-top:10px;
}

div.qcalc-row span.note {
    margin-left:3px;
    font-size:0.8em;
}
/* Slider Calculator - End*/

/* Section Modules with headings and content */

div.section, div.section-dim, div.section-highlight {
	border-radius: 11px 11px 0 0;
    -moz-border-radius: 11px 11px 0 0;
    -webkit-border-radius: 11px 11px 0 0;
    box-shadow: 0 4px 18px #C8C8C8;
    -moz-box-shadow: 0 4px 18px #C8C8C8;
    -webkit-box-shadow: 0 4px 18px #C8C8C8;
    overflow:hidden;
}

div.section {
    border-left:1px solid #EAEAEA;
    border-right:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
}


div.section-dim {
    border-left:1px solid #EAEAEA;
    border-right:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
}

div.section-highlight {
    border-left:1px solid #EAEAEA;
    border-right:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
}


div.section h3, div.section-dim h3, div.section-highlight h3  {
   border-radius: 10px 10px 0 0;	
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   text-shadow: 1px 1px #000;
   color:#FFFFFF;
   padding:6px 12px 6px 12px;
   margin:0 auto 0 auto;
   font-size:1.1em;
   font-weight:bold; 
}

div.section h4, div.section-dim h4, div.section-highlight h4  {
   text-shadow: 1px 1px #CCCCCC;
   padding:6px 12px 6px 12px;
   margin:0 auto 0 auto;
   font-size:1.1em;
   font-weight:bold; 
}

div.section h3 {
     background:#3E5064 url(/common/images/bg-section-title.png) repeat-x scroll 0 0;
}

div.section-dim h3 {
    background:#3E5064 url(/common/images/bg-section-title-dim.png) repeat-x scroll 0 0;
}

div.section-highlight h3 {
    background:#3E5064 url(/common/images/bg-section-title-highlight.png) repeat-x scroll 0 0;
}

div.section div.section-content, div.section-dim div.section-content, div.section-highlight div.section-content {
	padding:10px;
	margin:0;
    overflow:hidden;
}

div.section input[type="submit"], div.section-dim input[type="submit"], div.section-highlight input[type="submit"] {
    font-size:14px;
    cursor:pointer;  
    font-weight:bold; 
    padding: 3px 5px;
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    color:#FFFFFF; 
}

div.section input[type="submit"] {
	background:#0054A6 url(/common/images/buttons/bg-button-1px-blue.gif) repeat-x left top; 
    border:outset 0px #0054A6; 
}

div.section input[type="submit"]:hover {
    background:transparent url(/common/images/buttons/bg-button-1px-blue-hover.gif) repeat-x left top; 
    border-bottom: inset 0px #000;
    border-right: inset 0px #000;
}


div.section-highlight input[type="submit"] {
	background:#EF3340 url(/common/images/buttons/bg-button-1px-red.png) repeat-x left center; 
    color:#FFFFFF;
    border:outset 0px #EF3340;  
}

div.section-highlight input[type="submit"]:hover {
    background:#EF3340 url(/common/images/buttons/bg-button-1px-red-hover.png) repeat-x left center; 
    border-bottom: inset 0px #000;
    border-right: inset 0px #000;
}


div.section-dim input[type="submit"] {
	background:#808080 url(/common/images/buttons/bg-button-1px-gray.png) repeat-x left center; 
    color:#FFFFFF;
    border:outset 0px #3E5064;  
}

div.section-dim input[type="submit"]:hover {
    background:#AAA url(/common/images/buttons/bg-button-1px-gray-hover.png) repeat-x left center; 
    border-bottom: inset 0px #000;
    border-right: inset 0px #000;
}

/* Apply now button */
/* Placed on the right column */
div.section-applynow {
    border-left:1px solid #ff3300;
    border-right:1px solid #ff3300;
    border-bottom:1px solid #ff3300;
	border-radius: 11px 11px 0 0;
    -moz-border-radius: 11px 11px 0 0;
    -webkit-border-radius: 11px 11px 0 0;
}

div.section-applynow h3 {
   border-radius: 10px 10px 0 0;	
   -moz-border-radius: 10px 10px 0 0;	
   -webkit-border-radius: 10px 10px 0 0;	
   color:#FFFFFF;
   padding:6px 12px 6px 12px;
   margin:0 auto 0 auto;
   font-size:1.1em;
   font-weight:bold;	
   background:#ff3300 url(/common/images/bg-section-title-highlight.png) repeat-x scroll 0 0;
}


div.section-applynow div.section-content {
    background: #FFFFFF url(/common/images/bg-section-content-highlight.png) no-repeat scroll 95% 50%;
    margin:0;
    padding:10px 55px 10px 10px; 
    font-size:1.6em; 
    line-height:1.2em; 
    font-weight:bold; 
    text-align:center; 
    height:80px;
}

div.section-applynow div.section-content a {
    text-decoration:none;
    color:#000000;
}

div.section-applynow div.section-content a:hover  {
    color:#ff3300;
    background-color:transparent;
}

/* Apply now button - End */


/* -------------------------------------- */
/* Application Div - Used in application steps */
/* Reused in affiliate signup as well          */
div.app {
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border:1px solid #6f6f6f;
    padding:0;
    width:500px;
    background:transparent url(/common/images/bg-app-content.png) repeat-x scroll 0 0;
}

div.app form, div.app input, div.app select, div.app form textarea, div.app table, div.app p {
    font-size:13px;
}

div.app input[type=text], div.app select, div.app textarea {
	width:140px;
}

div.app h2 {
	color:#0054A6;
	padding:6px 12px 3px 1px;
	margin:0 auto 4px auto;
	font-size:1.3em;
    font-weight:bold;
    border-bottom:1px solid #888 ;
}

div.app h3 {
	color:#0054A6;
    border-radius: 10px 10px 10px 1px;
    -moz-border-radius: 10px 10px 10px 1px;
    -webkit-border-radius: 10px 10px 10px 1px;
	padding:6px 12px 3px 10px;
	margin:4px auto 8px 6px;
	font-size:1.3em;
    font-weight:bold;
    border-bottom:1px solid #888;
}

div.app div.content {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
	padding:10px;
	margin:0;
    background:transparent url(/common/images/bg-app-content.png) repeat-x scroll 0 0;
}

div.app input[type="submit"], input[type="submit"].general {
    background:#0054A6 url(/common/images/buttons/bg-button-1px-blue.gif) repeat-x left top; 
    color:#FFFFFF; 
    font-size:14px;
    cursor:pointer; 
    border:outset 0px #0054A6;  
    font-weight:bold; 
    padding: 3px 5px;
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
}

div.app input[type="submit"]:hover, input[type="submit"].general:hover {
    background:transparent url(/common/images/buttons/bg-button-1px-blue-hover.gif) repeat-x left top; 
}


/* Breadcrumbs to track application steps */
div.app ul.breadcrumb {
    height: 1.5em; 		/* This is the height of the breadcrumb */
    padding: 6px 0 0 10px;
    margin:0 0 10px 0;
    border-bottom:1px solid #999;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    background:#3E5064 url(/common/images/bg-app-title.png) repeat-x scroll 0 0;
    color: #EEEEEE; /*This is our color on the text which isn't a link. Light grey */
}

div.app ul.breadcrumb li {
    float: left;
    display: inline;
    margin-right: 14px;
}

div.app ul.breadcrumb a {
    color: #ffF; 
    font-weight: bold; /* And bold */
    background: none;
    padding-right: 14px; /* Add some padding to the right of the linkfor the background image */
    text-decoration: none;
}

div.app ul.breadcrumb a:hover {
    color: #ff1a00;
    background:none; 
}
/* Breadcrumbs - End */


/* Appinfo dispalys right column information in application steps */
div.appinfo {
    width:380px;
    float:right;
    height:100%;
    border-left:1px solid #EAEAEA;
    padding:0 20px 0 20px;
}

div.calc-div {
   height:100px;
   width: 400px;
   background:#FFFFFF url(/common/images/bg-section-content-highlight.png) no-repeat scroll 95% 50%;
   border:1px solid #333;
   border-radius: 5px 5px 5px 5px;	
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   box-shadow: 0 4px 18px #C8C8C8;
    -moz-box-shadow: 0 4px 18px #C8C8C8;
    -webkit-box-shadow: 0 4px 18px #C8C8C8;
   color:#1h1h1h;
   padding:6px 80px 6px 12px;
   font-size:1.1em;
   margin:20px;
   
}

div.calc-div h3 {
	color: #FF5959;
}

div.calc-div:hover {
	background-color:#F1F9F9; 
}

/* Used in the landing/konutkredisi pages */
div.largebutton {
    width:45%; 
    height:220px; 
}


/* Affiliate pages - Start */
div.affiliate-casestudy-small {
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    -moz-box-shadow:0 4px 18px #c8c8c8; 
    padding:15px; 
    background-color:#fafbc5;
    border:1px solid #F1F1F1;
}

div.affiliate-casestudy-small p.aff-quote {
    font-style:italic;
    font-weight:bold;
    margin-bottom:0;
}
/* Affiliate pages - End */

div.largebutton:hover {
	background-color:#F1F9F9; 
}


/* Charts - Start */
div.chartfilterpane {
	width:200px;
    float:left;
    height:100%;
    padding:3px 20px 3px 3px;
    margin-right:20px;
    border-right:1px solid #ECECEA;
    font-size:11px!important;
}


div.chartpane {
	width:600px;
    float:right;
    height:100%;
    padding:3px 20px 3px 3px;
    margin-right:20px;
    border-right:1px solid #ECECEA;
    font-size:11px!important;
}

div.charttitle {
    font-size:16px; 
    font-weight:bold; 
    color:#0054A6;
    margin: 0.25em 0 0 0;
    text-transform:uppercase;
}


div.chartsubtitle {
    font-size:14px;
    color:#0054A6;
    margin:5px 0 15px;
}


div.chartdatefilter {
    margin-bottom:20px;
    clear:both;
}

div.chartfilterpane div.filtermodule {
    margin:0 3px 20px 3px;
    padding:3px;
    border:0px solid #CCC;
    max-height:220px;
    overflow-y:auto;
    overflow-x:hidden;
}

div.filtermodule div.filteritem {
    margin:0 0 3px 0;
}

div.chartcontainer div.legend {
    width:60%;
    float:left;
    padding-left:20px;
}

div.chartcontainer div.credits {
    width:30%;
    float:right;
    text-align:right;
    padding-right:20px;
}

div.charttooltip {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    display: none;
    border: 1px solid #8A8A8A;
    background-color: #FFFFDD;
    color: #1A1A1A;
    font-size:11px;
    line-height:1.6em;
    padding: 5px;
    z-index: 1000;
}

div.charttooltip span.labels {
	font-weight:bold;
}

/* Charts - End */