/*
    Author     : Tomaz Dragar
    Mail       : <tomaz@dragar.net>
    Homepage   : http://www.dragar.net
*/

#fileInput{
  width:0;
  height:0;
  overflow:hidden;
}

#modal{
  z-index: 2000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #5F5F5F;
  opacity: 0.95;
  display: none;
}

#preview{
  z-index: 2001;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  border: 4px solid #A5A2A2;
  border-radius: 4px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}
#preview span{
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}

#preview .buttons{
  width: 36px;
  position: absolute;
  bottom:0px;
  right: -44px;
}

#preview .buttons .ok{
  background: url(/i/image/site/sprite.png?v=1.1) no-repeat rgba(255, 255, 255, 0) -177px -361px;
  background-repeat: no-repeat;
  float: left;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color:rgba(0, 0, 0, 0.5);
}
#preview .buttons .ok:hover{

}

#preview .buttons .cancel{
background: url(/i/image/site/sprite.png?v=1.1) no-repeat rgba(255, 255, 255, 0) -175px -391px;
  background-repeat: no-repeat;
  float: left;
  width: 36px;
  height: 36px;
    cursor: pointer;
	  margin-bottom: 6px;
    background-color:rgba(0, 0, 0, 0.5);
}

#preview .buttons .cancel:hover{

}

#preview .buttons .rotate{
background: url(/i/image/site/rotate.png?v=1.2) no-repeat 50% 50%;
  background-size: cover;
  float: left;
  width: 36px;
  height: 36px;
    cursor: pointer;
    margin-bottom: 6px;
    background-color:rgba(0, 0, 0, 0.5);
}

.working{
	position: absolute;
	z-index: 1000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.8) url(/i/image/site/ajax-loader.gif) no-repeat 50% 50%;
}