/* ===================================================================================================
* WARNING – This file is part of the base implementation for WebMaker, so it should not be edited or changed for any project. 
* These files are replaced if a project is re-imported to the WebMaker Studio or migrated to a new version of the product. 
* For guidance on ‘How do I override or clone Hyfinity webapp files such as CSS & javascript?’, please read the following relevant FAQ entry: 
* http://www.hyfinity.net/faq/index.php?solution_id=1113
==================================================================================================== */

/*Styles for draggable dividers. */

.divider
{
    background: url("../images/divider.png") repeat-y top silver; 
    width : 5px;
    height : 100%;
    cursor : e-resize;
}
.divider div
{
    visibility : hidden;
    width : 5px;
    overflow : hidden;
}

.temp_divider
{
    background-color: #f2f6fc;
    width : 5px;
    position : absolute;
    display : none;
}

.resizable_panel_container
{
    border-collapse : collapse;
    table-layout: fixed;
    width : 100%;
}

.resizable_panel
{
    padding : 3px;
}


.resizable_panel_container td
{
    vertical-align : top;
    overflow : hidden;
}

.resizable_panel_container td td
{
    vertical-align : auto;
}