2 /* width: 500px; @done_in_js */
3 /* height: 375px; @done_in_js */
8 /* an extra classname is applied for Opera < 9.0 to fix its lack of opacity support */
9 .imgCrop_wrap.opera8 .imgCrop_overlay,
10 .imgCrop_wrap.opera8 .imgCrop_clickArea {
11 background-color: transparent;
14 /* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
21 background-color: #000;
23 filter:alpha(opacity=50);
36 background: transparent url(castle.jpg) no-repeat -210px -110px;
42 /* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
46 background-color: #FFF;
48 filter:alpha(opacity=01);
51 .imgCrop_marqueeHoriz {
55 background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
59 .imgCrop_marqueeVert {
63 background: transparent url(marqueeVert.gif) repeat-y 0 0;
67 .imgCrop_marqueeNorth { top: 0; left: 0; }
68 .imgCrop_marqueeEast { top: 0; right: 0; }
69 .imgCrop_marqueeSouth { bottom: 0px; left: 0; }
70 .imgCrop_marqueeWest { top: 0; left: 0; }
75 border: 1px solid #333;
80 filter:alpha(opacity=50);
84 /* fix IE 5 box model */
85 * html .imgCrop_handle {
95 /* margin-left: 49%; @done_in_js */
108 /* margin-top: 49%; @done_in_js */
121 /* margin-right: 49%; @done_in_js */
134 /* margin-top: 49%; @done_in_js */
145 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image
156 .imgCrop_previewWrap {
157 /* width: 200px; @done_in_js */
158 /* height: 200px; @done_in_js */
163 .imgCrop_previewWrap img {