﻿/* --------- Basic Product Themed Styles ---------- */
.ui-product a
{ color:#3C6CE7; }
.ui-product a:hover
{ color:#3C6CE7; }

.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:#3C6CE7; 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:#3C6CE7; color:#ffffff; }

/* --------- Designer View Themed Styles ---------- */
/*Editor Sidebar*/
.ui-design .sidebar-menu li a:hover,
.ui-design .sidebar-menu li a.selected 
{ background: rgb(255,255,255,.15); }

/* Drop-Down Menu */
/*.ui-dialog.ui-product .ui-dialog-buttonpane .ui-button.ui-state-default  
{ background-color:#3C6CE7; border-width:1px; border-style:solid; border-color:#3C6CE7; color:#ffffff; }*/
.drop-down-menu ul li:hover 
{ background:#3C6CE7; }
/* UI Dialog */
.ui-design.editor-menu-panel
{ background:#3C6CE7; border-right:1px solid #3C6CE7; }
/* Toggle Box */
.toggle-box.selected                
{ background-color:#3C6CE7; border:1px solid #3C6CE7; }
.toggle-box:not(.selected):hover p  
{ color:#3C6CE7; } 
.toggle-box:not(.selected):hover    
{ box-shadow: 0 0 5px rgba(0, 0, 0, .9); }
.toggle-box:not(.selected):hover .icon { color:rgba(0, 0, 0, .9); } 

/* Style Edit Mode */
.ui-design #styleModifyPanel .ui-state-default:hover
{ background:#3C6CE7; border:1px solid #0b89a2; }
.ui-design #styleModifyHeading .icon-button:hover
{ color:#3C6CE7; }

/* 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(0, 0, 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(0, 0, 0, .9); }

/*  Layout Edit Mode */
.layout-preview.selected    
{ background:#3C6CE7; border:1px solid #3C6CE7; box-shadow: 0 0 5px rgba(0, 0, 0, .9); }
.layout-preview.selected div
{ background:#f5f5f5; border:1px solid #3C6CE7; }
.content-wrapper:not(.content-edit):not(.css-edit-mode):not(.content-edit-style) .page-section.placeholder:hover
{ background-color: #3C6CE7; border: 1px solid #3C6CE7; }
.page-section-sortable-placeholder                  
{ border: 2px dashed #3C6CE7; }
.layout-edit .page-section .section-edit-menu .control:hover    
{ color:#3C6CE7; }

/* Blank Content Block Edit Controls */
.content-edit .content-type.placeholder:hover  
{ background:#3C6CE7; border-color:#3C6CE7; }
.content-edit .content-type.placeholder:hover .description    
{ background:#3C6CE7; color:#ffffff; }
.content-edit .container:hover                
{ border-color:#3C6CE7; box-shadow: 0 0 5px rgba(0, 0, 0, .9); }

/* Edit menu for content blocks */
.ui-design .content-edit-menu    
{ background:#3C6CE7; border-bottom:1px solid #3C6CE7; }
.ui-design .content-edit-style-menu    
{ background:#3C6CE7; border-bottom:1px solid #3C6CE7; } 
.ui-design .logo-placeholder:hover                     
{ background-color:#3C6CE7; color:#ffffff; border:1px solid #3C6CE7; }

.ui-design .content-edit-mini-menu .control            
{ color:#3C6CE7; }


/* --------- Dashboard and Settings ---------- */
/* Settings and Dashboard pages basic styles */
.options-page-wrapper .navigation-tile        
{ background:#3C6CE7; border:1px solid #3C6CE7; }
.options-page-wrapper .navigation-tile:hover  
{ background:#3C6CE7; border:1px solid #3C6CE7; } 
.setting-section .settings-table .edit-page         
{ color: #3C6CE7; }
.ui-design.settings-menu-panel ul li a:hover, .ui-design.settings-menu-panel ul li a.selected
{ background:#3C6CE7; }
.k-edit-form-container .button:hover                
{ background:#3C6CE7; border:1px solid #3C6CE7; color:#ffffff; }
.k-edit-form-container .label input:hover           
{ border-color:#3C6CE7; box-shadow: 0 0 5px rgba(0, 0, 0, .9); }

/* Navigation */
.navigation-list li:hover                           
{ background:#3C6CE7; color:#ffffff; }
.navigation-list.default li:hover                   
{ background:#3C6CE7; color:#ffffff; }
.navigation-list li                                 
{ background:#3C6CE7; color:#ffffff; }

/* Manage Templates */
.template .default-template                         
{ background-color: #3C6CE7; }
.template.add-template-container:hover              
{ background-color: #3C6CE7; border: 1px solid #3C6CE7; }
.template .template-actions li a                    
{ color: #3C6CE7; }
#availableTemplates .template.selected              
{ background-color: #3C6CE7; border: 1px solid #3C6CE7; }

/* Select Theme in new account setup */
#chooseStartingTheme .template-thumbnail:hover      { border-color:#3C6CE7; box-shadow: 0 0 5px rgba(0, 0, 0, .9); }
#chooseStartingTheme .template-thumbnail.selected   { background:#3C6CE7; }

/* Generic Layout */
.header-strip.themed    { border-bottom:5px solid #3C6CE7; height:68px; }


/* Editing Template Bar */
#editTemplate    { background:#3C6CE7; border-bottom:1px solid #3C6CE7; }
#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;}