#photocropper form { width: 350px; margin: 0 auto; }

#photocropper img { border: 1px solid #9b9b9b; }

#photocropper h2 { margin-bottom: 0.5em; font-weight: bold; text-transform: uppercase; }

#photocropper p { text-align: center; }

#photocropper p.zoom,
#photocropper p.orientation,
#photocropper p.position { position: relative; float: left; width: 106px; height: 80px; background-repeat: no-repeat; background-position: center bottom; }
#photocropper p.zoom a,
#photocropper p.orientation a,
#photocropper p.position a { position: absolute; display: block; zoom: 1; overflow: hidden; text-indent: -999px; }

#photocropper p.zoom { margin-left: 16px; background-image: url(../../image/crop/zoom.gif); }
#photocropper p.zoom a.out { left: 23px; bottom: 0; width: 30px; height: 60px; }
#photocropper p.zoom a.in { right: 23px; bottom: 0; width: 30px; height: 60px; }

#photocropper p.orientation { background-image: url(../../image/crop/orientation.gif); }
#photocropper p.orientation a { left: 23px; bottom: 0; width: 60px; height: 60px; }

#photocropper p.position { background-image: url(../../image/crop/position.gif); }
#photocropper p.position a { width: 21px; height: 21px; }
#photocropper p.position a.up { left: 42px; bottom: 40px; }
#photocropper p.position a.down { left: 42px; bottom: 0;  }
#photocropper p.position a.left { left: 21px; bottom: 20px; }
#photocropper p.position a.right { left: 63px; bottom: 20px; }

#photocropper p.buttons { clear: both; text-align: right; }

/* ================================================  CUSTOMISATIONS =================================== */
.ie div.PopBox.photocropper .canvas { width: 350px !important; }
div#photocropper div.masked {
    background-color: #808080;
    filter: alpha(opacity=70); /* MSIE */
    opacity: 0.7; /* CSS3 */
    -moz-opacity: 0.7;
    position: absolute;
}

div#photocropper div.masked img {
    border: 0px;
}

#photocropper p.zoom { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/crop/zoom.gif); }
#photocropper p.orientation { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/crop/orientation.gif); }
#photocropper p.position { background-image: url(//static.marathon-photos.com/website-assets/images/MPX2/crop/position.gif); }
