html, body, form {
	margin: 0;
	padding: 0;
}

body.qsf-body {
	background: url(../images/qfp-bgr.png) center 40px no-repeat #21242c;
	_background: url(../images/qfp-bgr.png) center 40px no-repeat #fff;
	font-family: "Segoe UI", Segoe, "Roboto", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #000;
}

code, pre {
	/*font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Courier New", monospace;*/
}

a img {
	border: 0 none;
}

/* common styles */

/* main sprite */
.qsf-demos-url,
.qsf-browse-demos a.RadButton.rbImageButton,
.qsf-dd-arrow,
.qsf-dd-arrow-up,
.qsf-nav-control-name .qsf-control-icon,
.qsf-left-content .RadTreeView_MetroTouch .rtPlus, 
.qsf-left-content .RadTreeView_MetroTouch .rtMinus,
.qsf-isNew,
.qsf-isUpdated,
.qsf-isNET40,
.qsf-isCTP,
.qsf-isBeta,
.qsf-close-interaction,
.qsf-skin-res a .qsf-link-arrow,
.qsf-rotator-left,
.qsf-rotator-right,
.qsf-demo-source .rtbExpandDown .rtbChoiceArrow,
.qsf-codeOuter a span,
.qsf-overview-product a span,
.qsf-overview-resources a span,
.qsf-demo-info-container .qsf-demopath span,
.qsf-get-started .qsf-demopath span,
.qsf-infopanel-icon {
	background-image: url(../images/qsf-sprite.png);
	_background-image: url(../images/qsf-sprite-IE6.png);
	background-repeat: no-repeat;
}

/* gradient sprite */
.qsf-header-bottom-left,
.qsf-global-actions a,
.qsf-interaction,
.qsf-right-content,
.qsf-right-content-expanded,
.qsf-review input,
.qsf-footer-right-top,
.qsf-footer-right-top .qsf-footer-trial,
.qsf-demo-info .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink,
.qsf-source-buttons a,
.qsf-codeOuter,
.qsf-demo-info-container,
.qsf-demo-note {
	background-image: url(../images/qsf-gradients-sprite.png);
	background-repeat: repeat-x;
}

/* Dark, Transparent demos */
.qsf-black,
.qsf-office-black,
.qsf-transparent {
	margin: 0 -30px;
	padding: 20px 30px 30px 30px;
}

.qsf-black {
	background-color: #2e2e2e;
	color: #fff;
}

.qsf-office-black {
	background-color: #6f6f6f;
	color: #fff;
}

.qsf-transparent {
	background: url(../images/qsf-trans-bgr.png);
}

div.qsf-search .RadAutoCompleteBox,
div.qsf-search-dd {
	background-image: url(../images/qsf-search-sprite.png);
	background-repeat: no-repeat;
}

.qsf-footer-left .qsf-asp-net,
.qsf-footer-left .qsf-ajax,
.qsf-footer-left .qsf-vs,
.qsf-copyrights,
.qsf-web-standards li {
	background-image: url(../images/qsf-footer-sprite.png);
	background-repeat: no-repeat;
}

/* Outline removed */

.qsf-wrapper a:focus,
.qsf-wrapper a:active {
	outline: 0;
}

/* Outline for Telerik controls accessibility */
.qsf-wrapper .rtcTagItem a:focus,
.qsf-wrapper .rtcTagItem a:active {
	outline: #444 dotted 1px;
}

.qsf-clear-float {
	margin-top: -1px;
	height: 1px;
	border: 0;
	clear: both;
}

.qsfExpandImage,
.qsf-expand-image {
	font-size: 11px;
}

/* elements using margin: 0; padding: 0; */

.qsf-header-top .qsf-header-logo {
	margin: 0;
	padding: 0;
	text-indent: -100000px;
}

