/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

a { color: #444; }

a:hover,
code { color: #1004fe; }

::-moz-selection { background-color: #fff; }
::selection { background-color: #2AC3DF; }

ins, mark { background-color: #2AC3DF; }

/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li.level1.active a.level1,
.menu-dropdown li.level1.active span.level1  { 
	border-top-color: #23A5BE;
	border-bottom-color: #0C8BB1;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

#page .menu-dropdown li.level1.active a.level1 > span,
#page .menu-dropdown li.level1.active span.level1 > span { 
	border-color: #23A5BE;
	box-shadow: inset 0px 0 0 #2AC3DF,
    			inset 0px 0 0 #2AC3DF; 
        border-left: 1px solid #d3d3d3;                       
}

.menu-dropdown li.level2 a.current.level2 { 
	border-color: #1FACCC;
	border-top-color: #26AFC8;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }
.menu-dropdown a.level4 { background-image: url(../images/menu_dropdown_level3.png); background-repeat:no-repeat; }
.menu-dropdown a.level4:hover,
.menu-dropdown a.current.level4 { color: #0D93B9; }


.menu-dropdown a.level3:hover,
.menu-dropdown a.current.level3 { color: #0D93B9; }

.module.mod-box .menu-sidebar li.level1 > .active.level1,
.module.mod-box .menu-sidebar li.level1 > .current.level1 { 
	border-color: #16AACF;
	border-top-color: #24A6BE;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

.module.mod-box .menu-sidebar li.level1.parent > .level1.active,
.module.mod-box .menu-sidebar li.level1.parent > .level1.current { border-bottom-color: #0E9DC9; }
.module.mod-box .menu-sidebar li.level1:last-child > .active.level1,
.module.mod-box .menu-sidebar li.level1:last-child > .current.level1 { border-bottom-color: #0E6F87; }

.module.mod-box .menu-sidebar li.level1:first-child > .active.level1,
.module.mod-box .menu-sidebar li.level1:first-child > .current.level1 { border-top: 1px solid #0E9DC9; }

.module.mod-box-black .menu-sidebar li.level1 > .active.level1,
.module.mod-box-black .menu-sidebar li.level1 > .current.level1 { border-bottom-color: #0E9DC9; }

.menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent.png); }

.module.mod-box-black .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_black.png); }

.menu-sidebar ul.level2 a { background-image: url(../images/menu_sidebar_level2.png); }

.menu-sidebar ul.level2 a:hover,
.menu-sidebar ul.level2 a.current { color: #2AC3DF; }


.menu-dropdown ul.level4{padding:7px 14px;border-top:1px solid #d1d1d1;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05),inset 0 -1px 1px rgba(0,0,0,0.05);background:#f1f2f4;background:-webkit-linear-gradient(top,#F1F2F4,#EBECED);background:-moz-linear-gradient(top,#F1F2F4,#EBECED);background:-o-linear-gradient(top,#F1F2F4,#EBECED);background:linear-gradient(to bottom,#F1F2F4,#EBECED);background-color:#eda0e1;}


.menu-dropdown a.level4:hover,.menu-dropdown a.current.level4{background-position:0 -100px;}

.menu-dropdown a.level4:hover, .menu-dropdown a.current.level3 {color: #0D93B9;}

.menu-dropdown a.level4 {
    padding-left: 18px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-shadow: 0 1px 0 #fff;
    color: #444;
}




/* Modules
----------------------------------------------------------------------------------------------------*/

.module .badge { background-image: url(../images/badges.gif);
width:78px; }

.mod-box-color .badge,
.mod-box-colorheader .badge  { background-image: url(../images/module_badges_color.png); }

.module .module-title .icon { background-image: url(../images/module_icons.png); }

.mod-box-color .module-title .icon,
.mod-box-colorheader .module-title .icon  { background-image: url(../images/module_icons_color.png); }

.mod-box-header.mod-box-color .module-title {
	border-bottom-color: #0E9DC8;
	background-color: #10B9EC;
}

.mod-box-color { background: #2AC3DF; }

.mod-box-color,
.mod-box-header.mod-box-color .module-title {
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

.mod-box-color a { color: #0E6F87; }

.mod-box-color em.box {
	background-color: #1BABCE;
	border-color: #0F95BB;
}

.mod-box-color::-moz-selection { background: #E8AF46; }
.mod-box-color::selection { background: #E8AF46; }


/* Tools
----------------------------------------------------------------------------------------------------*/

.color1 { color: #0D93B9; }
.color2 { color: #FE874E; }

form.style button:hover,
form.style input[type="button"]:hover,
form.style input[type="submit"]:hover,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input[type="submit"],
.button-default:hover,
.button-primary,
.mod-box .button-primary {
	border-color: #0FADDB;
	border-bottom-color: #0D91B7;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

form.style button:active,
form.style input[type="button"]:active,
form.style input[type="submit"]:active,
.button-default:activee {
	background: #10B9EC;
	background: -webkit-linear-gradient(top, #10B9EC, #29C2E0);
	background: -moz-linear-gradient(top, #10B9EC, #29C2E0);
	background: -o-linear-gradient(top, #10B9EC, #29C2E0);
	background: linear-gradient(to bottom, #10B9EC, #29C2E0);
}

.mod-box-color form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-color form.style input[type="submit"]:hover,
.button-primary:hover {
	border-color: #0FADDB;
	border-bottom-color: #0D91B7;
	background: #0FB6E6;
	background: -webkit-linear-gradient(top, #0FB6E6, #0FAAD7);
	background: -moz-linear-gradient(top, #0FB6E6, #0FAAD7);
	background: -o-linear-gradient(top, #0FB6E6, #0FAAD7);
	background: linear-gradient(to bottom, #0FB6E6, #0FAAD7);
}

.mod-box-color form.style button:active,
.mod-box-color form.style input[type="button"]:active,
.mod-box-color form.style input[type="submit"]:active,
.button-primary:active {
	border-color: #0D97BF;
	background: #0FAAD7;
	background: -webkit-linear-gradient(top, #0FAAD7, #0FB6E5);
	background: -moz-linear-gradient(top, #0FAAD7, #0FB6E5);
	background: -o-linear-gradient(top, #0FAAD7, #0FB6E5);
	background: linear-gradient(to bottom, #0FAAD7, #0FB6E5);
}

.mod-box-color form.style input[type="text"],
.mod-box-color form.style input[type="password"],
.mod-box-color form.style select,
.mod-box-color form.style textarea { border-color: #0F95BB; }

.mod-box-color form.style input[type="text"]:focus,
.mod-box-color form.style input[type="password"]:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus { border-color: #0F95BB; }

.social-icons li a { background-image: url(../images/tools/icons_social.png); }

/* System
----------------------------------------------------------------------------------------------------*/

#system .item > .links a:hover {
	border-color: #0FADDB;
	border-bottom-color: #0D91B7;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

#system .item > .links a:active {
	background: #10B9EC;
	background: -webkit-linear-gradient(top, #10B9EC, #29C2E0);
	background: -moz-linear-gradient(top, #10B9EC, #29C2E0);
	background: -o-linear-gradient(top, #10B9EC, #29C2E0);
	background: linear-gradient(to bottom, #10B9EC, #29C2E0);
}

.searchbox .results li.more-results:hover { color: #0D93B9; }

.searchbox .results li.result.selected {
	border-color: #16AACF;
	border-top-color: #24A6BE;
	background: #2AC3DF;
	background: -webkit-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -moz-linear-gradient(top, #2AC3DF, #10B9EC);
	background: -o-linear-gradient(top, #2AC3DF, #10B9EC);
	background: linear-gradient(to bottom, #2AC3DF, #10B9EC);
}

#system span.highlight { background-color: #2AC3DF; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

.wk-slideset-sync .nav.icon span { background-image: url(../images/widgetkit/nav.png); }