/*********************************************************************
(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/>.
**********************************************************************/

.isreadable-no .action.imageinfo,
.isselectable-no .action.imageinfo,
.isempty-yes .action.imageinfo {
	display: none;
}
.action.imageinfo, .imageinfo.ui-dialog .ui-dialog-title {
	background-repeat: no-repeat;
}
.action.imageinfo.image, .imageinfo.image.ui-dialog .ui-dialog-title {
	background-image: url(imageinfo-image.png);
}
.action.imageinfo.image:hover {
	background-image: url(imageinfo-image-hover.png);
}
.action.imageinfo.video, .imageinfo.video.ui-dialog .ui-dialog-title {
	background-image: url(imageinfo-video.png);
}
.action.imageinfo.video:hover {
	background-image: url(imageinfo-video-hover.png);
}
.action.imageinfo.audio, .imageinfo.audio.ui-dialog .ui-dialog-title {
	background-image: url(imageinfo-audio.png);
}
.action.imageinfo.audio:hover {
	background-image: url(imageinfo-audio-hover.png);
}
.action.imageinfo.image, .action.imageinfo.video, .action.imageinfo.audio {
	background-position: 2px center;
}
.imageinfo.ui-dialog .ui-dialog-title {
	background-position: left center;
	padding-left: 20px;
}

.imageinfo-audio-hide .action.imageinfo.audio, .imageinfo-video-hide .action.imageinfo.video, .imageinfo-image-hide .action.imageinfo.image {
	display: none;
}
table.imageinfo, .imageinfo table {
	border-collapse: collapse;
	border-spacing: 0px;
}
table.imageinfo td {
	vertical-align: top;
	
}
.iiprop:hover {
	background-color: #eaeaea;
}
.imageinfo .iigroups {
	width: 175px;
}
.imageinfo .iigroupcontent {
	width: 30em;
}
.imageinfo .iigroups, .imageinfo .iigroupcontent {
	height: 320px;
	overflow: auto;
}
.imageinfo .iipropstitle, .imageinfo .iigroupstitle {
	font-weight: bold;
	border-bottom: 1px solid gray;
	background-color: white;
}
.imageinfo .iigroupsel { 
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}
.imageinfo .iigroupsel a {
	border-radius: 4px;
	border: 1px solid #aaa; 
	width: 90%;
	display: inline-block;
	font-size: 0.9em;
	text-align: center;
}
.imageinfo .iigroupsel a.active {
	background-color: #eaeaea;
	font-weight: bold;	

}
.imageinfo .iigroupsel a:hover, .imageinfo .iigroupsel a:focus {
	border-color: black;
	outline: none;
}
.imageinfo .iigroup {
	display: none;
}
.imageinfo .iigroupname {
	font-weight: bold;
}
.imageinfo .iipropname {
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #444;
}
.imageinfo .iipropvalue {
	overflow: hidden;
	text-overflow: ellipsis;
}
.imageinfo .iithumbnail {
	max-width: 160px;
	max-height: 100px;
}
