/* mobile first styles */

body {
	text-align:center;
	background:#fff;
}

#a1 {}

#b1 {
	background:#246b95;
}

#c1 {
	padding-top:16px;
	overflow:auto;
}

	#c1 div {
		border:1px solid #246B95;
	}
	
	#c1_search input, #c1_search select {
		width:90%;
		margin:0 1%;
	}
	
	#sn {

	}
		#sn a {
			line-height: 0;
			font-size: 0;
			color: transparent;
			display: inline-block;
			background-repeat: none;
			background-color: #246B95;
			background-repeat: no-repeat;
			background-image: url('/userfiles/design/socnets2.png');
			width: 32px;
			height: 32px;
			vertical-align: middle;
			overflow: hidden;
		}
		#sn a.facebook {
			background-position: 0 0;
		}
		#sn a.twitter {
			background-position: -32px 0;
		}
		#sn a.linkedin {
			background-position: -64px 0;
		}
		#sn a.pinterest {
			background-position: -96px 0;
		}
		#sn a.googleplus {
			background-position: -128px 0;
		}
		#sn a.vimeo {
			background-position: -160px 0;
		}
		#sn a.flickr {
			background-position: -192px 0;
		}
		#sn a.youtube {
			background-position: -224px 0;
		}
		#sn a.vimeo {
			background-position: -256px 0;
		}
		#sn a.instagram {
			background-position: -288px 0;
		}
		#sn a:hover {
			
			box-shadow: 0 0 1px 1px #fff;
		}
		#sn a:active, #sn a:focus {
			background-color: #b4d98c;
		}
		
	#tabs {
		border-bottom:0 !important;
	}
	
		#tabs a {
			display:block;
			float:right;
			padding:5px 8px;
			margin-left:2px;
			font-size:0.9em;
			color:#fff;
			text-decoration:none;
		}
		#tabs a:hover, #tabs a.on {
			background:#fff;
			color:#000;
		}
		#tabs a#my_black_isle {
			padding-right:40px;
			background-image:url(/userfiles/design/profile2.png);
			background-repeat: no-repeat;
			background-position:center right;
		}
		#tabs a#my_black_isle:hover, #tabs a#my_black_isle.on {
			background-image:url(/userfiles/design/profile1.png);
		}
		#tabs a#my_black_isle.loggedin {
			background-image:url(/userfiles/design/profile3.png);
		}
		#tabs a#my_black_isle.loggedin:hover {
			background-image:url(/userfiles/design/profile4.png);
		}

#b2 {
	min-height:200px;
	background:center center;
	background-size:cover;
	border-top:2px solid #fff;
}
	#logo {
		width:280px;
		height:40px;
		position:relative;
		margin:120px auto 0 auto;
		background:url(/userfiles/design/bi-logo.png);
		
	}



#c2 {
	width:100%;
	background:url(/userfiles/design/menubak.png);
}

	#topbar_caption {
		background:#fff;
		position:absolute;
		padding:0 10px;
		right:0;
		left:0;
		font-size:10px;
		opacity:0.5;
		color:#000;
	}


#b3 {}

#c3 {
	padding:10px;
	text-align:left;
}

	.slot {
		margin-bottom:10px;
	}
	.slot h3 {
		padding:10px;
		background:#2b6e89;
		color:#fff;
	}
	.slot .searchform {
		padding:10px;
		background:#2b6e89;
	}
	.slot .searchform input {
		font-size:15px;
		border:0;
	}
	.slot .searchform input[type=search] {
		width:80%;
	}
	.slot .searchform input[type=submit] {
		margin-left:2%;
		width:18%;
	}
	.slot:nth-child(even) h3 {
		background:#2b6e89;
	}
	.slot h3 a {
		color:#fff;
	}
	.slot a.block {
		display:block;
		padding:10px;
		color:#555;
		background:#e6f3fb;
	}
	.slot a.block.on {
		background:#B6DCF3;
	}
	.slot div {
		padding:10px;
		font-size:0.9em;
	}

#b4 {}

#c4 {

}

#b5 {}

#c5 {
	font-size:12px;
}
	#c5 a {
		
	}





