/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: #FFFFFF;
	font: normal small Georgia, "Times New Roman", Times, serif;
	color: #999999;
	position: relative; /*To fix the IE 5.5 - 6 bug - if base is not closed (</based>) it became a paretn of body in IE and we have relative element (#main) we can't select text*/
}

a {
	text-decoration:none;
	color: #bf0000;
}

a:visited {
	color:#7a0c0c;
}

a:hover {
	text-decoration:underline;
	color:#7a0c0c;
}

/* Logo */

#logo {
	width: 708px;
	height: 124px;
	margin: 0 auto;
	background: #fff url(images/headerbg.gif) no-repeat;	
}

#logo #ask {	
	float: left;
	width: 100px;
	height: 35px;
	margin-top: 16px;
	margin-left: 57px;
	background: #000 url(images/ask.gif) no-repeat;
	text-indent:-9999px;
}

#logo #mortgagelogo {	
    float: right;
	width: 320px;
	height: 35px;
	margin-top: 16px;
	margin-right: 142px;
	background: #bf0000 url(images/mortgage.gif) no-repeat;
	text-indent:-9999px;
}

/* Logo > Search Form*/

#search{ clear:both;font-size: 1em; float:right; margin-top:22px; margin-right: 10px;} 
#search table { border-collapse: collapse;border-spacing: 0;}
#search table td {padding:0;}
* html #search { display:inline; } /*IE bug fix double margin - in this case double right margin*/

.FSF_form{
}
.FSF_submit {
	width: 70px !important;
	border:none !important;
	height:22px !important;
	background:url(images/search-button.gif);
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.FSF_input { 
	width:101px;
	border-right:none;
	border-top:1px solid #7a0c0c;
	border-bottom:1px solid #7a0c0c;
	border-left:1px solid #7a0c0c;
	padding:2px 5px;
}
.FSF_extract { margin:5px 0 20px 0;padding-bottom:5px; border-bottom:1px solid #fff;line-height: 150%;}

.FSF_searchResults .highlight { font-weight:bold;}

/* Content */

#content {
	width: 708px;
	margin: 0 auto;
	background: url(images/bg.gif) repeat-y;
}

#extra {
	clear: both;
	height: 20px;
	background: url(images/bottom-bg.gif) no-repeat;
	text-indent:250px;
}

/* Content > Main */

#main {
	float: right;
	width: 468px;
	background: url(images/content-corner.gif) no-repeat right top;
	color: #3b3b3b;
	position:relative; /*For action links to be after #qna in the code*/
}


#main h2 {font-size:medium; margin:20px 0 10px 0;}

/* Content > Main > #text */


/* Content > Main > QnA */

#qna {
	padding: 0px 20px 20px 20px;
}
#qna li {margin:10px 0;}
#answerform ul, #answerform p, #qna p, #qna blockquote, #qna ul, #qna ol, #text p, #text blockquote, #text ul, #text ol  {
	margin: 5px 0 10px 0;
	line-height:150%;
}
#answerform ul, #qna blockquote, #qna ul, #qna ol, #text blockquote, #text ul, #text ol {
padding-left:40px;
}
/* Content > Main > Table */
#qna table
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
color: #fff;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

#qna table td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

#qna table th
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-top: 1px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
border-bottom: 2px #fff solid;
font-weight: bold;}

/* Content > Main > QnA > #answerform (Jot comments)*/

.jot-row {margin-top:10px;padding: 0px 3px;}
.jot-row span {font-size: larger; font-style:italic; margin-left:15px;}
.jot-row p { padding-left:80px;}
.jot-row-up {border: 1px dotted red;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}

/* Content > Main > QnA > #useranswers (Jot form)*/


#useranswers { border-top:1px solid #fff; padding-top:5px; margin-top:15px;}
.jot-err {border: 1px solid #bf0000;font-weight: bold;color: #bf0000;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid #bf0000;font-weight: bold;color: #bf0000;padding: 5px;margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form label {display: block;}
.jot-form input, .jot-form textarea{display: block; margin-bottom:10px;}
.jot-form input { width:150px;}
.jot-form img {width:150px;margin-bottom:10px;border: 1px solid #003399; display:block;}
.jot-form fieldset {border: 0px;}
.jot-extra {text-align: right;}



/* Content > Main > Action-Items */
#main .action-items {text-align:right;padding:5px 20px 0 20px; position:absolute;left:0px;top: 0px;}/*Adding in #main .action-items - position:absolute;left:0px;top: 0px; and in #main - position:relative; to move the .action-items below qna in the code*/
#main .action-items a {height:15px;font:normal 10px verdana,geneva,helvetica;display:inline;padding-bottom:3px;
text-decoration:none;}
#main .action-items a:hover{text-decoration:underline;}
#main .action-items a.linkthis {background:url(images/link_icon.gif) no-repeat;padding-left:19px;margin-right:10px;}
#main .action-items a.print {background:url(images/print_icon.gif) no-repeat;padding-left:20px;margin-right:10px;}
#main .action-items a.email {background:url(images/email_icon.gif) no-repeat;padding-left:19px;margin-right:10px;}
#main .action-items a.delicious {background:url(images/delicious_14x14.gif) no-repeat;padding-left:16px;margin-right:10px;}
#main .action-items a.digg {background:url(images/digg_16x16.gif) no-repeat;padding-left:20px;}

/* Content > Main > addasklinks */
#addasklinks {margin:20px 0px 5px 0px; text-align:center;}
#addasklinks a {text-decoration:underline; font-weight:bold; margin-right:7%;}

/* Content > Main > addthis */
#addthis{padding:20px;border-top:1px solid white;}
#addthis div{display:inline;vertical-align:middle; margin-left:10px;}

/* Content > Main > ratethis (Star Rating)*/

#ratethis { 
	padding:20px;
	border-top:1px solid white;
 }
