/**********************************************************************
*
*					streamer.css
*
/**********************************************************************/
.customBgr {
    background-image: /*url(images/pageBgr.jpg);*/ none;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-color: White;
}

.tradesEQYB {
    width: 10px;
    height: 12px;
    background-image: url(images/blok_promet.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.tradesFINI {
    width: 7px;
    height: 12px;
    background-image: url(images/inst_promet.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.tradesFINB {
    width: 10px;
    height: 12px;
    background-image: url(images/prijavljeni_promet.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.securityTradingStop {
    width: 18px;
    height: 17px;
    background-image: url(images/new_stop.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.securityTradingAuction {
    width: 18px;
    height: 20px;
    background-image: url(images/new_auct.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.StreamerArrowGreen {
    width: 11px;
    height: 10px;
    background-image: url(images/arrow_green.gif);
    background-position: left center;
    background-repeat: no-repeat;
    /*float:left;*/
}

.StreamerArrowNoChange {
    width: 11px;
    height: 10px;
    background-image: url(images/no_change.gif);
    background-position: left center;
    background-repeat: no-repeat;
    /*float:left;*/
}

.StreamerArrowRed {
    width: 11px;
    height: 10px;
    background-image: url(images/arrow_red.gif);
    background-position: left center;
    background-repeat: no-repeat;
    /*float:left;*/
}

#marketData {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 980px;
    height: 612px; /*firefox:578px; ie:580*/
    padding: 0px;
    /*border-style:inset;
	border-width:medium;
	border-color:Yellow;*/
}

#DetailsLayerTurnOff {
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 20px;
    top: 317px; /*342px*/
    left: 0px;
}

#marketData DIV.caption {
    /*border : 1px #AAA solid;
	border-bottom : 1px #ffffff solid;*/
    top: 0px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #marketData DIV.caption TD {
        vertical-align: middle;
        font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
    }

        #marketData DIV.caption TD .up {
            color: #008000;
        }

        #marketData DIV.caption TD .down {
            color: #ff0000;
        }

#marketData DIV.cover {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    filter: alpha(opacity=40); /* Transparency */
    opacity: 0.4; /* Transparency */
    background-color: #fdb913;
}

    #marketData DIV.cover TD {
        color: #000000;
        font-family: Arial;
        font-size: 36px;
        font-weight: bold;
    }

#marketDataSummary {
    position: absolute;
    /*border: 1px solid black;*/
    vertical-align: top;
    background-color: #ffffff;
    font: 10px Arial;
}

#DHTML_X_GRID {
    position: absolute;
    left: 0px;
    /*border: 1px solid black;*/
    vertical-align: top;
    background-color: #ffffff;
    font: 10px Arial;
    width: 100%;
}

#bidDataTableDIV__loading {
    position: absolute;
    top: 343px;
    left: 0px;
    height: 235px;
    width: 980px; /*273px (single width)*/
    background-color: White;
    border-style: none;
    z-index: 0;
}

#askDataTableDIV__loading {
    position: absolute;
    top: 343px;
    left: 274px;
    height: 235px;
    width: 275px;
    background-color: White;
    border-style: none;
    z-index: 0;
}

#tranDataTableDIV__loading {
    position: absolute;
    top: 343px;
    left: 549px;
    height: 235px;
    width: 431px;
    background-color: White;
    border-style: none;
    z-index: 0;
}

._newTradeBold {
    font-weight: bold;
}

div.gridbox tr.newTradeBold {
    font-weight: bold;
}

.newTradeNormal {
    font-weight: normal;
}

.oddRowNoBold {
    font-weight: normal;
    background-color: #fefefe;
}

.evenRowNoBold {
    font-weight: normal;
    background-color: #f6f6f6;
}

.oddRowBold {
    font-weight: bold;
    background-color: #fefefe;
}

.evenRowBold {
    font-weight: bold;
    background-color: #f6f6f6;
}

/*promjene na burzi*/
.alertNull {
    COLOR: black;
    font-weight: normal;
    /*BACKGROUND-COLOR: #e8e8ff;*/
}

.alertUp {
    COLOR: black;
    font-weight: bold;
    BACKGROUND-COLOR: #adff2f;
}

.alertDown {
    COLOR: black;
    font-weight: bold;
    BACKGROUND-COLOR: #ffe4e1;
}
/* -- */

#marketDataDetails {
    position: absolute; /**/
    /*border: 1px solid black;*/
    visibility: visible; /*hidden*/
    background-color: white;
    width: 100%;
    height: 235px; /*135px*/
    top: 420px;
    font: 10px Arial;
}

