/*********************************************************************
(C) ZE CMS, Humboldt-Universitaet zu Berlin
Written 2014 by Daniel Rohde <d.rohde@cms.hu-berlin.de>
**********************************************************************
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 3 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.
You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
**********************************************************************/

.quicktoggles {
	display: inline;
}
.quicktoggle {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	outline: none;
    padding: 1px;
}
.quicktoggle.fullscreen {
	background-image: url(fullscreen-on.png);
}
.quicktoggle.fullscreen.off {
	background-image: url(fullscreen-off.png);
}
.quicktoggle.dot {
	background-image: url(dot-on.png);
}
.quicktoggle.dot.off {
	background-image: url(dot-off.png);
}
.quicktoggle.thumbnails {
	background-image: url(thumbnails-on.png);
}
.quicktoggle.thumbnails.off {
	background-image: url(thumbnails-off.png);
}
.quicktoggle.bars {
	background-image: url(bars-on.png);
}
.quicktoggle.bars.off {
	background-image: url(bars-off.png);
}
.quicktoggle:hover, .quicktoggle.focus {
    background-repeat: no-repeat;
}
.quicktoggle.fullscreen:hover, .quicktoggle.fullscreen:focus {
	background-image: url(fullscreen-on-hover.png);
}
.quicktoggle.fullscreen.off:hover, .quicktoggle.fullscreen.off:focus {
	background-image: url(fullscreen-off-hover.png);
}
.quicktoggle.dot:hover, .quicktoggle.dot:focus {
	background-image: url(dot-on-hover.png);
}
.quicktoggle.dot.off:hover, .quicktoggle.dot.off:focus {
	background-image: url(dot-off-hover.png);
}
.quicktoggle.thumbnails:hover, .quicktoggle.thumbnails:focus {
	background-image: url(thumbnails-on-hover.png);
}
.quicktoggle.thumbnails.off:hover, .quicktoggle.thumbnails.off:focus {
	background-image: url(thumbnails-off-hover.png);
}
.quicktoggle.bars:hover, .quicktoggle.bars:focus {
	background-image: url(bars-on-hover.png);
}
.quicktoggle.bars.off:hover, .quicktoggle.bars.off:focus {
	background-image: url(bars-off-hover.png);
}

#nav .action.quicktoggle-button {
	background-image: url(quicktoggle.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}
#nav .action.quicktoggle-button:hover, #nav .action.quicktoggle-button:focus {
	background-image: url(quicktoggle-hover.png);
}
.sidebar-iconsonly #nav .action.quicktoggle-button:hover .quicktoggles,.sidebar-iconsonly #nav .action.quicktoggle-button .quicktoggles:hover,
.sidebar-iconsonly #nav .action.quicktoggle-button:focus .quicktoggles,.sidebar-iconsonly #nav .action.quicktoggle-button .quicktoggles:focus, 
.sidebar-iconsonly .quicktoggles.show-toggles 
 {
	position:fixed;
	display: block;
	background-color: #ddd;
	box-shadow: 0 -3px 7px #000;
    left: 24px;
}
.filterbox .quicktoggles {
	width: 24px;
	height: 18px;
	top: 7px;
	left: -30px;
	position: absolute;
	display: inline-block;
	overflow: hidden;
}
.quicktoggles-spacer {
	display: none;
}
.filterbox .quicktoggles-spacer {
	background-image: url(quicktoggle.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	width: 24px;
}
.filterbox .quicktoggles-spacer:hover, .filterbox .quicktoggles-spacer:focus {
	background-image: url(quicktoggle-hover.png);
}
.filterbox .quicktoggles:hover, .filterbox .quicktoggles:focus {
	height: auto;
	background-color: inherit;
	box-shadow: 3px  0 7px #ddd;
	padding: 1px 1px 1px 4px;
	left: -34px;
	top: 6px;
}
#statusbar .quicktoggles {
	float: left;
	padding-right:10px;
}
