/*
                Mist
=============================================
 * Color Schema:
 *     DEFINITIONS:
 *         white     : #ffffff
 *         light blue: #866976
 *         med blue  : #7f1547
 *         dark blue : #640c34
 *         grey      : #999999
 *         charcoal  : #333333
 *         black     : #000000
 */

.fl-theme-mist :focus,
.fl-theme-mist .selectable  {
   /* themed focus indicator */
   outline: 0.1em solid #F00;
}

.fl-theme-mist {color:#000000 !important; background-color:#f4f4f4 !important; border-color:#640c34;}
.fl-theme-mist a {color: #7f1547 !important; font-weight:bold;}
.fl-theme-mist a:hover {color: #9a1a56 !important;}
.fl-theme-mist h1 {color:#640c34; border-bottom-width:0.2em; border-bottom-style:solid;} 
.fl-theme-mist h2 {color: #7f1547;}
.fl-theme-mist th {border:0.1em solid #7f1547; background-color:#866976 !important;}
.fl-theme-mist td {border:0.1em solid #999999 !important;}
.fl-theme-mist .fl-textfield,
.fl-theme-mist .fl-textarea {border:1px solid #7f1547; border-bottom-color:#7f1547; border-right-color:#7f1547; background-color:#866976;}
.fl-theme-mist .fl-icon {background-color:#7f1547}

/* temp selector to access inline edit input fields (should use a classname but now there is none applied) */
.fl-theme-mist .fl-inlineEdit-edit {background-color:#866976 !important; border:0.1em solid #7f1547; margin:-0.1em;}

/* Helper: Buttons */
.fl-theme-mist .fl-button-left {background-image:url(../images/themes/mist/buttons-med-cap.png);}
.fl-theme-mist .fl-button-right {background-image:url(../images/themes/mist/buttons-med-cap.png);}
.fl-theme-mist .fl-button-inner {background-image:url(../images/themes/mist/buttons-med-bg.png);}

/* Helper: Tabs */
.fl-theme-mist .fl-tabs {border-bottom-color:#640c34;}
.fl-theme-mist .fl-tabs li,
.fl-theme-mist .fl-tabs li a  {font-weight:bold; color:#640c34; border-color:#640c34; border-bottom-color:#640c34; text-decoration:none; background-color:#866976;}
.fl-theme-mist .fl-tabs li a:hover {background-color:#7f1547; color:#fff !important;}
/* Deprecated */
.fl-theme-mist .fl-tabs li.fl-activeTab,
.fl-theme-mist .fl-tabs li.fl-activeTab:hover,
.fl-theme-mist .fl-tabs li.fl-activeTab a,
.fl-theme-mist .fl-tabs li.fl-activeTab a:hover
/* New syntax */
.fl-theme-mist .fl-tabs li.fl-tabs-active,
.fl-theme-mist .fl-tabs li.fl-tabs-active a,
.fl-theme-mist .fl-tabs li.fl-tabs-active a:hover {background-color: #f4f4f4; border-bottom-color:#f4f4f4; color:#7d0f41 !important;}
.fl-theme-mist .fl-tabs-content {background-color:#f4f4f4; color:#000; border:1px solid #a01166; border-top:none; margin-top:-4px;}

/* Helper: Menu */
.fl-theme-mist .fl-listmenu {border:1px solid #640c34; border-bottom-width:2px; background-color:#fff;}
.fl-theme-mist .fl-listmenu li,
.fl-theme-mist .fl-listmenu li a  {font-weight:bold; color:#640c34; background-color:#866976; border-color:#640c34; text-decoration:none;}
.fl-theme-mist .fl-listmenu li a:hover {background-color:#7f1547; color:#fff !important;}
.fl-theme-mist .fl-listmenu .fl-activemenu,
.fl-theme-mist .fl-listmenu .fl-activemenu:hover { background-color: #fff; border-bottom-color:#fff; color:#7d0f41;}

/* Helper: Thumbnail Grid */
.fl-theme-mist .fl-grid {border:2px solid #640c34; background-color:#fff;}
.fl-theme-mist .fl-grid li {background-color:#866976; border:1px solid #640c34}
.fl-theme-mist .fl-grid .caption {background-color:#866976; color:#7f1547; }

/* Helper: Widgets */
/* Widget core */
.fl-theme-mist .fl-widget {background:#efefef url(../images/themes/mist/widget-bg.png) repeat-x top left; border:1px solid #CCCCCC;}
.fl-theme-mist .fl-widget ul {}
.fl-theme-mist .fl-widget h2 {color:#000;}
.fl-theme-mist .fl-widget .fl-icon-more  {background-image:url('../images/themes/mist/icon-widget-More.png'); margin-left:0px;}
.fl-theme-mist .fl-widget .fl-icon-close {background-image:url('../images/themes/mist/icon-widget-Close.png'); margin-right:0px;}

/* Widget titlebar */
.fl-theme-mist .fl-grabbable .fl-widget-titlebar {background-image:url('../images/themes/mist/icon-widget-gripper.png');}
.fl-theme-mist .fl-widget-titlebar .icon {background-position:center center;}
.fl-theme-mist .fl-widget-titlebar .fl-button-right,
.fl-theme-mist .fl-widget-titlebar .fl-button-left {
    color:#640c34 !important;
    background-image:url(../images/themes/mist/buttons-titlebar-cap.png);
    text-decoration:none;
}
.fl-theme-mist .fl-widget-titlebar .fl-button-inner {
    background-image:url(../images/themes/mist/buttons-titlebar-bg.png);
}

/* Widget options */
.fl-theme-mist .fl-widget-options {}
.fl-theme-mist .fl-widget-options ul {} 
.fl-theme-mist .fl-widget-options li {border-left:1px solid #ccc;}
.fl-theme-mist .fl-widget-options a {}
.fl-theme-mist .fl-widget-options a.icon:hover {background-color:#7f1547; border-color:#000;}

/* Widget content */
.fl-theme-mist .fl-widget-content {background-color:#fff;}

/* Component: Progressor */
.fl-theme-mist .fl-progress-bounds {border-color:#999999; background-color:#fff;}
.fl-theme-mist .fl-progress-fill {color:#640c34; background-color:#000;}

/* States */
.fl-theme-mist .fl-reorderer-dropMarker {background-color:#f00 !important;}


/* Regular Background */
.fl-theme-mist .fl-tabs-enhanced {
    background:url(../images/themes/mist/tabs-med-container-bg.png) repeat-x left bottom;
    border-bottom:none;
    margin:10px 1px 0;
    padding:5px 0 6px;
    *padding:2px 0;
}

.fl-theme-mist .fl-tabs-enhanced li {
    background: transparent url(../images/themes/mist/tabs-med-cap.png) no-repeat left top; 
    padding:4px 0 6px 16px;
    *padding-top:0;
}
.fl-theme-mist .fl-tabs-enhanced li a {
    background: transparent url(../images/themes/mist/tabs-med-bg.png) no-repeat right top; 
    border:none;
    margin:0;
    padding:4px 16px 6px 0;
    color:#666666 !important;
    *padding-bottom:4px;
}
.fl-theme-mist .fl-tabs-enhanced li.fl-tabs-active {
    background:transparent url(../images/themes/mist/tabs-med-active-cap.png) no-repeat scroll left top;
}
.fl-theme-mist .fl-tabs-enhanced li.fl-tabs-active a {
    background:transparent url(../images/themes/mist/tabs-med-active-bg.png) no-repeat scroll right top;
    color:#000000 !important;
}

/* Widget Content Background */
.fl-theme-mist .fl-widget-content .fl-tabs-enhanced {
    background:url(../images/themes/mist/tabs-light-container-bg.png) repeat-x left bottom;
    border-bottom:none;
    margin:10px 1px 0;
    padding:5px 0 6px;
    *padding:2px 0;
}

.fl-theme-mist .fl-widget-content .fl-tabs-enhanced li {
    background: transparent url(../images/themes/mist/tabs-light-cap.png) no-repeat left top; 
    padding:4px 0 6px 16px;
    *padding-top:0;
}
.fl-theme-mist .fl-widget-content .fl-tabs-enhanced li a {
    background: transparent url(../images/themes/mist/tabs-light-bg.png) no-repeat right top; 
    border:none;
    margin:0;
    padding:4px 16px 6px 0;
    color:#666666 !important;
    *padding-bottom:4px;
}
.fl-theme-mist .fl-widget-content .fl-tabs-enhanced li.fl-tabs-active {
    background:transparent url(../images/themes/mist/tabs-light-active-cap.png) no-repeat scroll left top;
}
.fl-theme-mist .fl-widget-content .fl-tabs-enhanced li.fl-tabs-active a {
    background:transparent url(../images/themes/mist/tabs-light-active-bg.png) no-repeat scroll right top;
    color:#000000 !important;
}