/*
Theme Name: FBS
Theme URI: http://flexmls.com/
Description: Official theme of FBS, makers of FLEX MLS
Version: .9
Author: Jason Hummel
Tags: two column, awesome

Official theme of FBS, not intended for reuse on other blogs. 
Theme created by Jason Hummel (http://www.humjay.com)
*/

/* Import a font */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);


/* ========= */
/* = Reset = */
/* ========= */

html,body,div,span,
h1,h2,h3,h4,h5,h6,p,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td, input, button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

/* ====================================================== */
/* = Setting up measurements for site                   = */
/* = 1em = 10px on the onset. Inheritance applies. YMMV = */
/* ====================================================== */

body {
	background: #fff url('images/body_background.png') repeat-x left top;
	font: normal normal normal 10px "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
	}
	
/* ===================== */
/* = Layout Containers = */
/* ===================== */
	
.content {
	margin: 1em auto;
	position: relative;
	width: 96em;
	}
	
	/* \_ */

	.content .content {
		margin: 0 -1em;
		width: auto;
		}
		
	.col {
		display: inline;
		float: left;
		margin: 1em;
		position: relative;
		}
		
	.one-col 		{ width: 6em; }
	.two-col 		{ width: 14em; }
	.three-col 		{ width: 22em; }
	.four-col 		{ width: 30em; }
	.five-col 		{ width: 38em; }
	.six-col 		{ width: 46em; }
	.seven-col 		{ width: 54em; }
	.eight-col 		{ width: 62em; }
	.nine-col 		{ width: 70em; }
	.ten-col 		{ width: 78em; }
	.eleven-col 	{ width: 86em; }
	.twelve-col 	{ width: 94em; }
	
	.sidebar-col	{ width: 8.6em; margin-top: 0px; }
	.inner-three-col { width: 21.429em; }
	.inner-nine-col { width: 43.571em; }				
		
/* ======================= */
/* = Positioning Classes = */
/* ======================= */

.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

		.clearfix {display: inline-block;}

		/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
		/* End hide from IE-mac */
		
/* ============== */
/* = CONTAINERS = */
/* ============== */

.plain-box, .styled-box {
	color: #747474;
	font-size: 1.4em; /* 14px */
	position: relative;
	}
	
	 .plain-box > p:first-child,
	 .styled-box > p:first-child {
		margin-top: 0;
		}
	
.styled-box {
	padding: .714em; /* 10px */
	}
	
.comment-box {
	background: #fffcef;
	border: 1px solid #f7c75b;
	color: #9b7a62;
	line-height: 1.4;
	padding: .429em 1.429em;
	}
	
.comment-pointer {
	background: url('images/comment_pointer.png') no-repeat left top;
	height: 38px;
	left: -20px;
	position: absolute;
	top: 0;
	width: 21px;
	}
	
.highlight-box {
	background: #e5f1f7;
	border: 1px solid #b0c4dd;
	padding-top: 3em; 
	padding-bottom: 1.4em;
	}
	
/*.rounded-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	} */
	
	/* poor browsers without border-radius */
	.rounded {
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #9e9e9e;
		position: relative;
		}
		
		.round-bottom-left {
			background: url('images/round_shadow_bottom_left.png') no-repeat left top;
			height: 7px;
			bottom: -2px;
			position: absolute;
			left: -1px;
			width: 100%;
			}
			
		.round-bottom-right {
			background: url('images/round_shadow_bottom_right.png') no-repeat left top;
			height: 7px;
			bottom: -2px;
			position: absolute;
			right: -1px;
			width: 7px;
			}
			
		.round-top-left {
			background: url('images/round_shadow_top_left.png') no-repeat left top;
			height: 7px;
			top: -2px;
			position: absolute;
			left: -1px;
			width: 100%;
			}
			
		.round-top-right {
			background: url('images/round_shadow_top_right.png') no-repeat left top;
			height: 7px;
			top: -2px;
			position: absolute;
			right: -1px;
			width: 7px;
			}
	
