/*
    Badge Collectors Circle by Hark 2 Ltd
    VERSION 1.0
    
    CONTENTS ----------
	    
		1.  BODY
        2.  DEFAULT STYLES
        3.  HEADINGS
        4.  LINKS
        5.  LAYOUT
        6.  HEADER
        7.  NAVIGATION
        8.  FOOTER
        9.  GLOBAL STYLES
		10. FORMS
		11. MEDIA QUERIES
    
    -------------------
    
*/

@import url(reset.css);


/* @group 1.BODY
---------------------------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#858585;
	background:#c7cdc3 url(/img/bg-main.jpg) repeat;
}
p{ line-height:16px;}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'RomeralRegular';
	src: url('/fonts/romeral-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'RomeralRegular';
	src: url(//:) format('no404'), url('/fonts/romeral-webfont.woff') format('woff'), url('/fonts/romeral-webfont.ttf') format('truetype'), url('/fonts/romeral-webfont.svg#webfontP3Pt847u') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* @end */



/* @group 2.DEFAULT STYLES
---------------------------------------------------------------------- */
section, nav, aside, header, footer, figure{
	display:block;	
}
.clear{
	clear:both;	
}
hr{
	background-color:#d0cfcf;
	border:0px;
	height:1px;

}
hr.title-hr{
	background-color:#999;
	margin-top:0px;
	padding-top:0;
}
.copy-title{
	padding:0;
	color:#98ad4c;
	font-family:'RomeralRegular';	
	font-size:18px;
	margin:15px 0 5px 0;
}
.content-block{
	margin:10px 0 10px 0;
}
.overlay-title{
	text-align:left;	
	color:#666;
	font-size:12px;
	line-height:16px;
}

.side-panel, .side-panel-left{
	width:270px;
	padding:10px;
	background-color:#f6f6f6;
	border:1px solid #d0cfcf;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	margin:0;
}
.side-panel-left{
	width:240px;
	float:left;
}
.side-panel-clear{
	width:270px;
	padding:10px;	
	float:right;
	margin:0;
}
.side-panel-home{
	background-color:#ebf4f6;	
	height:260px;
}
.side-panel-content-home{
	padding:5px 10px;	
}
.side-panel-title{
	color:#e1484d;
	font-size:18px;
	font-family:'RomeralRegular';
	background:transparent url(/img/icon-filter-arrow.png) no-repeat 0 4px;
	padding-left:10px;
	margin:5px 0 5px 0;
}
hr.side-panel-divider{
	height:0px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e2e5e6;	
}

.side-nav  {
	position:absolute;
	left:-20px;
}
.side-nav li{
		
}
.side-nav li a{	
	display:block;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius:  0 6px 6px 0;
	border-radius:  0 6px 6px 0;
	background:transparent url(/img/bg-side-nav.gif) repeat-x;
	border:1px solid #d0cfcf;
	border-left:none;
	margin:0 0 5px 0;
	width:257px;
	padding:10px;
	height:30px;
}
.side-nav li a:hover, .side-nav li a.side-nav-selected{
	text-decoration:none;
	background-position:0 -50px;
}
.side-nav-title{
	font-size:14px;
	color:#42a1b5;	
	margin:0 0 3px 0;
	font-weight:bold;
}
.side-nav-subtitle{
	font-size:12px;
	color:#666;	
}

.side-nav li a:hover .side-nav-title, a.side-nav-selected .side-nav-title{
	color:#e1484d;
}
.side-nav li a:hover .side-nav-subtitle, a.side-nav-selected .side-nav-subtitle{
	color:#333;
}
.feature-link-button{
	height:10px;
	width:9px;
	background:transparent url(/img/icon-feature-selected.png) no-repeat 0 0;
	display:block;
	float:left;
	margin:0 0 10px 0;
	text-decoration:none;
}
.feature-toggle-links{
	margin:5px 0px;
	height:130px;
	position:absolute;
}
.feature-toggle-links li{
	float:left;	
	margin:0 1px 0 0;
}
.feature-toggle-links a{
	
}
.feature-link-button-selected{
	height:10px;
	width:9px;
	background:transparent url(/img/icon-feature-selected.png) no-repeat 0 -10px;
	display:block;
	float:left;
	margin:0 0 10px 0;
}
.feature-previous{
	width:41px;
	height:41px;
	background:transparent url(/img/button-feature-previous.png) no-repeat 0 0;	
	position:absolute;
	top:100px;
	left:15px;
	z-index:99;
	display:none;
}
.feature-next{
	width:41px;
	height:41px;
	background:transparent url(/img/button-feature-next.png) no-repeat 0 0;	
	position:absolute;
	top:100px;
	right:15px;
	z-index:99;	
	display:none;
}
#loan-slides .feature-previous, #loan-slides .feature-next{
	top:150px;	
}
.avatar-48{
	float:left;
	border:1px solid #cacecf;	
}

.comment-name{
	font-size:12px;
}
.comment-date{
	font-size:10px;
	color:#b4b4b4;
	margin:0;
	padding:2px 0 0 0;
	line-height:12px;
}
.comment-body{
	font-size:11px;
	line-height:14px;
	color:#666;
	margin:0px;
	padding:0;
}
.comment{
	border-top:1px dashed #d0cfcf;	
	padding:10px 5px;
}
.comment-details{
	margin-left:55px;	
}
.delete-comment-link{
	float:right;	
}
.hide{
	display:none;	
}
.error-box{
	margin:10px 0;
	font-size:12px;
	color:#ce2700;
	background-color:#fbd3b1;
	border:1px solid #f5c69a;	
	padding:10px;
}
.success-box{
	margin:10px 0;
	font-size:12px;
	color:#65a31b;
	background-color:#e0f2cb;
	border:1px solid #ccebac;	
	padding:10px;
}
.simple-page{
	
}
.simple-page p{
	padding-bottom:10px;
	line-height:13px;
}
.simple-page h3{
	margin:0;
}
.simple-page h4{
	
}
.ie6-message, .no-js div.no-js-message {
    background: #ffb url(/img/icon-warning.png) no-repeat scroll 10px 10px;
    border-bottom: 1px solid #F1DD8C;
    display: block;
    font-size: 14px;
    padding: 20px 0 20px 0;
	position: static;
    text-align: left;
    width: 100%;
}
.ie6-message div, div.no-js-message div{
	padding:0 0 0 60px;	
}
.admin-comment{
	background-color:#ffc;	
}
#comments-container h2{
	margin:5px 0 10px 0;	
}
/* @end */



/* @group 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

h1 {
	
}


.logo {
	margin:0;
	padding:0;
	height:109px; /* Height of logo */
	width: 241px; /* Width of logo */
	overflow:hidden;  /* Stops text from protruding if  H1 text is larger than logo */
	position:relative; /*must be relative or absolute */
	float:left;
}
.logo a{
	display:block;
	height:100%;
	width:100%;
}
.logo a span{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/logo-bcc.png) no-repeat left top;
	cursor:pointer; /* ie demands we reinstate the pointer cursor */
}


