@charset utf-8;


.show-panel
{
background:none repeat scroll 0 0 #27294d;
border:1px solid #292929;
cursor:pointer;
height:50px;
position:fixed;
top:165px;
width:50px;
z-index:999;
}
.show-panel i
{
	color: #fff;
    font-size: 24px;
    line-height: 22px;
    padding: 28%;
}
.panel-head
{
	background: none repeat scroll 0 0 #27294d;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    padding-left: 16px;
    padding-top: 20px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
	
}

 
.panel
{
background:none repeat scroll 0 0 #000000;
display:none;
left:1.5em;
position:fixed;
top:215px;
width:220px;
z-index:121;
color:#FFF;
border: medium none;
border-radius: 0;
}

.panel h3 {
    color: #FFF;
	padding:5px;
    font-weight:300;
}

.panel-container {
    background: none repeat scroll 0 0 #27294d;
    float: left;
    font-size: 13px;
    width: 100%;
}

.color-switch {
   
   padding-bottom: 15px;
}



.color-switch li {
    height: 25px;
    margin: 10px 0 0 16px;
	
}

.color-switch li a {
    color: #979797;
    display: block;
    float: left;
    font-weight: 300;
    height: 100%;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    z-index: 10;
}

.links {
    border-bottom: 1px solid #36384e;
    display: block;
    padding: 4px 0 6px;
    width: 180px;
}
.color-switch:last-child {
border:none;
}
.html5{
	border:none;
	display: block;
    padding: 4px 0 6px;
    width: 180px;
}
.color-switch li .active
{
	color: #fff;
}