﻿/******************************************/
/* Framework style                        */
body
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
    border: none;
    border-width: 0 0 0 0;
}

h1, h2, h3
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-width: 0 0 0 0;
}

*
{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

/*************************/
/* main view start       */
div.main-view
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    border-width: 0 0 0 0;
    overflow: hidden;
}
/******** end *************/


/*************************/
/* horizontal menu start */
div.horizontal-menu
{
    clear: both;
    text-transform: uppercase;
}

    div.horizontal-menu .cms
    {
        background-image: url(Images/Iconic/white/layers_alt_16x16.png);
        background-repeat: no-repeat;
        background-position: 8px 11px;
        text-indent: 20px;
    }

        div.horizontal-menu .cms:hover
        {
            background-image: url(Images/Iconic/cyan/layers_alt_16x16.png);
            background-repeat: no-repeat;
            background-position: 8px 11px;
            text-indent: 20px;
        }

    div.horizontal-menu .system
    {
        background-image: url(Images/Iconic/white/cog_16x16.png);
        background-repeat: no-repeat;
        background-position: 8px 11px;
        text-indent: 20px;
    }

        div.horizontal-menu .system:hover
        {
            background-image: url(Images/Iconic/cyan/cog_16x16.png);
            background-repeat: no-repeat;
            background-position: 8px 11px;
            text-indent: 20px;
        }

    div.horizontal-menu .navigation
    {
        background-image: url(Images/Iconic/white/share_16x16.png);
        background-repeat: no-repeat;
        background-position: 8px 11px;
        text-indent: 20px;
    }

        div.horizontal-menu .navigation:hover
        {
            background-image: url(Images/Iconic/cyan/share_16x16.png);
            background-repeat: no-repeat;
            background-position: 8px 11px;
            text-indent: 20px;
        }


    div.horizontal-menu ul
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }

        div.horizontal-menu ul li
        {
            float: left;
            cursor: pointer;
            text-indent: 0px;
        }

            div.horizontal-menu ul li li
            {
                float: left;
                cursor: pointer;
            }

            div.horizontal-menu ul li:hover
            {
                float: left;
                cursor: pointer;
                background-color: #fff;
                color: #00adee;
            }
/******** end *************/

/**************************/
/* top left tool center   */
div.portal-tool-center
{
    position: absolute;
    z-index: 1;
}
/******** end *************/


/**************************/
/* Drop down menu         */

div.dropdown-menu
{
    position: absolute;
    z-index: 1001;
    background-color: White;
    display: none;
}


    div.dropdown-menu ul li
    {
        clear: both;
    }


div.sub-menu
{
    position: absolute;
    z-index: 1000;
    display: none;
}

    div.sub-menu ul
    {
        background-color: White;
    }


/**************************/
/* browseable pannels     */

div.view > div.container > div.panel
{
    overflow: hidden;
}


/****************************/
/* horizontal-panel-browser */

div.horizontal-panel-browser > div
{
    float: left;
}


    div.horizontal-panel-browser > div.view > div.container > div
    {
        float: left;
    }


div.horizontal-panel-browser div.view,
div.vertical-panel-browser div.view
{
    overflow: hidden;
}

    div.horizontal-panel-browser div.view div.container,
    div.vertical-panel-browser div.view div.container
    {
        position: relative;
    }

div.horizontal-panel-browser > div.container > div.panel
{
    float: left;
}


div.vertical-panel-browser div.browse-up,
div.vertical-panel-browser div.browse-down,
div.vertical-panel-browser div.browse-view
{
    clear: both;
}
/****************************/


/****************************/
/* vertical-split-browser   */
div.vertical-split-panel > div
{
    float: left;
}
/****************************/


/****************************/
/* horizontal-split-browser */

div.horizontal-split-panel > div
{
    clear: both;
}
/****************************/


div.horizontal-panel > div.panel
{
    clear: both;
    overflow: hidden;
}


div.vertical-panel > div.panel
{
    float: left;
}


/*****************************/
/* Main navigation           */

