/* menubar */

#menubarcontainer {
  text-align : center;
  margin : auto;
  text-align : center;
  font-size : 8pt;
  height : 28px;
}

.menubar, .menubar a, .menubar form, .menubar input, .menubar li, .menubar ul {
  border: none;
  margin: 0;
  padding: 0;
}

.menubar a {
  text-decoration: none;
}

.menubar li {
  list-style: none;
  text-align : left;
}

/* menu container */
.menubar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 96; /* Must be lower than that of rootmenu web apps */
  width : 100%;
}

/* menu list */
.menubar > li {
  float: left;
}

/* menu links */
.menubar > li > a {
  background: #372f2b;
  border-left: 1px solid #4b4441;
  border-right: 1px solid #312a27;
  color: #fcfcfc;
  display: block;
  font-weight: bold;
  line-height : 28px;
  padding: 0 20px;
  position: relative;
  text-shadow: 0 0 1px rgba(0,0,0,.35);
  transition: all .3s ease;
  z-index: 510;
}

.menubar > li > a:focus, .menubar > li:hover > a {
  background: #4b4441;
}
.menubar > li:first-child > a {
  border-left: none;
  border-radius: 3px 0 0 3px;
}

/* menu dropdown */
.megamenu {
  border: 1px solid #ddd;
  opacity: 0;
  position: absolute;
  transition: all .3s ease .15s;
  visibility: hidden;
  background-image : url(/images/blue.png);
  border-radius: 0px 5px 5px 5px;
  box-shadow : 4px 4px 4px #888888;
  z-index: 97;
}
li:hover > .megamenu {
  opacity: 1;
  overflow: visible;
  visibility: visible;
}

/* menu content */
.megamenucolumn {
  float: left;
  padding: 5px;
}

.megamenucolumn a {
  color : black;
  display: block;
  font-weight: bold;
  line-height: 26px;
}

.megamenusidebar {
  float: left;
  width: 20px;
  min-height : 160px;
}

.megamenucolumn a:hover {
  color: white;
}

.vertical-text {
    position: relative;
	transform: rotate(90deg);
    transform-origin: left bottom;
    color: Linen;
    font-size: 18px;
    margin: 3px;
    font-weight: bold;
}

.divider {
    color: #CCCCCC;
}

.disabled {
    color: #CCCCCC;
    line-height : 28px;
}

//h3 {
//  color: #372f2b;
//  font-size: 12px;
//  font-weight: bold;
//  line-height: 18px;
//  margin: 20px 0 10px;
//}

.megamenu_heading {
  color: white;
  border-radius : 3px;
  background-color : black;
  padding : 5px;
}

.cardmenu {
  padding : 0;
  margin : 0;
}

.cardmenu ul {
  padding : 0;
  margin : 0;
}

.cardmenu li {
    list-style: none;
    float: left;
}

.cardmenu li input {
    display: block;
    border: 0px;
    border-radius : 3px;
    text-decoration: none;
    text-align: left;
    line-height : 28px;
    width : 100px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    //transition: color .2s ease-in-out;
}

