﻿/* --------- Basic Product Themed Styles ---------- */
ul.ui-sortable li:hover, ol.ui-sortable li:hover
{ background:#0999b8; color:#ffffff; }  

.ui-product a
{ color:#0891ae; }
.ui-product a:hover
{ color:#0999b8; }

.ui-product .button.accent, .ui-design .button.accent, .ui-design .controls .button.accent,
.ui-dialog .ui-dialog-buttonpane .ui-button.colored-button-alert, .k-editor-dialog .k-edit-buttons .k-dialog-update     
{ background:#0891ae; border:1px solid #7DA4CA;color:#ffffff; }
.ui-product .button.accent:hover, .ui-design .button.accent:hover,
.ui-dialog .ui-dialog-buttonpane .ui-button.colored-button-alert:hover, .k-editor-dialog .k-edit-buttons .k-dialog-update:hover
{ background:#0999b8; color:#ffffff}

/* --------- Designer View Themed Styles ---------- */
/*Editor Sidebar*/
.ui-design .sidebar-menu li a:hover, 
.ui-design .sidebar-menu li a.selected
{ background:#8fcbd7; }

/* Drop-Down Menu */
/*.ui-dialog.ui-product .ui-dialog-buttonpane .ui-button.ui-state-default
{ background-color:#098098; border-width:1px; border-style:solid; border-color:#098098; color:#ffffff; }
.drop-down-menu ul li:hover 
{ background:#0999b8; }*/
/* UI Dialog */
.ui-design.editor-menu-panel
{ background:#0999b8; border-right:1px solid #098098; }
/* Toggle Box */
.toggle-box.selected                
{ background-color:#0999b8; border:1px solid #098098; }
.toggle-box:not(.selected):hover p  
{ color:#0999b8; } 
.toggle-box:not(.selected):hover    
{ box-shadow: 0 0 5px rgba(9,153,184, 0.9); }

/* Style Edit Mode */
.ui-design #styleModifyPanel .ui-state-default:hover
{ background:#0999b8; border:1px solid #0b89a2; }
.ui-design #styleModifyHeading .icon-button:hover
{ color:#0999b8; }

/* Content Edit Mode */
.page-section:not(.placeholder):not(.css-edit-mode).hover       
{ box-shadow: 0 0 5px rgba(9,153,184, 0.9); }
.content-edit .page-section .page-content-wrapper:not(.placeholder).hover 
{ box-shadow: 0 0 5px rgba(9,153,184, 0.9); }
.content-edit .page-content-wrapper.navigation-logo:hover .content   
{ border:1px solid #8fb9c2; box-shadow: 0 0 5px rgba(9,153,184, 0.9); }
.content-edit .page-section .page-content-wrapper:not(.placeholder):hover,
.content-edit .page-section .page-content-wrapper:not(.placeholder).hover 
{ box-shadow: 0 0 5px rgba(9,153,184, 0.9); }

/*  Layout Edit Mode */
.layout-preview.selected    
{ background:#0999b8; border:1px solid #098098; box-shadow: 0 0 5px rgba(9,153,184, 0.8); }
.layout-preview.selected div
{ background:#f5f5f5; border:1px solid #098098; }
.content-wrapper:not(.content-edit):not(.css-edit-mode):not(.content-edit-style)  .page-section.placeholder:hover 
{ background-color: #0999b8; border: 1px solid #098098; }
.page-section-sortable-placeholder                  
{ border: 2px dashed #0999b8; }
.layout-edit .page-section .section-edit-menu .control:hover    
{ color:#0999b8; }

/* Blank Content Block Edit Controls */
.content-edit .content-type.placeholder:hover  
{ background:#0999b8; border-color:#0999b8; }
.content-edit .content-type.placeholder:hover .description    
{ background:#0999b8; color:#ffffff; }
.content-edit .container:hover                
{ border-color:#0999b8; box-shadow: 0 0 5px rgba(143,203,215, 0.9); }

/* Edit menu for content blocks */
.ui-design .content-edit-menu    
{ background:#0999b8; border-bottom:1px solid #098098; }
.ui-design .content-edit-style-menu    
{ background:#0999b8; border-bottom:1px solid #098098; } 
.ui-design .logo-placeholder:hover                     
{ background-color:#0999b8; color:#ffffff; border:1px solid #098098; }
.ui-design .content-edit-mini-menu .control            
{ color:#0999b8; }


/* --------- Dashboard and Settings ---------- */
/* Settings and Dashboard pages basic styles */
.options-page-wrapper .navigation-tile        
{ background:#098098; border:1px solid #098098; }
.options-page-wrapper .navigation-tile:hover  
{ background:#0999b8; border:1px solid #098098; } 
.setting-section .settings-table .edit-page         
{ color: #098098; }
.pac-item                                           
{ color: #787878;}
.pac-item:hover                                     
{ background-color: #8fcbd7; }
.pac-selected 
{ background-color: #098098; } 
.ui-design.settings-menu-panel ul li a:hover, .ui-design.settings-menu-panel ul li a.selected
{ background:#0999b8; }
.k-edit-form-container .button:hover                
{ background:#0999b8; border:1px solid #0999b8; color:#ffffff; }
.k-edit-form-container .label input:hover           
{ border-color:#0999b8; box-shadow: 0 0 5px rgba(143,203,215, 0.9); }

/* Navigation */
.navigation-list li:hover                           
{ background:#0999b8; color:#ffffff; }
.navigation-list.default li:hover                   
{ background:#0999b8; color:#ffffff; }
.navigation-list li                                 
{ background:#0891ae; color:#ffffff; }

/* Manage Templates */
.template .default-template                         
{ background-color: #098098; }
.template.add-template-container:hover              
{ background-color: #0999b8; border: 1px solid #098098; }
.template .template-actions li a                    
{ color: #098098; }
#availableTemplates .template.selected              
{ background-color: #0999b8; border: 1px solid #098098; }

/* Select Theme in new account setup */
#chooseStartingTheme .template-thumbnail:hover      { border-color:#0999b8; box-shadow: 0 0 5px rgba(143,203,215, 0.9); }
#chooseStartingTheme .template-thumbnail.selected   { background:#0999b8; }

/* Generic Layout */
.header-strip.themed				{ border-bottom:5px solid #0999b8; height:68px; }
.generic-page .header-strip.themed	{ height:auto; }

/* Editing Template Bar */
#editTemplate    {background:#0999b8; border-bottom:1px solid #098098; }
#editTemplate h1 {font-size: 28px; font-family: "Museo 300", "Georgia", Serif; color: #f0f0f0; text-align: center; padding: 5px 0;font-weight: normal;text-decoration: none;text-transform: none;}
#editTemplate h1 a {font-size: 20px; font-family: "Museo 300", "Georgia", Serif; color: #f0f0f0; text-align: center; padding: 5px 0; text-decoration: none; text-transform: none;font-weight: normal;font-style: normal;}
#editTemplate h1 span {padding: 0 5px;}
