/* LYPHP */
.status_ok {
        color: darkgreen !important;
}

.status_warning {
        color: chocolate !important;
}

.status_error {
        color: red !important;
}

#bubleTable {
        margin-bottom: 13px;
}

#buble {
        border: solid 1px #ccc;
        background: #EEE;
        padding: 5px;
}

.highlight {
        background: #ffff63;
}

#apgPW {
        margin-bottom: 3px;
}

#apgPWValue {
        font-size: 17px;
        margin-bottom: 3px;
        font-family: monospace;
        font-weight: bold;
}

.nowrap {
        white-space: nowrap;
}

#timerFloat {
        position: absolute;
        top: 4px;
        right: 4px;
}

#timerFloat,
#timerFloat td {
        color: #CCC;
        font-size: 9px;
}

/* autocomplete */
div.auto_complete {
        width: 350px;
        background: #fff;
}

div.auto_complete ul {
        border: 1px solid #888;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-type: none;
}

div.auto_complete ul li {
        margin: 0;
        padding: 3px;
        cursor: pointer;
}

div.auto_complete ul li.selected {
        background-color: #ffb;
}

div.auto_complete ul strong.highlight {
        color: #800;
        margin: 0;
        padding: 0;
}

/* FORM BUILDER */

#fb_toolbar {
        background: #EBEBEB;
        padding: 5px;
        height: 17px;
}

#fb_toolbar a {
        padding-right: 6px;
        background: url(../images/fb_button_r.gif) no-repeat top right;
        margin-right: 5px;
        float: left;
}

#fb_toolbar a span {
        display: block;
        padding: 2px 0px 3px 6px;
        background: url(../images/fb_button_l.gif) no-repeat top left;
        font-size: 10px;
        color: #546947;
        text-transform: uppercase;
        line-height: 14px;
}

#fb_preview {
        padding: 1px 0px 1px 0px;
        float: left;
        width: 390px;
        background: #EEE;
        overflow-y: scroll;
        height: 508px;
}

#fb_tools {
        padding: 5px;
        float: right;
        width: 390px;
        overflow-y: scroll;
        height: 500px;
}

#fb_preview_panel {
        padding-bottom: 0px;
        border: solid 1px #C7C2CE;
}

#fb_preview .element {
        padding: 4px 5px;
        clear: both;
        border-bottom: solid 1px #DDD;
        background: #FFF;
}

#fb_preview .ulLimited {
        background: lightyellow;
}

#fb_preview .name {
        font-weight: bold;
        padding-right: 10px;
}

#fb_preview .type {
        color: #888;
        font-style: italic;
        font-size: 11px;
}

#fb_preview .nameInfo {
        font-style: italic;
        font-size: 11px;
}

#fb_preview .tools {
        clear: both;
        margin-top: 5px;
        height: 13px;
}

#fb_preview .customId {
        font-size: 10px;
        color: #888;
        float: left;
        margin-right: 10px;
}

#fb_preview .links {
        float: left;
        margin-top: 1px;
        font-size: 9px;
        text-transform: uppercase;
}

#fb_preview .links a {
        padding-right: 0px;
}

#fb_preview .icon {
        float: left;
        padding-right: 8px;
}

#fb_preview .elementChildren {
        padding: 1px 0 1px 24px;
}

#fb_preview .fb-tool {
        width: 12px;
        height: 12px;
        background: url(/p.gif) no-repeat top left;
        margin-right: 3px;
        float: left;
        opacity: 1;
}

#fb_preview .fb-tool-edit {
        background-image: url(../images/icons/check_edit.gif);
}

#fb_preview .fb-tool-move-up {
        background-image: url(../images/icons/check_puscica_gor.gif);
}

#fb_preview .fb-tool-move-down {
        background-image: url(../images/icons/check_puscica_dol.gif);
}

#fb_preview .fb-tool-delete {
        background-image: url(../images/icons/check_delete.gif);
}

#fb_preview .fb-tool-add-child {
        background-image: url(../images/icons/check_app_child.gif);
}

#fb_preview .fb-tool-form-include {
        background-image: url(../images/icons/check_cop.gif);
}

#fb_preview .fb-tool-add-after {
        background-image: url(../images/icons/check_ins_after.gif);
}

/* MB_OVERLAY */

#MB_overlay {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #000 !important;
}

#MB_overlay[id] {
        position: fixed;
}

#MB_window {
        position: absolute;
        top: 0;
        border: 0 solid;
        text-align: left;
        z-index: 10000;
}

