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


/*          Colors / Borders
============================ */



/* Buttons */

.button {
            color: #2779aa;
			background: transparent 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;
            }

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

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

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


/* Form Wrapper */

span.dsfe-form-wrapper {
            background-color: #fff;
            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;
            }

/* Trigger */

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


/* Lang Switch */

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


/* Confirmation Dialog */

div#dsfe-confirm-delete {
            color: #105694;
            background-color: #fff;
            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;
            }





/*          Fonts
================= */

.button {
            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
            font-size: 12px;
            }

.main {
			font-weight: bold;
			}


/* Lang Switch */

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

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


/* Confirmation Dialog */

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




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

.button {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 8px;
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            cursor: pointer;
            }


/* Buttons in edit-wrapper */

span.dsfe-edit-link-wrap .button,
div#dsfe-confirm-delete .button {
            margin-right: 16px;
            }


/* 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;
            }


/* Form Wrapper, OK-Button */

a.OK-Button {
            position: absolute;
            bottom: 8px;
            right: 8px;
            width: 80px;
            text-align: center;
            }

a.Cancel-Button {
            position: absolute;
            bottom: 8px;
            right: 116px;
            width: 80px;
            text-align: center;
            }


/* Confirmation Dialog */

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

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




/*          General Styles
========================== */

.hidden {
            visibility: hidden;
            }




/*          Edit-Mode Styles
============================ */

/* Edit Form */

form#dsfe-form {
            text-align: left;
            }


/* 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;
            }


/* Edit-Links */

span.dsfe-edit-link-wrap {
            position: relative;
            display: inline-block;
            z-index: 40998;
            }

span.dsfe-edit-link-wrap a.button {
            position: relative;
            display: inline-block;
            z-index: 40999;
            }

span.dsfe-edit-link-wrap-inactive {
            display: none;
            }


/* 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;
            z-index: 50006;
            }



/* 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: 50px;
            right: 8px;
            width: 22.5em;
            text-align: center;
            }


/* 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;
            }




/*          Other Elements
========================== */

/* Debugging output */

pre.dsfe-debug {
            position: relative;
            z-index: 19200;
            }