/*.shadowed-box {
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.44);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.44);
	} 
	
.embossed-box-gray,
.embossed-box-blue {
	-webkit-box-shadow:
		-1px -1px 0px #fff,
		 1px -1px 0px #fff,
		-1px  1px 0px #eee,
		 1px  1px 0px #eee,
		 
		 0px -2px 0px #ddd,
	    -2px -2px 0px #bdbdbd,
		 2px -2px 0px #bdbdbd,
	    -2px  2px 0px #9d9d9d,
	     2px  2px 0px #9d9d9d;
	-moz-box-shadow:
		-1px -1px 0px #fff,
		 1px -1px 0px #fff,
		-1px  1px 0px #eee,
		 1px  1px 0px #eee,

		 0px -2px 0px #ddd,
	    -2px -2px 0px #bdbdbd,
		 2px -2px 0px #bdbdbd,
	    -2px  2px 0px #9d9d9d,
	     2px  2px 0px #9d9d9d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#fdfdfd));
	margin-left: 2px;
	margin-right: 2px;
	}
	
.embossed-box-blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#fafdfe), to(#eff7fc));
	}
*/
.gradient-box-gray {
	background: #dedede url('images/txt_field_sprite.png') repeat-x left -300px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	border: 1px solid #c1c1c1;
	}
	
.gradient-box-blue {
	background: #c5ebfb url('images/gradient_blue.png') repeat-x left top;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff7fc));
	border: 1px solid #c1c1c1;
	}
	
.masthead-box {
	background: #fff;
	border: 1px solid #c1c1c1;
	border-top: none;
	margin-top: -2em;
	overflow: hidden;
	position: relative;
	z-index: 3;
	}
	
	.masthead-box p {
		margin: 0 0 -3px 0;
		}
		
	
.white-box {
	background: #fff;
	border: 1px solid #d5d5d5;
	font-size: 1.2em; /* 12px */
	}
	
	.white-box h2 {
		border-bottom: 1px solid #d5d5d5;
		font-size: 1.5em; /* 18px */
		line-height: 1;
		margin: 0 -.56em;
		padding: 0 0 .4em .56em;
		}
		
	.white-box ul {
		margin: 1em 0 0 1em;
		}
	.white-box li {
		list-style-type: disc;
		margin: .7em 0;
		}
	
.bulge-box {
	background: url('images/two_col_bulge_shadow.png') no-repeat left bottom;
	line-height: 1.3;
	padding-bottom: 9px;
	}
	
	.bulge-box h3 {
		background: url('images/txt_field_sprite.png') no-repeat left -135px;
		border: 1px solid #bfbfbf;
		border-bottom: 0;
		color: #315176;
		font-size: 1.8em;
		padding: .414em;
		}
	
/* =========== */
/* = CONTENT = */
/* =========== */

/* ===================== */
/* = Navigation Styles = */
/* ===================== */
a {
	color: #315176;
	}
	
p {
	margin: 1em 0;
	}
	
em {
	color: #7398b6;
	font-style: normal;
	}
	
h4 {
	font-size: 1.286em;
	}
	
.center {
	text-align: center;
	}
	
.no-margin {
	margin: 0;
	}
	
.negate-top {
	margin-top: 0;
	}
	
.no-p-margins p {
	margin: 0;
	}
	
.no-line {
	border: none;
	text-decoration: none;
	}
	
.divider {
	border-bottom: 1px dotted #878c8f;
	}
	
hr {
	border: none;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	margin: 1em 0;
	}
	
	.bulge-box hr {
		margin: 1em -.714em;
	}
	