#MB_window[id] {
        position: fixed !important;
}

#MB_frame {
        position: relative;
        background-color: #EFEFEF;
        height: 100%;
}

#MB_header {
        margin: 0;
        height: 28px;
}

#MB_content {
        padding: 6px .75em;
        overflow: auto;
}

#MB_caption {
        font: bold 85% "Lucida Grande", Arial, sans-serif;
        text-shadow: #FFF 0 1px 0;
        padding: .75em 2em 0 .75em;
        margin: 0;
        text-align: left;
}

#MB_close {
        display: block;
        position: absolute;
        right: 5px;
        top: 4px;
        padding: 2px 3px;
        font-weight: bold;
        text-decoration: none;
        font-size: 13px;
}

#MB_close:hover {
        background: transparent;
}

#MB_loading {
        padding: 1.5em;
        text-indent: -10000px;
        background: transparent url(../images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
        background-color: #EFEFEF;
        color: #000;
}

#MB_content {
        border-top: 1px solid #F9F9F9;
}

#MB_header {
        background-color: #DDD;
        border-bottom: 1px solid #CCC;
}

#MB_caption {
        color: #000
}

#MB_close {
        color: #777
}

#MB_close:hover {
        color: #000
}


/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input {
        display: none;
}

/* Screen reader class - hides it from the visual display */
.fd-screen-reader {
        position: absolute;
        left: -999em;
        top: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
        outline: 0 none;
        -moz-outline: 0 none;
}

/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table {
        opacity: .3 !important;
        filter: alpha(opacity=40);
}

.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span {
        cursor: default !important;
}

a.date-picker-control:focus,
div.datePicker table td:focus {
        overflow: hidden;
        outline: 0 none;
        -moz-outline: 0 none;
        color: rgb(100, 130, 170) !important;
}

/* The wrapper div */
div.datePicker {
        position: absolute;
        z-index: 9999;
        text-align: center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font: 900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */

        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */

        background: transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select: none;
        -khtml-user-select: none;
}

/* Styles for the static datePickers */
div.static-datepicker {
        position: relative;
        top: 5px;
        left: 0;
}

div.datePicker table {
        width: auto;
        height: auto;
}

/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span {
        cursor: move;
}

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack {
        position: absolute;
        background: #fff;
        z-index: 9998;
        padding: 0;
        border: 0;
        display: none;
        margin: 0;
}

/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited {
        position: relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border: 0 none;
        padding: 0;
        margin: 0 0 0 4px;
        background: transparent url(../images/cal-grey.gif) no-repeat 50% 50%;
        min-width: 16px;
        line-height: 1;
        cursor: pointer;
        visibility: visible;
        text-decoration: none;
        vertical-align: top;
}

a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus {
        background: transparent url(../images/cal.gif) no-repeat 50% 50%;
}

/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control {
        width: 16px;
}

/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control {
        display: inline-block;
}

a.date-picker-control span {
        display: block;
        width: 16px;
        height: 16px;
        margin: auto 0;
}

/* Default "button" styles */
div.datePicker thead th span {
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        line-height: 1em;
        border: 0 none;
        background: transparent;
        font-weight: bold;
        cursor: pointer;
}

/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display {
        display: inline;
        text-transform: uppercase;
        letter-spacing: 1px;
        font: normal 1.2em Verdana, Sans-Serif;
        cursor: default;
}

/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but {
        font-weight: lighter;
        font-size: 2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor: pointer !important;
}

/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover {
        color: #a84444;
}

/* Today button */
div.datePicker th span.today-but {
        text-align: center;
        margin: 0 auto;
        font: normal 1em Verdana, Sans-Serif;
        width: 100%;
        text-decoration: none;
        padding-top: 0.3em;
        text-transform: uppercase;
        vertical-align: middle;
        cursor: pointer !important
}

/* Disabled buttons */
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover {
        color: #aaa;
        cursor: default !important;
}

/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header {
        text-align: center;
        margin: 0 auto;
        font: 900 1em Verdana, Sans-Serif;
        text-decoration: none;
        text-transform: lowercase;
        cursor: pointer;
}

/* The table */
div.datePicker table {
        margin: 0;
        padding: 0px;
        border: 1px solid #ccc;
        background: #fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align: center;
        border-spacing: 2px;
        padding: 0.3em;
        width: auto;
        empty-cells: show;
        -moz-border-radius: 0.8em;
        border-radius: 0.8em;
}

