/* ../ludojs/css-source/view.css */
/**
* CSS RULES
* All components are assigned to class ludo-<namespace>-<component name>
* with component name in lowercase, example
* ludo-tree-tree for Tree component,
* ludo-form-button for a button,
* ludo-grid for a grid
*
*
*/
.ludo-shim-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    width: 150px;
    margin-left: -75px;
    background-image: url('../images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 25px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #999;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 40000;
    background-color: #FFF;
    font-size:11px;
}
.ludo-shim-loading span{
    white-space:nowrap;
    font-size:12px;
    line-height: 30px;
}
.ludo-loader-shim{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#EEE;
    opacity:.3;
    filter:alpha(opacity=30);
    left:0;top:0;
    z-index:50;
}



.ludo-framed-view-shim {
    z-index: 31000;
}

.ludo-framed-view-above {
    position: absolute;
    width: 100%;
    height: 50%;
}

.ludo-framed-view-below {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
}

/* bold title bar */
.ludo-framed-view-titlebar {
    width: 100%;
    height:24px;
    z-index: 100;
    overflow: hidden;
    position: relative;
    background-position: top left;
    background-repeat: repeat-x;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.ludo-dashboard .ludo-framed-view-titlebar{
    height: 24px;
}

/* No bold titlebar */
.ludo-view-titlebar {
    width: 100%;
    z-index: 100;
    height: 22px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid;
}

.ludo-view-titlebar .ludo-view-buttonbar {
    height: 22px;
}

.ludo-framed-view-titlebar-icon {
    position: absolute;
    left: 1px;
    width: 20px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.ludo-framed-view-titlebar-title {
    position: absolute;
    margin-left: 3px;
    height: 100%;
    font-family: arial;
    font-size:12px;
    line-height: 23px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ludo-framed-view-shim {
    background-color: #CCC;
    box-shadow: 3px 3px 8px #555;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.ludo-dashboard .ludo-framed-view-body {
    background-color: #FFF;
}

.ludo-framed-view-body {
    overflow-y: auto;
    position: relative;
}

.ludo-view-buttonbar {
    position: relative;
    padding-right: 1px;
    padding-top: 2px;
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    height: 24px;
}

.ludo-view-statusbar {
    height: 18px;
    border-top: 1px solid;
    position: relative;
}

.ludo-view-statusbar div {
    float: left;
    padding-left: 3px;
}


.ludo-view-statusbar-icon {
    position: relative;
    left: 2px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 20px;
}

.ludo-view-statusbar-text {
    position: relative;
    line-height: 18px;
    height: 100%;
    font-family: arial;
    font-size: 0.8em;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
}


.ludo-title-bar-button-container {
    position: absolute;
    overflow:hidden;
    width: 50px;
    right: 2px;
    top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    height: 16px;

}

.ludo-title-bar-button {
    width: 15px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position:relative;
    z-index:2;

    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
}

/** Title bar buttons */
.ludo-title-bar-button-container {
    right: 2px;
    top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    height: 16px;
}

.ludo-title-bar-button {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-position: center center;
}

.ludo-title-bar-button-container-left-edge {
    background-image: url('../images/bg-title-bar-buttons.png');
}

.ludo-title-bar-button-container-right-edge {
    background-image: url('../images/bg-title-bar-buttons.png');
}

.ludo-view-collapsed-over {
    background-color: #CCC;
}

.ludo-title-bar-button-close {
    background-image: url('../images/title-bar-btn-close.png');
}

.ludo-title-bar-button-close-over {
    background-image: url('../images/title-bar-btn-close-over.png');
}

.ludo-title-bar-button-minimize {
    background-image: url('../images/title-bar-btn-minimize.png');
}

.ludo-title-bar-button-minimize-over {
    background-image: url('../images/title-bar-btn-minimize-over.png');
}

.ludo-title-bar-button-minimize {
    background-image: url('../images/title-bar-btn-minimize.png');
}

.ludo-title-bar-button-minimize-over {
    background-image: url('../images/title-bar-btn-minimize-over.png');
}
.ludo-title-bar-button-reload {
    background-image: url('../images/reload.png');
}

.ludo-title-bar-button-reload-over {
    background-image: url('../images/reload-over.png');
}

.ludo-title-bar-button-maximize {
    background-image: url('../images/title-bar-btn-maximize.png');
}

.ludo-title-bar-button-maximize-over {
    background-image: url('../images/title-bar-btn-maximize-over.png');
}

.ludo-title-bar-button-collapse-left {
    background-image: url('../images/title-bar-btn-coll-left.png');
}

.ludo-title-bar-button-collapse-left-over {
    background-image: url('../images/title-bar-btn-coll-left-o.png');
}

.ludo-title-bar-button-collapse-right {
    background-image: url('../images/title-bar-btn-coll-right.png');
}

.ludo-title-bar-button-collapse-right-over {
    background-image: url('../images/title-bar-btn-coll-right-o.png');
}

.ludo-title-bar-button-collapse-bottom {
    background-image: url('../images/title-bar-btn-coll-down.png');
}

.ludo-title-bar-button-collapse-bottom-over {
    background-image: url('../images/title-bar-btn-coll-down-o.png');
}

.ludo-title-bar-button-collapse-top {
    background-image: url('../images/title-bar-btn-coll-up.png');
}

.ludo-title-bar-button-collapse-top-over {
    background-image: url('../images/title-bar-btn-coll-up-o.png');
}

.ludo-title-bar-button-with-border {
    border-left: 1px solid #AAA;
}
.ludo-title-bar-button-menu {
    background-image: url('../images/dropdown-menu.gif');
}

.ludo-title-bar-button-menu-over {
    background-image: url('../images/dropdown-menu-over.gif');
}

.ludo-dashboard-insertion-marker {
    position: relative;
    border: 1px solid #AAA;
    height: 100%;
    margin-bottom: 8px;
    background-color: white;
    background-image: url(../images/pattern-green.gif);
}

.ludo-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.ludo-menu .ludo-body {
    overflow: hidden;
}

.ludo-view-full-screen .ludo-body {
    overflow: hidden;
}

.ludo-view-full-screen-view-effect {
    border: 1px dotted #000;
}

.ludo-body {
    position: relative;
}

div.ludo-content-child-of-fullscreen {
    padding: 0;
    margin: 0;
}

.ludo-view {
    overflow: hidden;
    font-family:arial;
}

.ludo-richcomponent .ludo-view-resize {
    display: none;
}

.ludo-view-resize, .ludo-window .ludo-view-resize, .ludo-dashboard-column .ludo-view-resize {
    display: block;
}

.ludo-application-content .ludo-view-resize {
    display: none;
}

.ludo-container-frame {
    border: 1px solid;
}

.ludo-view-collapsed {
    position: absolute;
    border: 1px solid;
    cursor: pointer;
    margin: 0;
}

.ludo-view-collapsed-cols {
    width: 20px;
}

.ludo-view-collapsed-rows {
    height: 20px;
}
.ludo-view-collapsed-title{
    padding:1px;
    font-weight:bold;
    padding-left: 5px;
}
.ludo-view-collapsed-title-cols{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left:3px;
}
/* Button container at the bottom */
div.ludo-view-button-container, div.ludo-content-buttons {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
}

.ludo-content-buttons .ludo-view{
    background-color:transparent;
}
.ludo-view-button-container{
    padding-left:3px;
}


div.ludo-FramedView {
    border-radius: 0;
}


.ludo-unselectable *{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.ludo-view {
    border-width: 1px;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
}
/* ../ludojs/css-source/resize.css */
.ludo-column-resize-handle {
    opacity: 0.05;
    filter: alpha(opacity = 5);
    background-color: #CCC;
    width: 5px;
}

.ludo-resize-handle {
    opacity: 0;
    filter: alpha(opacity = 0);

}

.ludo-resize-handle-row {
    height: 6px;
}

.ludo-resize-handle-col {
    width: 6px;
}

.ludo-layout-resize-col {
    background-image: url('../images/horizontal-resize.gif');
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    filter: alpha(opacity = 100);
}

.ludo-layout-resize-row {
    height: 6px;
    opacity: 1;
    filter: alpha(opacity = 100);
    background-image: url('../images/vertical-resize.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

div.ludo-resize-handle-over {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    background-color: #CCC;
}

div.ludo-resize-handle-active {
    opacity: 1;
    filter: alpha(opacity = 100);
    background-color: #CCC;
}

.ludo-resize-handle-drag {
    background-color: #CCC;
}



.ludo-shim-resize {
    border: 1px dashed #777;
}

.ludo-view-resize-el {
    position: absolute;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    z-index: 15500;
    background-color: transparent !important;
}

.ludo-view-resize-region-s {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    height: 7px;
    width: 100%;
    cursor: s-resize;
    z-index: 15500;
}

.ludo-view-resize-region-e {
    top: 5%;
    width: 5px;
    right: 0;
    height: 90%;
    cursor: ew-resize;
}

.ludo-view-resize-region-w {
    height: 90%;
    left: 0;
    top: 5%;
    width: 3px;
    cursor: ew-resize;
}

.ludo-view-resize-region-n {
    width: 90%;
    top: 0;
    left: 5%;
    height: 4px;
    cursor: ns-resize;
}

.ludo-view-resize-region-nw, .ludo-view-resize-region-ne, .ludo-view-resize-region-sw {
    width: 7px;
    height: 7px;
}

.ludo-view-resize-region-nw {
    top: 0;
    left: 0;
    cursor:nwse-resize;
}

.ludo-view-resize-region-ne {
    top: 0;
    right: 0;
    cursor:nesw-resize;

}

.ludo-view-resize-region-sw {
    left: 0;
    bottom: 0;
    cursor:nesw-resize;
}

.ludo-view-resize-region-se {
    background-image: none;
    background-repeat: no-repeat;
    cursor:nwse-resize;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 15500;
    width: 11px;
    height: 11px;
}

.ludo-view-resize-right {
    background-position: left center;
}

.ludo-view-resize-right {
    cursor: w-resize;
    height: 100%;
    width: 3px;
    z-index: 15500;
    right: 0;
}
/* ../ludojs/css-source/remote/message.css */
.ludo-remote-message{

}
.ludo-remote-error-message{
    color:#f00;
}/* ../ludojs/css-source/layout/accordion.css */
.ludo-accordion-container{
    overflow:hidden;
    position:relative;
}

.ludo-accordion-collapsed{
    width:14px;
    height:100%;
    float:left;
    background: url(../images/accordion/accordion-collapsed.png) no-repeat center center;
}

.ludo-accordion-expanded{
    background: url(../images/accordion/accordion-expanded.png) no-repeat center center;

}


.ludo-accordion-titlebar{
    cursor:pointer;
    border-radius:0;

}
div.ludo-accordion-title
{
    position:relative;
    float:left;
}

.ludo-accordion-titlebar .ludo-framed-view-titlebar-title{
    width:auto;
}/* ../ludojs/css-source/layout/tab.css */


/* ../ludojs/css-source/layout/tab-strip.css */

.ludo-tab-strip {
    margin: 0;
}

.ludo-tab-strip span{
    font-size:11px;
}

.ludo-tab-layout-parent-for-tabs{
    z-index:100;

}

.ludo-tab-strip-tab-bg{
    height:100%;
    width:100%;
    position:absolute;
}


.ludo-tab-strip-line {
    position: absolute;
    z-index:11;
}
.ludo-tab-strip-tab {
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
    z-index: 12;
    overflow:hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ludo-tab-strip-top .ludo-tab-strip-line,.ludo-tab-strip-bottom .ludo-tab-strip-line {
    height:3px;
    width:100%;
}
/******************************************************************
Tab strip on top
****************************************************************/

.ludo-tab-strip-top .ludo-tab-strip-tab-bg{
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    border-bottom:1px solid #aaa;
}

div.ludo-tab-strip-top .ludo-tab-strip-tab-active .ludo-tab-strip-tab-bg{
    border-bottom-color:#555;
}


.ludo-tab-layout-parent-for-tabs-top{
    bottom:4px;
}


.ludo-tab-strip-top .ludo-tab-strip-line {
    bottom: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.ludo-tab-strip-top {
    height: 30px;
    padding-bottom: 1px;
}

.ludo-tab-strip-tab-top {
    bottom:0;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid;
    border-left-width:0;
    border-bottom-width:0;
    border-top-width: 0;
    height:27px;
    line-height:24px;

}

div.ludo-tab-strip-top .ludo-tab-strip-tab-active {

}


/** Tab strip left */

.ludo-tab-strip-left .ludo-tab-strip-tab-bg{
    right:0;
    top:0;
    height:100%;
    width:1px;
    border-right:1px solid #aaa;
}

.ludo-tab-layout-parent-for-tabs-left{
    right:3px;
}

.ludo-tab-strip-left {
    padding-right: 1px;
    width: 25px;
}

.ludo-tab-strip-left .ludo-tab-strip-line {
    right: 0;
    width: 3px;
    height: 100%;
    z-index: 11;
}
.ludo-tab-strip-tab-left {
    width: 23px;
    right:0;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    border-right-width: 0;
    border-top-width:0;
    border-left-width:0;
}

/********************************************
Tab strip bottom
*******************************************************/

.ludo-tab-strip-bottom .ludo-tab-strip-tab-bg{
    left:0;
    top:0;
    width:100%;
    height:1px;
    border-top:1px solid #aaa;
}

div.ludo-tab-strip-bottom .ludo-tab-strip-tab-active .ludo-tab-strip-tab-bg{
    border-top-color:#555;
}


.ludo-tab-layout-parent-for-tabs-bottom{
    top:4px;
}

.ludo-tab-strip-bottom .ludo-tab-strip-line {
    top: 0;
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.ludo-tab-strip-bottom {
    height: 30px;
    padding-top: 1px;
}

.ludo-tab-strip-tab-bottom {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid;
    border-bottom-width: 0;
    border-left-width:0;
    border-top-width:0;
    height:27px;
    line-height:23px;
    top:0;

}

div.ludo-tab-strip-bottom .ludo-tab-strip-tab-active {
    border-top-color:transparent;
}

div.ludo-tab-strip-bottom div.ludo-body {
    border-top: 0;
}


/** Right tabs */
.ludo-tab-layout-parent-for-tabs-right{
    left:3px;
}

.ludo-tab-strip-right .ludo-tab-strip-tab-bg{
    left:0;
    top:0;
    height:100%;
    width:1px;
    border-left:1px solid #aaa;
}

div.ludo-tab-strip-right .ludo-tab-strip-tab-active .ludo-tab-strip-tab-bg{
    border-left-color:transparent;
}

.ludo-tab-strip-right {
    border-left: 1px solid;
    padding-left: 1px;
    width: 26px;
}

.ludo-tab-strip-right .ludo-tab-strip-line {
    left: 0;
    width: 3px;
    height: 100%;
}

.ludo-tab-strip-tab-right {
    width: 23px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    border-right-width: 0;
    border-top-width:0;
    border-left-width:0;
}


div.ludo-tab-strip-top div.ludo-body {
    border-bottom: 0;
}

div.ludo-tab-strip-right div.ludo-body {
    border-right-width:0;
}

.ludo-tab-strip-tab-txt-svg{
    font-family:arial, helvetica, serif;
    font-size:11px;
    line-height:19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.ludo-tab-expand-box{
    position:absolute;
    z-index:200;
    background-repeat:no-repeat;
    cursor:pointer;
    font-size:10px;
}


.ludo-tab-expand-box-top, .ludo-tab-expand-box-bottom{
    right:0;
    top:0;
    margin-left:4px;
}

.ludo-tab-expand-box-top{
    background-image:url(../images/layout/tabs-expand-top.png?rnd=3);
}

.ludo-tab-expand-box-top-over{
    background-image:url(../images/layout/tabs-expand-top-over.png?rnd=3);
}


.ludo-tab-expand-box-bottom{
    background-image:url(../images/layout/tabs-expand-bottom.png?rnd=3);
}

.ludo-tab-expand-box-bottom-over{
    background-image:url(../images/layout/tabs-expand-bottom-over.png?rnd=3);
}



.ludo-tab-close{
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/layout/tab-close.png);
    position:absolute;
    cursor:pointer;
}
.ludo-tab-close-top-over,.ludo-tab-close-bottom-over{
    background-image:url(../images/layout/tab-close-over.png);
}
.ludo-tab-close-top, .ludo-tab-close-bottom{
    right:2px;
    top:0;
    height:90%;
    width:22px;
}

.ludo-tab-close-right{
    bottom:2px;
    width:90%;
    height:22px;
}
.ludo-tab-close-left{
    top:2px;
    width:90%;
    height:22px;
}

.ludo-tab-expand-box{
    width:auto;
    padding-left:17px;
    padding-right:2px;
    background-position: left center;
}

/* ../ludojs/css-source/list-view.css */
.ludo-list-item{
    cursor:pointer;
    position:relative;
}

.ludo-list-item-front{
    position:relative;
    z-index:10;
}

.ludo-list-item-back-left, .ludo-list-item-back-right, .ludo-list-item-back-undo{
    position:absolute;
    width:100%;
    height:100%;
}


.ludo-list-view-body >.ludo-empty-text{
    position:absolute;
    text-align:center;
    top:30%;
    width:100%;
}/* ../ludojs/css-source/window.css */
.ludo-window{
    box-shadow:2px 2px 3px #888;
    position:absolute;
    left:0;top:0;
}
.ludo-window, .ludo-richcomponent, .ludo-framed-view-shim {
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
}/* ../ludojs/css-source/grid/grid.css */
.ludo-grid-Grid {
    border-radius:0;
    border:0;
    padding: 0;
    position:relative;
}

.ludo-grid-Grid .ludo-body div {
    font-family: arial, helvetica;
    -moz-user-select: none;
}
.ludo-header{
    height:21px; /** To be removed */
}
.ludo-grid-Grid .ludo-header {
    height: 21px;
    font-size:13px;
    line-height: 21px;

    width: 2000px;
    position: relative;
    background-repeat: repeat-x;
}
.ludo-grid-Grid .ludo-grid-header-cell-top, .ludo-grid-Grid .ludo-grid-header-cell-bottom{
    position:absolute;
    width:100%;
    left:0;
    background-repeat:repeat-x
}
.ludo-grid-Grid .ludo-grid-header-cell-top{
    background-position: top left;
    top:0;
}

.ludo-grid-Grid .ludo-grid-header-cell-bottom{
    background-position: bottom left;
    bottom:0;
}

.ludo-grid-header-cell {
    position: absolute;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    cursor: default;
}

.ludo-grid-Grid div.last-header-cell {
    border-right: 0;
}

.ludo-grid-row-header-container {
    position: relative;
    width: 50px;
    height: 1000px;
}

.ludo-grid-Grid .ludo-header-cell {
    height: 22px;
    line-height: 25px;
    text-align: center;
}

.ludo-grid-header-cell-over {
    border-bottom: 1px solid #CCC;
    cursor: pointer;
}

.ludo-body-grid {
    padding:0;
    padding-left: 2px;
    cursor: default;
}

.ludo-grid-Grid .ludo-header .ludo-cell-text {
    white-space: nowrap;
    padding-right: 12px;
    background-repeat: no-repeat;
    background-position: right center;
    z-index:10;
    position:relative;
}

.ludo-grid-Grid .ludo-cell-text-sort-asc {
    background-image: url('../images/grid/grid-sort-asc.png');
}

.ludo-grid-Grid .ludo-cell-text-sort-desc {
    background-image: url('../images/grid/grid-sort-desc.png');
}

.ludo-grid-resize-handle {
    background-color: transparent;
    width: 5px;
    border-left: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    margin-left: -1px;
}

.ludo-grid-resize-handle-over {
    opacity: 0.05;
    filter: alpha(opacity = 5);
}

.ludo-grid-Grid .ludo-resize-handle-active{
    border-left: 1px dotted #777;
    background-color:transparent;
}
.ludo-grid-data-container {
    background-color: #FFF;
}

.ludo-grid-data-column {
    position: absolute;
    overflow: hidden;
    padding-left:0;
    padding-right:0;
    border-right:1px solid #EEE;
}

.ludo-grid-data-last-column{
    border-right:0;
}

.ludo-grid-Grid .ludo-header-center{
    text-align:center;
}
.ludo-grid-Grid .ludo-header-right{
    text-align:right;
}
.ludo-grid-data-column-right .ludo-grid-data-cell, .ludo-grid-data-last-column-right .ludo-grid-data-cell {
    float: right;
    text-align: right;
    padding-right: 6px;
}

.ludo-grid-data-last-column-right .ludo-grid-data-cell {
    padding-right: 26px;
}
/* Div container for a cell in the grid */
.ludo-grid-data-cell {
    width: 2000px;
    height: 21px;
    line-height: 21px;
    position: relative;
    padding-left: 5px;
    border-top:1px solid #FFF;
}

.ludo-grid-data-cell-text {
    white-space: nowrap;
    font-size: 11px;
}
/* Styling for cells in odd rows in grid */
.ludo-grid-data-odd-row {
    border-bottom: 1px solid #EEE;
}
/* Styling for cells in even rows in grid */
.ludo-grid-data-even-row {
    border-bottom: 1px solid #EEE;
}
/* Styling for mouse over rows in grid */
.ludo-grid-record-over{
    border-top:1px solid #F4F4F4;
    background-color:#F4F4F4;

}

/* Styling for highlighted rows in grid, i.e. onclick */

.ludo-grid-movable-shim {
    opacity: 1;
    filter: none;
    background-color: #FFF;
    line-height: 30px;
    font-family: arial, sans-serif;
    padding-left: 5px;
    font-size: 12px;
    z-index: 90000;
}

div.ludo-grid-movable-insertion-marker {
    width: 7px;
    height: 31px;
    position: absolute;
    background: transparent url('../images/grid/insertion-marker-top.png') no-repeat top center;
    border:0;
    margin-left: -4px;
    z-index: 30000;
}

div.ludo-grid-movable-insertion-marker-bottom {
    background: url('../images/grid/insertion-marker-bottom.png') no-repeat bottom center;
    position:absolute;
    width:100%;
    height:4px;
    bottom:0;
}

.ludo-grid-Grid .ludo-body {
    padding-top:0;
    background-color: #FFF;
}

.ludo-paging-previous .ludo-form-button-value{
    background-image:url('../images/grid/previous.png');
}
.ludo-form-button-disabled.ludo-paging-previous .ludo-form-button-value{
    background-image:url('../images/grid/previous-disabled.png');
}
.ludo-form-button-disabled.ludo-paging-next .ludo-form-button-value{
    background-image:url('../images/grid/next-disabled.png');
}
.ludo-paging-next .ludo-form-button-value{
    background-image:url('../images/grid/next.png');
}
.ludo-paging-last .ludo-form-button-value{
    background-image:url('../images/grid/last.png');
}
.ludo-form-button-disabled.ludo-paging-last .ludo-form-button-value{
    background-image:url('../images/grid/last-disabled.png');
}
.ludo-paging-first .ludo-form-button-value{
    background-image:url('../images/grid/first.png');
}
.ludo-form-button-disabled.ludo-paging-first .ludo-form-button-value{
    background-image:url('../images/grid/first-disabled.png');
}
div.ludo-paging-text{
    margin-top:5px;
}

div.ludo-paging-text .ludo-body{
    font-size:12px;
}

div.ludo-paging-current-page .ludo-body{
    text-align:right;
}


.ludo-grid-resize-handle {
    background-color:transparent;
}

.ludo-grid-empty-text{
    position:absolute;
    top:50%;
    margin-top:-20px;
    width:100%;
    text-align:center;
}

.input-cell input {
    height: 15px;
}/* ../ludojs/css-source/view/view-pager-nav.css */
.ludojs-viewpager-dot-parent{
    cursor:pointer;
}
.ludojs-viewpager-dot{
    border-radius:999px;
    background-color:#ccc;
}
/* ../ludojs/css-source/calendar/calendar.css */
.ludo-calendar-year-container {
     padding-bottom:5px;
     padding-top:5px;
     height:20px;;
 }
 .ludo-calendar-month-year-container{
     padding-top:6px;
     height:20px;;
 }
 .ludo-calendar-year, .ludo-calendar-month-year {
     color:#FFF;
     float:left;
     font-size:10px;
     padding-left:10px;
     padding-right:10px;
     cursor:pointer;
 }
 .ludo-calendar-year-selected {
     background-color:#eeeee8;
     color:#000;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
     font-weight:bold;
 }
 .ludo-calendar-month-year-selected{
     background-color:#eeeee8;
     color:#000;
     border-top-left-radius:5px;
     border-top-right-radius:5px;

     font-weight:bold;
 }
 .ludo-calendar-year-disabled{
     cursor:default;
     color:#CCC;
 }

 .ludo-calendar-month-container{
     background-color:#555;
     padding-top:5px;
     height:14px;
 }
 .ludo-calendar-month{
     cursor:pointer;
     float:left;
     font-size:10px;
     color:#FFF;

 }
 .ludo-calendar-month-selected{
     background-color:#eeeee8;
     color:#000;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     font-weight:bold;
     padding-left:10px;
     padding-right:10px;
 }
 .ludo-calendar-month-tip{
     background-color:#555;
 }
 .ludo-calendar-month-inactive{
     width:10px;
     height:10px;
     background-image:url(../images/calendar/calendar-month-dot.png);
     background-repeat:no-repeat;
     background-position:center center;
     padding-left:5px;
     padding-right:5px;
 }
 .ludo-calendar-header{
     border-bottom:1px solid #999;
 }
 .ludo-calendar-header td{
     text-align:center;
 }
 .ludo-calendar-view{
     font-size:11px;
 }
 .ludo-calendar-header{
     height:20px;
     line-height:20px;
     position:relative;
 }
.ludo-calendar-container-days{
    border-bottom:1px solid #999;
    background-color:#FFF;
}
 .ludo-calendar-container-days td{
     line-height:15px;
 }
 .calendar-week{
     border-right:1px solid #999;
     text-align:center;
     background-color:#eeeee8;
     color:#000;
 }
 td.calendar-day{
     text-align:center;
     cursor:pointer;
 }
 .calendar-sunday{
     color:red;
 }
 .calendar-day-inactive{
     color:#999;
 }
 .ludo-calendar-info-panel{
     padding-top:2px;
     background-color:#555;
 }
 .ludo-calendar-month-info{
     text-align:center;
     color:#FFF;
     font-size:10px;
     font-weight:bold;
     border-top:1px solid #999;
 }
.calendar-day{
    border:1px solid transparent;
}
.calendar-day-selected{
    background-color:#eeeee8;
    border:1px solid #AAA;
}
.calendar-day-today{
    border:1px solid #eeeee8;
}
.calendar-day-mouse-over{
    background-color:#eeeee8;
}
.ludo-calendar-body-days{
    height:100%;
}/* ../ludojs/css-source/menu/menu.css */
.ludo-menu {
    font-family: arial, sans-serif  !important;
    font-size: 11px;
}

.ludo-menu .ludo-body label {
    font-weight: normal;
    font-size: 11px;
    line-height:18px;
    padding-left:3px;
}

div.ludo-menu-item-spacer-horizontal {
    width: 1px;
    background-color: #000;
    padding: 0;
    margin: 0;
    border: 0;
}

.ludo-menu-horizontal .ludo-menu-item-over {
    background-color: #555;
    color: #FFF;
    border-color: #000;
}


.ludo-menu-item .ludo-body{
    white-space:nowrap;
}

.ludo-menu-item-horizontal {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;


}

.ludo-menu-item-horizontal div.ludo-body {
    padding-left: 4px;
    padding-right: 4px;
}

.ludo-menu-vertical .ludo-menu-item-spacer-vertical {
    height: 1px;
    padding: 0 !important;
    background-color: #CCC;
    margin-left:0;
    margin-right:0;
}

.ludo-menu-vertical {
    border: 1px solid #999;
    background-color: #FFF;
    padding: 0;
    background-image: url(../images/menu-bar-bg-vertical.png);
    background-repeat: repeat-y;
    -moz-box-shadow: 1px 1px 4px #555;
    -webkit-box-shadow: 1px 1px 4px #555;
    box-shadow: 1px 1px 3px #555;
}

.ludo-menu-item-vertical{
    margin:2px;
    line-height:18px;
}

.ludo-menu-vertical .ludo-menu-item {
    padding-right: 20px;
    padding-left: 35px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0;

}

.ludo-menu-vertical .ludo-menu-item-over,.ludo-menu-vertical .ludo-menu-item-active {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding-left: 34px;
    padding-right: 19px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 2px;
    color: #000;
}

.ludo-menu-item-over .ludo-menu-item-icon {
    left: -1px !important;
}

.ludo-menu-item {
    position: relative;
}

.ludo-menu-item-expand {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


.ludo-menu-item-vertical-expand {
    background-image: url(../images/expand-menu.png);
}

div.ludo-menu-item-over .ludo-menu-item-vertical-expand,div.ludo-menu-item-active .ludo-menu-item-vertical-expand {
    right: -1px;
}

.ludo-menu-item-horizontal-expand {
    background-image: url(../images/expand-menu-horizontal.png);
}

.ludo-menu-item-disabled {
    opacity: .5;
    filter: alpha(opacity = 50);

}

.ludo-menu-item .ludo-body{
    cursor:pointer;
}
div.ludo-menu-item-disabled div.ludo-body{
    cursor:default;
}

.ludo-menu-item-icon {
    width: 20px;
}


.ludo-menu-item-horizontal-expand {
    background-image: url('../images/expand-menu-horizontal-wh.png');
}

div.ludo-menu-top,div.ludo-menu-vertical-above{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/** Menus rendered to the left */
div.ludo-menu-vertical-to-left div.ludo-menu-item-expand {
    left:1px;
    background-image: url(../images/expand-menu-left.png);
}

div.ludo-menu-vertical-to-left div.ludo-menu-item-over .ludo-menu-item-vertical-expand,
div.ludo-menu-vertical-to-left div.ludo-menu-item-active .ludo-menu-item-vertical-expand {
    left: 0;
}

div.ludo-menu-horizontal-up div.ludo-menu-item-expand {
    background-image: url(../images/expand-menu-up.png);
}/* ../ludojs/css-source/menu/button.css */
.ludo-menu-button{
    width:16px;
    z-index:10000;
    cursor:pointer;
}
.ludo-menu-button-active{

    background-image:url(../images/menu/button-arrow.png);
    background-position : center center;
    background-repeat:no-repeat;
}
.ludo-menu-button .ludo-menu-button-arrow{
    border-left:1px solid #FFF;
    width:100%;
    height:100%;

}
/* ../ludojs/css-source/tree/tree.css */
div.ludo-tree-tree div.ludo-body{
    overflow-y:auto;
    overflow-x:hidden;
    padding-left:4px;
}

.ludo-tree-node{
    background-repeat:repeat-y;
    background-position: top left;
    background-image: url('../images/tree/tree-dots-2.gif');
    padding-left:10px;
    margin-left:5px;
    position:relative;
    cursor:default;
    width:1000px;
}
.ludo-tree-node-selectable{
    cursor:pointer;
}
div.ludo-tree-node-root{
    background-image:none;
    padding-left:0;
    margin-left:0;
}

.ludo-tree-node span.ludo-tree-node-spacer{
    background-image: url('../images/tree/tree-dots-2.gif');
    background-repeat:repeat-x;
    background-position: left bottom;
    position:absolute;
    left:0;
    top:0;
    width:8px;
    height:10px;
}

.ludo-tree-node-last-sibling .ludo-tree-node-spacer{
    visibility:hidden;
}
.ludo-tree-node-last-sibling .ludo-tree-node-container .ludo-tree-node-spacer{
    visibility:visible;
}

.ludo-tree-node span, div.ludo-tree-movable-shim{
    padding-left:2px;
    font-size:12px;
    -moz-user-select: none;
    line-height: 16px;
}

div.ludo-tree-node-last-sibling{
   background-repeat: no-repeat;
   background-image:url('../images/tree/tree-dots-last-node-2.gif');
   background-position:top left;
}

.ludo-tree-node-container{
    position:relative;
    padding-left:1px;
}

.ludo-tree-node-expand{
    left:-5px;
    cursor:pointer;
    top:3px;
    width:10px;
    height:10px;
    background-repeat:no-repeat;
    background-position: center center;
    background-image:url('../images/tree/tree-expand.gif');
}

div.ludo-tree-node-collapse{
    background-image:url('../images/tree/tree-collapse.gif');
}

div.ludo-tree-movable-shim{
    opacity:1;
    filter:alpha(opacity=100);
    background-color:#FFF;
    width:300px;
    border-radius:3px;
    webkit-border-radius: 3px;
    -moz-border-radius : 3px;      
    padding:3px;
    overflow:hidden;
    font-size:12px;

}
div.ludo-tree-movable-shim img{
    display:none;
}

.ludo-tree-insertion-marker{
    position:absolute;
    width:15px;
    height:6px;
    background-image:url('../images/tree/tree-drop-child.gif');
    background-repeat:no-repeat;
    margin-left:28px; /* Offset of insertion marker */
    margin-top:4px;
    z-index: 900000;
}

.ludo-tree-insertion-marker-sibling{
    background-image:url('../images/tree/tree-drop-sibling.gif');
    margin-left:12px; /* Offset of insertion marker */
}

.ludo-tree-selected-node{
    color:blue;
    font-weight:bold;
}

.ludo-tree-no-lines .ludo-tree-node-spacer,
.ludo-tree-no-lines .ludo-tree-node-last-sibling,
.ludo-tree-no-lines .ludo-tree-node
{
    background-image:none;
}
.ludo-tree-no-lines .ludo-tree-node-spacer{
    display:none;
}
.ludo-tree-no-lines .ludo-tree-node-container .ludo-tree-node{
    padding-left:7px;
}
.ludo-tree-no-lines .ludo-tree-node-container .ludo-tree-node .ludo-tree-node{
    padding-left:10px;
}

.ludo-richcomponent .ludo-tree .ludo-body{
    padding:3px;
}

.ludo-input-simple-filter-tree input{
    background-image:url('../images/magnifier.png');
    background-repeat:no-repeat;
    background-position: center right;
}

.ludo-tree-Tree div.ludo-body{
    overflow-y:auto;
}


.ludo-tree-node span{
    -moz-user-select:none;
    line-height:16px;
    height:18px;
}


/* ../ludojs/css-source/progress/progress-bar.css */
.ludo-Progress-Bar-Bg{
    width:300px;
    height:20px;
    position:relative;
    margin-left:2px;
    margin-right:2px;
    margin-top:1px;
    overflow:hidden;
}
.ludo-Progress-Bar-Bg-Left{
    background-image:url('../images/progress-bar/progress-bg.png');
    width:60%;
    left:0;
    position:absolute;
    background-position:top left;
    height:20px;
    background-repeat:no-repeat;

}
.ludo-Progress-Bar-Bg-Right{
    background-image:url('../images/progress-bar/progress-bg.png');
    position:absolute;
    background-position:top right;
    right:0;
    top:0;
    width:60%;
    height:20px;
    background-repeat:no-repeat;
}


.ludo-Progress-Bar{
    background-repeat:repeat-x;
    background-position:top left;
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:300px;
    overflow:hidden;
}

.ludo-Progress-Bar-Left{
    background-image:url('../images/progress-bar/progress-bg-filled.png');
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:55%;
}

.ludo-Progress-Bar-Right{
    background-image:url('../images/progress-bar/progress-bg-filled.png');
    background-repeat:no-repeat;
    background-position:top right;
    position:absolute;
    top:0;
    right:0;
    height:20px;
    width:55%;
}

.ludo-Progress-Bar-Percent{
    width:100%;
    height:100%;
    text-align:center;
    color:#000;
    line-height:20px;
    z-index:100;
    position:relative;
    font-family:arial;
    font-size:0.9em;
}

.ludo-Progress-Bar-Message{
    text-align:center;
}/* ../ludojs/css-source/form/form.css */
.ludo-form-element div.ludo-body {
    padding: 2px;
}

.ludo-body label.ludo-form-label-disabled {
    color: #AAA;
}

.ludo-body input, .ludo-body textarea {
    font-family: arial, helvetica, Sans-Serif;
}/* ../ludojs/css-source/form/button.css */
.ludo-view-buttonbar {
    box-shadow: 0 !important;
    padding-right: 2px;
}

div.ludo-form-button {
    margin-left: 2px;
    margin-right:2px;
    background-repeat: no-repeat;
    color: #000;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;

}


div.ludo-form-button-m{
    height: 23px;
}

div.ludo-form-button-l{
    height: 35px;
    font-size:14px;
    line-height:30px;
}

div.ludo-form-button-xl{
    height: 45px;
    font-size:14px;
    line-height:40px;
}

div.ludo-form-button-s{
    height: 14px;
}

div.ludo-form-button-l{
    height:45px;
}

.ludo-form-tiny-button{
    margin-top:2px;
}
div.ludo-form-button div {
    padding: 0 ! important;
    background-color: transparent;
    -moz-user-select: none;
}

div.ludo-form-button-disabled {
    cursor: default;
    color:#555;
}

.ludo-form-button-selected .ludo-form-button-m-bg-left {
    background-image: url('../images/button/button-bg-light-selected.png');
}

.ludo-form-button-selected .ludo-form-button-m-bg-right {
    background-image: url('../images/button/button-bg-light-selected.png');
}

div.ludo-form-button-disabled .ludo-form-button-m-bg-left {
    background-image: url('../images/button/button-bg-light-disabled.png');
}

div.ludo-form-button-disabled .ludo-form-button-m-bg-right {
    background-image: url('../images/button/button-bg-light-disabled.png');
}

.ludo-form-button-over .ludo-form-button-m-bg-left {
    background-image: url('../images/button/button-bg-light-over.png');
}

.ludo-form-button-over .ludo-form-button-m-bg-right {
    background-image: url('../images/button/button-bg-light-over.png');
}

.ludo-form-button-down .ludo-form-button-m-bg-left {
    background-image: url('../images/button/button-bg-light-down.png');
}

.ludo-form-button-down .ludo-form-button-m-bg-right {
    background-image: url('../images/button/button-bg-light-down.png');
}
.ludo-form-button-bg-left{
    width: 55%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
}
.ludo-form-button-bg-right{
    height: 100%;
    width: 55%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: top right;
}

.ludo-form-button-m-bg-left {
    background-image: url('../images/button/button-bg-light.png');
}

.ludo-form-button-m-bg-right {
    background-image: url('../images/button/button-bg-light.png');
}


.ludo-form-button-value {
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ludo-form-button-l .ludo-form-button-value{
    font-size:16px;
    line-height:34px;
}
.ludo-form-button-xl .ludo-form-button-value{
    font-size:16px;
    line-height:44px;
}
.ludo-form-button-s .ludo-form-button-value{
    line-height:14px;
}

.ludo-form-button-m .ludo-form-button-value{
    line-height:22px;
}

.ludo-buttonbar-component-content .ludo-form-button {
    padding-top: 2px;
}


/* ../ludojs/css-source/form/text.css */
.ludo-richcomponent .ludo-form_text .ludo-body,
.ludo-richcomponent .ludo-form_select .ludo-body {
    margin: 3px;
}

.ludo-form-autocomplete-suggestion {
    height: 18px;
    line-height: 18px;
    width: 1000px;
    cursor: pointer;
    padding: 1px;
    font-family: arial, sans-serif;
}

.ludo-body input {
    font-size: 12px;
}

.ludo-form-autocomplete-suggestion-over {
    background-color: #EEE;
    color: #000;
}

.ludo-form-text-autocomplete-container {
    position: relative;
    overflow: hidden;
    height: 20px;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #CCC;;
    border-top: 1px solid #abadb3;
    background-color: #FFF;
}

.ludo-form-text-autocomplete {
    /*
    background : url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D") repeat scroll 0 0 transparent;
    */
    position: absolute;
    background-clip: border-box;
    /* background-origin: padding-box;*/
    background-size: auto;
    left: 0;
    border: 0;
    width: 100%;
    height: auto;
    top: 2px;
    overflow: hidden;
    z-index: 5;
    -moz-box-sizing: content-box;
    background-color: #FFF;
    /** cursor:none; */
}

.ludo-form-text-autocomplete-suggestion {
    background-color: #FFF;
}

.ludo-body textarea {
    resize: none;
    font-family: arial, sans-serif;
    font-size: 12px;
}

input.ludo-form-el-invalid {
    background-image: url('../images/form/form-el-invalid.png');
    background-position: 5px bottom;
    background-repeat: repeat-x;
}

.ludo-body label {
    color: #555;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.ludo-menu-menu label {
    font-size: 11px;
}

.ludo-form-text-element input, .ludo-form-text-element textarea {
    border: 0;
    padding: 0;
    outline: none;
}

.ludo-form-element select {
    border: 1px solid #ccc;
}

.ludo-form-text-element {
    border: 1px solid #ccc;
    background-color: #FFF;
    padding: 1px;
}

.input-row .input-cell {
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.input-row textarea {
    overflow-y: auto;
}

.ludo-form-el-inline-label {
    color: #777;
}/* ../ludojs/css-source/form/combo.css */
.ludo-combo, .ludo-Filter-Tree-Combo-Field {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 2px;
    border-radius: 5px !important;
    border: 1px solid #AAA;
    background-image: url(../images/combo/bg-form-combo.png);
    background-repeat: repeat-x;
}

div.ludo-combo div.ludo-body {
    font-weight: bold;
    padding: 0;
}

div.ludo-combo-menu {
    background-image: none;
    padding: 0;
}

div.ludo-combo-menu .ludo-menu-item {
    border-radius: 0;
}

div.ludo-combo-menu .ludo-menu-item-over {
    background-color: #99bf2e;
    border-color: #99bf2e;
    color: #FFF;
}

div.ludo-combo-menu .ludo-menu-item-selected {
    background-color: #99bf2e;
    border-color: #99bf2e;
    color: #FFF;
    font-weight: bold;
}

.ludo-combo-arrow {
    position: absolute;
    width: 15px;
    height: 100%;
    right: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../images/expand-menu-horizontal.png');
}

/* ../ludojs/css-source/form/color.css */
.ludo-color-box {
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 2px;
    margin-top: 2px;
    cursor: pointer;
    border: 1px solid #000;
}

div.ludo-tabs-in-dropdown{
    padding:3px;
}
div.ludo-color-rgb-slider-value {
    border: 1px solid #000;
    background-color: #fff;
}
div.ludo-color-rgb-slider-value .ludo-body{
    background-color: #fff;
}

.ludo-color-rgb-slider-value .ludo-body {
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}/* ../ludojs/css-source/form/filter-tree.css */
.ludo-Filter-Tree-Window{
    border-radius:0;
    padding:2px;
    padding-top:0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color:#000;
}
.ludo-Filter-Tree-Window .ludo-window-component-content{
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.ludo-Filter-Tree-Window .ludo-view-resize-both{
    background-image:none;
}
.ludo-Filter-Tree-Window .ludo-body{
    background-color:#FFF;
    padding-right:0;
    padding-top:0;
}
.ludo-filter-tree input{
    border-radius:2px;
    background-color:#FFF;
}

input.ludo-filter-tree-input-active{
    background-color:#FFF;
}

.ludo-input-simple-filter-tree{
    background-color:#f1f1f1;
    border-bottom:1px solid #959595;
}

.ludo-Filter-Tree-Combo-Field{
    cursor:pointer;
}
div.ludo-Filter-Tree-Combo-Field div.ludo-body{
    padding:0;
    height:22px;
}

.ludo-Filter-Tree-Field-Arrow{
    position:absolute;
    right:3px;
    top:0;
    height:22px;
    width:15px;
    background-image: url("../../images/dropdown-arrow.gif");
    background-position: center center;
    background-repeat:no-repeat;
    z-index:100;
}
.ludo-Filter-Tree-Bg-Left, .ludo-Filter-Tree-Bg-Right{
    background-image:url('../../images/bg-combo-field.png');
    background-repeat:no-repeat;
}
.ludo-Filter-Tree-Bg-Left{
    width:60%;
    position:absolute;
    height:100%;
    left:0;
    background-position:top left;
}
.ludo-Filter-Tree-Bg-Right{
    width:60%;
    position:absolute;
    height:100%;
    right:0;
    background-position:top right;
}
.ludo-Filter-Tree-Combo-Value{
    z-index:120;
    position:absolute;
    line-height:22px;
    left:5px;
    top:0;
    font-size:10px;
    font-weight:bold;
    width:100%;
}/* ../ludojs/css-source/form/radio.css */
.ludo-radio-image{
    cursor: pointer;
    width: 60px;
    height : 60px;
    margin: 0 auto;
    padding:2px;
    border-radius : 5px;
    webkit-border-radius: 5px;
     -moz-border-radius : 5px;
}
.ludo-radio-image-inner{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.ludo-radio-image-checked{
    border:2px solid #555;
    padding:0;
    background-color:#bbd46d;
}/* ../ludojs/css-source/form/spinner.css */
.ludo-spinbox-container{
	border:1px solid #7F9DB9;
	padding-right: 10px;	/* The place needed for the arrows */
}
.ludo-spinbox-container input{
    padding-right:3px;
}
.ludo-spinbox-arrows-container{
	background-color: #c9d8fc;
	border-left:1px solid #7F9DB9;
	width:11px;
}
div.ludo-spinbox-arrow-overeffect{
	background-color:#d2eafe;
}
.ludo-spinbox-arrows-container div.ludo-spinbox-arrow-downeffect{
	background-color:#93acf2;
}

.ludo-spinbox-arrow-up{
	background-color: #c9d8fc;
	width:11px;
	background-image:url('../images/up-arrow.gif');
}
.ludo-spinbox-arrow-down{
	background-color: #c9d8fc;
	width:11px;
	background-image:url('../images/down-arrow.gif');
}
.ludo-spinbox-arrow-separator{
	width: 100%;
	height:1px;
	background-color:#c9d8fc;
}/* ../ludojs/css-source/form/on-off.css */
.on-off-switch{
    position:relative;
    cursor:pointer;
    overflow:hidden;
    user-select:none;
}

.on-off-switch-track{
    position:absolute;
    border : solid #888;
    z-index:1;
    background-color: #fff;
    overflow:hidden;
}

/* semi transparent white overlay */
.on-off-switch-track-white{
    background-color:#FFF;
    position:absolute;
    opacity:0.2;
    z-index:30;
}
/* Track for "on" state */
.on-off-switch-track-on{
    background-color:#009966;
    border-color:#008844;
    position:absolute;
    z-index:10;
    overflow:hidden;
}
/* Track for "off" state */
.on-off-switch-track-off{
    position:absolute;
    border-color:#CCC;
    z-index:1;
}

.on-off-switch-thumb{
    position:absolute;
    z-index:2;
    overflow:hidden;
}

.on-off-switch-thumb-shadow{
    opacity:0.5;
    border:1px solid #000;
    position:absolute;
}

.track-on-gradient, .track-off-gradient{
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0)); /* Standard syntax */
    position:absolute;
    width:100%;
    height:5px;
}


.on-off-switch-thumb-color{
    background: -webkit-linear-gradient(45deg, #BBB, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #BBB, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #BBB, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #BBB, #FFF); /* Standard syntax */
    background-color:#F0F0F0;
    position:absolute;
}

.on-off-switch-thumb-off{
    border-color:#AAA;
    position:absolute;
}
.on-off-switch-thumb-on{
    border-color:#008855;
    z-index:10;
}
.on-off-switch-text{
    width:100%;
    position:absolute;
    font-family:arial;
    user-select:none;
    font-size:10px;
}

.on-off-switch-text-on{
    color:#FFF;
    text-align:left;
}
.on-off-switch-text-off{
    color:#000;
    text-align:right;
}
/* Mouse over thumb effect */
.on-off-switch-thumb-over{
    background-color:#F5F5F5;
    background: -webkit-linear-gradient(45deg, #CCC, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #CCC, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #CCC, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #CCC, #FFF); /* Standard syntax */

}/* ../ludojs/css-source/form/seekbar.css */

.dhtmlgoodies-seekbar{

}

/* Default configurations */
.seekbar-negative{
    background-color:#009966;
}
.seekbar-positive{
    background-color:#CCC;
}

/* Dragable thumb */
.seekbar-thumb{
    background-color:#006699;
    /* Transparency can be enabled with
    opacity:0.8;
    */
}
/* The center point of the thumb */
.seekbar-thumb-needle{
    background-color:#006699;
}

.seekbar-thumb-over{
    opacity:0.3 !important;
    filter:alpha(opacity=30) !important;
}

/* ../ludojs/css-source/form/file.css */
.ludo-input-file-name-initial{
    font-weight:bold;
    font-style:normal;
}
.ludo-input-file-name-new-file{

}
.ludo-input-file-name-not-uploaded{
    font-style:italic;
    color:#999;
}/* ../ludojs/css-source/form/slider.css */
.ludo-form-slider-container{
    position:relative;
    margin:0;
    /** This element should never have any border or padding */
    padding:0 !important;
    border:0 !important;
}

.ludo-form-slider-bg-first{
    position:absolute;
    left:0;
    top:0;
    background-repeat:no-repeat;
    background-position:top left;
}
.ludo-form-slider-bg-last{
    position:absolute;
    background-repeat:no-repeat;
}
.ludo-form-slider-handle{
    position:absolute;
    left:0;
    background-repeat:no-repeat;
    background-position:top left;
    cursor:pointer;
}

/* Horizontal slider */

.ludo-form-slider-horizontal{
    height:20px;
    margin-right:2px;
}
.ludo-form-slider-horizontal .ludo-form-slider-bg-first{
    width:60%;
    height:100%;

}

.ludo-form-slider-horizontal .ludo-form-slider-bg-last{
    width:60%;
    top:0;
    right:0;
    height:100%;
    background-position:top right;
}

.ludo-form-slider-horizontal .ludo-form-slider-handle{
    width:10px;
    height:100%;

}

/* Vertical slider */
.ludo-form-slider-vertical{
    width:20px;
    margin-bottom:2px;
}

.ludo-form-slider-vertical .ludo-form-slider-bg-first{
    height:60%;
    width:100%;

}

.ludo-form-slider-vertical .ludo-form-slider-bg-last{
    height:60%;
    width:100%;
    bottom:0;
    left:0;
    background-position:bottom left;
}

.ludo-form-slider-vertical .ludo-form-slider-handle{
    height:10px;
    left:0;
    width:100%;
}/* ../ludojs/css-source/Panel.css */
.ludo-panel{
    margin:5px;
}

.ludo-panel fieldset{
    border-radius : 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius : 5px;    

}
.ludo-panel .ludo-view{
    margin:2px;
}
.ludo-panel .ludo-view .ludo-view{
    padding-left:0;
    padding-right:0;
}

fieldset{
    padding:0;
    margin:2px;
}/* ../ludojs/css-source/dialog/dialog.css */
.ludo-dialog-shim{
    position:absolute;
    left:0;
    top:0;
    background-color:#AAA;
    filter:alpha(opacity=10);
    opacity:.1;
}


.ludo-Porter-Dialog .ludo-body{
    font-size:1.1em;
    background-color:#FFF;
    color:#000;
    font-family:arial, Sans-Serif;
}.ludo-body label, .ludo-ocean .ludo-body legend {
    color: #384350;
    font-weight: bold;
    line-height: 20px;
}

.ludo-ocean .ludo-window .ludo-body{
    margin: 5px;
    border: 1px solid #91C7ED;
}
.ludo-ocean .ludo-framed-view .ludo-body {
    overflow: hidden;
}

.ludo-ocean .ludo-view-with-buttonbar {
    padding-bottom: 5px !important;
}

/** Rich component with button bar */
.ludo-ocean .ludo-view-with-buttonbar .ludo-body {
    margin-bottom: 0;
}

/** Rich component without button bar */
.ludo-ocean .ludo-view-no-buttonbar .ludo-body {
    margin-bottom: 5px;
}

.ludo-ocean .ludo-framed-view .ludo-body div.ludo-body {
    border: 0;
}

.ludo-ocean .ludo-framed-view .ludo-body .ludo-body {
    margin: 0;
}

.ludo-ocean .ludo-view {
    background-color: #B2D5EE;
}
.ludo-ocean .ludo-resize-handle{
    background-color: #B2D5EE;
}
.ludo-ocean div.ludo-framed-view-body {
    background-color: #B2D5EE;
}

.ludo-ocean div.ludo-framed-view-titlebar {
    border-bottom: 1px solid #91C7ED;
    background: #B2D5EE;
}

.ludo-ocean div.ludo-framed-view-titlebar {
    border-bottom: 1px solid #91C7ED;
}

.ludo-ocean div.ludo-framed-view {
    border: 1px solid #91C7ED;
}

.ludo-ocean .ludo-body {
    font-size: 11px;
}

.ludo-ocean div.ludo-framed-view-titlebar-title {
    font-size: 12px;
    color: #384350;
}

.ludo-ocean div.ludo-view-statusbar {
    background-color: #B2D5EE;
    border-top: 0 solid #AAAAAA;
}

.ludo-ocean div.ludo-window, .ludo-ocean div.ludo-framed-view-shim, .ludo-ocean div.ludo-dashboard-insertion-marker {
    border-radius: 3px;
}

.ludo-ocean div.ludo-FramedView {
    border-radius: 0;
}

.ludo-ocean .ludo-FramedView .ludo-view-statusbar-resize-height {
    display: none;
}

.ludo-ocean .ludo-view-buttonbar {
    background-color: #B2D5EE;
    border: 1px solid #91C7ED;
    border-top: 0 solid #91C7ED;
}

.ludo-ocean .ludo-window {

    background-repeat: repeat-x;
    border-left: 1px solid #777 !important;
    border-right: 1px solid #777 !important;
    border-bottom: 1px solid #777 !important;
    border-top: 1px solid #AAA !important;
}

.ludo-ocean .ludo-window .ludo-view-statusbar-resize-height {
    display: block;
}

.ludo-ocean div.ludo-application, .ludo-ocean div.ludo-application-content {
    border-width: 0 !important;
}

.ludo-ocean div.ludo-layout-resize-col {
    background-image: url('../images/ocean-skin/horizontal-resize.png')
}

.ludo-ocean div.ludo-layout-resize-row {
    background-image: url('../images/ocean-skin/vertical-resize.png')
}

.ludo-ocean .ludo-view-resize-region-se {
    background-image: url('../images/ocean-skin/resize-dots.png');
}

.ludo-ocean div.ludo-resize-handle-over {
    background-color: #d7d7d7;
}

.ludo-ocean div.ludo-resize-handle-active {
    background-color: #d7d7d7;
}

.ludo-ocean .ludo-layout-resize-row {
    height: 6px;
    opacity: 1;
    filter: alpha(opacity = 100);
    background-image: url('../images/vertical-resize.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

.ludo-ocean .ludo-application-content .ludo-view-statusbar-resize-horizontal {
    display: none;
}

.ludo-ocean .ludo-application-content .ludo-view-statusbar-resize {
    display: none;
}

.ludo-ocean .ludo-application-content .ludo-view-statusbar-resize-both {
    display: none;
}

.ludo-ocean div.ludo-container-frame {
    border: 1px solid #91C7ED !important;
}
.ludo-ocean div.ludo-form-button{
    height:24px;
    color:#FFF;
    font-weight:bold;
}
.ludo-ocean .ludo-form-button-m-bg-right,
.ludo-ocean .ludo-form-button-m-bg-left {
    background-image: url('../images/ocean-skin/button.png');
}

.ludo-ocean .ludo-form-button-over .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-over .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/button-over.png');
}

.ludo-ocean .ludo-form-button-down .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-down .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/button-pressed.png');
}

.ludo-ocean .ludo-form-button-pressed .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-pressed .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/button-pressed.png');
}

.ludo-ocean div.ludo-form-button-disabled {
    color: #555;
    cursor: default;
}

.ludo-ocean div.ludo-form-button-selected .ludo-form-button-m-bg-left,
.ludo-ocean div.ludo-form-button-selected .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/button-over.png');
}

.ludo-ocean div.ludo-form-button-disabled .ludo-form-button-m-bg-left,
.ludo-ocean div.ludo-form-button-disabled .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/button-disabled.png') !important;
}

.ludo-ocean .ludo-view-collapsed {
    border-color: #91C7ED;
}
.ludo-ocean .ludo-view-collapsed-title{
    line-height:20px;
    font-family:arial, helvetica, serif;
}
.ludo-ocean .ludo-view-collapsed-over {
    background-color: #B2D5EE;
}

/** Title bar buttons */
.ludo-ocean .ludo-title-bar-button-container-left-edge {
    background-image: url('../images/ocean-skin/bg-title-bar-buttons.png');
}

.ludo-ocean .ludo-title-bar-button-container-right-edge {
    background-image: url('../images/ocean-skin/bg-title-bar-buttons.png');
}

.ludo-ocean .ludo-title-bar-button-with-border {
    /** Border between buttons in title bar can be set here */
}

/** Tab strip */

.ludo-ocean .ludo-tab-strip {
    background-color: #B2D5EE;
}

.ludo-ocean .ludo-tab-strip div.ludo-tab {
    background-color: #6c9ad1;

}

/** Bg behind tabs */
.ludo-ocean .ludo-tab-strip-bg {
    height: 1px;
    background-color: #91C7ED;
}

.ludo-ocean .ludo-tab-strip div.ludo-tab-active {
    height: 21px;
    border-left: 1px solid #91C7ED;
    border-top: 1px solid #91C7ED;
    border-right: 1px solid #91C7ED;
}

/** Resize shim */
.ludo-ocean .ludo-shim-resize {
    border: 1px dashed #777;
}

/* Menu */
.ludo-ocean .ludo-menu-item-horizontal {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
}

.ludo-ocean .ludo-body {
    text-align: left;
}

.ludo-ocean .ludo-menu-item-horizontal.ludo-menu-item-over {
    background-image: url(../images/ocean-skin/bg-horizontal-menu-over.png);
}

.ludo-ocean div.ludo-menu-vertical {
    background-color: #FFF;
}

.ludo-ocean .ludo-menu-vertical .ludo-menu-item {
    background-color: transparent;
}

.ludo-ocean .ludo-menu-vertical .ludo-menu-item-over {
    background-color: #FFF;
}

.ludo-ocean .ludo-menu-item-horizontal {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    color: #000;

}

.ludo-ocean .ludo-menu {
    font-family: arial,serif !important;
    font-size: 11px;
}

.ludo-ocean .ludo-menu div {
    background-color: transparent;
}

.ludo-ocean .ludo-menu div.ludo-menu-item-spacer-horizontal {
    background-color: #7fa2c9;
}

.ludo-ocean .ludo-menu-horizontal .ludo-menu-item {
    font-weight: bold;
    color: #333;
}

.ludo-ocean .ludo-menu-horizontal .ludo-menu-item-over {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

.ludo-ocean .ludo-menu-vertical {
    border: 1px solid #91C7ED;
    padding: 2px;
    background: url(../images/ocean-skin/menu-bg-vertical.png) repeat-y;
    -moz-box-shadow: 1px 1px 4px #555;
    -webkit-box-shadow: 1px 1px 4px #555;
    box-shadow: 1px 1px 3px #555;
}

.ludo-ocean .ludo-menu-vertical .ludo-menu-item-over {
    background-color: #FFF;
    border: 1px solid #91C7ED;
    padding-left: 34px;
    padding-right: 19px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 2px;
    color: #000;
}

.ludo-ocean .ludo-menu-item-vertical-expand {
    background-image: url(../images/expand-menu.png);
}

.ludo-ocean .ludo-menu-item-horizontal-expand {
    background-image: url(../images/ocean-skin/expand-menu-horizontal.png);
}

.ludo-ocean .ludo-form-button-s .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-s .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/tiny-button.png');
}

.ludo-ocean .ludo-form-button-s .ludo-form-button-over .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-s .ludo-form-button-over .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/tiny-button-over.png');
}

.ludo-ocean .ludo-form-button-s .ludo-form-button-down .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-s .ludo-form-button-down .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/tiny-button-down.png');
}

.ludo-ocean .ludo-form-button-s .ludo-form-button-disabled .ludo-form-button-m-bg-left,
.ludo-ocean .ludo-form-button-s .ludo-form-button-disabled .ludo-form-button-m-bg-right {
    background-image: url('../images/ocean-skin/tiny-button-disabled.png');
}

.ludo-ocean .ludo-form-tiny-button .ludo-form-button-value {
    line-height: 15px;
}

/** Calendar */
.ludo-ocean .ludo-calendar-year-container {
    background-color: #91C7ED;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 20px;
}

.ludo-ocean .ludo-calendar-month-year-container {
    background-color: #B2D5EE;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    height: 20px;
}

.ludo-ocean .ludo-calendar-year, .ludo-ocean .ludo-calendar-month-year {
    color: #555;
    float: left;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.ludo-ocean .ludo-calendar-year-selected {
    background-color: #B2D5EE;

    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
}

.ludo-ocean .ludo-calendar-month-year-selected {
    background-color: #B2D5EE;
    color: #000;
    font-size: 11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    font-weight: bold;
}

.ludo-ocean .ludo-calendar-year-disabled {
    cursor: default;
    color: #CCC;
}

.ludo-ocean .ludo-calendar-month-container {
    background-color: #91C7ED;
    padding-top: 5px;
    height: 14px;
}

.ludo-ocean .ludo-calendar-month {
    cursor: pointer;
    float: left;
    font-size: 10px;
    color: #FFF;

}

.ludo-ocean .ludo-calendar-month-selected {
    background-color: #B2D5EE;
    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.ludo-ocean .ludo-calendar-month-tip {
    background-color: #91C7ED;
}

.ludo-ocean .ludo-calendar-month-inactive {
    width: 10px;
    height: 10px;
    background-image: url(../images/calendar-month-dot.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 5px;
    padding-right: 5px;
}

.ludo-ocean .ludo-calendar-header {
    border-bottom: 1px solid #91C7ED;
    background-color: #B2D5EE;
}

.ludo-ocean .ludo-calendar-header td {
    text-align: center;
}

.ludo-ocean .ludo-calendar-days-container {
    background-color: #91C7ED;
}

.ludo-ocean .ludo-calendar-view {
    font-size: 11px;
    background-color: #91C7ED;
}

.ludo-ocean .ludo-calendar-header {
    height: 20px;
    line-height: 20px;
    position: relative;
}

.ludo-ocean .ludo-calendar-container-days {
    border-bottom: 1px solid #91C7ED;
}

.ludo-ocean .ludo-calendar-container-days td, .ludo-ocean .ludo-calendar-container-days tr {
    padding: 0;
    margin: 0;
}

.ludo-ocean .ludo-calendar-body-days {
    background-color: #FFF;
}

.ludo-ocean .ludo-calendar-container-days td {
    line-height: 15px;
}

.ludo-ocean .calendar-week {
    border-right: 1px solid #91C7ED;
    text-align: center;
    background-color: #B2D5EE;
    color: #000;
}

.ludo-ocean  td.calendar-day {
    text-align: center;
    cursor: pointer;
}

.ludo-ocean .calendar-sunday {
    color: red;
}

.ludo-ocean .calendar-day-inactive {
    color: #999;
}

.ludo-ocean .ludo-calendar-month-info {
    text-align: center !important;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    border-top: 0;
}

.ludo-ocean .ludo-calendar-month-info div {
    text-align: center;
}

.ludo-ocean .calendar-day {
    border: 1px solid #FFF;
}

.ludo-ocean .calendar-day-today {
    border: 1px solid #B2D5EE;
}

.ludo-ocean  td.calendar-day-selected {
    background-color: #B2D5EE;
    border: 1px solid #91C7ED;
}

.ludo-ocean .calendar-day-mouse-over {
    background-color: #B2D5EE;
}

/** form.FilterText component */
.ludo-ocean .ludo-form-text-autocomplete-container {
    background-color: #FFF;
}

/**
form.ComboTree
*/
.ludo-ocean .ludo-Filter-Tree-Combo-Field {
    margin-left: 3px;
    margin-right: 3px;
}

.ludo-ocean .ludo-Filter-Tree-Bg-Left, .ludo-ocean .ludo-Filter-Tree-Bg-Right {
    background-image: url("../images/ocean-skin/combo-bg.png");
    background-repeat: no-repeat;
}

.ludo-ocean .ludo-Filter-Tree-Field-Arrow {
    background-image: url('../images/ocean-skin/combo-arrow.png');
}

.ludo-ocean .ludo-Filter-Tree-Window {
    padding: 0;
}

.ludo-ocean .ludo-Filter-Tree-Window .ludo-body {
    padding: 0;
    overflow-y: auto;
    background-color: #FFF;
}

/** Grid */
.ludo-ocean .ludo-grid-Grid .ludo-header {
    background-color: #B2D5EE;
    background-image: url(../images/ocean-skin/header-gray.png);
}

.ludo-ocean .ludo-grid-Grid .ludo-grid-header-cell-top {
    background-image: url(../images/ocean-skin/header-top-gray.png);
}

.ludo-ocean .ludo-grid-Grid .ludo-grid-header-cell-bottom {
    background-image: url(../images/ocean-skin/header-bottom-gray.png);
}

.ludo-ocean .ludo-grid-header-cell {
    border-right: 1px solid #91C7ED;
    border-bottom: 1px solid #91C7ED;
}


.ludo-ocean .ludo-grid-Grid div.ludo-active-record {
    font-weight: bold;
    background-color: #B2D5EE;

    border-top:1px solid #B2D5EE;
    border-bottom:1px solid #B2D5EE;
}
.ludo-ocean .ludo-grid-Grid .ludo-menu-button-active{
    background-color:#B2D5EE;
    border-left:1px solid #C0C0C0;
}
.ludo-ocean .ludo-form-slider-horizontal .ludo-form-slider-bg-first{
    background-image:url(../images/ocean-skin/form/slider.png);

}

.ludo-ocean .ludo-form-slider-horizontal .ludo-form-slider-bg-last{
    background-image:url(../images/ocean-skin/form/slider.png);
}

.ludo-ocean .ludo-form-slider-horizontal .ludo-form-slider-handle{
    background-image:url(../images/ocean-skin/form/slider-handle.png);
}
.ludo-ocean .ludo-form-slider-vertical .ludo-form-slider-bg-first{
    background-image:url(../images/ocean-skin/form/slider-vertical.png);
}

.ludo-ocean .ludo-form-slider-vertical .ludo-form-slider-bg-last{
    background-image:url(../images/ocean-skin/form/slider-vertical.png);
}

.ludo-ocean .ludo-form-slider-vertical .ludo-form-slider-handle{
    background-image:url(../images/ocean-skin/form/slider-handle-vertical.png);
}

.ludo-ocean div.ludo-view-buttonbar{
    height:25px;
}



/**
tab layout */
.ludo-ocean .ludo-tab-strip .ludo-body,
.ludo-ocean .ludo-tab-strip-tab {
    background-color: #D7D7D7;
    border-color:#91C7ED;
}

.ludo-ocean .ludo-tab-strip .ludo-tab-strip-line {
    background-color: #B2D5EE;
    border-color:#a5a5a5;
}
.ludo-ocean div.ludo-tab-strip-tab-bg-first,
.ludo-ocean div.ludo-tab-strip-tab-bg-last {
    border-color:#B2D5EE;
}
.ludo-ocean .ludo-tab-strip,
.ludo-ocean div.ludo-tab-strip-left div.ludo-body,
.ludo-ocean .ludo-tab-strip-top {
    border-color:#91C7ED;
}
.ludo-ocean div.ludo-tab-strip-tab-active {
    background-color: #B2D5EE;
}
.ludo-ocean .ludo-tab-strip-tab-top {
    border: 1px solid #91C7ED;
    border-right: 1px solid #A6a6a6;
    border-bottom: 1px solid #A6a6a6;
}
.ludo-ocean .ludo-tab-strip-tab-bottom {
    border: 1px solid #91C7ED;
    border-right: 1px solid #A6a6a6;
    border-top: 1px solid #A6a6a6;
}
.ludo-ocean .ludo-tab-strip-tab-left {
    border: 1px solid #91C7ED;
    border-right: 1px solid #A6a6a6;
    border-bottom: 1px solid #A6a6a6;
}
.ludo-ocean .ludo-tab-strip-tab-right {
    border: 1px solid #91C7ED;
    border-left: 1px solid #A6a6a6;
    border-bottom: 1px solid #A6a6a6;
}

/** Collapse bar */

.ludo-ocean .ludo-view-collapsed-title{
    font-size:11px;
    line-height:16px;
    font-family:arial, helvetica, serif;
    font-weight:normal;
}
.ludo-ocean .ludo-collapse-bar{
    background-color:#B2D5EE;
}
.ludo-ocean .ludo-collapse-bar-left{
    border-left:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}
.ludo-ocean .ludo-collapse-bar-right{
    border-right:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}
.ludo-ocean .ludo-collapse-bar-bottom{
    border:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
}
.ludo-ocean .ludo-collapse-bar-top{
    border:1px solid #C0C0C0;
}
.ludo-ocean .collapse-bar-button{
    border:1px solid #B2D5EE;
}

.ludo-ocean .collapse-bar-button-over{
    border:1px solid #C0C0C0;
}
.ludo-ocean .collapse-bar-button-active{
    background-color:#d7d7d7;
    border-left:1px solid #b0b0b0;
    border-top:1px solid #b0b0b0;
}
.ludo-ocean .collapse-bar-button-active .collapse-bar-button-bg-first{
    border-top:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
}
.ludo-ocean .collapse-bar-button-active .collapse-bar-button-bg-last{
    border-bottom:1px solid #b3b3b3;
    border-left:1px solid #b3b3b3;
}

.ludo-ocean .ludo-notification{
    background-color:#B2D5EE;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    border:1px solid #b3b3b3;
}

.ludo-ocean div.ludo-form-el-invalid label{
    color:#F00;
}