/*
When the developers admin_menu is visible, mode the content managers' admin menu 30px lower.

Enabled settings of admin_menu:
 - Adjust top margin
 - Keep menu at top of page
*/

/** Admin module met Admin-menu module fix **/
body.admin-menu div#admin-toolbar.vertical { top: 30px; }
body.page-node-edit div.field-status-synced label:first-child { background: #FFF url(../images/icon_sync.png) left center no-repeat; padding-left: 20px; }
body.page-node-edit div.field-status-readonly label:first-child { background: #FFF url(../images/icon_locked.gif) left center no-repeat; padding-left: 20px; }



/*
*  Admin_menu module Theming
*/

#admin-menu-wrapper {
  font-size: 1em;
  padding: 0;
}

#admin-menu-wrapper{
    background: url("../images/bkg.jpg") repeat left top;
}
#admin-menu{
  height: 40px;
  margin: 0;
  padding:0;
  box-shadow: none;
}

html body.admin-menu {
  margin-top: 40px !important;
}

#admin-menu .dropdown li.admin-menu-icon{
  background: none;
  padding: 0;
}

#admin-menu .dropdown li.admin-menu-icon a{
  padding: 0;
}

#admin-menu .dropdown li.admin-menu-icon a span{
  background: url("../images/home.jpg");
  width: 45px;
  height: 40px;
}

#admin-menu .dropdown li{
  padding: 0;
  background: url("../images/dropdown2.png") no-repeat right top;
  height: 40px;
  line-height: 34px;
}

#admin-menu .dropdown li.expandable{
  background: url("../images/dropdown.png") no-repeat right top;
}

#admin-menu .dropdown li:hover, #admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail{
  background: url("../images/selected_menu.jpg") no-repeat left top;
}

#admin-menu div .dropdown li a {
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 0px 2px 0px #000000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
  padding: 2px 15px 3px 15px;
  margin: 0;
}

#admin-menu div .dropdown li li a {
  padding: 2px 5px 3px 7px;
  font-size: 11px;
  font-weight: normal;
  text-shadow: none;
}

div#admin-toolbar.vertical div.admin-blocks-1 div.admin-block {
  top: 0;
}

#admin-menu .dropdown li ul{
  border-left: 4px solid #00263f;
}

#admin-menu .dropdown li ul li{
  background: url("../images/children-bg-no-children.png") right bottom no-repeat #003154;
  opacity: 0.95;
  height: auto;
  line-height: 19px;
  padding: 3px 0;
  font-size: 0.923em;

}

#admin-menu .dropdown li ul li:hover{
  background: url("../images/children-bg-no-children.png") right bottom no-repeat #00253d;
}

#admin-menu .dropdown li ul li a{
  border: none;
}

#admin-menu .dropdown li ul li.expandable{
  background: url("../images/children-bg.png") right bottom no-repeat #003154;
  position: relative;
}

#admin-menu .dropdown li ul li.expandable:hover{
  background: url("../images/children-bg.png") right bottom no-repeat #00253d;
}

#admin-menu .dropdown li ul li ul li{
  font-size: 1em;
}


#admin-menu li.admin-menu-account > a {
  background: none;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a:hover{
  background: none;
  color: #8bd3f5;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail{
  color: #8bd3f5;
  border-radius: 0;
}

#admin-menu .dropdown strong{
  color: #8bd3f5;
}

#admin-menu .dropdown li li.expandable ul {
  margin: 0;
  right: -164px;
  position: absolute;
  top: 0;
}

#admin-menu .dropdown .admin-menu-users a {
  background: url("../images/icon_users.png") no-repeat right center;
  margin: 0 15px 0 0;
}



/*
*  Admin module Theming
*/

div#admin-toolbar.vertical div.admin-block {
    top: 0 !important;
}

div#admin-toolbar.vertical div.admin-block {
  width: auto;
  height: 100%;
  position: relative;
  padding: 0;
}


div#admin-toolbar.vertical div.admin-blocks-2 div.admin-block {
  top: 0px;

}

div#admin-toolbar div.block-content{
    overflow-y: auto !important;
    position: static;
}

body.admin-menu div#admin-toolbar.vertical {
  top: 40px !important;
}

div#admin-toolbar.vertical div.admin-blocks {
  background: #001827;
}

div#admin-toolbar, div#admin-toolbar * {
  color: #CCCCCC;
  font-size: 1em;
  font-family: Arial;
}

