BODY {
	padding:0px;
	margin:0px;
	font-size:13px;
	background:#b4b4b4 url(images/body_bg.gif) left top;
	font-family: Arial, sans-serif;
}

DIV {
	padding:0px;
	margin:0px;
}
P {
	padding:0px;
	margin:5px 0px;
	font-size:13px;
	line-height:1.5;
}
H1 {
	padding:0px;
	margin:5px 0px;
	font-size:17px;
	line-height:1.5;
}
H2 {
	padding:0px;
	margin:5px 0px;
	font-size:15px;
	line-height:1.5;
}
H3 {
	padding:0px;
	margin:5px 0px;
	font-size:13px;
	line-height:1.5;
}
H4 {
	padding:0px;
	margin:5px 0px;
	line-height:1.5;
}
UL {
	padding:0px;
	margin:5px 0px;
	line-height:1.5;
}
LI {
	padding:0px;
	margin:5px 0px;
	line-height:1.5;
}
table {
	margin:0px;
	font-size:13px;
}
#master_header {
	margin: 0px auto;
}
#master_headertop {
	background: url(images/headertop_bg.jpg) repeat-x;
	height:70px;
}

#master_headerbottom {
	/*background: #FFF url(images/headerbottom_img.png) no-repeat left top;*/
}

#master_page {
	margin: 0px auto 20px;
	background-color:#B5C7DE;
	border-top:1px solid #FFF;
}
#master_menu {
	PADDING-RIGHT: 10px; FLOAT: left; WIDTH: 240px
}
.sidebar {
	MARGIN-BOTTOM: 10px; WIDTH: 100%
}
.sidebarheader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(images/sidebar_header.png) no-repeat left top; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Arial, Sans-Serif; HEIGHT: 24px
}
.sidebarcontent {
	BORDER-RIGHT: #0f2543 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #0f2543 1px solid; PADDING-LEFT: 30px; FONT-WEIGHT: bold; PADDING-BOTTOM: 20px; BORDER-LEFT: #0f2543 1px solid; LINE-HEIGHT: 1.5em; PADDING-TOP: 20px; BORDER-BOTTOM: #0f2543 1px solid
}
#master_sidebarSamples {
	BACKGROUND: url(images/samples_bg.gif) #fff no-repeat left top; PADDING-TOP: 72px
}
#master_sidebarWalkthroughs {
	BACKGROUND: url(images/walkthrough_bg.gif) #fff no-repeat left top; PADDING-TOP: 72px
}
.sidebarcontent A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #5377a9; PADDING-TOP: 2px; TEXT-DECORATION: none
}
.sidebarcontent A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #0f2543
}
.sidebarcontent A:visited {
	FONT-WEIGHT: normal
}
#list {
	BORDER-RIGHT: #a3a3a3 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d0d0d0 5px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 0px; BORDER-LEFT: #a3a3a3 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #d0d0d0 5px solid
}
#list TH {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt! important; COLOR: #333333
}
#list TD {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt! important; COLOR: #333333
}
#list TH {
	BORDER-RIGHT: #a3a3a3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d0d0d0 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ededed; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #d0d0d0 1px solid; WHITE-SPACE: nowrap
}
#list TD {
	BORDER-RIGHT: #a3a3a3 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; PADDING-TOP: 5px; BORDER-BOTTOM: #ededed 1px solid; TEXT-ALIGN: center
}
#list TD A {
	COLOR: #4169e1; TEXT-DECORATION: none
}
#list TD A:hover {
	COLOR: #ff4500; TEXT-DECORATION: underline
}
#list .count {
	WORD-SPACING: 40px
}
#list .count_right {
	WORD-SPACING: 10px; TEXT-ALIGN: right
}
#list .hr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#list .wheat {
	BACKGROUND: #fdf2dd
}
#list .blue {
	BORDER-TOP: #3966b0 1px solid; BACKGROUND: #dee7f7; BORDER-BOTTOM: #3966b0 1px solid
}
#master_content {
	color: #666666;
}
#master_content A {
	padding:1px;
	color: #5377a9;
}
#master_content A:link {
	
}
#master_content A:visited {
	
}
#master_content A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #bfbfbf
}
#master_content UL {
	MARGIN: 0px 25px 0px 30px
}
#master_contentheader {
	height: 26px;
}
#master_contentplaceholder {
	border:1px solid #999;
	line-height:1.5;
	padding: 5px 20px 20px 20px;
	background-color: #efefef;
}
#master_contentfooter {
	padding: 5px 0px 5px 10px;
	font-size: 12px;
	color: #333;
	letter-spacing: 0.1em;
}
.demoarea {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(images/demotop.png) #fff no-repeat left top; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.demoarea P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.demoheading {
	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; PADDING-BOTTOM: 20px; COLOR: #5377a9; FONT-FAMILY: Arial, Sans-Serif
}
.demobottom {
	BACKGROUND: url(images/demobottom.png) #fff no-repeat left bottom; HEIGHT: 8px
}
.heading {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.4em; PADDING-BOTTOM: 1em; COLOR: #5377a9; PADDING-TOP: 2em; FONT-FAMILY: Arial, Sans-Serif
}
.subheading {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0.8em; COLOR: #0f2543; PADDING-TOP: 1em; FONT-FAMILY: Arial, Sans-Serif
}
P {
	
}
EM {
	FONT-STYLE: italic
}
I {
	FONT-STYLE: italic
}
STRONG {
	FONT-WEIGHT: bold
}
.codeReference {
	FONT-WEIGHT: bold; FONT-STYLE: normal; FONT-FAMILY: 'Courier New', Monospace
}
PRE {
	BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 10px; MARGIN: 15px 15px 15px 0px; BORDER-LEFT: #ccc 1px dashed; COLOR: #000; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; FONT-STYLE: normal; FONT-FAMILY: 'Courier New', Monospace; BACKGROUND-COLOR: #fff
}
CODE {
	BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 10px; MARGIN: 15px 15px 15px 0px; BORDER-LEFT: #ccc 1px dashed; COLOR: #000; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; FONT-STYLE: normal; FONT-FAMILY: 'Courier New', Monospace; BACKGROUND-COLOR: #fff
}
.releaseList {
	LIST-STYLE-TYPE: disc
}
.animationReferenceTable {
	
}
.animationReferenceRow {
	
}
.animationReferenceField {
	VERTICAL-ALIGN: top; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.animationReferenceCode {
	MARGIN-TOP: 5px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; MARGIN-BOTTOM: 5px; VERTICAL-ALIGN: top; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: 'Courier New', Monospace; BACKGROUND-COLOR: #fff
}
.animationReferenceItems {
	VERTICAL-ALIGN: top
}
.animationReferenceItemTable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
.animationReferenceItemRow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
.animationReferenceItem {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
.animationReferenceItemCode {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: 'Courier New', Monospace; BACKGROUND-COLOR: #fff
}
.accordionHeader {
	BORDER-RIGHT: #2f4f4f 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2f4f4f 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #2f4f4f 1px solid; CURSOR: pointer; COLOR: white; PADDING-TOP: 5px; BORDER-BOTTOM: #2f4f4f 1px solid; FONT-FAMILY: Arial, Sans-Serif; BACKGROUND-COLOR: #2e4d7b
}
#master_content .accordionHeader A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-DECORATION: none
}
#master_content .accordionHeader A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline
}
.accordionContent {
	BORDER-RIGHT: #2f4f4f 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #2f4f4f 1px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #2f4f4f 1px dashed; PADDING-TOP: 10px; BORDER-BOTTOM: #2f4f4f 1px dashed; BACKGROUND-COLOR: #d3deef
}
.collapsePanel {
	OVERFLOW: hidden; BACKGROUND-COLOR: white
}
.collapsePanelHeader {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/bg-menu-main.png); WIDTH: 100%; COLOR: #fff; BACKGROUND-REPEAT: repeat-x; HEIGHT: 30px
}
#master_content .collapsePanelHeader A {
	COLOR: #fff
}
#master_content .collapsePanelHeader A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: none
}
#master_content .dropShadowPanel SPAN {
	COLOR: white; TEXT-DECORATION: underline
}
#master_content .dropShadowPanel SPAN:hover {
	TEXT-DECORATION: none
}
.dropShadowPanel {
	FONT-WEIGHT: bold; WIDTH: 300px; COLOR: white; BACKGROUND-COLOR: #5377a9
}
.dragMe {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/header-opened.png); WIDTH: 100%; CURSOR: move; HEIGHT: 21px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.overflowHidden {
	OVERFLOW: hidden
}
.overflowScroll {
	OVERFLOW: hidden
}
.popupMenu {
	FILTER: alpha(opacity=90); VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #f5f7f8; opacity: .9
}
.popupHover {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/header-opened.png); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f5f7f8
}
.selectIndex {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.unselectIndex {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.modalBackground {
	FILTER: alpha(opacity=70); BACKGROUND-COLOR: gray; opacity: 0.7
}
.modalPopup {
	BORDER-RIGHT: gray 3px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 3px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 3px solid; WIDTH: 250px; PADDING-TOP: 3px; BORDER-BOTTOM: gray 3px solid; BACKGROUND-COLOR: #ffffdd
}
.sampleStyleA {
	BACKGROUND-COLOR: #fff
}
.sampleStyleB {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: monospace; BACKGROUND-COLOR: #fff
}
.sampleStyleC {
	FONT-SIZE: 10pt; FONT-STYLE: italic; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #ddffdd
}
.sampleStyleD {
	FONT-SIZE: 10pt; COLOR: white; FONT-FAMILY: Arial; BACKGROUND-COLOR: blue
}
.popupControl {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: white
}
.dragHandle {
	BORDER-RIGHT: white thin outset; BORDER-TOP: white thin outset; BACKGROUND-IMAGE: url(images/bg-menu-main.png); BORDER-LEFT: white thin outset; WIDTH: 10px; CURSOR: move; BORDER-BOTTOM: white thin outset; HEIGHT: 15px; BACKGROUND-COLOR: blue
}
.callbackStyle {
	BORDER-RIGHT: blue thin inset; BORDER-TOP: blue thin inset; BORDER-LEFT: blue thin inset; BORDER-BOTTOM: blue thin inset
}
.callbackStyle TABLE {
	COLOR: black; BACKGROUND-COLOR: #5377a9
}
.reorderListDemo LI {
	BACKGROUND-IMAGE: url(images/bg_nav.gif); MARGIN: 2px; COLOR: #fff; BACKGROUND-REPEAT: repeat-x; LIST-STYLE-TYPE: none
}
.reorderListDemo LI A {
	FONT-WEIGHT: bold; COLOR: #fff! important
}
.reorderCue {
	BORDER-RIGHT: black thin dashed; BORDER-TOP: black thin dashed; BORDER-LEFT: black thin dashed; WIDTH: 100%; BORDER-BOTTOM: black thin dashed; HEIGHT: 25px
}
.itemArea {
	FONT-SIZE: 1em; MARGIN-LEFT: 15px; FONT-FAMILY: Arial, Verdana, sans-serif; TEXT-ALIGN: left
}
.roundedPanel {
	FONT-WEIGHT: bold; WIDTH: 300px; COLOR: white; BACKGROUND-COLOR: #5377a9
}
.frameImage {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; OVERFLOW: hidden; WIDTH: 130px; PADDING-TOP: 3px; HEIGHT: 65px
}
.frameText {
	BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 2px solid; FLOAT: left; OVERFLOW: auto; BORDER-LEFT: gray 2px solid; WIDTH: 100px; LINE-HEIGHT: normal; BORDER-BOTTOM: gray 2px solid; FONT-FAMILY: Helvetica; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff
}
.handleImage {
	BACKGROUND-IMAGE: url(images/HandleHand.png); OVERFLOW: hidden; WIDTH: 15px; CURSOR: se-resize; HEIGHT: 16px
}
.handleText {
	BACKGROUND-IMAGE: url(images/HandleGrip.png); OVERFLOW: hidden; WIDTH: 16px; CURSOR: se-resize; HEIGHT: 16px
}
.resizingImage {
	BORDER-RIGHT: #b4d35d 3px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b4d35d 3px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #b4d35d 3px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b4d35d 3px solid
}
.resizingText {
	BORDER-RIGHT: #7391ba 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #7391ba 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #7391ba 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #7391ba 2px solid
}
.unwatermarked {
	FONT-WEIGHT: bold; WIDTH: 148px; HEIGHT: 18px
}
.watermarked {
	BORDER-RIGHT: #bebebe 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bebebe 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #bebebe 1px solid; WIDTH: 150px; COLOR: gray; PADDING-TOP: 2px; BORDER-BOTTOM: #bebebe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f0f8ff
}
.ratingStar {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0pt; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 13px; CURSOR: pointer; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 12px
}
.filledRatingStar {
	BACKGROUND-IMAGE: url(Images/FilledStar.png)
}
.emptyRatingStar {
	BACKGROUND-IMAGE: url(Images/EmptyStar.png)
}
.savedRatingStar {
	BACKGROUND-IMAGE: url(Images/SavedStar.png)
}
.walkthrough LI {
	PADDING-BOTTOM: 5px
}
.walkthroughNote {
	PADDING-LEFT: 25px; FONT-STYLE: italic
}
.TextIndicator_TextBox1 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-STYLE: italic; FONT-FAMILY: Arial; BACKGROUND-COLOR: gray
}
.BarIndicator_TextBox2 {
	PADDING-BOTTOM: 1px; COLOR: blue; BACKGROUND-COLOR: blue
}
.BarBorder_TextBox2 {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: 1px solid; WIDTH: 200px; BORDER-BOTTOM: 1px solid
}
.TextIndicator_TextBox3 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: small; PADDING-BOTTOM: 2px; COLOR: yellow; PADDING-TOP: 2px; BACKGROUND-COLOR: blue; FONT-VARIANT: small-caps
}
.TextIndicator_TextBox3_Handle {
	BACKGROUND-IMAGE: url(images/Question.png); OVERFLOW: hidden; WIDTH: 16px; CURSOR: help; HEIGHT: 14px
}
.dynamicPopulate_Normal {
	BORDER-RIGHT: silver 1px inset; PADDING-RIGHT: 2px; BORDER-TOP: silver 1px inset; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 5px; BORDER-LEFT: silver 1px inset; WIDTH: 200px; PADDING-TOP: 2px; BORDER-BOTTOM: silver 1px inset; HEIGHT: 2em; TEXT-ALIGN: center
}
.dynamicPopulate_Updating {
	BORDER-RIGHT: silver 1px inset; PADDING-RIGHT: 2px; BORDER-TOP: silver 1px inset; PADDING-LEFT: 2px; BACKGROUND-IMAGE: url(images/loading.gif); PADDING-BOTTOM: 2px; MARGIN: 5px; BORDER-LEFT: silver 1px inset; WIDTH: 200px; PADDING-TOP: 2px; BORDER-BOTTOM: silver 1px inset; BACKGROUND-REPEAT: no-repeat; HEIGHT: 2em; TEXT-ALIGN: center
}
.MaskEditFocus {
	COLOR: #000000; BACKGROUND-COLOR: #ffffcc
}
.MaskEditCuston {
	PADDING-LEFT: 16px; COLOR: #000000; BACKGROUND-COLOR: #ffffcc
}
.MaskEditMessage {
	COLOR: #999999; BACKGROUND-COLOR: #ffffcc
}
.MaskEditErro {
	BACKGROUND-COLOR: #ffcccc
}
.MaskEditUpdate {
	PADDING-LEFT: 16px; BACKGROUND-IMAGE: url(images/loading.gif); BACKGROUND-REPEAT: no-repeat
}
.MaskEditFocusNegativeValue {
	COLOR: #ff0000; BACKGROUND-COLOR: #ffffcc
}
.MaskEditBlurNegativeValue {
	COLOR: #ff0000
}