#ratethis table { margin:10px auto 0 auto;}
.smaller { font-size:0.9em;}


/* Content > Sidebar */

#sidebar {
	float: left;
	width: 220px;
	background: url(images/menu-corner.gif) no-repeat;
	color: #6BB3B3;
}

#sidebar a {
	color: #fff;

}

/* Content > Sidebar > Menu */

#menu {
	padding:20px 0;
}

#menu ul {
    
	margin: 0;
	list-style: none;
}

#menu li {
	display: block;
	background-color: #fff;
}

#menu a {
	display: block;
	width: 208px;
	padding: 10px 2px 11px 10px; /*ot 10 na 11 zaradi padding-bottom:1px ot li'to nad nego*/
	text-decoration: none;
	background: #7a0c0c url(images/menu-border.gif) repeat-x left bottom;
}

/* Footer */

#footer {
	clear: both;
	width: 660px;
	margin: 0 auto;
	padding: 10px 0;
}

#footer p, #footer div {
	margin: 0;
	text-align: right;
	font-size: x-small;
}

/*Other My stuff*/
.subhead { font-size:large;font-weight:bold; color:#3b3b3b;	padding: 14px 20px 0px 20px; margin-top:20px;}
.subhead span{ font-size:xx-large;color:#bf0000;}
.bolder{font-weight:bold;line-height:150%;}
h1 { margin:5px 0 10px 0; padding:0;font-size:x-large; 	line-height: normal;}
/*Question Form*/
.fieldset {
width:100%;
}
.fieldset label {
	text-align:right;
	width:100px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; 
	}
.fieldset .nobr {
	display:none; }  
.fieldset img {
	margin:3px;
	height:60px;
	width:150px;

}	
.fieldset .textfield {
	margin:3px;
	height:18px;
	width:220px;
	padding:2px 3px; 
	}
.fieldset .textarea {
	margin:3px;
	height:150px;
	width:220px;
	padding:2px 3px; 
	}
.fieldset .submit {
	margin:13px 3px 3px 3px;
	width:223px;
	}
.errors {border: 1px solid #bf0000;font-weight: bold;color: #bf0000;padding: 5px;margin-bottom: 10px;}


.center{ text-align:center}
#relatedarticle {padding:20px 20px 5px 20px;border-top:1px solid white;}
#relatedarticle ul{padding:0; margin:10px 0;list-style: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:85%;}
#relatedarticle li{background:url(images/bullet.gif) no-repeat; line-height:100%;padding-left:17px; background-position: 0 0.1em; margin:3px 0;position:relative;}

.active a {background-color:#bf0000 !important; color:#000 !important;}

.small{ font-size:x-small;}

#questionlinks {padding:5px 0px 5px 0px;}
#questionlinks ul{padding:0; margin:10px 0;list-style: none;font-family: Verdana, Arial, Helvetica, sans-serif;}
#questionlinks li{background:url(images/bullet.gif) no-repeat; line-height:100%;padding-left:17px; background-position: 0 0.1em;position:relative; border-bottom:1px solid white; margin-top:15px; padding-bottom:5px;}
#questionlinks .last { border-bottom:0;}
#questionlinks h2 { padding:0px 0 0 0;} /*Used only on the index/home page - padding:15px 0 0 0; to padding:0px 0 0 0; because adsense na homepage */

.about { color: #bc8585;}
.about strong { background: #7a0c0c url(images/menu-border-about.gif) repeat-x left bottom; display:block; padding:5px; margin-bottom:10px; text-align:center;}
.about p{line-height: normal; font-size:smaller;padding:0 5px 10px 10px;}

#terms{line-height:100%;color:#999999; padding:10px 20px;font-size:smaller;}
#termsmainpage{line-height:100%;color:#999999; padding:10px 0 0 0;font-size:smaller;}
.ad{margin:15px 0px;}
#cath1{text-align:center; margin-top:20px; padding-top:14px;}
.crcs a{font-weight:bold; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.rec a{font-weight:bold; text-decoration:underline;}
#ltad { text-align:center; margin-bottom:10px;}
#ltad a{font-weight:bold; text-decoration:underline;}
.helpful {margin: 5px 0pt 10px; line-height: 150%; } /*Recommender links*/
.helpful a{font-weight: bold;}
.bottomads{border-top:1px solid white; padding:20px 0;}