#admin-toolbar ul.menu li.leaf,
#admin-toolbar ul.drilldown-active-menu li.leaf,
#admin-toolbar ul li {
  background: #001a2a;
  min-height: 30px;
  height:auto;
  margin: 0 0 1px 0;
  border-bottom:1px solid #002841;
  border-top:1px solid #000c14;
}

#admin-toolbar ul li:hover,
#admin-toolbar ul.menu li:hover{
  background:#002c49;
}

#admin-toolbar ul.menu li a,
#admin-toolbar ul li a{
  font-size: 12px;
  border: none;
  background: url("../images/arrows.png") no-repeat 14px -52px;
  padding: 8px 5px 8px 39px;
  margin: 0;
  height: auto;
 display:block;
 white-space:normal;
}

#admin-toolbar ul.menu li a:hover,
#admin-toolbar ul.menu li a.active,
#admin-toolbar ul li a:hover,
#admin-toolbar ul li a.active{
  color: #8bd3f5;
  background:none;
  background: url("../images/arrows.png") no-repeat 14px 13px;
}

div#admin-toolbar div.admin-tabs {
  background: url("../images/bg2.jpg") no-repeat left bottom;
}

div#admin-toolbar.vertical div.admin-tabs {
  padding: 12px 10px 45px 35px;
}


div#admin-toolbar div.admin-tab{
	background:url(../images/tab.jpg) no-repeat left top;
	min-height: 37px;
	line-height:37px;
	width: 217px;
	border:none;
	padding:0 !important;
}
	div#admin-toolbar div.admin-tab span{
		padding:0 20px;
		font-size: 0.9em;
		color:#fff;
	}
div#admin-toolbar div.admin-tab.admin-tab-active{
	background:url(../images/bg-tab-active.jpg) no-repeat left top;
	min-height: 39px;
	width: 215px;
}

div#admin-toolbar.vertical div.admin-tab {
  padding: 8px 0px 14px 19px;
  margin: 0 0 3px 0;
  width: 202px;
  height: 13px;
}

div#admin-toolbar.vertical div.admin-tab:hover span{
  color: #8bd3f5;
}

div#admin-toolbar.vertical div.admin-tab-active {
  margin: 0;
  width: 199px;
}

div#admin-toolbar div.admin-tab span{
  font-size: 11px !important;
  color: #ffffff;
}
div#admin-toolbar div.admin-tab-active span{
  color: #8bd3f5;
}

body.admin-expanded div#admin-toolbar span.admin-toggle {
  background: url("../images/icon_remove.png") no-repeat left top;
  padding: 0;
  height: 10px;
  width: 8px;
  margin: 25px 0 0 12px;
}

body.admin-expanded div#admin-toolbar span.admin-toggle:hover {
  background: url("../images/icon_remove.png") no-repeat center bottom;
}

div#admin-toolbar span.admin-toggle {
  background: url("../images/wrench.png") no-repeat left top;
  width: 44px;
  height: 44px;
}

/* Tijdelijk: te verbeteren door Jan */
div#admin-toolbar #itr-support-block {
  background-color: #001523;

  margin: 0 5% 5%;
  padding: 5% 10%;
  position: absolute;
  bottom: 0;
  width: 70%;
  border-width: 0.5px;
  border-color: #000100;
  border-style: solid;
}
div#admin-toolbar #itr-support-block-text{
  padding-left: 3px;
  color: #91CBF9;
  text-align: center;
  font-size: 14px;
}
div#admin-toolbar #itr-support-block-phone{
  text-align: center;
  font-size: 33px;
  line-height: 38px;
  color: white;
}


/** Panels In-Line Editor **/
div#panels-ipe-control-container{
  background: none repeat scroll 0 0 #001827;

}
input#panels-ipe-save {
  background: url("../images/icon-save.png") no-repeat left top #00406C;
}
input#panels-ipe-save:hover {
  background: url("../images/icon-save.png") no-repeat left top #003054;
}

input#panels-ipe-cancel {
  background: url("../images/icon-close.png") no-repeat left top #00406C;
}
input#panels-ipe-cancel:hover {
  background: url("../images/icon-close.png") no-repeat left top #003054;
}

div.panels-ipe-pseudobutton-container, div.panels-ipe-control .form-submit {
  background: none repeat scroll 0 0 #00406C;
}
div.panels-ipe-pseudobutton-container:hover, div.panels-ipe-control .form-submit:hover {
  background: none repeat scroll 0 0 #003054;
}


/* Contextual links */
ul.contextual-links li a {
  padding: 2px 10px !important;
  line-height: auto;
}
ul.contextual-links li {
  /*height: 20px;*/
  border: none;
  padding: 0 !important;
  line-height: auto;
}