/*BODY { background:#F8F8F8; }*/

#loadingScreen {
    background: url(../images/preloader.gif) no-repeat 5px 8px;
    position: absolute;
}


/* 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(./../images/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(./../images/dialog_header_bg.png) repeat-x;
}

.dialog-close-button {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 15px;
    height: 15px;
    background: url(./../images/buttons.png) no-repeat -917px 0;
}

.dialog-close-button:hover {
    background-position: -917px -15px;
}

.dialog-body {
    padding: 5px 16px;
    border: 1px solid #D0D0D0;
    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(./../images/editor_shadow.png) no-repeat 0 0;
}

.header {
    width: 865px;
    height: 59px;
    padding-left: 11px;
    padding-top: 4px;
    background: url(./../images/title_bg.png);
}

.header A.title {
    display: block;
    height: 53px;
    width: 302px;
}

.header A.title:hover {
    background: url(./../images/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(./../images/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(./../images/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;
    width: 880px;
    height: 584px;
    /*background: url(../images/main_bg.png) repeat-y left top;*/
}

.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(./../images/top_bottom_toolbar_bg.png) repeat-x 0 0;
    font: 11px/1.9 'Verdana', sans-serif;
    color: #000
}

.left-toolbar {
    position: absolute;
    top: 28px;
    width: 53px;
    bottom: 21px;
    padding-top: 6px;
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #D0D0D0;
    background: #EDEDED;
}

.left-toolbar ul {
    list-style-type: none;
    margin-left: 0em;
}

.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(./../images/anychart_editor_bg.png) repeat-x 0 0;*/
    background: #FFF;
}

#chartContainer{
    /*height: 400px;*/
}

.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(./../images/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(./../images/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(./../images/buttons.png) no-repeat -462px 0;
}

.upper-toolbar UL LI.remove-all A:hover {
    background-position: -462px -22px;
}

/*
    ---------------------------------------------------------------------------------------
    TODO: add new button to url(./../images/buttons.png) "Store drawings" and fix its position.

*/
/*.upper-toolbar UL LI.store-drawings {*/
/*padding-left: 25px;*/
/*}*/

/*.upper-toolbar UL LI.store-drawings A {*/
/*width: 89px;*/
/*background: url(./../images/buttons.png) no-repeat -462px 0;*/
/*}*/

/*.upper-toolbar UL LI.store-drawings A:hover {*/
/*background-position: -462px -22px;*/
/*}*/

/*
    ---------------------------------------------------------------------------------------
*/

.upper-toolbar UL LI.help A {
    width: 58px;
    background: url(./../images/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(./../images/v_spacer.png) no-repeat center center;
}

.upper-toolbar UL LI A {
    display: block;
    width: 22px;
    height: 22px;
    background: url(./../images/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(./../images/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(./../images/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(./../images/h_spacer.png) no-repeat 0 5px;
}

/* }}} */

/* Help dialog icons {{{*/
.help-icons DIV {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(./../images/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;
}

/* }}} */