/* ################# Top Level Icon Menu CSS ############## */

ul.iconmenu{
	font-size: 1em;  
    list-style: none;
    position: fixed;
    left: 1px;
    top: 60px;
    margin: 0;
    padding: 0;
    width: 55px;
    height: 43px;
    background-image: linear-gradient(to right top, #ff882a, #ffa21a, #ffbc02, #ffd700, #fff200);
    box-shadow: 1px 1px 4px 1px #966f21;
    -webkit-box-shadow: 1px 1px 4px 1px #966f21;
    -moz-box-shadow: 1px 1px 4px 1px #966f2;
    /* background: #eee; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 3px 1px 3px rgba(0,0,0,0.4);
}

ul.iconmenu li{
text-align: center;
cursor: pointer;
}

ul.iconmenu li a{
	display: block;
    text-decoration: none;
    border-radius: 0 5px 5px 0;
    margin: 5px 0 0 -1px;
    cursor: pointer;
    color: black;
    /*padding: 12px 5px;
    border-bottom: 1px solid white;*/
}

/*ul.iconmenu li a:last-of-type{
border-bottom-width: 0;
padding-bottom: 7px;
margin-bottom: 3px;
}*/



/* ################# Shared icon submenu DIV CSS ############## */


div.iconsubmenu{
	width:300px; /*default width of each icon sub menu*/
	position:absolute;
	visibility:hidden;
	padding:0;
	background: #fff;
	box-shadow: 1px 1px 4px 1px #966f21;
    -webkit-box-shadow: 1px 1px 4px 1px #966f21;
    -moz-box-shadow: 1px 1px 4px 1px #966f21;
	box-sizing: border-box;
}

div.iconsubmenu a{
text-decoration:none;
position: relative;
}

div.iconsubmenu .arrow{ /* default look for arrow of sub menu */
content: '';
display: block;
position:absolute;
border: 0.4em solid transparent;
border-right-color: #fff;
top: 2px;

}

/* ################# Mixed Content specific CSS ############## */

div.mixedcontent{
border: 10px solid red;
padding: 10px;
border-radius: 10px;
}


div.mixedcontent a[rel]{ /* links inside mixedcontent that contains a drop down */
border-bottom: 2px dotted red;
}

div.mixedcontent .column{ /*each link column within a mixed content menu*/
float:left;
width:50%;
padding:5px; /*add padding inside p and .column elements within mixed content menu*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


div.mixedcontent .column ul{
margin:0;
margin-left:5px;
padding:0;
list-style:none;
}

div.mixedcontent .column ul li{
margin-bottom:3px;
}


/* ################# Vertical List Menu Specific CSS ############## */

div.dropdownmenu{
    width:100%;
    border: 10px solid #fff;
    border-radius: 14px;
}

div.dropdownmenu ul{ /*style any UL within vertical menu with class="ulmenu"*/
margin:0;
padding:0;
/*border:1px solid gray;*/
border-bottom-width:0;
list-style:none;
}

div.dropdownmenu ul a{
    display: block;
    border-bottom: 1px solid gray;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 2em;
    color: #353538;
    border-bottom: 1px solid #f0f3f7;
}
div.dropdownmenu li:last-child{
    border-bottom: none;
}

div.dropdownmenu ul a:hover, div.dropdownmenu ul a.selected{ /* style for selected menu item */
    background:#fff !important;;
    color: #353538 !important;
}

div.dropdownmenu a[rel]:after{ /* style anchor links inside dropdownmenu that contain a drop down */
content: '>';
font-size: 16px;
height: 100%;
position: absolute;
top: 2px;
right: 5px;
}

/* ################# Tooltip Specific CSS ############## */

div.icontooltip{
background: black;
color: white;
width:auto;
padding: 5px;
border-radius: 5px;
padding: 5px 8px;
}

div.icontooltip .arrow{
border-right-color: black;
}