.styles-admin {

	.primary { width:70%; }
	.secondary { width: 20%; }

	/* Gradient Picker */
	
	.gradPicker {
		width: 327px;position:relative;
		.presets {
			width: 500px;
			display:block;
			height: 32px;
			margin-bottom: 6px;
			li {
				display:block;
				width: 30px;
				height: 30px;
				float:left;
				margin: 0 1px 1px 0;
				border: 1px solid #ccc;
			}
		}
	}
	.stop-markers {
		position:relative;height: 30px;
		.ui-slider {
			position:absolute;top:10px;left:0;height: 0px;border:none;background-image:url();
			a {
				background-image:url(); border: 1px solid #999;border-radius: 0 0 2px 2px;
				width: 11px;
				height:11px;
				margin-left: -0.39em;
				text-indent: -9999px;
			}
			a:before { /* Black arrow */
				content: "<div/>";
				width: 0;
				height: 0;
				position:absolute;
				top:-7px;
				left: 0px;
				border-left:   6px solid transparent;
				border-right:  6px solid transparent;
				border-bottom: 6px solid #999;
			}
			a:after { /* White arrow */
				content: "<div/>";
				width: 0;
				height: 0;
				position:absolute;
				top:-5px;
				left:2px;
				border-left:   4px solid transparent;
				border-right:  4px solid transparent;
				border-bottom: 4px solid #fff;
			}
		}
	}
	.grad-preview {height: 30px;display:block;border: 1px solid #ccc;}
	
	.stop-markers, .grad-preview, .stop-markers .ui-slider {width: 100%;}

	.stop-markers { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNq8VAEKwCAITOn%2FX3ZzTBCxUicTBsvsOO9EIKJhAwCe5H0H4xBvLQgOegV8yZ8AZwJHc8zKI4c53bk6IGNqMH3GCJuMlkeG4p4G1e5Lq1KXatmCM7AdrbLLq7FC0agycx7oXOmk8%2FY%2FPNjRR7s6ZFHFqY5AcasLFDPtpAC7WH7aNkxgO9gdLNv3oWdKiKXX7r8bu6rlJcAA9ZRfMt5oHoIAAAAASUVORK5CYII%3D') 5 0,pointer;}
	.macos .stop-markers { cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAelJREFUeNqMVDuPAVEYvbNEtYlniMRGiKg2NAoS2caj8Af8AL0foVdJVAqNBA2VxFYahQrR2ERCsokQCrG7xGu%2F%2Fe63TBgzEyc5zsx9nHvvd%2BZ6AgAmpdFoBMb4430f5xWcyI%2Bz%2FkM6OB6PwwVKplcwIX%2FOStAyCfr9PnsAfEdPyBfkF%2FIV%2BYn8vTPUaDSPGL4jn%2FlwpAVZRZ6Q33LHuTmyVqsldTqdEIvFzs20QxfyDTk7q4vapYY%2Bn080DAaD0Gw26TkQCIiLhMNhUKohmUQiETEAQRBo4ul0glwuJ5qn02nSUChEajabQTZlvhpHt9slU7fbDY9A8Qvw%2B%2F0wHo%2BlAwmdToe01WrB8XiEdrtN75PJRNmwWCyC1%2BuF9XpNg3e7HelyuQSTyUTtHo%2BH2iwWC%2BlgMFA25D%2BVSgUSicTNkWazGdXpcDjQ5Ol0Cna7nfqy2ay6IafNZqM6XrBYLOASkMPhgNVqBQaDQSxLrVZTNyyVSqDX66HX64mm%2BXyeNJVKkWYyGeAlUr3n1y%2FVahWsVisMh0PVdOv1uqKhILnsFFK5XGaFQoHpdDo2n8%2FZfr9no9GIYSgsGo3yiYLipZRbhdeTd8mRB6i0O9kdcjQaDdhut2yz2TC8y0RMnGFQLJlMCmr%2FGn8CDADjZb9gHU6eaQAAAABJRU5ErkJggg%3D%3D') 5 0,pointer;}
	
	/* Background Picker */
	
	.bgPicker {
		.data {
			display:none;
			label {
				display:block;
			}
		}
		.types {
			a {
				background: url(bg-sprites.png) no-repeat 3px 4px;
				text-indent: -9999px;
				overflow:hidden;
				display:inline-block;
				width: 16px;
				height: 12px;
				padding: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				
				&.active, &:hover {
					background-color: #C1E7FF;
				}
			}
			a[data-type="gradient"]     { background-position: -47px 4px; }
			a[data-type="bg_color"]        { background-position: -97px 4px; }
			a[data-type="transparent"] { background-position: -147px 4px; }
			a[data-type="hide"] { background-position: -197px 4px; }
			a[data-type="font"] { background-position: -247px 4px; }
		}
		
	}
	
	/* Image Picker */
	.background-image {
		display:none;
	}
	.pds_image {
		.current {
			margin-bottom: 5px;
			img {
				height: 80px;
			}
		}
		.pds_image_input {
			width: 60%;
		}
	}
	.imagePreview {
		max-height: 80px;
		display:block;
		margin: 10px;
	}
	
	/* Color Picker */
	
	.colorPicker {
		width: 20px;
		height: 20px;
		border: 4px solid #ccc;
		border-radius: 4px;
	}
	
	.pds_color_input {
		width: 20px;
		font-size: 9px;
		text-transform:uppercase;
	}

	.ui {
		table.jPicker {
			background: transparent;
			border: 0px none transparent;
		}
	}

	
	/* Font Picker */
	
	.font {
		display:none;
	}
	
	.pds_font_select {
		option {
			text-indent: 10px;
		}
		option.label {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			color: #666;
			font-style: normal;
			font-weight: normal;
			text-indent: 0;
			margin-top:10px;
		}
		option.first {
			margin-top:0;
		}
		
	}
	
	.value-toggle {
		background: transparent url(font-sprites.png) no-repeat 6px 6px;
		width: 9px;
		height: 12px;
		padding: 6px;
		text-indent: -9999px;
		overflow:hidden;
		display:inline-block;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		position:relative;
		top:9px;
	}
	
	.font-weight {
		width: 9px;
		height: 12px;
	}
	
	.font-style {
		background-position: -13px 6px;
	}
	
	.font-weight-bold, 
	.font-style-italic {
		background-color: #C1E7FF;
	}
	
	.text-transform {
		background-position: -57px 6px;
		&:hover {
			background-color: #C1E7FF;
		}
	}
	.text-transform-uppercase { background-position: -77px 6px; }
	.text-transform-lowercase { background-position: -96px 6px; }
	
	.line-height{background-position: -114px 6px;}
	.line-height:hover {background-color: #C1E7FF;}
	.line-height-125  { background-position: -134px 6px; }
	.line-height-15  { background-position: -154px 6px; }
	.line-height-175  { background-position: -174px 6px; }
	.line-height-2  { background-position: -194px 6px; }
	
	/* Slider */
	.pds_slider_ui {
		width: 200px;
		display:none;
	}
	
	/* General */
	.notice {
		background-color: #ffebe8;
		border-color: #c00;
		border-width: 1px;
		border-style: solid;
		padding: 0 0.6em;
		margin: 5px 15px 2px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin: 5px 0 15px;
		a {
			color: #c00;
		}
		p {
			margin: 0.5em 0;
			line-height: 1;
			padding: 2px;
		}
	}
	
	img.waiting {
		display:none;
	}
	
	/* Yoast */
	
	small {
		font-weight:normal;
		color:#777;	
	}
	.inside { 
		ul {
			margin-left: 20px;
			li {
				list-style: square;
				line-height:16px;
				&.rss {
					list-style-image: url(/wp-includes/images/rss.png);
				}
				&.email {
					list-style-image: url(http://cdn.yoast.com/email_sub.png);
				}
			}
		}
		.text {
			width: 250px;
		}
	}
	/* END Yoast */
	
} /* END StormStyles */

/* Color Picker */
table.jPicker {
	line-height: 1;

	padding: 0;
	width: 290px;
	input, textarea, select { padding: 0;}
	.Title {display:none;}
	.Map {margin-top:22px;}
	td.Radio { width: 45px; }
	td.Text input {
		height: 21px;
	    padding: 3px;
	    width: 37px;
	}
	.AHex {display:none;}
	.Button hr {display:none;}
	.Grid {display:none;}
	div.Map {
		width:128px;
		height: 128px;
	}
	div.Bar {
		width: 20px;
		height: 128px;
	}
	tr.Hue, tr.Saturation, tr.Value {display:none;}
	.Preview {
		text-align:left;
		padding-left: 20px;

		div {
			width: 32px;
			height: 18px;
			margin:0;
			span {
				width: 14px;
				height: 17px;
				float: left;
			}
		}
	}
	td.Radio {
		width: 14px;
	}
	input[type="radio"] {
		display:none;
	}
	input {
		font-family: Courier, monospace;
		font-size: 11px;
	}
	input.Hex {
		margin-left: 12px;
	}
}

@media only screen and (max-width:768px){
	.styles-admin {
		.primary { width:100%; }
		.secondary { display:none; }
	}
}