/**
 * Form styles
 * Dashboard form base styles
 */
.form {
    display: block;
    font: normal 1em/1.5 Verdana, sans-serif;
}


/* Clear fix
 --------------------------------------- */

.form .field:before,
.form .field:after {
    content: "";
    display: table;
}

.form .field:after {
    clear: both;
}

.form .field {
    zoom: 1;
}

/* Field frame
 --------------------------------------- */

.form .field {
    position: relative;
    padding: 5px 5px 5px 150px;
    min-height: 17px;
    clear: both;
}

/* Label
 --------------------------------------- */

.form .field span.label,
.form .field label {
    position: relative;
    width: 141px;
    cursor: pointer;
    text-align: right;
    padding-top: 2px;
    margin-left: -150px;
    float: left;
    *position: absolute !important;
}

.form .field span.label {
    cursor: auto;
}

.form .field label small {
    font-size: 9px;
    display: block;
    color: #8C8C8C;
}

/* Default style for input, select...
 --------------------------------------- */

.form .default-input,
.form .file .input,

.form .select select,
.form .selectmulti select,
.form .integer input,
.form .date input,
.form .timestamp input,
.form .float input,
.form .text input,
.form .tags .input,
.form .password input,
.form .texteditor textarea,
.form .textarea textarea {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #C9C9C9;
    min-width: 400px;
    font: normal 1em/1.5 Verdana, sans-serif;
    padding: 4px;
    border-radius: 2px;

    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
}


.form .date input,
.form .timestamp input {
    background-image: url(/dashboard/themes/default/images/form_calendar.gif);
    background-image: url(/dashboard/themes/default/images/form_calendar.gif), -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    background-repeat: no-repeat, repeat;
    background-position: center right, 0 0;
}

.form .texteditor textarea,
.form .textarea textarea {
    resize: both;
    min-width: 400px;
    min-height: 100px;
}

.form .texteditor textarea {
    min-width: 600px;
    min-height: 500px;
}

/* Default focus style
 --------------------------------------- */

.form .default-input:focus,
.form .default-input:hover,
.form .file .input:focus,
.form .file .input:hover,
.form .select select:focus,
.form .select select:hover,
.form .selectmulti select:focus,
.form .selectmulti select:hover,
.form .integer input:focus,
.form .integer input:hover,
.form .float input:focus,
.form .float input:hover,
.form .text input:focus,
.form .text input:hover,
.form .text input:focus,
.form .tags .input:hover,
.form .tags .input:focus,
.form .date input:hover,
.form .texteditor textarea:hover,
.form .texteditor textarea:focus,
.form .textarea textarea:hover,
.form .textarea textarea:focus {
    border-color: #A9A4A4;
}

/* Required
 --------------------------------------- */

.form .field span.label .required,
.form .field label .required {
    color: red;
}

/* Descritpion
 --------------------------------------- */

.form .field .description {
    float: none;
    width: auto;
    cursor: auto;
    font-size: 0.9em;
    margin-left: 5px;
}

/* Tooltip
 --------------------------------------- */

.form .field acronym.help {
    display: inline-block;
    border-radius: 3px 3px 3px 3px;

    background-color: #5B9EDD;
    border: 1px solid #477DAE;
    color: #FFFFFF;
    height: 14px;
    line-height: 14px;
    width: 13px !important;
    text-shadow: 0 1px 0 #104266;
    ;
    text-align: center;
    cursor: help !important;
    margin-left: 5px;
}

/* Tabs
 --------------------------------------- */

.form .tabs-linked,
.form .tabs {
    display: none;
    border-bottom: 1px solid silver;
    font-family: 'Cuprum', sans-serif;
    font-size: 14px;
    padding-left: 151px;
    padding-top: 5px;
    margin-bottom: 5px;
    min-height: 25px;
}

.form .tabs-linked a,
.form .tabs a {
    position: relative;
    padding: 3px 10px 0;
    cursor: pointer;
    text-decoration: none;
    color: black;
    display: inline-block;
    bottom: -1px;
}

.form .tabs-linked a.active,
.form .tabs a.active {
    color: #5B9EDD;
    border-color: silver silver white;
    border-style: solid;
    border-width: 1px;
    color: #5B9EDD;
    padding-bottom: 0px;
}

.form .tabs a.error {
    color: #D53535;
    border-color: #EEA4A4 #EEA4A4 white;
}

.form .tabs-contents>div {
    display: block;
}


/* Tabs
 --------------------------------------- */

.form .tabs-linked {
    display: block;
}

/* Header
 --------------------------------------- */

.form h3.header {
    padding: 5px 5px 5px 25px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 10px;
    background: url(../images/ico16x16/form-title.png) no-repeat 2px 9px;
}


/* Separator
 --------------------------------------- */

.form .separator {
    font-family: 'Cuprum', sans-serif;
    border-bottom: 1px solid silver;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-top: 0;
    min-height: 0;
}


/* Error
 --------------------------------------- */

