.imgCrop_wrap {

[0] Fix | Delete

/* width: 500px; @done_in_js */

[1] Fix | Delete

/* height: 375px; @done_in_js */

[2] Fix | Delete

position: relative;

[3] Fix | Delete

cursor: crosshair;

[4] Fix | Delete

}

[5] Fix | Delete

[6] Fix | Delete

/* an extra classname is applied for Opera < 9.0 to fix its lack of opacity support */

[7] Fix | Delete

.imgCrop_wrap.opera8 .imgCrop_overlay,

[8] Fix | Delete

.imgCrop_wrap.opera8 .imgCrop_clickArea {

[9] Fix | Delete

background-color: transparent;

[10] Fix | Delete

}

[11] Fix | Delete

[12] Fix | Delete

/* 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 */

[13] Fix | Delete

.imgCrop_wrap,

[14] Fix | Delete

.imgCrop_wrap * {

[15] Fix | Delete

font-size: 0;

[16] Fix | Delete

}

[17] Fix | Delete

[18] Fix | Delete

.imgCrop_overlay {

[19] Fix | Delete

background-color: #000;

[20] Fix | Delete

opacity: 0.5;

[21] Fix | Delete

filter:alpha(opacity=50);

[22] Fix | Delete

position: absolute;

[23] Fix | Delete

width: 100%;

[24] Fix | Delete

height: 100%;

[25] Fix | Delete

}

[26] Fix | Delete

[27] Fix | Delete

.imgCrop_selArea {

[28] Fix | Delete

position: absolute;

[29] Fix | Delete

/* @done_in_js

[30] Fix | Delete

top: 20px;

[31] Fix | Delete

left: 20px;

[32] Fix | Delete

width: 200px;

[33] Fix | Delete

height: 200px;

[34] Fix | Delete

background: transparent url(castle.jpg) no-repeat -210px -110px;

[35] Fix | Delete

*/

[36] Fix | Delete

cursor: move;

[37] Fix | Delete

z-index: 2;

[38] Fix | Delete

}

[39] Fix | Delete

[40] Fix | Delete

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */

[41] Fix | Delete

.imgCrop_clickArea {

[42] Fix | Delete

width: 100%;

[43] Fix | Delete

height: 100%;

[44] Fix | Delete

background-color: #FFF;

[45] Fix | Delete

opacity: 0.01;

[46] Fix | Delete

filter:alpha(opacity=01);

[47] Fix | Delete

}

[48] Fix | Delete

[49] Fix | Delete

