/*  ==================================================================================
    AjaxUpload CSS Styles
    ==================================================================================
    Author:     Dock6 (http://dock6.com)
    Version:    1.0 (beta 1)
    Date:       21. 08. 2009
    ---------------------------------------------------------------------------------- */


/* Edit Wrapper */
span.dsfe-edit-wrapper {
                                
                                }

/* Edit Elements Main Wrapper */
div#dsfe-edit-elements {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background: transparent url(images/bg_light_60_trans.png) repeat;
                                z-index: 19000;
                                }

/* Confirmation Dialog */
div#dsfe-dark-alpha {
                                position: absolute;
                                width: 100%;
                                top: 0;
                                left: 0;
                                background: transparent url(images/bg_dark_50_trans.png) repeat;
                                z-index: 50000;
                                }

div#dsfe-confirm-delete {
                                position: absolute;
                                padding: 8px 8px 52px 8px;
                                border: 4px solid #a4cff5;
                                border-radius: 8px;
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                -webkit-box-shadow: 0 3px 6px #999;
                                -moz-box-shadow: 0 3px 6px #999;
                                background-color: #fff;
                                z-index: 50006;
                                }

div#dsfe-confirm-delete p {
                                font-size: 18px;
                                color: #105694;
                                }

a#dsfe-cancel-delete {
                                position: absolute;
                                bottom: 8px;
                                right: 160px;
                                width: 120px;
                                }

a#dsfe-confirm-delete {
                                position: absolute;
                                bottom: 8px;
                                right: 8px;
                                width: 120px;
                                }


/* Clear modx-template form styles
form, form.full, fieldset, legend, form h3, form label, form p, form input, form select, form label.first, form label.city, form label.second, form label.state, form label.state, form label.first input, form label.city input, form label.second input, form label.state select, form label.zip, form label.zip input, form label.zip, form label, form label input, form input.radio, form input#radiobutton_1, form input#radiobutton_2, form input#radiobutton_3, form input#radiobutton_4, form label.radio, form label.radioitem, form input.checkbox, form input#checkbox_1, form input#checkbox_2, form input#checkbox_3, form input#checkbox_4, form label.checkbox, form label input, form textarea, form input.checkbox, form select, form textarea, form label input.calc, form input.button {
                                border: none;
                                padding: 0;
                                margin: 0;
                                float: none;
                                clear: none;
                                width: auto;
                                background: none;
                                display: inherit;
                                text-align: left;
                                font-size: inherit;
                                font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
                                line-height: inherit;
                                }
*/

/* Debugging output */
pre.dsfe-debug {
                                position: relative;
                                z-index: 19200;
                                }


/* Global stuff */
.hidden {
                                visibility: hidden;
                                }


/*  ----------------------------------------------------------------------------------
    LangSwitch
    ---------------------------------------------------------------------------------- */

ul.dsfe_lang_switch li.active {
                                font-weight: bold;
                                }

ul.dsfe_lang_switch li.active a {
                                color: #105694 !important;
                                text-decoration: none !important;
                                border-bottom: none !important;
                                }


/*  ----------------------------------------------------------------------------------
    Form Elements
    ---------------------------------------------------------------------------------- */

/*          Form Wrapper
======================== */

span.dsfe-form-wrapper {
                                border: 4px solid #a4cff5;
                                border-radius: 8px;
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                -webkit-box-shadow: 0 3px 6px #999;
                                -moz-box-shadow: 0 3px 6px #999;
                                background-color: #fff;
                                }

/*          Trigger
=================== */

span.dsfe-trigger {
                                border: 1px solid #a4cff5;
                                border-radius: 4px;
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                }


/*          Edit Link
===================== */

span.dsfe-edit-link-wrap {
                                position: relative;
                                display: inline-block;
                                height: 22px;
                                padding: 8px 0;
                                font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
								font-size: 12px;
                                }

span.dsfe-edit-link-wrap-active {
                                z-index: 19910;
                                }

span.dsfe-edit-link-wrap-inactive {
                                visibility: hidden;
                                }

span.dsfe-edit-link-wrap a {
                                margin-right: 16px;
                                }



/*          Buttons
=================== */

a.button {
								display: inline-block;
								line-height: 18px;
								height: 18px;
								padding: 2px 8px;
								font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
								font-size: 12px;
								color: #2779aa;
								background: #d7ebf9 url(images/Button.png) no-repeat scroll;
								background-position-y: 50%;
								border: 1px solid #97b5cc;
								border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								}

a.button:link,
a.button:visited {
								color: #2779aa;
								background-position: 0px 50%;
								border: 1px solid #97b5cc;
								}

a.button:focus,
a.button:hover {
								color: #fff;
								background-position: -320px 50%;
								border: 1px solid #2694e8 !important;
								}