/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th {
        border: 0 none;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background: #fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width: 3em;
        height: 3em;
        overflow: hidden;
        outline: transparent none 0px;
        border: 1px solid #ccc;
        text-transform: none;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

div.datePicker table td:focus,
div.datePicker table td:active {
        outline: 0 none red;
}

div.datePicker table th {
        border: 0 none;
        padding: 0;
        font-weight: bold;
        color: #222;
        text-align: center;
        vertical-align: middle;
        text-transform: none;
}

div.datePicker table thead th {
        height: auto !important;
}

div.datePicker table tbody th {
        border: 1px solid #dcdcdc;
}

/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header {
        font-style: oblique;
        background: transparent;
        cursor: default;
}

div.datePicker table thead th.date-picker-week-header {
        cursor: help;
        border: 0 none;
        padding: 0 0 0.2em 0;
}

/* tfoot status bar */
div.datePicker tfoot th {
        cursor: default;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border: 0 none;
        background: #fff;
        height: 2.8em;
}

/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused {
        background: #fff url(../images/backstripes.gif);
        border-color: #dcdcdc;
        cursor: default !important;
}

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title {
        width: auto;
        height: auto;
        padding: 0.4em 0;
}

/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header {
        text-transform: lowercase;
        cursor: help;
        height: auto;
}

/* The "todays date" style */
div.datePicker table tbody td.date-picker-today {
        background: #fff url(../images/bullet2.gif) no-repeat 0 0;
        color: rgb(100, 100, 100) !important;
}

div.datePicker table tbody td.month-out.date-picker-highlight {
        color: #aa8866 !important;
}

/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight {
        color: #a86666 !important;
}

/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover {
        background: #fff url(../images/bg_header.jpg) no-repeat 0 0;
        cursor: pointer;
        border-color: rgb(100, 130, 170) !important;
        color: rgb(100, 130, 170);
        text-shadow: 0px 1px 1px #fff;
}

/* The "disabled days" style */
div.datePicker table tbody td.day-disabled {
        background: #fff url(../images/backstripes.gif) no-repeat 0 0;
        color: #aaa !important;
        cursor: default;
        text-decoration: line-through;
}

div.datePicker table tbody td.month-out {
        border-color: #ddd;
        color: #aaa !important;
        background: #fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
}

/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date {
        color: #333 !important;
        border-color: #333 !important;
}

/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable {
        color: #ccc !important;
        font-style: oblique;
        background: #fcfcfc !important;
        cursor: default !important;
}

/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range {
        color: #aaa !important;
        font-style: oblique;
        background: #fcfcfc !important;
}

/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range {
        opacity: 0.6;
        filter: alpha(opacity=60);
}

/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable {
        opacity: 0.8;
        filter: alpha(opacity=80);
}

div.datePicker table tbody tr {
        display: table-row;
}

div.datePicker table tfoot sup {
        font-size: 0.86em;
        letter-spacing: normal;
        text-transform: none;
        height: 0;
        line-height: 1;
        position: relative;
        top: -0.2em;
        vertical-align: baseline !important;
        vertical-align: top;
}

div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display {
        text-shadow: 0px 1px 1px #fff;
}

/* You can add focus effects (for everything but IE6) like so: */
div.datepicker-focus {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline: none;
}

div.datepicker-focus table.datePickerTable {
        border-color: #999 !important;
}

div.datePicker table tbody tr td:focus {
        overflow: hidden;
        outline: 0 none;
        -moz-outline: 0 none;
        color: rgb(100, 130, 170) !important;
        color: #ff0000 !important;
}

/* INTERNET EXPLORER WOES
   ======================

   Hover Effects
   -------------

   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.

   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:

div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */
* html div.datePicker table td {
        background-image: none;
}

* html div.datePicker table td.date-picker-unused {
        background: #f2f2f2;
}

/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together
   Remove one or the other to get things looking less ugly */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table {
                border-spacing: 0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow: 0px 0px 5px #aaa;
                -webkit-border-radius: 0.8em;
        }

        div.static-datepicker table {
                -webkit-box-shadow: 0 0 0 transparent;
        }

        div.static-datepicker:focus table {
                -webkit-box-shadow: 0px 0px 5px #aaa;
        }

        div.datePicker table td,
        div.datePicker table tbody th {
                padding: 0.1em;
                -webkit-border-radius: 2px;
        }

        div.datePicker table tbody td.date-picker-hover {
                -webkit-box-shadow: 0px 0px 1px rgb(100, 130, 170);
        }
}

