/* 
    Document   : com_showsubmenu
    Created on : Mar 22, 2013, 8:47:45 AM
    Author     : semmer@infoart.hu
*/

div.portlet-content.box.part-showsubmenu {
  width: 320px;
  margin: 0;
}

div.portlet-content.box.part-showsubmenu div.component-body {
  padding: 0 5px;
}

div.portlet-content.box.part-showsubmenu ul.subnav {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}

div.portlet-content.box.part-showsubmenu ul.subnav ul {
  display: none;
  list-style: none;
  margin: 5px 0 0;
  background: #ececec;
}

div.portlet-content.box.part-showsubmenu ul.subnav ul ul {
  display: none;
  list-style: none;
  margin: 5px 0 0;
  background: #d9d9d9;
}

div.portlet-content.box.part-showsubmenu ul.subnav ul.open {
  display: block;
}

div.portlet-content.box.part-showsubmenu ul.subnav li {
  padding: 5px 0 5px 20px;
}

div.portlet-content.box.part-showsubmenu ul.subnav > li {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
}

div.portlet-content.box.part-showsubmenu ul.subnav > li > a {
  background: transparent url('../gfx/title_bullets.png') 0 -279px no-repeat;
  display: block;
  min-height: 13px;
  padding: 0 0 0 20px;
}
div.portlet-content.box.part-showsubmenu > div.blue ul.subnav > li > a {
  background-position: 0 1px;
}
div.portlet-content.box.part-showsubmenu > div.green ul.subnav > li > a {
  background-position: 0 -69px;
}
div.portlet-content.box.part-showsubmenu > div.red ul.subnav > li > a {
  background-position: 0 -139px;
}
div.portlet-content.box.part-showsubmenu > div.orange ul.subnav > li > a {
  background-position: 0 -209px;
}
div.portlet-content.box.part-showsubmenu ul.subnav > li ul a {
  padding: 0 0 0 5px;
  background: transparent url('../gfx/title_bullets.png') 0 -279px no-repeat;
  display: block;
  min-height: 13px;
  padding: 0 0 0 20px;
}

div.portlet-content.box.part-showsubmenu ul.subnav a:hover,
div.portlet-content.box.part-showsubmenu ul.subnav li.selected > a,
div.portlet-content.box.part-showsubmenu ul.subnav li a:hover {
  font-weight: 700;
  text-decoration: none;
  color: #333;
}

div.portlet-content.box.part-showsubmenu ul.subnav li.selected li.selected a {
  font-weight: 700;
}

div.portlet-content.box.part-showsubmenu ul.subnav li.selected li a,
div.portlet-content.box.part-showsubmenu ul.subnav li.selected li.selected li a{
  font-weight: normal;
}

@media only screen and (min-width: 1305px) {
  div.portlet-content.box.part-showsubmenu {
    width: 640px;
    margin: 0;
  }
  div.portlet-content.box.part-showsubmenu > div {
    width: 630px;
    margin: 0 5px 20px 5px;
  }
}

@media only screen and (min-width: 665px) and (max-width: 983px) {
  div.portlet-content.box.part-showsubmenu {
    width: 640px;
    margin: 0;
  }
  div.portlet-content.box.part-showsubmenu > div {
    width: 630px;
    margin: 0 5px 20px 5px;
  }
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
  div.portlet-content.box.part-showsubmenu {
    width: 100%;
    margin: 0;
  }
}