ul.clean{
    list-style: none;
    overflow: hidden;
}

ul.clean li{
    float: left;
    margin-right: 5px;
}

ul.clean li a{
    display: inline-block;
    color:#707070;
    background:#FFFFFF;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:solid 1px #DCDCDC;
    padding:4px 9px 4px 9px;
    text-decoration: none;
}

ul.clean li a:hover,
ul.clean li a.selected{
    color:#FFFFFF;
    text-shadow:1px 1px rgba(0,0,0,0.3);
	border:solid 1px #ccc !important;
    /*box-shadow:0px 5px #ff0000;
    -moz-box-shadow:0px 5px #ff0000;
    -webkit-box-shadow:0px 5px #ff0000;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);*/
}

/* IE9 hack */
:root ul.clean li a:hover,
:root ul.clean li a.selected{
    filter: none !important;
}




/*===========================================================================
        c) PURPLE
/*=========================================================================*/

ul.clean.lila li a:hover,
ul.clean.lila li a.selected{
    border-color: #09C;
    background: #09F;
    background: -moz-linear-gradient(top,  #09C 0%, #09F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09C), color-stop(100%,#09F));
    background: -webkit-linear-gradient(top,  #09C 0%,#09F 100%);
    background: -o-linear-gradient(top,  #09C 0%,#09F 100%);
    background: -ms-linear-gradient(top,  #09C 0%,#09F 100%);
    background: linear-gradient(to bottom,  #09C 0%,#09F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09C', endColorstr='#09F',GradientType=0 );
}





/*===========================================================================
        l) WHITE
/*=========================================================================*/

ul.clean.white li a:hover,
ul.clean.white li a.selected{
    color: #555;
    text-shadow: none;
    border-color: #CDCDCD;
    background: #ededed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ededed 0%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d8d8d8));
    background: -webkit-linear-gradient(top,  #ededed 0%,#d8d8d8 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#d8d8d8 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom,  #ededed 0%,#d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d8d8d8',GradientType=0 );
}