body {
	background: #f2f2f2;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#responsive-demo {
	padding: 0 25px;
	min-width: 1000px;
}

#responsive-demo-controls {
	max-width: 1000px;
	min-width: 320px;
	margin: 25px auto 58px;
	position: relative;
}

#responsive-demo-controls .label {
	font-style: italic;
	position: absolute;
	padding-top: 25px;
	padding-left: 10px;
	top: 0px;
	cursor: pointer;
}

#responsive-demo-controls .label.mobile {
	border-left: 1px solid #981f8d;
	color: #981f8d;
	left: 0;
}

#responsive-demo-controls .label.mobile:hover {
	color: #cc2abd;
}

#responsive-demo-controls .label.tablet {
	border-left: 1px solid #1f6598;
	color: #1f6598;
	left:480px;
}

#responsive-demo-controls .label.tablet:hover {
	color: #2a88cc;
}

#responsive-demo-controls .label.small {
	border-left: 1px solid #1f6598;
	color: #1f6598;
	left: 730px;
}

#responsive-demo-controls .label.small:hover {
	color: #2a88cc;
}

#responsive-demo-controls .label.desktop {
	border-right: 1px solid #4b9f21;
	padding-left: 0;
	padding-right: 10px;
	color: #4b9f21;
	right: 0;
}

#responsive-demo-controls .label.desktop:hover {
	color: #63d12b;
}


#responsive-demo-controls .ui-slider {
	border: none;
	background: #aaa;
	background-color: #981f8d;
	background-image: -webkit-linear-gradient(left, #981f8d 380px, #1f6598 440px, #1f6598 745px, #4b9f21 805px, #4b9f21 1000px);
	background-image: -moz-linear-gradient(left, #981f8d 380px, #1f6598 440px, #1f6598 745px, #4b9f21 805px, #4b9f21 1000px);
	background-image: -o-linear-gradient(left, #981f8d 380px, #1f6598 440px, #1f6598 745px, #4b9f21 805px, #4b9f21 1000px);
	background-image: linear-gradient(left, #981f8d 380px, #1f6598 440px, #1f6598 745px, #4b9f21 805px, #4b9f21 1000px);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 10px;
	cursor: pointer;
}

#responsive-demo-controls .ui-slider-handle {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e3e3e3));
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);
	background-image: -moz-linear-gradient(#fff, #e3e3e3);
	background-image: -o-linear-gradient(#fff, #e3e3e3);
	background-image: linear-gradient(#fff, #e3e3e3);
	border: none;
	width: 26px;
	height: 26px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0, 0.5);
	box-shadow: 0 0 6px rgba(0,0,0, 0.5);
	outline: none;
	top: -7px;
	margin-left: -13px;
	cursor: move;
}

#responsive-demo-viewer #responsive-demo-info .bullet {
	color: #bbb;
	margin: 0 5px;
}

#responsive-demo-viewer {
	max-width: 1400px;
	min-width: 320px;
	margin: 0 auto;
}

#responsive-demo iframe {
	width: 100%;
	height: 650px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}