#bidDataTableDIV {
    padding: 0px;
    position: absolute; /**/
    /*border: 1px solid black;*/
    visibility: visible; /*hidden*/
    background-color: white;
    width: 56%; /*28%*/
    height: 240px; /*215px*/
    top: 342px; /*362*/
    left: 0px;
    font: 10px Arial;
}

#askDataTableDIV {
    padding: 0px;
    position: absolute; /**/
    /*border: 1px solid black;*/
    visibility: visible; /*hidden*/
    background-color: white;
    width: 28%;
    height: 240px; /*215px*/
    top: 342px; /*362*/
    font: 10px Arial;
    left: 28%;
}

#tranDataTableDIV {
    padding: 0px;
    position: absolute; /**/
    /*border: 1px solid black;*/
    visibility: visible; /*hidden*/
    background-color: white;
    width: 44%;
    height: 236px; /*240px*/
    top: 342px; /*362*/
    font: 10px Arial;
    left: 56%;
}

#allTranDataTableDIV {
    padding: 0px;
    position: absolute; /**/
    /*border: 1px solid black;*/
    visibility: visible; /*hidden*/
    background-color: white;
    width: 44%;
    height: 206px; /*236px*/
    top: 342px; /*362*/
    font: 10px Arial;
    left: 56%;
}

#AllTradesLinkHolderDIV {
    padding: 0px;
    margin: 0px;
    position: absolute;
    visibility: visible;
    width: 44%;
    top: 549px;
    font: 10px Arial;
    left: 56%;
    height: 25px;
    line-height: 23px;
}

.SelectOptionClass {
    padding: 0px;
    background-color: white;
    font: 10px Arial;
}

#BottomStatusDIV {
    padding: 0px;
    position: absolute;
    visibility: visible;
    background-color: white;
    width: 100%;
    height: 34px;
    top: 578px; /*578*/
    left: 0px;
    font: 10px Arial;
}

#marketDataDetails DIV {
    position: absolute;
    height: 40px; /*40px*/
    font: 10px Arial;
}

    #marketDataDetails DIV.caption {
        position: absolute;
        text-align: center;
        vertical-align: middle;
        font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        border: 0px #ffffff solid;
    }

    #marketDataDetails DIV.loading {
        position: absolute;
        text-align: center;
        vertical-align: middle;
        font: 10px Arial;
    }

    #marketDataDetails DIV.noData {
        position: absolute;
        text-align: center;
        vertical-align: middle;
        filter: alpha(opacity=40); /* Transparency */
        opacity: 0.4; /* Transparency */
        background-color: #fdb913;
    }

        #marketDataDetails DIV.noData TD {
            color: #000000;
            font-family: Arial;
            font-size: 20px;
            font-weight: bold;
        }

.dropDown {
    font-size: 10px;
    height: 20px;
}

