#flowpanes
        {
            width: 562px;
            height: 200px;
        }
        /* override the root element to enable scrolling */
        #flowpanes
        {
            position: relative;
            overflow: hidden;
            clear: both;
        }
        
        /* override single pane */
        #flowpanes div
        {
            float: left;
            display: block;
            width: 562px;
            font-size: 14px;
        }
        
        /* our additional wrapper element for the items */
        #flowpanes .items
        {
            width: 20000em;
            position: absolute;
            clear: both;
            margin: 0;
            padding: 0;
        }
        
        #flowpanes .less, #flowpanes .less a
        {
            color: #999 !important;
            font-size: 11px;
        }
        
        /* position and dimensions of the navigator */
        .navi
        {
            margin-left: 250px;
            margin-top: 5px;
            height: 20px;
            float: left;
        }
        
        
        /* items inside navigator */
        .navi a
        {
            width: 8px;
            height: 8px;
            float: left;
            margin: 3px;
            background: url(/resources/images/button.jpg) 0 0 no-repeat;
            display: block;
            font-size: 1px;
        }
        
        /* mouseover state */
        .navi a:hover
        {
        }
        
        /* active state (current page state) */
        .navi a.active
        {
            background: url(/resources/images/buttonSelected.jpg) 0 0 no-repeat;
        }
        a.larrow
        {
            float: left;
        }
        a.rarrow
        {
            float: right;
        }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */