/** Customize the demo canvas */
#example .demo-container {
	padding: 20px;
	background: #bfe8f5 url("Images/qsf-bluish-smooth-tile.png") left bottom repeat-x;
	font-size: 12px;
}

.demo-container .RadComboBox,
.demo-container .RadInput {
	width: 70% !important;
}

/** QSF form builder */
.demo-container .qsf-fb {
	width: 25%;
	height: 200px;
	position: relative;
	margin: 0 5%;
	padding: 10px 5% 10px 8%;
	border: 0;
	border-radius: 10px;
	color: #ffffff;
	background: #3b7d8e url("Images/qsf-dark-smooth-tile.png") left bottom repeat-x;
	background-repeat: repeat-x !important;
	float: left;
}

.qsf-fb ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.qsf-fb li {
    margin: 0 0 10px;
}

.qsf-fb label {
    display: inline-block;
    width: 75px;
}

.demo-container .qsf-fb legend,
.demo-container .qsf-fb h3 {
	color: #fff;
	padding: 7px 0;
	border-bottom: 1px solid #52a5ae;
}


.demo-container .validator {
	font-size: small;
	color: #ffde01;
}

.demo-container .qsf-fb .buttons {
	position: absolute;
	bottom: 15px;
	right: 10%;
}


/** Search form */
.demo-container .search-form:before {
	content: "";
	width: 32px;
	height: 32px;
	background: url("Images/qsf-icon-sprite.png") left bottom no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}


/** Login form */
.demo-container .login-form:before {
	content: "";
	width: 32px;
	height: 32px;
	background: url("Images/qsf-icon-sprite.png") left top no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}

@media only screen and (max-width: 1430px) {
	.demo-container .qsf-fb {
		height: 240px;
	}
	.validator {
		display: block;
	}
}