#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
	
	

/* Apply these styles only when #preview-pane has
   been placed within the Jcrop widget */
.jcrop-holder #preview-pane {
width: 250px;
  display: block;
  position: relative;
  padding: 6px;
  border: 1px rgba(0,0,0,.4) solid;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

/* The Javascript code will set the aspect ratio of the crop
   area based on the size of the thumbnail preview,
   specified here */
#preview-pane .preview-container {
  width: 170px;
  height: 170px;
  overflow: hidden;
}

#preview-pane-all{
	display:none;
	right: 520px;
	width: 170px;
	height: 170px;
	position: absolute;
   	top: 30px;
	z-index: 10000;
	-webkit-box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 8px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 8px rgba(50, 50, 50, 0.75);
}


#reset-load-image{
	margin-bottom : 20px;
}
#spiBigImg{
display : none;
position : absolute;
}
#spiBigImg img{
	width: 500px;
	max-height: 500px;
}