.tableCpt {
    padding: 0px;
    background: #d14255;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

.tableCptBgr {
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: White;
}

.tablePromet {
    background-color: #f5f5f5;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
}

.tablePrometData {
    color: #666666;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.crobexPlus {
    font-size: 13px;
    color: #bfffbf;
}

.crobexMinus {
    font-size: 13px;
    color: #ffcece;
}

.crobexNull {
    font-size: 13px;
    color: #cccccc;
}


/*klase za kolonu "Zadnja"*/
.tradeChangePlus {
    color: #00b86f
}

.tradeChangeMinus {
    color: #f00008
}

.tradeChangeNull {
    color: #7d7d7d
}


/**********************************************************************
*
*					page.css
*
/**********************************************************************/

.streamerLink {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    /* color: #686868; */
    color: #d14255;
    text-decoration: none;
}

    .streamerLink:hover {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        text-decoration: none;
    }



/**********************************************************************
*
*					dhtmlxgrid.css
*
/**********************************************************************/

div.gridbox {
    overflow: hidden;
}

.dhx_sub_row {
    background-color: white;
}

div.gridbox .xhdr {
    background-Color: #D4D0C8;
}

div.gridbox table.hdr td {
    font-family: arial;
    font-size: 12px;
    background-Color: #D4D0C8;
    border: 1px solid;
    border-color: white Gray Gray white;
    text-align: center;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
    -moz-user-select: none;
    overflow: hidden;
    empty-cells: show;
}

    div.gridbox table.hdr td div.hdrcell {
        overflow: hidden;
    }

div.gridbox table.obj td {
    border: 1px solid;
    border-color: white Gray Gray white;
    font-family: Arial;
    font-size: 12px;
    -moz-user-select: none;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    empty-cells: show;
}

div.gridbox table.obj th {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.gridbox table.row20px tr td {
    height: 20px;
    white-space: nowrap;
    padding: 0px;
}

div.gridbox .objbox {
    background-color: white;
}

div.gridbox table.obj td span.space, div.gridbox table.obj td img.space {
    width: 18px;
}

div.gridbox table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
    background-color: #d8d8d8;
    color: black;
}

div.gridbox table.obj tr.rowselected td {
    background-color: #e1e0d7;
    color: black;
}

div.gridbox table.obj td.editable {
    -moz-user-select: text;
}

.dragSpanDiv {
    font-size: 12px;
    border: 1px gray solid;
    background-color: white;
}

.dhx_combo_select {
    font-family: arial;
    font-size: 12px;
    border: 1px solid;
    border-color: black silver silver black;
    background-color: white;
    overflow: hidden;
    cursor: default;
    position: absolute;
    height: auto;
}

.dhx_combo_edit {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    font: 12px arial;
    overflow: hidden;
}

.dhx_textarea {
    border: 1px solid;
    border-color: black silver silver black;
    position: absolute;
    height: 100px;
}

.dhx_clist {
    background-color: white;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
}

.gridDragLine {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: black;
    overflow: hidden;
}

/*paginal output*/
DIV.pagingBlock {
    font-size: 12px;
    font-family: verdana,arial;
}

    DIV.pagingBlock .pagingCurrentPage {
        font-weight: bold;
        cursor: default;
    }

    DIV.pagingBlock .pagingPage {
        cursor: pointer;
        text-decoration: underline;
    }

SPAN.recordsInfoBlock {
    font-size: 12px;
    font-family: verdana,arial;
}

DIV.pagingBlock a {
    text-decoration: none;
    padding-right: 2px;
    color: black;
}
/*class for toolbar selectbox. used with pagingWT*/
.toolbar_select {
    font-size: 10px;
}

/*block selection style*/
.dhtmlxGrid_selection {
    -moz-opacity: 0.5;
    filter: alpha(opacity = 50);
    background-color: yellow;
    opacity: 0.5;
    border: 1px dotted black;
}

/* xp skin ------------------------------------------------------*/
div.gridbox_xp {
    border: 1px solid lightgrey;
}

    div.gridbox_xp .xhdr {
        background-image: url('imgs/header_bg_60.gif');
    }

    div.gridbox_xp table.hdr td {
        color: #616161;
        background-image: url('imgs/header_bg_60.gif');
        border: 0px;
        text-align: center;
        margin: 0px;
        padding: 5px 0px 5px 0px;
        font-weight: bold;
        -moz-user-select: none;
        overflow: hidden;
    }

        div.gridbox_xp table.hdr td div.hdrcell {
            border-left: 1px solid white;
            border-right: 1px solid gray;
            height: 16px;
            white-space: nowrap;
            font-family: Arial;
            font-size: 12px;
        }

    div.gridbox_xp table.obj td {
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
        font-family: Arial;
        font-size: 12px;
        -moz-user-select: none;
        overflow: hidden;
        padding-top: 0px;
        padding-bottom: 0px;
        vertical-align: middle;
    }

    div.gridbox_xp table.obj tr.rowselected td {
        background-color: whitesmoke;
        color: black;
    }

        div.gridbox_xp table.obj tr.rowselected td.cellselected, div.gridbox_xp table.obj td.cellselected {
            background-color: whitesmoke;
        }

    div.gridbox_xp table.row20px tr td {
        height: 22px;
        white-space: nowrap;
        padding: 1px;
    }

/* gray skin --------------------------------------------------*/

div.gridbox_gray {
    border: 1px solid gray;
    background-color: #D4D0C8;
}

/* mt skin ------------------------------------------------------*/
div.gridbox_mt {
    border: 1px solid lightgrey;
}

    div.gridbox_mt .dhx_sub_row {
        background-color: transparent;
    }

    div.gridbox_mt .xhdr {
        background-image: url('imgs/header_bg.gif');
    }

    div.gridbox_mt table.hdr td {
        color: #616161;
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        text-align: center;
        margin: 0px;
        background-image: url('imgs/header_bg.gif');
        padding: 0px 0px 0px 0px;
        -moz-user-select: none;
        overflow: hidden;
    }

        div.gridbox_mt table.hdr td div.hdrcell {
            height: 16px;
            white-space: nowrap;
            font-family: Verdana;
            font-size: 12px;
        }

    div.gridbox_mt table.obj td {
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-right: 0px solid lightgrey;
        font-family: Verdana;
        font-size: 12px;
        -moz-user-select: none;
        overflow: hidden;
        padding-top: 0px;
        padding-bottom: 0px;
        vertical-align: middle;
    }

    div.gridbox_mt table.obj tr.rowselected td {
        background-color: #D6D3FA;
        color: black;
    }

        div.gridbox_mt table.obj tr.rowselected td.cellselected, div.gridbox_mt table.obj td.cellselected {
            background-color: #D6D3FA;
        }

    div.gridbox_mt table.row20px tr td {
        height: 22px;
        white-space: nowrap;
        padding: 1px;
    }

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


div.gridbox div.ftr {
    position: absolute;
    left: 0px;
    bottom: 1px;
    width: 100%;
    padding-right: 20px;
    overflow: hidden;
}

    div.gridbox div.ftr td {
        height: 20px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
        border-top: 1px solid gray;
        border-right: 1px solid gray;
        background-color: #ffffcc;
        font-style: italic;
        font-family: arial;
        font-size: 12px;
    }

div.gridbox table.hdr td.columnTargetR div.hdrcell {
    border-right: 3px double #FF6600;
    border-left: 3px solid #D4D0C8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
    border-right: 3px solid #D4D0C8;
    border-left: 3px double #FF6600;
}

.dhx_dragColDiv {
    font-family: Arial;
    font-size: 12px;
    background-color: #D4D0C8;
    border: 1px solid;
    border-color: white Gray Gray white;
    text-align: center;
    margin: 0px;
    padding: 5px 20px 5px 20px;
    font-weight: normal;
    filter: alpha(opacity:75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}


/*light*/
div.gridbox_light {
    border: 1px solid #c2d5dc;
}

    div.gridbox_light .xhdr {
        background-image: url(imgs/skin_light_header.png);
    }

    div.gridbox_light table.hdr {
        background-image: url(imgs/skin_light_header.png);
    }

        div.gridbox_light table.hdr td {
            border: 1px solid;
            border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD;
            background-color: transparent;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            color: #055A78;
            vertical-align: top;
            text-align: left;
        }

            div.gridbox_light table.hdr td div.hdrcell {
                xwidth: auto;
                padding-left: 10px;
            }

        div.gridbox_light table.hdr .filter {
            padding-left: 0px !important;
            text-align: center;
            -moz-user-select: text;
        }

    div.gridbox_light table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid white;
        border-right: 1px solid #D6D6D6;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_light table.obj {
        border-bottom: 1px solid #D6D6D6;
    }

    div.gridbox_light table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_light .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_light table.obj tr.rowselected td {
        background-color: #ededed;
        color: black;
    }

        div.gridbox_light table.obj tr.rowselected td.cellselected, div.gridbox_light table.obj td.cellselected {
            background-color: #ededed;
        }

    div.gridbox_light .odd_light {
        background-color: #fefefe;
    }

    div.gridbox_light div.ftr td {
        empty-cells: show;
    }


/*modern*/
div.gridbox_modern {
    border: 1px solid #D6D6D6;
}

    div.gridbox_modern .dhx_sub_row {
        background-color: transparent;
    }

    div.gridbox_modern .xhdr {
        background-image: url(imgs/skin_modern_header.png);
    }

    div.gridbox_modern table.hdr {
        background-image: url(imgs/skin_modern_header.png);
    }

        div.gridbox_modern table.hdr td {
            border-right: 1px solid #B5B5B5;
            border-left: 1px solid #FDFDFD;
            border-top: 1px solid #FDFDFD;
            border-bottom: 1px solid #B5B5B5;
            background-color: transparent;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            color: #055A78;
            vertical-align: top;
            text-align: left;
        }

            div.gridbox_modern table.hdr td div.hdrcell {
                width: auto;
                padding-left: 10px;
            }

        div.gridbox_modern table.hdr .filter {
            padding-left: 0px !important;
            text-align: center;
        }

    div.gridbox_modern table.obj td {
        border: 0px solid;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_modern table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_modern .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_modern table.obj tr.rowselected td {
        background-color: #9ac2e5;
        color: black;
    }

        div.gridbox_modern table.obj tr.rowselected td.cellselected, div.gridbox_modern table.obj td.cellselected {
            background-color: #9ac2e5;
        }

    div.gridbox_modern .odd_modern {
        background-color: #fefefe;
    }

    div.gridbox_modern div.ftr td {
        height: 20px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
        border-top: 0px solid gray;
        border-right: 0px solid gray;
        background-color: #ffffcc;
        font-style: italic;
        font-family: arial;
        font-size: 12px;
    }



/*clear*/
div.gridbox_clear .xhdr {
    background-color: transparent;
}

div.gridbox_clear div.topMumba {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 3px;
    background-image: url(imgs/skinC_header.png);
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

div.gridbox_clear div.bottomMumba {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 3px;
    background-image: url(imgs/skinD_header.png);
    overflow: hidden;
}

    div.gridbox_clear div.bottomMumba img, div.gridbox_clear div.topMumba img {
        border: 0px;
        position: absolute;
        top: 0px;
    }

div.gridbox_clear {
    padding-left: 10px;
    padding-right: 0px;
}

    div.gridbox_clear table.hdr td {
        border: 0px;
        background-color: transparent;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        color: #055A78;
        vertical-align: top;
        text-align: left;
    }

        div.gridbox_clear table.hdr td div.hdrcell {
            width: auto;
            padding-left: 10px;
            padding-bottom: 2px;
        }

    div.gridbox_clear table.hdr .filter {
        padding-left: 0px !important;
        text-align: center;
    }

    div.gridbox_clear table.obj td {
        border-width: 0px 1px 0px 0px;
        border-color: #D6D6D6;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_clear table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_clear .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_clear .odd_light {
        background-color: #fefefe;
    }

    div.gridbox_clear div.ftr td {
        height: 20px;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
        border-top: 1px solid gray;
        border-right: 0px solid gray;
        background-color: #ffffcc;
        font-style: italic;
        font-family: arial;
        font-size: 12px;
    }


/*sb dark*/

div.gridbox_sbdark .objbox {
    background: #313131 !important;
}

div.gridbox_sbdark .xhdr {
    background-color: #313131;
}

div.gridbox_sbdark {
    background: #313131 !important;
}

    div.gridbox_sbdark table {
        border-collapse: collapse;
    }

        div.gridbox_sbdark table.hdr tr {
            border-top: 1px solid #202220;
        }

        div.gridbox_sbdark table.hdr,
        div.gridbox_sbdark table.hdr td {
            border-right: 1px solid #202220;
            border-left: 1px solid #202220;
            border-top: 1px solid #474948;
            border-bottom: 1px solid #202220;
            background-color: #313131;
            font-size: 11px;
            color: #8A8F84;
            vertical-align: top;
            text-align: left;
            padding: 2px 5px;
        }

    div.gridbox_sbdark .hdrcell {
        padding-left: 0px !important;
        font-family: "Lucida Sans Unicode","Tahoma";
    }

    div.gridbox_sbdark table.hdr td div.hdrcell {
        width: auto;
        padding-left: 10px;
    }

    div.gridbox_sbdark table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid #202220;
        border-right: 1px solid #EDF3F0;
        font-family: "Consolas","Lucida Sans Unicode","Tahoma";
        font-size: 11px;
    }

    div.gridbox_sbdark table.row20px tr td {
        padding: 0px 5px !important;
        text-indent: 1px;
    }

    div.gridbox_sbdark .dhx_combo_edit {
        font-family: "Lucida Sans Unicode","Tahoma";
        font-size: 11px;
    }

    div.gridbox_sbdark table.obj tr.rowselected td,
    div.gridbox_sbdark table.obj tr:hover,
    div.gridbox_sbdark .odd_light:hover {
        background-color: #fefefe;
        color: white !important;
    }

        div.gridbox_sbdark table.obj tr.rowselected td.cellselected,
        div.gridbox_sbdark table.obj td.cellselected {
            background-color: #8A8F84;
        }

    div.gridbox_sbdark .cellselected {
        background-color: #6e6f64 !important;
    }

    div.gridbox_sbdark .ev_sbdark {
        background-color: #f6f6f6;
    }

    div.gridbox_sbdark .odd_sbdark {
        background-color: #fefefe;
    }



/**********************************************************************
*
*					dhtmlxgrid_skins.css
*
/**********************************************************************/

/*----------------------------*/
/*         main_grid          */
/*                            */
/*----------------------------*/
/* bid_ask | trades_ticker    */
/*         | ALLtrades_ticker */
/*----------------------------*/

/*main_grid_loader*/
#main_grid_loading {
    position: absolute;
    width: 981px;
    height: 304px; /*IE: 494, FF3: 304*/
    top: 75px;
    left: 0px;
    font: 14px Arial;
    color: Gray;
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding-top: 190px;
    z-index: 999;
    visibility: visible;
}

/*IE box mode hack*/
* html #main_grid_loading {
    \height: 494px; /*quirks mode*/
    h\eight: 494px; /*non-quirks mode*/
    \width: 979px;
    w\idth: 979px;
}