h2{
	color:#e1484d;
	font-size:24px;
	font-family:'RomeralRegular';
	background:transparent url(/img/icon-title-arrow.png) no-repeat 0 4px;
	padding-left:20px;
}
h3{
	color:#666;
	font-size:14px;
	padding-left:20px;	
}


/* @end */



/* @group 4.LINKS
---------------------------------------------------------------------- */

a {
   color:#42a1b5;
   text-decoration:none;
}

a:hover,
a:focus{
	text-decoration:underline;
}


/* @end */



/* @group 5.LAYOUT

---------------------------------------------------------------------- */


section#page{
	width:968px;
	margin:0 auto;
	background:transparent url(/img/bg-page.png) repeat-y;
	padding:0 6px;
}
.shadow-gradient{
	background:transparent url(/img/bg-shadow-top.png) repeat-x;
	min-height:600px;
}
section#content{
	
}

section#content{
	padding:20px 20px;	
}

.main-column{
	width:600px;
	float:left;
	position:relative;
}

.side-column{
	width:320px;
	float:right;
}

.section-head{
	margin:0 0 20px 0;	
	position:relative;
}
.section-head h3{
	margin:5px 0;
	font-weight:bold;	
}

.nav-column-left{
	float:left;
	width:320px;
	position:relative;
	min-height:500px;
}

.main-column-right{
	width:600px;
	float:right;
}
#notices{
	padding:10px;
	margin:10px 0;
}
/* @end */



/* @group 6.HEADER
---------------------------------------------------------------------- */
header#navigation{
	padding:0 10px;	
}
.masthead-badges-new{
	text-align:center;
	background:transparent url(/img/bg-badges-side.png) no-repeat 50% 0px;
	margin:none;
	padding:0px;
}
.masthead-badges-new img{
	display:block;
	width:968px;
	margin:0 auto;	
}

.masthead-badges{
	width:968px;
	height:163px;
	background-image:url('/img/masthead-badges-middle.jpg');	
	position:relative;
}
.masthead-badges-left{
	width:70px;
	height:141px;
	background-image:url('/img/masthead-badges-left.png');	
	position:absolute;
	left:-70px;
	top:0;
}

.masthead-badges-right{
	
	width:100px;
	height:163px;
	background-image:url('/img/masthead-badges-right.png');	
	position:absolute;
	right:-100px;
	top:0;	
	overflow:hidden;
}

nav#top{
	float:right;	
	font-size:14px;
	margin:5px 0 0 0;
}

nav#top ul li{	
	display:inline;
	padding:0 5px 0 5px;
}

.top-nav-links a.selected{
	color:#e1484d;	
}
nav#top ul{
	float:right;	
}
nav#top ul li{
	float:left;
	height:22px;
}
nav#top ul li.selected{
	background:transparent url(/img/icon-arrow-topnav.png) no-repeat 50% 13px;
	
}


div#user{
	clear:both;
	float:right;
	display:block;	
	margin:0;
	background-color:#ebf4f6;
	padding:5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div#user span{
	color:#666;	
	font-size:11px;
}

nav#main
{
	float:right;
	margin:10px 0;
}

nav#main ul li
{
	float:left;
	
}

nav#main ul li a{
	height:40px;
	padding:10px 15px;
}


nav#main ul li.separator{
	border-right:1px dashed #98ad4c;	
}
nav#main ul li.selected{	
	background:transparent url(/img/icon-selected-arrow.png) no-repeat 50% 100%;
}
nav#main ul li#about a
{
	width:98px;
}
nav#main ul li#archive a
{
	width:125px;
}
nav#main ul li#queries a
{
	width:90px;	
}
nav#main ul li#blog a
{
	width:88px;	
}
nav#main ul li#loans a
{
	width:120px;	
}
nav#main ul li a, nav#main ul li a span
{
	display:block;
}

nav#main ul li a span.title
{
	color:#42a1b5;
	font-size:20px;
	padding:0 0 5px 0;
	font-family:'RomeralRegular';
	font-weight:normal;	
}
nav#main ul li a:hover, nav#main ul li a:focus{
	text-decoration:none;
}
nav#main ul li.selected a  span.title, nav#main ul li a:hover span.title
{
	color:#e1484d;
}
nav#main ul li a span.sub-title
{
	color:#b4b4b4;
	font-size:12px;
}

hr.divider{
	 background-color:#98ad4c;
	 height:3px;
	 border:none;
}

.header-account{
	background:transparent url(/img/icon-header-profile.png) no-repeat 0 0px;	
	padding:0 5px 0 12px;
}
.header-upload{
	background:transparent url(/img/icon-header-upload.png) no-repeat 0 0px;	
	padding:0 5px 0 12px;
}
.header-logout{
	background:transparent url(/img/icon-header-padlock.png) no-repeat 0 0px;		
	padding:0 0 0 12px;
}
.header-profile{
	padding:0 12px 0 0;
	font-weight:bold;
}


/* @end */




/* @group 8.FOOTER
---------------------------------------------------------------------- */

footer#global{
	background-color:#eaebeb;	
	padding:20px;
	clear:both;
	height:170px;	
}


#footer-badges-left{
	position:absolute;
	left:-50px;
	top:-10px;
}

#footer-badges-right{
	position:absolute;
	right:-35px;
	top:70px;
}

.footer-col1, .footer-col2, .footer-col3{
	float:left;
	font-size:12px;
	position:relative;
	padding:0 10px;
	z-index:9;
}


.footer-col1{
	width:180px;
	margin-left:70px;
}
#footer-logo{
	position:relative;
	left:-25px;	
}
#footer-copyright{
	position:relative;
	left:-20px;	
	top:-10px;
	font-size:16px;
	color:#949494;
}

.footer-col2{
	width:320px;
}

.footer-col3{
	width:290px;
	position:relative;
}

.footer-col2 ul{
	float:left;	
}
.footer-col1 ul{
	border-top:1px dotted #c9cdce;
	margin:5px 0 0 0;
}
.footer-col1 ul li{	
	border-bottom:1px dotted #c9cdce;
	padding:5px;
}

.footer-col2 h3{
	font-size:20px;	
	color:#949494;
	font-family:'RomeralRegular';
	background:transparent url(/img/icon-site-links-arrow.png) no-repeat 10px 0;
	padding-left:30px;
}

.footer-col2 ul{
	border-top:1px dotted #c9cdce;
	margin:10px;
	width:140px;
}
.footer-col2 ul li{	
	border-bottom:1px dotted #c9cdce;
	padding:5px;
}
.footer-col1 ul li.selected a, .footer-col2 ul li.selected a{
	color:#4e4f4c;
}
.facebook-link{
	display:block;
	background:transparent url(/img/logo-facebook.png) no-repeat 0 0;
	height:24px;	
	width:114px;
}

.facebook-link:hover{
	background:transparent url(/img/logo-facebook.png) no-repeat 0 -24px;	
}

.twitter-link{
	display:block;
	background:transparent url(/img/logo-twitter.png) no-repeat 0 0;
	height:29px;	
	width:150px;
}

