/* @override http://lightful:8888/wp-content/themes/lightful/scripts/styleChanger/changer.css */

/* Style Changer */

#stlChanger {
	font-family:"Trebuchet MS", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	color:#010101;
	font-size:.85em;
	min-width:35px;
	min-height:200px;
	position:fixed;
	top: 150px;
	display: block;
	float: left;
	z-index:200;
	left: 0;
	width: 10px;
}

#stlChanger #styleLoader {
	background:none;
	width:21px;
	height:16px;
	position:absolute;
	top:7px;
	right:9px;
	display:none;
}

#stlChanger .siteChanger, #stlChanger .bgChanger, #stlChanger .stCols, #stlChanger .buts {
	position:relative;
	overflow:hidden;
}

#stlChanger .siteChanger, #stlChanger .bgChanger {
	min-width:35px;
	min-height:100px;
}

#stlChanger a {color:#010101;}

#stlChanger a:hover {text-decoration:none;}

#stlChanger input {
	font-family:"Trebuchet MS", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	border:1px solid #b7b7b7;
	color:#010101;
	width:120px;
}

#stlChanger select {
	font-family:"Trebuchet MS", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	border:1px solid #b7b7b7;
	color:#010101;
	font-size:1em;
	width:130px;
	padding:3px;
}

#stlChanger .blockChanger {
	width:150px;
	padding:0 35px 5px 0;
}

#stlChanger .chBody {
	background: rgba(254,254,254,0.9);
	padding:0 8px 15px 10px;
	position:relative;
	overflow:hidden;
	width: 132px;
}

#stlChanger .chBut {
	background: rgba(254,254,254,0.8) url(images/close.png) no-repeat 10px 10px;
	width: 36px;
	height: 36px;
	position:absolute;
	top:35px;
	right:0;
}

#stlChanger .bgChanger .chBut.closed {background: #fefefe url(images/web.png) no-repeat 6px 6px;}

#stlChanger .siteChanger .chBut.closed {background: #fefefe url(images/bg.jpg) no-repeat 8px 9px;}

#stlChanger .stBlock {
	margin:0 -8px 0 -10px;
	padding:0 8px 0 10px;
	position:relative;
	overflow:hidden;
}

#stlChanger span {
	display:block;
	padding:3px 0;
}

#stlChanger .stCols span, #stlChanger .stBgs a {
	text-decoration:none;
	width:20px;
	height:16px;
	float:left;
	padding:0;
	margin:0 2px 2px 0;
	cursor:pointer;
}

#stlChanger .stCols span {text-indent:-9999px;}

#stlChanger .stCols span.current {
	border:1px solid #b7b7b7;
	width:18px;
	height:14px;
}

#stlChanger .stBgs a img {
	border:0;
	background:none;
	width:20px;
	height:16px;
	padding:0;
}

#stlChanger .stBgs a.bg_t img {
	border:1px solid #b7b7b7;
	width:18px;
	height:14px;
}

#stlChanger .stCols a.bg_p img {
	border:1px solid #b7b7b7;
	width:40px;
	height:20px;
}

#stlChanger .stBgs a.current img, #stlChanger .stBgs a.bg_t.current img {
	border:1px solid #010101;
	width:18px;
	height:14px;
}

#stlChanger a.stColor {
	background:url(images/picker.jpg) 0 0 no-repeat;
	color:#7c7c7c;
	display:block;
	height:23px;
	padding:0 2px 0 30px;
	margin:7px 0;
	position:relative;
	overflow:hidden;
}

#stlChanger a.stColor span {
	border:1px solid #b7b7b7;
	width:18px;
	height:18px;
	float:right;
	padding:0;
	margin:1px 0 0;
}

#stlChanger .stColorParent {
	position:relative;
	overflow:hidden;
}

#stlChanger a.stColor2 {
	color:#7c7c7c;
	display:block;
	width:20px;
	height:23px;
	float:right;
	padding:0 2px 0 0;
	margin:8px 0 5px;
	position:relative;
	overflow:hidden;
}

#stlChanger a.stColor2 span {
	border:1px solid #b7b7b7;
	width:18px;
	height:18px;
	float:right;
	padding:0;
	margin:0;
}

#stlChanger .buts {
	float:right;
	padding:7px 1px;
}

#stlChanger .buts a {
	border:1px solid #b7b7b7;
	display:block;
	line-height:22px;
	text-align:center;
	width:39px;
	height:22px;
	float:left;
	padding:2px 0;
	background:#fefefe;
	background:linear-gradient(#f7f7f7, #efefef);
	background:-moz-linear-gradient(#f7f7f7, #efefef);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#efefef));
	-pie-background:linear-gradient(#f7f7f7, #efefef);
}

#stlChanger .buts a.current, #stlChanger .buts a:hover {
	background:linear-gradient(#efefef, #f7f7f7);
	background:-moz-linear-gradient(#efefef, #f7f7f7);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#f7f7f7));
	-pie-background:linear-gradient(#efefef, #f7f7f7);
}

#stlChanger .buts a:first-child {
	border-right:0;

}

#stlChanger .butNParent {

	padding:8px 8px 0 10px;
	margin:0 -8px -7px -10px;
	position:relative;
	overflow:hidden;
}

#stlChanger .butNParent a.butN {
	border:1px solid #b7b7b7;
	display:block;
	line-height:22px;
	text-align:center;
	width:58px;
	height:22px;
	float:right;
	padding:2px 0;
	margin:0 2px 0 0;
	background:#fefefe;
	background:linear-gradient(#f7f7f7, #efefef);
	background:-moz-linear-gradient(#f7f7f7, #efefef);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#efefef));
	-pie-background:linear-gradient(#f7f7f7, #efefef);


}

#stlChanger .butNParent a.butN:first-child {float:left;}

#stlChanger .butNParent a.butN:hover {
	background:linear-gradient(#efefef, #f7f7f7);
	background:-moz-linear-gradient(#efefef, #f7f7f7);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#f7f7f7));
	-pie-background:linear-gradient(#efefef, #f7f7f7);
}