div.gridbox_main_grid A {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    /* color: #686868; */
    color: #d14255;
    text-decoration: none;
}

    div.gridbox_main_grid A:hover {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        text-decoration: none;
    }

/*main_grid*/
div.gridbox_main_grid {
    border: 1px solid #cccccc;
}

    div.gridbox_main_grid .xhdr {
        /*background-image:url(imgs/skin_light_header.png);*/
    }

    div.gridbox_main_grid table.hdr {
        /*background-image:url(imgs/skin_light_header.png);*/
    }

        div.gridbox_main_grid table.hdr td {
            border: 1px solid;
            border-color: #edf1f8 #afb5c0 #999999 #edf1f8;
            background-color: #f1c6cc;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: regular;
            color: #666666;
            vertical-align: top;
            text-align: center;
        }

            div.gridbox_main_grid table.hdr td div.hdrcell {
                xwidth: auto;
                padding-left: 10px;
            }

        div.gridbox_main_grid table.hdr .filter {
            padding-left: 0px;
            text-align: center;
            -moz-user-select: text;
        }

    div.gridbox_main_grid table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid white;
        border-right: 1px solid #999999;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_main_grid table.obj {
        border-bottom: 1px solid #cccccc;
    }

    div.gridbox_main_grid table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_main_grid .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_main_grid table.obj tr.rowselected td {
        background-color: #d6ecd3;
        color: black;
    }

        div.gridbox_main_grid table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #333333;
            color: White;
        }

    div.gridbox_main_grid .odd_main_grid {
        background-color: #fefefe;
    }

    div.gridbox_main_grid .ev_main_grid {
        background-color: #f6f6f6;
    }

    div.gridbox_main_grid div.ftr td {
        empty-cells: show;
    }

    div.gridbox_main_grid .inactive_row {
        background-color: #cccccc; /*cccccc*/
    }