.twitter-link:hover{
	background:transparent url(/img/logo-twitter.png) no-repeat 0 -30px;	
}

.hark2-link{
	display:block;
	background:transparent url(/img/logo-hark2.png) no-repeat 0 0;
	height:42px;	
	width:109px;
}

.hark2-link:hover{
	
}

#twitter-block{
	margin:0 0 25px 0;
}

#hark2-block{
	margin:0;
}
#facebook-block{
	float:right;
	margin:0;	
}

.footer-col3 span{
	display:block;
	margin:0 0 5px 0;	
}
.footer-badges{
	position:absolute;
	margin-top:-210px;
	background:transparent url(/img/badges-footer.png) no-repeat 50% 0;	
	z-index:5;
	width:100%;
	height:204px;
}

/* @end */



/* @group 9.GLOBAL ELEMENTS
---------------------------------------------------------------------- */




/* @end */

/* @group 10.FORMS
---------------------------------------------------------------------- */


input{
	border: 1px solid #d0cfcf;
	height:25px;
	vertical-align:middle;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:0 5px;
	font-size:12px;
	line-height:25px;
	background: #fff url(/img/bg-search-field.gif) top repeat-x;
}
textarea{
	border: 1px solid #d0cfcf;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:5px;
	font-size:12px;
	line-height:16px;
	background: #fff url(/img/bg-search-field.gif) top repeat-x;
	width:546px;
	font-family:Arial, Helvetica, sans-serif;
}
.side-panel textarea, .side-panel input[type=text], .side-panel input[type=password]{
	width:256px;	
}
.login-cycle-slide input[type=text], .login-cycle-slide input[type=password]{
	width:240px;	
}
#comments-form textarea{
	border: 1px solid #42a1b5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size:12px;
	line-height:16px;
	background: #fff;
	width:545px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0;
}
textarea.side-comment{
	border: 1px solid #42a1b5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size:12px;
	line-height:16px;
	background: #fff;
	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	margin:5px 0;
}

#badge-detail #comments-form{
	width:240px;	
}
input[type=text], input[type=password]{
	width:546px;
}
input[type=submit],input[type=button], .button{
	position:relative;
	top:0px;
	height:27px;
	border: 1px solid #d0cfcf;
	
	vertical-align:middle;	
	color:#e1484d;
	font-size:14px;
	line-height:27px;
	font-family:'RomeralRegular';	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding:0 10px;
	background: #fff url(/img/bg-button.gif) bottom repeat-x;
	margin: 0 0 0 -10px;
	float:right;
}
.inline-button{
	border-left:none;
}

.button-nofloat{
	float:none;	
	line-height:27px;
	padding:5px;
}
.button-signup{
	margin:0 5px;	
}
.form-area{
	background-color:#ebf4f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding:10px 20px;
	margin:10px 0;
}
.form-area-comments{
	background-color:#ebf4f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding:5px;
	margin:0 0 10px 55px;
}
.form-intro{
	font-weight:bold;	
}
label{
	color:#98ad4c;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:10px 0 5px 0;	
}
label.simple-label{
	font-size:12px;
	color:#666;
	display:inline;
	margin:0;	
}
input.comment-button{
	display:block;
	width:120px;
	margin:5px 0 0 0;	
}
.step1, .step2, .step3{
	width:600px;
	height:1800px;
}
.step1 .form-area, .step2 .form-area, .step3 .form-area{
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	padding:40px 20px 20px 20px;
	margin:-20px 0 0 0;
}
.step1 .form-area{
	height:500px;
}
.upload-header{
	width:598px;
	height:38px;
	background: transparent url(/img/bg-upload-header.gif) repeat-x;	
	border:1px solid #ececec;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:10px 0 0 0;
	position:relative;
	z-index:2;
}
.upload-header li{
	background: transparent url(/img/bg-nav-arrow.png) no-repeat right top;	
	float:left;
	height:38px;
	padding:0 10px 0 0;
}
.upload-header li.last{
	background:none;
	padding:0;
}
.upload-header-title{
	font-size:14px;
	line-height:35px;
	padding:0 28px;
	font-weight:bold;
}
.step-num{
	color:#c8c8c8;
}
.step-title{
	color:#b0b0b0;
}

.selected .step-num{
	color:#666;
}
.selected .step-title{
	color:#98ad4c;
}
.image-container-tab, .preview-container-tab{
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	color:#98ad4c;
	width:100px;
	border:1px solid #d0cfcf;
	border-bottom:none;
	padding:5px;
	font-weight:bold;
	text-align:center;
	z-index:2;
	position:relative;
	margin-top:10px;
	background: #fff url(/img/bg-image-tab.gif) repeat-x;	
}
.image-container, .preview-container{
	border:1px solid #d0cfcf;
	background-color:#fff;
	padding:2px;
	margin:-1px 0 0 0;
	z-index:0;
	position:relative;
}
.preview-container{
	width:300px;
	height:300px;
}
#preview-container{
	width:0px;
	height:0px;
	overflow:hidden;
	margin-left:0px; 
	display:none;
}
.step-link{
	font-weight:bold;
	float:left;
	margin-top:5px;
}
/* @end */


/* @group 11. MEDIA QUERIES
---------------------------------------------------------------------- */

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
   
}


/* @end */


/* @group 12. Archive styles
---------------------------------------------------------------------- */

.archive{
	
}

.alphabet{
	height:22px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:8px 0 3px 0;
}
ul.alphabet li{
	float:left;
	display:block;
	height:22px;
	padding:0px 6px 0px 5px;
	text-align:center;
}

ul.alphabet li a{
	font-family: 'RomeralRegular';
	font-size:18px;
}
ul.alphabet li a.odd{
	color:#98ad4c;
}
ul.alphabet li a.even{
	color:#b9cc75;
}
ul.alphabet li a.selected{
	color:#e1484d;
}
ul.alphabet li.selected{
	background:transparent url(/img/icon-alphabet-arrow.png) no-repeat 50% 100%;
}
.archive-search{
	float:right;	
}

.pagination{
	background-color:#e2e5e6;	
	color:#666;
	font-size:12px;
	padding:10px;
	position:relative;
}

.pagination p{
	font-style: italic;
}
.page-links{
	right:10px;
	top:10px;
	position:absolute;
}

.page-links ul li{
	float:left;	
	font-size:10px;
	margin:0 1px 0 1px;
}
.page-links ul li a{
	color:#42a1b5;
	display:block;
	background-color:#fff;
	padding:2px 4px;
	text-align:center;
}
.page-links ul li a.view-all{
	color:#42a1b5;
	display:block;
	background-color:transparent;
	padding:2px 4px;
	text-align:center;
	font-size:11px;
}
.page-links ul li a.current-page{
	background-color:#e1484d;
	color:#fff;
}
.page-links ul li.p-next-link a, .page-links ul li.p-prev-link a, .page-links ul li.p-first-link a, .page-links ul li.p-last-link a{
	border:none;
	background:none;
	
}

