/*
 This software is the confidential information and copyrighted work of
 NetCracker Technology Corp. ("NetCracker") and/or its suppliers and
 is only distributed under the terms of a separate license agreement
 with NetCracker.
 Use of the software is governed by the terms of the license agreement.
 Any use of this software not in accordance with the license agreement
 is expressly prohibited by law, and may result in severe civil
 and criminal penalties. 
 
 Copyright (c) 1995-2015 NetCracker Technology Corp.
 
 All Rights Reserved.
 
*/

/*HACKS*/
* html div.otSel {
    /*hack for IE6 */
    height: 18px;
}

/* old definitions - left for compatibility purposes */
DIV.otChooserTable {
    background: #FFFFFF;
    border: 1px solid #7f9db9;
    width: 320px;
}

DIV.wide {
    width: 300px;
}

table.InfoTable2 DIV.otChooserTable, table.InfoTable4 DIV.otChooserTable {
	/*width: 300px;*/
}

DIV.otChooserTable TD {
    border: none !important;
}

div.otSel td {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif
}

div.otSel {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;

    overflow-x: auto;
    overflow-y: auto;

    margin-top: 0px;
    margin-bottom: 0px;
}

div.jxexpand>div div.otSel{
    text-align: left;
}

#jxpop_o DIV.otSel {
    /*width: 320px;*/
    height: 200px;
    overflow-y: scroll\0/;
}

div.otSel ul {
    padding:0;
    margin:0;
}

div.otSel  li a, div.otChooserTable div span{
    text-decoration: none !important;
    color: #369;
    background-color: #ffffff;
}

div.otChooserTable div span.selectedValue {
    margin-top: 2px;
}

.otSel li .option,
.otSel li img,
.otSel li span{
    display: inline-block;
    vertical-align: middle!important;
}

.otSel li span a, .otChooserTable div span{
    display: inline-block;
    vertical-align: top!important;
    line-height: normal!important;
}

div.otSel a.object:link,
div.otSel a.object:visited,
div.otSel a.folder:link,
div.otSel a.folder:visited {
    color: #369;
    background-color: #ffffff;
    text-decoration: none;
}

div.otSel a.object:hover,
div.otSel a.folder:hover {
    color: #ffffff;
    background-color: #003399;
}

div.otSel .selectedValue,
div.otSel li:focus > div a:first-of-type,
div.otSel li:focus > span > span.object, 
div.otSel li:hover > span > span.object{
   outline: rgba(77, 144, 254, 0.5) solid 2px !important; 
}

div.otSel li:focus{
    outline: none;
}

img.otSelImg, img.otSelImg {
    margin-top: 0;
    margin-bottom: 0;
}


DIV.otSel TD.selectedItem {
    background-color: #88BBEE;
}
DIV.otSel TD.selectedItem a.object,
DIV.otSel TD.selectedItem a.folder {
    background-color: #88BBEE;
    color: #660099;
}

/*DIV.otSel TD.selectedItem a.object:hover,*/
/*DIV.otSel TD.selectedItem a.folder:hover {*/
    /*color: #ffffff;*/
    /*background-color: #003399;*/
/*}*/


/*div.otSel table tr td {*/
	/*background: #FFFFFF !important;*/
    /*padding: 0;*/
    /*border: none;*/
/*}*/

.folder {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        list-style: none;
        font-weight: bold;
        line-height: 16px;

        }

.tree   {
        cursor: pointer;
        color: #003399;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        list-style: none;
        font-weight: bold;
        }

.object {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        list-style : none;
        line-height: 16px;
        }



DIV.otChooserTable IMG.expandableImg {
    width: 17px;
    height: 20px;
    margin: 0;
    cursor:pointer;
}

td.InfoLine_Value img.otSelImg, td.InfoLine_Value a img.otSelImg {
    margin-top: 0;
    margin-bottom: 0;
}

/* new tree version 2 definitions */
/* note that values of the items marked as dynamic are being changed by script,
so it's usually no sense to customize them here */