.imgCrop_marqueeHoriz {

[50] Fix | Delete

position: absolute;

[51] Fix | Delete

width: 100%;

[52] Fix | Delete

height: 1px;

[53] Fix | Delete

background: transparent url(marqueeHoriz.gif) repeat-x 0 0;

[54] Fix | Delete

z-index: 3;

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

.imgCrop_marqueeVert {

[58] Fix | Delete

position: absolute;

[59] Fix | Delete

height: 100%;

[60] Fix | Delete

width: 1px;

[61] Fix | Delete

background: transparent url(marqueeVert.gif) repeat-y 0 0;

[62] Fix | Delete

z-index: 3;

[63] Fix | Delete

}

[64] Fix | Delete

[65] Fix | Delete

.imgCrop_marqueeNorth { top: 0; left: 0; }

[66] Fix | Delete

.imgCrop_marqueeEast { top: 0; right: 0; }

[67] Fix | Delete

.imgCrop_marqueeSouth { bottom: 0px; left: 0; }

[68] Fix | Delete

.imgCrop_marqueeWest { top: 0; left: 0; }

[69] Fix | Delete

[70] Fix | Delete

[71] Fix | Delete

.imgCrop_handle {

[72] Fix | Delete

position: absolute;

[73] Fix | Delete

border: 1px solid #333;

[74] Fix | Delete

width: 6px;

[75] Fix | Delete

height: 6px;

[76] Fix | Delete

background: #FFF;

[77] Fix | Delete

opacity: 0.5;

[78] Fix | Delete

filter:alpha(opacity=50);

[79] Fix | Delete

z-index: 4;

[80] Fix | Delete

}

[81] Fix | Delete

[82] Fix | Delete

/* fix IE 5 box model */

[83] Fix | Delete

* html .imgCrop_handle {

[84] Fix | Delete

width: 8px;

[85] Fix | Delete

height: 8px;

[86] Fix | Delete

wid\th: 6px;

[87] Fix | Delete

hei\ght: 6px;

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

.imgCrop_handleN {

[91] Fix | Delete

top: -3px;

[92] Fix | Delete

left: 0;

[93] Fix | Delete

/* margin-left: 49%; @done_in_js */

[94] Fix | Delete

cursor: n-resize;

[95] Fix | Delete

}

[96] Fix | Delete

[97] Fix | Delete

.imgCrop_handleNE {

[98] Fix | Delete

top: -3px;

[99] Fix | Delete

right: -3px;

[100] Fix | Delete

cursor: ne-resize;

[101] Fix | Delete

}

[102] Fix | Delete

[103] Fix | Delete

.imgCrop_handleE {

[104] Fix | Delete

top: 0;

[105] Fix | Delete

right: -3px;

[106] Fix | Delete

/* margin-top: 49%; @done_in_js */

[107] Fix | Delete

cursor: e-resize;

[108] Fix | Delete

}

[109] Fix | Delete

[110] Fix | Delete

.imgCrop_handleSE {

[111] Fix | Delete

right: -3px;

[112] Fix | Delete

bottom: -3px;

[113] Fix | Delete

cursor: se-resize;

[114] Fix | Delete

}

[115] Fix | Delete

[116] Fix | Delete

.imgCrop_handleS {

[117] Fix | Delete

right: 0;

[118] Fix | Delete

bottom: -3px;

[119] Fix | Delete

/* margin-right: 49%; @done_in_js */

[120] Fix | Delete

cursor: s-resize;

[121] Fix | Delete

}

[122] Fix | Delete

[123] Fix | Delete

.imgCrop_handleSW {

[124] Fix | Delete

left: -3px;

[125] Fix | Delete

bottom: -3px;

[126] Fix | Delete

cursor: sw-resize;

[127] Fix | Delete

}

[128] Fix | Delete

[129] Fix | Delete

.imgCrop_handleW {

[130] Fix | Delete

top: 0;

[131] Fix | Delete

left: -3px;

[132] Fix | Delete

/* margin-top: 49%; @done_in_js */

[133] Fix | Delete

cursor: e-resize;

[134] Fix | Delete

}

[135] Fix | Delete

[136] Fix | Delete

.imgCrop_handleNW {

[137] Fix | Delete

top: -3px;

[138] Fix | Delete

left: -3px;

[139] Fix | Delete

cursor: nw-resize;

[140] Fix | Delete

}

[141] Fix | Delete

[142] Fix | Delete

/**

[143] Fix | Delete

* Create an area to click & drag around on as the default browser behaviour is to let you drag the image

[144] Fix | Delete

*/

[145] Fix | Delete

.imgCrop_dragArea {

[146] Fix | Delete

width: 100%;

[147] Fix | Delete

height: 100%;

[148] Fix | Delete

z-index: 200;

[149] Fix | Delete

position: absolute;

[150] Fix | Delete

top: 0;

[151] Fix | Delete

left: 0;

[152] Fix | Delete

}

[153] Fix | Delete

[154] Fix | Delete

.imgCrop_previewWrap {

[155] Fix | Delete

/* width: 200px; @done_in_js */

[156] Fix | Delete

/* height: 200px; @done_in_js */

[157] Fix | Delete

overflow: hidden;

[158] Fix | Delete

position: relative;

[159] Fix | Delete

}

[160] Fix | Delete

[161] Fix | Delete

.imgCrop_previewWrap img {

[162] Fix | Delete

position: absolute;

[163] Fix | Delete

}

[164] Fix | Delete