.primary-nav {
	list-style: none;
	}
	
	/* \_ */
	
		.primary-nav li {
			background: url('images/nav_sprite.png') no-repeat left -200px;
			display: inline;
			float: left;
			margin: 0 1em;
			padding: 0;
			text-align: center;
			width: 14em;
			}
			
		.primary-nav li.active {
			background: url('images/nav_sprite.png') no-repeat top left;
			}
			
			/* \_ */
			
				.primary-nav div {
					background: url('images/nav_sprite.png') no-repeat right -300px;
					float: right;
					padding-bottom: 12px;
					width: 7em;
					}
					
				.primary-nav .active div {
					background: url('images/nav_sprite.png') no-repeat right -100px;
					}
			
				.primary-nav a {
					color: #135182;
					display: block;
					font-size: 1.8em; /* 18px */
					font-weight: bold;
					height: 40px;
					line-height: 40px;
					margin-left: -100%;
					position: relative;
					text-decoration: none;
					}
				
				.primary-nav .active a {
					color: #fff;
					text-shadow: #000 0 0 0;
					}

h1 {
	background: url('images/logo_flexmls.gif') no-repeat left bottom;
	color: #315176;
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	padding: .8em 40px 0 225px;
	}

h1.fbs {
	background-image: url('images/logo_fbs.png');
	padding: 1.5em 0 0 220px;
	}
	
h1.summit {
	background: url('images/logo_summit.png') no-repeat left top;
	font-size: 1px;
	height: 46px;
	text-indent: -9999px;
	width: 392px;
	}
	
h2.tagline {
	color: #315176;
	display: inline;
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	}

.box-header {
	background: url('images/sidebar_header_shadow.png') no-repeat center bottom;
	padding-bottom: 7px;
	left: 10px;
	position: absolute;
	top: -12px;
}
		
.box-header h3 {
	background: url('images/sidebar_header_gradient.png') repeat-x top left;
	border: 1px solid #bfbfbf;
	color: #315176;
	font-size: 1.29em; /* 18px */
	padding: .4em 0; 
	text-align: center;
	width: 10.5em;
	}
	
	.box-header h3 span {
		background: url('images/sidebar_header_corner.png') no-repeat top left;
		height: 12px;
		left: -6px;
		position: absolute;
		top: -1px;
		width: 6px;
		}
		
.btn {
	background: url('images/btn_background.png') no-repeat left top;
	padding: 0 0 0 6px;
	position: relative;
	}
	
	.btn a,
	.btn button {
		background: url('images/btn_background.png') no-repeat right -50px;
		border: none;
		display: block;
		height: 41px;
		font-size: 1.8em; /* 18px */
		font-weight: bold;
		line-height: 43px;
		padding: 0 6px 0 0;
		text-align: center;
		text-decoration: none;
		}
		
	.btn button {
		color: #315176;
		width: 100%;
		}
		
	.styled-box .btn a,
	.plain-box  .btn a {
		font-size: 1.286em; /* 18px */
		}
		
		
.main-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
/* ================ */
/* = Table Styles = */
/* ================ */
.data-table {
	border: 1px solid #bfbfbf;
	border-collapse: collapse;
	background: #e9e9e9 url('images/table_gradient.jpg') repeat-x left top;
}

.data-table thead tr {
	background: url('images/txt_field_sprite.png') no-repeat left -135px;
	}
	
.data-table th {
	color: #1c416c;
	font-size: 1.285em;
	padding: 10px;
	text-align: left;
	}
	
.data-table tbody tr {
	border-top: 1px solid #bfbfbf;
	}
	
.data-table td {
	padding: 10px;
	}

.flexmls_connect__search {
	border: 2px solid #999;
	background-color: #e3e3e3;
}
.flexmls_connect__search input {
	border: 1px solid #666;
}

/* =============== */
/* = Blog Styles = */
/* =============== */

.post {
	margin-top: 1.428em;
	}
	
.entry-meta {
	background: url('images/icon_pinned_page.png') no-repeat left top;
	line-height: 1.4;
	padding-left: 80px;
	}
	
	/* \_ */	 

		h2 {
			color: #315176;
			font-size: 1.286em; /* 18px */
			font-weight: bold;
			}
			
			/* \_ */
			
				.entry-meta h2 a {
					text-decoration: none;
					}
	
		.entry-date {
			margin-top: 5px;
			}
			
		.entry-author {
			background: url('images/rss_small.png') no-repeat 5px 50%;
			padding-left: 20px;
			}
			
.entry-body {
	line-height: 1.2;
	margin: 1.5em 0 1em 0;
	}
	
