
@media screen, print {

/* ------------ Francis Cox Draggability  */
.francis-cox-draggability
                { background:#ececec; border-bottom:1px solid #f0f0f0; cursor:move; font-family:helvetica,arial,sans-serif; height:21px; left:-10px; padding:8px 10px 4px; position:absolute; top:-12px; width:100%; }
.francis-cox-draggability h3
                { color:#b0b0b0; font-size:18px; font-weight:300; display:inline-block; margin:0; }
.francis-cox-draggability + *
                { margin:28px 0 0; }

.francis-cox-draggability .hint
                { bottom:4px; color:#bababa; font-size:14px; font-weight:300; line-height:1.25; margin:0; position:absolute; right:14px; }



/* ------------ Fancybox ---------------- */
#fancy_inner    { background-color:#f9f9f9 !important; border:2px solid #ececec !important;/* Overrides oul style. */ }
#fancy_content  { top:12px !important;/* Overrides inline style. */ }
div#fancy_div   { background-color:transparent; }

#fancy_content select
                { max-width:220px; }



/* ------------ jAlerts ----------------- */
#popup_overlay  { background:rgb(102, 102, 102) !important; opacity:.5 !important;/* Overrides inline style. */ }
#popup_container{ border-radius:5px; background:#e9e9e9; border:2px solid #ececec; color:#333; font-size:16px; max-width:600px !important;/* Overrides inline style. */ min-width:300px !important;/* Overrides inline style. */
             -moz-border-radius:5px;
          -webkit-border-radius:5px; }
#popup_title    { background:transparent; border:0 !important;/* Overrides bottom style. */ color:#333; cursor:default !important;/* Overrides inline style. */ font-family:helvetica,arial,sans-serif; font-size:28px; font-weight:300; height:auto; line-height:1; margin:18px 0; text-align:center; }
#popup_content  { background:transparent; padding:.5em 1.75em 1em; margin:0; }
#popup_content small /* addition especially for un-/lock system part */
                { background-color:#e0e0e0; display:block; padding:2px 4px; }

#popup_panel table
                { margin:0 auto 0; }
#popup_panel td { border-color:transparent; padding:0 8px 0; }

/* --------------------------------------
   TODO: color codes for alert, cofirm,
         prompt ... --------------------- */
#popup_content.alert,
#popup_content.confirm,
#popup_content.prompt
                { background:transparent; }
#popup_message  { border-bottom:2px solid #e0e0e0; color:#777; padding:0 8px 0; text-align:center; }
#popup_panel    { text-align:center; margin:1.25em 0 0 0; }
#popup_prompt   { margin:.5em 0; }

}

