* {	padding: 0px;
    margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color: #000;
}

header {
	margin-top:40px;	
}

#menubar {
	top:0px;
	left:0px;
	transition:left 200ms linear;
	-webkit-transition:left 200ms linear;
	position:fixed;
    width:100%;
    background-color:#444;
    color: #fff;
	text-align:left;
	z-index:100;
	-webkit-box-shadow:inset 0 -20px 40px -30px white;
	box-shadow:inset 0 -20px 40px -30px white;
    cursor:pointer;
}

#button {
	height:100%;
	padding:10px;
	float:left;
	width:auto;
	display:block;
/*	-webkit-box-shadow:inset 0 -20px 40px -30px white;
	box-shadow:inset 0 -20px 40px -30px white;*/
}
	
#menubar:hover {
	-webkit-box-shadow:inset 0 -20px 40px -30px black;
	box-shadow:inset 0 -20px 40px -30px black;
}


#menu, #right {
    display:inline;
}

#right {
    width:100%;
	background: #000; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left 50%, from(#000000), to(#3C3C3C));
	background: -moz-linear-gradient(bottom,  #3C3C3C, #000000); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#FF3C3C3C'); /* for IE */
    z-index: 5;
	color:#FFF;
    position: fixed;
	overflow:auto;
	padding:0px;
    left: 0px;
	transition:left 200ms linear;
	-webkit-transition:left 200ms linear;
    height: 100%;
	text-align:center;
    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#right p {
    padding: 10px;
}

#menu {
    float:left;
    width: 350px;
    height: 100%;
}

#menu li {
	cursor:pointer;
    background-color:#444;
    border-bottom: 1px solid #888;
	list-style-type:none;
	color: white;
}



#menu li a, .li {
    padding: 10px;
    display: block;
    color: white;
    text-decoration: none;
	cursor:pointer;
	background-color: ;

}

#menu li a:hover, .li:hover {
    padding: 10px;
    display: block;
    color: white;
    text-decoration: none;
	cursor:pointer;
	background-color:#333 !important;
}
.IMGcount {
	font-size:12px;
	font-style:italic;	
}

.imgtable{
	width:auto; 
	margin-left:20px; 
	vertical-align: middle; 
	display: inline-block; 
	margin-top: 20px;
	padding:5px;
	line-height:23px;
	text-align:center;
}

.imgitselfw, .imgitselfh {
	
	box-shadow: 3px 3px 15px #000;
}	
	
#rpp, #pht, #country, #subject, #orderBy{
	display:none;	
	}
.ddmenu {
	padding-left:30px;	
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid red;
	margin:0px 10px 5px 5px;
	float:left;

}


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-left: 0px;
	border-top: 10px solid red;
	float:left;
	margin:0px 5px 10px 5px;
}
.messageText{
	font-size:1.1em;
	font-weight:bold;
	color:white
}

.checked {
	background-color:#000;	
}
h1 {
	margin-top:40px;	
	font-size:2.5em;
}
h2 {
	font-size:1.5em;	
}
.mobile {
	display:none;
}
.desktop {
	display:visible;
}

a:link {
	color: #83b2df;
}

a:hover {
	color:#5a99d4;
	
}

a:visited {
	color:#347fc8;
}

.logintb {
	width:250px;
	padding:5px;
	}
	
#sizer {
	width:200px;
	float:right;
	height:auto;
	z-index:50;
	position: inherit;
	top:10px;
	right:50px;
	transition:right 200ms linear;
	-webkit-transition:right 200ms linear;
	cursor:pointer;
/*	display:none;	*/
}
#ranger {
	width:100%;	
	cursor:pointer;
	display:none
}
.pagination {
	font-weight:bolder;		
}
.map-canvas-only{
	width:90%;
	height:90vh;
}
	
@media screen and (min-width: 640px) {



}

@media screen and (max-width: 640px) {


#menubar {
    background-color:#F00;
	}

.imgtable {
	margin-left:auto;
}



#sizer {
	width:auto;
	min-width:100px;
}
#mobilemenu{
	width:100%
}
#menupages {
	width:50%;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:4px;
}

.desktop {
	display:none;
}

.mobile {
	display: inline-block;
	color:#000;
}
 h1 {
	 font-size:1.7em;
 }
 h2 {
	 font-size:1.3em;
 }
 .logintb {
	width:70%;
	padding:5px;
}

.prevnextmenu {
	background-color: #F3F3F3;
	font-size:1.2em;
	color:#000;
	padding:3px 8px;
	border-radius:3px;
	border:solid #000 1px;
	margin:3px;
	text-decoration:none;	
}
#mobilemenu a:link {
	color:#000
}
.prevnextmenu:hover {
	background-color: #CCC;
}

}