a.button:active {
								color: #105694;
								background-position: -640px 50%;
								border: 1px solid #105694 !important;
								}

a.OK-Button {
                                position: absolute;
                                bottom: 8px;
                                right: 8px;
                                }

span.button {
								display: inline-block;
								line-height: 18px;
								height: 18px;
								padding: 2px 8px;
								font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
								font-size: 12px;
								color: #2779aa;
								background: #d7ebf9 url(images/Button.png) no-repeat scroll;
								background-position: 0px 50%;
								border: 1px solid #97b5cc;
								border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								}

span.hover {
								color: #fff;
								background-position: -320px 50%;
								border: 1px solid #2694e8 !important;
								}

a.button:active {
								color: #105694;
								background-position: -640px 50%;
								border: 1px solid #105694 !important;
								}


input.button {
								padding: 2px 8px;
								font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
								font-size: 12px;
								line-height: 18px;
								color: #2779aa;
								background: #d7ebf9 url(images/Button.png) no-repeat scroll;
								background-position: 0px 50%;
								border: 1px solid #97b5cc;
								border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								cursor: pointer;
								}

input.button:focus,
input.button:hover {
								color: #fff;
								background-position: -320px 50%;
								border: 1px solid #2694e8 !important;
								cursor: pointer;
								}

button:active,
input.button:active {
								color: #105694;
								background-position: -640px 50%;
								border: 1px solid #105694 !important;
								cursor: pointer;
								}

span.main,
a.main,
input.main {
								font-weight: bold;
								}


/*          Edit-Buttons
======================== */

a.dsfe-new-link {
                                padding-left: 28px;
                                background-image: url(images/Button-New.png);
                                }

a.new-icon-only {
                                padding-left: 20px !important;
                                }

a.dsfe-delete-link {
                                padding-left: 28px;
                                background-image: url(images/Button-Delete.png);
                                }

a.delete-icon-only {
                                padding-left: 20px !important;
                                }

a.dsfe-edit-link {
                                padding-left: 30px;
                                background-image: url(images/Button-Edit.png);
                                }

a.edit-icon-only {
                                padding-left: 24px !important;
                                }

a.dsfe-drag-link {
                                padding-left: 28px;
                                background-image: url(images/Button-Drag.png);
                                }

a.drag-icon-only {
                                padding-left: 20px !important;
                                }

/*          Radio
================= */

span.dsfe-form-radio {
								overflow: hidden;
								display: block;
								}

input.dsfe-form-radio {
								margin-right: 4px;
								margin-top: 4px;
								float: left;
								}

label.dsfe-form-radio-label {
								margin-right: 16px;
								display: inline;
								padding-bottom: 0;
								float: left;
								}

/*          Checkbox
==================== */

span.dsfe-form-checkbox {
								overflow: hidden;
								display: block;
								}

input.dsfe-form-checkbox {
								margin-right: 4px;
								margin-top: 4px;
								float: left;
								}

label.dsfe-form-checkbox-label {
								margin-right: 16px;
								display: inline;
								padding-bottom: 0;
								float: left;
								}

/*			Datepicker
====================== */

div.ui-datepicker {
								z-index: 21000;
								}

div.ui-datepicker select.ui-datepicker-month,
div.ui-datepicker select.ui-datepicker-year {
                                width:48%;
}

a.remove-date {
                                position: absolute;
                                bottom: 8px;
                                right: 60px;
                                }


/*          Upload
================== */

/* Find Button styles for Upload-buttons in "Buttons" -> span.button */

.dsfe-form-upload span.info {
                                display: block;
                                padding-top: 16px;
                                width: 232px;
                                }


/*          Drag-List
===================== */

ul.drag-list {
                                margin: 0 !important;
                                }

li.dsfe-drag-item {
                                background: transparent url() !important;
                                margin: 0 !important;
                                }

.ui-sortable-helper {
                                background: transparent url(images/bg_dark_20_trans.png) repeat !important;
                                border: 1px solid #ddd;
								border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								-webkit-box-shadow: 1px 1px 3px #baccdc;
								-moz-box-shadow: 1px 1px 3px #baccdc;
                                }

.ui-state-highlight {
                                background: transparent url(images/bg_dark_10_trans.png) repeat !important;
                                border: 1px solid #aaa;
								border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								-webkit-box-shadow: 1px 1px 3px #baccdc;
								-moz-box-shadow: 1px 1px 3px #baccdc;
                                }

.ui-draggables {
                                border-radius: 8px;
								-webkit-border-radius: 8px;
								-moz-border-radius: 8px;
								-webkit-box-shadow: 0px 0px 3px #baccdc;
								-moz-box-shadow: 0px 0px 3px #baccdc;
								z-index: 40000;
                                }