.order-links{
	background-color:#42a1b5;	
	padding:7px 10px;
	font-size:12px;
}
.order-links p{
	color:#fff;	
	text-shadow: #256a79 1px 1px 2px;
	float:left;
	font-weight:bold;
}
.order-links ul li{
	float:left;
	font-weight:bold;
}
.order-links ul li a{
	color:#333;
	margin-left:20px;
	text-shadow: #84c2cf 0px 1px 0px;
	line-height:16px;
}
.order-links ul li a.selected-ASC{
	color:#fff;	
	text-shadow: #256a79 1px -1px 0px;
	padding:0 15px 0 0;
	background:transparent url(/img/icon-order-arrow.png) no-repeat 100% 3px;
}
.order-links ul li a.selected-DESC{
	color:#fff;	
	text-shadow: #256a79 1px -1px 2px;
	padding:0 15px 0 0;
	background:transparent url(/img/icon-order-arrow-down.png) no-repeat 100% 3px;
}

.query-list ul li.even, .badge-list ul li.even{
	background-color:#f6f6f6;
}

.query-list ul li.od, .badge-list ul li.odd{
	background-color:#fff;
}
.query-list ul li.selected, .badge-list ul li.selected{
	background-color:#d6e9ec;
}

.query-list ul li.selected h3 a, .badge-list ul li.selected h3 a{
	color:#333;
}

.query-list ul li.list-hover, .badge-list ul li.list-hover{
	background-color:#d6e9ec;
}

.query-list ul li.list-hover h3 a, .badge-list ul li.list-hove h3 a{
	color:#333;
}


.query-list ul li.query-item, .badge-list ul li.badge-item{
	border-bottom:1px dashed #98ad4c;
	margin:1px;	
	height:80px;
	position:relative;
}
.query-list ul li.last, .badge-list ul li.last{
	border:none;
}
.query-list ul li.query-item .query-thumb, .badge-list ul li.badge-item .badge-thumb{
	float:left;
	border:1px solid #999;
}
.query-item-link, .badge-item-link{
	display:block;
	padding:15px 10px;
	position:relative;
}

.query-item h3, .badge-item h3{
	font-size:14px;
	padding:0;
	font-weight:bold;
}
.query-item h3{
	margin:0 0 4px 0;
}

.query-details, .badge-details{
	margin-left:60px;	
	padding:5px 0 0 0;
}
.query-details{
	padding:0;	
}
.badge-details ul{
	margin:10px 0;
	font-size:12px;
	color:#666;
}
.query-details ul{
	margin:0;
	font-size:12px;
	color:#666;
}
.query-details ul li, .badge-details ul li{
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #8f8f8f;
	line-height:14px;
}
.query-details ul li.last, .badge-details ul li.last{
	border:none;
}
.query-date{
	color:#a9aeaf;
	font-weight:bold;	
}
.query-box{
	border-top:1px dotted #fff;	
	border-bottom:1px dotted #fff;	
	padding:10px 0;
	margin:10px 0;
}
.query-stats{
	margin:5px 0 0 58px;	
}
.query-stats li{
	padding:1px 0;	
}
.query-stat-title{
	color:#333;
	font-weight:bold;
}
.query-question{
	line-height:16px;	
}
.side-column{
	position:relative;
}
.query-profile, .badge-profile{
	padding:18px;	
	
}
.query-details-title{
	padding:4px 0;	
	line-height:18px;
}
.query-details-date{
	font-size:10px;
	color:#c2c2c2;
	margin:0 0 0px 0;
	padding:0;
	line-height:12px;
}
.query-details-comments{
	background:transparent url(/img/icon-comment.png) no-repeat 0 0;	
	padding:0 10px 0 18px;
}
.query-details-views{
	background:transparent url(/img/icon-pointer.png) no-repeat 0 0;	
	padding:0 10px 0 13px;
}
.query-details-solved{
	background:transparent url(/img/icon-tick.png) no-repeat 0 0;	
	padding:0 10px 0 18px;
}
.query-details-profile{
	padding-right:10px;	
}
.query-image-details{
	margin-left:60px;	
	padding-top:10px;
}
.filter{
	width:270px;
	padding:10px;
	background-color:#f6f6f6;
	border:1px solid #d0cfcf;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
}
.filter-title{
	color:#e1484d;
	font-size:18px;
	font-family:'RomeralRegular';
	background:transparent url(/img/icon-filter-arrow.png) no-repeat 0 4px;
	padding-left:10px;
}

#query-detail, #badge-detail{
	display:none;
	background-color:#d6e9ec;
	position:absolute;
	width:340px;
	z-index:3;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	-moz-box-shadow: 0px 0px 5px #777;
	-webkit-box-shadow: 0px 0px 5px #777;
	box-shadow: 0px 0px 5px #777;
	overflow:hidden;

}
.query-profile, .badge-profile{
	overflow:auto;	
	width:306px;
}
#query-detail.fixed, #badge-detail.fixed{
	position:fixed;
	top:0;
}


.selected-box{
	display:none;
	background-color:#d6e9ec;
	width:20px;
	height:80px;
	z-index:4;
	top:0px;
	right:-10px;
	position:absolute;
}
#loading{
	width:16px;
	height:16px;
	background:transparent url(/img/icon-loading.gif) no-repeat 0 0;
	display:none;
	position:absolute;
	top:25px;
	left:150px;
	z-index:9;
}
.badge-image{
	border:2px solid #fff;
	background-color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:302px;
	height:302px;
	clear:both;
	margin:5px auto;
	position:relative;
}
.badge-image img{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display:block;
	margin:1px auto;
	
}
h3.query-title, h3.badge-title{
	color:#333;
	font-size:18px;	
	margin:10px 0 5px 5px;
	padding:0;
	text-shadow: #fff 1px 1px 2px;
	
}
.badge-views{
	color:#697071;	
	font-size:14px;
	float:right;
	margin:-25px 0 10px 0;
}
.close-button{
	float:right;
	margin:13px 0 0 0;	
}
.badge-rating-text{
	font-size:10px;
	clear:both;
	display:block;
	padding:10px 5px;	
}
.message-success{
	font-size:12px;
	color:#98ad4c;	
}
.badge-description{
	color:#727877;
	font-size:12px;
	margin:15px 0;	
	line-height:14px;
}
.badge-details-list{
	color:#727877;
	font-size:12px;
	margin:15px 0;	
	border-top:1px dashed #fff;	
}
.badge-details-list li{
	border-bottom:1px dashed #fff;	
	padding: 5px 0;
	line-height:16px;
}
#loading {
	width: 40px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
	display: none;
	position:absolute;
	top:200px;
	left:150px;
}

#loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/img/icon-loading.png');
}


/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	border-bottom:1px dashed #cecece;
}