/*.form .error label {
        color: #DC6363;
}*/
.form .error select,
.form .error table.mceLayout,
.form .error textarea,
.form .error input {
    border: 1px solid #EEA4A4;
    box-shadow: 0 0 6px #EFB0B0;
}

.form .error .subfield label {
    color: #DC6363;
}

/* Checkbox / Radio
 --------------------------------------- */

.form .radio .description,
.form .checkbox .description {
    cursor: auto;
}

.form .radio .label-alt,
.form .checkbox .label-alt {
    float: none;
    margin-left: 2px;
    position: static;
    vertical-align: 3px;
    width: auto;
}


/* Checkboxlist / Radiolist
 --------------------------------------- */

.form .radiolist span.label,
.form .checkboxlist span.label {
    cursor: auto;
    vertical-align: 2px;
}

.form .radiolist .subfield,
.form .checkboxlist .subfield {
    text-align: left;
    padding-left: 2px;
}

.form .radiolist .subfield label,
.form .checkboxlist .subfield label {
    float: none;
    width: auto;
    padding-top: 0;
    margin-left: 0;
    position: static;
}


/* File input
 --------------------------------------- */

.form .file .button {
    border: 1px solid #606060;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 6px #929292;
    color: #D5D5D5;
    padding: 2px 10px;
    vertical-align: top;
    margin-left: 5px;

    background: -moz-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F6F6F), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -o-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -ms-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: linear-gradient(top, #6F6F6F 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F6F6F', endColorstr='#333333', GradientType=0);
}

.form .file .button:hover {
    cursor: pointer;

    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #6f6f6f));
    background: -webkit-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -o-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -ms-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: linear-gradient(top, #333333 0%, #6f6f6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#6f6f6f', GradientType=0);
}

.form .file .inputfile {
    height: 25px;
    position: absolute;
    width: 367px;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.form .file .input {}

.form .file .file-uploaded {
    display: inline-block;
}

.form .file .file-uploaded a {
    background: url("../images/ico16x16/page_white.png") no-repeat scroll 0 4px transparent;
    display: inline-block;
    padding: 4px 0 4px 20px;
    text-decoration: none;
}


/* Files input
 --------------------------------------- */

.form .files .buttons {
    padding-left: 5px;
    padding-top: 2px;
    clear: both;
}

.form .files .list {
    padding: 1px 5px 5px;
}

.form .files .list #no-files {
    display: inline;
    font-style: italic;
    color: #999999;
}

.form .files .list .element {
    background: white none repeat scroll 0 0;
    border: 1px dashed #fff;
    float: left;
    height: 115px;
    padding: 0;
    position: relative;
    width: 460px;
}

.form .files .list .element-helper {
    background-color: #F4F4F4;
    min-height: 50px;
    padding: 3px;
    min-width: 250px;
    float: left;
    border-radius: 2px;
    border: 1px dashed silver;
}

.form .files .list .element a {
    background: url("../images/ico16x16/file_black.png") no-repeat scroll 0 4px transparent;
    color: #282828;
    display: block;
    height: 1.5em;
    overflow: hidden;
    padding: 4px 0 4px 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 215px;
}

.form .files .list .element textarea {
    display: block;
    min-width: 392px;
}

.form .files .list .element input {
    display: block;
    margin-bottom: 6px;
    min-width: 392px;
}

.form .files .list .element .delete {
    background: url("../images/ico16x16/delete.png") no-repeat scroll 0 0 white;
    bottom: 5px;
    cursor: pointer;
    display: none;
    padding: 2px 2px 2px 18px;
    position: absolute;
    right: 8px;
}

.form .files .list .element .move {
    background: url("../images/ico16x16/move.png") no-repeat scroll 0 0 white;
    bottom: 5px;
    cursor: pointer;
    display: none;
    padding: 2px 2px 2px 18px;
    position: absolute;
    right: 61px;
    cursor: move;
}

.form .files .list .element:hover .move,
.form .files .list .element:hover .delete {
    display: block;
    opacity: 0.7;
}

.form .files .list .element:hover .move:hover,
.form .files .list .element:hover .delete:hover {
    opacity: 1;
}



/* Photos input
 --------------------------------------- */

.form .photos .buttons {
    padding-left: 5px;
    padding-top: 2px;
    clear: both;
}

.form .photos .list {
    padding: 1px 5px 5px;
    position: relative;
    min-height: 30px;
}

.form .photos .list #no-files {
    display: inline;
    font-style: italic;
    color: #999999;
    left: 10px;
    position: absolute;
}

.form .photos .list .element {
    background: none repeat scroll 0 0 white;
    float: left;
    height: 115px;
    padding: 3px;
    position: relative;
    width: 460px;
    border: 1px dashed #FFF;
    padding-left: 129px;
    min-height: 120px;
}

.form .photos .list .element-helper {
    background-color: #F4F4F4;
    height: 115px;
    padding: 3px 3px 3px 129px;
    width: 247px;
    float: left;
    border-radius: 2px;
    border: 1px dashed silver;
}