/* Untested webkit rules for fading out the disabled buttons - fingers crossed */
@-webkit-keyframes fadeout {
        to {
                opacity: 0.4;
        }

        from {
                opacity: 1.0;
                color: #222;
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table thead th span.fd-disabled {
                -webkit-animation-name: fadeout;
                -webkit-animation-duration: 3s;
                -webkit-animation-timing-function: ease-in-out;
        }
}


/* SORTABLE TABLE */
table.display {
        padding: 0;
        margin: 0 auto 1em auto;
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse: collapse;
}

table.display th,
.displayInfo td {
        font: bold 10px/22px "Lucida Grande", Tahoma, Helvetica, sans-serif;
        ;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 6px 2px 6px;
        background: #CAE8EA url(../images/bgh.jpg) no-repeat;
        vertical-align: top;
}

.displayInfo td {
        padding-top: 3px;
        border-left: 1px solid #C1DAD7;
        border-bottom: none;
}

table.display th.sortable,
table.display th.sortable-text,
table.display th.sortable-date,
table.display th.sortable-keep,
table.display th.sortable-date-dmy,
table.display th.sortable-numeric,
table.display th.sortable-currency,
table.display th.sortable-sortByTwelveHourTimestamp,
table.display th.sortable-sortIPAddress,
table.display th.sortable-sortEnglishLonghandDateFormat,
table.display th.sortable-sortScientificNotation,
table.display th.sortable-sortImage,
table.display th.sortable-sortFileSize,
table.display th.sortable-sortAlphaNumeric,
table.display th.sortable-sortEnglishDateTime {
        cursor: pointer;
        background: #CAE8EA url(../images/bghs.jpg) no-repeat -3px 0;
        padding: 7px 6px 2px 12px;
}

table.display th.forwardSort {
        background: #CAE8EA url(../images/bghu.jpg) no-repeat -3px 0;
}

table.display th.reverseSort {
        background: #CAE8EA url(../images/bghd.jpg) no-repeat -3px 0;
}

table thead th.forwardSort a,
table thead th.reverseSort a {
        color: #000;
        text-decoration: none;
}

th.sort-active {
        background: #CAE8EA url(../images/bgha.jpg) no-repeat -3px 0;
        cursor: wait;
}

th.sort-active a {
        color: #a80000 !important;
        cursor: wait;
}

table.display th a {
        text-decoration: none;
        color: #4f6b72;
        background: transparent;
}

table.display td a {
        text-decoration: none;
        color: #239;
        background: transparent;
}

table.display td a.delete {
        color: #C30;
}

table.display td img {
        /*margin:0 auto; border:none; padding: 0 3px; display: block;*/
}

table.display td .mover img,
table.display td .dropper img {
        margin: 0 auto;
        border: none;
        padding: 0px;
}

table.display td {
        font: normal 11px "Lucida Grande", Tahoma, Helvetica, sans-serif;
        ;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px;
        color: #4f6b72;
}

table.display td td {
        padding: 2px;
        border: none;
}

table.display td.lft {
        text-align: left;
}

table.display tr.alt {
        background: #F5FAFA;
        color: #797268;
}

table.display td.off {
        color: #89A;
}

table.display td.on {
        font-weight: bold;
}

table.display tr[class="alt"] td {
        background: #F5FAFA url(../images/td_alt.jpg) no-repeat;
}

table.display td[class~="alt"] {
        background: #edf3f3 url(../images/col_alt.jpg) no-repeat !important;
}

* html table.display tr.alt td {
        background-color: #F5FAFA;
}

* html table.display tr td.alt,
* html tr.alt td.alt {
        background-color: #edf3f3;
}

th.nopad {
        padding-top: 0px;
        padding-bottom: 0px;
        vertical-align: bottom;
}

th.midTimeSlots {
        background: none;
        line-height: normal;
        font-weight: normal;
        text-align: center;
        text-transform: none;
}

table.display tfoot td {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
}

td.displayMiddle {
        background: #D8DFDF url(../images/bgm.gif) no-repeat top left;
        padding: 6px;
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
}

td.displayMiddle label {
        font-weight: normal;
}

td.displayMiddle form {
        display: inline;
}

table.display tr td.hl {
        background: lightyellow;
}

table.display caption {
        font-weight: bold;
        text-align: left;
        margin-bottom: 5px;
}

table.display tr.colapsed td {
        padding: 0;
        background: #C1DAD7;
}

table.display tr.colapsed td img {
        display: block;
}


/* Pagination list styles */
ul.fdtablePaginater {
        display: table;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        height: 2em;
        width: auto;
        margin-bottom: 1em;
}

ul.fdtablePaginater li {
        display: table-cell;
        float: left;
        padding-right: 4px;
        color: #666;
        list-style: none;
        -moz-user-select: none;
        -khtml-user-select: none;
}

ul.fdtablePaginater li a.currentPage {
        border-color: #a84444 !important;
        color: #000;
}

ul.fdtablePaginater li a:active {
        border-color: #222 !important;
        color: #222;
}

ul.fdtablePaginater li a,
ul.fdtablePaginater li div {
        display: block;
        width: 2em;
        font-size: 1em;
        color: #666;
        padding: 0;
        margin: 0;
        text-decoration: none;
        outline: none;
        border: 1px solid #ccc;
        font-family: georgia, serif;
}

ul.fdtablePaginater li div {
        cursor: normal;
        opacity: .5;
        filter: alpha(opacity=50);
}

ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span {
        display: block;
        line-height: 2em;
        border: 1px solid #fff;
        background: #fff url(../images/gradient.gif) repeat-x 0 -20px;
}

ul.fdtablePaginater li a {
        cursor: pointer;
}

ul.fdtablePaginater li a:focus {
        color: #333;
        text-decoration: none;
        border-color: #aaa;
}

.fdtablePaginaterWrap {
        text-align: center;
        clear: both;
        text-decoration: none;
}

ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span {
        font-weight: bold !important;
}

* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span {
        background: #eee;
}

tr.invisibleRow {
        display: none;
}

* html ul.fdtablePaginater {
        display: inline-block;
}

* html ul.fdtablePaginater {
        display: inline;
}

* html ul.fdtablePaginater li {
        float: left;
}

* html ul.fdtablePaginater {
        text-align: center;
}

/* SIFORM */
.sf-form-element,
.sf-group-element,
.sf-tab-element {
        padding: 3px 0;
        line-height: 15px;
        position: relative;
}


.sf-label {
        display: block;
        float: left;
        clear: left;
        padding: 3px 17px 3px 0px;
        color: #374569;
}

.sf-label .star {
        color: red;
        font-weight: bold;
}

label.sf-val-error {
        border: none;
        background: white url(../images/bg_tiped.gif) no-repeat 0px 4px;
        padding-left: 17px;
        padding-right: 0px;
}

label.sf-val-error span {
        border-bottom: dashed 1px #C33;
        color: #C33;
}


.sf-textfield,
.sf-textarea,
.sf-select {
        background: #F7F7F7;
        border: solid 1px;
        border-color: #999999 #AAB3B3 #D5DDDD;
        padding: 3px;
        line-height: 15px;
        float: left;
}

.sf-checkboxes,
.sf-radios {
        float: left;
}

input.sf-val-error,
textarea.sf-val-error {
        border-color: #C33;
        background-color: #FEE;
}

.sf-datepicker {
        margin-right: 20px;
}

.sf-column-element .sf-datepicker {
        margin-right: 26px !important;
}

.sf-form-element a.date-picker-control {
        margin: 4px 0 0 -16px;
}

.sf-form-element .sf-column-element a.date-picker-control {
        margin-left: -22px;
}

.sf-helpTip {
        position: absolute;
        display: block;
        background: #EEE;
        border: solid 1px #316A9A;
        padding: 7px;
        margin: 0;
        width: 300px;
        z-index: 9999;
}

.sf-help {
        position: absolute;
        top: 1px;
        overflow: visible;
        height: 23px;
        width: 16px;
        right: 0px;
}

.sf-help .sf-help-icon {
        width: 16px;
        height: 23px;
        background: url(../images/bg_helped.gif) no-repeat bottom right;
}

.sf-help .sf-help-text {
        display: none;
        position: absolute;
}

.sf-help-over .sf-help-text {
        display: block;
        width: 300px;
        background: #EEE;
        border: solid 1px #316A9A;
        padding: 7px;
        position: absolute;
        right: 0px;
        top: 18px;
}

.sf-info {
        color: #999;
        margin-top: -8px;
}

.sf-toolbox-icon {
        float: left;
        margin: 4px 0px 0px 5px;
}

.sf-toolbox-icon img {
        width: 16px;
        height: 16px;
        background: url(../images/sf-toolbox.gif) no-repeat top left;
        display: block;
}

/*.sf-help-text-inside {
	position: absolute; top: 0; left: 0; height: 100%; width:100%;
}*/

.sf-tooltip {
        position: absolute;
        display: block;
        background: #FEE;
        border: solid 3px #C33;
        padding: 2px 7px;
        margin: 2px 2px 0 0;
}

.sf-tooltip P {
        margin: 5px 0px;
        padding: 0;
        color: #C33;
}

.sf-subelements-no-newline .sf-sub-element {
        float: left;
}

.sf-sub-element {
        padding: 3px 3px 0 0;
}

.sf-sub-element label,
.sf-sub-element input {
        float: left;
}

.sf-sub-element input {
        margin-right: -30px;
}

.sf-sub-element label {
        padding-top: 0px;
        margin: 1px 0 0 22px;
}

.sf-dateselect-time input {
        width: 60px;
        margin-left: 5px;
}

.sf-element {
        position: relative;
}

.sf-element select {
        position: absolute;
}


.sf-html {
        float: left;
        padding-top: 3px;
}

.sf-location-frame {
        border: solid 1px;
        border-color: #999999 #AAB3B3 #D5DDDD;
}

.sf-group {
        margin: 0;
        padding: 0;
        border: none;
        border-top: solid 2px #19ABCE;
        margin-bottom: 1em;
}

fieldset.sf-val-error {
        background: none;
}

.sf-group-title {
        padding: 0;
        margin: 0;
        background-color: #19ABCE;
        border-right: solid 3px white;
}

.sf-group-title span {
        display: block;
        padding: 5px;
        font-size: 11px;
        line-height: 12px;
        text-transform: uppercase;
        color: white;
}

fieldset.sf-val-error .sf-group-title {
        background: #d14747 url(../images/sf-error.gif) no-repeat 5px 6px;
        padding-left: 16px;
}

.sf-group-content {
        padding-top: 5px;
}

.sf-group-collapsible .sf-group-title span {
        padding-left: 19px;
        background: url(../images/sf-group-close.gif) no-repeat 5px 6px;
        cursor: pointer;
}

.sf-group-collapsed .sf-group-title span {
        background-image: url(../images/sf-group-open.gif);
}

.sf-group-collapsed .sf-group-content {
        display: none;
}


.sf-tabs-container {
        margin-bottom: 1em;
}

.sf-tabs,
.sf-tab {
        list-style: none;
        margin: 0;
        padding: 0;
}

.sf-tabs {
        border-bottom: solid 2px #19ABCE;
        margin-bottom: 5px;
        clear: both;
}

.sf-tab {
        padding: 5px;
        background-color: #8dd5e7;
        color: white;
        font-size: 11px;
        line-height: 12px;
        text-transform: uppercase;
        float: left;
        margin-right: 3px;
        cursor: pointer;
}

.sf-tab-active {
        background-color: #19ABCE;
}

.sf-tabs .sf-val-error {
        background: #d14747 url(../images/sf-error.gif) no-repeat 5px 6px;
        padding-left: 19px;
}


.sf-columns {
        float: left;
}

.sf-columns .sf-column-element {
        float: left;
}

.sf-appended {
        float: right;
        padding-top: 5px;
}


.mupControl {
        position: relative;
}

.mupControl .mup_exImages {
        float: left;
        width: 200px;
        padding-right: 20px;
}

.mupControl .mup_exImage {
        width: 200px;
        clear: both;
        padding-bottom: 10px;
}

.mupControl .mup_exImage img {
        width: 100px;
        display: block;
        float: left;
        margin-bottom: 10px;
}

.mupControl .mup_exImage .mup_tools {
        float: right;
        width: 70px;
        text-align: right;
}

.mupControl .mup_iframe {
        float: left;
        width: 300px;
        height: 50px;
        border: none;
        background: #DEDEDE;
}


.sf-buttons-bar {
        background: none;
        padding: 0px 0px;
        margin-top: 3px;
}

.sf-buttons-bar input {
        width: auto;
        _width: 1;
        overflow: visible;
        background: #036 url(../images/bg_button.gif) no-repeat top left;
        font-size: 10px;
        line-height: 12px;
        text-transform: uppercase;
        border: none;
        padding: 4px 10px 3px 24px;
        margin-right: 5px;
        color: white;
}


.sf-cf {
        clear: both;
}

.cell-icon {
        -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 8%);
        padding: 3px 5px;
        background-color: #E6E7E8;
        color: #333;
        border-radius: 1px;
        margin: 2px;
}