/* 
  2001
*/
@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:#000079;
	color:#fff;
	font-family:Arial,Helvetica;
	font-size:1rem;
	margin:0 0 0 0;
}
body {
	font-family:Arial;
	margin:0;
	
	 
	
}


/* tags */

a {text-decoration:none;color:#ff0;transition:color 0.25s ease-in,background-color 0.25s ease-in;}
a:hover {color:#000;}

/*
a img {
  border:1px solid #ccc;
}
a:hover img {
  border:1px solid #fad300;
}*/

form {
  display:inline;
}

h2,h3,h4,h5,h6 {color:#ff9900;clear:both;/*padding:0px 5px;*/font-weight:500;}

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

p.intro,
h2 + p {color:#ff0;font-weight:bold;font-size:1.1rem; }

.p__small {font-size:0.8rem;}


h2 {
  font-size:1.6rem;
  letter-spacing:-1px;
  margin:0 0 10px 0;
  font-weight:700;
  color:#fff;
  /*font-family:Melrose;font-size:3rem;line-height:1*/
}

h3 {
  font-size:1.4rem;
  font-weight:600;
  margin:2rem 0 5px 0;
  color:#ff0;
  background:#000;
  padding:4px;
}
h3.date {	  }


h3 span {font-size:0.8rem;font-weight:300;color:#999;display:block;}
h3 a {color:inherit;}


.heading_center {text-align:center;margin:0 0 10px;border:none;color:#000;}


.heading__gap {clear:both;padding-top:20px;margin:0 10px;color:#000;border-color:inherit;;}



h3 + p {margin-top:0;}
/*
	h3.date {color:#000;border-bottom:2px solid black;padding-top:2em;border-top:1px dotted #bbf;margin-top:5px;font-size:1.8em;}
	*/

h4 {
  font-size:1.3rem;
  margin:1em 0 0 0;
  font-weight:400;
  color:#ff0;
  padding:3px;display:inline-block;
}

h3 a,h4 a {color:inherit;}

.g08 h4 {margin-top:0;margin-bottom:5px;}


.subheading {font-weight:700; font-size:1.1em; }
p + .mainheading,
p + .subheading {margin-top:2.5em;}
.subheading ~ p {margin:5px 5px 8px;padding:0;}

img {
  border:0 solid #007;
}


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



header {
 	height:50px;
	margin:0;
	padding:0 0;
	width:100%;
	z-index:5;
border-bottom:2px solid black;
}


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

.logo {
 	float:left;
	height:48px;
	margin:0;
 	width:160px;
	max-width:250px;
 	color:#fff;
	font-size:16px;
	background:none;
	font-family:Arial,sans serif;
	padding:30px 0 0 2px;
	font-weight:bold;
	text-align:left;
	background:url('/medium/dr98003-dr80207-2b0354.jpg') no-repeat 0 50%;
	background-size:160px auto;
	
	overflow:hidden;
  }
.logo:hover {color:#ff0;}	
	



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

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

.footer-item {display:block;padding:3px 0;margin:0;font-size:0.85rem;color:#fff;position:relative;} 
.footer-item a {color:inherit;}
	.footer-heading {font-weight:600;color:#ff0;}

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



/* 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;
}

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




/* forms */

.photobox,
fieldset {
  background-color:#303;
  border:0px solid #fff;
  padding:7px 10px;
  margin:0 0 10px;
}


label {
  display:block;
  line-height:1.4;
  font-weight:600;
	margin:0;
	padding:5px 0 0 0;
	clear:both;
}

input + label,
textarea + label { padding:15px 0 0 0;}

label i {color:#00a;font-size:80%;font-style:normal;}

select,
input,
textarea {
  border:1px solid #000;
  color:#006;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1rem;
  font-weight:400;
  margin:3px 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:#006;
  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;
	}
/* 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 #0066ff;height:32px;margin:0;background-position:-8px -265px;cursor:pointer;}


.forceLocation1 .button {display:none;}


textarea {
  height:222px;
}

#in_article {height:400px;}

select:focus,
textarea:focus,
input:focus {box-shadow:0 0 5px #00a;border-color:#fff;;}


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


.button,
button {float:right;background-position: 5px 50%;background-repeat:no-repeat ;border:0px;background-color:#000;cursor:pointer;font-weight:600;  font-size:0.9rem;
color:#FFF;padding:8px 16px;transition:all 0.15s ease-in;-webkit-appearance: none;width:auto;margin-left:10px;border-radius:4px;}
	.btn-good,
	.button__good 	{background-color:#27ae60}
	.btn-danger,
	.button__bad 	{background-color:#c0392b}
	
input.btn_disabled,
input[type="submit"]:disabled {
  background: #c0392b;
  cursor:not-allowed;
}	
.button:hover,
button:hover {background-color:#009;color:#fff;border-radius:0;box-shadow:0 0 3px #999}

.show__extra {font-size:0.8rem;padding:7px 0;float:left;}


/* forum and comments */



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

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

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


li.comment p,
div.forumpost p {padding: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;border-bottom:1px solid #000;margin:0}
.comment,
.forumpost {padding:0px;}

/*
.forum_team {border-left:5px solid #e67e22;background:#fef9f5;}
.sticky-1 {border-left:5px solid #fff;background:#99ccff;}
.forum_you {border-left:5px solid #fad300;background:#fff8d3;}
*/

.tu-1 {background:#fee;}

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

.author {padding:10px;border-top:1px solid #000; 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;}
.author-info {width:calc(100% - 70px);float:left;}

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

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


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

.author h4{font-size:16px;margin:0;font-weight:700; padding:3px}
.author p {font-size:11px;margin:5px 0 0!important;;font-weight:600;color:#333;}
.author h4 span {font-size:11px;font-weight:400;color:#003;}

.post {margin:0 5px;padding:10px 20px 20px 10px}

.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 p {margin:0;padding:3px;}

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 textarea {height:75px;}
div.adder {clear:both;text-align:right;font-weight:bold;font-size:1.3em;}
div.adder a {background:url('/assets/images/icons/add.png') no-repeat right 50%;padding-right:20px;line-height:24px;margin:0;}

.submitform {
	border:none;
	background:none;
padding:0 10px;
}
 
.field {clear:both;}
.field label {font-weight:bold;}
.field label span {font-weight:300;font-size:0.9em;} 
 
/* display nones */
p.nds,
hr,
#skip,
body.aPhoto li.status_0,
legend ,
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 #ccffff;padding:10px;}

div#commentarea {display:none;}



#revisions ins {background:#dfd;color:#070;font-weight:bold;}
#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;;}

#admin {border:1px solid #009;box-shadow:0 0 3px #ccf;}

/* 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;}

/*
p.highlight_need {background:#Fdd;padding:3px 5px;text-shadow:0 0 2px #faa;margin:4px 0;border-radius:3px;}
p.highlight_1_1 {background:#FFc;padding:3px 5px;text-shadow:0 0 2px #ff0;margin:4px 0;border-radius:3px;}
p.highlight_0 {font-style:italic;opacity:0.7;}
p.highlight_3 {background:#fee;padding:3px 5px;;margin:4px 0;border-radius:3px;}
*/

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 #009; background: #FFF;margin:3px 0 8px 3px; padding:4px; width:98%; height:190px; 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 #0066ff;}

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 #0066ff;background:#f8f8f8;padding:5px 10px;margin:10px 0 5px;min-height:20px}
.eipn .inplace_field {height:100px;}
/* 2017 */

/* navigation */	
nav {
 	display:none;
	font-weight:300;
	margin:0;
	padding:10px;
	width:100%;
	z-index:5;
	position:absolute;
	top:45px;
	background:#000
}
.nav {clear:both;}
.nav-item {
	border-bottom:1px solid #000079;
	display:block;
 	padding:8px 6px;
	position:relative;
	margin:0;
	color:#fff;
 }
.nav-log {color:#ff0;font-weight:bold;}
.nav-photo {color:#ff0;font-weight:bold;}
.nav-event {color:#ff0;font-weight:bold;}

.nav-link { color:inherit;font-family:Arial,sans serif;font-size:12px;font-weight:bold}

.sub-item {display:block;padding:3px 15px;margin:0;font-size:11px;color:#fff;position:relative;}
	.sub-header {font-weight:600;color:#ff0;}
.sub-link {color:inherit;}
.sudiv {margin-top:7px;}
.nav a {display:block;}
.ubasic .link-upgrade {color:#fff;font-style:italic;}
.user0 .link-upgrade {color:#fff;font-style:italic;}
.nav-uu a {font-weight:600;color:#fff;}

.sub3 ul,
.sub2 ul {width:50%;float:left;}



/* 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;
}

.avatar__pull {position:absolute;top:2px;left:0;margin:0;height:40px;width:40px;border-color:#fff;border-width:2px;background:#000}
.avatar__menu {display:none;clear:both;margin:0 auto;;}

.pull:hover,
.on {
	opacity:0.8;
	color:#fff;
}
	
	.icon_add {
		background-position:-2px -88px;
	}
	.icon_menu {
		background-position:-2px -132px;
	}
	.icon_photo {
		background-position:-2px -176px;
		
	}
.icon_user {width:40px;background:none;}


.notification {background:#fff;color:#fff;font-weight:700;font-size:11px;display:block;padding:0 2px;position:absolute;top:4px;right:5px;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;}


/* banners */
.banner {
	clear:both;
position:relative;
	font-family:Arial,sans serif;
	width:calc(100% - 1rem);
	margin:0.5rem auto;
	
	max-width:500px;
	text-align:left;
}

.banner-image {width:100%;height:280px;object-fit:cover;xposition:absolute;right:0;top:0;z-index:0;}
 
.banner-overlay {display:block;margin:0;	padding:0;background:none;position:absolute;top:10px;left:10px;right:10px;z-index:1;text-align:center;}

.banner-title {color:#007;font-size:20px;font-weight:700; border:none;margin:0;background:none;padding:0;		 }

.banner-title .avatar {display:none}

.banner-sub {color:#007;font-size:16px;font-weight:700; margin:0;	padding:0;	 }

.banner-evn {display:none}


 

.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}

 


#recent_photos,
#recent_news {padding:0 0 20px 0;}






 
/* user box */


	.user-box {margin:13px;border:1px solid #0066ff;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 #0066ff;color:#003;background-color:#ccffff}
	.user-box-copy {padding:0 15px;display:block;font-size:0.8rem;}
	.user-box-copy p {font-size:0.9rem;}
	 


/* 2024 items */

.d1 .items {Xbackground:#fad300;}


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


	.item {width:100%;}
	.item h3 {margin:0 0 3px;}




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

.xitem-heading h3 {margin:0; }

 .xitem-heading__otpnet h3 {font-family:Arial,sans serif;color:#fff;background:none;font-size:2rem;text-transform:uppercase;}
 
 
	.xitem {
		background:#000079;
/*		box-shadow:-2px 2px 4px #bbb;*/
/*		border:1px solid #000000 ;	*/	
		color:#fff;
		display:block;
 		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% - 8px);height:auto;}	
	
	.xitem__need {border:2px solid #900;}
	
	.xitem:hover { color:#ff0}
	
 	
	.items__mini  .xitem {Xwidth:calc(50% - 6px)!important;}

	.xitem__third {width:calc(33.333333% - 8px)!important;}


	.xitem-link {
 		color:inherit;
		cursor: pointer;
		display:block;
		font-size:18px;
		font-weight:700;

		line-height:1.1;

		padding:0 0;
		position:relative;
		text-align:left;
 		-webkit-transition:all 0.2s ease-in;
		transition:all 0.2s ease-in;
		z-index:1;
		font-family:Arial,sans serif;
		width:65%;
		float:right;
	}
	.xitem-link:hover {
		color:#ff0;
		text-decoration:none;
	}

	.xitem__noimage .xitem-link {width:100%;}
	
	
	.xitem-intro,
	.xitem-stats {
		display:block;
		font-size:13px;
		font-weight:600;
		margin:0;
		padding:3px 0 0 0;
		font-family:Arial;

	}

	.xitem-intro{
		font-size:0.85rem;
		font-weight:400;
		max-height:50px;
		overflow:hidden;
	}

	
	.xitem-image {
		height:100px;
 
		-webkit-object-fit:cover;
		object-fit:cover;
		opacity:1;
	float:left;
		width:33%;
		z-index:0;border:1px solid #000;
	}
	
	.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}





	.card {
		color:#fff;
		display:block;
		list-style:none;
		margin:0;
		overflow:hidden;
		position:relative;
		text-align:left;
		transition:all 0.2s ease-in;
		width:calc(100%);
	}
	
	.card_caption {padding:10px;color:inherit;display:block;}	
	a.card_caption:hover {color:#fff;}
	
.card b {color:#ff0;display:block;margin:4px 0px;}	



	.card_caption {padding:10px;}	
	
	.card_photos {height:240px;}
	
	.card_link {position:relative;float:left;;display:block;width:100%;height:100%;transition:all 0.1s ease-in;padding:3px}
	
	.xxcard_link:hover {transform:scale(1.1);z-index:1}
	
	.card_photo {width:100%;height:100%;object-fit:cover;border:1px solid #000;display:block;  }
	.liked__1 .card_photo {border:1px 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.33333%}
	
	.card_photos__3 .card_link {height:50%;width:47%}
	.card_photos__3 .card_link:nth-child(1) {width:53%;height:100%}	

	.card_photos__5 .card_link {height:47%}
	.card_photos__5 .card_link:nth-child(1)   ,
	.card_photos__5 .card_link:nth-child(2)  {width:50%;height: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%;}	
	
	.liker {position:absolute;bottom:3px;right:3px;display:block;;cursor:pointer;z-index:1;text-indent:-99px;font-size:1px;overflow:hidden;width:20px;height:20px;background:url('/assets/images/liker.png') no-repeat 0 50%;background-size:46px 20px}
	.liker.liked__1 {background-position:-23px 50%;}
		.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;}



/* little year filter */
.your_sightings {position:relative;}
	
	.mini_filter {position:absolute;right:4px;top:12px;width:calc(50% - 8px);border:0;padding:0;background:none;}
.mini_filter select {width:calc(100% - 100px);float:left;padding:3px 6px 2px;}
.mini_filter .button {width:90px;float:right;padding:6px 6px 5px;clear:none;}




	
/* thumbnails */

.photos {/*text-align:center;*/list-style:none;margin:0;}
.photos li {list-style:none;margin:0;display:inline-block;}


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

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

.photograph {width:auto;max-width:100%;height:auto;display:block;border:1px solid #aaa;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;}

/* 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-intro {margin:10px 0;padding:0 10px;}



.news-image-box {
	border:0px solid #fff;
	position:relative;
	transition:border-color 0.2s ease-in;
	width:100%;	max-width:300px;margin:50px 0 0;

}

	.news-image-box:hover/*,
	.news-image-box:hover .news-overlay  */{border-color:#000;}
	
.news-image  {
  border:none;
  display:block;
  height:200px;
  width:100%;
  object-fit:cover;
  object-position:50% 00%;
}
.news-overlay {
	background:rgba(255,255,255,0.35);
	border:none/*-top:2px solid #fff;*/;
	top:0;
	color:#f90;
	font-size:2.4rem;
	font-weight:400;
	line-height:1.1;
	margin:0;
	padding:4px 8px;
	position:absolute;
	left:0;
	text-align:left;
	height:100%;
	width:100%;
	font-family:Melrose;
		text-shadow:1px 1px 1px #000;
}
.news-overlay b {font-size:0.9rem;/*font-weight:300;*/}


/* new news style */
.n2-link {display:block;position:relative;padding:1px;}
.n2-image {display:block;width:100%;height:auto;}

	.n2-overlay {text-align:center;padding:10px;font-size:0.7rem;height:100%;display:block;transition:all 0.1s ease-in;position:absolute;top:0;left:0;right:0;bottom:0;line-height:1.2;background-color:rgba(41, 128, 185,0.75);color:#fff;}
	.n2-title {font-size:0.9rem;}
	.n2-link:hover .n2-overlay {}



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

.category {
	background-repeat:no-repeat;
	border-bottom:1px solid #000;
	border-left:0px solid #000; 
	margin:0 0 1px 0;	
	padding:3px;
}
.categories > .category:first-child {border-top:1px solid #000;}

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




.category-you {
	border-left:0px solid #0066ff!important;
 	background:#e7f2fa;
	
}
.category-you__p {
	margin-top:20px;
	
}
.category-pos__1  {
	border-width:2px 0 0 5px;
	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:30px;margin-right:12px;background:#eef;font-weight:bold;font-family:Melrose}

.category-you .pos {
	background:#0066ff;
}
 
 
 
.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 */
.o {padding:1px 8px 1px 13px;margin:0 0 4px;transition:background-color 0.1s ease-in}
.o:hover {background-color:#e7f2fa;}

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

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

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

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


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

.o a {color:inherit;}
.o .e,
.o a:hover {color:#fff;}

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


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

.e:hover {;opacity:1}


/* VEHICLE PAGES 7/11/2016 - only RR at the moment */
#facts {/*border-bottom:1px solid #b2b2e0;background:#fef;padding:5px;*/}
.fact {;xborder-bottom:1px solid #fff;font-weight:300;font-size:1.1rem;margin:0px;line-height:1.3;padding:3px 5px; }
.X_fact__evn {background:#F9D200;border-color:#fff}
	.fact strong {display:block;font-weight:300;font-size:0.75rem}
	.fact_known { font-weight:400;}
	.fact_unknown {color:#900;font-weight:300;;}
	.facts p i,
	.fact i {font-size:0.8rem; font-style:normal;}
.grid.g04.padding-right {padding-bottom:1rem;}

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

.tab {flex:1 1 0;-webkit-flex:1 1 0;background-position:50% 6px;background-size:24px 24px;background-repeat:no-repeat;color:#fff;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:1px solid #fff;text-align:center;font-weight:400;position:relative;opacity:1;height:56px;overflow:hidden;}
.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');}


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

.tab span {position: absolute;
top: 0px;
right: 0px;
background: #fff;
/*
display: block;
border-radius: 4px;
color: #fff;
padding: 0 3px;
font-size: 0.8em;*/
font-size:0.9em;
font-weight:700;
color:#009;

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_box {display:none;padding:0 0 ; }
.tab_box__show {display:block;}



/* TABLES */


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

.fleet thead {display:none;}

th {
  background-color:#303;
  border:1px;
  color:#fff;
  font-weight:bold;
  text-align:left;
  padding:5px;
}

tr {
 	border-bottom:1px solid white;
}
	.fleet tbody tr {display:block;}

	.tr__unseen 	{background:#000;} 
	.tr__18,
	.tr__7 			{color:#333;font-style:italic;} 
	.tr__4,
	.tr__5,
	.tr__6,
	.tr__10,
	.tr__11,
	.tr__12,
	.tr__13,
	.tr__14,
	.tr__15			{background:#333;font-style:italic;} 
	.tr__seen   	{background:#009; } 
	.row-selected 	{background:#006}


tr.otpnet {background:#fff;font-weight:700}

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

}


.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;
 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;}




.list-thumb {width:80px;height:auto;border:1px solid #aaa;}


	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;}




table.otphunts {width:75%;margin:0 auto;border:1px solid white;}
table.otphunts tr { background:none; }
table.otphunts td {;text-align:left;}
 table.otphunts tr:nth-child(odd) {background:#003;}


/* overlay form for submitting sightings */
.overlay {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:9999;padding:55px 8px 10px;display:none;}
.overlay-form {background:#99ccff;padding:12px;border:2px solid #fff;box-shadow:0 0 4px #000;border-radius:5px}
.overlay-intro {color:#007;font-size:1rem;margin:0 0 5px 0;}
.can-overlay {background-color:#ff9;}
.overlay-close {position:absolute;top:00px;right:00px;color:#fff;font-weight:400;font-size:1rem;line-height:44px;padding:0 25px 0 24px;background:#fff;display:block;}


/* forms */
.form {border:1px solid #000 ;padding:12px;}
	.decline,
	.form_bad	{border-color:#c0392b;background:#f8e1df;}
	
	.form_good {border-color:#c0392b;background:#f8e1df;}


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


.field {padding:6px 0;clear:both;}
	.field__divide {border-top:1px solid #fff;}
	.field__extra {display:none;}
label {font-weight:600;font-size:0.95rem;}
.form-label {width:25%;float:left;}
	 .form-label__friends {width:100%;}
	 .friend {width:50%;float:left;clear:none;;margin:0;text-align:right;padding:0 0 3px 0;font-weight:300;}
	 
.form-input {width:70%;float:right;font-size:0.95rem;margin:2px 0;}
	.friend-checkbox {margin:3px 0 0 10px;}

.x__large {float:none;width:100%;}
	
.hint {margin:2px 0 0;clear:both;font-size:0.8rem;padding:0;color:#000;font-style:italic;text-align:right}

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

.filters input,
.filters select {width:calc(50% - 10px);float:left;margin:5px; }
	
.filters .button { float:right; }	
  



/* c2a boxes */	
.c2a {width:calc(50% - 6px);background:#9cf;padding:10px}
.c2a:nth-child(2)  {background:#cff;}
.c2a:nth-child(3)   {background:#cfc;}
.c2a:nth-child(4)    {background:#ffc;}
.c2a:nth-child(5)    {background:#fcc;}

	.c2a__user {border-color:#fad300;background:#fff8d3;}
	.count_0 {border-color:#c0392b;background:#f8e1df;}
	.c2a h4 {margin:0 0 5px;font-size:1.2rem;}
	.c2a p {padding:0;margin:0 0 3px 0;font-size:1rem;line-height:1.3;font-weight:700}

	
	
/* message alerts */
.azure,
.messagebox {
  background:#990;
  border:1px solid #cc0;
  font-weight:600;
  padding:10px 15px; /* 5 25 */
  margin:0 0px 1em; /* 0 5 5 */
 	/*box-shadow:2px 2px 3px #b5b5b5;*/
}
	
	.information,
	.help {
		border-color:#c00;
		background:#900;
	}
	
	.sightings_added,
	.good {
		border-color:#0c0;	
		background:#090;
	}
	
	.copyright,
	.notseen,
	.warning {
	  border-color:#c00;
	  background:#900;
	}
	.azure,
	.editor {
		border-color:#c0c;
		background:#909;		
		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: 0;border-color:#aaa;border-style:solid;list-style:none;margin:1rem 0;font-size:0.8rem;}
.paging li {margin:0 10px 0 0;display:inline-block;}

/* search results */
.search_results__ul {border:3px solid #fff;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-top:0px solid #000;margin:0;background-size:cover;background-position:50% 50%;position:relative;}

.srch__top li:last-child  {background:#fff;color:#fff;text-align:right;font-weight:600;}

.search_results a {color:#fff;display:block;padding:13px 17px;min-height:75px;}
.search_result .fade{background:rgba(0,0,0,0.5)}

.search_results span {font-size:11px;line-height:1.3;display:block;}

.srch__top li:last-child a {padding:4px 17px;}


.search_results a:hover {color:#eee;}
.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;}


/* grid stuff */

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

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


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

.hidden {display:none;}


 


.central {text-align:center;}



.popup {background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}
.form-box__popup {width:98%;max-width:500px;margin:54px auto 20px;position:relative;border-width:2px;border-radius:4px;border-color:#34495e;box-shadow:0 0 5px #000;}
.popup h3 {background:url('/assets/images/icon_close.png') 100% -4px no-repeat;background-size:32px 32px;cursor:pointer;font-size:1rem;font-weight:600;}

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

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;}



@media screen and (min-width: 650px) {
	.xitem,
	.item	{width:calc(50% - 6px);}
 	.xitem__thumb {width:calc(25% - 9px);height:auto;}	

	.card {width:calc(50% - 10px) ;}


	
		#footer .g03 {width:33%;float:left;}
	#footer .g04 {clear:none;}



}