.userProfile {
   /* border: 1px solid;
    border-radius: 25px;
    border-color: #9dd617;*/
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.username a{
    color:#363B41;
    font-family: "Century Gothic", CenturyGothic,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
    text-decoration: none;
    text-transform: capitalize;
}
.username a:hover{
    color: #363B41;
}

/*------------- ROLES MENU ----------------*/
/* Main */
#rolesmenu
{
        list-style: none;
}

#rolesmenu li
{
        position: relative;
}

#rolesmenu a
{
       float: left;
        height: 20px;
        text-decoration: none;
        color: white;
}

#rolesmenu li:hover > a
{
        color: #fafafa;
}

*html #rolesmenu li a:hover /* IE6 */
{
        color: #fafafa;
}

#rolesmenu li:hover > ul
{
        display: block;
}

/* Sub-menu */

#rolesmenu ul
{
    list-style: none;
    margin: 0;
    padding: 5px 0px 5px 3px;
    display: none;
    position: absolute;
    top: 20px;
        -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #1d6486;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d6486), to(#b7e251));
    background: -webkit-linear-gradient(#1d6486, #b7e251);
    background: -moz-linear-gradient(#1d6486, #b7e251);
    background: -ms-linear-gradient(#1d6486, #b7e251);
    background: -o-linear-gradient(#1d6486, #b7e251);
    background: linear-gradient(#1d6486, #b7e251);
    -pie-background: linear-gradient(#1d6486, #b7e251);
    behavior: url(./PIE.htc);

}

#rolesmenu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#rolesmenu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#rolesmenu ul a
{
    padding: 10px;
        height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
        text-transform: none;
}

*html #rolesmenu ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #rolesmenu ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#rolesmenu ul a:hover
{
    background: #363B41;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#363B41), to(#4C5658));
    background: -webkit-linear-gradient(#363B41, #4C5658);
    background: -moz-linear-gradient(#363B41, #4C5658);
    background: -ms-linear-gradient(#363B41, #4C5658);
    background: -o-linear-gradient(#363B41, #4C5658);
    background: linear-gradient(#363B41, #4C5658);
    -pie-background: linear-gradient(#363B41, #4C5658);
    behavior: url(./PIE.htc);
    margin-left: -6px;
}

#rolesmenu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#rolesmenu ul li:first-child a:after
{      position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#rolesmenu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#rolesmenu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
/*------------- ROLES MENU END ----------------*/

/*------------- TREE MENU ----------------*/
#treemenu
{
margin:5px;
padding-left:0px;
padding-top: 5px;
}

.treeview .active
{
    background: #9bbb58;
    color: #FFFFFF;
}

.treeview ul{ /*CSS for Simple Tree Menu*/

margin: 0px;
padding: 0px;
padding-top: 2px;
display: block;
}

.treeview li ul { /*CSS for Simple Tree Menu*/

margin: 0px;
padding: 0px;
padding-top: 2px;
display: block;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
margin-left: 0px;
padding-left: 0px; 
display: block;
}

.treeview li a {
    /*background-color: #808285;*/
    /*background-color: #5e5f61;*/
    background-color: #1c55b3;
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-decoration: none;
    cursor: default;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 10px 13px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 10px 13px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.29);
    text-align: center;
    color: white;
    margin-bottom: 10px;
    font-weight: bold;
    padding-top: 7%;
    padding-bottom: 7%;
}

.treeview li a:hover{ 
color: #FFFFFF;
}

.treeview ul li a {
    background-color: #A2CF62;
    border: 0px;
    cursor: pointer;
    text-align: center;
    -webkit-box-shadow: 10px 13px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 10px 13px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.29);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #231F20;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    padding-top: 7%;
    padding-bottom: 7%;
}

.treeview ul li a:hover{ 
    background: #9bbb58;
    color: #FFFFFF;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
/*background: #f7f7f7 url('../images/menuarrow.gif') no-repeat left 1px;*/
cursor: pointer;

}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.treeviewIcon {
    float: left;
    text-align: center;
    margin-top: 6px;
    margin-right: 5px;
    cursor: pointer;
    width: 15px;
    height: 15px;
}
/*------------- TREE MENU END----------------*/

/*------------- USER MENU ----------------*/
#usermenu{
    /* margin: 22px 20px 10px 10px;
    height:30px;
    height: 50px;
    */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #A8A9AD;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A8A9AD), to(#A8A9AD));
    background: -webkit-linear-gradient(#A8A9AD, #A8A9AD);
    background: -moz-linear-gradient(#A8A9AD, #A8A9AD);
    background: -ms-linear-gradient(#A8A9AD, #A8A9AD);
    background: -o-linear-gradient(#A8A9AD, #A8A9AD);
    background: linear-gradient(#A8A9AD, #A8A9AD);
    -pie-background: linear-gradient(#A8A9AD, #A8A9AD);
    behavior: url(./PIE.htc);
    /*width: 500px;*/
    border: 1px solid #696C6D;
    opacity: 0.9;
    min-height: 30px;
    letter-spacing: normal;
    font-size: 11px;
    font-weight: bold;
}

#usermenu ul {
    line-height: normal;
    list-style: none outside none;
    margin: 5px auto;
    padding: 0px 0px 0px 10px;
}
#usermenu li {
    display: block;
    float: left;
}
#usermenu a{
    color: #231F20;
    display: block;
    float: left;
    font-family: "Century Gothic", CenturyGothic,Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
    padding: 3px 14px 5px 3px;
    text-decoration: none;
    text-transform: capitalize;
}

#usermenu:hover{
background: #9bbb58;
color: #FFFFFF;
}


#usermenu a:hover{
    background: #9bbb58;
    color: #FFFFFF;
}


#usermenu .current_page_item a{
    /*color: #1d6486;*/
}
#usermenu .languageButton{
    padding:0px;
    padding-right:2px;
}

#usermenu .Icon{
    width: 24px;
    height: 24px;
    cursor:pointer;
    border: 1px solid #6e9a4b;
    text-align: center;
    background: #d2d6c9;
    font-weight:bold;
    color:#ffffff;
    padding:5px 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #363b41;
}
#usermenu .Icon:hover {
    background:#86c5f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#86c5f8), to(#4C5658));
    background: -webkit-linear-gradient(#86c5f8, #4C5658);
    background: -moz-linear-gradient(#86c5f8, #4C5658);
    background: -ms-linear-gradient(#86c5f8, #4C5658);
    background: -o-linear-gradient(#86c5f8, #4C5658);
    background: linear-gradient(#86c5f8, #4C5658);
    -pie-background: linear-gradient(#86c5f8, #4C5658);
    behavior: url(./PIE.htc);
}

/*------------- USER MENU END ----------------*/