/*******************************
 ImageHighlighter Specific CSS 
 *******************************/
 /* Link List: currently hovered/selected */
a.current { color: #fff; 
}

/* Hide & Position Descriptions */
ul.imgHL2 p, span.desc { display: none; }
/*
.description, .description2 {
 margin: 1em auto; 
 clear: both;
 width: 450px;
 height: 2.4em;
 text-align: center;
}*/

/* General imgHighLight (overlay and highlight) */
.imageHighlighter, .imgHLDark, .imgHLLight, .imgHLOverlay { padding: 0; margin: 0; } /* overlay and highlight divs */
.imgHLOverlay { /* overlay color & opacity */
 background: #000;
 opacity: .7;
 filter: alpha(opacity=70);
}

.imgHLDark:hover{
	cursor: url(../../img/resume_writing/mag.png), text;
}


/**************************
 imageHighLighterEditor CSS 
 **************************/
.imgHLInfo, .imgHLCoords { margin: 5px auto; text-align: center; } /* divs that contain mouse coordinates and other info */

.imgHLCoords input { background: transparent; color: #ffffff; border: 0; } /* input containing coordinates */
input.regCoords { width: 50px; } /* "x,y" coords - mouse position */
input.wideCoords { width: 100px; } /* "x1,y1,x2,y2" coords - full box */

.imgHLEdited .imgHLCoords { background-color: #ed8c00; } /* editor mode enabled styling - I originally used outline: #0f0 1px solid, but it doesn't work on IE6-7 */
.imgHLLocked .imgHLCoords { background-color: #666; } /* locked mouse coordinate styling */
.imgHLEdited img { border: transparent solid; border-width: 0 2px 2px 0; margin: -1px; } /* add right & bottom edge so mouse can get corner*/
.jcrop-holder img { top: 0; left: 0 } /* jCrop image positioning fix (for demo floated images) */