/* 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: #46a308; }

a:hover,
code { color: #e37315; }

::-moz-selection { background-color: #46a308; }
::selection { background-color: #46a308; }

ins, mark { background-color: #46a308; }

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


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

.menu-dropdown li.level1.active a.level1,
.menu-dropdown li.level1.active span.level1  {
  border-top-color: #63c70b;
  border-bottom-color: #2f660b;
  background: #46a308;
  background: -webkit-linear-gradient(top, #46a308, #46a308);
  background: -moz-linear-gradient(top, #46a308, #46a308);
  background: -o-linear-gradient(top, #46a308, #46a308);
  background: linear-gradient(to bottom, #46a308, #46a308);
}

#page .menu-dropdown li.level1.active a.level1 > span,
#page .menu-dropdown li.level1.active span.level1 > span {
  border-color: #46a308;
  box-shadow: inset -1px 0 0 #46a308,
          inset 1px 0 0 #46a308;
}

.menu-dropdown li.level2 a.current.level2 {
  border-color: #2D81CC;
  border-top-color: #4796E0;
  background: #46a308;
  background: -webkit-linear-gradient(top, #46a308, #46a308);
  background: -moz-linear-gradient(top, #46a308, #46a308);
  background: -o-linear-gradient(top, #46a308, #46a308);
  background: linear-gradient(to bottom, #46a308, #46a308);
}

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }

.menu-dropdown a.level3:hover,
.menu-dropdown a.current.level3 { color: #46a308; }

.module.mod-box .menu-sidebar li.level1 > .active.level1,
.module.mod-box .menu-sidebar li.level1 > .current.level1 {
  border-color: #2D81CC;
  border-top-color: #4796E0;
  background: #46a308;
  background: -webkit-linear-gradient(top, #46a308, #46a308);
  background: -moz-linear-gradient(top, #46a308, #46a308);
  background: -o-linear-gradient(top, #46a308, #46a308);
  background: linear-gradient(to bottom, #46a308, #46a308);
}

.module.mod-box .menu-sidebar li.level1.parent > .level1.active,
.module.mod-box .menu-sidebar li.level1.parent > .level1.current { border-bottom-color: #1f4566; }
.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: #225989; }

.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 #4796E0; }

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

.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: #46a308; }


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

.module .badge { background-image: url(../images/module_badges.png); }

.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: #347FC3;
  background-color: #e17e2a;
}

.mod-box-color { background-color: #46a308; }

.mod-box-color,
.mod-box-header.mod-box-color .module-title {
  background: -webkit-linear-gradient(top, #59A8F3, #e17e2a);
  background: -moz-linear-gradient(top, #59A8F3, #e17e2a);
  background: -o-linear-gradient(top, #59A8F3, #e17e2a);
  background: linear-gradient(to bottom, #59A8F3, #e17e2a);
}

.mod-box-color a { color: #46a308; }

.mod-box-color em.box {
  background-color: #59A8F3;
  border-color: #3587CD;
}

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


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

.color1 { color: #4C9FEB; }
.color2 { color: #FF7D4C; }

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: #3990DB;
  border-bottom-color: #2F78B7;
  background: #59A8F3;
  background: -webkit-linear-gradient(top, #59A8F3, #479CEB);
  background: -moz-linear-gradient(top, #59A8F3, #479CEB);
  background: -o-linear-gradient(top, #59A8F3, #479CEB);
  background: linear-gradient(to bottom, #59A8F3, #479CEB);
}

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

.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: #317CBC;
  border-bottom-color: #29689D;
  background: #4690D0;
  background: -webkit-linear-gradient(top, #4690D0, #3381C5);
  background: -moz-linear-gradient(top, #4690D0, #3381C5);
  background: -o-linear-gradient(top, #4690D0, #3381C5);
  background: linear-gradient(to bottom, #4690D0, #3381C5);
}

.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: #317CBC;
  background: #3381C5;
  background: -webkit-linear-gradient(top, #3381C5, #4690D0);
  background: -moz-linear-gradient(top, #3381C5, #4690D0);
  background: -o-linear-gradient(top, #3381C5, #4690D0);
  background: linear-gradient(to bottom, #3381C5, #4690D0);
}

.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: #3587CD; }

.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: #3470A8; }

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

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

#system .item > .links a:hover {
  border-color: #3990DB;
  border-bottom-color: #2F78B7;
  background: #59A8F3;
  background: -webkit-linear-gradient(top, #59A8F3, #479CEB);
  background: -moz-linear-gradient(top, #59A8F3, #479CEB);
  background: -o-linear-gradient(top, #59A8F3, #479CEB);
  background: linear-gradient(to bottom, #59A8F3, #479CEB);
}

#system .item > .links a:active {
  background: #46a308;
  background: -webkit-linear-gradient(top, #59A8F3, #46a308);
  background: -moz-linear-gradient(top, #46a308, #46a308);
  background: -o-linear-gradient(top, #46a308, #46a308);
  background: linear-gradient(to bottom, #46a308, #46a308);
}

.searchbox .results li.more-results:hover { color: #2D81CC; }

.searchbox .results li.result.selected {
  border-color: #2D81CC;
  border-top-color: #4796E0;
  background: #46a308;
  background: -webkit-linear-gradient(top, #46a308, #46a308);
  background: -moz-linear-gradient(top, #46a308, #46a308);
  background: -o-linear-gradient(top, #46a308, #46a308);
  background: linear-gradient(to bottom, #46a308, #46a308);
}

#system span.highlight { background-color: #6EB0ED; }


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

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


#imap {
  background: url('../../../images/digitalahjulet3.png');
  width: 556px;
  height: 494px;
  display: block;
  position: relative;
  margin-bottom:20px;
  float: left;
}

#imapeng {
  background: url('../../../images/digitalahjulet_eng2.png');
  width: 556px;
  height: 494px;
  display: block;
  position: relative;
  margin-bottom:20px;
  float: left;
    clear:both;
}

#digitexteng {
    clear:both;
}

#styra {
  margin-left:159px; 
  margin-top:142px; 
    height:34px;
     display: block;
  width:95px;
  z-index:20;
     position: absolute;

}

#imapeng #styra {
  margin-left:158px; 
  margin-top:142px; 
    height:34px;
     display: block;
  width:95px;
  z-index:20;
     position: absolute;

}

#styra:hover,
#styra:focus {
     border: 2px;
     border-style: solid;
    border-color: #fff286;
	}

#anvaenda {
  margin-left:156px; 
  margin-top:290px;
     display: block;
  height:37px;
  width:96px;
     position: absolute;
 }

#anvaenda:hover,
#anvaenda:focus {
     border: 2px;
     border-style: solid;
    border-color: #ffb0bf;
	}

#bevara:hover,
#bevara:focus {
     border: 2px;
     border-style: solid;
    border-color: #86dbff;
	}

#bevara {
  margin-left:10px; 
  margin-top:219px; 
    display: block;
    height:36px;
  width:95px;
  z-index:20;
     position: absolute;
 }

#imapeng #bevara {
  margin-left:10px; 
  margin-top:219px; 
    display: block;
    height:36px;
  width:95px;
  z-index:20;
     position: absolute;
 }

#bevara:hover,
#bevara:focus {
     border: 2px;
     border-style: solid;
    border-color: #86dbff;
	}

#imap #producera {
  margin-left:285px; 
  margin-top:214px; 
    height:36px;
     display: block;
  width:92px;
  z-index:20;
     position: absolute;

     }

#producera:hover,
#producera:focus {
     border: 2px;
     border-style: solid;
    border-color: #b9ff40;
	}

#imapeng #producera {
  margin-left:284px; 
  margin-top:214px; 
    height:36px;
     display: block;
  width:92px;
  z-index:20;
     position: absolute;

     }

#tidigare { display: none; }