.box {
	position:relative;
	height:300px;
	border-bottom:3px solid #2b6e89;
	background-size:cover;
	background-position:center center;
	background-image: url(/userfiles/design/default.jpg);
	margin-bottom:30px;
}
	.box_title {
		background:#2b6e89;
		color:#fff;
		font-size:1.3em;
		padding:20px 20px;
		opacity:0.8;
	}
	.box_content {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:60px;
		padding:10px 20px 20px 20px;
		background-image:url(/userfiles/design/blank_60.png);
		overflow:hidden;
		color:#000;
	}
	.box_link {
		display:block;
		position:absolute;
		bottom:0;
		right:0;
		z-index:5;
		background:#2b6e89 no-repeat center center url(/userfiles/design/arrow_right.png);
		background-size:contain;
		width:34px;
		height:31px;
	}
	.box:hover a, .box a:hover {

	}
	
	.box.green {
		border-bottom:3px solid #2c756e;
	}
	.box.green .box_title,
	.box.green .box_link {
		background-color:#2c756e;
	}

	.box.red {
		border-bottom:3px solid #cd3301;
	}
	.box.red .box_title,
	.box.red .box_link {
		background-color:#cd3301;
	}

	.box.purple {
		border-bottom:3px solid #5d4883;
	}
	.box.purple .box_title,
	.box.purple .box_link {
		background-color:#5d4883;
	}	

	.box.blue {
		border-bottom:3px solid #408ee3;
	}
	.box.blue .box_title,
	.box.blue .box_link {
		background-color:#408ee3;
	}

	.box.yellow {
		border-bottom:3px solid #da8b2f;
	}
	.box.yellow .box_title,
	.box.yellow .box_link {
		background-color:#da8b2f;
	}

	.box.navy {
		border-bottom:3px solid #103c7b;
	}
	.box.navy .box_title,
	.box.navy .box_link {
		background-color:#103c7b;
	}	
	

.listbox ul {
	background:#fff;
	opacity:0.8;
	height:230px;
	padding-top:5px;
	overflow:hidden;
	padding-left:0 !important;
}
	.listbox li {
		color:#000;
		font-size:13px;
		line-height:18px;
		list-style-type:none !important;
		padding:3px 3px 3px 10px;
		border-top:1px dotted silver;
		margin-left:0 !important;

	}
	.listbox li:first-child {
		border-top:0;
	}

	#free_header {
		background:orange;
		color:#fff;
		padding:5px;
		text-align:center;
		-webkit-border-radius:6px;
		border-radius:6px;
		margin:10px 10px 10px 60px;
		clear:both;
	}
		#boxes #free_header {
			margin:0 0 30px 0;
		}
		#free_header p {
			font-size:.7em;
			padding:0;
			margin:1px;
		}
	
	
	.directory_listing {}
	
		.directory_image {
			width:100%;
		}
		
		.directory_address {
			line-height:1.3em;
			margin-bottom:5px;
		}
			
		.directory_info {
			font-size:0.9em;
			margin-bottom:10px;
		}
		
	.directory_list_item {
		clear:left;
		padding:10px;
		width:100%;
		overflow:auto;
		margin-bottom:2px;
	}
		
		.directory_list_item:nth-child(odd) {
			background:#edf4fc;
		}
		.directory_list_item:nth-child(even) {
			background:#f0f0f0;
		}
		
		.directory_list_photo {
			float:left;
			width:135px;
			height:101px;
			background:url(/userfiles/design/placeholder.png) center center;
			background-size:cover;
			margin-right:10px;
		}
			.rank2 .directory_list_photo {
				width:110px;
				height:85px;
				margin-right:35px;
			}

		
		.directory_list_item a {
			display:block;
			font-size:1.3em;
			color:#555;
		}
			.directory_list_item.rank2 a {
				font-size:1em;
			}
			.directory_list_item.rank2 p {
				font-size:.8em;
				line-height:1.4em;
			}	
	#directory_browser {
		padding:10px;
		background:#CFE4E7;
		font-size:0.9em;
		line-height:1.4em;
	}

	
	#directory_browser ul {
		margin-left:20px;
	}	
	#directory_browser ul:first-child {
		margin-bottom:10px;
	}
	#directory_browser ul li {
		list-style-type:circle;
		padding-left:5px;
		font-weight:bold;
	}
	#directory_browser ul.selectable li {
		list-style-type:circle;
		cursor:pointer;
		font-weight:normal;
	}
	#directory_browser ul.selectable li:hover {
		list-style-type:disc;
	}
	#directory_browser ul.selectable li.on {
		text-decoration:underline;
	}
	#directory_browser ul.selectable li.on:hover {
		list-style-type:circle;
	}	
	
	li.parent.closed {
		list-style-type:none !important;
		cursor:pointer;
	}
	li.parent.closed:before { 
	    content: "";
	    border-color: transparent #111;
	    border-style: solid;
	    border-width: 0.35em 0 0.35em 0.45em;
	    display: block;
	    height: 0;
	    width: 0;
	    left: -1em;
	    top: 1em;
	    position: relative;
	    
	}
	li.parent.open {
		list-style-type:none !important;
		cursor:pointer;
	}
	li.parent.open:before { 
	    content: "*";
	    display: block;
	    height: 1em;
	    width: 1em;
	    left: -1em;
	    top: 1em;
	    position: relative;	    
	}
	li.child {
		list-style-type:disc;
	}

	#search_results a {
		display:block;
		color:#666;
		padding:5px;
		border-bottom:1px solid #ccc;
		width:100%;
		overflow:auto;
	}
	#search_results a:hover {
		background:#d6d6d6;
		text-decoration:none;
	}
	#search_results a .img {
		display:block;
		width:100px;
		height:60px;
		margin-right:10px;
		float:left;
		background:center center;
		background-size:cover;
	}
	
