/* QSF Styles */

body, html
{
	background: white;
	margin: 0;
	padding: 0;
	font: normal 12px Verdana, Arial, Sans-serif;
	color: black;
	text-align: center;
}


div.qsf_wrapper
{
	width: 1001px;
	margin: 0 auto;
	text-align: left;
	cursor: default;
}

div.qsf_header
{
	height: 70px;
}

div.qsf_header
{
	vertical-align: middle;
}

img.qsf_product_logo
{
	margin-top: 13px;
	margin-left: 15px;
	display: block;
	float: left;
}

a.qsf_telerik_logo img
{
	border: 0;
}

#productCaption
{
	display:none;
}

a.qsf_telerik_logo
{
	margin-right: 40px;
	margin-top: 16px;
	float: right;
}

div.qsf_subheader
{
	background: url('../Img/QSF_SubHeader.gif') repeat-x left bottom;
}

div.qsf_subheader_left
{
	background: url('../Img/QSF_SubHeaderLeft.gif') no-repeat left bottom;
}

div.qsf_subheader_right
{
	background: url('../Img/QSF_SubHeaderRight.gif') no-repeat right bottom;
	height: 42px;
}

/* left navigation */
div.qsf_left_navigation_wrapper
{
	width: 237px;
	min-height: 300px;
	background: white url('../Img/QSF_GreyGradient.gif') repeat-x;
	float: left;
}

div.qsf_left_navigation_content
{
	margin-left: 19px;
}

h1.qsf_demos_header, h1.qsf_example_header
{
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: #333;
}

h1.qsf_demos_header
{
	padding-left: 17px;
	line-height: 25px;
	background: transparent url('../Img/QSF_DemosHeaderBg.gif') no-repeat;
}
/* / left navigation */

div.qsf_content_area_wrapper
{
	min-height: 300px;
	padding-right: 19px;
	margin-left: 237px;
	background: white url('../Img/QSF_GreyGradient.gif') repeat-x;
}

div.qsf_content_area
{
	float: left;
	background: white url('../Img/QSF_GreyGradient.gif') repeat-x;
	min-width: 754px;
}

div.qsf_example_header_wrapper
{
	background: white url('../Img/QSF_ExampleHeaderWrapperBg.gif') no-repeat;
	padding-left: 17px;
	position: absolute;
	z-index: 1;
	width: 732px;
	margin-bottom: 11px;
}

h1.qsf_example_header
{
	background: white url('../Img/QSF_ExampleHeaderBg.gif') no-repeat right;
	line-height: 25px;
	margin: 0;
	padding: 0;
}

/* footer */
div.qsf_footer
{
	color: #999;
	font-size: 10px;
	padding-left: 257px;
	padding-top:11px;
	line-height: 18px;
}

div.qsf_footer a
{
	color: #999;
}

div.qsf_footer IMG
{
	margin-bottom:14px;
}

/* / footer */

/* navigation override */

/* TEKI */

