.image{
  display:inline-block;
  position:relative;
  padding:10px 0px 10px 0px;
  /* Uncommenting the below makes it impossible to highlight an image */
  /* It also breaks beign able to copy&paste images */
  /*
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  */
}

.image > img{
  width:100% !important;
  height: auto !important;
  /* Uncommenting the below makes it impossible to highlight an image */
  /* It also breaks beign able to copy&paste images */
  /*
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;  
  */
}

.image > .control{
  position:absolute;
  background-color:#fff;
  opacity:0.7;
  bottom:10px;
  border: solid #666 1px;
  cursor:pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;	
}

.image > .control:active{
  background-color: #666;
}

.image > .control:hover{
  opacity:1;
}

.image > #initial{
  height:10px;
  width:30px;
  right:150px;
}

.image > #small{
  height:20px;
  width:20px;
  right:115px;
}

.image > #medium{
  height:35px;
  width:35px;
  right:70px;
}

.image > #large{
  height:50px;
  width:50px;
  right:10px;
}

.imginitial{
  width:auto;
}
.imgsmall{
  width:25%;
}
.imgmedium{
  width:50%;
}
.imglarge{
  width:100%;
}
