﻿
#imageRelayFrame
{
    border :0px solid #fff;
    height:0px;
    width:0px;
}
.imgWrapper
{
    display:inline-block;
    cursor:pointer;
    position: relative;
}
.imgOverlay
{
    text-align:left;
    position:absolute;
    bottom: -2px;
    right: -3px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-color:rgba(255,255,255,1);
    border-top-left-radius:1px;
    background-position:left bottom;
    display: none;
    height:16px;
    width:16px;
}
.imgWrapper:hover 
{
    outline:#888 dashed 1px;
    margin:0px 0 0 0px;
}
.imgWrapper.disabled, .imgWrapper.disabled:hover
{
    cursor:inherit;
    outline:none;
}

#imageEditorWindow{
    background-color:white;
    padding:20px;
    position: fixed !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #000;
}

#imageEditorWindow [name='imageTitle']
{
    color: #4E4F51;
    font-size: 16px;
    font-weight: bold;
}

#imageEditorWindow [name='imageHelp']
{
    color: #4E4F51;
    cursor:pointer;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    float:right;
}

#imageEditorWindow .body
{
    font-size:12px;
    min-width:745px;
    min-height:445px; 
    padding:10px 10px 10px 10px;
}

#imageEditorWindow > .body >.userInputFields 
{
    display:inline-block;
    margin-bottom:10px;
}

#imageEditorWindow > .body > .userInputFields  > div
{
    display:inline-block;
    padding: 0px 10px 0px 0px;
}
#imageEditorWindow > .body > .userInputFields > .urlSection  input[type='text']
{
    width:380px;
}

#imageEditorWindow > .body > .imageEditingArea > div
{
    display:inline-block;
    vertical-align:top;
}

#imageEditorWindow > .body > .imageEditingArea > .previewArea > .hoverinfoarea
{
    min-width:128px;
    min-height:128px;
    margin:0px 10px 0px 0px;
    border:1px solid #CCCCCC;
}
#imageEditor >body>.imageEditingArea>.previewArea> .imageContainer.preview
{
    width:128px;
    height:128px;
    display:inline-block;
    overflow:hidden;
    vertical-align:top; 
}
#imageEditor .preview{
    overflow:hidden;
    max-height:128px;
    max-width:128px;
}
#imageEditor input[type=checkbox]
{
    margin: 3px 3px 3px 4px;
}

#imageEditorCancel,#imageEditorDelete
{
    width:80px;
}
#imageEditorSave
{
    width:100px;
}

