@charset "utf-8";
/* CSS Document */

 
#styler_slider {
	position:fixed;
	top: 110px;
	left:-220px;
	width: 220px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.12);
	-moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    -khtml-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    z-index: 5000;
    font-size: 11px;
    font-family: 'Open Sans', arial, sans-serif;
}
.styler_inner{
	position: relative;
	width: 100%;
	height: 100%;	
}
.styler_content {
	margin: 0 14px;
	padding: 10px 0;
}
.styler_title{
	font-size:13px;
	color:#000;	
}
.styler_control input{
	width:155px;
	padding:5px;
	border:none;	
	margin:0px;
	outline:none;
}
.styler_control .ul_StyleList{
	padding:0px!important;
	margin:0px!important;	
}
.styler_control .ul_StyleList:after{
	clear:both;
	content:".";
	height:0px;
	font-size:0px;
	visibility:hidden;
	display:block;
}
.styler_control .ul_StyleList{
	display:inline-block;
}
.styler_control .ul_StyleList{
	display:block;
}
.styler_control .ul_StyleList li{
	float:left;	
	list-style:none;
	margin-right:5px;
	margin-bottom:5px;
}
.styler_control .ul_StyleList li a{
	display:block;	
}
.styler_control .ul_StyleList li img{
	width:48px;
	height:48px;	
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
.styler_control .ul_StyleList li img:hover{
	opacity: 0.7;	
}
.styler_toggler_holder {
	position: absolute;
	top: -4px;
	right: -40px;
	width: 40px;
	height: 40px;
	background: url('../images/styler_arrow.png') top left no-repeat;
}
.styler_toggler_off {
	margin: 6px 0 0 2px;
	width: 24px;
	height: 24px;
	background: url('../images/st_open.png') top left no-repeat;
	cursor: pointer;
}
.styler_toggler_on {
	margin: 6px 0 0 2px;
	width: 24px;
	height: 24px;
	background: url('../images/st_open.png') top left no-repeat;
	cursor: pointer;
}
#styler_slider .update_click{
	color: white;
	font-size: 12px;
	padding: 5px 10px;
	box-shadow: none;
	border-radius: 1px;	
	text-decoration:none;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
}
#styler_slider .update_click:hover{
	color:#fff;
	background:#AAAAAA;
	text-decoration:none;	
}


#slider_skin_width{
	width:150px;	
}







/*! jQuery UI - v1.9.2 - 2013-02-06
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/



/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }




/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.styler_control .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee ; color: #333333; }


/* Interaction states
----------------------------------*/
.styler_control .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; }
.styler_control .ui-state-default a, 
.styler_control .ui-state-default a:link, 
.styler_control .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.styler_control .ui-state-hover,
.styler_control .ui-state-focus{ border: 1px solid #fbcb09; background: #fdf5ce ; font-weight: bold; color: #c77405; }
.styler_control .ui-state-hover a, 
.styler_control .ui-state-hover a:hover, 
.styler_control .ui-state-hover a:link, 
.styler_control .ui-state-hover a:visited { color: #c77405; text-decoration: none; }
.styler_control .ui-state-active { border: 1px solid #fbd850; background: #ffffff ; font-weight: bold; color: #eb8f00; }
.styler_control .ui-state-active a, 
.styler_control .ui-state-active a:link, 
.styler_control .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }


/* Icons
----------------------------------*/





/* Misc visuals
----------------------------------*/

/* Corner radius */