.form .photos .list .element a {
    background: url("../images/ico16x16/file_black.png") no-repeat scroll 0 4px transparent;
    display: inline-block;
    padding: 4px 0 4px 20px;
    text-decoration: none;
    display: block;
    color: #282828;
    width: 215px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.5em;
}

.form .photos .list .element .thumb {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 107px;
    max-width: 107px;
    max-height: 107px;
}

.form .photos .list .element textarea {
    display: block;
    width: 440px;
}

.form .photos .list .element input {
    display: block;
    margin-bottom: 6px;
    width: 440px;
}

.form .photos .list .element .delete {
    background: url("../images/ico16x16/delete.png") no-repeat scroll 0 0 white;
    bottom: 5px;
    cursor: pointer;
    display: none;
    padding: 2px 2px 2px 18px;
    position: absolute;
    right: 8px;
}

.form .photos .list .element .move {
    background: url("../images/ico16x16/move.png") no-repeat scroll 0 0 white;
    bottom: 5px;
    cursor: pointer;
    display: none;
    padding: 2px 2px 2px 18px;
    position: absolute;
    right: 61px;
    cursor: move;
}

.form .photos .list .element .crop {
    background: url("../images/ico16x16/crop.png") no-repeat scroll 0 0 white;
    bottom: 5px;
    cursor: pointer;
    display: none;
    padding: 2px 2px 2px 18px;
    position: absolute;
    right: 130px;
    cursor: pointer;
}

.form .photos .list .element:hover .move,
.form .photos .list .element:hover .crop,
.form .photos .list .element:hover .delete {
    display: block;
    opacity: 0.7;
}

.form .photos .list .element:hover .move:hover,
.form .photos .list .element:hover .crop:hover,
.form .photos .list .element:hover .delete:hover {
    opacity: 1;
}


/* Tags
 --------------------------------------- */

.form .tags .input {
    margin-right: 8px;
}

.form .tags .list {
    margin-top: 10px;
    width: 400px;
    min-height: 200px;
}

.form .tags .list li {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 3px;
    padding: 3px 3px 3px 5px;
}

.form .tags .list li span {
    background: url("../images/cross.gif") no-repeat scroll 1px 0 transparent;
    opacity: 0.39;
    padding: 0 6px;
    cursor: pointer;
    color: transparent;
}

.form .tags .list li span:hover {
    background-image: url("../images/cross_red.gif");
    opacity: 1;
}

/* Buttons
 --------------------------------------- */

.form .buttons {
    padding-left: 156px;
}

.form .buttons input,
.form .default-button {
    border: 1px solid #606060;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 6px #929292;
    color: #D5D5D5;
    padding: 3px 10px;
    vertical-align: top;

    background: -moz-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F6F6F), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -o-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: -ms-linear-gradient(top, #6F6F6F 0%, #333333 100%);
    background: linear-gradient(top, #6F6F6F 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F6F6F', endColorstr='#333333', GradientType=0);
}

.form .default-button.active {
    background: #333333;
    background: -moz-linear-gradient(top, #a2a2a2 0%, #383838 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #383838));
    background: -webkit-linear-gradient(top, #a2a2a2 0%, #383838 100%);
    background: -o-linear-gradient(top, #a2a2a2 0%, #383838 100%);
    background: -ms-linear-gradient(top, #a2a2a2 0%, #383838 100%);
    background: linear-gradient(top, #a2a2a2 0%, #383838 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2a2a2 ', endColorstr='#383838', GradientType=0);
}

.form .buttons input:hover,
.form .default-button:hover,
.form .default-button.active:hover {
    cursor: pointer;
    /*padding: 4px 10px 2px;*/
    text-decoration: none;
    ;
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #6f6f6f));
    background: -webkit-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -o-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: -ms-linear-gradient(top, #333333 0%, #6f6f6f 100%);
    background: linear-gradient(top, #333333 0%, #6f6f6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#6f6f6f', GradientType=0);
}

.form .submit-buttons {
    padding-top: 10px;
    border-top: 1px solid silver;
    margin-top: 5px;
}


/* Math captcha
 --------------------------------------- */

.form .math-captcha label small {
    display: inline;
}

/* Re-captcha
 --------------------------------------- */

.form #recaptcha_response_field {
    border: 1px solid #C9C9C9 !important
}

.form .error #recaptcha_response_field {
    box-shadow: none;
}

.form .error #recaptcha_table {
    box-shadow: 0 0 6px #EFB0B0;
    border: 1px solid #EEA4A4 !important;
}

/* Form in ui dialog
 --------------------------------------- */

#ftp-dialog .field {
    padding-left: 83px;
}

#ftp-dialog .field label {
    width: 97px;
}

#ftp-dialog .text input {
    width: 147px;
    min-width: 147px;
}

.form .select2-inline {
    clear: none;
    display: inline-block;
    padding: 0 15px 0 0;
}

.mce-tinymce {
    position: relative;
}

.mce-tinymce+textarea {
    display: block !important;
    position: absolute;
    top: 0;
    z-index: -1;
}