.treev2_divfloat /* style of div which pops up when you expand control */
{
    background-color:white;
    overflow:scroll;
    border: 2px groove #c0c0c0;
    padding-left: 2px;
    padding-top: 0px;
    position: absolute;
    left: 100;                       /* dynamic */
    top: 100;                        /* dynamic */
    width: auto;                    /* dynamic */
    height: 150px;                   /* dynamic */
}

.treev2divstatic /* style of div which is visible when control remains collapsed */
{
    background-color:#ffffff;
    border: 2px groove #c0c0c0;
    line-height: 14px;
    padding-left: 2px;
    padding-top: 0px;

    /*In IE DIV expands to inner context width
    But in FF if the width set it doesn't happend. So we set min-width for FF*/
    min-width:150px;
    /*But crazy IE 7 and IE8 doesn't work with this, so need use todo hack: max user width*/
    /*width: 187px;*/
}

.treev2_resizeframe /* style of the frame which you drag to resize floating div */
{
    border: 1px solid;
    position: absolute;
    border-color: #99ccff; 
    display: none;              /* dynamic */
    left: 70;                   /* dynamic */ 
    top: 20;                    /* dynamic */
    width: 100;                 /* dynamic */
    height: 100;                /* dynamic */
}

.treev2_nodefocused { /* style of an item (only text) in floating div when you place mouse pointer over it */
          background-color: #003399;
          color: #ffffff; 
          cursor: pointer;
          font-family: Tahoma, Verdana, sans-serif;
          font-size: 11px;
          list-style: none;
          font-weight: bold;
        }

.treev2_nodeselectedfocused { /* same as above, but this item also being selected one in the tree */
          background-color: #003399;
          color: #ffffff; 
          cursor: pointer;
          font-family: Tahoma, Verdana, sans-serif;
          font-size: 11px;
          list-style: none;
          font-weight: bold;
        }

.treev2_nodeordinary { /* just default style of an item - no pointer over it, and it's not selected */
          background-color: #ffffff;
          color: #003399; 
          cursor: pointer;
          font-family: Tahoma, Verdana, sans-serif;
          font-size: 11px;
          list-style: none;
          font-weight: bold;
}

.treev2_nodeselected { /* style of an item when it's selected, but there's no pointer over it */
          background-color: #6699CC;
          color: #ffffff; 
          cursor: pointer;
          font-family: Tahoma, Verdana, sans-serif;
          font-size: 11px;
          list-style: none;
          font-weight: bold;
        }

/*
 WITHOUT LIMITING THE FOREGOING, COPYING, REPRODUCTION, REDISTRIBUTION,
 REVERSE ENGINEERING, DISASSEMBLY, DECOMPILATION OR MODIFICATION
 OF THE SOFTWARE IS EXPRESSLY PROHIBITED, UNLESS SUCH COPYING,
 REPRODUCTION, REDISTRIBUTION, REVERSE ENGINEERING, DISASSEMBLY,
 DECOMPILATION OR MODIFICATION IS EXPRESSLY PERMITTED BY THE LICENSE
 AGREEMENT WITH NETCRACKER. 
 
 THIS SOFTWARE IS WARRANTED, IF AT ALL, ONLY AS EXPRESSLY PROVIDED IN
 THE TERMS OF THE LICENSE AGREEMENT, EXCEPT AS WARRANTED IN THE
 LICENSE AGREEMENT, NETCRACKER HEREBY DISCLAIMS ALL WARRANTIES AND
 CONDITIONS WITH REGARD TO THE SOFTWARE, WHETHER EXPRESS, IMPLIED
 OR STATUTORY, INCLUDING WITHOUT LIMITATION ALL WARRANTIES AND
 CONDITIONS OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE,
 TITLE AND NON-INFRINGEMENT.
 
 Copyright (c) 1995-2015 NetCracker Technology Corp.
 
 All Rights Reserved.
*/