BODY { background:#F8F8F8; }

/* Dialog  {{{*/
.shader {
	display:none;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	background:#E3E3E3;
	opacity:0.62;
	z-index:1;
	}

#help-dialog, #disclaimer-dialog { display:none; }

.dialog-shadow {
	position:absolute;
	width:673px; height:353px;
	background:url(./../img/dialog_shadow.png) no-repeat 100% 100%;
	font:11px 'Verdana', sans-serif;
	z-index:2;
	}
.dialog-window {
	position:absolute; top:0; right:3px; bottom:3px; left:0;
	border:1px solid #D0D0D0;
	background:#F0F0F0;
	z-index:2;
	}
	.dialog-header {
		height:20px;
		padding-top:5px; padding-right:6px; padding-left:15px;
		background:#D7D7D7 url(./../img/dialog_header_bg.png) repeat-x;
		}
		.dialog-close-button {
			position:absolute; top:5px; right:6px;
			width:15px; height:15px;
			background:url(./../img/buttons.png) no-repeat -917px 0;
			}
		.dialog-close-button:hover {
			background-position:-917px -15px;
			}
	.dialog-body {
		position:absolute; top:30px; right:5px; bottom:5px; left:5px;
		padding:5px 16px;
		border:1px solid #D0D0D0;
		overflow:auto;
		background:#FFF;
		}
		.dialog-body P { margin-top:11px; }
		.dialog-body TABLE {
			width:100%;
			margin-bottom:8px;
			}
			.dialog-body TABLE CAPTION {
				padding:8px;
				border-top:1px solid #BFBFBF;
				border-right:1px solid #BFBFBF;
				border-left:1px solid #BFBFBF;
				background:#E3E3E3;
				text-align:left;
				}
			.dialog-body TABLE TD, .dialog-body TABLE TH {
				padding:10px 16px;
				border:1px solid #BFBFBF;
				}
/* }}} */

.editor-window {
	position:absolute; top:10%; left:50%;
	margin-left:-446px;
	width:891px; height:659px;
	padding:7px;
	background:url(./../img/editor_shadow.png) no-repeat 0 0;
	}
	.header {
		width:865px; height:59px;
		padding-left:11px;
		padding-top:4px;
		background:url(./../img/title_bg.png);
		}
		.header A.title {
			display:block; height:53px; width:302px;
			}
		.header A.title:hover {
			background:url(./../img/title_hover.png) no-repeat 0 0;
			}
		.header .buttons {
			position:absolute; top:23px; left:652px;
			width:206px; height:24px;
			}
			.header .buttons A.other-demos {
				float:left;
				width:104px; height:24px;
				background:url(./../img/upper_buttons.png) no-repeat 0 0;
				}
			.header .buttons A.other-demos:hover { background-position:0 -24px; }
			.header .buttons A.other-demos:active { background-position:0 -48px; }
			.header .buttons A.download {
				float:left;
				width:92px; height:24px;
				margin-left:10px;
				background:url(./../img/upper_buttons.png) no-repeat -104px 0;
				}
			.header .buttons A.download:hover { background-position:-104px -24px; }
			.header .buttons A.download:active { background-position:-104px -48px; }
	.editor-container {
		position:absolute; top:66px;
		width:876px; height:584px;
		}
		.upper-toolbar {
			position:absolute; left:0; right:0;
			height:26px;
			padding:0 6px 0 12px;
			border-top:1px solid #BCBCBC; border-right:1px solid #BCBCBC; border-bottom:1px solid #D0D0D0; border-left:1px solid #BCBCBC;
			background:url(./../img/top_bottom_toolbar_bg.png) repeat-x 0 0;
			font:11px/1.9 'Verdana', sans-serif; color:#000
			}
		.left-toolbar {
			position:absolute; top:28px; bottom:21px;
			width:53px;
			padding-top:6px;
			border-left:1px solid #BCBCBC;
			border-right:1px solid #D0D0D0;
			background:#EDEDED;
			}

		.editor-body {
			position:absolute; top:28px; left:55px; bottom:21px; right:0;
			padding-top:15px; padding-left:17px;
			border-right:1px solid #BCBCBC;
			background:#FFF url(./../img/anychart_editor_bg.png) repeat-x 0 0;
			}
		.status-bar {
			position:absolute; bottom:0; left:0; right:0;
			height:19px;
			border-top:1px solid #D0D0D0;
			border-right:1px solid #BCBCBC;
			border-bottom:1px solid #BCBCBC;
			border-left:1px solid #BCBCBC;
			background:url(./../img/top_bottom_toolbar_bg.png) repeat-x 0 -26px;
			font:9.5px 'Verdana', 'Geneva', sans-serif;
			}
			.status-bar A { text-decoration:none; color:#090A0A; }
			.powered-by { position:absolute; bottom:4px; left:8px; }
			.disclaimer { position:absolute; bottom:4px; right:8px; }

/* Upper toolbar {{{*/
.upper-toolbar UL {
	float:left;
	padding-left:54px;
	padding-top:2px;
	list-style-type:none;
	background:url(./../img/toolbar_title.png) no-repeat;
	}
	.upper-toolbar UL LI {
		float:left;
		padding-right:1px;
		}
	.upper-toolbar UL LI.toolbar-title {
		padding-right:12px;
		}
	.upper-toolbar UL LI.remove-all {
		padding-left:125px;
		}
		.upper-toolbar UL LI.remove-all A {
			width:89px;
			background:url(./../img/buttons.png) no-repeat -462px 0;
			}
		.upper-toolbar UL LI.remove-all A:hover {
			background-position:-462px -22px;
			}
		.upper-toolbar UL LI.help A {
			width:58px;
			background:url(./../img/buttons.png) no-repeat -551px 0;
			}
		.upper-toolbar UL LI.help A:hover {
			background-position:-551px -22px;
			}
		.upper-toolbar UL LI.spacer SPAN {
			display:block; width:10px; height:22px;
			background:url(./../img/v_spacer.png) no-repeat center center;
			}
		.upper-toolbar UL LI A {
			display:block; width:22px; height:22px;
			background:url(./../img/buttons.png) no-repeat;
			}
		.upper-toolbar UL LI A:hover {
			background-position:0 -22px;
			}
.upper-toolbar .SelectionTool { background-position:0 0; }
.upper-toolbar .SelectionTool:hover { background-position:0 -22px; }
.upper-toolbar .SelectionTool.current { background-position:0 -44px; }

.upper-toolbar .Line { background-position:-22px 0; }
.upper-toolbar .Line:hover { background-position:-22px -22px; }
.upper-toolbar .Line.current { background-position:-22px -44px; }

.upper-toolbar .HorizontalLine { background-position:-44px 0; }
.upper-toolbar .HorizontalLine:hover { background-position:-44px -22px; }
.upper-toolbar .HorizontalLine.current { background-position:-44px -44px; }

.upper-toolbar .VerticalLine { background-position:-66px 0; }
.upper-toolbar .VerticalLine:hover { background-position:-66px -22px; }
.upper-toolbar .VerticalLine.current { background-position:-66px -44px; }

.upper-toolbar .InfiniteLine { background-position:-88px 0; }
.upper-toolbar .InfiniteLine:hover { background-position:-88px -22px; }
.upper-toolbar .InfiniteLine.current { background-position:-88px -44px; }

.upper-toolbar .Ray { background-position:-110px 0; }
.upper-toolbar .Ray:hover { background-position:-110px -22px; }
.upper-toolbar .Ray.current { background-position:-110px -44px; }

.upper-toolbar .Rectangle { background-position:-132px 0; }
.upper-toolbar .Rectangle:hover { background-position:-132px -22px; }
.upper-toolbar .Rectangle.current { background-position:-132px -44px; }

.upper-toolbar .Ellipse { background-position:-154px 0; }
.upper-toolbar .Ellipse:hover { background-position:-154px -22px; }
.upper-toolbar .Ellipse.current { background-position:-154px -44px; }

.upper-toolbar .Triangle { background-position:-176px 0; }
.upper-toolbar .Triangle:hover { background-position:-176px -22px; }
.upper-toolbar .Triangle.current { background-position:-176px -44px; }

.upper-toolbar .TrendChannel { background-position:-198px 0; }
.upper-toolbar .TrendChannel:hover { background-position:-198px -22px; }
.upper-toolbar .TrendChannel.current { background-position:-198px -44px; }

.upper-toolbar .AndrewsPitchfork { background-position:-220px 0; }
.upper-toolbar .AndrewsPitchfork:hover { background-position:-220px -22px; }
.upper-toolbar .AndrewsPitchfork.current { background-position:-220px -44px; }

.upper-toolbar .FibonacciFan { background-position:-242px 0; }
.upper-toolbar .FibonacciFan:hover { background-position:-242px -22px; }
.upper-toolbar .FibonacciFan.current { background-position:-242px -44px; }

.upper-toolbar .FibonacciArc { background-position:-264px 0; }
.upper-toolbar .FibonacciArc:hover { background-position:-264px -22px; }
.upper-toolbar .FibonacciArc.current { background-position:-264px -44px; }

.upper-toolbar .FibonacciRetracement { background-position:-286px 0; }
.upper-toolbar .FibonacciRetracement:hover { background-position:-286px -22px; }
.upper-toolbar .FibonacciRetracement.current { background-position:-286px -44px; }

.upper-toolbar .FibonacciTimzones { background-position:-308px 0; }
.upper-toolbar .FibonacciTimzones:hover { background-position:-308px -22px; }
.upper-toolbar .FibonacciTimzones.current { background-position:-308px -44px; }

.upper-toolbar .UpArrow { background-position:-330px 0; }
.upper-toolbar .UpArrow:hover { background-position:-330px -22px; }
.upper-toolbar .UpArrow.current { background-position:-330px -44px; }

.upper-toolbar .DownArrow { background-position:-352px 0; }
.upper-toolbar .DownArrow:hover { background-position:-352px -22px; }
.upper-toolbar .DownArrow.current { background-position:-352px -44px; }

.upper-toolbar .LeftArrow { background-position:-374px 0; }
.upper-toolbar .LeftArrow:hover { background-position:-374px -22px; }
.upper-toolbar .LeftArrow.current { background-position:-374px -44px; }

.upper-toolbar .RightArrow { background-position:-396px 0; }
.upper-toolbar .RightArrow:hover { background-position:-396px -22px; }
.upper-toolbar .RightArrow.current { background-position:-396px -44px; }

.upper-toolbar .Label { background-position:-418px 0; }
.upper-toolbar .Label:hover { background-position:-418px -22px; }
.upper-toolbar .Label.current { background-position:-418px -44px; }

.upper-toolbar .callout { background-position:-440px 0; }
.upper-toolbar .callout:hover { background-position:-440px -22px; }
.upper-toolbar .callout.current { background-position:-440px -44px; }
/* }}} */

/* Colorpicker {{{*/
#colorpicker {
	float:left;
	padding-left:7px;
	list-style-type:none;
	}
	#colorpicker LI { float:left; padding:0 3px 0 0; }
		#colorpicker LI A {
			display:block; height:12px; width:12px;
			border:1px solid #EDEDED;
			padding:2px;
			}
		#colorpicker LI A:hover {
			border:1px solid #8BB8F3;
			background:#DEECFD;
			}
		#colorpicker LI A.current {
			border:1px solid #556BBF;
			background:#DEECFD;
			}
			#colorpicker LI A SPAN {
				display:block;
				height:10px; width:10px;
				border:1px solid #ACA899;
				}
