@import url('//fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800');
@import url('//fonts.googleapis.com/css?family=Poppins:300,400,600,700');


/* 
  2025 CSS - for 320width and above

#000099 - main blue
#e5e5f4 - light blue
#b2b2e0 - third blue

#c0392b #f8e1df - red 	
#fad300 #fff8d3 - yellow
#27ae60 #ddf7e8 - green
#2980b9 #d7eaf6 - blue


*/
@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  margin:0;
  padding:0;
}


html {
	font-size:100%;
}
body {
background-color:#fff;
	color:#222;
	font-family:'Open Sans',Helvetica,Arial;
	font-size:1rem;
	margin:0 0 0 0;
}



/* tags */

a {text-decoration:none;color:#0027fa;transition:color 0.25s ease-in,background-color 0.25s ease-in;}
a:hover {color:#5600fa;}

  
form {
  display:inline;
}

b,strong {font-weight:700;}

h2,h3,h4,h5,h6 {color:#000;clear:both;/*padding:0px 5px;*/font-weight:600;font-family:Poppins,Helvetica,sans-serif}

p,li,td,th {font-size:0.95rem;margin:1rem 0;}

p {padding:0 10px;line-height:1.4}

.intro {font-size:1.05rem;}
.p__small {font-size:0.8rem;}

h2 {
	font-size:1.6rem;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	font-weight:700;
	color:#003;
 	border-left:5px solid #fad300; 
	padding:10px; 
}


h3 {
	margin:10px 0 5px 0;
	padding:0 5px 5px;
	font-weight:600;
	font-size:1.2rem;
	color:#000;
	border-bottom:1px solid;
 }

h3.date {	
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position:sticky;
	top:00px;
	z-index:2;
	color:#373737;
	font-weight:700;
	font-size:1.3rem;
	background:#fff;
	padding:5px;
}


h3 span {font-size:0.8rem;font-weight:300;color:#999;display:block;}
h3 .notmapped {font-size:0.8rem;display:inline-block;padding:2px 3px;border-radius:3px;float:right;background:#fa0027;color:#fff;margin-right:-5px;font-weight:600}
h3.no_location {color:#300;border-color:#fa0027;}


h3 + p {margin-top:0;}

h3 a {color:inherit;}

h4 {
	font-size:1rem;
	margin:1em 0 3px 0;
	padding:0 10px 2px;
	font-weight:600;
	color:#333;
	border-bottom:1px solid #efefef;
}


.news_item h3,
p + .mainheading,
p + .subheading {margin-top:2.5em;}
.subheading ~ p {margin:5px 5px 8px;/*padding:0;*/}

.news_item h4  {margin-top:1.5em;}

img {
  border:0px solid #373737;
}


ul,
ol {
  list-style:none;
  margin:0;
  padding:0;
}


/* header area */

header {
	background:#373737;
	border-top:3px solid #fad300 ;
	border-bottom:2px solid #000 ;
    box-shadow:0 0 3px #000;
	height:56px;
	margin:0;
	padding:0 0;
	width:100%;
	z-index:5;
}


.sprite {
	background-image:url('/assets/images/sprites_2025.png?aa');
	background-repeat:no-repeat;
	background-size:210px 300px;
}

.logo {
 	background:none;
	direction:ltr;
	float:left;
	height:52px;
	margin:0;
	overflow:hidden;
	text-indent:9px;
	line-height:52px;
	color:#fad300;
	font-weight:700;
	font-size:28px;
	width:100%;
	max-width:calc(100% - 180px);
	background-size:100% auto;
	margin-top:0;
	transition:color 0.31s ease-in;
	text-shadow:0 0 2px #000;
	font-family:Poppins;

 
}
/*.logo span {color:#fad300;transition:color 1s ease-in;font-weight:300}*/
.logo:hover {color:#fff;}
/*.logo:hover span {color:#fff;}*/
 





/* navigation */	
nav {
	background:#373737;
	border-bottom:2px solid #fad300;
	box-shadow:0 0 3px #000;
	display:none;
	
	margin:0;
	padding:10px;
	width:100%;
	z-index:5;
	position:absolute;
	top:55px;
}
.nav {clear:both;}
.nav-item {
	border-bottom:1px solid #fad300;
	display:block;
	font-size:1rem;
	padding:8px 6px;
	position:relative;
	margin:0;
	color:#fad300;clear:both;
	font-weight:700;
 }
.nav-item:last-child{border-bottom:none;}


.nav-event,
.nav-log,
.nav-photo {background:#fad300;padding:10px 10px 10px 47px;float:left;color:#000;font-weight:700;width:calc(50% - 10px);float:left;margin:5px 0;clear:none;

	background-image:url('/assets/images/icons2025.png?aa');
	background-repeat:no-repeat;
	background-size:36px 288px;
border-radius:6px;

}
.nav-photo {float:right;}


	.nav-log{
		background-position:4px 3px; 
	}

	.nav-photo {
		background-position:4px -67px; 
		
	}

.nav-event {width:100%;padding:10px;background:#000;color:#fad300;border:1px solid #fad300; }

.nav-link {color:inherit;font-family:Poppins,Helvetica,Sans-Serif;}
.nav-link:hover {color:#fff;}
.sub-item {display:block;padding:3px 8px;margin:0;font-size:0.9rem;color:#fff;position:relative;font-weight:400;}
	.sub-header {font-weight:600;color:#fad300;}
.sub-link {color:inherit;}
.sub-link:hover {color:#fad300;}
.sudiv {margin-top:7px;}
	.sub3 ul,
	.sub2 ul {width:50%;float:left;}

.nav a {display:block;}
.ubasic .link-upgrade {color:#aaa;font-style:italic;}
.user0 .link-upgrade {color:#c0392b;font-style:italic;}
.nav-uu a {font-weight:600;color:#000;}




/* drop down */
.pull {
	/*border-left:1px solid #fff;*/
	color:#000;
	direction:ltr;
	display:block;
	float:right;
	height:44px;
	line-height:44px;
/*	opacity:0.3;*/
	overflow:hidden;
	text-indent:-999px;
	transition:opacity 0.4s ease-in-out,color 0.3s ease-in-out;
	width:44px;
	position:relative;
	margin-top:3px
	 
}
.icon_add,.icon_photo {background:url('/assets/images/icons2025.png?2') no-repeat;background-size:36px 288px;border-radius:99px; }


.avatar__menu {display:none;}

.pull:hover,
.on {
/*	opacity:0.8;*/
	color:#373737;
}

	.icon_menu {
		background-position:-2px -130px; 
	}


	
	.icon_add {
		background-position:8px -140px; 
	}
	.icon_photo {
		background-position:8px -210px; 
		
	}
	
	.icon_user {background:none;}


.notification {background:#fa0027;color:#fff;font-weight:700;font-size:11px;display:block;padding:0 2px;position:absolute;top:0;right:0;line-height:14px;box-shadow:0 0 2px #000;min-width:14px;border-radius:6px;text-align:center;text-indent:0;}
.notification__avatar {left:48px;right:auto;}

/* ksp */

.ksp {background:#fad300;color:#333;txext-align:center;padding:8px 11px 9px;border-bottom:2px solid;line-height:1.2 }
.ksp__page {border:none;text-align:left;padding:0.8rem;box-shadow:0 0 4px #999;border:2px solid; }
.ksp b {font-family:Poppins,Helvetica,Sans-Serif;}
.ksp a {color:inherit;font-weight:700;text-transform:lowercase;text-decoration:underline}
.ksp a:hover {color:#fad300;background:#333;border-radius:2px}
.ksp__pagex a {color:#fff;}

/*
.ksp {background:#fad300;color:#000;text-align:center;padding:8px 5px 5px;border-bottom:2px solid }
.ksp__page {background:url('/apple-touch-icon.png') #000 no-repeat bottom left;background-size:60px 60px;border:none;text-align:left;padding:10px 10px 10px 76px;box-shadow:0 0 4px #999; ;line-height:1.3;color:#fad300;border:2px solid #fad300 }
.ksp b {font-family:Poppins,Helvetica,Sans-Serif;}
.ksp a {color:inherit;font-weight:700;}
.ksp__page a {color:#fff;}
.ksp a:hover {color:#fad300;background:#333;border-radius:2px}
*/
/* banners */

.banner { clear:both;overflow:hidden;position:relative;border-bottom:3px solid black;text-align:left;background:#555 }

.banner-overlay {display:block;margin:0;padding:13vh 10px 25px;position:relative;z-index:1;position:relative;text-shadow:0 0 3px #000; }

.banner__noimage .banner-overlay {padding:50px 10px 25px;}

	.banner-title {color:#fad300;font-size:1.6rem;font-weight:700;border:none;/*border-bottom:3px solid #fad300*/;display:inline-block;margin:0 0 4px;background:none;padding:5px 0;line-height:1.1;letter-spacing:-1px}

	.banner-title .avatar {display:none;}

	.banner-evn {margin-bottom:0;text-shadow:none;}
	.banner-evn .evn {color:#000;background:#fad300;padding:0 5px;font-size:1.2rem;font-weight:600;display:inline-block;margin-right:10px }
	.banner-evn .evnX {color:#fff;background:#ec0016;padding:0 5px;font-size:0.9rem;font-weight:500;display:inline-block; }
	
	.banner-sub {color:#fff;font-size:1.1rem;font-weight:400;padding:0 5px 0 0;margin:0;}
	
.banner-title + .banner-sub {}

.banner-image {width:100%;height:90%;object-fit:cover;position:absolute;right:0;top:0;z-index:0;background:#fff;transition:all 0.2s ease-in }
 
.fade { 
	background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 80%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 80%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
}






/* footer */
#footer {
	border-top:3px solid #000;
	text-align:left;
	font-weight:400;
	padding:10px;
	clear:both;
	background:#373737;
	color:#fff;
}

.footer-list {margin-bottom:2rem;}


.footer-item {display:block;padding:3px 0;margin:0;font-size:0.9rem;color:#fff;position:relative;}
	.footer-heading {	font-size:1rem;font-weight:600;color:#fad300; }

.footer-item a {color:inherit}
.footer-item a:hover {color:#fad300;}


#footer .g03 {width:50%;float:left;}
#footer .g04 {clear:both;}




nav .socials {margin: ;padding:3px 0;}
nav .social-item {float:right;margin:0 0 0 4px;}
.social-item {width:36px;height:36px;display:block;float:left;margin-right:4px;background:url('/assets/images/socials.png') no-repeat;background-size:151px 36px;}
.social-item a {display:block;height:100%;width:100%;text-indent:-99px;overflow:hidden;}
.social__bs {background-position:-112px 50%;}
.social__ig {background-position:-57px 50%;}
.social__fb {background-position:-2px 50%;}


 

/* content */
#content {
  padding:0.5rem;
  margin:0 0px;
  zoom:1; 
}

 


/* lists */
ul.links {
  margin:1em 0;
}

ol.stats {padding:10px 25px;}
ul.nice {padding:0 25px;}
ol.stats li,
ul.nice li {list-style:disc;}


/* article */

.article {
  margin:1em 0 2em 0;background:#fa0027
}

p.status_0,
li.status_0,
.article.s0 {background:#fff0f0;color:#990033;/*margin:0;padding:0 10px;*/font-style:italic;}




/* search */

.searchbox {border:1px solid #999;border-radius:6px;background:#fff;padding:3px;margin:0 0 4px 0;}
.input__search {float:left;width:calc(100% - 36px);border:none;margin:3px 0}
.button__search {float:right;overflow:hidden;text-indent:-999px;width:32px;background-color:#fff;border:0px solid #289ad0;height:32px;margin:0;background-position:-8px -265px;cursor:pointer;}







/* forum and comments */



.post_meta {color:#007;font-weight:bold;}
.post {}

.forum,
.comments {padding:0px;border-top:1px solid #efefef;;clear:both;}

.post_date {font-size:0.8em;margin:0;font-weight:600;}


li.comment p,
div.forumpost p {xxxpadding:0;margin:0 0 1em 0;}
p.posted {font-size:11px;font-weight:bold;color:#007;}
ul.forum {margin:0 0 1em 0;}

.forumpost ,
.comment,
ul.forum li {padding:8px 0;border-bottom:1px solid #efefef;margin:0}
.comment,
.forumpost {padding:0px;}




.tu-1 {background:#fee;}

.XXsticky-1 {border-top:3px solid #e67e22;}

.author {padding:10px;border-top:2px solid #efefef;background-image: linear-gradient(#efefef 0, rgba(255,255,255,0) 50%);width:100%!important;float:none;clear:both;position:relative;}
.avatar {border:3px solid #000;border-radius:99px;height:48px;width:48px;object-fit:cover;;margin:0 12px 0 0;float:left;}
.avatar__pull {position:absolute;top:5px;right:0;margin:0;height:36px;width:36px;border-color:#fad300;border-width:2px}

.author-info {width:calc(100% - 60px);float:left;}

.forum_team .author {/*background-image: linear-gradient(180deg, #e67e22 0%, #fff 50%);*/}
.forum_team .author,
.forum_team .avatar {border-color:#fad300;}

.sticky-1 .author {/*background-image: linear-gradient(180deg, #2980b9 0%, #fff 50%);*/}
.sticky-1 .authorXX,
.sticky-1 .avatar {border-color:#2980b9;}


.status-0 .author,
.status-0 .avatar,
.st0 .author,
.st0 .avatar {border-color:#a00;}

.author h4{font-size:16px;margin:0;font-weight:700;color:#000;border:none}
.author p {font-size:12px;margin:5px 0 0!important;;font-weight:600;color:#373737;padding:0}
.author h4 span {font-size:12px;font-weight:400;color:#003;}

.post {margin:0 0;padding:10px 0px 20px;border-top:1px solid #eee;}

.st0,
.status-0 {background-color:#ddd;color:#333;/*border-left:5px solid #333;*/font-style:italic;}

li.comment h4,
div.forumpost h4,
ul.forum h4,
ul.forum px {margin:0;padding:0;}
ul.forum p {margin:0;;}

li.replies-0.status-1 h4,
li.age-0 h4,
li.age-1 h4,
li.age-2 h4,
li.age-3 h4 {background:url('/assets/images/icons/new.png') no-repeat right 50%;padding-right:20px;}
ul.forum li.sticky-1 h4 {background:url('/assets/images/icons/sticky.png') no-repeat right 50%;padding-right:20px;}
ul.forum li.res-10 h4 {background:url('/assets/images/icons/lock.png') no-repeat right 50%;padding-right:20px;}
ul.forum li.res-11 h4 {background:url('/assets/images/icons/lock_open.png') no-repeat right 50%;padding-right:20px;}


/* submit sightings */


.submitform {
	border:none;
	background:none;
	padding:0;
}
 


.field label span {font-weight:300;font-size:0.9em;} 
 
/* display nones */
p.nds,
hr,
#skip,
body.aPhoto li.status_0,
 div#country_box,
div#country_box *,
#adminmenu {display:none;}

/* clears */

.clear {clear:left;}
div.clear {
  zoom:1;
  clear:both; 
  margin:0;
  height:0;
}

.item-clear {clear:both;flex-wrap:wrap}



blockquote {font-style:normal;background:url('/assets/images/quote_open.png') top left  no-repeat #e7f2fa;padding:10px;}

div#commentarea {display:none;}



ins,#revisions ins {background:#dfd;color:#070;font-weight:bold;}
del,#revisions del {background:#fdd;color:#700;font-weight:bold;}

#sighting-form {display:none;}


#loginbox .field {width:50%;float:left;}
#loginbox .field input[type="text"] {width:98%;}
#loginbox #lgn {clear:both;}


p.obx,
p.obt,
p.obl {padding:4px 4px 4px 24px;margin:5px 3px 0 0;border-top:1px dashed #77f;}
p.obl {background:url('/assets/images/icons/calendar.png') 2px 50% no-repeat;}
p.obu,
p.obt {background:url('/assets/images/icons/report.png') 2px 50% no-repeat;}
p.obux {background:url('/assets/images/icons/cross.png') 2px 50% no-repeat;}
p.obx {background:url('/assets/images/icons/report_link.png') 2px 50% no-repeat;}
p.obux,
tr.seen p.obu {padding:4px 4px 4px 24px;margin:0 3px 0 0;}
p.obux {color:#a00;font-weight:bold;}
p.obu {color:#030;;}

/* form stuff, part 2 */
ul.photos-m {
  margin:1em 0px;
}
ul.photos-m li {
  display:inline;
}

ul.photos-m li img {width:auto!important;height:auto;;border:5px solid white;box-shadow:0 0 3px #666;
margin:7px;}


fieldset.sighting_validation {display:none;}

#sightinglist p {margin:0 7px;padding:0;}




i.h {overflow:hidden;display:inline-block;width:1px;text-indent:-9999px;color:#fff;font-size:1px;position:absolute;bottom:0;left:0;}



#content img#preview {
    max-width:500px;
	width:100%;
    border: 1px solid #009;
    margin: 10px 0;
  }
  


#maincats i {display:block;font-size:10px;padding:1px 5px;}





.action_button {font-weight:bold;}

li.b {font-weight:bold;}



p#sighting_validation {display:none;}








/* tagger */

.tagsinput { border:1px solid #DDD; background: #f4f4f4;margin:3px 0 0 0; padding:6px; width:100%; height:200px; overflow-y: auto;float:right;}
.tagsinput span {max-width:400px;}
.tagsinput .tag {border-radius:3px; display: block; float: left; padding:6px; text-decoration:none; background: #5cb85c; color: #fff;  margin:0 5px 5px 0;  max-width:400px;transition:background 0.3s ease-in;position:relative;font-size:1rem;font-weight:300;height:auto;line-height:1.2}
.tagsinput .tag a {position:absolute;top:0;right:0; font-weight: bold; color: #fff; text-decoration:none; font-size: 9px; padding:0 2px } 
.tagsinput .tag:hover {background:#d9534f;}

.tagsinput input { width:150px; margin:0 5px 5px 0;  border:1px solid transparent; padding:3px 5px; background: transparent;    margin-right:5px; margin-bottom:5px; }
.tagsinput input:focus {box-shadow:none;}
.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0; }
.not_valid {background: #d9534f; color: #fff;}


/* landing page */
 




#zintro {background:#FFd;padding:10px;  font-size:1.2em;box-shadow:0 0 8px #ccc;margin:5px 10px;border:1px solid #aaa;}

.third .adtl {padding:0;}
.adtl {text-align:center;padding:10px;}
.adtl img {border:1px solid #2c3e50;}

td.eip {position:relative;}
td.eip .inplace_field {position:absolute;top:0;left:0;z-index:9999;width:auto;}
.user1 .eip .inplace_field { width:500px;}


.eipn {border:1px dashed #289ad0;background:#f8f8f8;padding:5px 10px;margin:10px 0 5px;min-height:20px}
.eipn .inplace_field {height:100px;}
/* 2017 */



 
.banner + #content > div  .xnews-image-box,
.banner + #content > div .bx,
/*.banner + #content > div p.date,*/
.banner + #content > div > .tabs ~ h2 ,

.banner + #content > div > h2:first-child {display:none}


 



/* user box */


	.user-box {margin:13px;border:1px solid #289ad0;border-radius:4px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;color:#000;position:relative;height:88%;background:#f7f9ff;overflow:hidden;box-shadow:0 1px 4px #999;padding:0!important;;line-height:1.2;}
	.user-box:hover {background-color:#fafafa}
	
	.user-box-title{font-size:1rem;font-weight:600;padding:10px;margin:0 0 1rem;border-bottom:1px solid #289ad0;color:#003;background-color:#e7f2fa}
	.user-box-copy {padding:0 15px;display:block;font-size:0.8rem;}
	.user-box-copy p {font-size:0.9rem;}
	 


/* 2024 items */

.items {display: inline-flex;justify-content: justify;flex-wrap: wrap;-webkit-gap:15px;gap:15px;padding:12px 4px;width:100%;;margin-bottom:20px}

.grid_row + .items {margin-top:20px;}

.items__highlight {margin: 1rem -0.5rem;background: #fefae5;width: calc(100% + 1rem);padding: 15px;}

.page- .items__highlight {margin-top:-10px;}

.items__c2a {margin: 1rem -0.5rem;background: #eee;width: calc(100% + 1rem);padding: 15px; 

background: rgb(238,238,238);
background: -moz-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(254,250,229,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(254,250,229,1) 100%);
background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(254,250,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#fefae5",GradientType=1); }


/*.items + .items {margin-top:20px;}*/



	.item {width:100%;padding-bottom:1rem; }
	.ixtem h3 {margin:0 0 3px;background:red}




.xitem-heading {margin:0;width:calc(100%);}
.xitem + .xitem-heading {margin-top:20px; }

.xitem-heading h3 {margin:0;}
.xitem-heading p {padding:5px;margin:0;}


	.xitem {
		background:#666;
		box-shadow:-2px 2px 4px #bbb;
		border:1px solid #373737 ;		
		color:#eceffb;
		display:block;
		height:120px;
		list-style:none;
		margin:0;
		overflow:hidden;
		position:relative;
		text-align:left;
		transition:all 0.2s ease-in;
		width:calc(100%);
	}
	
	.xitem__thumb {width:calc(33.333333% - 10px);height:auto;}	
	
	.xitem__need {border:2px solid #900;}
	.xitem__tall {height:166px!important;}
	
	.xitem:hover {border-color:#fad300;box-shadow:-2px 2px 4px #999;color:#fad300}

	.xitem__noimage {flex-grow:1;width:calc(50% - 7.5px);max-width:calc(100%);}
	
	.items__mini  .xitem {width:calc(50% - 7.5px)!important;max-width:calc(50% - 7.5px)!important;}
	.xitem__third {width:calc(33.333333% - 10px)!important;}





	.xitem-link {
		background:rgba(0,0,0,0.5);
		color:inherit;
		cursor: pointer;
		display:block;
		font-size:1.3rem;
		font-weight:700;
		height:100%;
		line-height:1.1;
		letter-spacing:-1px;
		padding:10px;
		position:relative;
		text-align:left;
		text-shadow:1px 1px 1px #000;
		-webkit-transition:all 0.2s ease-in;
		transition:all 0.2s ease-in;
		z-index:1;
	}
	.xitem-link:hover {
		color:#fad300;
		text-decoration:none;
	}

	
	.xitem-stats {
		display:block;
		font-size:1rem;
		font-weight:600;
		margin:0;
		padding:3px 0 0 0;
		letter-spacing:0;
	}

	.xitem-intro {
		display:block;
		font-size:0.8rem;
		line-height:1rem;
		letter-spacing:0;
		font-weight:400;
		margin:0;
		max-height:3.2rem;
		padding:5px 0;
		overflow:hidden;
	}
	
	.xitem-image {
		bottom:0;
		height:100%;
		left:0;
		-webkit-object-fit:cover;
		object-fit:cover;
		opacity:1;
		position:absolute;
		width:100%;
		z-index:0;
	}
	
	.xitem-fade .xitem-image {-webkit-filter: grayscale(99%); /* Safari 6.0 - 9.0 */
	filter: grayscale(99%);}	
	
	.xitem-checkbox {position:absolute;bottom:0px;right:0px;z-index:2;background:#900;color:#fff;font-size:10px;padding:5px;border-radius:5px 0 0 0}
	.xitem-checkbox input {margin:0 0 0 5px}



.xitem__news {background:#333;height:130px;}
.xitem__news .xitem-image {width:68%;right:0;left:auto;}
.xitem__news .xitem-link {text-shadow:none;/*font-size:1.2rem;font-weight:600;*/color:#fad300;padding-right:44%;}
.xitem__news .xitem-stats {font-size:0.9rem;color:#fff}
.xitem__news.xitem__noimage .xitem-link {padding-right:10px; }


.xitem__news .xitem-link { 
background: rgba(0,0,0,0.5);  
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
background: linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
 
 }


.xitem__intro {background:#333;height:130px;border:none;box-shadow:none;width:100%}
.xitem__intro .xitem-image {width:68%;right:0;left:auto;}
.xitem__intro .xitem-link {text-shadow:none;/*font-size:1.2rem;font-weight:600;*/color:#000;padding-right:44%;}
.xitem__intro .xitem-intro {font-size:1rem;}
.xitem__intro.xitem__noimage .xitem-link {padding-right:10px; }


.xitem__intro .xitem-link { 
background: rgba(255,255,255,0.5);  
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 55%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 55%);
background: linear-gradient(90deg, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
 
 }



/* new CARDS */


	.card {
		background:#fff;
		box-shadow:-1px 1px 8px #bbb;
		color:#111;
		display:block;
		list-style:none;
		margin:0;
		overflow:hidden;
		position:relative;
		text-align:left;
		transition:all 0.2s ease-in;
		width:100%;
		border-radius:8px
	}
	.card:hover {
		background:#fffefa;		
		box-shadow:0 0 10px #999;
	}


	.card__c2a {border-radius:0 0 8px 8px;border-top:4px solid #fad300;}
	.card__c2a {width:calc(50% - 7.5px);}
	.card__share {width:100%;}
	
	
	.card_caption {padding:10px 16px 16px;color:#333;display:block;line-height:1.24}	
	a.card_caption:hover {color:#000;}
	
	.card_photos {height:246px;border-bottom:3px solid #fad300;overflow:hidden;position:relative;}
	.card_photos__XX {height:auto;}


	.card__forum {border-radius:0;}	 
		
	.card__reports {border:1px solid #333;border-radius:0;background:#fffefa}
	.card__reports:hover {background:#fff;}
	.card__reports .card_photos {border-bottom:3px solid #333;}
	
	.card__reports .card_photo_text,
	.card__reports .button {background-color: #333;color:#fad300; }


		
	.card__times {border:1px solid #1b7285;border-radius:0;background:#fffefa}
 	.card__times .card_photos {border-bottom:1px solid #1b7285;}
	
	.card__times .card_photo_text,
	.card__times .button {background-color: #1b7285;color:#fff; }

	
	.card_link {position:relative;float:left;;display:block;width:100%;height:100%;}
	a.card_link {cursor:zoom-in;}
 	
	.xcard_link:after {
	  box-shadow: inset 0 0 8px  rgba(0,0,0,0.29);
	  content: '';
	  display: block;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  width: 100%;
	}

	

	.card_photo {width:100%;height:100%;object-fit:cover;border:0px solid #fff;display:block;  }
	
 	.card_photo_text {font-family:Poppins,Helvetica,Sans-Serif;display:block;padding:2px 10px 2px 10px;position:absolute;bottom:0;left:7px;font-weight:bold;color:#000;background:#fad300;border-radius:5px 5px 0 0;z-index:3;box-shadow:0 0 5px #000}


	
	.liked__1 .card_photo {border:0px solid #fad300;}

	.card_photos__1 .card_link { }
	.card_photos__2 .card_link {height:50%; }
	.card_photos__3 .card_link ,
	.card_photos__4 .card_link {width:50%;height:50%}
	.card_photos__5 .card_link ,
	.card_photos__6 .card_link {width:33.333333%;height:50%}
	.card_photos__7 .card_link ,
	.card_photos__8 .card_link {width:25%;height:50%}
	.card_photos__9 .card_link {width:33.333333%;height:33.333333%}
	
	.card_photos__3 .card_link {height:50%;xwidth:47%}
	.card_photos__3 .card_link:nth-child(1) {xwidth:53%;height:100%}	

	.card_photos__5 .card_link {xheight:47%}
	.card_photos__5 .card_link:nth-child(1)   ,
	.card_photos__5 .card_link:nth-child(2)  {width:50%;xheight:53%}	
	
	.card_photos__7 .card_link:nth-child(1)   ,
	.card_photos__7 .card_link:nth-child(2)   ,
	.card_photos__7 .card_link:nth-child(3)  {width:33.3333%;}	

	.card .button {float:none;margin:10px 10px 0 0;display:inline-block;padding:8px;}

  	 
	 .card_photos__2 .card_link:nth-child(1),

	 .card_photos__3 .card_link:nth-child(2), 

	 .card_photos__4 .card_link:nth-child(1), 
	 .card_photos__4 .card_link:nth-child(2), 

	 .card_photos__5 .card_link:nth-child(1), 
	 .card_photos__5 .card_link:nth-child(2), 

	 .card_photos__6 .card_link:nth-child(1), 
	 .card_photos__6 .card_link:nth-child(2), 
	 .card_photos__6 .card_link:nth-child(3), 
	 
	 .card_photos__7 .card_link:nth-child(1), 
	 .card_photos__7 .card_link:nth-child(2), 
	 .card_photos__7 .card_link:nth-child(3), 
	 
	 
	 .card_photos__8 .card_link:nth-child(1), 
	 .card_photos__8 .card_link:nth-child(2), 
	 .card_photos__8 .card_link:nth-child(3), 
	 .card_photos__8 .card_link:nth-child(4), 
	 
	 .card_photos__9 .card_link:nth-child(1), 
	 .card_photos__9 .card_link:nth-child(2), 
	 .card_photos__9 .card_link:nth-child(3), 
	 .card_photos__9 .card_link:nth-child(4), 
	 .card_photos__9 .card_link:nth-child(5), 
	 .card_photos__9 .card_link:nth-child(6), 
	 
x	 {border-bottom:1px solid #fff;}

	 .card_photos__3 .card_link:nth-child(1),
	 
	 .card_photos__4 .card_link:nth-child(1),
	 .card_photos__4 .card_link:nth-child(3),

	 
	 .card_photos__5 .card_link:nth-child(1),
	 .card_photos__5 .card_link:nth-child(3),
	 .card_photos__5 .card_link:nth-child(4),

	 .card_photos__6 .card_link:nth-child(1), 
	 .card_photos__6 .card_link:nth-child(2), 
	 .card_photos__6 .card_link:nth-child(4), 
	 .card_photos__6 .card_link:nth-child(5), 

	 .card_photos__7 .card_link:nth-child(1), 
	 .card_photos__7 .card_link:nth-child(2), 
	 .card_photos__7 .card_link:nth-child(4), 
	 .card_photos__7 .card_link:nth-child(5), 
	 .card_photos__7 .card_link:nth-child(6), 
	 

	 .card_photos__8 .card_link:nth-child(1), 
	 .card_photos__8 .card_link:nth-child(2), 
	 .card_photos__8 .card_link:nth-child(3), 
	 .card_photos__8 .card_link:nth-child(5), 
	 .card_photos__8 .card_link:nth-child(6), 
	 .card_photos__8 .card_link:nth-child(7), 
	 
	 .card_photos__9 .card_link:nth-child(1), 
	 .card_photos__9 .card_link:nth-child(2), 
	 .card_photos__9 .card_link:nth-child(4), 
	 .card_photos__9 .card_link:nth-child(5), 
	 .card_photos__9 .card_link:nth-child(7), 
	 .card_photos__9 .card_link:nth-child(8), 

	 x	 {border-right:1px solid #fff;}
 	 
	  
	 
	.card b {font-family:Poppins,Helvetica,Sans-Serif;display:block;margin:4px 0px;}
	.card_date {font-size:0.85em;line-height:1.2;display:block}
	.card_comment {font-size:0.9em;line-height:1.2;display:block;padding:10px 0 0;font-weight:500;}

	.card_commentXX:before{
		font-family: "Material Symbols Outlined";
		content: "chat_bubble";
		font-size:24px;float:left;margin:0 6px 0 0;
	}


	.liker {position:absolute;bottom:0;right:0;display:block;;cursor:pointer;z-index:1;text-indent:-99px;font-size:1px;overflow:hidden;width:24px;height:24px;background:url('/assets/images/liker.png') rgba(50,50,50,0.75) no-repeat 1px 50%;background-size:46px 20px;transform:scale(1);border-radius:5px 0 0 0}
	.liker.liked__1 {background-position:-22px 50%;background-color:#373737}
	
	.liker.liked__1 {
	  -webkit-animation: beat 0.8s ease-in-out backwards;
			  animation: beat 0.8s ease-in-out backwards;
	}
	
	.likers {position:absolute;bottom:3px;right:3px;display:block;;cursor:pointer;z-index:1;padding-right:24px;font-size:13px;overflow:hidden;width:60px ;height:20px;background:url('/assets/images/liker.png') no-repeat 40px 50%;background-size:46px 20px;color:#fff; text-align:right;line-height:20px;font-weight:bold;}

	.liked_count { padding-left:26px; display:block;background:url('/assets/images/liker.png') no-repeat -23px 50%;background-size:46px 20px;line-height:20px; ;}

	.card_plip {background:#333;color:#fad300;position:absolute;top:0px;left:0px;padding:4px 8px;display:inline;block;font-size:0.85rem;font-weight:600;;border-radius:0 0 8px 0;font-family:'Poppins'; box-shadow:0 0 2px #000}
	
	.card_checkbox {border-top:1px solid #ccc;background:#eee;color:#111;position:absolute;left:0;bottom:0px;right:0px;padding:6px 8px;display:block;font-size:0.85rem;font-weight:600; margin:0;text-align:right;}
	.card_checkbox input {margin:0 5px!important;}
	.xitem__need + .card_caption {padding-bottom:44px; }
	
.greyedout img {filter:grayscale(0.9);}


/* little year filter */

.your_sightings {position:relative;}

.mini_filter {position:absolute;right:4px;top:6px;width:calc(50% - 8px);border:0;padding:0;background:none;}
.mini_filter select {width:calc(100% - 110px);float:left;padding:3px 6px;}
.mini_filter .button {width:90px;float:right;padding:5px 6px;clear:none;}

.sighting_group {border-bottom:1px solid #e7f2fa;margin:1rem 0 2rem;padding-bottom:0;}


 .photo_progress.noway {opacity:0.5;}

/* c2a boxes (goes in items loop) 	
.c2a {width:calc(50% - 6px);;border-left:5px solid #2980b9;background:#d7eaf6;padding:10px 10px 10px 15px}
	.c2a__user {border-color:#fad300;background:#fff8d3;}
	.count_0 {border-color:#c0392b;background:#f8e1df;}
	.c2a h4 {margin:0 0 5px;font-size:1.2rem;padding:0}
	.c2a p {padding:0;margin:10px 0;font-size:1rem;line-height:1.3;}
*/ 
	
/* thumbnails */

 
.thumb,
.thumb__medium {width:100%;height:100%;display:block;object-fit:cover;max-height:400px; ;}

.ni {position:relative;overflow:hidden;}

.photograph {/*width:auto;max-*/width:100%;height:auto;display:block;border:2px solid #333;margin:0 auto;}


#spacer {position:absolute;top:0;left:0;width:100%;height:900px;z-index:99;border:0;box-shadow:0;}



ul.thumbs img,
td.photo img {width:100px;height:auto;border:1px solid red;} /* legacy */

#photostring li {float:left;margin:3px;}

.thumb_label {
position: absolute;
  bottom: 0;
  right: 0;
  background: #373737;
  color:#fad300;
  padding: 4px;
  margin: 0;
  font-size:0.8rem;
  border-radius:6px 0 0 0;
}
.thumb_label__current {background:#fad300;color:#000;}

/* tag cloud */
.tag-cloud {margin:0 5px 8px 5px;;}

.tag-cloud , 
.tag {list-style:none;;padding:0;}

.tag {margin:0 8px;line-height:2.2rem;;height:2.2rem;display:inline-block;font-size:0.8rem;font-weight:normal;}
	.w0  {font-size:0.8rem;}
	.w1  {font-size:1rem;}
	.w2  {font-size:1.25rem;}
	.w3  {font-size:1.5rem;}
	.w4  {font-size:1.75rem;}
	.w5  {font-size:2rem;}


/* news articles */
 
.news-image-box {
	border:1px solid #2980b9;
	position:relative;
	transition:border-color 0.2s ease-in;
		max-width:400px;margin:0 auto;

}

	.news-image-box:hover/*,
	.news-image-box:hover .news-overlay  */{border-color:#000;}
	
.news-image  {
  border:none;
  display:block;
  height:auto;
  width:100%;
}
.news-overlay {
	background:rgba(41,128,185,0.75);
	border:none/*-top:2px solid #2980b9;*/;
	bottom:0;
	color:#fff;
	font-size:0.8rem;
	font-weight:600;
	line-height:1.1;
	margin:0;
	padding:4px 8px;
	position:absolute;
	right:0;
	text-align:right;
	transition:border-color 0.2s ease-in;
	width:100%;
}
.news-overlay b {font-size:0.9rem;/*font-weight:300;*/}


 

/* CATEGORY LISTS */
.categories {
	list-style:none;
	margin:0;
	padding:0;
}

.category {
	background-repeat:no-repeat;
	border-bottom:1px solid #efefef;
	border-left:3px solid #fff; 
	margin:0 0 1px 0;	
	padding:4px 7px;
	clear:both;
}
.categories > .category:first-child {border-top:1px solid #efefef;}

.category__heading {font-size:1.2rem;padding:2rem 12px 5px;;margin:0;color:#000;font-weight:400;;}
	.category__heading b {font-weight:600;}

.percent {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/+PyfwAJkwPLP44bRQAAAABJRU5ErkJggg==); 
	border-left:3px solid #fad300;
}

.percent_100 {
	 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO8+//ufwAJNAO6jIeVeAAAAABJRU5ErkJggg==); 
	 border-left:3px solid #27ae60;
	 font-weight:bold;
 }
.percent_0 {
	border-left:3px solid #c0392b;
}
.percent_e {
	border-left:3px solid #e67e22;
}

.category.status_0 {
	border-left:3px solid #333;
}

.category-you {
	border-left:3px solid #289ad0!important;
 	background:#e7f2fa;
	
}
.category-you__p {
	margin-top:20px;
	
}
.category-pos__1  {
	border-width:2px 0 0 3px;
	border-top:2px solid #daa520!important;
		background:#fcf7ea;
	border-bottom:none;
}

.category-pos__2  {
		border-top:2px solid #C0C0C0;
	border-bottom:none;
		background:#f1f1f1;

}

.category-pos__3  {
		border-top:2px solid #CD7F32;
		background:#fbf5ef;

}

.pos {display:block;float:left;height:36px;width:36px;border-radius:18px;text-align:center;line-height:34px;font-size:20px;margin-right:12px;background:#eef;font-weight:bold;font-family:Georgia}

.category-you .pos {
	background:#289ad0;
}
 
 
 
.category-pos__1 .pos {
	background:#DAA520;
}

.category-pos__2 .pos {
	background:#C0C0C0;
}

.category-pos__3 .pos {
	background:#CD7F32;
}

.category-pos__99 .pos {
	background:#fee;
}
 



/* sightings */
.news_item .o,
.o {padding:2px 8px 2px 12px;margin:0 0 4px;transition:background-color 0.1s ease-in;clear:both;padding-right:0;line-height:1.2;}

.o:hover {background-color:#e7f2fa;}

 
.highlight_1_1 {	border-left:3px solid #fad300;background:#fff8d3;}

.highlight_99 ,
.highlight_3 ,
.highlight_need{	border-left:3px solid #c0392b;background:#f8e1df;}

.highlight_0 {	/*border-left:5px solid #333*/;background:#eee;font-style:italic;}


.highlight_need,
.highlight_0,
.highlight_3,
.highlight_99,
.highlight_1_1 {padding:3px 0 3px 8px;}

.highlight_8 {font-family:Consolas,'Courier New',monospace;}



.a1 .o {font-weight:100;}
.a1 .highlight_1_1,
.a1 .highlight_Y {font-weight:500;}

.highlight_1_0 ,
.highlight_0_1 {	border-left:3px solid #fad300;padding-left:4px;background: repeating-linear-gradient(
  -45deg,
  #fff8d3,
  #fff8d3 5px,
  #eee 5px,
  #eee 10px
);;}

.o a {color:#003;}
.o .e,
.o a:hover {color:#06f;}

.o i {font-size:0.75em;}

.e {float:right;font-size:0.75em;opacity:0.25;}

.e:hover {;opacity:1}

.sighting_friend {float:right;color:#333;font-size:0.8em;font-weight:300;padding:2px 5px}



/* VEHICLE PAGES */
#facts {/*border-bottom:1px solid #b2b2e0;background:#fef;padding:5px;*/}
.fact {;border-bottom:1px solid #efefef;font-weight:300;font-size:1.1rem;margin:0px;line-height:1.3;padding:3px 5px;color:#004;}
.X_fact__evn {background:#F9D200;border-color:#fff}
	.fact strong {display:block;font-weight:300;font-size:0.75rem}
	.fact_known {color:#000;font-weight:400;}
	.fact_unknown {color:#900;font-weight:300;;}
	.facts p i,
	.fact i {font-size:0.8rem;color:#ec0016;font-style:normal;}






 /* TABS */
.tabs {border:none;-webkit-display:flex;display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:999;box-shadow:0 0 5px #666;border-top:1px solid #666}

.tab {flex:1 1 0;-webkit-flex:1 1 0;background-position:50% 6px;background-size:24px 24px;background-repeat:no-repeat;color:#333;cursor:pointer;margin:0;font-size:0.7rem;padding:34px 0 5px;-webkit-transition:all 0.1s ease-in;;transition:all 0.1s ease-in;cursor:pointer;border-left:0px solid #fff;text-align:center;font-weight:600;position:relative;opacity:1;height:56px;overflow:hidden;}

.tab__a {padding-top:0;}

.tab:first-child {border-left:none;}

#tab_1 {background-image:url('/assets/images/glyphicons/glyphicons-basic-196-circle-empty-info@2x.png');}
#tab_2 {background-image:url('/assets/images/glyphicons/glyphicons-basic-72-book@2x.png');}
#tab_3 {background-image:url('/assets/images/glyphicons/glyphicons-basic-88-book-log@2x.png');}
#tab_4 {background-image:url('/assets/images/glyphicons/glyphicons-basic-421-book-play@2x.png');}

.tabs__profile #tab_1 {background-image:url('/assets/images/glyphicons/glyphicons-basic-72-book@2x.png');}
.tabs__profile #tab_2 {background-image:url('/assets/images/glyphicons/glyphicons-basic-235-chat-conversation@2x.png');}
.tabs__profile #tab_3 {background-image:url('/assets/images/glyphicons/glyphicons-basic-44-user-group@2x.png');}
.tabs__profile #tab_4 {background-image:url('/assets/images/glyphicons/glyphicons-basic-11-envelope@2x.png');}

#tab_i {background-image:url('/assets/images/glyphicons/glyphicons-basic-196-circle-empty-info@2x.png');}
#tab_p {background-image:url('/assets/images/glyphicons/glyphicons-basic-12-camera@2x.png');}


.tabs .icon_sightings {background-image:url('/assets/images/glyphicons/glyphicons-basic-72-book@2x.png')!important;}
.tabs .icon_you {background-image:url('/assets/images/glyphicons/glyphicons-basic-88-book-log@2x.png')!important;}
.tabs .icon_photos {background-image:url('/assets/images/glyphicons/glyphicons-basic-12-camera@2x.png')!important;}
.tabs .icon_nearby {background-image:url('/assets/images/glyphicons/glyphicons-basic-196-circle-empty-info@2x.png')!important;}
.tabs .icon_info {background-image:url('/assets/images/glyphicons/glyphicons-basic-196-circle-empty-info@2x.png')!important;}


	.tab:hover,
	.tab__active {opacity:1;background-color:#eee;background-size:30px 30px;background-position:50% 3px;}
	

.tab span {position: absolute;
top: 0px;
right: 0px;
background: #fff;

font-size:0.9em;
font-weight:700;
color:#000;

padding:1px 4px;
border-radius:0 0 0 4px;
display:xnone;
}

span.none {color:#c0392b;;}

.tab_box > h3:first-child {margin-top:0;}

	
.tab a {color:inherit;;padding:4px 10px;display:block;}

.tab__a a {padding-top:34px; }



.tab_box {display:none;padding:0 0 ; }
.tab_box__show {display:block;}






/* TABLES */


table {
  border-width:1px 0px;
  border-style:solid ;
  border-color:#ccc;
  color:#000;
  font-size:1.1em;
  font-weight:normal;
  margin:1em 0;
  border-collapse:collapse;
  width:100%;
  
}

.fleet thead {display:none;}

th {
  background-color:#ccc;
  color:#000;
  font-weight:bold;
  text-align:left;
  padding:3px 2px;
}

tr {
	background:#fff;
	border-width:1px 1px 0 3px; 
	border-color: #ccc;
	border-style:solid;
}
	.fleet tbody tr {display:block;}

	.tr__watchlist 	{border-color:#fad300;background:#fffbe6;color:#000;} 

	.tr__unseen 	{border-color:#c0392b;background:#f8e1df;color:#200;} 
	.tr__18,
	.tr__7 			{border-color:#999999;color:#999999;font-style:italic;} 
	.tr__4,
	.tr__5,
	.tr__6,
	.tr__10,
	.tr__11,
	.tr__12,
	.tr__13,
	.tr__14,
	.tr__15			{border-color:#333333;background:#eeeeee;color:#333;font-style:italic;} 
	.tr__seen   	{border-color:#27ae60;background:#ddf7e8;color:#020;} 
	.row-selected 	{border-color:#fad300;background:#fff8d3}


	.tr__unseentops 	{border-color:#c0392b;background:#f8e1df;color:#200;} 
	.tr__unseentops b {color:#c0392b;font-size:0.7em;font-family:'Courier New',Courier,fixed;line-height:10px}

td {
  margin:0;
  padding:5px ;
  line-height:1.2;
  vertical-align:top;
}


.col {clear:both;display:none;background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVJJREFUWIXtkr9Kw1AUxr9z05RSKEiX0oLgLP4pSYMdRMV36CLipK9QcNKx+Aouirj4IkJvQ00d7CDoUIiig+JkG+9x0EhyG/QBvL/tfJzvfN8NAQwGg8FgMBgM/x3KEpdcd5VJdAhcJqbTwJdHADi5U3e8LUWqTSwULHQCKS+0M2LZ9fZB2AbwLAjtvpSXfxaYbzbL9nhyDyFKscbgnUGvd/YT3mh4DOombAyCE0h5FQuLjrcrBI7jWQEveVZzvu+/plrqBfJR5CTDv87zZnJUwLr+EMWc0ojUhhY080FU1/OmCnAud6OASVoU/ZSJOdB9IOqnR9J3xpFlDXWbpQuPo9FbpVq9ZaI1BvIEPrHBh2EYqnjnIQzvKrWaYtAKAe/MOLjuyfPknVKx6NuFwiwrXiDmJ4LYG8huV8/7DWq1WlMFNQQyvmKS7xuZP7vBYACAT9pHcMrjm5/HAAAAAElFTkSuQmCC);
background-position:right bottom;
background-size:16px auto;
width:100%;
cursor:pointer;
border-top:1px solid #fff;
min-height:70px;
}

.fleet tbody td {float:left;}
.fleet tbody .t-photo {float:right;}
.col__show {display:block;}

.t-checkbox {max-width:32px;text-align:center;}
.t-number {font-weight:bold;}
.number {
  font-size:1.2rem;
}


.t-workings {font-size:0.95rem;}
.t-workings a {color:#003;}
.t-workings a:hover {color:#00D;}
.t-workings del {color:#900;}

.t-photo {position:relative; }
.t-photo a {display:block;}
.list-thumb {display:block;width:100%;max-width:141px;height:auto;border:1px solid #373737;}

a.req {display:inline-block;padding:3px;border-radius:0 0 0 0;color:#000;background:#fad300;border:1px solid #333;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:5px;right:5px;opacity:0.98}
a.req__pn {background:#fa0027;color:#fff;}
a.req__you {background:#000;color:#fad300;}

	tr.row-more {/*height:1px;*/overflow:hidden;background:#eef;padding:0;cursor:pointer;}
	tr.row-more:hover td,
	tr.row-more td {padding:0;height:1px;border-bottom:1px solid #ccf;}
	tr.row-more span {display:none;}
	tr.show_all td {text-align:center;font-weight:bold;background:#EEF;}

	.a1 tr.obtl {border-color:#075369!important;background:#e6edf0}

.sightings_table a,
.xpop {cursor:pointer;font-weight:600;}


/* overlay form for submitting & flagging  sightings */

.overlay {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:9999;padding:65px 8px 10px;display:none;}

.overlay-close {background:#373737;color:#fad300;font-weight:400;font-size:0.8rem;line-height:26px;padding:0 10px;display:block;position:absolute;top:00px;right:00px; }
.overlay-close:hover {background:#000;color:#fff}

legend {display:none;}

/* forms */

fieldset {
	border-radius:0px;background:#fff;color:#373737;border:2px solid;
}

	.form {margin:0 0 30px;box-shadow:0 0 6px #999;padding:12px; background:#f3f3f3;}
	
	
	
.relative {position:relative;}
.relative_over {position:absolute;top:0;right:0; left:0;padding:10px;border:2px solid #fad300;background:#f9f9f9;box-shadow:0 0 3px #000}	
.relative_over p {font-size:0.9rem}	
	
 	
	.noway .form,
	.decline,
	.form_bad	{color:#c0392b;background:#f8e1df;}
	.form_good {color:#c0392b;background:#f8e1df;}

	.form__overlay {max-width:600px;margin:0 auto;position:relative;}

.filters {color:#fad300;background:#eee;margin:2rem 0;box-shadow:0 0 10px #999;padding:5px;border:none }


 
	
	
 .filters {
	padding:5px 10px;
	margin:10px -0.5rem
}

.filters input,
.filters select {width:calc(50% - 10px);float:left;margin:5px;background:#fff;height:36px;  line-height:34px;}
	
.filters .button { float:right;background:#fad300;height:auto;line-height:1.3}	
  




/* form text */
.form-heading {color:inherit; margin:0 -5px;}
.form-p {color:inherit;padding:0 0 0;margin:10px 0;line-height:1.2}

.form-headingxx {margin:-12px -12px 10px -12px;padding:8px 12px;background:rgba(0,0,0,0.1)}


/* field */
.field {padding:10px;clear:both;background:#fff;border:1px solid #aaa;margin:12px 0;border-radius:3px}
	.field__979 {background:#fee;display:none }


/* label + hints */
label {
	display:block;
	line-height:1.2;
	font-weight:500;
	margin:0 0 10px;
	padding:0 0 0 0;
	clear:both;
	font-size:0.95rem;
	color:#373737
}	

	.form-label {width:25%;float:left;padding:7px 0 0 0; }

	.form-label__friends {width:100%;}
	 
label i {color:#00a;font-size:80%;font-style:normal;}

.hint {margin:0;clear:both;font-size:0.8rem;font-style:italic;line-height:1.2;padding:5px 0 0; text-align:right;}



/* input */ 


select,
input,
textarea {
	background:#f3f3f3;
	border:1px solid #ddd;
	color:#373737;
	font-family:"Open Sans",Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:600;
	margin:2px 0;
	padding:6px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0;
	transition: border-color 0.4s ease;
	width:100%;
}

option{  
	color:#373737;
	font-family:"Open Sans",Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:400;
}

	.input__search {
		background-color:#ffffff;
		border-color:#000;
		font-size:1rem;
		margin:0;
		padding:4px 8px;
		-webkit-appearance: none;
	}

textarea {
	height:200px;
}

select:focus,
textarea:focus,
input:focus {box-shadow:0 0 5px #666;border-color:#000000;background:#ffffff;}

input[type="checkbox"] {width:auto;border:auto;padding:0;margin:0 5px 0 0;}
input[type="radio"] {width:auto;border:auto;padding:0;margin:0 5px 0 0;}


	.form-input {width:73%;float:right;margin:0}
	
	.friend-checkbox {margin:3px 0 0 10px;}


/* buttons */ 



.button,
button {float:right;background-position: 5px 50%;background-repeat:no-repeat ;border:0px;background-color:#fad300;cursor:pointer;font-weight:600;  font-size:0.9rem;color:#000;padding:8px 16px;transition:all 0.15s ease-in;-webkit-appearance: none;width:auto;margin:0 0 0 12px;border-radius:4px;}

	.btn-good,
	.button__good 	{background-color:#27ae60;;color:#fff}
	.btn-danger,
	.button__bad 	{background-color:#c0392b;color:#fff}
	
input.btn_disabled,
input[type="submit"]:disabled {
	background: #c0392b;
	cursor:not-allowed;
}	

.button:hover,
button:hover {background-color:#373737;color:#FAD300;border-radius:0;box-shadow:0 0 3px #999}
 
.forceLocation1 .button {display:none;}

.hideForm1 {display:none}

.button-upload {float:none;display:block;
	background-image:url('/assets/images/icons2025.png?aa');
	background-repeat:no-repeat;
	background-size:36px 288px;
border-radius:6px;
padding-left:47px;
background-position:4px -65px; 
}
.button-upload:hover {background-position:4px -210px;}
/* ?? */	
	.field__extra {display:none;}
	.show__extra {font-size:0.8rem;padding:10px 10px 0 0;float:left;}


	
	

	 .friend {width:50%;float:left;clear:none;;margin:0;text-align:right;padding:0 0 3px 0;font-weight:300;}
	 
	 



.x__large {float:none;width:100%;}
	

.radio_label {clear:none;width:auto;float:left;margin:0 5px 10px;background:#fff;border-radius:10px;padding:5px;;}
.radio_label__active {background:#efe;}


	
	
	
	
	
	
	
/* message alerts */
.azure,
.messagebox {
  background:#fff8d3;
  border:1px solid #fad300;
  font-weight:600;
  padding:10px 15px; /* 5 25 */
  margin:0 0px 1em; /* 0 5 5 */
 	 box-shadow:0px 0px 5px #999; 
	 border-radius:2px
}

	
	.form .messagebox {padding:5px 15px;margin:0;font-size:0.9rem;}
	
	.information,
	.help {
		border-color:#2980b9;
		background:#d7eaf6;
	}
	
	.sightings_added,
	.good {
		border-color:#27ae60;	
		background:#ddf7e8;
	}
	
	.copyright,
	.notseen,
	.warning {
	  border-color:#c0392b;
	  background:#f8e1df;
	}
	.azure,
	.editor {
		border-color:#e67e22;
		background:#fef9f5;		
		font-size:0.8rem;
	}

	.azure ul,.azure li {list-style:none;margin:0;padding:0 5px 0 0;display:inline;}

.gl_good {background:#27ae60;}
.gl_bad {background:#c0392b;}
.gl_maybe {background:#fad300;color:#000;}
.gl {font-weight:bold;display:inline-block;padding:3px 8px;margin-right:10px;}


#admin .messagebox {clear:both;}
/* paging */
.paging {padding:5px 10px;border-width:1px 0;border-color:#aaa;border-style:solid;background:#ddd;list-style:none;margin:1rem 0;font-size:0.8rem;}
.paging li {margin:0 10px 0 0;display:inline-block;}
.page-this {font-weight:bold;}

/* search results */
.search_results__ul {border:3px solid #fad300;background:#fff;z-index:999;box-shadow:0 0 5px #666;position:absolute;top:45px;left:0;right:0;width:100%;border-radius:0 0 5px 5px;}
.search_results li {border-bottom:2px solid #000;color:#fff;margin:0;background-size:cover;background-position:50% 50%;position:relative;}

.srch__top li:last-child  {background:#fad300;color:#000;text-align:right;font-weight:600;height:auto;border:none;;}

.search_results a {color:inherit;display:block;padding:13px 17px;min-height:75px}
.search_results span {font-size:11px;line-height:1.3;display:block;}

.srch__top li:last-child a {padding:4px 10px;min-height:0;color:#000}


.search_results a:hover {color:#fad300;}
.search_results li b {font-weight:600;}


.psearch {position:relative;}
.psearch .search_results__ul {top:0;left:0;width:auto;font-size:0.9rem}

li .select {color:#fff;background:#27ae60; position:absolute;right:0;top:0;display:block;font-size:0.9rem;padding:3px;min-height:auto;border-radius:0 0 0 3px;cursor:pointer;z-index:12}



.aj_photos {/*list-style:decimal*/;margin:0/* 0 20px*/;padding:0;}
.aj_photos li {/*margin-left:20px;*/position:relative;margin-bottom:1px;}
.aj_photos .ph-class {background:#aaa;}
.aj_photos li a.remove {color:#fff;border-color:#c0392b;border-width:0 0 1px 1px;border-style:solid;background:#c0392b;position:absolute;right:0;top:0;display:block;font-size:10px;padding:3px;min-height:auto;border-radius:0 0 0 3px;cursor:pointer;z-index:12}
.aj_photos li .select {display:none}

.aj_none {border:1px dotted #aaa;background:#fff;padding:5px;font-size:12px;margin:5px 0;list-style:none;}

.aj_photos li a:hover {color:#faa;}




/* ??? */
.cinfo {max-height:60vh;overflow:auto;}


 /* little edit/flag buttons */

a.js_flag {background:#fdc4bf;color:#c0392b;cursor:pointer;colxor:#fff;padding:3px 8px;font-weight:bold!important;float:right;border-radius:3px;background-size:20px 20px;font-size:13px;}

a.e,
a.js_button {background:#289ad0;color:#fff;cursor:pointer;color:#fff!important;padding:3px 8px;font-weight:bold!important;float:right;border-radius:3px;font-size:11px;margin-top:1px;}

a.e__p  {background:#fad300;color:#000!important;margin-right:5px;opacity:0.8}

 


/* grid stuff */

.padding-all {padding:4px;}
.g0p {width:33%;}
.g0n {width:50%;float:left;}

.grid_rightc {float:right;margin-left:10px;}


.field:after,
.banner-evn:after,
.o:after,
.author:after,
.photos:after,
.tag-cloud:after,
.fleet tbody tr:after,
.sub2:after,
.sub3:after,
.tabs:after,
.inner:after,
.article:after,
.grid_row:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {display:none;}





@media screen and (min-width: 600px) {

	.xitem,
	.item	{width:calc(50% - 7.5px);}
	
	.xitem__noimage {width:calc(33.333333% - 10px);max-width:calc(50% - 7.5px);}
	.xitem__thumb {width:calc(25% - 11.25px);height:auto;}	
	
	.card {width:calc(50% - 7.5px) ;max-width:100%;flex-grow:1;}


	.card__news {width:100%;}
	.card__news .card_photos {width:calc(50% - 7.5px);float:left;height:100%;border-bottom:none;}
	.card__news .card_caption {width:50%;float:right;}

	.card__reports .card_photos {border-right:1px solid #555;}
	.card__times .card_photos {border-right:1px solid #1b7285;}

	.card__full {width:100%;max-width:100%}
	.card__full .card_photos {width:calc(50% - 7.5px);float:left;height:100%;border-bottom:none;}
	.card__full .card_caption {width:50%;float:right;}

	.card_photo_text {right:0;left:auto;top:10px;bottom:auto;border-radius:5px 0 0 5px;box-shadow:0 0 5px #444;}
	
	#footer .g03 {width:33%;float:left;}
	#footer .g04 {clear:none;}

	
}

@media screen and (min-width: 800px) {
	.card {width:calc(33.333333% - 10px);}
	.card__news {width:100%;}
 	.card__full {width:100%;max-width:100%}
	
	.card__c2a {width:calc(50% - 7.5px);}
	.card__share {width:calc(50% - 7.5px);}
	
	.card .button {margin-top:20px;}

.ksp__top {padding-top:12px;text-align:center;}

}




@media screen and (max-width: 900px) {
	 
 .page-vehicle #pull_submit {transition:top 0.2s ease-in,right 0.2s ease-in;}
 .page-vehicle.fix #pull_photo,
 .page-vehicle.fix #pull_submit {position:fixed;top:10px;right:10px;z-index:101;background-color:#fad300;border-radius:99px;background-position:4px 4px;margin:0;box-shadow:0 0 5px #000; ;}
 .page-vehicle.fix #pull_photo { top:60px; background-position:4px -67px } 
 
 
  
	.page-vehicle.fix  .banner {position:fixed;top:0;z-index:99;width:100%;box-shadow:0 0 5px #666;border-top:3px solid #fad300;}
	.page-vehicle.fix  .banner-overlay {padding:35px 10px}
	  

	.page-vehicle.fix .banner-image {width:70%;height:100%;}
	.page-vehicle.fix  .banner-sub {display:none;}
	 
	 
	.page-vehicle.fix  .fade { background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
	 
	
	.fix.page-vehicle.not-seen #pull_submit	{box-shadow:0 0 5px #c0392b;}
	.fix.page-vehicle.not-seen .banner {
	  border-top: 3px solid #fad300;
	  border-image-slice: 1;
	  border-width: 3px 0 0 0;

	  border-image-source: linear-gradient(270deg,  rgba(192,57,43,1) 64px, rgba(250,211,0,1) 80px);
	}



.page-photo h2 {display:none;}
.page-photo #content {padding-top:0}
.ni {margin:0 -0.5rem 10px;width: calc(100% + 1rem);}
.photograph {border:none;border-bottom:2px solid #000;}


}