/**

This file is part of <PubML> - Web-Based eBooks

Copyright 2014 by Spot Grafix, Inc.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

<PubML>™ eBooks rely on third-party libraries offered under various open 
source licenses (MIT, Apache, etc.). The licensing terms for these files 
are described within these files. 

This <PubML>™ eBook includes files and images released under the GNU 
General Public License that are used to display YOUR content. Most of 
these files are named with a "pubml_" prefix. Any modifications you make 
to the <PubML>™ eBook platform or its css styles are considered derivative 
works that others may use and modify as provided for by, and subject to, 
the GNU General Public License. 

The CONTENT found in the following directories and files: 

   -footnotes directory
   -sections directory
   -scripts/pubml_tabs.js 

And any modifications or additions to such CONTENT remains the property 
of the applicable  author or rights holder and is not subject to the GNU 
General Public License. The goal is to ensure that the <PubML>™ eBook 
platform remains open source and free for anyone to modify or customize, 
while not infringing on the rights of authors to retain control, over the
rights to their content. 

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

/*CSS Media Query For MOBILE DEVICES*/

.mobmediaPop {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	z-index: 1000;
}

.wrapper1 div {
	margin: 0 0 2px 0;
	min-height: 530px;
}
.map1 {
	float: left;
	padding: 0;
	text-align: center;
    width: 350px;
	margin-top: -20px;
}
.mediaPop1 h2 {
    color: #FFF9E5;
    float: left;
    font-size: 25px;
    font-weight: normal;
    height: 28px;
	margin-bottom: 8px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 20px;
    width: 300px;
}
.closeMedia1 {
	float: right; /*font-size:14px; padding:20px 50px 0 0;*/
	font-size: 1rem;
	color: #fff9e5;
	padding: 9px 13px 0 0;
}
.textF1 {
	float: left;
	font-size: 12px;
	color: #fffbe7;
	padding: 7px 24px 0 39px;
}
.mmapimg {
	height: 75px!important;
}
.mflickrimage > img{
	height: 75px!important;
}

.myoutube {
	background-color:#000;
}
.mloader-image {
    margin: 200px 0 auto;
}
/*CSS Media Query For MOBILE DEVICES*/


/* CSS MADE BY DAVE */
#mobileMediaPopBG {
	position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-color: #000;
	background:rgba(0,0,0,.85);
	padding:10px;
}

#mobileMediaTitle {
	float: left;
	width:85%;
	margin-top: -1rem;
}

#mobileMediaTitle h2 {
	color: #FFF9E5;
	font-size: 2rem;
	font-weight: normal;
	margin-left:1rem;
	margin-top:1rem;
	padding:0;
	margin-bottom:0;
	width:auto;
	text-align:left;
}

#mobileMediaCloseBox {
	float:right;
	resize:horizontal;
	margin-right:1rem;
	margin-top:1rem;
	color:#FFF9E5;
	font-size:1rem;
	font-family:Verdana, "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
}

#mobileMediaDisplay {
	width:95%;
	padding-bottom:10px;
	padding-top:10px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

.canvasdisplay {
	margin-left:auto;
	margin-right:auto;
	margin-top:1rem;
	width:100%;
	max-height:100%;
}

#mobileMediaDisplay img {
  margin-left:auto;
  margn-right:auto;
  max-height: 589px;/*use media query to set max height of portrait images*/
  max-width: 100%;
}

#mobileMediaThumbs{
	text-align: justify;
	clear:both;
	margin-bottom:-1rem;
	overflow-y:auto;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

#mobileMediaThumbs img{
	height:25px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	display: inline-block;
}

#mobileMediaThumbs img:hover{
	opacity: 0.5;
}

#titlediv{
	height:auto;
	margin-top: 0.7rem;
}

#titlediv h2{
	width:100%;
	color: #FFF9E5;
	font-size: 1.4rem;
	font-weight: normal;
	margin:0;
	padding:0;
	text-align:left;
	margin-bottom:0;
	
}



.mloader-image{
	max-height:150px;
	max-width:150px;
}