/********** TABS **********/
.tab-list {
  margin: 0;
  padding: 0;
  margin-left:20px;
border-radius: 10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
color: #fff;
text-align:center}

.tab-list li {
  display: inline-block;
  list-style-type: none;
  background-color: #000;
    border : 2px solid #999 ;
  border-bottom: 3px solid #e5e5e5;
  /*font-family: Arial, Georgia, 'Jacques Francois', serif;*/
  text-transform: uppercase;
  font-weight : bold ;
  /*letter-spacing: 0.2em;*/
  border-radius: 10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;}

.tab-list li a {
  color: #f2f2f2;
  display: block;
  padding: 3px 10px 3px 10px;}


/********** HOVER STATES **********/
.tab-list li.active, .tab-list li.hover {
  background-color: #e5e5e5;
  border-bottom: 0px solid #ffffe5;
  font-size:1.125em;}

.tab-list li.active a, .tab-list li a:hover {
  color: #222;
  background-color: #ffffe5; font-size:1.125em;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius:10px 10px 0px 0px;
  -webkit-border-radius:10px 10px 0px 0px;}


/********** PANELS **********/
.tab-panel {
  display: none;
  background-color: #ffffe5;
  color: #000;
  min-height: 150px;
  overflow: auto;
  padding : 10px ;
  margin-bottom : 5px ;
border :solid 2px #999;
border-radius: 20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
	-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #000;
    box-shadow:5px 3px 3px #999, 0px 1px 0 #000;}

.tab-panel.active {
  display: block;}

.tab-panel p {
  margin: 10px 0;}

.itemlisttabs {list-style-type: circle;
color:#b4b4b4;
background-color: #f2f2f2;
text-decoration: line-through;}
#menu-btn {width: 100%;
background: transparent;
margin-left:10px;

}
#menu-btn ul {
list-style: none;
margin: 0;
padding: 0;
width: 225px;
}

#menu-btn h3 {line-height: 1.125em; color:#990000; margin:0; padding:0; float:none;}

#menu-btn a { display: block; box-sizing: border-box; margin:0 2px; padding:2px 10px 4px 10px; border: 1px solid rgba(127, 127, 127, 1);
background-color : #f4f4f4 ;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);    
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
    -webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow:2px 2px 2px #999, 0px 1px 0 #000;
text-align: center;
text-decoration:none;
color:#990000;}

#menu-btn a:hover {display:block; box-sizing: border-box; color:blue; /*
font-size:1.025em; increase text size slightly larger*/
background-color : #ffff33;
background: -webkit-linear-gradient(top,rgba(255, 255, 51, 1) 0%, rgba(255, 255, 153, 1) 100%);
	-webkit-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 2px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 2px 2px 2px #999, 0px 1px 0 #fff;
text-decoration:underline;
}
#menu-btn li {position: relative;}
#menu-btn ul ul {
position: absolute;
z-index: 500;
}

#menu-btn ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menubtn ul ul {
display: none;
}

div#menu-btn ul ul,
div#menu-btn ul li:hover ul ul,
div#menu-btn ul ul li:hover ul ul
{display: none;}

div#menu-btn ul li:hover ul,
div#menu-btn ul ul li:hover ul,
div#menu-btn ul ul ul li:hover ul
{display: block;}