/* 
  2015 CSS - for 320width and above
#E74C3C - red offset
#F1DA36 - yellow highlight 
#95A5A6 - greyish
#34495E - headings


*/
@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:#111;
	font-family:Helvetica,Arial;
	font-size:1rem;
	margin:0 0 0 0;
}

header {
	background:#4A5F74;
	border-bottom:2px solid #2C3E50;
	height:45px;
	margin:0;
	padding:0 0;
	width:100%;
	z-index:5;

}


.sprite {
	background-image:url('../images/trainlogger_sprites.png');
	background-repeat:no-repeat;
}

.logo {
	background-position:3px 4px;
	direction:ltr;
	float:left;
	height:44px;
	margin:0;
	overflow:hidden;
	text-indent:-999px;
	width:150px;
	background-size:150px auto;
}
	
/* navigation */	
nav {
	background:#ECEFFB;
	border-bottom:2px solid #2C3E50;
	box-shadow:0 0 3px #2C3E50;
	display:none;
	font-weight:300;
	margin:0;
	padding:10px;
	width:100%;
	z-index:5;
	position:absolute;
	top:45px;
}
.nav {clear:both;}
.nav-item {
	border-bottom:2px solid #fff;
	display:block;
	font-size:1rem;
	padding:8px 10px;
	position:relative;
}
.nav-link {font-weight:600;}
.sub-item {display:block;padding:3px 14px;	position:relative;
}
.sudiv {margin-top:7px;/*border-top:1px solid #ffffff;*/}
.nav a {display:block;}
.ubasic .nav-u a {color:#aaa;font-style:italic;}
.nav-uu a {font-weight:600;color:#000;}
.crumbs {display:none;}

.notification {background:#ff0000;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;}


/* footer */
footer {
	background:#F5F8FA;
	border-top:3px solid #d1d4d6;
	clear:both;
	margin:60px 0 0 0;
	padding:20px 0;
	width:100%;
	z-index:5;
}
#body2 #footer {margin-top:0;}

.footer-heading {
	font-size:0.92rem;
	font-weight:400;
	padding:0 2px 5px;
	margin:0 8px 5px;
	border-bottom:1px solid #d1d4d6;

}

.footer-item {
	font-size:0.9rem;
	padding:3px 10px;
}
footer .grid {padding-bottom:16px;}


/* main area */

.body {
  line-height:1.4;
  margin:0 auto; 
  padding: 0;
  text-align:left;
}

.body__signup {
	background:#ECEFFB;	
	border-top: 3px solid #d4dFe6;
}
.body__form {
	background:#ECEFFB;	
	border-top: 3px solid #d4dFe6;
	border-bottom: 3px solid #d4dFe6;
	
}

.body__features {
	background:#FFF;	
	border-top: 3px solid #d4dFe6;
}

/* tags */
a {
	color:#2c3e50; /*2c3e50*/
	text-decoration:none;
	transition:color 0.3s ease-in;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

.clauses a,
p a {color:#0149dd;}

abbr, 
acronym {
    border-bottom: none;
}

.bold,
b,
strong{
	font-weight:700;
}

.heading1,
h2 {
	clear:both;
	color:#34495e;
	font-size:1.33rem;
	font-weight:300;
    line-height:1.2;
	margin:0 0 0.6em 0;
	padding:10px;
}
	.dropdown-title {margin:0;display:none;}


	
.heading2 {
	border-bottom:1px solid #4A5F74 ;
	font-size:1.2rem;
	font-weight:300;
	margin:0 5px 2px;
	padding:0 5px;
}
	
.title {
	border-style:solid;
	border-width:0 0 2px 0;
	color:#2C3E50;
    clear:both;
	font-size:1.1rem;
	font-weight:300;
	margin:0.9em 0 0;
	padding:2px 10px;
}
/*.title a,*/
.title span {font-size:0.8rem;color:#4A5F74}
	.title__form {
		background:#F1F1FF;
		border:none;
		color:#34495E;	
		font-size:1rem;
		font-weight:700;
		margin:0;
		padding:5px 10px 0;
/*		letter-spacing:-1px;*/
	}
	.title__gap {
		margin:0.9em 5px 0;
		padding:2px 5px;
		border-width:0 0 1px 0;
	}
	tr .title__gap {padding:0.9em 10px 0.4em;color:#000;font-weight:400;border-bottom:2px solid #2C3E50;}
	tr + tr .title__gap {padding:1.9em 10px 0.4em;border-top:1px solid #2C3E50;}
	
	p + .title,
	li + .title {padding-top:2em;}
	
	p + .form-box,
	table + .form-box
	 {margin-top:2em;}

	h3 + p,
	ul + .footer-heading,
	.title + .traininfo {padding-top:1em;}

.traininfo {clear:both;border-bottom:1px dotted #eceffb;}
.traininfo p {font-size:0.96rem;}

h5 {
	clear:both;
	color:#34495E;
	font-weight:700;
  	margin:2px 0 0 0;
	padding:0 10px;
	font-size:0.8rem;background:#eceffb;display:inline-block;
}
h5 + p {margin:0 0 9px 0;}

p {
	font-weight:300;
  	margin:2px 0 1em 0;
	padding:0 10px;
	font-size:0.95rem;
}

p strong {display:block;}

	.p__small {font-size:0.85rem;color:#555;line-height:1.4;}
	.intro {font-size:1.1rem;}
	.intro a
.clauses li {font-size:0.951rem;line-height:1.4;margin:1em 10px;font-weight:300;}
.clauses li li {list-style:disc;margin:1em;}

.nom {font-size:1.1rem;color:#fff!important;;background:#34495e;border-radius:50%;line-height:30px;height:30px;width:30px;display:inline-block;text-align:center;margin-right:6px;}
.greened_out .nom {background:#345e49;}
/* forms */
form {
	display:inline;
}

fieldset {
	border:0;
	margin:0;
	padding:5px 10px;
}
	.fieldset__payment {
		padding:0;
		text-align:center;
	}
.required label {font-weight:700;}	

label {
	display:block;
	float:left;
	font-size:0.9rem;
	font-weight:400;
	margin: 6px 0 0;
	padding-right:10px;
	text-align:left;
	width:97%;
}
label span {font-size:0.8rem;font-weight:400;color:#333;}

.baduser {padding:3px 10px;color:#fff;}
.baduser label {color:#fff;margin-top:5px;}


	.label__filter {
		clear:both;
		display:inline;
		line-height:28px;
		font-size:0.8rem;
		width:29%;
		margin:0 0 5px 0;
	}
	.filter_title {
		color:#194FB8;
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
	}
	
.inplace_field,
.input {
	border:1px solid #4A5F74;
	border-radius:3px;
	color:#333;
	display:block;
	font-family:inherit;
	font-size:0.9rem;
	float:left;
    line-height:1.6;
	margin:3px 0 6px 0;
	padding:3px 6px;
	transition:box-shadow 0.3s ease-in,border 0.3s ease-in;
	width:100%;
}
	.input__search {
		background-color:#ffffff;
/*		border-color:#D4D7D9;*/
		font-size:1rem;
		margin:0 0;
		padding:4px 8px;
		-webkit-appearance: none;
	}
	.input__dropdown {
/*		border-color:#D4D7D9;*/
		font-size:1rem;
		padding:4px 8px;
		margin:5px 0;
	}
	.input__filter {
		padding:3px;
		float:right;
		font-size:0.8rem;
		height:27px;
		margin:0 0 5px 0;
		-webkit-appearance:menulist;
		width:70%;	
	}
	
.button {
	background-color:#4A5F74;
	background-image:url('../images/sprites_buttons.png');
	background-repeat:no-repeat;
	background-position:right 0;
	background-size:30px auto;
	border:1px solid #2C3E50;
	border-radius:3px;
	box-shadow:0 0 1px #999;
	clear:both;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:0.9rem;
	font-weight:400;
	margin:3px 0 8px 12px;
	padding:0 40px 0 10px;
	height:30px;
	line-height:28px;
	transition:background-color 0.3s ease-in,border-radius 0.3s ease-in;
	text-transform:capitalize;
	text-shadow:1px 1px 2px #000;
	-webkit-appearance: none;
}
.button:hover {
	background-color:#2c3e50;
	border-radius:0;
	color:#fff;
	text-decoration:none;
}
.button-delete:hover {background-color:#500000;}
	
.button-save {background-position:right -30px;}
.button-invite {background-position:right -60px;}
.button-haulage {background-position:right -90px;}
.button-delete {background-position:right -120px;background-color:#740000;border-color:#740000;}
.button-photo {background-position:right -150px;}
.button-people {background-position:right -180px;}
.button-person {background-position:right -210px;}
.button-speech {background-position:right -240px;}
.button-cover {background-position:right -270px;}
.button-filter {background-position:right -300px;float:right;}
.button-upgrade {background-position:right -330px;}

	.button span {color:#f1da36;}

p .button {float:left;margin-left:0;}

textarea {
	height:150px;
}
	.haulage-input {
		height:87px;	
	}


.input:focus {
	border-color:#000000;
	box-shadow:0 0 5px #4A5F74;
}
	.input__search:focus {
		border-color:#999;	
	}
.field {
	clear:both;
}
.field__dt {float:left;clear:none;padding-right:10px;}
	.field__error {background:#FFEDE9;color:#A9231F;padding:3px 5px;margin:0 0 10px;border:1px solid #A9231F;border-radius:3px;}

.payment_button {margin:8px 0 0;box-shadow:0 0 1px #000;}

.detailsunknown {transition:opacity 0.3s ease-in;}
.disabled {opacity:0.3;}


/* tagger */
.tagsinput { border:1px solid #4A5F74; background: #FFF;margin:3px 0 8px 0; padding:4px 4px 0 4px; width:100%; height:190px; overflow-y: auto;float:right;border-radius:3px;}
.tagsinput span {max-width:400px;}
.tagsinput .tag {border-radius:3px; display: block; float: left; padding:3px 5px; text-decoration:none; background: #5cb85c;background: #BBD0E5 ;color: #000000;  margin:0 5px 5px 0;  max-width:400px;transition:background 0.3s ease-in;position:relative;font-size:0.9rem;;}
.tagsinput .tag a {position:absolute;top:0;right:0; font-weight: bold; color: #4A5F74; text-decoration:none; font-size: 9px; padding:0 2px } 
.tagsinput .tag:hover {background:#c0392b;color:#ffffff;}
.tagsinput .tag:hover a {color:#fff;}
.tagsinput input { width:120px!important; margin:1px 5px 5px 0;  border:1px solid transparent; padding:2px 5px; background: transparent;    margin-right:5px; margin-bottom:5px; font-size:0.9rem;}
.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0; }
.not_valid {background: #d9534f; color: #fff;}

div#photo_location {clear:both;}
div#photo_location ul {max-height:200px;overflow:auto;border:1px solid #d4d7d9;}
div#photo_location li {cursor:pointer;}

/* fitlering */
.paging,
.filtering {
	background:#F5F8FA;
	border-bottom:1px solid #d4d7d9;
	border-top:1px solid #d4d7d9;
	line-height:30px;
	margin:1em 0;
	padding:5px 10px;
}

.paging li {display:inline-block;margin-right:10px;}
.page-this {font-weight:bold;}

.paging-upgrade {
	background:#f5f5f5;
	border-bottom:1px solid #d4d4d4 ;
	border-top:1px solid #d4d4d4 ;
	line-height:30px;
	margin:1em 0;
	padding:5px 10px;
}

.paging li {display:inline-block;margin-right:10px;}
.page-this {font-weight:bold;}


/* list tables */
table {
	border:0;
	border-spacing: 0;
	border-top:1px solid #2c3e50;
	border-bottom:0;
	color:#000;
	empty-cells: show;
	font-size:0.85rem;
	margin:1em 0;
	width:100%;
}

.title + table {
margin-top:0;
border-top:0;
}

th {vertical-align:top;}
th span {font-weight:300;display:block;}
tr {

	font-weight:100;
} /* standard table background     */

.seen   {
	background-color:#dfecf5; 
/*	border-top:2px solid #d1ecf1;*/
	color:#000;
} /* user has seen this vehicle */
.c-seen11,
.seen:hover {
	background-color:rgba(92,184,92,0.2);
}
.c-seen10,
.unseen:hover {
	background-color:rgba(217,83,79,0.2);
}	
td a {color:inherit;}

.unseen {
	color:#900;
	background-color:#fff; 
}
.deleted {background:#d9534f;color:white;}

.forum_post.status-0,
.category.statusX,
.statusE,
.statusX {
	background-color:#ddd;
}
.statusE.seen,
.statusX.seen {color:#060;}

.statusN {color:#111;opacity:0.8}

.ticked {background:#f5e8df;}

td {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #BBD0E5;
	line-height:1.3;
	margin:0;
	padding:3px;
	position:relative;
}
	.t-number {
		font-size:1.3rem;
		font-weight:400;
		padding:3px 8px;
		text-align:left;
		width:90px;
	}
	.t-tick {width:26px;}
	.t-edit {width:50px;text-align:right;padding:3px 8px;}
	.t-name {
		font-style:italic;
	}
	.t-name,
	.t-date,
	.t-place,
	.keydate,
	.s-first,
	.s-last {font-weight:700;;}
	.t-date a,
	.s-first a,
	.s-last a {font-weight:400;}


.seen-count {display:none;}

	.t-date,
	.t-place {padding:3px 10px;}
	.td-gold {background-color:#fefcea;}
	
	.upgrade-basic,
	.upgrade-gold {text-align:center;width:30px;}
	.table__upgrade td {padding:5px 6px;font-weight:300;}
	.table__upgrade b {color:#34495e;}
	.table__upgrade img {width:18px;}

	.t-photo {width:24px;}
	.icon__photo {display:block;height:30px;width:20px;text-indent:-999px;overflow:hidden;background:url("/assets/images/icon_camera_list.png") 0 50% no-repeat;;background-size:20px 20px;}

/* sightings */
.z {color:#ccc;margin:4px 0}
.search,
.haulage {color:#111;}
.z a {color:#111;}

.basic .z a {color:#111;}

/*.gold*/ .z u {background-color:#3498db;color:#FFFFFF;border-radius:4px;padding:0 3px;text-decoration:none;;}

.z .year-haulage {font-weight:700;color:#111111;}
.z .alltime-haulage {background-color:#F1DA36;color:#000000;border-radius:4px;padding:0 3px;font-weight:700}


p.c a,
p.c a.alltime,
p.c a.year {color:#d9534f!important;}

.search b {background:#FeEA46;}



/* images */
.image {margin:0;display:block;border:1px solid #95A5A6;}
.photo {margin:0 auto 1em;width:100%;max-width:962px;}
.avatar {max-width:100px;width:100px;}

.bigphoto {position:relative;overflow:hidden;}
.protege {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 999;
}

/* content */
.content {/*font-size:1em*/;line-height:1.6;color:#111;font-weight:300;}


/* edit */
.edit-train {border:1px solid #4A5F74;padding:0 10px 10px;margin:3px 10px 1em;}
	.et-this {background-color:#ECEFFB;}
	.et-nota {color:#900;border-color:#900;background-color:#fbEFec}
	.edit-train label {font-weight:700;}


/* edit in place */
	.inplace_field {padding:0!important;width:100%;border:0;margin:0;background:#ffa;color:#000;}
	
	.eipt,
	.eip {min-height:22px;background-color:#FFd;transition:background-color 0.3s ease-in;background-image:url('/assets/images/eip.png') ;background-position:99% 2px;background-repeat:no-repeat;cursor:pointer;font-size:0.95rem;}
	
	td .eip {background:none;}
	.eipt {min-height:80px;}
	.eipt .inplace_field,
	.eip .inplace_field {width:95%;margin:1px 0;;}
	textarea.inplace_field {height:75px;}

/* messagebox */
.messagebox {border:none;background-color:#199eb8;background-position:10px 50%;background-repeat:no-repeat;padding:10px 40px;color:#fff;font-weight:400;margin:10px 5px;background-size:20px auto;}
	.baduser,
	.bad  {background-color:#d9534f;}
	.good {background-color:#5cb85c;}
	.feint {background-color:#eceffb;color:#4a5f74;font-size:0.8rem;line-height:1.3;}

	.messagebox {background-image:url("/assets/images/icon_info.png");}
	.icon_sightings {background-image:url("/assets/images/icon_sightings.png")}
	.icon_photos {background-image:url("/assets/images/icon_camera.png")}
	.restricted  {background-image:url("/assets/images/icon_exc.png");}

	.flash {color:#903;margin:0;;padding:5px;font-size:0.7rem;background:#FFFFF4}
.messagebox a {color:inherit;text-decoration:underline;}

.welcome {
	background:#FFC;padding:20px;
}
/* upgrade box */
.upgrade {border:1px solid #194fb8;padding:10px;margin:0 2px 1em;}



/* category list  */
.forum,
.categories {
	margin-bottom:30px;
}
.forum_post,
.category {
	background-color:#fff;
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN48/73fwAJdwPWTj9e0gAAAABJRU5ErkJggg=='); 
	background-repeat:no-repeat;
	color:#000;
	font-size:0.95rem;
	font-weight:100;
	padding:6px 10px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #BBD0E5;
	transition:opacity 0.3s ease-in;
}
	.category__unknowns {background-color:#d9534f;color:#FFFFFF}
.category:hover {opacity:0.85;}
.category a {font-weight:100;color:inherit;}
.category__link a {display:block;}
.category b {font-weight:700;}
.category a b {color:#0149dd;}
.percent_0 {color:#900;}
.sticky-1,
.percent_100 {background:#DFECF5;}
.category span {font-size:0.8rem;}
	.icon_q  {background-image:url("/assets/images/icon_q.png");background-position:8px 8px;background-repeaT:no-repeat;padding-left:40px;background-size:20px auto;}


.forum-admin {background:#fef9f5}
.forum-you {background:#fff8d3}
/* trips & thumbnails */
.trips {list-style:none;margin:0;padding:0;}
	.trip {background:#ffffff;border:1px solid #95A5A6;color:#4A5F74;display:block;float:left;height:100px;list-style:none;margin:5px;overflow:hidden;position:relative;width:150px;background-position:0 180px;background-repeat:no-repeat;
	}
	.thumbnail{
background:url('/assets/images/no-photo.jpg') 50% 50%;	background-size:200px auto;
	}/*
		.day-2 	{background-image:url('/assets/images/days/m.png');}
		.day-3 	{background-image:url('/assets/images/days/t.png');}
		.day-4 	{background-image:url('/assets/images/days/w.png');}
		.day-5 	{background-image:url('/assets/images/days/th.png');}
		.day-6 	{background-image:url('/assets/images/days/f.png');}
		.day-7 	{background-image:url('/assets/images/days/s.png');}
		.day-1	{background-image:url('/assets/images/days/su.png');}
*/
.trip:hover {background-color:#f5f8fa ;}
		
	.p1 {border:1px solid #c0392b;box-shadow:0 0 3px #c0392b; ;}
	li.p1 {opacity:0.8;transition:opacity 0.3s ease-in,border-color 0.3s ease-in}
	li.p1:hover {opacity:1;}
	
	.trip-title {background-color:rgba(236,239,252,0.85);border:none;/*top:0;left:0;position:absolute;*/display:block;line-height:1.1;margin:0;padding:5px;width:100%;z-index:2;;z-index:1;position:relative;/*background-position:left bottom;background-repeat:no-repeat;*/;transition:opacity 0.2s ease-in;opacity:1}
	.trip-title a {font-size:1.1rem;}
	.trip-title span {display:block;font-size:0.7rem;}
	.trip-image {height:auto;width:100%;position:absolute;bottom:0;left:0;z-index:0;opacity:1;/*transition:all 0.3s ease-in;*/}
	
	.trip-image__photo {opacity:0.5;}
	.trip-image.pos1 {opacity:1;}
	.trip-image.pos2 {opacity:0.8;}
	
/*	.trip:hover img {width:110%;}*/
	.trip-intro {color:#888;font-size:0.6rem;line-height:1.1;padding:4px 5px;margin:0;border-top:1px solid #95A5A6}

.trip_intro {
	background-size:cover;background-position:50% 50%;background-repeat:no-repeat;;text-shadow:0 0 1px #fff;color:#fff;margin:0 0 10px 0;
border-bottom: 2px solid #2C3E50;
}	
.trip_overlay {background:rgba(74,95,116,0.75);color:#fff;padding:20px 0;text-align:center;}
.trip_overlay h2 {font-weight:600;margin-bottom:0}
	.trip_overlay h2,.trip_overlay p ,.trip_overlay a {color:#fff!important;text-shadow:0 0 2px #000}
/* heroes */
.box {background-color:#dfecf5;;margin:10px 10px 20px;padding:5px 10px;position:relative;opacity:1;transition:background-color 0.2s ease-in,opacity 0.2s ease-in;}
	.box__ {background-color:#dff3e7;}
	.greyed_out {background:#dfdfdf;opacity:0.6;}
	.greened_out {background:#dff5ec;}
	.box__todo  {background-color:#f6e1df;padding-bottom:40px;}
.box p {margin:5px 0;padding:0;z-index:1;}
	/*
.box p {font-size:1rem;line-height:1.3;margin:5px 0;padding:0;z-index:1;}
.box p.p__small {font-size:0.8rem;}
.box span {color:#34495e;font-size:1.1rem;text-transform:uppercase;font-weight:400;}
	.box__todo .p-done {display:none;}
	.box .button {bottom:10px;margin:0;position:absolute;right:10px;}
	.box__ .button {display:none!important;}
*/
.screenshot {width:100%;overflow:hidden;display:block;text-align:center;}
.screenshot img {width:100%;height:auto;border:1px solid #4A5F74;max-width:500px;}

/* tabs */

.tabs {border-left:1px solid #4A5F74;margin:5px;

}
.tab {background:#eceffb;color:#4a5f74;cursor:pointer;margin:1px 0 0 0;font-size:0.8rem;padding:0;}
.tab:first-child {font-weight:bold;}
.tab__active {background:#4A5F74;color:#FFF;}
.tab a {color:inherit;;padding:4px 10px;display:block;}

/* forms */
.form-box {margin:10px;;background-color:#EFF1FC;overflow:hidden;border:1px solid #95A5A6;box-shadow:0 0 5px #95A5A6;border-radius:3px;}


	.form-box__welcome {padding:5px 0px;margin:0 0 1em 0;;}
	.form-box fieldset {padding:8px 14px;}

.fb__privacy-0 {;background-color:#dfd;border:1px solid #95A5A6;box-shadow:0 0 5px #bbb;border-radius:0;}
.fb__privacy-1 {;background-color:#ddd;border:1px solid #95A5A6;box-shadow:0 0 5px #bbb;border-radius:0;}
.fb__privacy-0 .title__form,
.fb__privacy-1 .title__form {background:none;}

.fb__privacy-0 p,
.fb__privacy-1 p {margin-bottom:0;}


/*  box */
	.account {padding:10px 0;margin:0 0 1em ;border:1px solid black;}
	.account-basic {background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); border-color:#cccccc;box-shadow:0 0 5px #eeeeee; /* W3C */}
	.account-gold {background:#f1da36;background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); border-color:#f1da36;box-shadow:0 0 5px #fefcea;}
		.account strong {display:block;}

	.offer {border-color:#c0392b;padding:10px;background:rgba(192,57,43,0.1)}
/* account box */
	.upgrade-basic {background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); box-shadow:0 0 5px #eeeeee; }
	.upgrade-gold {background:#f1da36;background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); }

li {list-style:none;}

/* clear */
.clear {
  clear:both; 
  height:0;
  margin:0;
}

.top p,
/*.upgrade p,*/
.edit-train p {margin:0;}


/* drop down */
.pull {
/*	border-left:1px solid #2c3e50;*/
	color:#FFFFFF;
	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:40px;
}
.pull:hover,
.on {
	opacity:0.8;
	color:#dfecf5;
}

.icon_add {
	background-position:-2px -88px;
}
.icon_menu {
	background-position:-2px -132px;
}
.icon_user {
	background-position:-2px -176px;
}
.icon_haulage {
	background-position:-2px -220px;
}
.icon_photo {display:none;}


/* submit form */
.dropdown {
	background:#F1F1FF;
	border-bottom:2px solid #2c3e50;
	/*border-radius:3px;*/
	box-shadow:0 2px 10px #2c3e50;
	display:none;
	font-size:1rem;
	margin: 0;
/*width:97%;*/
	padding:0;
	z-index:44;position:absolute;top:45px;

}

.no-mobile,
.t-hidden,	
.t-desktop,
thead,
legend,
.icon_logout,
.hide {
	display:none;
}

.traininfo:after,
.field:after,
.mini:after,
.trips:after,
.forum_post:after,
.upgrade:after,
.tabs:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}

textarea, 
input[type="text"], 
input[type="email"], 
input[type="password"] {
	-webkit-appearance: none;
}

/*
#m1,#m2 {border-left:1px solid red;position:fixed;top:0;width:1px;height:100%;z-index:9999}
#m1 {left:10px;}
#m2 {right:10px;}
*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.sprite {
		background-image:url('../images/trainlogger_sprites@2x.png');
		background-size:auto 300px;
	}
	.logo {background-size:150px auto;}
}