/*
.cfLabel
{
    width:150px;
    vertical-align:top;
    padding-top:3px;
}
.cfInput
{
    width:150px;
    padding:3px 5px;
    border:1px solid #aaaaaa;
    background-color:#feffca;
}

select.cfInput
{
    width:162px;
    padding:2px 4px;
}

.cfError
{
    background-color:#f9efe7;
    border:1px solid #FF0000;
}
.cfReadOnly
{
    background-color:#ffffff;
    border:1px solid #e5e5e5;
    color:#666666;
}

.boli-controls-status-container
{
    width:20px;
    height:20px;
}
.boli-controls-status-container-ok
{
    width:20px;
    height:20px;
    background:url(../Images/tick-icon.png) no-repeat 5px 5px;
}
.boli-controls-status-container-error
{
    width:20px;
    height:20px;
    background:url(../Images/error-icon.png) no-repeat 0px 1px;
}
*/

/*/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/

.boli-tabcontrol
{
    width:460px;
}
.boli-tabcontrol-content
{
    background-color:#FFFFFF;
    padding:5px;
}
.boli-tabcontrol-tab
{
    background:url(/customcontrol/images/list-active.png);
    padding:8px;
    margin:0px;
    list-style-type:none; 
    padding-bottom:0px;
}
.boli-tabcontrol-tab li
{
    display:inline;
    margin-right:3px;
}
.boli-tabcontrol-tab li a
{
    padding:3px 10px;
    display:inline-block;
    text-decoration:none;
    
}
.boli-tabcontrol-tab-item
{
    background-color:#666666;
    color:#FFFFFF;
}
.boli-tabcontrol-tab-item-active
{
    background-color:#FFFFFF;
    color:#666666;
}
.boli-tabcontrol-tab-item-hover
{
    background-color:#555555;
    color:#FFFFFF;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/


.boli-cc-min-tabcontrol
{
    
}
.boli-cc-min-tabcontrol-content
{
    background-color:#bbbbbb;
    padding:5px;
}
.boli-cc-min-tabcontrol-tab
{
    background:url(/customcontrol/images/list-active.png);
    background:#26a2c5;
    padding:8px;
    margin:0px;
    list-style-type:none; 
    padding-bottom:0px;
}
.boli-cc-min-tabcontrol-tab li
{
    display:inline;
    margin-right:3px;
}
.boli-cc-min-tabcontrol-tab li a
{
    padding:3px 10px;
    display:inline-block;
    text-decoration:none;
    
}
.boli-cc-min-tabcontrol-tab-item
{
    background-color:#666666;
    color:#FFFFFF;
}
.boli-cc-min-tabcontrol-tab-item-active
{
    background-color:#bbbbbb;
    color:#333333;
}
.boli-cc-min-tabcontrol-tab-item-hover
{
    background-color:#555555;
    color:#FFFFFF;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/


.boli-editablelistcontrol
{
    margin-bottom:5px;
    font-family:Arial;
    font-size:11px;

}
.boli-editablelistcontrol-general-input
{
    padding:2px 4px; border:1px solid #cccccc;
}
.boli-editablelistcontrol-header-container
{
    padding:5px; 
    color:#555555; 
    font-size:14px;
    background-color:#cccccc;
    border-right:1px solid #888888;
    border-bottom:1px solid #888888;
}
.boli-editablelistcontrol-new-container
{
    padding:5px;
    background:url(/customcontrol/images/list-active.png) repeat-x;
    background-color:#26a2c5;
    border-bottom:5px solid #FFFFFF;
}
.boli-editablelistcontrol-filter-container
{
    padding:5px;background-color:#DDDDDD;
}
.boli-editablelistcontrol-list-container
{
    overflow:auto;
}
.boli-editablelistcontrol-footer-container
{
    padding:2px;background-color:#DDDDDD;
}
.boli-editablelistcontrol-btn-add
{
    background-image:url(http://boli.hu/resources/boli.framework/images/webdev-add-icon.png);
    width:16px;
    height:16px;
}
.boli-editablelistcontrol-btn-remove
{
    background-image:url(http://boli.hu/resources/boli.framework/images/webdev-remove-icon.png);
    width:16px;
    height:16px;
}
.boli-editablelistcontrol-btn-ok
{
    background-image:url(http://boli.hu/resources/boli.framework/images/webdev-ok-icon.png);
    width:16px;
    height:16px;
}
.boli-editablelistcontrol-list-container
{
    font-family:Arial;
    font-size:11px;
    list-style-type:none;
    padding:0px;
    margin:0px;
}
.boli-editablelistcontrol-list-container li a
{
    font-size:12px;
    padding:5px 10px;
    display:block;
    text-decoration:none;
    border-bottom:1px solid #dddddd;
}



.boli-editablelistcontrol-list-active
{
    background:url(/customcontrol/images/list-active.png);
    color:#ffffff;
}
.boli-editablelistcontrol-list
{
    background:url(/customcontrol/images/list.png) bottom;
    color:#666666;
}
.boli-editablelistcontrol-list-hover
{
    background:#FFFFFF;
    color:#666666;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/

.editablelist-sub
{
    list-style-type:none;
    background-color:#444444;
    padding:0px;
    margin:0px;
    margin-left:10px;
}
.editablelist-sub-item
{
    background:#FFFFFF;
    color:#000000;
}
.editablelist-sub-item-active
{
    background:url(/customcontrol/images/list-active.png) 0px -20px ;
    color:#ffffff;
}
.editablelist-sub-item-hover
{
    background:#eeeeee;
    color:#000000;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/


.cc-main-table-cell
{
    vertical-align:top; 
    border-top:1px solid #888888;
    border-left:1px solid #888888;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    padding:1px;
    background-color:#eeeeee;
}
.cc-main-table
{
    background-color:#bbbbbb;
}



.addNewLabel
{
    color:White;
}
.addNewInput
{
    width:120px;
    padding:2px 3px;
    border:1px solid #333333;
    background-color:#666666;
    color:White;
   
}


/*/////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////// CONTROL ITEMS                     ///////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/

.boli-cc
{
    border:1px solid #cccccc;
    margin-bottom:20px;
}
.boli-cc-items-header-container
{
    padding-bottom:2px;
    border-bottom:1px solid #cccccc;
}
.boli-cc-items-container
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
.boli-cc-items-container li a
{
    text-decoration:none;
    display:block;
    padding:2px 10px;
    border-bottom:1px solid #DDDDDD;
}

.boli-cc-items-list-active
{
    background-color:#666666;
    color:#EEEEEE;
}
.boli-cc-items-list
{
    background-color:#EEEEEE;
    color:#666666;
}
.boli-cc-items-list-hover
{
    background-color:#EEEEEE;
    color:#666666;
}
.boli-cc-items-new-container
{
    background-color:#999999;
}
.boli-cc-items-add-input
{
    width:120px;
    padding:3px 5px;
    border:1px solid #DDDDDD;
    background-color:#666666;
    color:White;
  
}








.boli-list
{
    background-color:#666666;
}
.boli-list-item a
{
    display:block;
    padding:2px 5px;
    text-decoration:none;
    border-bottom:1px solid #999999;
    color:#DDDDDD;
}