@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
html {
	height:100%;
	width:100%;
}
body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#444444;
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
form {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}
img             { border:0; margin:0; padding:0; display:block; }

div.ImageGallery    { position:relative; margin:auto; height:100%; }

ul                  { position:relative; padding:0px; margin:0px; margin:auto; list-style:none; overflow:hidden; z-index:4; }
ul li               { display:inline-block; position:absolute; list-style:none; padding:0px; margin:0px; z-index:3; }
ul li a             { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; display:inline-block; position:relative; overflow:hidden; z-index:2; }
ul li a img         { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:absolute; display:block; z-index:1; }

div.ThumbList                   { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:relative; z-index:999; }
div.ThumbLeft, div.ThumbRight   { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:absolute; top:0px; padding:3px 0px; opacity: 0.8; filter: alpha(opacity=80); background-color:rgba(36,36,36,0.7); background-repeat:no-repeat; background-position:center center; background-repeat:no-repeat; background-size:100% auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; }
div.ThumbLeft                   { left:5px; background-image:url('/imagegallery/images/s_l.png'); }
div.ThumbRight                  { right:5px; background-image:url('/imagegallery/images/s_r.png'); }

div.BigImage                    { position:relative; }
div.BigImage img.BigImg         { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; border:0; margin:0; margin:auto; padding:0; display:block; cursor:pointer; }

div.BigLeft, div.BigRight   { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; height:100%; position:absolute; top:0px; padding:0px 0px; opacity: 0.8; filter: alpha(opacity=80); background-repeat:no-repeat; background-repeat:no-repeat; background-size:50px auto; cursor:pointer; }
div.BigLeft                 { left:5px; background-image:url('/imagegallery/images/b_l.png'); background-position:left center; }
div.BigRight                { right:5px; background-image:url('/imagegallery/images/b_r.png'); background-position:right center; }

div.Title           { display:inline-block; padding:8px; position:absolute; bottom:10px; color:rgb(255, 255, 255); background-color:rgba(0,0,0,0.5); font-size:16px; font-weight:400; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; }

@media screen and (max-width: 700px) {
    div.Title   { font-size:13px; }
    div.BigLeft, div.BigRight   { display:none; }
}