.color-000000 { background:#000000; }
.color-993300 { background:#993300; }
.color-800000 { background:#800000; }
.color-FF6600 { background:#FF6600; }
.color-FF0000 { background:#FF0000; }
.color-FF9900 { background:#FF9900; }
.color-FF00FF { background:#FF00FF; }
.color-FFCC00 { background:#FFCC00; }

.color-DB2A0E { background:#DB2A0E; }
/* .color-FF99CC { background:#FF99CC; } */ 

.color-FFCC99 { background:#FFCC99; }
.color-333300 { background:#333300; }
.color-003300 { background:#003300; }
.color-808000 { background:#808000; }
.color-008000 { background:#008000; }
.color-99CC00 { background:#99CC00; }
.color-339966 { background:#339966; }
.color-FFFF00 { background:#FFFF00; }
.color-00FF00 { background:#00FF00; }
.color-FFFF99 { background:#FFFF99; }
.color-CCFFCC { background:#CCFFCC; }
.color-003366 { background:#003366; }
.color-000080 { background:#000080; }
.color-008080 { background:#008080; }
.color-0000FF { background:#0000FF; }
.color-33CCCC { background:#33CCCC; }
.color-3366FF { background:#3366FF; }
.color-00FFFF { background:#00FFFF; }
.color-00CCFF { background:#00CCFF; }
.color-CCFFFF { background:#CCFFFF; }
.color-99CCFF { background:#99CCFF; }
.color-333399 { background:#333399; }
.color-333333 { background:#333333; }
.color-666699 { background:#666699; }
.color-808080 { background:#808080; }
.color-800080 { background:#800080; }
.color-969696 { background:#969696; }
.color-993366 { background:#993366; }
.color-C0C0C0 { background:#C0C0C0; }
.color-CC99FF { background:#CC99FF; }
.color-FFFFFF { background:#FFFFFF; }
/* }}} */

/* ADDITIONAL TOOLSET {{{*/
.additional-toolset { display:none; }

/* Text tools {{{*/
#text-tools.additional-toolset {
		float:left;
		padding-left:4px;
		list-style-type:none;
	}
	#text-tools.additional-toolset LI {
		float:left;
		padding-right:1px; padding-bottom:1px;
		}
		#text-tools.additional-toolset LI A {
			display:block; width:22px; height:22px;
			background-image:url(./../img/buttons.png);
			background-repeat:no-repeat;
			}
.additional-toolset .increase-text-size { background-position:-609px 0; }
.additional-toolset .increase-text-size:hover { background-position:-609px -22px; }
.additional-toolset .increase-text-size:active { background-position:-609px -44px; }

.additional-toolset .decrease-text-size { background-position:-631px 0; }
.additional-toolset .decrease-text-size:hover { background-position:-631px -22px; }
.additional-toolset .decrease-text-size:active { background-position:-631px -44px; }

.additional-toolset .bold-text { background-position:-653px 0; }
.additional-toolset .bold-text:hover { background-position:-653px -22px; }
.additional-toolset .bold-text.current { background-position:-653px -44px; }

.additional-toolset .italic-text { background-position:-675px 0; }
.additional-toolset .italic-text:hover { background-position:-675px -22px; }
.additional-toolset .italic-text.current { background-position:-675px -44px; }
/* }}} */

/* Line tools {{{*/
#line-tools.additional-toolset {
		float:left;
		padding-left:4px;
		list-style-type:none;
	}
	#line-tools.additional-toolset LI {
		float:left;
		padding-bottom:1px;
		}
		#line-tools.additional-toolset LI A {
			display:block; width:44px; height:18px;
			background-image:url(./../img/buttons.png);
			background-repeat:no-repeat;
			}
.additional-toolset .brush-1px { background-position:-697px 0; }
.additional-toolset .brush-1px:hover { background-position:-697px -18px; }
.additional-toolset .brush-1px.current { background-position:-697px -36px; }

.additional-toolset .brush-2px { background-position:-741px 0; }
.additional-toolset .brush-2px:hover { background-position:-741px -18px; }
.additional-toolset .brush-2px.current { background-position:-741px -36px; }

.additional-toolset .brush-3px { background-position:-785px 0; }
.additional-toolset .brush-3px:hover { background-position:-785px -18px; }
.additional-toolset .brush-3px.current { background-position:-785px -36px; }

.additional-toolset .brush-4px { background-position:-829px 0; }
.additional-toolset .brush-4px:hover { background-position:-829px -18px; }
.additional-toolset .brush-4px.current { background-position:-829px -36px; }

.additional-toolset .dashed-line { background-position:-873px 0; }
.additional-toolset .dashed-line:hover { background-position:-873px -18px; }
.additional-toolset .dashed-line.current { background-position:-873px -36px; }
/* }}} */

.additional-toolset .spacer {
	clear:left;
	height:10px; width:53px;
	margin-left:-4px;
	background:url(./../img/h_spacer.png) no-repeat 0 5px;
	}
/* }}} */

/* Help dialog icons {{{*/
.help-icons DIV {
			display:block; width:22px; height:22px;
			background-image:url(./../img/buttons.png);
			background-repeat:no-repeat;						
			}
.help-icons .SelectionTool { background-position:0 -22px; }
.help-icons .Line { background-position:-22px -22px; }
.help-icons .HorizontalLine { background-position:-44px -22px; }
.help-icons .VerticalLine { background-position:-66px -22px; }
.help-icons .InfiniteLine { background-position:-88px -22px; }
.help-icons .Ray { background-position:-110px -22px; }
.help-icons .Rectangle { background-position:-132px -22px; }
.help-icons .Ellipse { background-position:-154px -22px; }
.help-icons .Triangle { background-position:-176px -22px; }
.help-icons .TrendChannel { background-position:-198px -22px; }
.help-icons .AndrewsPitchfork { background-position:-220px -22px; }
.help-icons .FibonacciFan { background-position:-242px -22px; }
.help-icons .FibonacciArc { background-position:-264px -22px; }
.help-icons .FibonacciRetracement { background-position:-286px -22px; }
.help-icons .FibonacciTimezones { background-position:-308px -22px; }
.help-icons .UpArrow { background-position:-330px -22px; }
.help-icons .DownArrow { background-position:-352px -22px; }
.help-icons .LeftArrow { background-position:-374px -22px; }
.help-icons .RightArrow { background-position:-396px -22px; }
.help-icons .Label { background-position:-418px -22px; }
/* }}} */