@charset "UTF-8";
/* CSS Document. /0/css/core.css */

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
/*
body { font-family:Verdana, Geneva, sans-serif; padding:0; margin:0}
*/
body { font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; word-wrap: break-word;}



.content { margin:0px; padding-top:0px; padding-bottom:32px; padding-left:16px; padding-right:16px; }

.topTable th  { vertical-align:middle; text-align:center; border:#CCC solid thin; padding:5px; background:#CCC; }
.topTable td  { vertical-align:top; border:#CCC solid thin; padding:5px; }

/*
h1, 
h2 { font-family: 'Roboto Slab', serif; color:#F00 }
*/
.logo { font-family:Rockwell, Verdana, Geneva, sans-serif ;}
.logo .M2M { color: #257B46 ; }
.logo .DB {  color: #B29973 ; }
.logo .com { color: #AAADA7; }
.selectors p { margin:0; padding:0; }
.selectors ul { margin:0; padding:-1; }
.selectors li { margin:1; padding:1; }
x.xselectors ul > li > ul 
 { margin:1; padding:1; background:#0C0; }
.selectors ul li
 { margin:1; padding:1; background:#0F0; !important}
.selectors ul li ul 
 { list-style:outside;  margin:1; padding:1; background:#0C0; !important}

/* WIP-indication: */
.z_doamin { border: thin ridge #999; background-color:#CCC; }


.layers { font-size:80%; }
.layers th { background:#CCC; }
.layers .r { background:#CCC; }
.layers .C { background:#0C3; }
.layers .X { background:#000; color:#FFF; text-align:center; }

/* 2015-06-19
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
*/


wip_notice { display:block; background:#F00; color:#FFF; text-align:center; font-weight:bold; }



.m2m-internal:before { content:"INTERNAL"; font-size:120%; font-weight:bold; background:#CCC; margin:0; }
.m2m-internal { background:#FCC; border:thin dashed #F00; padding:2pt; }
.m2m-internal-hidden:before { content:"INTERNAL"; font-size:100%; font-weight:bold; background:#CCC; margin:0; }
.m2m-internal-hidden { background:#FCC; border:thin dashed #F00; padding:2pt; }



@media screen and (orientation: portrait) {
/* 
img { - is TOO invasive, messes up Google maps 
img:not(.no_img_scaling) {

*/
	.img_scale img { 
		max-width:100% !important;
		height:auto !important;
		/* background:#333;
		border:solid thick #00F; /* blue */
	}
}

/*
@media screen and (orientation: landscape) {

@media(max-width:321px) and (min-width:319px) {

@media screen and (orientation: landscape) and (max-width:321px) {
	
*/

@media screen and (orientation: landscape) {
	.img_scale img {
		max-height:100% !important;
		width:auto !important;
		/* background:#9C9; /* olive */ 
		/* border:solid thick #F00; /* red */
	}
}

.img-contain {
	width: 50%;
	height: 15em;
	margin: 0 auto;
	overflow: hidden;
}



.my_top_table th {
	background:#CCC;
	text-align:center;
}
.my_top_table th, .my_top_table td {
	vertical-align:top;
	padding:3px;
}
.my_top_table tr {
	border:thin solid #999;
}


table ul {
	margin-left: 15pt !important;
	padding-left: 0pt !important;
}
table p, td, th {
	margin-left: 15pt !important;
	padding: 0pt 2pt !important;
}
.top-container ul {
	margin-left:14pt;
	padding-left: 0;
}

/*
.top-container ul {
margin-left:14pt; 
padding-left: 0; 
xlist-style-position:xinside
}


.top-container ul > li {
	padding-left:0pt;
	xtext-indent:0em;
	xpadding-left:0.1em;
	xmargin:0;
}
*/

red {  color: red; }
blink_text {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
}

@-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}


.horiz_scroller_outer,
.outer {
	white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;

  border: solid #999 !important;
}
.outer:after {
	content:"horiz scroll";
}

.horiz_scroller_inner {
  width: 100%;
  padding: 1rem;

}