/**
Slyling up the REST API Tester
 */

.jetpack-debug-api-tester {
	float: left;
	clear: both;
}

.jetpack-debug-api-tester .api-tester-block {
	margin-bottom: 20px;
}

.jetpack-debug-api-tester .api-tester-field {
	position: relative;
}

.jetpack-debug-api-tester .api-tester-block label {
	display: inline-block;
	font-weight: 700;
	width: 120px;
	vertical-align: top;
	margin-top: 5px;
}

.jetpack-debug-api-tester .api-tester-block .api-tester-field {
	display: inline-block;
}

.jetpack-debug-api-tester .api-tester-block select {
	margin-top: -3px;
}

.jetpack-debug-api-tester .api-tester-block .input-url {
	width: 400px;
	height: 35px;
	padding-left: 23px;
	font-size: 15px;
}

.jetpack-debug-api-tester .api-tester-block.align-right {
	text-align: right;
	max-width: 525px;
}

.jetpack-debug-api-tester .api-tester-block button {
	height: 35px;
	width: 80px;
	cursor: pointer;
}

.jetpack-debug-api-tester .api-tester-block .rest-route-prefix {
	position: absolute;
	top: 5px;
	left: 6px;
	opacity: 0.6;
	border: 1px dashed #808080;
	padding: 2px 4px;
	border-radius: 5px;
}

.jetpack-debug-api-tester .api-tester-block textarea {
	width: 400px;
	height: 200px;
}

.jetpack-debug-api-tester .block-hide {
	display: none;
}

.jetpack-debug-api-tester #api-tester-response {
	margin-top: 30px;
	border: 4px dashed #808080;
	padding: 5px 20px;
}
