#accountmenu ul { margin: 0px; padding: 0px; list-style: none; z-index:1; width: 40px; height:70px; cursor:pointer; float:left;}
#accountmenu li { margin: 0; padding: 0;}
#accountmenu a { margin: 0; padding: 0;}
#accountmenu a {text-decoration: none;}
#accountmenu {height: 70px; padding-left:10px;}

#accountmenu > ul > li {
    position: relative;
	height: 25px;
}

#accountmenu > ul > li > a {
    color: rgb(160,160,160);
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size: 15px;
    line-height: 70px;
    padding: 0px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#accountmenu > ul > li > a:hover {color: #fff; }


#accountmenu > ul > li > ul {
    opacity: .9;
    visibility: hidden;
    background-color:#fff;
    text-align: left;
    position: absolute;
    top: 25px;
    left: -131px;
	 margin-left: 0px;
    width: 170px;
    height: auto;
-webkit-transition: width .3s .1s;
   -moz-transition: width .3s .1s;
     -o-transition: width .3s .1s;
        transition: width .3s .1s;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#accountmenu > ul > li:hover > ul {
    opacity: 1;
    top: 38px;
    visibility: visible;
}

#accountmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 6px;
	position: absolute;
	top: -37px;
	left: 142px;
    margin-left: -10px;
	width:26px;
	height:26px;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

#accountmenu > ul ul > li { position: relative;}

#accountmenu ul ul a{
    color: #4D3E32;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:normal;
    font-size: 13px;
    background-color: #fff;
    padding: 8px 8px 8px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#accountmenu ul ul a:hover {background-color: #ccc;}

#accountmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		
}

#accountmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

#accountmenu ul ul a:hover{
    background-color: #f2f2f2;
    color: #4D3E32;
}


/*NOTIFICATION MENU*/

#notificationmenu ul { margin: 0px; padding: 0px; list-style: none; z-index:1; width: 40px; height:70px; cursor:pointer; float:left; background-image:url(../images/alert_off.png); background-repeat:no-repeat; background-position-x: center; background-position-y: 7px;}
#notificationmenu li { margin: 0; padding: 0;}
#notificationmenu a { margin: 0; padding: 0;}
#notificationmenu a {text-decoration: none;}
#notificationmenu {height: 70px; width: 48px;float: left;}

#notificationmenu > ul > li {
    position: relative;
	height: 25px;
}

#notificationmenu > ul > li > a {
    color: rgb(160,160,160);
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size: 15px;
    line-height: 70px;
    padding: 0px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#notificationmenu > ul > li > a:hover {color: #fff; }


#notificationmenu > ul > li > ul {
    opacity: .9;
    visibility: hidden;
    background-color:#fff;
    text-align: left;
    position: absolute;
    top: 25px;
    left: -131px;
	 margin-left: 0px;
    width: 170px;
    height: 130px;
-webkit-transition: width .3s .1s;
   -moz-transition: width .3s .1s;
     -o-transition: width .3s .1s;
        transition: width .3s .1s;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#notificationmenu > ul > li:hover > ul {
    opacity: 1;
    top: 38px;
    visibility: visible;
}

#notificationmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 6px;
	position: absolute;
	top: -37px;
	left: 142px;
    margin-left: -10px;
	width:26px;
	height:26px;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color:#fff;
background-image:url(../images/alert_on.png); background-repeat:no-repeat; background-position-x: center; background-position-y: 0px;
}

#notificationmenu > ul ul > li { position: relative;}

#notificationmenu ul ul a{
    color: #4D3E32;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:normal;
    font-size: 13px;
    background-color: #fff;
    padding: 8px 8px 8px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#notificationmenu ul ul a:hover {background-color: #ccc;}

#notificationmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		
}

#notificationmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

#notificationmenu ul ul a:hover{
    background-color: #f2f2f2;
    color: #4D3E32;
}

ul.invite_top {
	background: none;
	color:white;
	height: 20px !important;
	width: 20px !important;
	margin-right:8px !important;
	padding:8px !important;
}
ul.invite_top:hover {
	background: #5E4D40;
}
ul.invite_top li a .icon-heart {
	color: white;
}