@charset "UTF-8";
.imgcontainer {
	position: relative	
}

.imglist {
	cursor : pointer;
	vertical-align: middle;
	height: 250px;
	margin : 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	opacity: 0.7;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.imglist:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.imgcaption {
	cursor : pointer;
    display: inline;
    padding: 6px 6px 20px 6px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: 10px;
    background-color: rgba(27, 27, 7, 0.4);
    position: absolute;
    left: 10px;
    top: 106px;
    height: 20px;
    text-shadow:0px 0px 20px black;
    /*text-shadow: black 0.1em 0.1em 0.1em;*/
    max-width: 87%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ideEL {
	cursor : pointer;
	position: absolute;
}

.tmpedit {
	cursor : pointer;
    padding: 6px 6px 20px 6px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px;
    /*background-color: rgba(27, 27, 7, 0.7);*/
    position: absolute;
    left: 10px;
    top: -110px;
    height: 20px;
    text-shadow: black 0.1em 0.1em 0.1em;
    opacity: 0.7;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

.tmpedit:hover {
  color: #ff0;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.imgareaselect-rotate{
	cursor : pointer;
	opacity: 0.7;
}

.imgareaselect-rotatecenter {
	cursor : pointer;
	position: absolute; 
	font-size: 0px; 
	border: 1px dashed #ffffff;
	background-color: transparent;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	opacity: 0.7;
}

.imgareaselect-rotateline {
	position: absolute; 
	height:1px; 
	border-top:1px dashed #C0C0C0;
	opacity: 0.7;
}