/*demo wrapper*/
#example .demo-container {
	width: 750px;
}


.demo-container .example-panel {
	width: 726px;
	border: 1px solid #adadad;
	border-top: 0;
	padding: 0 10px 10px;
	zoom: 1;
}

.qsf-black-metro .example-panel,
.qsf-black .example-panel {
	border-color: #555;
}

.demo-container .example-panel:after {
	content: "";
	display: block;
	clear: both;
}

/*header*/
.demo-container .header {
	display: block;
}

/* Orders */
.demo-container .orders {
	float: left;
}
	.demo-container .pending-orders {
		position: relative;
		width: 55%;
		margin-right: 5%;
	}

		.demo-container .RadAjaxPanel {
			margin-top: 30px;
		}

		.demo-container .RadTreeView {
			border: 1px solid #D9D9D9;
		}

	.demo-container .processed-orderers {
		width: 40%;
	}

	.demo-container .heading {
		margin: 5px 0;
		border-bottom: 1px solid black;
		font-size: 16px;
	}


	.background-blackmetrotouch .heading,
	.background-black .heading {
		border-color: #777;
	}

/*Validation*/
.validationMsg {
	line-height: 30px;
	padding: 0 10px;
}

/*process button*/
.example-panel .process {
	position: absolute;
	right: 0;
	right: 0;
	padding: 2px 14px;
	color: white;
	background: transparent url('Img/button.png') no-repeat 0 0;
	text-decoration: none;
	text-align:center;
}