/*	.entry-body ul,
	.plain-box ul {
		border-left: 22px solid #e5e8ea;
		}*/
		
		.entry-body li, 
		.plain-box li {
			background: url('images/icon_marker.png') no-repeat left top;
			margin: 1em 0;
			padding-left: 25px;
			}
			
.entry-category {
	border-bottom: 1px dotted #919191;
	padding-bottom: 1em;
	}
	
.comments {
	margin: 1em 0;
	}
	
	.comment .comment-meta {
		padding-right: 10px;
		text-align: right;
		}
		
		.comment-author {
			margin: 10px 0 .3em 0;
			}
		
		.comment-author a {
			text-decoration: none;
			}
			
.form-row {
	margin: 0 0 1em 0;
	}
		
	.txt, .txtarea,
	.styled-box .cf-ol li {
		background:url('images/txt_field_sprite.png') repeat-x left -135px;
		border: 1px solid #bfbfbf;
		padding: .5em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,.3);
		}
		
	.txtarea {
		background-color: #dedede;
		background-position: left -250px;
		}
		
	.txt input, .txtarea textarea,
		.cf-ol input, .cf-ol textarea {
			background: none;
			border: none;
			color: #747474;
			font-size: 1em; /* 14px */
			width: 100%;
			}	
		
		.txtarea textarea {
			font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif;
			height: 13em;
			}

.cb {
	float: left;
	}
					
.sub-label {
	display: block;
	margin-left: 20px;
	}
	
/* ================== */
/* = Sidebar Styles = */
/* ================== */

.highlight-box ul {
	margin-top: -10px;
	}
	
	.highlight-box li {
		border-bottom: 1px dotted #87aab4;
		}
		
	.icons li {
		padding: 10px 0 10px 25px;
		}
		
	.icons.author li{
		background: url('images/icons_sidebar.png') no-repeat left top;
		}
		
	.icons.post li {
		background: url('images/icons_sidebar.png') no-repeat left -100px;
		}
		
	.icons.comment li {
		background: url('images/icons_sidebar.png') no-repeat left -200px;
		}
		
	.icons.archive li {
		background: url('images/icons_sidebar.png') no-repeat left -300px;
		}
		
		.icons a {
			text-decoration: none;
			}
			
		
		.current_page_item {
			background: url('images/current.png') no-repeat left 50%;
			}	
			
		.current_page_item a {
			color: #000;
			font-weight: bold;
			text-decoration: none;
			}

/* =============== */
/* = Home Styles = */
/* =============== */

.wrap-left {
	background: url('images/wrapper.gif') no-repeat left bottom;
	border-top: 1px solid #1a416b;
	position: relative;
	}
	
	.wrap-right {
		background: url('images/wrapper.gif') no-repeat right bottom;
		border-top: 1px solid #8cb7d4;
		padding-bottom: 9px;
		}
		
		.wrap {
			background: url('images/wrapper_inner.png') repeat-x left bottom;
			margin: 0 1em;
			}
			
			.wrap-content {
				color: #fff;
				font-size: 2em; /* 20px */
				font-weight: bold;
				padding: 1em;
				}
				
				.wrap-content em {
					background: #0c3b60;
					color: #fff;
					}
			
.wrap-shadow {
	background: url('images/wrapper_shadow.png') repeat-x left top;
	top: 0px;
	height: 4px;
	left: 0;
	position: absolute;
	width: 94em;
	z-index: 4;

	} 
	
.idx-desc {
	background: url('images/logo_idx.gif') no-repeat left 50%;
	font-size: 1.143em; /* 16px */
	padding: .3em 0 .3em 100px;
	}
	
	.idx-desc h3 {
		font-size: 1.25em; /* 20px */
		}
		
.interior-btn {
	position: absolute;
	margin-top: -21px;
	right: .714em;
	top: 50%;
	}
	