.login_err_msg {
	background:#ff9;
	color:#333;
	padding:10px;
	margin-bottom:20px;
}
	
	

#faq h4 {
	background:#2b6e89;
	color:#fff;
	padding:10px;
	margin-bottom:4px;
	cursor:pointer;
}
	#faq dl {
		margin:0 0 4px 0;
	}
	#faq dt {
		background:#dbf2fc;
		padding:16px;
		cursor:pointer;
		margin-top:4px;
	}
	#faq dd {
		padding:16px;
		margin:0;
	}





	.login_message {
		font-weight:400;
		color:red;
	}

	.pointer {
		cursor:pointer;
	}
	.pointer:hover {
		opacity:0.9;
	}



#loginform {
	background:#CFE4E7;
	padding:10px;
	border-bottom:3px solid #2B6E89;
}
	#loginform select, #loginform input {
		font-size:0.8em;
		min-width:70%;
		margin-bottom:3px;
	}
	#slot5 {
		background:#CFE4E7;
	}
	
	#loginform div {
		text-align:right;
		font-size:12px;
		text-transform:lowercase;
	}

	#loginlist a {
		display:block;
		padding:5px;
	}
	#loginlist a:hover {
		background:#7B383A;
		color:#fff;		
	}


.clear {
	clear:both;
}





/* mobile landscape */
@media(min-width: 400px) {
	.data div.ellipsis {
		width:310px;
	}
}

/* small tablet styles */
@media(min-width: 800px) {

	#c2 {

	}

	#boxes {
		padding:20px 0;
		position:relative;
		width:100%;
		overflow:auto;
	}

}


/* desktop styles */
@media(min-width: 986px) {

	#a1 {

	}

	#b1 {

	}

	#c1 {
		text-align:center;
		}


	#b2 {
		min-height:400px;
	}
	#c2 {
		
	}
	
	#logo {
		width:986px;
		height:338px;
		margin:0 auto;
		position:relative;
		background:url(/userfiles/design/bi-logo.png) no-repeat bottom left;
	}
	
	#topbar_caption {
		background:#fff;
		position:absolute;
		padding:3px 10px;
		right:0;
		left:auto;
		bottom:10px;
		font-size:11px;
		opacity:0.5;
		-webkit-border-radius: 18px;
		border-radius: 18px;
		color:#000;
		font-weight:bold;
	}
		#topbar_caption:hover {
			opacity:0.9;
		}

	#c2 {
		height:62px;
	}


	#c3 {
		padding:32px 0 40px 0;
	}
		#pagecontent>h1 {
			padding-top:0;
		}
		.layout0 #pagecontent {
			float:left;
			width:632px;
			clear:both;
		}

		.layout0 #slots {
			width:278px;
			float:right;
			position:relative;
			z-index:10;
		}
	#b4 {
		border-top:6px solid #7b383a;
		background: #cfe4e7;
		padding:30px 0;
	}
	

	#c4 {
		overflow:auto;
	}

		#c4 .bottom-menu {
			padding:0 35px;
			border-left:1px solid #fff;
			text-align:left;
			font-size:0.9em;
			line-height:1.4em;
		}
		#c4 a {
			color:#444;
		}
		#c4 .bottom-menu:first-child {
			border-left:0;
		}


	#c5 {
		padding:30px 0;
	}
	
	
		.layout0 div.box {
			margin:0 30px 30px 0;
			box-sizing: content-box;
			width:290px;
			float:left;
		}
			.layout0 div.box:nth-child(2n+0) {
				margin-right:0;
				width:308px
			}
			
	
		.layout1 .box {
			margin:0 30px 30px 0;
			box-sizing: content-box;
			width:309px;
			float:left;
		}
			.layout1 .box:nth-child(3n+0) {
				margin-right:0;
				width:308px
			}
			
			


		#faq dt {
			margin:4px 0 0 16px;
		}
		#faq dd {
			margin:4px 0 0 16px;
		}

	table.data {
		width:100%;
		border-collapse: separate;
		border-spacing: 0 4px;
	}
		.data th, .data td {
			padding:4px 8px;
			margin-bottom:4px;
		}
		.data th {
			background:#2B6E89;
			color:#fff;
		}
		.data th a {
			color:#fff;
		}
		.data td {
			font-size:0.8em;
		}
		.data tr:nth-child(odd) {
			background:#E6F3FB;
		}
		.data tr:nth-child(even) {
			background:#eeeeee;
		}
		.data .tar {
			text-align:right;
		}
		.data div.ellipsis {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width:74px;
		}

		.data th:first-child, .data td:first-child {
			padding-left:16px;
		}
		.data th:last-child, .data td:last-child {
			padding-right:16px;
		}
		
		.directory_status0 {
			background:yellow !important;
		}
		.directory_status1 {
			background:green !important;
			color:#fff;
		}
		.directory_status2 {
			background:cyan !important;
		}
		.directory_status3 {
			background:#F60099 !important;
		}


	.directory_image {
		max-width:300px;
		margin:0 0 10px 10px;
		float:right;
	}


}