.ac_loading {
	background: white url('/img/icon-indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color:#d6e9ec;
}
.ac-badge-thumb{
	float:left;
	border:1px solid #cacecf;
}
.ac-title{
	margin-left:55px;	
}
/* End Autocomplete */
.archive-search{
	float:right;
	margin-top:-20px;
}


.archive-search .button{
	
}

input.search-field{
	width:250px;
	color:#666;	
}
input.search-field:focus{
	color:#333;	
}
input#home-search-badges{
	width:220px;	
	color:#666;
}
input#home-search-badges:focus{
	color:#333;	
}

.filter-container a.filter-option{
	font-size:11px;	
	background: transparent url(/img/icon-filter-selected.gif) no-repeat -10px 0;
	padding:0 0 0 15px;
	float:left;
	color:#707070;
	font-size:12px;
}
.filter-container a.filter-option:hover, .filter-container a.selected{
	background-position:0 -30px;
	text-decoration:none;
}
.filter-container li{
	float:left;
	margin:0 10px;
}
.filter-list{
	width:250px;
	padding:5px 0 10px 0;	
	border-top:1px solid #dedede;
	border-bottom:1px solid #fff;
}
.filter-list-first{
	border:none;
}
.filter-list-last{
	border-bottom:none;
}
.side-panel-filter-separator{
	border-top:1px solid #dedede;
	border-bottom:1px solid #fff;
	clear:both;
	margin:10px;
}
.sub-filter li{
	padding:5px;	
}
.filter-container h5{
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
}
.no-badges,.no-queries{
	padding:20px;	
}

.upload-button, .upload-button-home{		
	height:27px;
	border: 1px solid #d0cfcf;
	vertical-align:middle;	
	color:#e1484d;
	font-size:14px;
	line-height:27px;
	font-family:'RomeralRegular';	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding:0 10px;
	background: #fff url(/img/bg-button.gif) bottom repeat-x;	
	display:block;
	width:140px;
	float:right;
	margin:-21px 35px 0 0;
}

.upload-button{
	position:absolute;
	right:328px;
	top:27px;
	float:none;
	margin:0;	
}

.upload-button-home span, .upload-button span{	
	background: transparent url(/img/icon-upload-arrow.png) no-repeat 2px 3px;
	padding:0 0px 0 15px;
}
.upload-button-home:hover, .upload-button:hover{
	text-decoration:none;	
}
.upload-button-home{
	margin:0;
	float:none;
}
.hidden{
	display:none;	
}

.filter-size{
	width:50px;	
}

.filter-manufacturer, .filter-type, .filter-solved, .filter-comments, .filter-image{
	width:230px;	
}
#slider-range{
	width:230px;	
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider .ui-slider-handle{
	background-color:#75a2a8;
	border:1px solid #567e7e;
	width:0.5em; height: 1em;
}
.ui-slider {
	background-color:#fff;
	border:1px solid #cfcfcf;
	height:4px;
}

/*ui-slider-horizontal ui-widget ui-widget-content ui-corner-all*/
.ui-slider-range {
	background-color:#98ad4c;
	height:4px;
	border:1px solid #cfcfcf;
}


.range{
	margin:10px 0 0 0;	
}
#start_year{
	float:left;	
}
#end_year{
	float:right;	
}

.comment-header{
	background-color:#42a1b5;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 
	color:#fff;
	padding:5px;
	font-size:14px;
	text-shadow: #444 0px 1px 0px;
	display:block;
	margin:5px 0 0 0;
}
.comment-container{
	background-color:#fff;
	padding:10px;
	margin:0;
}
.badge-slide-controls{
	background: transparent url(/img/bg-slide-box.png) bottom no-repeat;
	width:64px;
	height:20px;
	position:absolute;
	right:0px;
	bottom:0;
	z-index:999;
}

.badge-slide-controls a{
	float:left;
	margin:5px 0 0 0;
}
.badge-slide-controls a.slide-prev{
	float:left;
	margin-left:10px;
	position:relative;
	z-index:999;
}
.badge-slide-controls a.slide-next{
	float:right;
	margin-right:10px;
	position:relative;
	z-index:999;
}
.badge-slide-details{
	position:absolute;
	width:64px;
	text-align:center;
	left:0;
	margin:5px 0 0 0;
}
.crop-thumb{
	margin:3px;	
}
.crop-thumb-link{
	border:3px solid #ddd;
	display:block;
	float:left;	
	margin:3px;
}
.crop-thumb-link:hover{
	border:3px solid #ddd;	
}
.requires-cropping{
	border:3px solid red;
}
.image-cropped{
	border:3px solid green;
}
.badge-comments-list h2, .query-comments-list h2{
	display:none;	
}
.badge-comments-list, .query-comments-list {	
	margin:-12px 0 20px 0;
}
.bagde-facebook-like{
	margin-bottom:10px;
	height:32px;	
}
.badge-comments-list .no-comments, .query-comments-list .no-comments{
	margin:10px 0 0 0;	
}

.badge-comments-list  .odd, .query-comments-list .odd{
	background-color:#ebf4f6;
}
.badge-comments-list .even, .query-comments-list .even{
	background-color:#f5f9fa;
}
.badge-comments-list  li, .query-comments-list li{
	margin:1px 0;
	border-top:1px dashed #fff;	
}
.badge-comments-list .admin-comment, .query-comments-list .admin-comment{
	background-color:#ffc;	
}
.comments-pagination{
	background-color:#e2e5e6;
	font-style:italic;
	color:#999;
	padding:8px;
}
/* @end Group 12 Archive styles */ 


/* @group 13. About styles
---------------------------------------------------------------------- */
.side-image{
	display:block;
	margin:10px auto;
	width:254px;
	height:161px;
}
.side-colum-content{
	padding:10px;	
}
.side-colum-content p{
	text-align:justify;	
	line-height:16px;	
	padding:5px 0 10px 0;
}
.content-block p{
	line-height:18px;	
	padding:5px 0 10px 0;
}


.history-link{
	width:283px;
	height:153px;
	border:1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}
a.history-link-container{
	width:286px;
	height:156px;
	border:3px solid #42a1b5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:block;
	padding:0;
	background:none;
	position:relative;
}
a.history-link-container:hover{
	border:3px solid #e1484d;
	text-decoration:none;
}
.history-link-period{
	color:#fff;
	font-size:36px;
	font-family:'RomeralRegular';
	padding-left:0;
	margin:5px 0 10px 0;
	background-color:#42a1b5;
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
	display:block;
	width:180px;
	position:absolute;
	bottom:-10px;
	right:0px;
	padding:0 10px;
}
a.history-link-container:hover .history-link-period{
	background-color:#e1484d;
}

.history-links-list li
{
	float:left;	
	margin:5px 0;
}
.history-links-list li.odd{
	margin-right:10px;	
}


/* @group 13. About styles
---------------------------------------------------------------------- */

