.imageEditorPopup_cropRectangle {
    /*border: 2px dotted red;*/
    background-color: white;
    overflow: hidden;
    
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.imageEditorPopup_container {
    position: fixed;

    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.imageEditorPopup_backgroundDiv {
    position: absolute;

    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    
    background-color: black;
    
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.imageEditorPopup_popupDiv {
    z-index: 2000;
    position: absolute;
    
    top: 50%;
    left: 50%;
    width: 590px;
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
    padding: 5px;
    
    border: 1px solid black;
    background-color: white;
    
    font-family: georgia;
    font-size: small;
}

.imageEditorPopup_imageEditDiv {
    border: 1px solid black;
    height: 300px;
    background-color: #ccc;
}

.imageEditorPopup_selectedImg 
{
    border: 1px solid white;
}

.imageEditorPopup_cropRectangle {
}

.imageEditorPopup_altTextDiv {
    margin-top: 5px;
    height: 22px;
    margin-bottom: 15px;
}

.imageEditorPopup_altTextLabel {
    margin-right: 1ex;
    font-family: Georgia, Times New Roman, Serif;
    font-weight: bold;
    font-size: 16px;
}

.imageEditorPopup_altTextTextBox {
    width: 65ex;
    margin-left: 3px;
    border: 1px solid black;
}

.imageEditorPopup_filterDiv {
    position: relative;
    height: 107px;
    border: 1px solid black;
    
    margin-top: 5px;
    padding: 5px;
    
    background-color: #7d8a2e;
}

.imageEditorPopup_filterHeading {
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    
    font-weight: bold;
}

.imageEditorPopup_nameLabel {
    display: block;
    position: absolute;
    top: 8px;
    left: 10ex;
    color: #E5EDC5;
    font-family: Arial, Sans-Serif;
}

/* _nameTextBox and _nameTextBox_filtering are sister classes. The _filtering
   version is used only when the image control is in the process of applying
   the user's selected filter criteria, and should share all of the position
   and size attributes as its sister.
*/
.imageEditorPopup_nameTextBox {
    display: block;
    position: absolute;
    top: 5px;
    left: 26ex;
    width: 57ex;
    border: 1px solid black;
}

.imageEditorPopup_nameTextBox_filtering {
    display: block;
    position: absolute;
    top: 5px;
    left: 25ex;
    width: 40ex;
    
    border: 1px solid blue;
    background-image: url(/assets/images/spinner.gif);
    background-position: right center;
}

.imageEditorPopup_tagsLabel {
    display: block;
    position: absolute;
    left: 10ex;
    top: 5ex;
    color: #E5EDC5;
    font-family: Arial, Sans-Serif;
}

.imageEditorPopup_filterTagContainer {
    position: absolute;
    top: 5ex;
    bottom: 5px;
    right: 5px;
    left: 26ex;
    padding: 3px;
    width: 56ex;
    border: 1px solid white;
    font-family: Arial, Sans-Serif;
    background-color: #e5edc5;
    
    overflow: auto;
}

.imageEditorPopup_filterTag {
    position: relative;
    display: block;
    width: 47%;
    margin-bottom: 3px;
    margin-right: 5px;
    padding-bottom: 3px;
    border-bottom: 1px dotted black;
    
    float: left;
}

.imageEditorPopup_filterTag INPUT 
{
    margin-right: 5px;
}

.imageEditorPopup_filterTag LABEL 
{

}

.imageEditorPopup_emptyImageList {
    position: relative;
    height: 120px;
    margin-top: 5px;
    padding: 5px;
    
    background-color: #9cc;
}

.imageEditorPopup_imageList {
    position: relative;
    height: 91px;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid black;
    background-color: #7d8a2e;
}

.imageEditorPopup_sortControls {
    position: absolute;
    bottom: -28px;
    right: -10px;
    
    text-align: left;
}

.imageEditorPopup_sortControls INPUT {
    background-color: #666;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    color: White;
    cursor: pointer;
    font-size: smaller;
    font-weight: bold;
    margin-right: 2ex;
    padding-bottom: 2px;
    text-decoration: none;
}

.imageEditorPopup_thumbnailContainer {
    position: absolute;
    border: 1px solid black;
    padding: 5px;
    left: 5px;
    top: 5px;
    height: 78px;
    width: 568px;
    background-color: #e5edc5;
    overflow: auto;
}

.imageEditorPopup_thumbnail {
    position: relative;
    display: block;
    height: 78px;
    width: 100px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #666;
    
    float: left;
}

.imageEditorPopup_thumbnail SPAN {
    display:block;
    position: absolute;
    bottom: 0px;
    width: 100px;
    height: 2.5ex;
    left: 0px;
    
    overflow: hidden;
    text-align: center;
}

.imageEditorPopup_thumbnail IMG {
    position: absolute;
    bottom: 3.25ex;
    left: 50%;
    margin-left: -25px;
}

.imageEditorPopup_selectedThumbnail {
    position: relative;
    display: block;
    height: 76px;
    width: 98px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: white;
    border: 1px solid white;
    
    float: left;
    
    background-color: #7d8a2e;
}

.imageEditorPopup_selectedThumbnail SPAN {
    display:block;
    position: absolute;
    bottom: 0px;
    width: 100px;
    height: 2.5ex;
    left: 0px;
    
    overflow: hidden;
    text-align: center;
}

.imageEditorPopup_selectedThumbnail IMG {
    position: absolute;
    bottom: 3.25ex;
    left: 50%;
    margin-left: -25px;
}