/* Style Switcher css */
.color-setting {
  padding:6px 8px;
  text-align:center;
  color:white;
  cursor:pointer;
}
.color-setting i {
  font-size:24px;
  color:#444;
}

a.skin1{background:#44b5f7}
a.skin2{background:#16a085}
a.skin3{background:#e95d4f}
a.skin4{background:#2c3e50}
a.skin5{background:#f39c12}
a.skin6{background:#f1c40f}
a.skin7{background:#d35400}
a.skin8{background:#8e44ad}
a.skin9{background:#f53b57}
a.skin10{background:#dbb469}

.theme-skin-settings{
	position:fixed;
	z-index:5000;
	top:150px;
	left:-280px
}
.skin-switcher{
	float:left;
	background:#f6f6f6;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	font-family:Helvetica,Arial;
	padding:15px 20px 20px 15px;
	border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}
.skin-switcher select{
	background:#fff;
	border:1px solid #C9C9C9;
	color:#323232;width:100%;
	padding:7px;margin:0;
}
.skin-switcher p{
	text-transform:none;
	line-height:17px;
	margin-bottom:0;
	font-style:italic;
	font-weight:normal;
	margin-top:10px;
	color:#777;
}
.skin-options{
	overflow:hidden;
	width:240px;
	text-align:center;
}
.theme-skin-settings a{
	display:inline-block;
	box-shadow:#b2b2b2 1px 1px 1px;
	margin: 4px 4px 4px 4px;
	width: 46px;
	height: 46px;
	border-radius: 5px;
}
.skin-options span{
	display:block;
	margin-bottom:10px;
	text-align: center;
	font-size:16px;
}
div#settings{
	position:relative;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;left:0;
	display:block;
	width:50px;
	height:36px;
	float:left;
	cursor:pointer;
	background: #f6f6f6 no-repeat 50% 50%
}

#styleswitch a:hover {
   transform: scale(0.9);
   -ms-transform: scale(0.9); /* IE 9 */
   -webkit-transform: scale(0.9); /* Safari */
}
#styleswitch a:active , #styleswitch a:focus {
   transform: scale(0.7);
   -ms-transform: scale(0.7); /* IE 9 */
   -webkit-transform: scale(0.7); /* Safari */
}