/* @group 14. History styles
---------------------------------------------------------------------- */
.history-title{
	color:#98ad4c;
	font-size:24px;
	font-family:'RomeralRegular';
	padding-left:0;
	margin:5px 0 10px 0;
}
.history-title-period{
	font-family:'RomeralRegular';
	color:#666;
	font-size:18px;
	margin:10px 0 0 0;
}
.history-image{
	width:602px;
	height:273px;
	border:1px solid #dbdedf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}
.history-image-container{
	width:605px;
	height:275px;
	border:3px solid #f6f6f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.history-side-image{
	width:247px;
	height:155px;
	border:1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
a.history-side-image-container{
	width:250px;
	height:158px;
	border:3px solid #42a1b5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:block;
	padding:0;
	background:none;
}
a.history-side-image-container:hover{
	border:3px solid #e1484d;
}
.timeline a{
	display:block;
	font-family:'RomeralRegular';
	color:#42a1b5;
	font-size:18px;
	position:absolute;
	left:-15px;
	padding:40px 0 0 0;
	height:20px;
	
}
.timeline a:hover, .timeline a:focus, .timeline a.selected{	
	text-decoration:none;
	color:#98ad4c;
}

.timeline a.badge-1980{
	background: transparent url(/img/icon-timeline-badge-1980.jpg) no-repeat  0 5px;
}
.timeline a.badge-1980:hover{
	background-position:-66px 5px;
}

.timeline a.badge-1985{
	background: transparent url(/img/icon-timeline-badge-1985.jpg) no-repeat  0 5px;
}
.timeline a.badge-1985:hover{
	background-position:-68px 5px;
}

.timeline a.badge-1990{
	background: transparent url(/img/icon-timeline-badge-1990.jpg) no-repeat  7px 0;
}
.timeline a.badge-1990:hover{
	background-position: -38px 0;
}

.timeline a.badge-1995{
	background: transparent url(/img/icon-timeline-badge-1995.jpg) no-repeat  0 5px;
}
.timeline a.badge-1995:hover{
	background-position:-66px 5px;
}
.timeline a.badge-2000{
	background: transparent url(/img/icon-timeline-badge-2000.jpg) no-repeat  0 5px;
}
.timeline a.badge-2000:hover{
	background-position: -70px 5px;
}
.timeline a.badge-2005{
	background: transparent url(/img/icon-timeline-badge-2005.jpg) no-repeat  0 5px;
}
.timeline a.badge-2005:hover{
	background-position:  -72px 5px;
}
.timeline a.badge-2010{
	background: transparent url(/img/icon-timeline-badge-2010.jpg) no-repeat  0 5px;
}
.timeline a.badge-2010:hover{
	background-position:  -70px 5px;
}
.timeline {
	height:85px;
	margin:5px 0 10px 0;	
}
.timeline li{
	width:141px;	
	float:left;
	height:85px;
	position:relative;
}
.timeline li.first{
	width:35px;	
}.timeline li.first .timeline-section{
	width:35px;	
	background: transparent url(/img/bg-timeline.gif) no-repeat -40px 0;
}
.timeline li.last, .timeline li.last .timeline-section{
	width:39px;	
}
.timeline-section{
	width:141px;
	height:23px;
	background: transparent url(/img/bg-timeline.gif) no-repeat 0 0;
	position:absolute;
	bottom:0px;
}
.timeline-section-selected{
	background-position:0 -23px;
}
.timeline-section-hover{
	background-position:0 -46px;
}
.timeline-section-selected-fixed{
	background-position:0 -23px;
}

.bigger-picture-container {
	padding:10px;	
}
.bigger-picture-container p{
	line-height:16px;
}
.history-side-image-container{
	margin:10px 0;	
}

.side-panel-history{
	margin:60px 0 0 0;
}
.history-prevnext{
	border-top:1px solid #e2e5e6;
	border-bottom:	1px solid #e2e5e6;
	height:30px;
}
.history-prevnext li{
	width:50%;
	float:left;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}
.history-prevnext li.next{
	text-align:right;	
}

/* END @group 14. History styles
---------------------------------------------------------------------- */


/* @group 15. Loans styles
---------------------------------------------------------------------- */
#loan-slides{
	position:relative; 	
}

.loan-slides-container {
  	width:600px;
  	height:400px;
	border:3px solid #f6f6f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	position:relative;  
}

.loan-slide{
	width:600px;
  	height:400px;
  	border:1px solid #dbdedf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	position:relative; 		
}


.loan-slide-details{
	position:absolute;
	bottom:0px;
	background: transparent url(/img/bg-feature-white.png) repeat 0 0;
	padding:10px;
	width:580px;
}

.loan-slide-details h3{
	font-family:'RomeralRegular';
	font-size:20px;
	color:#666;
	text-shadow: #fff 1px 1px 2px;
	padding:0;
	margin:0 0 10px 0;
}
.loan-slide-details p{
	color:#666;
	line-height:16px;
	clear:both;
}
.loan-slide-details a.toggle{
	width:21px;
	height:21px;
	display:block;
	float:right;
	background: transparent url(/img/icon-feature-toggle.png) repeat 0 0;
}
.loan-slide-details a.toggle-selected{
	width:21px;
	height:21px;
	display:block;
	float:right;
	background: transparent url(/img/icon-feature-toggle.png) repeat 0 -21px;
}
.feature-description{
	margin:5px 0 0 0;	
}
/* END @group 15. Loans styles
---------------------------------------------------------------------- */
/* @group 16. Blog styles
---------------------------------------------------------------------- */
#blog-content .content-block p{
	line-height:18px;
	font-size:12px;
}
.blog-title-date{
	color:#999;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
}
.blog-title{
	font-family:'RomeralRegular';
	font-size:36px;
	color:#98ad4c;
	text-shadow: #fff 1px 1px 2px;
	padding:0;
	margin:10px 0;
	font-weight:normal;
}

.blog-sub-title{
	color:#666;
	font-size:18px;	
	font-weight:normal;
}
.blog-quote{
	font-family:'RomeralRegular';
	color:#666;
	font-size:18px;	
	font-weight:normal;
	margin:10px 50px;
	padding:0 40px;
	line-height:24px;
	position:relative;
}
#blog-content .blog-quote p{
	font-size:18px;
}
.blog-quote .mark-open, .blog-quote .mark-close{
	position:absolute;	
	color:#98ad4c;
	font-size:70px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.blog-quote .mark-open{
	top:20px;
	left:0;
}
.blog-quote .mark-close{
	bottom:-20px;
	right:0;
	
}

/* Calendar */
#blog-cal-container{
	background-color:#fff;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	padding:10px;
	border:2px solid #edeeee;
}

#blog-cal-container .date{
	font-size:14px;
	color:#666;	
	position:relative;
	text-align:center;
	margin:0 0 5px 0;
}
.date .blog-cal-prev{
	padding:0;
	margin:0;
	position:absolute;
	left:5px;	
	top:2px;
	width:6px;
	height:9px;
	background:none;
}

.date .blog-cal-next{
	padding:0;
	margin:0;
	position:absolute;
	right:5px;	
	top:2px;
	width:6px;
	height:9px;
	background:none;
}

#blog-calendar a{
	padding:0;
	background:none;
	display:block;
	margin:0;
	line-height:12px;	
}
#blog-calendar table{
	border-collapse:separate;
	border-spacing:2px;	
}

