/*===========================================================================

    STYLE: CLEAN

    DESCRIPTION:
    All pages are transparent with gray borders and the selected and the hover page have colored borderd styles

    INSTRUCTIONS:
    You need to include the MAIN code and include a choosen COLOR code

    TABLE OF CONTENTS:
    1) MAIN
        a) RED
        b) PINK
        c) PURPLE
        d) BLUE
        e) CYAN
        f) GREEN
        g) YELLOW
        h) BROWN
        i) ORANGE
        j) BLACK
        k) GRAY
        l) WHITE

    NOTE:
    The background gradients supports this Browsers
        1) Old browsers
        2) FF3.6+
        3) Chrome,Safari4+
        4) Chrome10+,Safari5.1+
        5) Opera 11.10+
        6) IE10+
        7) W3C
        8) IE6-9

/*=========================================================================*/


/*===========================================================================
    1) MAIN
/*=========================================================================*/

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:6px 9px 6px 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);
    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;
}

/*===========================================================================
        a) RED
/*=========================================================================*/

ul.clean.red li a:hover,
ul.clean.red li a.selected{
    border-color:#e21212;
    background: #ff4c4c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff4c4c 0%, #f41f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4c4c), color-stop(100%,#f41f1f));
    background: -webkit-linear-gradient(top,  #ff4c4c 0%,#f41f1f 100%);
    background: -o-linear-gradient(top,  #ff4c4c 0%,#f41f1f 100%);
    background: -ms-linear-gradient(top,  #ff4c4c 0%,#f41f1f 100%);
    background: linear-gradient(to bottom,  #ff4c4c 0%,#f41f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c4c', endColorstr='#f41f1f',GradientType=0 );
}

/*===========================================================================
        b) PINK
/*=========================================================================*/

ul.clean.pink li a:hover,
ul.clean.pink li a.selected{
    border-color:#de34e1;
    background: #e93cec;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiODNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTNjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fb83fa 0%, #e93cec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb83fa), color-stop(100%,#e93cec));
    background: -webkit-linear-gradient(top,  #fb83fa 0%,#e93cec 100%);
    background: -o-linear-gradient(top,  #fb83fa 0%,#e93cec 100%);
    background: -ms-linear-gradient(top,  #fb83fa 0%,#e93cec 100%);
    background: linear-gradient(to bottom,  #fb83fa 0%,#e93cec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0);
}

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

ul.clean.purple li a:hover,
ul.clean.purple li a.selected{
    border-color:#9310CC;
    background: #ad6ccc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkNmNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzJjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ad6ccc 0%, #9c2ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad6ccc), color-stop(100%,#9c2ccc));
    background: -webkit-linear-gradient(top,  #ad6ccc 0%,#9c2ccc 100%);
    background: -o-linear-gradient(top,  #ad6ccc 0%,#9c2ccc 100%);
    background: -ms-linear-gradient(top,  #ad6ccc 0%,#9c2ccc 100%);
    background: linear-gradient(to bottom,  #ad6ccc 0%,#9c2ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad6ccc', endColorstr='#9c2ccc',GradientType=0 );
}

/*===========================================================================
        d) BLUE
/*=========================================================================*/

ul.clean.blue li a:hover,
ul.clean.blue li a.selected{
    border-color:#063ECC;
    background: #5b7dcc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViN2RjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjUyY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #5b7dcc 0%, #2252cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b7dcc), color-stop(100%,#2252cc));
    background: -webkit-linear-gradient(top,  #5b7dcc 0%,#2252cc 100%);
    background: -o-linear-gradient(top,  #5b7dcc 0%,#2252cc 100%);
    background: -ms-linear-gradient(top,  #5b7dcc 0%,#2252cc 100%);
    background: linear-gradient(to bottom,  #5b7dcc 0%,#2252cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7dcc', endColorstr='#2252cc',GradientType=0 );
}

/*===========================================================================
        e) CYAN
/*=========================================================================*/

ul.clean.cyan li a:hover,
ul.clean.cyan li a.selected{
    border-color:#008BD1;
    background: #6fc7f7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmYzdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGExY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6fc7f7 0%, #00a1cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fc7f7), color-stop(100%,#00a1cd));
    background: -webkit-linear-gradient(top,  #6fc7f7 0%,#00a1cd 100%);
    background: -o-linear-gradient(top,  #6fc7f7 0%,#00a1cd 100%);
    background: -ms-linear-gradient(top,  #6fc7f7 0%,#00a1cd 100%);
    background: linear-gradient(to bottom,  #6fc7f7 0%,#00a1cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fc7f7', endColorstr='#00a1cd',GradientType=0 );
}

/*===========================================================================
        f) GREEN
/*=========================================================================*/

ul.clean.green li a:hover,
ul.clean.green li a.selected{
    border-color:#00A100;
    background: #6dc46d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYzQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNGEwMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6dc46d 0%, #24a024 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dc46d), color-stop(100%,#24a024));
    background: -webkit-linear-gradient(top,  #6dc46d 0%,#24a024 100%);
    background: -o-linear-gradient(top,  #6dc46d 0%,#24a024 100%);
    background: -ms-linear-gradient(top,  #6dc46d 0%,#24a024 100%);
    background: linear-gradient(to bottom,  #6dc46d 0%,#24a024 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc46d', endColorstr='#24a024',GradientType=0 );
}

/*===========================================================================
        g) YELLOW
/*=========================================================================*/

ul.clean.yellow li a:hover,
ul.clean.yellow li a.selected{
    border-color:#FFA200;
    background: #ffd65e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
    background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
}

/*===========================================================================
        h) BROWN
/*=========================================================================*/

ul.clean.brown li a:hover,
ul.clean.brown li a.selected{
    border-color:#8D411A;
    background: #d66228;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2NjIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTU5MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d66228 0%, #c15924 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d66228), color-stop(100%,#c15924));
    background: -webkit-linear-gradient(top,  #d66228 0%,#c15924 100%);
    background: -o-linear-gradient(top,  #d66228 0%,#c15924 100%);
    background: -ms-linear-gradient(top,  #d66228 0%,#c15924 100%);
    background: linear-gradient(to bottom,  #d66228 0%,#c15924 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66228', endColorstr='#c15924',GradientType=0 );
}

/*===========================================================================
        i) ORANGE
/*=========================================================================*/

ul.clean.orange li a:hover,
ul.clean.orange li a.selected{
    border-color:#ff7400;
    background: #ff6519;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjUxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjRkMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff6519 0%, #ff4d07 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6519), color-stop(100%,#ff4d07));
    background: -webkit-linear-gradient(top,  #ff6519 0%,#ff4d07 100%);
    background: -o-linear-gradient(top,  #ff6519 0%,#ff4d07 100%);
    background: -ms-linear-gradient(top,  #ff6519 0%,#ff4d07 100%);
    background: linear-gradient(to bottom,  #ff6519 0%,#ff4d07 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6519', endColorstr='#ff4d07',GradientType=0 );
}

/*===========================================================================
        j) BLACK
/*=========================================================================*/

ul.clean.black li a:hover,
ul.clean.black li a.selected{
    border-color:#3B3B3D;
    background: #6f6f72;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmNmY3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6f6f72 0%, #4c4c4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f72), color-stop(100%,#4c4c4f));
    background: -webkit-linear-gradient(top,  #6f6f72 0%,#4c4c4f 100%);
    background: -o-linear-gradient(top,  #6f6f72 0%,#4c4c4f 100%);
    background: -ms-linear-gradient(top,  #6f6f72 0%,#4c4c4f 100%);
    background: linear-gradient(to bottom,  #6f6f72 0%,#4c4c4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f72', endColorstr='#4c4c4f',GradientType=0 );
}

/*===========================================================================
        k) GRAY
/*=========================================================================*/

ul.clean.gray li a:hover,
ul.clean.gray li a.selected{
    border-color:#5D5D5D;
    background: #929292;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Nzc3NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #929292 0%, #777777 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#777777));
    background: -webkit-linear-gradient(top,  #929292 0%,#777777 100%);
    background: -o-linear-gradient(top,  #929292 0%,#777777 100%);
    background: -ms-linear-gradient(top,  #929292 0%,#777777 100%);
    background: linear-gradient(to bottom,  #929292 0%,#777777 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#777777',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 );
}