/*bid_ask tables*/
div.gridbox_bid_ask {
    border: 1px solid #cccccc;
}

    div.gridbox_bid_ask .xhdr {
        background-image: url(imgs/skin_light_header.png);
    }

    div.gridbox_bid_ask table.hdr {
        background-image: url(imgs/skin_light_header.png);
    }

        div.gridbox_bid_ask table.hdr td {
            border: 1px solid;
            border-color: #edf1f8 #afb5c0 #999999 #edf1f8;
            background-color: #f1c6cc;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: regular;
            color: #666666;
            vertical-align: top;
            text-align: center;
        }

            div.gridbox_bid_ask table.hdr td div.hdrcell {
                xwidth: auto;
                padding-left: 10px;
            }

        div.gridbox_bid_ask table.hdr .filter {
            padding-left: 0px;
            text-align: center;
            -moz-user-select: text;
        }

    div.gridbox_bid_ask table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid white;
        border-right: 1px solid #D6D6D6;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_bid_ask table.obj {
        border-bottom: 1px solid #D6D6D6;
    }

    div.gridbox_bid_ask table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_bid_ask .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_bid_ask table.obj tr.rowselected td {
        background-color: #d6ecd3;
        color: black;
    }

        div.gridbox_bid_ask table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #333333;
            color: White;
        }

    div.gridbox_bid_ask .odd_bid_ask {
        background-color: #fefefe;
    }

    div.gridbox_bid_ask .ev_bid_ask {
        background-color: #f6f6f6;
    }

    div.gridbox_bid_ask div.ftr td {
        empty-cells: show;
    }

    div.gridbox_bid_ask .newItem_bid_ask {
        font-weight: bold;
    }