div.main-navigation > div.areas > ul
{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

    div.main-navigation > div.areas > ul > li
    {
        cursor: pointer;
    }
/*****************************/

/*****************************/
/*  View port definition     */
div.view-port
{
    overflow: auto;
}


    div.view-port.message
    {
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

/*****************************/

/*****************************/
/*  three navigation         */


div.tree-navigation
{
    clear: both;
    width: 100%;
}

    div.tree-navigation ul
    {
        list-style: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

        div.tree-navigation ul > li > ul
        {
            margin: 0; /* sma: dec. 20 -  changed this from 0 0 0 10px */
        }

    div.tree-navigation ul
    {
        padding: 0; /* sma: dec. 20 -  changed this from 0 0 0 10px */
    }

        div.tree-navigation ul li ul
        {
            margin: 0 0 0 14px; /* sma: dec. 20 -  changed this from 0 0 0 4px */
        }

div.expandable
{
    float: left;
    width: 20px; /* sma: dec. 19 -  changed this from 10px */
    overflow: hidden;
    cursor: pointer;
}

div.leaf
{
    float: left;
    width: 20px;
    overflow: hidden;
}
/*****************************/


/*****************************/
/* tabbed-panel              */


div.tabbed-panel > div.tabs
{
    clear: both;
}

div.tabbed-panel > div.view
{
    clear: both;
}

div.tabbed-panel div.tabs ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

    div.tabbed-panel div.tabs ul li
    {
        float: left;
        cursor: pointer;
    }

div.tabs ul li div.dropdown-menu
{
    position: absolute;
    z-index: 1000;
}


/*****************************/


/******************************/
/* Generic text handlers      */

div.text
{
    float: left;
}

span.text
{
    cursor: pointer;
}


/********************************/
/* block                        */
div.block > div.title
{
    clear: both;
}

div.blok > div.content
{
    clear: both;
}


/********************************/
/* Grid                         */

div.grid > div.grid-top-tools,
div.grid > div.grid-header,
div.grid > div.grid-body,
div.grid > div.grid-bottom-tools,
div.row
{
    clear: both;
}

    div.grid > div.grid-header > div.container > div,
    div.grid > div.grid-header > div.container > div.lead > div,
    div.grid > div.grid-header > div.container > div.columns > div.container > div,
    div.grid > div.grid-body > div.container > div,
    div.grid > div.grid-body > div.container > div.lead > div.container div.row div.cell,
    div.grid > div.grid-body > div.container > div.columns > div.container div.row div.cell,
    div.grid > div.grid-bottom-tools > div,
    div.grid > div.grid-bottom-tools > div.lead > div,
    div.grid > div.grid-bottom-tools > div.lead > div.browse > div,
    div.grid > div.grid-bottom-tools > div.columns > div.paging > div,
    div.row > div.row-tool > div
    {
        float: left;
    }

        div.grid > div.grid-bottom-tools > div.lead > div.browse
        {
            float: right;
        }



        div.grid > div.grid-header > div.container > div.lead > div,
        div.grid > div.grid-header > div.container > div.columns,
        div.grid > div.grid-header > div.container > div.columns > div.container > div,
        div.grid > div.grid-body > div.container > div.lead,
        div.grid > div.grid-body > div.container > div.columns
        {
            overflow: hidden;
        }



/*********************************************/
/* horizontal-tool-panel                     */

div.horizontal-tool-panel > div
{
    float: left;
}



/*********************************************/
/* start-menu                                */


div.start-menu
{
    position: absolute;
}

    div.start-menu div.start-button
    {
        position: absolute;
    }

    div.start-menu div.menu
    {
        position: absolute;
    }

        div.start-menu div.menu ul
        {
            position: relative;
            list-style: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }

            div.start-menu div.menu ul li
            {
                clear: both;
            }

    div.start-menu div.open div
    {
        float: left;
    }


/*********************************************/
/* field-grid                                */

div.field-grid
{
    padding: 3px;
}

    div.field-grid div.label
    {
        width: 50%;
        float: left;
        padding: 0 0 2px 0;
    }

    div.field-grid div.field
    {
        width: 50%;
        float: left;
        padding: 0 0 2px 0;
    }
