+
+#picture-view {
+ width: 100%;
+ position:absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 10;
+}
+
+#picture-view .picture-wrap {
+ background-repeat: no-repeat;
+ margin: 3rem auto 1rem auto;
+ display: block;
+ position: relative;
+ z-index: 10;
+// cursor: move;
+
+}
+
+
+.picture-wrap img.loading {
+ margin-left: -10000px;
+}
+
+.picture-wrap .mark {
+ border: 2px solid rgba(200, 200, 200, 0.7);
+ position: absolute;
+ display: block;
+}
+
+.picture-wrap .mark .label {
+ position: absolute;
+ display: block;
+ background-color: rgba(200, 200, 200, 0.7);
+ color: rgba(0,0,0,0.6);
+ font-size: 0.9rem;
+// bottom: -1.5em;
+}
+
+
+.toolbar {
+ position: fixed;
+ //top: 1.5rem;
+ left: 0rem;
+ color: #FFF;
+ z-index: 99;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ background: #333;
+ opacity: 0.9;
+ width: 8rem;
+}
+
+.toolbar ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ font-size: 0.8rem;
+ background-color: #222;
+}
+
+.toolbar .button.inactive a:active,
+.toolbar .button.inactive a:link,
+.toolbar .button.inactive a:visited
+{
+ color: #606060 !important;
+ cursor: not-allowed;
+}
+
+.toolbar .button a {
+ //background: #333;
+ //opacity: 0.9;
+ display: block;
+ height:1.5rem;
+
+ text-align: center;
+ color: #FFF;
+ padding: 0.2rem 0;
+ text-decoration: none;
+}
+
+.toolbar .button .dropdown-body a {
+ height: 1.2rem;
+ white-space: nowrap;
+}
+
+#picture-view .toolbar .button.square a {
+ width: 4rem; //1.5rem;
+ font-weight: bold;
+}
+
+li.button {
+ clear: both;
+}
+li.button.square {
+ clear: none;
+ float: left;
+}
+
+.toolbar .button a:link,
+.toolbar .button a:visited {
+ color: #FFF;
+}
+
+#picture-view .toolbar.button a:active {
+ color: yellow;
+}
+
+.moveright {
+ margin-left: 8rem !important;
+}
+
+#sponsors {
+ position: absolute;
+ display: block;
+ left: 0;
+ bottom: 0;
+ width: 8rem;
+
+ z-index:1;
+}
+#sponsors div {
+ z-index: 10;
+}
+
+#sponsors img {
+ width: 100%;
+ z-index: 10;
+}
+
+#spinner {
+ height: 1em;
+ z-index:10;
+}
\ No newline at end of file