#blog-calendar td{
	padding:5px;
	border:1px solid #e2e5e6;
	width:21px;
	height:14px;
}
#blog-calendar .other-month{
	background-color:#e2e5e6;
	color:#fff;
}
#blog-calendar .today{
	background-color:#999;
	color:#fff;
}
.blog-entry{
	background-color:#42a1b5;
	color:#fff;	
}
.blog-entry a{
	color:#fff;	
}
.blog-thumb{
	float:left;
	border:1px solid #999;
}
.blog-thumb-index{
	margin-right:10px;
}	
.popular-list li{
	display:block;
	padding:15px 10px;
	clear:both;
	min-height:20px;	
}
.popular-list li h3{
	font-size:12px;
	font-weight:normal;
}
.blog-popular-title{
	margin-left:60px;	
	padding:5px 0 0 0;

}
.author-box{
	background-color:#42a1b5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	padding:10px;
	color:#fff;
	margin:20px 0;
}
.author-title{
	color:#fff;
	font-size:18px;
	font-family:'RomeralRegular';
	background:transparent url(/img/icon-filter-arrow.png) no-repeat 0 4px;
	padding-left:10px;
	margin:5px 0 5px 0;
}
.author-details{
	margin-left:60px;	
}
.author-thumb{
	float:left;
	border:1px solid #cacecf;
	margin:10px 0 0 0;
}
.author-text{
	font-size:12px;
	line-height:16px;
	margin-left:10px;
}
.blog-index-date{
	font-size:11px;	
	margin:0 0 5px 0;
}
.blog-index h3{
	margin:0;
	padding:0;
}
.blog-index li{
	border-bottom:1px dotted #ddd;
	padding:10px 0;
}
.view-archive{
	margin:10px 0;	
	float:right;
}
.rss-feed{
	position:absolute;
	right:15px;
	top:17px;
}
.blog-comments h2{
	display:none;
}
/* END @group 16. Blog styles
---------------------------------------------------------------------- */

/* @group 17. Home styles
---------------------------------------------------------------------- */
#featured-slides{
	position:relative; 	
	width:609px;
	height:279px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	border:1px solid #e2e5e6;
}

.featured-slides-container {
	width:603px;
	height:273px;
	border:3px solid #ebf4f6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	position:relative;  
	background-color:#ebf4f6;
}

.featured-slide{
	width:601px;
	height:271px;
  	border:1px solid #dbdedf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	position:relative; 	
	background-color:#ebf4f6;	
}


.featured-slide-details{
	position:absolute;
	width:581px;
	bottom:0px;
	background: transparent url(/img/bg-feature-white.png) repeat 0 0;
	padding:10px 10px 20px 10px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px; 
}

.featured-slide-details h3{
	font-family:'RomeralRegular';
	font-size:20px;
	color:#42a1b5;
	text-shadow: #fff 0px 1px 0px;
	padding:0;
	margin:0 0 5px 0;
}
.featured-slide-details p{
	color:#3e3e3d;
	line-height:16px;
	text-shadow: #fff 0px 1px 0px;
	font-size:14px;
}
.badge-strap{
	float:left;
	width:250px;
	margin-top:-5px;
}
.badge-collage{
	float:right;	
	margin:-40px 0 0 0;
}
.home-search{
	float:right;	
}
.home-separator{
	margin:20px 0;	
}
#home-archive{
	clear:both;	
}
.top-filter li {
	float:left;
	margin:0 2px 0 0;
	height:29px;
}
.top-filter li a{
	background-color:#e2e5e6;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 
	color:#42a1b5;
	padding:5px;
	font-size:14px;
	text-shadow: #fff 0px 1px 0px;
	display:block;
	margin:5px 0 0 0;
}
.top-filter li a.selected{
	background-color:#42a1b5;
	color:#fff;
	text-shadow: #666 0px -1px 0px;
	padding:7px 5px 8px 5px;
	margin:0;
}
.home-sub-filter{
	background-color:#42a1b5;
	clear:both;
}
.home-sub-filter li{
	float:left;	
	padding:10px;
	margin:0 10px 0 5px;
}
.home-sub-filter li a{
	color:#333;
}

.home-badge-item{
	padding:7px 0;	
	border:1px solid #e2e5e6;
	border-top:none;
}
.home-badge-item h3{
	line-height:24px;	
}
.home-badge-details li{
	line-height:16px;	
}
.home-badge-list .odd{
	background-color:#f6f6f6;
}

.home-badge-num{
	font-family:'RomeralRegular';
	font-size:42px;
	color:#98ad4c;
	float:left;
	width:40px;
	display:block;
	text-align:center;
}
.home-badge-link{
	float:left;
}
.home-badge-thumb{
	float:left;	
	margin-right:10px;
	border:1px solid #ccc;
}
.home-badge-details li{
	display:inline;	
}
.home-archive-search{
	float:right;	
}

.callto{
	border-top:1px solid #e2e5e6;
	border-bottom:1px solid #e2e5e6;
	margin:0 0 10px 0;
}

