@font-face		{ font-family: 'OpenSans Regular';		src: url('/includes/fonts/OpenSans-Regular.woff')		format('woff'); }
@font-face		{ font-family: 'OpenSans Bold';			src: url('/includes/fonts/OpenSans-Bold.woff')			format('woff'); }
@font-face		{ font-family: 'OpenSans ExtraBold';	src: url('/includes/fonts/OpenSans-ExtraBold.woff')		format('woff'); }


textarea, input:not(type="checkbox") { 
	-ms-box-sizing:		content-box;
	-moz-box-sizing:	content-box;
	-webkit-box-sizing:	content-box; 
	box-sizing:			content-box;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	appearance:			none;
	font-wize:14px; 
}
input[type="checkbox"] { cursor:pointer; }


.w30			{ width: 30px; }
.w60			{ width: 60px; }
.w80			{ width: 80px; }
.w100			{ width:100px; }
.w150			{ width:143px; }
.w200			{ width:200px; }
.w300			{ width:300px; }
.w400			{ width:400px; }

.btn			{ font:normal 14px 'OpenSans Bold',    sans-serif; color:#ffffff; padding:5px 0px; border-radius:2px; border-width:0px; cursor:pointer;  min-width:20px; }
.txt			{ font:normal 14px 'OpenSans Regular', sans-serif; color:#333333; padding:4px 4px; border-radius:2px; border:1px solid #888888; background:#ffffff; }

.tal			{ text-align:left; }
.tar			{ text-align:right; }
.fr				{ float:right; }
.m20			{ margin:20px; }

.red			{ background:#e14a16; color:#ffffff; }
.grn			{ background:#16e128; color:#ffffff; }
.blu			{ background:#16ade1; color:#ffffff; }
.dbl			{ background:#1b3954; color:#ffffff; }
.gry			{ background:#dddddd; color:#ffffff; }
.clr			{ clear:both; }

#layout			{ border-collapse:collapse; width:100%; }
#layout td		{ padding:0px; margin:0px; }
#lcol			{ width: auto; }
#mcol			{ width: 20px; }
#rcol			{ width:300px; }


body			{ padding:0px; margin:0px; background:#ffffff; font:normal 14px 'OpenSans Regular', sans-serif; line-height:22px; color:#444444; }
.page			{ position:relative; width:auto; height:100%; background:rgba(0, 0, 0, 0.0); max-width:1400px; margin:0px auto; padding:10px; }
.logo 			{ width:60px; padding:15px 0px; }


#care			{ height:32px; background:#444444; }
#services		{ min-height:140px; }
#services h1	{ position:absolute; padding:0px; margin:0px; top:40px; left:80px; color:#16ade1; font:normal 36px 'OpenSans ExtraBold', sans-serif; letter-spacing:-2px; }
#services h1 a	{ text-decoration:none; color:#16ade1; }
#services h2	{ position:absolute; padding:0px; margin:0px; top:82px; left:82px; color:#1b3954; font:normal 11px 'OpenSans Regular', sans-serif; }



#menu			{ position:absolute; list-style:none; top:55px; right:10px; padding:0px; margin:0px; }
#menu li		{ list-style:none; display:inline-block; padding:0px; margin:0px; }
#menu a			{ display:block; padding:8px; width:100px; text-decoration:none; font:normal 14px 'OpenSans Regular', sans-serif; text-transform:uppercase; border-radius:4px; }
#menu a:hover	{ background:rgba(0, 0, 0, 0.05); }


#bigimg			{ position:relative; height:400px; background:rgba(0, 0, 0, 0.05); background-size:cover; }
#imgmsk			{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:#ffffff; }

#bigimg form	{ display:block; background:rgba(255, 255, 255, 0.95); min-height:300px; width:280px; float:right; }

#search div		{ display:block; padding:18px; }
#search h3		{ padding:0px; margin:0px; font:bold 16px 'OpenSans Regular', sans-serif; color:#444444; }
#search input, #search select	{ display:block; width:200px; padding:10px 20px; margin:20px auto; border-radius:20px; border-color:#bbbbbb; box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.05); }
#search input[type="button"] { width:240px; }
#search select	{ width:240px; }
#search *:focus { outline:0; }


#schbar input, #schbar select	{ display:block; width:150px; padding:10px 20px; margin:5px; border-radius:20px; border-color:#bbbbbb; box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.05); }
#schbar input[type="button"] { width:190px; }
#schbar select	{ width:190px; }
#schbar *:focus { outline:0; }



h1				{ padding:15px 0px 0px 0px; margin:0px; color:#16ade1; font:bold 24px 'OpenSans Regular', sans-serif; }
h2				{ padding:15px 0px 0px 0px; margin:0px; color:#16ade1; font:bold 18px 'OpenSans Regular', sans-serif; }
a				{ color:#444444; }
hr				{ border:none; height:1px; background:#cccccc; }
td				{ min-width:20px; }

#qlinks div		{ position:relative; display:inline-block; background-position:center; cursor:pointer; margin:10px; width:190px; height:140px; background-size:cover; background-color:#eeeeee; overflow:hidden; text-align:center; border-radius:5px; }
#qlinks a		{ position:absolute; display:block; bottom:0px; left:0px; width:100%; text-align:center; background:#444444; color:#ffffff; font-size:11px; text-decoration:none; }

.panel			{ margin:15px auto; border:15px solid rgba(255, 255, 255, 0); border-radius:5px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); }

#latest h3		{ padding:0px; margin:0px; }
#latest ul		{ list-style:none; padding:0px; margin:0px; }
#latest li		{ list-style:none; padding:0px; margin:0px; }
#latest a		{ display:block; margin-top:5px; }


.squad			{ width:300px; height:250px; margin:10px auto; }

#regions h2		{ font:bold 16px 'OpenSans Regular', sans-serif; background:#16ade1; color:#ffffff; padding:4px 8px; border-radius:4px; }
#regions a		{ display:inline-block; width:180px; overflow:hidden; white-space:nowrap; padding:2px 8px; border-radius:4px; margin:2px;  }
#regions a:hover{ background:rgba(0, 0, 0, 0.05); }

#footer			{ background:#444444; margin-top:40px; padding:10px 0px; color:rgba(255, 255, 255, 0.8); }
#footer span	{ display:block; width:260px; line-height:18px; font-size:11px; }
#footer img		{ width:50px; float:left; margin:0px 10px 40px 0px; opacity:0.8; }
#footer ul		{ display:block; float:right; list-style:none; padding:0px; margin:0px; }
#footer li		{ padding:0px; margin:0px; list-style:none; }
#footer a		{ display:block; width:100px; padding:4px 8px; color:#ffffff; background:rgba(0, 0, 0, 0.2); margin:6px 40px 6px 0px; border-radius:4px; text-decoration:none; }
#footer a:hover	{ background:#16ade1; }

.pages			{ padding:5px; border-radius:4px; }
.pages a		{ display:inline-block; background:#16ade1; color:#ffffff; width:25px; padding:2px 0px; border-radius:12px; text-align:center; text-decoration:none; margin-left:5px; }
.pages div		{ float:right; }

#entries div	{ display:inline-block; width:185px; height:90px; padding:8px; overflow:hidden; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.33); margin:6px; border-radius:4px; }

#gmap_small		{ display:block; width:300px; height:300px; border:none; border-radius:5px; overflow:hidden; }

#details		{ border:none; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.33); border-radius:5px; padding:15px; margin:20px 0px; }
#details td		{ width:300px; }

.report			{ position:relative; border:2px solid #1b3954; margin-bottom:15px; height:150px; overflow:hidden; border-radius:4px; }
.rephead		{ display:block; background:#1b3954; color:#ffffff; cursor:pointer; padding:5px 10px; text-decoration:none; }
.report span	{ display:block; padding:0px 10px; line-height:16px; }
.report div		{ position:absolute; bottom:0px; left:0px; width:100%; height:30px; background:url('/graphics/fade.png') bottom left repeat-x; }
.report img		{ width:80px; float:right; margin:0px 0px 10px 10px; }

.rating div		{ padding:7px 18px; color:#ffffff; margin:0px 0px 4px 40px; max-width:600px; }
.rating span	{ display:block; float:right; font-weight:bold; }

#login input	{ display:block; margin-bottom:10px; }
#logsp			{ width:100px; }
#join input		{ display:block; margin-bottom:10px; }
#action			{ visibility:hidden; display:none; }

#accmenu		{ list-style:none; padding:0px; margin:20px 0px; background:url('/graphics/hr.png') bottom left repeat-x; }
#accmenu li		{ list-style:none; padding:0px; margin:0px; display:inline-block; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; }
#accmenu a		{ display:block; padding:4px 0px; width:100px; text-align:center; text-decoration:none; }
.tab0			{ border-bottom:1px solid #aaaaaa; background:#eeeeee; }
.tab0:hover		{ background:#f8f8f8; }
.tab1			{ border-bottom:1px solid #ffffff; background:#ffffff; }

#wlist			{ width:100%; max-width:800px; margin:0px auto; }
#wlist td		{ white-space:nowrap; }

@media screen and (max-width:850px) { 
	#layout			{ display:block; width:auto; }
	#mcol			{ visibility:hidden; display:none; }
	#lcol			{ display:block; width:auto; }
	#rcol			{ display:block; width:auto; }

	#menu			{ position:static; text-align:center; }
	#services h1	{ position:static; width:320px; margin:5px auto 0px auto; text-align:center;  }
	#services h2	{ position:static; width:320px; font-size:10px; text-align:center; margin:-5px auto 20px auto; }
	.logo			{ visibility:hidden; display:none; }

	.panel			{ margin:10px auto; border:10px solid rgba(255, 255, 255, 0); }

	#bigimg form	{ display:block; margin:15px auto; float:none; }
	#regions a		{ width:160px; padding:2px 0px; margin:1px; overflow:hidden; }
	#qlinks div		{ margin:5px; width:160px; height:120px; }

	#accmenu a		{ padding:4px; width:auto; text-align:center; font-size:13px; }
	#entries div	{ width:155px; height:90px; padding:8px; margin:2px; }
	.sml			{ font-size:12px; }
	.w100			{ width:90px; }
}