/*trades for ticker table*/
div.gridbox_trades_ticker {
    border: 1px solid #cccccc;
}

    div.gridbox_trades_ticker .xhdr {
        background-image: url(imgs/skin_light_header.png);
    }

    div.gridbox_trades_ticker table.hdr {
        background-image: url(imgs/skin_light_header.png);
    }

        div.gridbox_trades_ticker table.hdr td {
            border: 1px solid;
            border-color: #edf1f8 #afb5c0 #999999 #edf1f8;
            background-color: #f1c6cc;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: regular;
            color: #666666;
            vertical-align: top;
            text-align: center;
        }

            div.gridbox_trades_ticker table.hdr td div.hdrcell {
                xwidth: auto;
                padding-left: 0px;
            }

        div.gridbox_trades_ticker table.hdr .filter {
            padding-left: 0px;
            text-align: center;
            -moz-user-select: text;
        }

    div.gridbox_trades_ticker table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid white;
        border-right: 1px solid #D6D6D6;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 0px;
        padding-left: 0px;
    }

    div.gridbox_trades_ticker table.obj {
        border-bottom: 1px solid #D6D6D6;
    }

    div.gridbox_trades_ticker table.row20px tr td {
        padding-right: 0px;
        padding-left: 0px;
    }

    div.gridbox_trades_ticker .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_trades_ticker table.obj tr.rowselected td {
        background-color: #d6ecd3;
        color: black;
    }

        div.gridbox_trades_ticker table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #333333;
            color: White;
        }

    div.gridbox_trades_ticker .odd_trades_ticker {
        background-color: #fefefe;
    }

    div.gridbox_trades_ticker .ev_trades_ticker {
        background-color: #f6f6f6;
    }

    div.gridbox_trades_ticker div.ftr td {
        empty-cells: show;
    }

    div.gridbox_trades_ticker .newItem_trades_ticker {
        font-weight: bold;
    }