/* qsf-inline-block */
.qsf-ib {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.qsf-wrapper a {
	color: #58954d;
}

.qsf-wrapper a:hover {
	text-decoration: none;
}

.qsf-product-families {
	width: 1200px;
	_width: 100%;
	_background-color: #21242c;
	height: 38px;
	margin: 0 auto;
}

.qsf-wrapper {
	width: 100%;
	min-width: 1263px;
	border-top: 1px dotted #6f7178;
	background-color: transparent;
}

/* header styles */

.qsf-header-top {
	position: relative;
	height: 88px;
	background-color: transparent;
}

.qsf-demos-url {
	display: block;
	width: 208px;
	height: 40px;
	position: absolute;
	top: 23px;
	left: 27px;
	background-position: 0 0;
}

.qsf-version {
	display: inline-block;
	position: absolute;
	top: 36px;
	right: 20px;
	font-size: 9px;
	color: #808080;
}

.qsf-header-bottom {
	position: relative;
	_height: 75px;
	_overflow: hidden;
	_background-color: #fff;
}

.qsf-header-bottom-left {
	float: left;
	width: 280px;
	_width: 283px;
	height: 75px;
	background-color: #21242c;
	background-position: 0 0;
}

.qsf-search {
	position: absolute;
	top: 40px;
	left: 10px;
	color: #fff;
	border-bottom: 1px dotted #c7ddc3;
}

.qsf-header-bottom-right {
	width: auto;
	height: 75px;
	margin: 0 0 0 280px;
	background-color: #fff;
}

.qsf-browse-demos {
	padding: 20px 0 0 30px;
	width: 175px;
	_width: 190px;
}

.qsf-browse-demos a,
.qsf-browse-demos .RadButton.qsf-prev-demo.rbDisabled:hover {
	width: 36px;
	height: 36px !important;
	line-height: 36px !important;
	margin-right: 5px;
	border: 0;
	background-position: 0 -150px;
	background-color: transparent;
	vertical-align: middle;
}

.qsf-browse-demos a.RadButton:hover {
	background-position: -50px -150px;
	border: 0;
}

.qsf-browse-demos .qsf-next-demo,
.qsf-browse-demos .RadButton.qsf-next-demo.rbDisabled:hover {
	background-position: -100px -150px;
}

.qsf-browse-demos .RadButton.qsf-next-demo:hover {
	background-position: -150px -150px;
}

.qsf-browse-demos .RadButton.qsf-prev-demo.rbDisabled,
.qsf-browse-demos .RadButton.qsf-next-demo.rbDisabled {
	opacity: .5;
}

.qsf-browse-demos a.RadButton:active,
.qsf-browse-demos a.RadButton:focus {
	border: 0 !important;
}

.qsf-browse-demos span {
	color: #51ad42;
	vertical-align: top;
	padding: 5px 0 0;
}

.qsf-header-bottom-actions {
	height: 45px;
	float: right;
	margin: -36px 19px 0;
}

.qsf-demo-actions a {
	text-decoration: none;
	margin: 0 35px 0 0;
}

.qsf-demo-actions {
	float: left;
}

.qsf-demo-actions a:hover {
	color: #000;
}

.qsf-demo-actions .qsf-dd-arrow,
.qsf-demo-actions .qsf-dd-arrow-up {
	width: 7px;
	height: 6px;
	margin: 0 0 0 8px;
	*margin: 4px 0 0 8px;
	*padding: 0 4px;
	right: 2px;
	vertical-align: middle;
}

.qsf-dd-arrow {
	background-position: 0 -250px;
	_background-position: 0 -241px;
}

.qsf-demo-actions a:hover .qsf-dd-arrow {
	background-position: -50px -250px;
	_background-position: -50px -241px;
}

.qsf-demo-actions .qsf-skin-name {
}

.qsf-dd-arrow-up {
	background-position: -100px -250px;
	_background-position: -100px -241px;
}

.qsf-demo-actions a:hover .qsf-dd-arrow-up {
	background-position: -150px -250px;
	_background-position: -150px -241px;
}

.qsf-global-actions {
	float: left;
	margin: -45px 0 0;
	_margin: 0;
}

.qsf-global-actions a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	height: 80px;
	line-height: 116px; /* pusht the text under the middle line */
	background-position: 0 -80px;
	/* IE6 fix height is different */
	_height: 45px;
	_width: 80px;
	_line-height: 45px;
}

.qsf-global-actions a:hover {
	background-image: none;
	background-color: #51ad42; 
}

/* header styles end */

/* QSF Interactions - rating, review, theme switcher */

/* QSF Interactions */

.qsf-interaction {
	position: relative;
	height: 170px;
	overflow: hidden;
	background-position: 0 -170px;
	background-color: #ddd;
	margin: -30px -30px 30px -30px;
}

.qsf-interaction-inner {
	padding: 30px 30px 15px 30px;
	height: 125px;
	position: relative;
}

.qsf-interactions-collapsed {
	display: none;
}

.qsf-rating {
	width: 350px;
	margin: 10px 0 0 30px;
	vertical-align: top;
}

.qsf-rating h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	font-size: 16px;
	color: #717276;
}

.qsf-rating .RadRating_MetroTouch {
	margin: 0 0 0 -4px;
}

.qsf-rating .RadRating_MetroTouch a, 
.qsf-rating .RadRating_MetroTouch a span {
	background-image: url(../images/qsf-rating-sprite.png);
	_background-image: url(../images/qsf-rating-spriteIE6.png);
}

.qsf-rating div.RadRating_MetroTouch li a {
	width: 46px;
	height: 42px;
	/*text-align:center;indentation in RTL and right-aligned mode*/
	background-position:0 0;
}

/* Fix for mobile Safari - iPhone/iPad */
._Telerik_MobileSafari .qsf-rating .RadRating_MetroTouch li a {	
	width: 45px;
	height: 41px;
}