TABLE.ConfigTable {
	background-color: #F2F2F2;
	border:1px solid #969696;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
TABLE.ConfigTable TH {
	background-color: #929292;
	font-weight:bold;
	font-size:12px;
	border: 1px solid #444444;
	
}

/*---END TEKI----*/


#tabs
{
	background-image:url(../Img/topBg.gif);
}

.TabsRightCorner
{
	background-image: url(../Img/cornerRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.tab
{
	cursor: hand;
	cursor: pointer;
	height: 25px !important;
	width: 100px;
	text-align: left;
	background: url(../Img/codeTabsRightDisabled.gif) no-repeat right !important;
}

td.tab.expanded
{
	background: url(../Img/codeTabsRight.gif) no-repeat right !important;
}

.code
{
	width: 733px;
	margin:0px;
	height: 300px;
	padding: 0px 5px 0px 8px;
	overflow: auto;
	font-size:11px;
	line-height: 19px;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.code pre
{
	color: #000066;
	font-family: Courier New, Courier;
	font-size: 12px !important;
}

.codeOuter 
{
	background-image: url(../Img/codeViewBg.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

.codeTabs TD
{
	background-image: url(../Img/codeTabBg.gif);
	background-repeat: repeat-x;
	height: 26px;
}

.module {
	border:1px solid #DADADA;
	padding:12px;
	background: #fff url(../Img/moduleBg.gif) repeat-x;
	font-family: Arial, Verdana;
	font-size:11px;
	color:#333333;
	vertical-align:top;
	margin-right: 3px;
}
.module TD, .module A {
	font-size:11px;
	color:#333333;
}
.button, button {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	background-image:url(../Img/buttonBg.gif);
	background-position:top;
	background-color:white;
	height:20px;
	width:80px;
	vertical-align: middle;
}
.textfield {
	height: 18px;
	width: 77px;
	background-image:url(../Img/textfield.gif);
	background-attachment:fixed;
	padding-left:3px;
	border:0px;
	font-size:11px;
	padding-top:3px;
	background-repeat:no-repeat;
	background-color:#E5E5E5;
	vertical-align: middle;
}
.datagrid {
	border:1px solid #C0C0C0;
}
.textred
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Red;
}
.welcomeModule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../Img/welcomeBg.gif);
	height:80px;
	width:344px;
	background-position:right 23px;
	background-repeat:no-repeat;
	margin-top:20px;
}
.welcomeModule A {
	color: black;
	text-decoration:none;
}
.welcomeModule A:hover {
	text-decoration:underline;
}
.DropDown
{
	font-size:11px;
}

/*styles to be displaid in the Examples*/

TABLE.style1 {
	background-color: #F2F2F2;
	border:1px solid #969696;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
TABLE.style1 THEAD TH {
	background-color: #929292;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #444444;
	height:30px;
}
TABLE.style1 TD {
	border:1px solid white;
	height:20px;
}
A.style1 {
	color:black;
}
A.style1:hover {
	background-color:#E2E2E2;
}

TABLE.style2 {
	background-color: #FBFBE5;
	border:1px solid #475E1E;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
TABLE.style2 THEAD TH {
	background-color: #6C7D47;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #ffffff;
	height:30px;
}
TABLE.style2 TD {
	border-top:1px solid #CBDE8E;
	height:20px;
}
A.style2 {
	color:black;
}
A.style2:hover {
	font-weight:bold;
}


TABLE.style3 {
	background-color: #E9E9DE;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
TABLE.style3 THEAD TH {
	background-color: #6F2C3E;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #ffffff;
	height:30px;
	color:white;
}
TABLE.style3 TD {
	border-top:1px solid #929292;
	height:20px;
}
A.style3 {
	color:black;
	text-decoration:none;
	font-style:italic;
}
A.style3:hover {
	text-decoration:underline;
}
.projects {
	width:193px;
	height:132px;
	background-image:url(../Img/projectsBg.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	padding: 12px 0px 0px 0px;
	margin-left:16px;
	margin-top:21px;
}
.projects A {
	text-decoration: none;
	color: #333333;
	padding-left:24px;
}
.projects A:hover {
	text-decoration: underline;
	color: black;
	padding-left:25px;
}
.download {
	margin-top:3px;
	background-image:url(../Img/downloadBg.gif);
	background-repeat: no-repeat;
	height:36px;
	font-size:12px;
	padding-left:30px;
	padding-top:11px;
	font-weight:bold;
}
.download A{
	text-decoration: underline;
	color: black;
}

TEXTAREA
{
	border: 1px #666666 solid;
	font-family: Arial, Helvetica, sans-serif;
}

/* END NEW NAVIGATION */

dl.columns dt
{
	float:left;
	margin-right:1em;
	clear:left;
}

dl.columns dd, 
dl.columns dt
{
	padding-bottom:2em;
	height:70px;
}




.navigationCategoryNode
{
	cursor: hand;
	font-size:12px;
}

.navigationNodes
{
	text-decoration: none;
	font-size:11px;
	background-repeat:no-repeat;
  _height:1%;
}

.navigationNodes ul
{
	padding:0px;
	margin:0px;
	display:none;
	list-style-type:none;
}

.navigationNodes li
{
	list-style-type:none;
	_height:1%;
	padding: 2px 0px 4px 2px;
	border-bottom: solid 1px #e9e9e9;
}

.navigationNodes li i
{
	display:none;
}

.navigationNodes img
{
	margin-right:6px;
}

.navigationNodes .expanded
{
	background: url('../Img/NavigationSelected.gif') repeat-x;
	
}

.collapsed
{
/*	background-image:url(../Img/plus.gif);
	background-repeat:no-repeat;
*/
}

.navigationNodes A:hover
{
	text-decoration: underline;
	color:black;
}

.navigationNodes A
{
	color: #333;
	text-decoration: none;
	font-size: 11px;

}

table.controlMenu 
{
	width: 197px !important;
	color: #333;
}

td.leftCellTop, td.controlMenuHeaderCell, td.rightCellTop, td.leftCellMiddle, td.rightCellMiddle, td.leftCellBottom, td.middleCellBottom, td.rightCellBottom
{
	display: none !important;
}

.navigationNodes ul li ul li
{
	padding: 0px 0px 2px 16px;
	border-bottom: 0;
}

.navigationNodes ul li ul
{
	margin-top:8px;
}

.allProductsHeader
{
	background: url('../Img/allProductsHeader.gif') no-repeat;
	width: 194px;
	height: 31px;
}

.allProducts IMG
{
	vertical-align: middle;
}