/*trades for ALL tickers table (last 30)*/
div.gridbox_ALLtrades_ticker {
    border: 1px solid #cccccc;
}

    div.gridbox_ALLtrades_ticker .xhdr {
        background-image: url(imgs/skin_light_header.png);
    }

    div.gridbox_ALLtrades_ticker table.hdr {
        background-image: url(imgs/skin_light_header.png);
    }

        div.gridbox_ALLtrades_ticker table.hdr td {
            border: 1px solid;
            border-color: #edf1f8 #afb5c0 #999999 #edf1f8;
            background-color: #f1c6cc;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: regular;
            color: #666666;
            vertical-align: top;
            text-align: center;
        }

            div.gridbox_ALLtrades_ticker table.hdr td div.hdrcell {
                xwidth: auto;
                padding-left: 0px;
            }

        div.gridbox_ALLtrades_ticker table.hdr .filter {
            padding-left: 0px;
            text-align: center;
            -moz-user-select: text;
        }

    div.gridbox_ALLtrades_ticker table.obj td {
        border-width: 0px 1px 0px 1px;
        border-left: 1px solid white;
        border-right: 1px solid #D6D6D6;
        font-family: Tahoma;
        font-size: 11px;
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_ALLtrades_ticker table.obj {
        border-bottom: 1px solid #D6D6D6;
    }

    div.gridbox_ALLtrades_ticker table.row20px tr td {
        padding-right: 4px;
        padding-left: 4px;
    }

    div.gridbox_ALLtrades_ticker .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_ALLtrades_ticker table.obj tr.rowselected td {
        background-color: #d6ecd3;
        color: black;
    }

        div.gridbox_ALLtrades_ticker table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #333333;
            color: White;
        }

    div.gridbox_ALLtrades_ticker .odd_ALLtrades_ticker {
        background-color: #fefefe;
    }

    div.gridbox_ALLtrades_ticker .ev_ALLtrades_ticker {
        background-color: #f6f6f6;
    }

    div.gridbox_ALLtrades_ticker div.ftr td {
        empty-cells: show;
    }

    div.gridbox_ALLtrades_ticker .newItem_ALLtrades_ticker {
        font-weight: bold;
    }







/**********************************************************************
*
*					watchlist.css
*
/**********************************************************************/

#WatchList {
    position: absolute;
    margin: 0px;
    left: 10px;
    width: 500px;
    font: 10px Arial;
    text-align: left;
}

    #WatchList .caption {
        vertical-align: middle;
        font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding-left: 2px;
        padding-right: 2px;
    }

.tableStyle {
    border-top: solid 0px #cccccc;
    border-right: solid 0px #cccccc;
    border-bottom: solid 0px #cccccc;
    border-left: solid 0px #cccccc;
}

.tableStyleBgr {
    background-image: url(images/tableStyleBgr.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.tableCaption th {
    background-color: #f1c6cc;
    background-image: url(images/tableCptBgr.gif);
    background-repeat: repeat-x;
    color: #f2f2f2;
    padding: 6px;
    margin: 5px;
    border: 0px;
    text-align: center;
    font-weight: normal;
}

.tableRow td {
    background-color: #f8f8f8;
    padding-right: 6px;
    padding-left: 10px;
    border-top: solid 1px #cccccc;
    border-right: solid 0px #cccccc;
    border-bottom: solid 0px #cccccc;
    border-left: solid 0px #cccccc;
}

.tableRowAlternate td {
    background-color: #ffffff;
    padding-right: 6px;
    padding-left: 10px;
    border-top: solid 1px #cccccc;
    border-right: solid 0px #cccccc;
    border-bottom: solid 0px #cccccc;
    border-left: solid 0px #cccccc;
}

.tableRowSel td {
    background-color: #d3d3d5;
    padding-right: 6px;
    padding-left: 10px;
}

.tableRowEdit td {
    background-color: #E9EAED;
    padding-right: 6px;
    padding-left: 10px;
}

.tableRowAdd td {
    padding: 6px;
    background-color: #E9EAED;
}

.tableRowAccountEnabled td {
    padding-right: 6px;
    padding-left: 10px;
    color: green;
    font-weight: bold;
}

.tableRowAccountDisabled td {
    padding-right: 6px;
    padding-left: 10px;
    color: red;
    font-weight: bold;
}

.deleteButton {
    width: 16px;
    height: 16px;
    float: left;
}

    .deleteButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/delete.png);
    }

        .deleteButton a:hover {
            background-position: 0px 16px;
        }

        .deleteButton a.down {
            background-position: 1px 1px;
        }

