/* 3 : 3  */

    /*
    *********************** ENGINES MENU ****************************
    */



       /*
        main struct of pagebody
        */

        #menuwrapper {
            background: url( "menubg.gif" ) #fff repeat-y right 50%;
            display: inline;
            width: 100%;
        }

        /* main content boxes */
        div.content {
            float: left;
            width: 65%;
            margin: auto;
        }

        #editor {
            background-color: #fff;
            margin-left: 10px;
        }

        /* onglets */
        #menubar {
            float: left;
            clear: both;
            display: block;
            width: 100%;
            margin-top: 12px !important;
            margin-top: 70px;
            margin-bottom: 10px;
            border-bottom: 1px solid #336699;
        }

        /* modif joe 4 tabs cross-browser */

        #tabs, #floatright_tabs {
            height: 20px;
            margin: 0;
            padding-left: 0px;
        }

        #floatright_tabs {
                    float: right;
        }

        #tabs li, #floatright_tabs li  {
            display: inline;
            list-style-type: none;
        }

        #tabs span,
            #tabs a,
            #floatright_tabs span,
            #floatright_tabs a
             {
            display: block;
            margin-right: 2px;
        }

        /* 4 links onglets */
        #tabs a:link,
            #tabs a:visited,
                #floatright_tabs a:link,
            #floatright_tabs a:visited {
            float: left;
            background: #398EC3;
            font-weight: bold;
            padding: 2px 4px 2px 4px;
            text-decoration: none;
            color: #FFFFFF;
            margin-top: 4px;
        }

        /* end modif */

        /* on fly hover */
        #tabs a:hover, #floatright_tabs a:hover {
            text-decoration: none;
            background-color: #336699;
            font-weight: bold;
            padding: 4px 4px 4px 4px;
            margin-top: 0px;
        }

        /* current tab */
        #tabs .current, #floatright_tabs .current {
            float: left;
            text-decoration: none;
            background-color: #336699;
            font-weight: bold;
            padding: 4px 4px 4px 4px;
            margin-top: 0px;
            color: #FFFFFF;
        }

        .clearing {
            clear: both;
            height: 0px;
        }

        /* left menu  */
        div.leftMenu {
            background-color: #FFFFFF;
            border-right: #808080 1px solid;
            border-left: #808080 1px solid;
            border-bottom: #808080 1px solid;
            float: left; /* mod joe */
            clear: both; /* end */
            width: 220px;
        }

        div.leftMenu ul a {
            color: #000000;
            text-decoration: none;
            display: block;
        /* width : 100 %; */
        /* height : 100 %; */
        }

        div.leftMenu ul li {
            display: inline;
            margin: 0px;
            padding: 0px;
        }

        div.leftMenu ul li a,
            div.leftMenu ul li span.current {
            background: url( mainitembg.gif ) #CCCCCC repeat-x;
            display: block;
            font-size: 13px;
            padding: 3px 10px 3px 10px;
        }

        div.leftMenu ul li a:hover {
            background-position: 0% -32px;
            text-decoration: none;
            color: #000;
        }

        div.leftMenu ul li ul li a {
            background: none;
            background-color: #FFFFFF;
            border-bottom: none;
            font-weight: normal;
            padding: 3px 15px 3px 10px;
            margin-left: 5px;
        }

        div.leftMenu ul li ul li a:hover,
            span.selectedfield {
            text-decoration: underline;
            background-position: 0% 0px;
            color: #398EC3;
        }

        span.selectedfield {
            border-bottom: none;
            display: block;
            font-size: 11px;
            font-weight: bold;
            padding: 4px 11px 5px 16px;
        }

        div.leftMenu ul,
            div.leftMenu ul li ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        div.leftMenu ul li ul {
            display: block;
        }

        div.leftMenu ul li span.current {
            background-position: 0% -32px;
            display: block;
            color: #000;
            font-weight: bold;
        }







    /* ------------------------------------------------ */
    /*                 ZIMBRA STYLE                     */
    /* ------------------------------------------------ */

    /* Timebase publishing dialog Style */

    .TimeBasePublisningDwtMessageDialog .DialogTable {
        #background-color: #999999;
        width: 350px;
    }

    .TimeBasePublisningDwtMessageDialog .DialogBody {
        background-color: #f1f1f1;
    }

    .TimeBasePublisningDwtMessageDialog .DialogTitle {
      background-color: #66a9da;
      height: 25px;
      font-size: 12px;
    }

    .TimeBasePublisningDwtMessageDialog .DialogTitleCell {
      padding: 5px;
    }

    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_BL{background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:10px;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_BR{background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:10px;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_B__H{background-image:url('');background-position:0px 0px;background-repeat:repeat-x;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_L__V{background-image:url('');background-position:0px 0px;background-repeat:repeat-y;width:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_R__V{background-image:url('');background-position:0px 0px;background-repeat:repeat-y;width:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_TL{background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:10px;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_TR{background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:10px;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogInset_T__H{background-image:url('');background-position:0px 0px;background-repeat:repeat-x;height:10px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_BL{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:4px;height:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_BR{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:4px;height:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_B__H{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:repeat-x;height:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_L__V{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:repeat-y;width:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_R__V{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:repeat-y;width:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_TL{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:4px;height:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_TR{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:no-repeat;width:4px;height:4px;overflow:hidden;}
    .TimeBasePublisningDwtMessageDialog .ImgDialogOutset_T__H{background-color: #999999;background-image:url('');background-position:0px 0px;background-repeat:repeat-x;height:4px;overflow:hidden;}

    .TimeBasePublisningDwtMessageDialog .border_shadow_v .ImgShadowBig_R__V {
      height: 25px !important;
    }

    .TimeBasePublisningDwtMessageDialog .dialog_bottom_left_corner {
      background-color: #999999;
    }

    .TimeBasePublisningDwtMessageDialog .dialog_bottom_right_corner {
      background-color: #999999;
    }

    .TimeBasePublisningDwtMessageDialog .timeBasedPublishingTitle {
      height: 35px;
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
    }

    .TimeBasePublisningDwtMessageDialog .timeBasedPublishingLabel,
    .TimeBasePublisningDwtMessageDialog .timeBasedPublishingValue {
      float: left;
      height: 20px;
      font-size: 12px;
      text-align: left;
      vertical-align: top;
      display:inline;
    }

    /*
    * Modifiers
    *
    * A modifier represents a change in state that is the same across several objects. For example, different types of
    * buttons all display activation and triggering the same. There's no "selected" modifier because the different
    * objects that can become selected display it differently.
    * <p>
    * The reason that there are chained selectors is so that the modifier won't lose in precedence due to specificity.
    * By itself, the modifier is a single class, so that component of the specificity is 1. A matching declaration with
    * a conflicting style (namely, background-color) will win on specificity if it has two classes. So we need to give
    * the two-class version of the modifier, which will win because it comes later in this file.
    *
    * So far these just apply to buttons.
    */

    /* button in a toolbar */
    .transparent {
        background-color: transparent;
    }
    /* button in a form or dialog */
    .contrast {
        background-color: rgb(198, 197, 215);
    }
    /* button that is the default for some action */
    .active, .DwtDialog .DwtButton.active {
        background-color: rgb(245, 245, 245);
    }
    /* button onmouseover */
    .activated, .DwtDialog .DwtButton.activated, .DwtDialog .ColorButton.activated {
        background-color: rgb(249, 221, 135);
    }
    /* button onmousedown */
    .triggered, .DwtDialog .DwtButton.triggered, .DwtDialog .ColorButton.triggered {
        background-color: rgb(240, 160, 38);
    }

    /* button toggled on */
    .toggled {background-color: rgb(255, 255, 255);}

    /* button in the tab bar */
    .DwtTabButton {
        background-color: transparent;
    }

    .DwtTabButton_active {
        background-color: rgb(245, 245, 245);
    }

    .DwtTabButton_inactive {
        background-color: rgb(198, 197, 215);
    }

    .inactive {
        background-color: rgb(198, 197, 215);
    }

    .DwtTabButton.active {
        background-color: rgb(245, 245, 245);
    }

    .active {
        background-color: rgb(245, 245, 245);
    }

    .DwtTabViewPage {
        background-color: rgb(245, 245, 245);
        height:600px;
        overflow: auto;
    }


    .DwtTabViewPage .TitleBar {
        background-color: rgb(198, 197, 215);
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF0F0F0,endColorStr=#FF9997B5);
    }
    .DwtTabViewPage .Title {
        font: bold 12pt Arial, Helvetica, sans-serif;
        padding: 3px;
    }


    .DwtPropertyPage {
        background-color: rgb(245, 245, 245);
    }
    .DwtPropertyPage .TitleBar {
        background-color: rgb(198, 197, 215);
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF0F0F0,endColorStr=#FF9997B5);
        padding:0px;
        margin: 0px;
    }
    .DwtPropertyPage .Title {
        font: bold 12pt Arial, Helvetica, sans-serif;
        padding: 3px;
    }

    .DwtTabViewPage .DwtButton {
      width: 60px;
    }


    #fieldDiffsContainer{
      margin:0px;
      padding:0px;
      height:600px;
    }

    #fieldDiffsContainer .undefined_type,
      #fieldDiffsContainer .number_type,
      #fieldDiffsContainer .small_type,
      #fieldDiffsContainer .big_type,
      #fieldDiffsContainer .date_type,
      #fieldDiffsContainer .page_type,
      #fieldDiffsContainer .file_type,
      #fieldDiffsContainer .app_type,
      #fieldDiffsContainer .boolean_type,
      #fieldDiffsContainer .color_type,
      #fieldDiffsContainer .category_type,
      #fieldDiffsContainer .small_shared_type,
      #fieldDiffsContainer .undefined_type_big,
      #fieldDiffsContainer .number_type_big,
      #fieldDiffsContainer .small_type_big,
      #fieldDiffsContainer .big_type_big,
      #fieldDiffsContainer .date_type_big,
      #fieldDiffsContainer .page_type_big,
      #fieldDiffsContainer .file_type_big,
      #fieldDiffsContainer .app_type_big,
      #fieldDiffsContainer .boolean_type_big,
      #fieldDiffsContainer .color_type_big,
      #fieldDiffsContainer .category_type_big,
      #fieldDiffsContainer .small_shared_type_big {
        color: #398EC3;
        text-decoration: none;
        font-weight: bold;
    }

    /*
    #fieldDiffsContainer .DwtTabBar {
      border: thin brown solid;
    }*/

    #fieldDiffsContainer .DwtTabButton {
      margin: 0px;
      padding: 0px;
    }

    #fieldDiffsContainer .DwtTabButton .DwtTabButton,
    #fieldDiffsContainer .DwtTabButton .DwtTabButton-activated,
    #fieldDiffsContainer .DwtTabButton .DwtTabButton-triggered
    {
      padding: 5px 5px 5px 5px;
      height: 20px;
    }

    #fieldDiffsContainer .DwtTabButton table {
      margin-top: 0px;
    }

    #fieldDiffsContainer .DwtTabButton .Text, #fieldDiffsContainer .DwtTabButton .DisabledText {
      font-weight: bold;
      font-size: 14px;
    }

    #fieldDiffsContainer .FieldDiffListView .Row {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 0px;

    }

    #fieldDiffsContainer .FieldDiffListView {
        margin: 0px;
      padding: 0px;
      width: 100%;
      overflow-x: hidden;
    }

    #fieldDiffsContainer .DwtHtmlEditor, #fieldDiffsContainer .DwtHtmlEditor_small {
      width: 100%;
    }

    #fieldDiffsContainer .DwtHtmlEditorIFrame {
      border: 1px black solid;
      width: 99%;
    }

    #fieldDiffsContainer .DwtHtmlEditor, #fieldDiffsContainer .DwtHtmlEditor .DwtHtmlEditorIFrame {
      height: 200px;
    }

    #fieldDiffsContainer .DwtHtmlEditor_small, #fieldDiffsContainer .DwtHtmlEditor_small .DwtHtmlEditorIFrame {
      height: 50px;
    }


    /*
    ********************** TABS **************************
    */


    div.tab {
        float: left;
        padding-left:10px;
    }

    div.tab a {
        background: url(images/tab_right.gif) no-repeat right top;
        float: left;
        margin-left: 6px;
        margin-top: 10px;
        text-decoration: none;
    }

    div.tab a:link,
    div.tab a:visited,
    div.tab a:active,
    div.tab a:hover {
        color: #515C6A;
        font-size: 11px;
    }

    div.tab a:hover {
        background-position: 100% -26px;
    }

    div.tab a:hover span {
        background-position: 0% -26px;
    }

    div.tab li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    div.tab li.selected a {
        background-position: 100% -26px;
    }

    div.tab li.selected span {
        background-position: 0% -26px;
        padding-bottom: 6px;
    }

    div.tab span {
        background: url(images/tab_left.gif) no-repeat left top;
        display: block;
        float: left;
        padding: 5px 9px;
        white-space: nowrap;
    }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    div.tab span {
        float: none;
    }
    /* End IE5-Mac hack */

    div.tab ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }








    /*
    ********************** TOPMENU **************************
    */

    div.topmenus {
      clear: both;
        padding-left:10px;
        font-size: 11px;
        width:100%;
        height : 20px;
    }

    div.topmenus a {
        float: left;
        margin-left: 1px;
        margin-top: 3px;
        font-size: 11px;
        text-decoration: none;
    }

    div.topmenus a:link,
    div.topmenus a:visited,
    div.topmenus a:active,
    div.topmenus a:hover {
        color: #515C6A;
    }

    div.topmenus a:hover {
      background-color : #EEEEEE;
    }

    div.topmenus span {
        float: left;
        margin-left: 1px;
        margin-top: 3px;

        /*border: 1px solid;*/
    }

    div.topmenus img {
        float: left;
        margin-left: 1px;
        margin-top: 3px;

        /*border: 1px solid;*/
    }

    #filemanagerLinkBoxFirstRow a,
    #filemanagerLinkBoxFirstRow img {
      margin: 0px;
      padding: 0px;
        /*font-size: 10px; */
    }


    #processingBoxFirstRow a,
    #processingBoxFirstRow img {
      margin: 0px;
      padding: 0px;
      font-size: 11px;
    }

    #chatBoxFirstRow a,
    #chatBoxFirstRow img {
      margin: 0px;
      padding: 0px;
      font-size: 11px;
    }

    .workflowState a {
      margin: 0px;
      padding: 0px;
    }