/*
div { text-align:left !important; }
*/

a:link { color:#000080;text-decoration:underline; }
a:visited { color:#000080;text-decoration:underline; }
a:visited:hover { color:#000080;text-decoration:none; }
a:hover { color:#000080;text-decoration:none; }
a:active { color:#000080;text-decoration:underline; }

/*
	table cell containing the demos -- opens in /common/controls/demo_header.ascx, closes in /common/controls/demo_footer.ascx
	centers the main body content (for pages with no DOCTYPE specified)
*/
#demo-cell { font-size:11px; }


/* Containers */
#body-container { width:980px;margin:0px auto;text-align:left !important; }
#header-container { width:980px;height:64px;background-color:transparent;margin-top:10px; }





/* Ajax Techniques Menu */
.group-ajax { cursor:default; }
.item-ajax-top { width:295px;height:4px;background-image:url("images/menu-item-ajax-top.png");background-repeat:no-repeat;background-color:transparent; }
.item-ajax-bottom { width:295px;height:8px;background-image:url("images/menu-item-ajax-bottom.png");background-repeat:no-repeat;background-color:transparent; }
.item-ajax {
	width:295px;
	color:#dd3409;
	text-decoration:none;
	background-image:url("images/menu-item-ajax.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-ajax-hover {
	width:295px;
	text-decoration:none;
	background-image:url("images/menu-item-ajax.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-ajax-divider { width:295px;height:9px;background-image:url("images/menu-item-ajax.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }

div.ajax-template { width:260px;height:52px;padding:2px 0 0 35px; }
div.ajax-template div.txt { width:100px;height:52px;line-height:16px;float:left;}
div.ajax-template span.num { color:#999;font-size:10px;display:block; }
div.ajax-template span { color:#dd3409;font-weight:bold;display:block; }
div.ajax-template div.img { width:146px;height:45px;background:transparent url("images/index/ajax.png") no-repeat;float:right;padding:0;margin:2px 0 0 0; }
	div.ajax-template div.t1 { background-position:-300px 0; }
	div.ajax-template div.t2 { background-position:-300px -45px; }
	div.ajax-template div.t3 { background-position:-300px -90px; }


/* Technology Showcase Menu */
.group-showcase { cursor:default; }
.item-showcase-top { width:255px;height:4px;background-image:url("images/menu-item-showcase-top.png");background-repeat:no-repeat;background-color:transparent; }
.item-showcase-bottom { width:255px;height:8px;background-image:url("images/menu-item-showcase-bottom.png");background-repeat:no-repeat;background-color:transparent; }
.item-showcase {
	font-size:11px;
	width:255px;
	height:16px;
	color:#dd3409;
	text-decoration:none;
	background-image:url("images/menu-item-showcase.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-showcase-hover {
	font-size:11px;
	width:255px;
	height:16px;
	color:#dd3409;
	text-decoration:underline !important;
	background-image:url("images/menu-item-showcase.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-showcase-title {
	font-size:11px;
	width:255px;
	height:19px !important;
	color:#666666;
	font-weight:bold;
	padding-top:3px;
	background-image:url("images/menu-item-showcase.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:default;
}

.item-showcase-spacer { width:255px;height:10px;background-image:url("images/menu-item-showcase.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }

/* Controls-Specific Menu */
.group-controls { cursor:default; }
.item-controls-top { width:153px;height:7px;background-image:url("images/menu-item-controls-top.png");background-repeat:no-repeat;background-color:transparent; }
.item-controls-bottom { width:153px;height:8px;background-image:url("images/menu-item-controls-bottom.png");background-repeat:no-repeat;background-color:transparent; }
.item-controls {
	font-size:11px;
	width:153px;
	height:18px;
	color:#dd3409;
	text-decoration:none;
	background-image:url("images/menu-item-controls.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-controls-hover {
	font-size:11px;
	width:153px;
	height:18px;
	color:#dd3409;
	text-decoration:underline !important;
	background-image:url("images/menu-item-controls.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-controls-title {
	font-size:11px;
	width:153px;
	height:19px !important;
	color:#666666;
	font-weight:bold;
	padding-top:3px;
	background-image:url("images/menu-item-controls.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:default;
}

.item-controls-spacer { width:153px;height:10px;background-image:url("images/menu-item-controls.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }

/* Platform-Specific Menu */
.group-platforms { cursor:default; }
.item-platforms-top { width:255px;height:5px;background-image:url("images/menu-item-platforms-top.png");background-repeat:no-repeat;background-color:transparent; }
.item-platforms-bottom { width:255px;height:8px;background-image:url("images/menu-item-platforms-bottom.png");background-repeat:no-repeat;background-color:transparent; }
.item-platforms {
	font-size:11px;
	width:255px;
	height:16px;
	color:#dd3409;
	text-decoration:none;
	background-image:url("images/menu-item-platforms.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-platforms-hover {
	font-size:11px;
	width:255px;
	height:16px;
	color:#dd3409;
	text-decoration:underline !important;
	background-image:url("images/menu-item-platforms.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:pointer;
}

.item-platforms-title {
	font-size:11px;
	width:255px;
	height:19px !important;
	color:#666666;
	font-weight:bold;
	padding-top:3px;
	background-image:url("images/menu-item-platforms.png");
	background-repeat:repeat-y;
	background-color:transparent;
	cursor:default;
}

.item-platforms-spacer { width:255px;height:10px;background-image:url("images/menu-item-platforms.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }

/***********************************************/
/* Content */
#content-container {
	width:950px;
	height:auto;
	background-image:url("../images/background-content.png");
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
	margin-top:10px;
	padding:10px 15px 0 15px;
	text-align:justify;
}

#content { background-color:transparent;width:950px; }

#content div.title { width:950px;height:25px;padding-top:9px;padding-bottom:9px; }
#content div.title div.img { width:300px;height:25px;float:left;vertical-align:middle;margin-left:6px;background:#fff url("images/index/titles.png") no-repeat 0 -125px; }
#content div.title span.version { vertical-align:bottom;float:right;padding-top:3px;padding-right:10px; }

#index {
	width:930px;
	height:auto;
	padding:20px 10px 0 10px;
	background-image:url("images/background-index.png");
	background-repeat:no-repeat;
}

/* Font styles */
p { margin:0;padding:0; }
.large { font-size:12px;line-height:16px; }
.regular { font-size:11px;line-height:16px; }
.small { font-size:10px;line-height:13px; }
.extra-small { font-size:9px;line-height:13px; }

/* Colors */
.black { color:#000000; }
.red { color:#ff3300; }
.red-orange { color:#dd3409; }
.dark-grey { color:#333333; }
.grey { color:#666666; }
.light-grey { color:#999999; }
.extra-light-grey { color:#dddddd; }

/***********************************************/


/***********************************************/
/* Footer */
#footer-container { width:980px;height:40px;background-color:#ffffff;background:#ffffff url("../images/background-footer.png") no-repeat left top;margin-top:30px;clear:both; }
#footer-container .copyright { color:#ffffff;padding-top:7px;text-align:center !important; }
/***********************************************/


/* Demo Area */
#demo-top {
	width:950px;
	height:10px;
	background-image:url("images/background-demo-top.png");
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}

#demo-container { width:950px;background-color:#f2f2f2;position:relative; }
#demo-container td.nav-cell { background:url("images/background-nav-cell.png");background-repeat:repeat-y;background-position:left bottom; }

#demo-nav {
	width:190px;
	height:435px !important;
	margin-left:10px;
	background-color:#ffffff;
}

#demo-nav .demo-logo { width:190px;height:40px;background-color:#ffffff; }

#demo-nav .demo-nav {
	padding:0 10px 0 10px;
	cursor:default;
}

#demo-nav .NavTopItem { width:170px;height:32px;background-image:url("images/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer; }
#demo-nav .NavTopItemHover { width:170px;height:32px;background-image:url("images/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer;color:#dd3409; }
#demo-nav .NavTopItemActive { width:170px;height:32px;background-image:url("images/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer;color:#ff3300; }
#demo-nav .NavTopItemExpanded { width:170px;height:32px;background-image:url("images/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer; }

#demo-nav .NavLevel2Item { color:#dd3409;cursor:pointer;padding:1px 0 1px 0;font-size:11px; }
#demo-nav .NavLevel2ItemHover { color:#dd3409;text-decoration:underline;cursor:pointer;padding:1px 0 1px 0;font-size:11px; }
#demo-nav .NavLevel2ItemSelected { color:#666666;cursor:default;padding:1px 0 1px 0;font-size:11px; }

#demo-container .button-previous { position:absolute;left:20px;bottom:10px; }
#demo-container .button-next { position:absolute;left:135px;bottom:10px; }

#demo-title { margin-left:10px;padding:0;height:20px;font-size:11px; }
#demo-title img.bullet { display:inline;vertical-align:baseline;margin-right:2px; }
#demo-title img.code { margin-top:-17px;float:right; }

#content div.DemoArea {
	width:740px;
	min-height:395px;
	margin: 0 0 0 10px;
	font-size:11px;
	
}

#content div.demo-area { margin-left:10px;margin-right:10px;font-size:11px;text-align:left !important; }
#content div.demo-area a:hover { text-decoration:none !important; }

#demo-bottom {
	width:950px;
	height:10px !important;
	background-image:url("images/background-demo-bottom.png");
	background-repeat:no-repeat;
	background-color:transparent;
}

#about-container { margin:10px 0 10px 10px; }
#about-container ul { list-style-image:url("../images/chevron-small-grey.png"); }
#about-container div.demo-folder { margin:5px 0 0 5px;font-weight:bold;text-align:left; }

.clear-fix { clear:both; }

/* Demo-specific classes */
.MainText { font-size:11px; }
.hint { color:#ff3300; }