/*The SPAN element represents the selected part of the item*/
.qsf-rating .RadRating_MetroTouch li a span {
	width: 0;
	height: 42px;
	background-position: -46px 0;
	_filter: none;
}

.qsf-rating .RadRating_MetroTouch ul.rrtVertical a span {
	width: 46px;
	height: 0;
}

/*Hover state*/
.qsf-rating .RadRating_MetroTouch li.rrtOver a
{
	background-position: -46px -42px;
}

.qsf-rating .RadRating_MetroTouch li.rrtOver a span
{
	background-position: -46px -84px;
}

/*selected star*/
.qsf-rating .RadRating_MetroTouch li.rrtSelected a span {
	width: 46px;
	height: 42px;
}

/*Reversed direction*/
/*The SPAN element represents the unselected part of the reveresed item*/
.qsf-rating .RadRating_MetroTouch ul.rrtReversed a span {
	width: 46px;
	height: 42px;
	background-position:0 0;
}

/*selected star*/
.qsf-rating .RadRating_MetroTouch ul.rrtReversed .rrtSelected a span {
	width: 0;
}

.qsf-rating .RadRating_MetroTouch ul.rrtVertical.rrtReversed .rrtSelected a span {
	width: 46px;
	height: 0;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed .rrtOver a span {
	background-position: -46px -42px;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed .rrtSelected a {
	background-position: right top;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed .rrtSelected.rrtOver a {
	background-position: right bottom;
}

/*Selected/not selected parts in mode Precision!=Item*/
.qsf-rating .RadRating_MetroTouch ul li span.rrtPart {
	background-position: -46px -84px;
	margin-top: -42px;
}

.qsf-rating .RadRating_MetroTouch ul li span.rrtPartComplement {
	background-position: -46px -42px;
	margin-top: -42px;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed li span.rrtPart {
	background-position: right -42px;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed li span.rrtPartComplement {
	background-position: right bottom;
}

.qsf-rating .RadRating_MetroTouch ul.rrtReversed.rrtVertical li span.rrtPart {
	background-position: left bottom;
}

.qsf-review {
	width: 417px;
	height: 100px;
	vertical-align: top;
}

.qsf-review textarea {
	width: 300px;
	height: 55px;
	_height: 80px;
	padding: 15px 10px 10px;
	border: 0;
	border-radius: 0;
	resize: none;
	color: #717276;
	font-family: "Segoe UI", Arial, Helvetica, Serif;
	font-size: 16px;
	overflow: auto;
}

.qsf-review input {
	width: 80px;
	height: 80px;
	margin: 1px 0 0 5px;
	margin: 0 0 0 5px\9;
	padding-top: 40px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border: 0;
	border-radius: 0;
	vertical-align: top;
	background-position: 0 -80px;
}

.qsf-review input:hover {
	background-image: none;
	background-color: #51ad42;
	cursor: pointer;
}

.qsf-review .qsf-comment-message {
	display: none;
	padding-top: 45px;
	font-size: 23px;
	color: #999;
}

/* skin choose rotator */

.qsf-interaction div.RadRotator {
	margin: 0 0 0 30px;
}

.qsf-interaction div.RadRotator .rrClipRegion {
	border: 0;
	border-color: transparent;
}

a.qsf-rotator-link {
	display: block;
	width: 95px;
	height: 90px;
	text-decoration: none;
	color: #000;
}

a.qsf-rotator-link:hover {
	opacity: .7;
}

.qsf-rotator-thumbs {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	background-image: url(../images/qsf-skins-sprite.png);
	background-repeat: no-repeat;
}

.qsf-rotator-skin {
	display: block;
	text-align: center;
	font-size: 13px;
}

.qsf-rotator-left,
.qsf-rotator-right {
	position: absolute;
	top: 66px;
	width: 10px;
	height: 17px;
}

.qsf-rotator-left {
	background-position: 0 -450px;
	left: 30px;
}

.qsf-rotator-left:hover {
	background-position: -50px -450px;
}

.qsf-rotator-right {
	background-position: -100px -450px;
	right: 30px;
}

.qsf-rotator-right:hover {
	background-position: -150px -450px;
}

.qsf-rotator-Black {
	background-position: 0 0;
}

.qsf-rotator-Default {
	background-position: 0 -70px;
}

.qsf-rotator-Forest {
	background-position: 0 -140px;
}

.qsf-rotator-Hay {
	background-position: 0 -210px;
}

.qsf-rotator-Metro {
	background-position: 0 -280px;
}

.qsf-rotator-MetroTouch {
	background-position: 0 -350px;
}

.qsf-rotator-Office2007 {
	background-position: 0 -420px;
}

.qsf-rotator-Office2010Black {
	background-position: 0 -490px;
}

.qsf-rotator-Office2010Blue {
	background-position: 0 -560px;
}

.qsf-rotator-Office2010Silver {
	background-position: 0 -630px;
}

.qsf-rotator-Outlook {
	background-position: 0 -700px;
}

.qsf-rotator-Simple {
	background-position: 0 -770px;
}

.qsf-rotator-Sitefinity {
	background-position: 0 -840px;
}

.qsf-rotator-Sunset {
	background-position: 0 -910px;
}

.qsf-rotator-Telerik {
	background-position: 0 -980px;
}

.qsf-rotator-Transparent {
	background-position: 0 -1050px;
}

.qsf-rotator-Vista {
	background-position: 0 -1120px;
}

.qsf-rotator-Web20 {
	background-position: 0 -1190px;
}

.qsf-rotator-WebBlue {
	background-position: 0 -1260px;
}

.qsf-rotator-Windows7 {
	background-position: 0 -1330px;
}

.qsf-close-interaction {
	display: block;
	position: absolute;
	width: 60px;
	height: 30px;
	bottom: -4px;
	right: 30px;
	background-position: 0 -400px;
}

.qsf-close-interaction:hover {
	background-position: -100px -400px;
}

.qsf-skin-res {
	padding-top: 25px;
	font-size: 13px;
	color: #707070;
}

.qsf-skin-res span {
	padding-right: 18px;
}

.qsf-skin-res a {
	color: #418c35;
	font-size: 13px;
	text-decoration: none;
	padding-right: 38px;
}

.qsf-skin-res a .qsf-link-arrow {
	width: 8px;
	height: 8px;
	padding-right: 0;
	background-position: -200px -200px;
}

.qsf-rotator-container {
	padding: 0 30px;
}

/* QSF Interactions end */

/* content styles */

.qsf-content {
	padding-left: 280px;
	_padding-left: 283px;
	background: url(../images/qsf-left-cont-tile.png) repeat-y 0 0 #FFF;
	*zoom: 1;
}
.qsf-content:after {
	content: "";
	clear: both;
	display: block;
}

/* left content */

.qsf-left-content {
	margin-left: -280px;
	width: 280px;
	background: url(../images/qsf-left-cont-bgr.png) no-repeat 0 0 #38812d;
	float: left;
	display: inline;
	_overflow: hidden;
}

.qsf-left-content .qsf-col-wrap {
	padding: 30px 10px;
	overflow: hidden;
}

.qsf-nav-control-name .qsf-control-icon {
	width: 24px;
	height: 24px;
	padding: 0 4px 0 0;
	vertical-align: middle;
	margin: -7px 0 0 0;
	_margin: 10px 10px 0 0;
}

/* QSF AutoComplete Styes */

div.qsf-search .RadAutoCompleteBox {
	width: 239px;
	_width: 281px;
	background-position: 240px 5px;
	_background-position: 261px 5px;
	padding-right: 20px;
	_padding-left: 20px;
	_margin-left: -20px;
}

div.qsf-search .racTokenList {
	background-color: transparent;
	border: 0;
}

div.qsf-search .racInput {
	height: auto;
	background-color: transparent;
	font-size: 16px;
	font-style: normal;
	_line-height: 20px;
	color: #fff;
}

div.qsf-search-dd {
	width: 280px;
	_width: 283px;
	margin: 10px 0 0 -20px;
	_margin: 10px 0 0 0;
	padding: 11px 0 0 0;
	border: 0;
	background-position: 18px -50px;
	background-color: #21242c;
}

div.qsf-search-dd .racList {
	padding: 0;
	_height: 690px;
	_overflow-y: scroll;
}

div.qsf-search-dd .racList li {
	margin: 0 0 1px;
	padding: 10px 10px 10px 18px;
}

div.qsf-search-dd .racList .racItemHovered {
	background-color: #494949;
}

div.qsf-search-dd .racList a {
	color: #fff;
	text-decoration: none;
}

.qsf-search-dd-demo,
.qsf-search-dd-control {
	display: block;
}

.qsf-search-dd-control {
	color: #bbb;
}

/* Autocomplete scrollbars - IE and Webkit only */

.RadAutoCompleteBoxPopup {
	scrollbar-3dlight-color: #1a1a1a; 
	scrollbar-arrow-color: #58954d;
	scrollbar-base-color: #f5f5f5; 
	scrollbar-darkshadow-color: #474747; 
	scrollbar-face-color: #393939;
	scrollbar-highlight-color: #474747; 
	scrollbar-shadow-color: #1a1a1a;
	scrollbar-track-color: #272727;
}

.RadAutoCompleteBoxPopup ::-webkit-scrollbar,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

/* increment / decrement button settings */
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:decrement,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:increment {
	background-repeat: no-repeat;
	height: auto;
	width: auto;
}

.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:decrement, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:increment, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:vertical {
	border-style: solid;
	border-width: 1px;
}

.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button {
	background-image: url(../images/qsf-sprite.png);
	background-repeat: no-repeat;
}

.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:decrement {
   background-position: -246px -144px;
}

/* vertical scroll down button */
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:increment {
   background-position: -196px -144px;
}

/* the scrollbar face color */
.RadAutoCompleteBoxPopup ::-webkit-scrollbar,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:vertical,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:vertical,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:vertical {
	background-color: #393939;
}

/* scrollbar track background color */
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-track-piece,
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-corner
{
	background-color: #272727;
}

.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:decrement, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:increment, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:horizontal:decrement, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:horizontal:increment, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:vertical, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-thumb:horizontal
{
	border-color: #474747 #1a1a1a #1a1a1a #474747;
	border: 1px solid #1a1a1a;
}

/* increment / decrement button settings */
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:decrement, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:vertical:increment, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:horizontal:decrement, 
.RadAutoCompleteBoxPopup ::-webkit-scrollbar-button:horizontal:increment
{
	background-color: #393939;
	border: 1px solid #1a1a1a;
}

/* QSF TreeView Styles */

.qsf-left-content .RadTreeView_MetroTouch {
	line-height: 29px !important;
}

.qsf-left-content .RadTreeView_MetroTouch,
.qsf-left-content .RadTreeView_MetroTouch a {
	color: #fff;
	text-decoration: none;
}

.qsf-left-content .RadTreeView_MetroTouch .rtUL .rtUL {
	font-size: 14px;
}

.qsf-left-content .RadTreeView_MetroTouch .rtUL .rtUL .rtLast {
	margin: 0 0 10px 0;
}

.qsf-left-content .rtLI:hover {
	cursor: pointer;
}

div.qsf-left-content .rtIn,
div.qsf-left-content .rtHover .rtIn, 
div.qsf-left-content .rtSelected .rtIn  {
	padding: 0 7px !important;
}

div.qsf-left-content .rtIn {
	white-space: normal;
}

div.qsf-left-content .rtLI {
	position: relative;
	width: 255px;
}

.qsf-left-content .rtLI .rtLI .rtIn {
	line-height: 20px;
	margin-bottom: 10px;
}

div.qsf-left-content .rtLI .rtImg {
	position: absolute;
	right: -15px;
	top: 10px
}

.qsf-left-content .rtHover a,
.qsf-left-content .rtHover .rtIn,
.qsf-left-content .rtHover:hover .rtIn,
.qsf-left-content .rtHover:hover .rtIn a,
.qsf-left-content .rtHover a:hover,
div.qsf-left-content .rtSelected .rtIn,
div.qsf-left-content .rtSelected a {
	color: #2e6a25;
	background-color: #fff;
}

div.qsf-left-content .rtTop, 
div.qsf-left-content .rtMid, 
div.qsf-left-content .rtBot {
	padding: 0 0 0 25px !important;
	_white-space: normal;
}

div.qsf-left-content .rtLI .rtLI .rtTop {
	margin-top: 5px;
}

div.qsf-left-content .rtUL .rtUL {
	padding-left: 10px !important;
}

div.qsf-left-content .rtPlus,
div.qsf-left-content .rtPlusHover,
div.qsf-left-content .rtMinus,
div.qsf-left-content .rtMinusHover {
	width: 25px !important;
	height: 29px !important;
}

div.qsf-left-content .rtPlus, 
div.qsf-left-content .rtPlusHover {
	background-position: -237px -238px !important;
}

div.qsf-left-content .rtMinus, 
div.qsf-left-content .rtMinusHover {
	background-position: -187px -238px !important;
}

div.qsf-left-content .rtPlus, 
div.qsf-left-content .rtMinus {
}

/* Demo states */

.qsf-isNew,
.qsf-isUpdated,
.qsf-isNET40 ,
.qsf-isCTP,
.qsf-isBeta {
	position: absolute;
	right: 5px;
	top: 9px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 6px;
}

.qsf-isNew {
	width: 15px;
	background-position: 0 -300px;
}

.qsf-isUpdated {
	width: 32px;
	background-position: -50px -300px;
}

.qsf-isNET40 {
	width: 11px;
	background-position: -150px -300px;
}

.qsf-isCTP {
	width: 15px;
	background-position: 0 -350px;
}

.qsf-isBeta {
	width: 18px;
	background-position: -50px -350px;
}

.qsf-isNew.qsf-isNET40 {
	width: 28px;
	background-position: -200px -300px;
}

.qsf-isUpdated.qsf-isNET40 {
	width: 46px;
	background-position: -250px -300px;
}

.qsf-left-content .rtTemplate span.qsf-ib {
	width: 175px;
}

/* Demo states inside content */
.qsf-demo-container .qsf-isNew,
.qsf-demo-container .qsf-isUpdated,
.qsf-demo-container .qsf-isNET40 ,
.qsf-demo-container .qsf-isCTP,
.qsf-demo-container .qsf-isBeta {
	position: static;
	padding: 3px;
	text-align: center;
	background-color: #38812d;
}

.qsf-demo-container .qsf-isNew {
	background-position: 3px -297px;
}

.qsf-demo-container .qsf-isUpdated {
	background-position: -47px -297px;
}

.qsf-demo-container .qsf-isNET40 {
	background-position: -147px -297px;
}

.qsf-demo-container .qsf-isCTP {
	background-position: 4px -347px;
}

.qsf-demo-container .qsf-isBeta {
	background-position: -47px -347px;
}

.qsf-demo-container .qsf-isNew.qsf-isNET40 {
	background-position: -197px -297px;
}

.qsf-demo-container .qsf-isUpdated.qsf-isNET40 {
	background-position: -247px -297px;
}

/* right content */

.qsf-right-content {
	width: 100%;
	background-position: 0 -400px;
	background-color: #fff;
	float: right;
	display: inline;
}

.qsf-right-content-expanded {
	background-position: 0 -232px;
}

.qsf-right-content .qsf-col-wrap {
	padding: 30px;
	min-height: 500px; 
	height: auto !important;
	height: 500px;
	position: relative;
	overflow: visible;
}

.qsf-right-content h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 24px;
	font-weight: lighter;
	color: #717276;
}

.qsf-qr-code {
	float: right;
	width: 100px;
	height: 100px;
	margin: -50px -7px 0 0;
	background: grey;
}

.qsf-demo-container {
	max-width: 1280px;
	*zoom: 1;
}
.qsf-demo-container:after {
	content: "";
	clear: both;
	display: block;
}

.qsf-demo-content {
	font-size: 12px;
}

.qsf-demo-canvas {
	margin: 30px 0 40px;
	*zoom: 1;
}
.qsf-demo-canvas:after {
	content: "";
	clear: both;
	display: block;
}
.qsf-demo-canvas-vertical {
	float: left;
}

.qsf-fb {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	*zoom: 1;
}
.qsf-fb legend,
.qsf-fb h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	display: block;
}

.qsf-fb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
.qsf-fb li {
	margin: 0 0 10px 0;
	*zoom: 1;
}

.qsf-fb:after,
.qsf-fb ul:after,
.qsf-fb li:after {
	content: "";
	clear: both;
	display: block;
}

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

.qsf-fb .buttons {
	margin: 0;
	padding: 0;
}



.qsf-demo-note {
	margin: 30px 0 40px;
	padding: 20px;
	background-position: 0 -400px;
	*zoom: 1;
}
.qsf-demo-note:after {
	content: "";
	clear: both;
	display: block;
}

/* Demo instructions styling */

.qsf-demo-info {
	padding: 30px 0 40px 0;
	clear: both;
}

.qsf-demo-info .RadTabStripTop_MetroTouch .rtsLevel1 {
	border-bottom: 5px solid #494949;
}

.qsf-demo-info .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 0;
	background-position: 0 -350px;
}

.qsf-demo-info .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover,
.qsf-demo-info .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
	background-image: none;
	background-color: #494949;
	border: 1px solid #fff;
	border-bottom: 0;
}

.qsf-demo-info .RadTabStrip_MetroTouch .rtsFirst .rtsLink,
.qsf-demo-info .RadTabStrip_MetroTouch .rtsFirst .rtsLink:hover,
.qsf-demo-info .RadTabStrip_MetroTouch .rtsFirst .rtsSelected {
	border-left: 0;
}

.qsf-demo-info-container {
	background-position: 0 -400px;
	padding: 20px;
	font-size: 16px;
}

.qsf-demo-info-container .qsf-demopath {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.qsf-demo-info-container .qsf-demopath span {
	width: 45px;
	height: 20px;
	vertical-align: top;
	background-position: 0 -50px;
}

.qsf-demo-info-container p,
.qsf-demo-info-container ul,
.qsf-demo-info-container ol,
.qsf-demo-info-container table {
	width: 90%;
}

.qsf-demo-info-container #instructions-section {
	min-height: 140px;
	height: 100%;
	_height: 140px;
	background: url(../images/qsf-info.png) right 10px no-repeat;
}

.qsf-demo-info-container ul {
	list-style: outside none;
	color: #000;
	*list-style: outside square;
}

.qsf-demo-info-container ul li:before {
	/* For a square bullet */
	content:'\25A0';
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -18px;
	top: 6px;
	color: #717276;
	font-size: 10px;
}

.qsf-demo-info-container li {
	margin-bottom: 5px;
}

/* Demo source styling */

.qsf-demo-source {
	padding: 30px 0;
}

.qsf-source-buttons {
	margin: 0 0 0 3px;
}

.qsf-source-buttons a {
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 -3px;
	background-position: 0 -350px;
	background-repeat: repeat-x;
	font-size: 16px;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbOuter {
	padding: 0 1px 1px;
}

.qsf-source-buttons a:hover,
.qsf-source-buttons .qsf-source-selected,
.qsf-demo-source .RadToolBar_MetroTouch .rtbOuter,
.qsf-demo-source .RadToolBar_MetroTouch .rtbItemClicked {
	background-image: none;
	background-color: #494949;
}

.qsf-demo-source .RadToolBar_Horizontal {
	width: 100%;
	font: 100 16px/35px "Segoe UI",Arial,Helvetica,sans-serif;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbItem {
	border: 0;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbItem .rtbText,
.qsf-demoSourceDropDown .RadToolBarDropDown_MetroTouch .rtbText {
	color: #62c152;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbItemHovered .rtbText,
.qsf-demoSourceDropDown .RadToolBarDropDown_MetroTouch .rtbItemHovered .rtbText,
.qsf-demo-source .RadToolBar_MetroTouch .rtbItemSelected .rtbText,
.qsf-demo-source .RadToolBar_MetroTouch .rtbDropDownExpanded .rtbText {
	color: #fff;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbDropDownExpanded, 
.qsf-demo-source .RadToolBar_MetroTouch .rtbItem.rtbItemHovered,
.qsf-demo-source .RadToolBar_MetroTouch .rtbItem.rtbItemSelected {
	background-color: #666;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbExpandDown .rtbChoiceArrow {
	background-position: 0 -228px !important;
	border-left: 0;
}

.qsf-demo-source .RadToolBar_MetroTouch .rtbItemHovered .rtbExpandDown .rtbChoiceArrow,
.qsf-demo-source .RadToolBar_MetroTouch .rtbDropDownExpanded .rtbChoiceArrow,
.qsf-demo-source .RadToolBar_MetroTouch .rtbItemSelected .rtbChoiceArrow {
	background-position: -200px -228px !important;
}

.qsf-demoSourceDropDown .RadToolBarDropDown_MetroTouch {
	background-color: #666 !important;
	border: 1px solid #666 !important;
	top: -1px !important;
}

.qsf-demoSourceDropDown .RadToolBarDropDown .rtbWrap {
	border-top: 1px solid #aaa;
	margin: 0 5px;
	padding: 0;
}

/* Styles code wrapper */

.qsf-codeOuter {
	padding: 20px;
	background-position: 0 -400px;
	font-size: 16px;
}

.qsf-codeOuter a {
	margin: 0 15px 20px 0;
}

.qsf-codeOuter a:hover {
	cursor: pointer;
	color: #000;
}

.qsf-codeOuter a span {
	width: 9px;
	height: 8px;
	*height: 13px;
	background-position: -200px -200px;
	_background-position: -200px -192px;
}

.qsf-codeOuter a:hover span {
	background-position: -250px -200px;
	_background-position: -250px -192px;
}

.qsf-codeOuter .codeListing code {
	font-size: 13px;
}

/* qsf info panel content */

div.qsf-infopanel {
	width: auto;
	max-width: 700px;
	position: relative;
	margin: 20px 0;
	padding: 20px;
	background-color: #e8f5e5;
	color: #000;
	font-size: 16px;
}

.qsf-infopanel-icon {
	width: 50px;
	height: 40px;
	background-position: -50px -50px;
}

.qsf-infopanel-content {
	width: auto;
	max-width: 600px;
	margin: 0;
	vertical-align: top;
}

.qsf-infopanel-content h3 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
}

/* content styles end */

/* overview styles */

div.qsf-overview {
	margin-top: 40px;
	font-size: 14px;
	color: #000;
}

.qsf-overview-left {
	float: left;
	width: 70%;
}

.qsf-overview-wrap-col {
	background-image: url(../images/qsf-overview-gradients.png);
	background-repeat: repeat-x;
	margin-right: 30px;
	padding: 20px;
}

.qsf-overview-right .qsf-overview-wrap-col {
	margin-right: 0;
}

.qsf-overview-right {
	float: left;
	width: 30%;
}

.qsf-overview-wrap-col h3 {
	margin: 0;
	padding: 0;
	font-weight: lighter;
	font-size: 25px;
	color: #717276;
}

.qsf-overview-wrap-col .qsf-about-demo {
	padding-bottom: 20px;
}

.qsf-overview-border {
	height: 30px;
	border: 0 none;
	background-color: #fff;
	margin: 0 -20px;
	width: 100%;
	display: none;
}

.qsf-get-started {
	background-image: url(../images/qsf-overview-gradients.png);
	background-repeat: repeat-x;
	background-position: 0 -1000px;
	margin: 0 -20px 0;
	padding: 20px;
	border-top: 30px solid #fff;
}

.qsf-get-started .qsf-demopath {
    padding: 0 0 0 20px;
    font-weight: bold;
}

.qsf-get-started .qsf-demopath span {
    background-position: 0 -50px;
    height: 20px;
    vertical-align: top;
    width: 45px;
}

.qsf-overview ul {
	list-style: outside none;
}

.qsf-overview-ul {
	margin: 20px 0 auto 20px;
	padding: 0;
	*list-style: outside square;
	color: #717276;
}

.qsf-overview-ul li:before {
	/* For a square bullet */
	content:'\25A0';
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -18px;
	top: 6px;
	color: #717276;
	font-size: 8px;

}

.qsf-overview-ul li {
	color: #000;
	margin-bottom: 15px;
}

.qsf-overview-product {
	margin: 20px 0;
}

.qsf-overview-product a,
.qsf-overview-resources a {
	text-decoration: none;
}

.qsf-overview-product a:hover,
.qsf-overview-resources a:hover {
	color: #000;
}

.qsf-overview-product a span,
.qsf-overview-resources a span {
	width: 9px;
	height: 8px;
	*height: 13px;
	background-position: -200px -200px;
	_background-position: -200px -192px;
}

.qsf-overview-product a:hover span,
.qsf-overview-resources a:hover span {
	background-position: -250px -200px;
	_background-position: -250px -192px;
}

.qsf-overview-resources {
	margin: 20px 0 0;
	padding: 0;
}

.qsf-overview-resources li {
	margin-bottom: 7px;
}

/* overview styles end */

/* footer styles */

.qsf-footer {
	height: 288px;
	_background-color: #21242c;
}

.qsf-footer-left {
	float: left;
	width: 252px;
	padding: 30px 0 0 28px;
	height: 258px;
}

.qsf-footer-left span {
	display: block;
	margin: 0 0 16px 0;
}

.qsf-footer-left .qsf-asp-net {
	width: 93px;
	height: 52px;
	background-position: 0 0;
}

.qsf-footer-left .qsf-ajax {
	width: 71px;
	height: 52px;
	background-position: 0 -100px;
}

.qsf-footer-left .qsf-vs {
	width: 150px;
	height: 50px;
	background-position: 0 -200px;
}

.qsf-footer-right {
	margin: 0 0 0 280px;
	height: 288px;
	min-width: 983px;
}

.qsf-footer-right-top {
	height: 160px;
	padding: 22px 30px;
	background-position: 0 -400px;
}

.qsf-footer-right-top h3 {
	position: relative;
	width: 260px;
	height: 75px;
	margin: 0 44px 0 0;
	font-weight: normal;
}

.qsf-footer-right-top a {
	
	text-decoration: none;
}

.qsf-footer-steps-title {
	display: block;
	font-size: 22px;
	color: #717276;
	font-weight: lighter;
	padding: 0 0 5px 0;
}

.qsf-footer-steps-text {
	font-size: 13px;
	color: #58954d;
}

.qsf-footer-right-top a:hover .qsf-footer-steps-text {
	color: #000;
}

/* styles footer try now button section */

.qsf-footer-right-top .qsf-footer-trial {
	width: 80px;
	height: 80px;
	line-height: 116px;
	margin: -50px 0 5px 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-position: 0 -80px;
}

.qsf-footer-right-top .qsf-footer-trial:hover {
	background-image: none;
	background-color: #51ad42; 
}

/* qsf web standards */

.qsf-web-standards {
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

.qsf-web-standards li {
	height: 29px;
	margin: 0 13px 0 0;
}

.qsf-web-standards .qsf-wcag1 {
	width: 81px;
	background-position: 0 -250px;
}

.qsf-web-standards .qsf-wcag2 {
	width: 81px;
	background-position: -100px -250px;
}

.qsf-web-standards .qsf-xhtml {
	width: 69px;
	background-position: 0 -300px;
}

.qsf-web-standards .qsf-xhtml10 {
	width: 69px;
	background-position: -100px -300px;
}

.qsf-web-standards .qsf-html5 {
	width: 69px;
	background-position: 0 -350px;
}

.qsf-footer-right-bottom {
	position: relative;
	padding: 20px 0;
}

.qsf-copyrights {
	width: 220px;
	height: 28px;
	margin: 10px 0 0;
	padding: 0 0 0 118px;
	background-position: 0 -400px;
	color: #aaa;
	font-size: 10px;
}

.qsf-copyrights address {
	font-style: normal;
}

.qsf-terms {
	position: absolute;
	top: 32px;
	right: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.qsf-terms a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 0 8px;
}

.qsf-terms a:hover {
	text-decoration: underline;
}

/* footer styles end */




.qsf-obsolete-message {
	margin-bottom: 20px;
	padding: 20px;
	padding-left: 300px;
	width: 600px;
	color: #491a00;
	background: #d8b098 url("../images/qsf-obsolete-message-bg.png") left bottom no-repeat;
	font-size: 13px;
}
	.qsf-obsolete-message a {
		color: inherit;
		text-decoration: underline;
	}
	.qsf-obsolete-message h3 {
		margin: 0;
		color: #fff6e5;
		font-size: 24px;
		font-weight: normal;
	}
	.qsf-obsolete-message p {
		margin: 1em 0 0 0;
	}

     .EmptyGrid {
            color: #FF0000;
            text-align: center;
        }