.updateButton {
    width: 16px;
    height: 16px;
    float: left;
}

    .updateButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/update.png);
    }

        .updateButton a:hover {
            background-position: 0px 16px;
        }

        .updateButton a.down {
            background-position: 1px 1px;
        }

.editButton {
    height: 16px;
    width: 16px;
    float: left;
}

    .editButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/edit.png);
    }

        .editButton a:hover {
            background-position: 0px 16px;
        }

        .editButton a.down {
            background-position: 1px 1px;
        }

.setDefaultButton {
    height: 16px;
    width: 16px;
    float: left;
}

    .setDefaultButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/default.png);
    }

        .setDefaultButton a:hover {
            background-position: 0px 16px;
        }

        .setDefaultButton a.down {
            background-position: 1px 1px;
        }

.cancelButton {
    height: 16px;
    width: 16px;
    float: left;
}

    .cancelButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/cancel.png);
    }

        .cancelButton a:hover {
            background-position: 0px 16px;
        }

        .cancelButton a.down {
            background-position: 1px 1px;
        }

.insertButton {
    width: 16px;
    height: 16px;
}

    .insertButton a {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(images/add.png);
    }

        .insertButton a:hover {
            background-position: 0px 16px;
        }

        .insertButton a.down {
            background-position: 1px 1px;
        }

.rightButton {
    width: 30px;
    height: 21px;
}

    .rightButton a {
        display: block;
        width: 30px;
        height: 21px;
        background-image: url(images/right.png);
    }

        .rightButton a:hover {
            background-position: 0px 21px;
        }

        .rightButton a.down {
            background-position: 1px 1px;
        }

.leftButton {
    width: 30px;
    height: 21px;
}

    .leftButton a {
        display: block;
        width: 30px;
        height: 21px;
        background-image: url(images/left.png);
    }

        .leftButton a:hover {
            background-position: 0px 21px;
        }

        .leftButton a.down {
            background-position: 1px 1px;
        }

.backToStreamer {
    height: 35px;
    width: 125px;
    padding-top: 10px;
}

    .backToStreamer a {
        display: block;
        height: 19px;
        background-color: #dca7b8;
        background-image: url(images/btnBgr.gif);
        font-size: 10px;
        color: White;
        text-decoration: none;
        line-height: 17px;
        padding: 0px 0px 0px 15px;
        border-left: solid 1px #920e33;
        border-right: solid 1px #920e33;
        border-top: solid 1px #920e33;
        border-bottom: solid 1px #920e33;
    }

        .backToStreamer a:hover {
            color: #e5c5ce;
        }

        .backToStreamer a.down {
            background-position: 1px 1px;
        }




.pagerBgr {
    background-color: #c9c9c9;
    margin: 0px;
}


.btnPosition {
    position: relative;
    top: 3px;
}



/* Vezano uz OneClick Trading */
.OneClickStreamer_transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 500000;
}

.OneClickStreamer_controlDivHolder {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 5px 0 0 0;
    z-index: 500001;
}

    .OneClickStreamer_controlDivHolder table {
        margin: 0 0 0 0;
        width: 100%;
    }

.OneClickStreamer_controlDiv {
    position: relative;
    width: 950px;
    height: 350px;
    margin: 0 auto 0 auto;
    overflow: scroll;
}

.OneClickStreamer_content {
    position: absolute;
}

    .OneClickStreamer_content h1 {
        color: #ff0000;
    }

.OneClickStreamer_controlDivHolderTableTop {
    padding: 5px;
    height: 30px;
    background-image: url(images/oneClickTableTop.gif);
    background-repeat: repeat-x;
}

.OneClickStreamer_controlDivHolderTableMiddle {
    position: relative;
    background-image: url(images/oneClickTableMiddle.gif);
    background-repeat: repeat-x;
    border-bottom: solid 1px #000000;
    padding: 30px 0 30px 0;
    text-align: center;
    background-color: White;
}

.OneClickStreamer_warningWindow {
    z-index: 300002;
    top: 150px;
    position: absolute;
    width: 400px;
    border: solid 1px #666666;
    background-color: #eeeeee;
    display: none;
    padding: 5px;
}

    .OneClickStreamer_warningWindow table {
        font-size: 11px;
        color: Red;
    }