/* HTML EDITOR 
------------------------------------------- */
.ajax__htmleditor_editor_default .ajax__htmleditor_editor_editpanel, .ajax__htmleditor_editor_toptoolbar
{
    background-color: White;
    color: Black;
}
.ajax__htmleditor_editor_toptoolbar
{
    border-bottom: solid 1px black;
}
.ajax__htmleditor_editor_default
{
    width: 95%;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* TABLE
----------------------------------------------------------*/

table
{
    border-collapse: collapse;
}

table td
{
}

table th
{
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
}

.display-label, .editor-label
{
    display: block;    
    line-height: 1.8;
}

.display-field, .editor-field
{
    display: block;
    margin-bottom: 20px;
}

/* ImageUrl - Dynamic Data */
.editor-field .current img
{
    width: 128px;
    background-color: Black;
    padding: 5px;
    margin-top: 20px;
}

.text-box
{
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.watermark
{
    color: #ccc;
}

.submitButton
{
    margin-left: 20px;
}

/* EDITOR 
-------------------------------------------*/
.editor
{
    overflow: auto;
    background-color: #222231;
    color: #666;
}
.editor h2
{
    background-color: Black;
    padding: 10px 20px;
    margin: 2px;
    color: #ff8000;    
}

.editor .create-form
{
    width: 350px;
    float: left;
    margin: 0 0 20px 20px;
}
.editor .edit-form
{
    float: right;
    width: 500px;
    margin: 0 20px 20px 0;
}

fieldset
{
    border: solid 1px black;
    padding: 20px;
}

.editor .item
{
    border-bottom: solid 1px black;
    padding-bottom: 10px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

input[type="text"], input[type="file"], input[type="password"], textarea
{
    width: 300px;
    display: block;
}

input[type="submit"], input[type="file"]
{
    padding: 2px 20px;
}

input[type="submit"]
{
    margin: 20px 0;
}

/* keep checkbox & text together */
input[type="checkbox"] + label
{
    display: inline;
}




/* SHOWCASE 
----------------------------------------------- */
#available-photos.photos, #selected-photos.photos, #current-photos.photos
{
    padding: 20px;
}
#available-photos.photos fieldset, #selected-photos.photos fieldset, #current-photos.photos fieldset
{
    padding-top: 0;
}
#available-photos.photos .photo.item, #available-photos.photos .photo.item input[type="image"],
#selected-photos.photos .photo.item, #selected-photos.photos .photo.item input[type="image"],
#current-photos.photos .photo.item, #current-photos.photos .photo.item input[type="image"]
{
    border: none;
    padding: 0;
}
#available-photos.photos .photo.item img.thumbnail, #available-photos.photos .photo.item input[type="image"],
#selected-photos.photos .photo.item img.thumbnail, #selected-photos.photos .photo.item input[type="image"],
#current-photos.photos .photo.item img.thumbnail, #current-photos.photos .photo.item input[type="image"]
{
    width: 48px;
    height: auto;
    float: left;
    background-color: Black;
    padding: 1px;
    margin: 0 3px 3px 0;
}
#available-photos, #current-photos, #selected-photos
{
    width: 420px;
    float: left;
}


/* COMMENTS
---------------------------------------- */
#add-comment.editor .create-form
{
    width: 880px;    
    padding-bottom: 20px;
}