.callto-container{
	background-color:#4e4f4c;	
	padding:20px 23px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.callto-links-list li{
	float:left;
	margin:0 22px 0 0;

}
.callto-links-list li.last{
	margin:0;
}
.callto-link{
	width:283px;
	height:164px;
	border:1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#42a1b5;
	
}
.callto-link-container{
	width:286px;
	height:167px;
	border:3px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:block;
	padding:0;
	background:none;
	position:relative;
	background-color:#42a1b5;
}

.callto-image-frank{
	position:absolute;
	top:-10px;
	right:-3px;	
}
.callto-title-expert{
	position:absolute;
	top:10px;
	left:7px;
	font-family:'RomeralRegular';
	font-size:36px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-title-advice{
	position:absolute;
	top:45px;
	left:45px;
	font-family:'RomeralRegular';
	font-size:24px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-frank-strap{
	position:absolute;
	top:80px;
	left:10px;
	color:#fff;
	width:150px;
}
.callto-button-frank, .callto-button-house{
	position:absolute;
	bottom:10px;
	left:20px;
	color:#fff;
}

.callto-button{		
	height:27px;
	border: 1px solid #d0cfcf;
	vertical-align:middle;	
	color:#e1484d;
	font-size:14px;
	line-height:27px;
	font-family:'RomeralRegular';	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	padding:0 10px;
	background: #fff url(/img/bg-button.gif) bottom repeat-x;
	margin: 0 0 0 -10px;
}
.callto-button span{	
	background: transparent url(/img/icon-callto-button-arrow.gif) no-repeat 2px 3px;
	padding:0 0px 0 15px;
}

.callto-title-adopta{
	position:absolute;
	top:10px;
	left:7px;
	font-family:'RomeralRegular';
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-title-adoptb{
	position:absolute;
	top:80px;
	left:7px;
	font-family:'RomeralRegular';
	font-size:36px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-image-house{
	position:absolute;
	top:-15px;
	right:-10px;	
}
.callto-image-laan{
	position:absolute;
	bottom:-10px;
	right:-20px;
}
.callto-title-loaning{
	position:absolute;
	top:10px;
	left:7px;
	font-family:'RomeralRegular';
	font-size:36px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-title-badges{
	position:absolute;
	top:45px;
	left:30px;
	font-family:'RomeralRegular';
	font-size:24px;
	color:#fff;
	font-weight:normal;
	text-shadow: #333 0px -1px 0px;
}
.callto-loan-strap{
	position:absolute;
	top:75px;
	left:10px;
	color:#fff;
	width:180px;
	line-height:14px;
}
.badge-join{
	float:right;	
}
.join-intro{
	font-weight:bold;	
	line-height:14px;
	margin:0 0 10px 0;
}
.home-member-title{
	color:#98ad4c;	
	font-weight:bold;
	margin:10px 0 5px 0;
}
.reason-list{
	list-style:none;
	line-height:14px;	
}
.reason-list li{
	margin:5px 0;
	background:url('/img/icon-bullet-green.png') no-repeat 5px 5px;
	padding:1px 0 2px 15px;
}
hr.side-panel-separator, hr.form-separator{
	border-bottom:1px dashed #d0cfcf;
	background:none;
}
hr.form-separator{
	margin:15px 0 5px 0;
}
.indicator-links {
	position:absolute;
	right:0px;	
}
.indicator-links li{
	float:left;
	width:10px;
	height:10px;
}
.login-cycle-slide{
	position:relative;	
	width:100%;
}
#login-cycle .side-panel-title{
	margin-top:-5px;
}
#login-cycle .side-panel-separator{
	margin:0 0 10px 0;
}
.free, .highlight{
	color:#98ad4c;
}
.join-intro{
	line-height:16px;
	margin-top:10px;
	padding-right:10px;	
}
.home-member-details{
	margin:17px 0 10px 55px;
}
.home-member-name{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.home-member .avatar-48{
	margin:0 0 10px 0;	
}

.latest-query-table {
	margin:-5px 0 0 0;
}

.latest-query-table tr{
	border-bottom:1px dashed #d0cfcf;
	
}
.latest-query-table tr.last{
	border:none;
}

.latest-query-title{
	padding:10px 0 10px 10px;
	vertical-align:middle;
}
.latest-query-comment{
	width:28px;
	padding:0 10px 0 0;
	vertical-align:middle;
	
}
.latest-query-solved{
	width:30px;
	vertical-align:middle;
}

.twitter-quote{
	color:#666;
	font-size:12px;	
	font-weight:normal;
	margin:10px;
	padding:0 30px;
	line-height:16px;
	position:relative;
	min-height:50px;
}
.twitter-quote .mark-open, .twitter-quote .mark-close{
	position:absolute;	
	color:#e2e5e6;
	font-size:70px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.twitter-quote .mark-open{
	top:20px;
	left:0;
}
.twitter-quote .mark-close{
	bottom:-20px;
	right:0;
}
.twitter-div-side .twitter-quote .mark-open, .twitter-div-side  .twitter-quote .mark-close{
	color:#aaa;
}
.facebook-container {
	width:278px;
	height:168px;
	overflow:hidden;
	margin-top:-5px;
}
.facebook-container iframe {
	margin:-1px;
}
.side-panel-facebook-container {
	width:248px;
	height:168px;
	overflow:hidden;
	margin:0 10px;
}
.side-panel-facebook-container iframe {
	margin:-1px;
}
.home-side-divide{
	margin:15px 0;
	background-color:#e2e5e6;
	clear:both;	
}
.twit-divide{
	margin-top:25px;	
}
.facebook-button{
	margin:-5px 0 5px 0;
	padding:0;	
}
/* END @group 17. Home styles
---------------------------------------------------------------------- */

/* @group 18. FAQ and links page styles
---------------------------------------------------------------------- */

#questions{
	padding:10px 0;	
}
#questions li{
	margin:0 0 10px 0;	
}
.question-number{
	color:#707070;
	font-weight:bold;
	margin-right:5px;	
}

.question-link{
	font-weight:bold;
	
}
.question-title, .link-group-title, .simple-page h3{
	padding:10px 0;
	color:#98ad4c;
	font-size:14px;
	font-weight:bold;
}

.link-title, .simple-page h4{
	font-weight:bold;
	line-height:16px;
	margin:0 0 5px 0;
}
.simple-page ol li{
	margin-left:20px;
	list-style:decimal;
}
.link-group{
	border-top:1px dashed #d0cfcf;
	border-bottom:1px dashed #d0cfcf;
	padding:0 0 0px 0;
	margin:10px 0 0 0;
}
.link-group li{
	margin:0 0 20px 0;	
}
.answers li{
	border-bottom:1px dotted #d0cfcf;
	padding:10px 0;
	position:relative
}
.answer{
	padding:0px 10px 0px 17px;	
}
.top-link{
	position:absolute;
	right:10px;
	top:20px;
	font-size:10px;	
}


/* END @group 18. FAQ and links page  styles
---------------------------------------------------------------------- */

/* @group 19. Member styles
---------------------------------------------------------------------- */
.member-name{
	color:#98ad4c;
	font-size:24px;	
	padding:0;
}

.profile-details{
	font-size:14px;	
}
.profile-details li{
	border-bottom:1px dotted #d0cfcf;
	padding:10px 0;
}
.profile-details li.last{
	border:none;
}
.profile-bio{
	font-size:12px;	
	line-height:14px;
	margin:5px 0 0 0;
}
.profile-picture{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	width:200px;
	height:200px;
	margin:10px auto;
	border:1px solid #fff;
}
.activity-list{
	border-top:1px dashed #d0cfcf;		
}
.activity-list-home{
	border:none;
}
.activity-list li{
	border-top:none;	
	border-bottom:1px dashed #d0cfcf;		
	padding:10px 0 10px 30px;
	color:#666;
}
.activity-list li.comment{
	background: transparent url(/img/icon-comment.png) no-repeat 10px 50%;
}
.activity-list li.rate{
	background: transparent url(/img/icon-rated.png) no-repeat 10px 50%;
}
.activity-list li.upload{
	background: transparent url(/img/icon-upload.png) no-repeat 13px 50%;
}
.activity-list li.last{
	border:none;
}
.collection-list{
	list-style:none;
}
.collection-list li{
	width:48px;
	float:left;
	border:1px solid #cacecf;
	margin:3px;
	height:48px;
}
/* END @group 19. Member styles
---------------------------------------------------------------------- */
/* @group 20. Search styles
---------------------------------------------------------------------- */
.search-container{
	width:600px;
}
.search-container .search-field{
	width:555px;
}
#search-content h3{
	margin:10px 0;
	padding:0;
}
.search-results{
	font-size:16px;	
	margin:0 0 10px 0;
}
.search-results h3{
	margin:0;
	padding:0;
}
.search-results li{
	border-bottom:1px dotted #ddd;
	padding:10px 0;
}
/* END @group 20. Search styles
---------------------------------------------------------------------- */