.blog-highlight {
	background-image: url('images/vertical_divider.gif');
	background-repeat: repeat-y;
	background-position: 45.714em top;
	margin-bottom: .8em;
	}
	
	.pointer {
		background: url('images/pointer_down.gif') no-repeat left top;
		bottom: -25px;
		height: 25px;
		left: 63.571em;
		position: absolute;
		width: 23px;
		z-index: 100;
	}
	
.excerpt {
	color: #7398b6;
	}
	
	.excerpt h2 {
		font-size: 1.286em;
		}
	
.blog-subscribe {
	background: url('images/small_subscribe.gif') no-repeat left 50%;
	font-size: 1.143em; /* 16px */
	font-weight: bold;
	padding-left: 110px;
	}
	
	.blog-subscribe a {
		background: url('images/rss_small.png') no-repeat left 50%;
		padding: 3px 10px 3px 15px;
		text-decoration: none;
		}
		
.highlight-recent-posts {
	font-weight: bold;
	width: 19.886em;
	}
	
/* ================== */
/* = Support Styles = */
/* ================== */
	
.support-excerpt h4 {
	color: #315176;
	margin-bottom: 4px;
	}
	
.feed-link {
	background: url('images/rss_small.png') no-repeat left 50%;
	font-size: 1.142em; /* 16px */
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
	}
	
.latest-support {
	margin-bottom: 1em;
	}
	
.linklove {
	display: none;
	}

.cf-ol:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
.cf-ol li {
	margin-bottom: .7em;
	}
	
.cf-ol label {
	display: none;
	}
	
.cf-ol .cf-box-group label {
	display: inline;
	}

.cf_li_text_err {
	display: none;
	}
	
	.cf-ol select {
		width: 100%;
		}
	
.cf_hidden, .cf-hidden label {
	line-height: 0;
	margin: 0;
	}
	
.cf-sb {
	background: url('images/btn_background.png') no-repeat left top;
	margin: 0;
	padding: 0 0 0 6px;
	position: relative;
	}
	
	.cf-sb input {
		background: url('images/btn_background.png') no-repeat right -50px;
		border: none;
		color: #315176;
		display: block;
		height: 41px;
		font-size: 1.286em; /* 18px */
		font-weight: bold;
		line-height: 43px;
		padding: 0 6px 0 0;
		text-align: center;
		text-decoration: none;
		width: 100%;
		}

#training-registration .cf-sb {
	float: right;
	width: 20em;
	}

.cf_info.failure {
	color: #990000;
	font-weight: bold;
	}
	
.cf_info.success {
	border: 2px dotted #315176;
	border-left: 0;
	border-right: 0;
	color: #315176;
	font-size: 1.286em;
	font-weight: bold;
	margin: 0;
	padding: .5em;
	text-align: center;
	}
	
.cf_info.waiting {
	background: #f9e7c1;
	border: 1px solid #eab336;
	border-left: 0;
	border-right: 0;
	color: #315176;
	font-size: 1.286em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: .5em;
	text-align: center;
	}
	
	/* \_ */

		.cf_info.failure ol {
			margin: .5em 0;
			}
			
		.cf_info.failure ol li {
			font-size: .8em;
			font-weight: normal;
			padding: .5em 0;
			}
	
/* Individual field styling for cformsII plugin */

#li--5, #li--7 {
	background: none;
	border: 0;
	padding: 0;
	}
	
#li-2-1, #li-2-2, #li-2-3, #li-2-4 {
	float: left;
	width: 19.2em;
	}
	
#li-2-1, #li-2-3 {
	margin-right: 2em;
	display: inline;
	}
	
#li-2-5 {
	display: none;
	}

#li-2-5items {
	background: none;
	border: none;
	float: left;
	width: 40em;
	}
	
	/* \_ */
	
		#li-2-5items input {
			width: auto;
			}
	
		
/* ================= */
/* = Footer Styles = */
/* ================= */
	
.event h4 {
	font-size: 1.143em; /* 16px */
	}
	
.news,
.twitter {
	color: #315176;
	}
	
.twitter {
	margin-top: -1em;
	}
	
.twitter li {
	margin-top: 1em;
	}
	
.twitter-link {
	display: block;
	text-align: right;
	}