/**********************************************************************
* OSAKA WORDPRESS THEME 
* (Ideal For Business And Personal Use: Portfolio or Blog)   
* 
* File name:   
*      cms.css
* Brief:       
*      Core CMS cascade style sheet file
* Author:      
*      DigitalCavalry
* Author URI:
*      http://themeforest.net/user/DigitalCavalry
* Contact:
*      digitalcavalry@gmail.com 
**********************************************************************/
                 
/*******************************************************
* ADMIN PANELS CSS TOOLS 
*******************************************************/
.dc-cms-clear { height:1px; clear:both; } 
.dc-cms-clear-both { height:1px; clear:both; } 
.dc-cms-clear-left { height:1px; clear:left; }
.dc-cms-clear-right { height:1px; clear:right; }
.dc-cms-hidden { display:none; }  
.dc-cms-option { display:none; } 
.dc-cms-action-name { display:none; }
.dc-cms-marked-span { color:#194B97; font-weight:bold; }
.dc-cms-no-user-select { -moz-user-select:none; -webkit-user-select:none; -webkit-user-drag: none; }

.dc-cms-exception 
{ 
    margin:0px 0px 0px 0px; 
    margin-top:10px;
    padding:10px; 
    font: normal 10px/12px Verdana; 
    color:#666; 
    background-color:#FFFFE0; 
    border:1px solid #E6DB55;
    border-radius:3px;
    display:inline-block;
}

.dc-cms-exception .exception-title
{
    font-weight:bold;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #E6DB55;
}

.dc-cms-help-note-inline 
{
    font-size: 11px;
    font-style: normal;
    font-family: sans-serif;    
    color:#666;
    padding:5px 0px 0px 5px;
    display:inline-block;
}

.dc-cms-help-note-box 
{
    font-size: 11px;
    line-height:14px;
    font-style: normal;
    font-family: sans-serif;    
    color:#666;
    display:block;
    padding:10px 0px 5px 0px;
}

.dc-cms-help-note-box ul.disc-list
{
    list-style-type: disc;
    list-style-position: inside;
    padding-left:10px;
    font-size:11px;
    line-height:12px;
    padding-top:5px;
    padding-bottom:5px;
}

.dc-cms-help-note-box-small 
{
    font-size: 10px;
    line-height:11px;
    font-style: italic;
    font-family: sans-serif;    
    color:#333;
    display:block;
    padding:5px 0px 5px 0px;
}

.dc-cms-help-note-popup
{
    display:inline-block;
    width:20px;
    height:16px;
    background-image: url(../img/book-question.png);
    background-repeat: no-repeat;
    background-position: left top;
    position:relative;
    margin-left:2px;
    cursor:pointer;
}

.dc-cms-help-note-popup .dc-cms-marked-span
{
    color:#A50505;
}

.dc-cms-help-note-popup > div
{
    display: none;
    background-color:white;
    border:1px solid #AAA;
    box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    position:absolute;
    left:20px;
    top:0px;
    width:200px;    
    padding:10px 14px 10px 14px;
    font-size:11px;
    line-height:15px;
    font-weight:bold;
    color:#333;
    
}

.dc-cms-help-note-popup:hover > div 
{
    display:block;
    z-index:10;  
}   

.dc-cms-wp-media-btn
{
    margin-right:5px;
}

/*******************************************************
* ADMIN PANELS COLUMNS
*******************************************************/
#dc-cms-columns-wrapper
{
    width:100%;
    position:relative;
}

.dc-cms-left-column
{
    width:65%;
    float:left;
    margin-right:30px;
    position:relative;
    min-height:200px;
       
}

.dc-cms-menu-column
{
    width:220px;
    float:left;
    margin:0px;
    padding-bottom:0px;
    border-radius: 5px;
    border: 1px solid #DFDFDF; 
    margin-top:10px; 
    
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;    
}

.dc-cms-menu-column .menu-head
{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    background-color: #FAFAFA;    
    
}

.dc-cms-menu-column .menu-head h3
{
    color: #464646;
    border-bottom: 1px solid #DFDFDF;
    text-shadow: white 0px 1px 0px;
    -moz-box-shadow: 0px 1px 0px #fff;
    -webkit-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    font: normal 15px Georgia;
    padding: 5px 10px;
    margin: 0px;
    overflow: hidden;    
}

.dc-cms-menu-column ul.menu
{
    margin:0px;
    padding:0px;  
}

.dc-cms-menu-column ul.menu li
{
    display:block;  
    position: relative;
}


    
.dc-cms-menu-column ul.menu li .submenu-wrapper
{
    display:none;
    width:180px;
    position:absolute;
    left:-181px;
    top:1px;
    background-color:white;
    z-index:5;
    
    border-color: #DFDFDF;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    
    -moz-box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
    box-shadow: -3px 3px 5px rgba(0,0,0,0.2); 
    
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;       
} 

.dc-cms-menu-column ul.menu li:hover > .submenu-wrapper
{
    display:block;       
}   

.dc-cms-menu-column ul.menu li .submenu-wrapper ul
{
    padding-left:0px;
    width:auto;
    padding-top:4px;
    padding-bottom:4px;    
}

.dc-cms-menu-column ul.menu li .submenu-wrapper ul li
{
    border:none;    
}

.dc-cms-menu-column ul.menu li .submenu-wrapper ul li a
{
    line-height:14px;
    padding:4px 5px 4px 10px;  
    display: block;
    font-size:12px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF; 
    border:none;
}

.dc-cms-menu-column ul.menu li a
{
    line-height:18px;
    padding:8px 5px 8px 10px;  
    display: block;
    font-size:13px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ECECEC;
    border-top: 1px solid #F9F9F9;
    border-bottom:1px solid #DFDFDF;     
} 

.dc-cms-menu-column ul.menu li:last-child a
{
    border-bottom:0px;
    
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;       
} 

.dc-cms-menu-column ul.menu li.active-page
{
    position:relative;     
}

.dc-cms-menu-column ul.menu li a.active-page
{
    background-color:#777;   
    color:#FFF; 
    position:relative;
    left:1px;
}

.dc-cms-menu-column ul.menu li.active-page .arrow
{
    position:absolute;
    width:15px;
    height:34px;
    background-image:url(../img/menu-selected-arrow.png);
    left:-14px;
    top:1px;
    z-index:10;
}

.dc-cms-menu-column ul.menu li a.active-page:hover
{
    background-color:#777;    
} 

.dc-cms-menu-column ul.menu li:hover a.active-page
{
    background-color:#777;    
} 

.dc-cms-menu-column ul.menu li a:hover
{
    background-color:#E4E4E4;     
}

.dc-cms-menu-column ul.menu li:hover > a
{
    background-color:#E4E4E4;     
}

.dc-cms-menu-column ul.menu li:hover > .arrow-hover
{
    display:block;
}

.dc-cms-menu-column ul.menu li .arrow-hover
{
    display:none;
    position:absolute;
    width:15px;
    height:34px;
    background-image:url(../img/menu-hover-arrow.png);
    left:-14px;
    top:2px;
    z-index:10;
}

.dc-cms-menu-column ul.menu li ul
{
    padding-left:0px;
    width:auto;
    padding-top:10px;
    padding-bottom:10px;
}

.dc-cms-menu-column ul.menu li ul li
{
    border:none;    
}

.dc-cms-menu-column ul.menu li ul li a
{
    line-height:14px;
    padding:4px 5px 4px 20px;  
    display: block;
    font-size:12px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF; 
    border:none;
}

.dc-cms-menu-column ul.menu li ul li a.active-subpage
{
    font-weight:bold;
    color:#000;  
} 

.dc-cms-menu-column ul.menu li ul li a:hover
{
    background-color:#EAF2FA;
}

/*******************************************************
* CMS STANDARD COLUMNS
*******************************************************/
.dc-cms-std-custom-column
{
    float:left;
    width:300px;
}

.dc-cms-std-custom-wrapper
{
    position: relative;
}

/*******************************************************
* CMS SMART TABS
*******************************************************/
.dc-cms-smart-tabs-wrapper
{
    
}

/*******************************************************
* ADMIN PANELS 
*******************************************************/
.dc-cms-single-panel
{
    padding: 0px;
    margin: 10px 0px 20px 0px;
    border: 1px solid #DFDFDF;       
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #F8F8F8;    
}

.dc-cms-single-panel .panel-head
{    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    background-color: #FAFAFA;    
        
}

.dc-cms-single-panel .panel-head h3 
{
    color: #464646;
    border-bottom: 1px solid #DFDFDF;
    text-shadow: white 0px 1px 0px;
    -moz-box-shadow: 0px 1px 0px #fff;
    -webkit-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    font: normal 15px Georgia;
    padding: 5px 10px;
    margin: 0px;
    overflow: hidden;
}

.dc-cms-single-panel .panel-content
{
    margin: 0;
    padding: 15px 15px 15px 15px;  
    position: relative;  
}

.dc-cms-single-panel .panel-content .section-head
{
    margin-bottom:10px;
    border-bottom:1px solid #EEE;
    font:normal 11px/16px Verdana;
    text-transform: uppercase; 
    padding:5px 0px 5px 30px;
    background-image:url(../img/child.png);
    background-repeat: no-repeat;
    background-position:5px 5px;
    background-color:#EAEAEA;
}

.dc-cms-single-panel .panel-content .section-head-small
{
    margin-bottom:10px;
    border-bottom:1px solid #EEE;
    font:normal 10px/12px Verdana;
    text-transform: uppercase; 
    padding:5px 0px 5px 26px;
    
    background-image:url(../img/last-child.png);
    background-repeat: no-repeat;
    background-position:5px 3px;   
    
    background-color:#EEE;
    margin-top:20px;
    margin-bottom:20px;
}

.dc-cms-single-panel .panel-content .section-head-light 
{
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE;
    font: normal 11px/14px Verdana;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.dc-cms-left-marked-title
{
    padding-left:8px;
    border-left:2px solid #D4D4D4;
    display:block;
}

.dc-cms-process-info
{
    color:#000;
    border:1px solid #E6DB55;
    background-color:#FFFFE0;  
    position:absolute; 
    left:0px;
    top:0px;   
    padding:5px 10px 5px 25px;
    display: block;
    border-radius:5px;
    font-size:11px;
    
    background-image:url('../img/note.png');
    background-position:5px 5px;
    background-repeat: no-repeat;
}

.dc-cms-process-info-error
{
    color:#000;
    border:1px solid #E6DB55;
    background-color:#FFFFE0;  
    position:absolute; 
    left:0px;
    top:0px;   
    padding:5px 10px 5px 25px;
    display: block;
    border-radius:5px;
    font-size:11px;
    
    background-image:url('../img/error.png');
    background-position:5px 5px;
    background-repeat: no-repeat;
}

.dc-cms-process-info-exclamation
{
    color:#000;
    border:1px solid #E6DB55;
    background-color:#FFFFE0;  
    position:absolute; 
    left:0px;
    top:0px;   
    padding:5px 10px 5px 25px;
    display: block;
    border-radius:5px;
    font-size:11px;
    
    background-image:url('../img/exclamation.png');
    background-position:5px 5px;
    background-repeat: no-repeat;
}

.dc-cms-table-standard
{
}

.dc-cms-table-standard > tbody > tr > td
{
    padding:8px 0px 40px 10px;        
}

.dc-cms-table-standard > tbody > tr > td:first-child
{
    min-width:180px;
    max-width:180px;
    padding-left:0px;
    padding-right:40px;
    vertical-align: top;
}

.dc-cms-object-data-box
{
    margin-top:2px;
}

.dc-cms-object-data-box .option
{
    margin-bottom:2px;  
    font-size:11px;  
}

.dc-cms-object-data-box .option .property
{
    background-color:#EEE;
    padding:5px 8px 5px 8px;
    margin-right:2px;
    display:inline-block;    
    min-width:60px;
    text-align:left;
    
    border-left:1px solid #E2E2E2;
}

.dc-cms-object-data-box .option .value
{
    background-color:#FFF;
    padding:5px 8px 5px 8px;
    display:inline-block;
    min-width:40px;
    text-align:center;        
}

/*******************************************************
* CMS FAT TABLE
*******************************************************/
.dc-cms-table-fat
{
    border-color: #DFDFDF;
    background-color: #F9F9F9;    
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0px;    
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;    
}

.dc-cms-table-fat * 
{
    word-wrap: break-word;
}

.dc-cms-table-fat td, 
.dc-cms-table-fat th 
{
    border-width: 1px 0px;
    border-style: solid;
    overflow: hidden;
    border-top-color:white;
    border-bottom-color:#DFDFDF;
    padding: 8px 0px 20px 10px;    
}

.dc-cms-table-fat th 
{
    padding: 7px 7px 8px;
    text-align: left;
    line-height: 1.3em;
    font-size: 14px;
    font-family: Georgia, "Times New Roman","Bitstream Charter", Times,serif;
    text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0;
    font-weight: normal;
    
}

.dc-cms-table-fat th input 
{
    margin: 0px 0px 0px 8px;
    padding: 0px;
    vertical-align: text-top;
}

.dc-cms-table-fat thead th:first-of-type 
{
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.dc-cms-table-fat thead th:last-of-type 
{
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dc-cms-table-fat thead tr th, 
.dc-cms-table-fat tfoot tr th
{
    color: #333;
    background-color:#F1F1F1;
    background-image: -ms-linear-gradient(top, #F9F9F9, #ECECEC);
    background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC);
    background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#ECECEC));
    background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC);
    background-image: linear-gradient(top, #F9F9F9, #ECECEC);    
}

.dc-cms-table-fat .check-column
{
    width: 30px;
    padding: 11px 0px 0px;
    vertical-align: top;    
}

/*******************************************************
* ADMIN CONTACT FORMS LIST AND EDIT PANEL
*******************************************************/
.dc-cms-contact-forms-list
{
    width:760px;    
}

.dc-cms-contact-forms-list .item
{
    float:left;
    background:#F2F2F2;
    border:1px solid #DDD;
    margin-right:25px;
    margin-bottom:25px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;   
    line-height:14px; 
    position: relative;
}

.dc-cms-contact-forms-list .item .menu-id-box
{
    position: absolute;
    right:10px;
    top:-15px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 6px 4px 6px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:1px solid #DDD; 
    border-bottom: none;
    width:120px;
    text-align:center; 
}

.dc-cms-contact-forms-list .item.in-edit
{
    border-color:#A7BC30;
   
}

.dc-cms-contact-forms-list .item.in-edit .menu-id-box 
{
    border-color:#A7BC30;   
} 

/* contact form edit section */
.dc-cms-edit-contact-form-wrapper
{
    
}
                                   
.dc-cms-edit-contact-form-wrapper .edit-contact-form-left-column
{
    float:left;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list
{
    margin:0px;
    padding:0px 0px 100px 0px;    
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .placeholder
{
    border:1px dashed #AAA;
    margin-bottom:25px;
    background-color:#EEE;
    min-width:520px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item
{
    background:#F2F2F2;
    border:1px solid #DDD;
    margin-bottom:25px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    cursor: move;     
    position: relative;
    margin-right:20px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item textarea 
{
    width:240px;  
    max-width:240px;
    height:50px;
    max-height:50px;  
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-left
{
    float:left;
    width:240px;
    margin-right:20px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-right
{
    float:right;
    width:240px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full 
{
    width:500px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full ul.select-option-list
{
    width:500px;    
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full li.select-option 
{
    width:490px;
    margin-bottom:5px;
    padding:5px;
    display:block;
    background-color:#E8E8E8;
    line-height:28px;
    border-radius:3px;
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full li.select-option input[type="text"] 
{
    width:320px;    
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full li.select-option input[type="radio"] 
{
    margin-left:10px; 
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .col-full li.select-option input.dc-cms-submit-delete-btn
{
    float:right;
}   

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .index-box
{
    position: absolute;
    left:-18px;
    top:20px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 3px 4px 3px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:1px solid #DDD; 
    border-right:none;
    min-width:16px;
    text-align:center; 
}

.dc-cms-edit-contact-form-wrapper .cf-items-list .cf-item .type-box
{
    position: absolute;
    right:10px;
    top:-15px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 6px 4px 6px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:1px solid #DDD; 
    border-bottom: none;
    width:90px;
    text-align:center; 
}

.dc-cms-edit-contact-form-wrapper .edit-contact-form-right-column
{
    float:left;           
}

.dc-cms-edit-contact-form-wrapper .edit-contact-form-right-column .panel
{
    background:#F2F2F2;
    border:1px solid #DDD;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    padding:10px;      
}
    
/*******************************************************
* ADMIN GOOGLE FONTS LIST
*******************************************************/
.dc-cms-google-fonts-list
{
    width:700px;    
}

.dc-cms-google-fonts-list .inner-item
{
 
}

.dc-cms-google-fonts-list .inner-item span.label
{
    font-weight: bold;
}

.dc-cms-google-fonts-list-paging
{
    height:32px;
    line-height:32px;
    margin-bottom:5px;
    position: relative;
    padding-top:15px;
}

.dc-cms-google-fonts-list-paging .top-info
{
     width:100%;
     position: absolute;
     height:15px;
     line-height:15px;
     background-color:transparent;
     left:0px;
     top:0px;
} 

.dc-cms-google-fonts-list-paging .top-info .items-count
{
    font-family: Georgia;
    font-size:12px;
    font-style: italic;
    color:#777;
    float:right;
} 

.dc-cms-google-fonts-list-paging .left-side
{
    float:left;
}

.dc-cms-google-fonts-list-paging .right-side
{
    float:right;
}

.dc-cms-google-fonts-list-paging .right-side .pages-count
{
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    font-style: normal;
    color:#777;  
    padding-right:10px; 
}



/*******************************************************
* ADMIN SIDEBARS LIST
*******************************************************/
.dc-cms-sidebars-list
{
    
}

.dc-cms-sidebars-list .item
{
    width:560px;
    background:#F2F2F2;
    border:1px solid #DDD;
    float:left;
    margin-right:0px;
    margin-bottom:5px;
    margin-top:30px;
    padding:10px;
    font-size:12px;
    clear: both;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}

.dc-cms-sidebars-list .item:first-of-type
{
    margin-top:0px;
}

.dc-cms-sidebars-list .item span.label
{
    font-weight: bold;
}

/*******************************************************
* ADMIN INDIVIDUAL CATAGORIES SIDEBARS LIST
*******************************************************/
.dc-cms-categories-sidebar-list
{
    
}

.dc-cms-categories-sidebar-list .item
{
    background:#F2F2F2;
    border:1px solid #DDD;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:0px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}

.dc-cms-categories-sidebar-list .item span.label
{
    font-weight:bold;
    padding:0px 0px 2px 2px;
    display: block;
}

/*********************************************************** 
* CMS SORTABLE CSS
************************************************************/ 
.dc-cms-sortable-sidebars-list-wrapper   
{
    padding-top:5px;
    padding-bottom:10px;    
}

.dc-cms-sortable-sidebars-list
{
    margin-top:2px;    
}

.dc-cms-sortable-sidebars-list li
{
    padding:8px 10px 8px 10px;
    background-color:#F8F8F8;
    border:2px solid #DDD; 
    display:block;
    margin-bottom:4px;
    cursor: move;         
    border-radius:3px;
}

.dc-cms-sortable-sidebars-list li.primary
{
    border-color:#A7BC30;    
}

.dc-cms-sortable-sidebars-list li > .input-use
{
    float: right;
    display: inline-block;
}

.dc-cms-sortable-sidebars-list li:hover
{
    background-color:#EAEAEA;
    border:2px solid #CCC; 
}

.dc-cms-sortable-sidebars-list li.primary:hover
{
    border-color:#A7BC30;     
}  

/*******************************************************
* CMS SORTABLE HEADER INFO LIST
*******************************************************/
.dc-cms-edit-header-info-list-wrapper
{
    margin-top:20px;    
}

.dc-cms-edit-header-info-list-left-column
{
    float:left;
    margin-right:0px;  
}

.dc-cms-edit-header-info-list-right-column
{
    float:left;    
}

.dc-cms-edit-header-info-list
{
    padding:0px 0px 0px 0px;
    margin:0px;     
}

.dc-cms-edit-header-info-list li
{
    background:#F2F2F2;
    border:1px solid #DDD;
    margin-bottom:25px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;
    float:left;   
    cursor:move;
    position: relative;
    margin-right:25px;
    width:360px;
}

.dc-cms-edit-header-info-list li textarea
{
    outline:none;
    height:100px;
    color:#3E3E3E;
    font-family: Tahoma, sans-serif;
    font-size:13px;
    line-height:16px;
    padding:5px;
    max-width:360px;
    margin:0px;
}

.dc-cms-edit-header-info-list li .index-box
{
    position: absolute;
    left:-18px;
    top:20px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 3px 4px 3px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:1px solid #DDD; 
    border-right:none;
    min-width:16px;
    text-align:center; 
}

.dc-cms-edit-header-info-list .placeholder
{
    border:1px dashed #AAA;
    margin-bottom:25px;
    background-color:#EEE;
    width:360px;
}

/*******************************************************
* CMS SORTABLE ICONS BOX LIST
*******************************************************/
.dc-cms-sortable-icons-box-list-wrapper
{
    
}

.dc-cms-sortable-icons-box-list
{
    margin:0px;
    padding:0px;
    width:700px; 
}

.dc-cms-sortable-icons-box-list li
{
    background:#F2F2F2;
    border:1px solid #DDD;
    margin-right:25px;
    margin-bottom:25px;
    padding:10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;
    float:left;   
    cursor:move;
    position: relative;
}

.dc-cms-sortable-icons-box-list li .index-box
{
    position: absolute;
    left:-18px;
    top:20px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 3px 4px 3px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:1px solid #DDD; 
    border-right:none;
    min-width:16px;
    text-align:center; 
}

.dc-cms-sortable-icons-box-list li .icon-images-wrapper   
{
    margin-top:15px;  
}

.dc-cms-sortable-icons-box-list li .icon-main-image-wrapper
{
    float:left;
    margin-right:20px;
    width:140px;    
}

.dc-cms-sortable-icons-box-list li .icon-hover-image-wrapper
{
    float:left;     
    width:140px;       
}

.dc-cms-sortable-icons-box-list li .icon-main-image-wrapper .image, 
.dc-cms-sortable-icons-box-list li .icon-hover-image-wrapper .image
{
    background-color:#FAFAFA;
    border:1px solid #EEE;
    width:138px;
    height:105px;  
    margin-top:5px;  
    margin-bottom:5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.dc-cms-sortable-icons-box-list li span.label
{
    font-weight: bold;
}

.dc-cms-sortable-icons-box-list li .delete-btn
{
    width:60px;
    float:left;
    padding-left:10px; 
}  

/*********************************************************** 
* CMS AJAX IN PROGRESS CSS
************************************************************/ 
.dc-cms-ajax-progress
{
    position:fixed;
    right:60px;
    bottom:60px;
    padding:5px;
    background-color:#EEEEEE;
    z-index:100;        
    border:1px solid #CCC;
    font:11px/11px Helvetica;
    color:#222;
    text-align:center;
}

.dc-cms-ajax-progress .image
{
    background-image:url(../img/ajax.gif);
    width:126px;
    height:22px;
    margin-bottom:2px;
}

/*******************************************************
* ADMIN CUSTOM FIELD PANEL 
*******************************************************/
.dc-cms-custom-field-panel
{
    position:relative;     
}
 
.dc-cms-custom-field-panel .top-save-panel
{
     text-align:right;
     background-color:transparent;
     padding-top:5px;
     padding-bottom:10px;
     margin-bottom:10px;
     border-bottom:1px solid #EEE;
}

.dc-cms-custom-field-panel .bottom-save-panel
{
     text-align:right;
     background-color:transparent;
     padding-bottom:5px;
     padding-top:10px;
     margin-top:10px;
     border-top:1px solid #EEE;
}
 
.dc-cms-custom-field-panel .center-content-panel
{
    background-color:#EDEDED;
    padding:10px;    
    border-radius:5px;
} 

/*******************************************************
* ADMIN TEXT INPUTS
*******************************************************/
.dc-cms-control-center-10  { width:10px; text-align:center; }
.dc-cms-control-center-20  { width:20px; text-align:center; }
.dc-cms-control-center-30  { width:30px; text-align:center; }
.dc-cms-control-center-40  { width:40px; text-align:center; }
.dc-cms-control-center-50  { width:50px; text-align:center; }
.dc-cms-control-center-60  { width:60px; text-align:center; }
.dc-cms-control-center-70  { width:70px; text-align:center; }
.dc-cms-control-center-80  { width:80px; text-align:center; }
.dc-cms-control-center-90  { width:90px; text-align:center; }  
.dc-cms-control-center-100 { width:100px; text-align:center; }  

.dc-cms-control-10  { width:10px; } 
.dc-cms-control-20  { width:20px; } 
.dc-cms-control-30  { width:30px; } 
.dc-cms-control-40  { width:40px; }
.dc-cms-control-50  { width:50px; }
.dc-cms-control-60  { width:60px; }
.dc-cms-control-70  { width:70px; } 
.dc-cms-control-80  { width:80px; }
.dc-cms-control-90  { width:90px; }  
.dc-cms-control-100 { width:100px; }
.dc-cms-control-120 { width:120px; }
.dc-cms-control-140 { width:140px; }
.dc-cms-control-160 { width:160px; }
.dc-cms-control-200 { width:200px; }
.dc-cms-control-300 { width:300px; }
.dc-cms-control-400 { width:400px; }
.dc-cms-control-500 { width:500px; }   
.dc-cms-control-600 { width:600px; }

.dc-cms-control-wide   { width:100%; }
.dc-cms-control-10per  { width:10%; }  
.dc-cms-control-20per  { width:20%; }
.dc-cms-control-30per  { width:30%; }
.dc-cms-control-40per  { width:40%; }
.dc-cms-control-50per  { width:50%; }
.dc-cms-control-60per  { width:60%; }
.dc-cms-control-70per  { width:70%; }
.dc-cms-control-80per  { width:80%; }
.dc-cms-control-90per  { width:90%; }
.dc-cms-control-100per { width:100%; }

.dc-cms-control-h-10  { height:10px; }
.dc-cms-control-h-20  { height:20px; } 
.dc-cms-control-h-30  { height:30px; } 
.dc-cms-control-h-40  { height:40px; } 
.dc-cms-control-h-50  { height:50px; } 
.dc-cms-control-h-60  { height:60px; }
.dc-cms-control-h-70  { height:70px; }
.dc-cms-control-h-80  { height:80px; }
.dc-cms-control-h-90  { height:90px; }
.dc-cms-control-h-100 { height:100px; }
.dc-cms-control-h-110 { height:110px; }
.dc-cms-control-h-120 { height:120px; }
.dc-cms-control-h-130 { height:130px; }
.dc-cms-control-h-140 { height:140px; }
.dc-cms-control-h-150 { height:150px; }
.dc-cms-control-h-160 { height:160px; }
.dc-cms-control-h-170 { height:170px; }
.dc-cms-control-h-180 { height:180px; }                     
.dc-cms-control-h-190 { height:190px; } 
.dc-cms-control-h-200 { height:200px; } 
.dc-cms-control-h-210 { height:210px; }
.dc-cms-control-h-220 { height:220px; }
.dc-cms-control-h-230 { height:230px; }
.dc-cms-control-h-240 { height:240px; }
.dc-cms-control-h-250 { height:250px; }
.dc-cms-control-h-260 { height:260px; }
.dc-cms-control-h-270 { height:270px; }
.dc-cms-control-h-280 { height:280px; }
.dc-cms-control-h-290 { height:290px; }
.dc-cms-control-h-300 { height:300px; }
.dc-cms-control-h-400 { height:400px; }
.dc-cms-control-h-500 { height:500px; }                   
.dc-cms-control-h-600 { height:600px; }                    
.dc-cms-control-h-700 { height:700px; } 
.dc-cms-control-h-800 { height:800px; } 
                               
.dc-cms-control-textarea 
{ 
    outline:none; 
    padding:10px; 
    
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    line-height: 18px;  
} 

.dc-cms-control-textarea:focus
{
    background-color:#FFFFD5;
}

.dc-cms-control-monospace-textarea 
{ 
    outline:none; 
    padding:10px; 
    
    font-family:monospace;
    font-size: 12px;
    line-height: 15px;    
} 


/*******************************************************
*  FOOTER LAYOUT CMS
********************************************************/
.dc-cms-footer-layout-4-columns
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-4-columns.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
}

.dc-cms-footer-layout-2-columns
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-2-columns.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

.dc-cms-footer-layout-2-columns-left-small
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-2-columns-left-small.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

.dc-cms-footer-layout-2-columns-right-small
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-2-columns-right-small.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

.dc-cms-footer-layout-3-columns
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-3-columns.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

.dc-cms-footer-layout-3-columns-left-big
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-3-columns-left-big.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

.dc-cms-footer-layout-3-columns-right-big
{
    width:80px;
    padding-left:220px;
    height:120px;
    background-image:url(../img/footer-layout-3-columns-right-big.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height:120px;
    margin-bottom:20px;
}

/*******************************************************
* ADMIN INPUTS TOOLS
*******************************************************/
.dc-cms-excludable-checkbox-field
{
    margin-top:15px;
    line-height :22px;    
}

.dc-cms-excludable-checkbox-field-nomargin
{
    line-height :22px;    
}

.dc-cms-inputs-field-smargin
{
    margin-top:6px;
    line-height :22px;
} 

.dc-cms-inputs-field-nomargin
{
    line-height :22px;
} 

.dc-cms-inputs-field
{
    margin-top:15px;
    line-height :22px;
} 

.dc-cms-empty-space-field
{
    clear: both;
}

.dc-cms-no-user-select-field
{
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;  
}

.dc-cms-float-left-field
{
    float:left;
    margin-right:30px;
}

.dc-cms-group-field 
{
    padding:20px 20px 20px 20px;
    margin-top:35px;
    border:1px solid #DDD;
    border-radius:3px;
    position: relative;
}

.dc-cms-group-field .group-title
{
    position:absolute;
    left:0px;
    top:-18px;    
    font-style:italic;
    font-size: 11px;
    line-height:11px;
    color:#666; 
} 

.dc-cms-group-field-tab 
{
    padding:20px 20px 20px 20px;
    margin-top:50px;
    border:1px solid #DDD;
    border-radius:3px;
    border-top-left-radius:0px;
    position: relative;
}

.dc-cms-group-field-tab .group-title
{
    position:absolute;
    left:-1px;
    top:-20px;    
    font-style:italic;
    font-size: 11px;
    line-height:11px;
    color:#000; 
    background-color:#DFDFDF;
    padding:4px 12px 4px 12px;
    border-top-left-radius:3px;
    border-top-right-radius:3px; 
    border-bottom:1px solid #BBB;                                    
} 

.dc-cms-std-scroll-box
{
    height:100px;
    overflow-y:scroll;
    padding:8px;
    background-color:#FFF;
    border:1px solid #DDD;    
}

.dc-cms-std-scroll-box span.term-count
{
    color:#888;
    font-size:10px;
}

/*******************************************************
* ADMIN INPUTS LABELS
*******************************************************/
.dc-cms-control-top-label
{
    display: block;
    font-size:11px;
    line-height:11px;
    color:#666;  
    font-style: italic;
    margin-top:15px; 
    padding-bottom:4px; 
}

.dc-cms-control-top-label-nomargin
{
    display: block;
    font-size:11px;
    line-height:11px;
    color:#666;  
    font-style: italic;  
    margin-top:0px;
    padding-bottom:4px;
}

.dc-cms-control-top-label-s-margin
{
    display: block;
    font-size:11px;
    line-height:11px;
    color:#666;  
    font-style: italic;  
    margin-top:10px;
    padding-bottom:4px;
}

.dc-cms-checkbox-label
{
    color:#666;
    padding-right: 10px;
    font-style: italic;    
}

.dc-cms-settings-section-head
{
    padding:10px 0px 5px 0px;
    border-bottom:1px solid #EBEBEB;
    margin-bottom:10px;
    margin-top:10px;
    font:normal 14px/14px Trebuchet MS;
    text-transform: uppercase;
    color:#666;
}

.dc-cms-settings-section-head-nomargin
{
    padding:0px 0px 5px 0px;
    border-bottom:1px solid #EBEBEB;
    margin-bottom:10px;
    margin-top:0px;
    font:normal 14px/14px Trebuchet MS;
    text-transform: uppercase;
    color:#666;
}

/*******************************************************
* ADMIN OWN INPUTS 
*******************************************************/
.dc-cms-control-input-int
{
    border: 1px solid #DFDFDF;
    border-radius:3px;    
    color: #757575;
    display:inline-block;
    font-family:'PT Sans', sans-serif;     
    font-size: 12px;
    line-height:26px;
    padding:0px;
    height:26px;
    background-color: transparent;

    -moz-user-select:none; 
    -webkit-user-select:none; 
    -webkit-user-drag: none;    
    
    box-shadow:1px 1px 2px #DDD;    
}

.dc-cms-control-input-int:hover > input
{
    color:#000;
}

.dc-cms-control-input-int input
{
    border-radius:0px;
    width:50px;
    height:26px;
    display:inline-block;
    padding:0px;       
    margin:0px;
    border:none;
    text-align:center;
    color:#555;
    font-weight:bold; 
    background-color:#F8F8F8;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    font-family:Monospace;
}

.dc-cms-control-input-int input:focus
{
    background-color:#FFFFD5;
}

.dc-cms-control-input-int .plus
{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    width:24px;
    height:26px;        
    display:inline-block;
    background-color:#EBEBEB;
    float:right;
    text-align:center;
    font-family:Verdana;
    font-size:10px;
    cursor:pointer; 
    background: url(../img/intcontrol/arrow_right.png) no-repeat center center #EBEBEB; 
}

.dc-cms-control-input-int .plus:hover
{
    background: url(../img/intcontrol/arrow_right_dark.png) no-repeat center center #EBEBEB; 
}

.dc-cms-control-input-int .plus.btn-disabled
{
    background: url(../img/intcontrol/disabled.png) no-repeat center center #EBEBEB;
    cursor:default;     
} 

.dc-cms-control-input-int .minus
{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    width:24px;
    height:26px;
    display:inline-block;
    background-color:#EBEBEB;  
    float:left;  
    text-align:center;
    font-family:Verdana;
    font-size:10px;
    cursor:pointer;
    background: url(../img/intcontrol/arrow_left.png) no-repeat center center #EBEBEB;
}

.dc-cms-control-input-int .minus:hover
{
    background: url(../img/intcontrol/arrow_left_dark.png) no-repeat center center #EBEBEB;
}

.dc-cms-control-input-int .minus.btn-disabled
{
    background: url(../img/intcontrol/disabled.png) no-repeat center center #EBEBEB;
    cursor:default;     
} 

/*******************************************************
* ADMIN H-SCROLLBAR 
*******************************************************/
.dc-cms-ctrl-h-scrollbar
{
    width:900px;
    height:20px;
    border:1px solid blue; 
    cursor: pointer;
    position:relative;  
}

.dc-cms-ctrl-h-scrollbar .handle
{
    position: absolute;
    left:0px;
    top:0px;
    width:60px;
    height:20px;
    background-color:#3399CC;    
}

.dc-cms-ctrl-h-scrollbar .scroll-content-id
{
    display:none;
}


/*******************************************************
* ADMIN SUBMIT BUTTONS 
*******************************************************/
.dc-cms-submit-panel-top
{
    margin-bottom:20px;
    padding-bottom:15px; 
    position: relative;
    clear: both;
    text-align: right;
    border-bottom:1px solid #EEE;  
}

.dc-cms-submit-panel-top-empty
{
    height:29px;
    margin-bottom:20px;
    padding-bottom:15px; 
    position: relative;
    clear: both;
    text-align: right;
    border-bottom:1px solid #EEE;      
}

.dc-cms-submit-panel-bottom
{
    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #EEE;
    clear: both;
    text-align: right;
}

.dc-cms-submit-panel-bottom-empty
{
    height:29px;
    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #EEE;
    clear: both;
    text-align: right;
}

.dc-cms-btn-frame
{
    padding-top:15px;    
} 

.dc-cms-btn-frame-top-border
{
    padding-top:10px;
    border-top:1px solid #EAEAEA;
    margin-top:15px;    
} 

.dc-cms-btn-frame-nomargin
{
    padding-top:0px;
    margin-top:0px;
    border:none;
}

input[type="submit"].dc-cms-submit-btn,
input[type="button"].dc-cms-submit-btn 
{
    background: url(../img/buttons/buttongray_bg.png) repeat-x #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 3px;

    color: #757575;
    display: inline-block;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    padding: 0px 14px 0px 14px; 
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    text-transform: none;
    zoom: 1;
    border-image: initial;
    cursor:pointer;
}


input[type="submit"].dc-cms-submit-btn:hover,
input[type="button"].dc-cms-submit-btn:hover 
{
    background: #EBEBEB;
    border: 1px solid #C4C4C4; 
    color:black;
}

input[type="button"].dc-cms-submit-delete-btn,  
input[type="submit"].dc-cms-submit-delete-btn 
{
    background: url(../img/buttons/buttongray_bg.png) repeat-x #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 3px;

    color: #757575;
    display: inline-block;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    padding: 0px 14px 0px 14px; 
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    text-transform: none;
    zoom: 1;
    border-image: initial;
    cursor:pointer;
}


input[type="button"].dc-cms-submit-delete-btn:hover, 
input[type="submit"].dc-cms-submit-delete-btn:hover 
{
    background: #EBEBEB;
    color:red;
}


input[type="submit"].dc-cms-submit-btn-primary 
{
    background: url(../img/buttons/buttonblue_bg.png) repeat-x #6D88A0;
    border-radius: 3px;

    border: 1px solid #5B7B99;
    color: white;
    text-shadow: 0 1px 0 #104266;    
    
    display: inline-block;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    padding: 0px 14px 0px 14px; 
    text-decoration: none;
    text-transform: none;
    zoom: 1;
    border-image: initial;
    cursor:pointer;
}


input[type="submit"].dc-cms-submit-btn-primary:hover 
{
    background: #6D88A0;
}


input[type="submit"].dc-cms-submit-image-btn,
input[type="button"].dc-cms-submit-image-btn  
{
    background: url(../img/buttons/buttongray_bg.png) repeat-x #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 3px;

    color: #757575;
    display: inline-block;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    padding: 0px 14px 0px 14px; 
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    text-transform: none;
    zoom: 1;
    border-image: initial;
    cursor:pointer;
}


input[type="submit"].dc-cms-submit-image-btn:hover,
input[type="button"].dc-cms-submit-image-btn:hover   
{
    background: #EBEBEB;
    border: 1px solid #C4C4C4; 
    color:#000000;
}

input[type="submit"].dc-cms-submit-btn-paging,
input[type="button"].dc-cms-submit-btn-paging 
{
    background: url(../img/buttons/buttongray_bg.png) repeat-x #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 3px;

    color: #656565;
    display: inline;
    font-family:"Tahoma", sans-serif;
    font-weight: normal;
    height: auto;
    font-size: 11px;
    line-height: 13px;
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer;
}


input[type="submit"].dc-cms-submit-btn-paging:hover,
input[type="button"].dc-cms-submit-btn-paging:hover 
{
    background: #EBEBEB;
    border: 1px solid #C4C4C4; 
    color:black;
}




/*******************************************************
* CHOOSE PAGE LYOUT BOX
*******************************************************/
.dc-cms-page-layout-box
{
    padding-top:4px;    
}

.dc-cms-page-layout-box > .item
{
    width:122px;
    float:left;
    margin-right:20px;
    text-align:center;    
}

.dc-cms-page-layout-box > .item > div
{
    height:60px;
    padding-top:30px;     
    background-repeat: no-repeat;
    background-position: center center;
    text-align:center;   
    font:italic 11px/12px Arial;
    color:#222;
    border:1px solid #E4E4E4;
    margin-bottom:10px;    
}

.dc-cms-page-layout-box > .item > .layout-image-full-width
{
    width:120px;
    height:50px;
    padding-top:40px;
    background-image:url('../img/layout-full-width.png');
}

.dc-cms-page-layout-box > .item > .layout-image-left-sidebar
{
    width:90px;
    height:50px;
    padding-top:40px;
    padding-left:30px;
    background-image:url('../img/layout-left-sidebar.png');
}

.dc-cms-page-layout-box > .item > .layout-image-right-sidebar
{
    width:90px;
    height:50px;
    padding-top:40px;
    padding-right:30px;
    background-image:url('../img/layout-right-sidebar.png');
}

.dc-cms-page-layout-box > .item > .layout-image-both-sidebars
{
    width:60px;
    padding-left:30px;
    padding-right:30px;
    background-image:url('../img/layout-both-sidebars.png');
}

/*******************************************************
* IMAGE LIGHTBOX PREVIEW 
*******************************************************/
#dc-cms-image-preview-lb
{
    position:fixed;
    left:0px;
    top:0px;
    z-index:620;
    padding:10px;
    background-color: black;
    border-radius:2px;
    
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);     
}

#dc-cms-image-preview-lb-bg
{
    width:100%;
    height:100%;
    position: fixed;
    left:0px;
    top:0px;
    background:rgba(0, 0, 0, 0.5);

/*  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#959595), to(black));
    background: -moz-radial-gradient(center 45deg, circle closest-side, #959595 0%, black 100%);
*/

    z-index:600;    
}

#dc-cms-image-preview-lb-bg div.color-box
{
    position: absolute;
    right:20px;
    bottom:20px;    
    background-color:#AAA;
    display:block;
    width:54px;
    height:25px;   
    border:4px solid #AAA;
}

#dc-cms-image-preview-lb-bg div.color-box .white-color 
{
    position: absolute;
    left:0px;
    top:0px;
    width:25px;
    height:25px;
    cursor:pointer;
    background-color:white;    
} 

#dc-cms-image-preview-lb-bg div.color-box .black-color 
{
    position: absolute; 
    right:0px;
    top:0px;
    width:25px;
    height:25px;
    cursor:pointer;
    background-color:black;    
} 

.dc-cms-image-preview-lb-item
{
    padding:10px;
    border:1px solid #DDD;
    background-color:#F2F2F2;
    margin-top:20px;
    width:100px;
    cursor:pointer;  
           
}

.dc-cms-image-preview-lb-item .image-wrapper
{
    width:100%;
}

.dc-cms-image-preview-lb-item:hover span.look-icon
{
    display:block;
}

.dc-cms-image-preview-lb-item div
{
    background-repeat: no-repeat;
    background-position: center center;
    width:100px;
    height:100px;
    background-image:none; 
    line-height:100px;
    text-align:center;
    background-color:#EDEDED;       
    font-size:11px;
    
    position:relative;
}



.dc-cms-image-preview-lb-item span.look-icon
{
    position: absolute;
    right:0px;
    bottom:0px;
    
    background-image:url('../img/lightbox/zoom.png');
    background-position:center center;
    background-repeat: no-repeat; 
    background-color: transparent;
    display: none;
    width:25px;
    height:25px;   
} 

.dc-cms-image-preview-lb-item span.image-path
{
    display: none;
}

/*******************************************************
* COLOR PICKER 
*******************************************************/
input.dc-color-picker
{
    border-radius:0px;
    width:70px;
    text-align:center;
    border:1px solid #AAA;
}

#dc-color-picker-tool
{
    position: absolute;
    left:0px;
    top:0px;
    width:195px;
    height:195px;
    background-color:#FFFFFF;
    z-index:40;    
    border:1px solid #E0E0E0;
    cursor:crosshair;
    
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1); 
    
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;     
}

#dc-color-picker-tool .dc-color-picker-close-btn
{
    position:absolute;
    top:0px;
    right:0px;
    width:20px;
    height:20px;
    text-align:center;
    color:black;
    background-color:white;
    font:normal 10px Verdana;
    line-height:20px;
    text-transform: uppercase;
    cursor:pointer;
    
    border-left:1px solid #E0E0E0;
    border-bottom:1px solid #E0E0E0;
}

#dc-color-picker-tool .dc-color-picker-close-btn:hover
{
    background-color:#EEE;
}

#dc-color-picker-tool .dc-color-picker-color
{
    position:absolute;
    top:47px;
    left:47px;
    width:101px;
    height:101px;  
    background-color:#FFD800;  
    text-transform: uppercase;
} 

#dc-color-picker-tool .dc-color-picker-hue
{
    position:absolute;
    left:0px;
    top:0px;
    width:195px;
    height:195px; 
    background-image:url(../img/colorpicker/hue.png);   
    background-position:0px 0px;
    background-repeat: no-repeat;     
} 

#dc-color-picker-tool .dc-color-pikcer-hue-pointer
{
    position: absolute;
    width:16px;
    height:16px;
    left:0px;
    top:0px;
    background-image:url(../img/colorpicker/pointer.png);   
    background-position:0px 0px;
    background-repeat: no-repeat;         
}

#dc-color-picker-tool .dc-color-picker-saturation
{
    position:absolute;
    top:47px;
    left:47px;
    width:101px;
    height:101px;
    background-image:url(../img/colorpicker/saturation.png); 
    background-position:0px 0px;
    background-repeat: no-repeat;
}

#dc-color-picker-tool .dc-color-picker-saturation-pointer
{
    position: absolute;
    width:16px;
    height:16px;
    left:0px;
    top:0px;    
    background-image:url(../img/colorpicker/pointer.png);   
    background-position:0px 0px;
    background-repeat: no-repeat;     
}

/******************************
*  TEXTAREA SHORTCODE TOOLBOX
******************************/
.dc-cms-shortcode-textarea-wrapper 
{
    position:relative;    
}

.dc-cms-add-shortcode-textarea-btn
{
    position:absolute;
    right:0px;
    top:-20px;
    cursor:pointer;
}

/*********************************************************************************************************************************************
 CMS FOR CONTENT BUILDER SYSTEM 
**********************************************************************************************************************************************/
#dc-cms-content-builder-wrapper 
{
    padding:10px 10px 10px 10px;
    background-color:#CCC;   
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel
{
    border:0px solid red;
    margin:5px 5px 10px 5px;
    padding:15px 10px 15px 10px;
    background-color:#EEE;
    position:relative;
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-list
{
    width:300px;
    margin-right:10px;
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-type-desc
{
    
    padding:0px 10px 0px 10px;    
    border-right:3px solid #D8D8D8;
    
    float:none;
    min-width:260px;
    max-width:260px;
    text-align:right;
    
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-style: italic;
    font-family:Helvetica;  
    
    position:absolute;
    right:10px;
    top:10px;
    
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-type-desc .item
{
    display:none;  
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .builder-meta
{
    display:none;
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-btn
{
    
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .meta-opt-btn
{

}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-place-btn 
{
    background-image:url(../img/contentbuilder/insert-at-end.png); 
    background-repeat:no-repeat;
    background-color:#F4F4F4;
    background-position:center center;
       
    border: 1px solid #C4C4C4;
    border-radius: 3px;

    color: #757575;
    display: inline-block;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    padding: 0px 14px 0px 14px;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    text-transform: none;
    zoom: 1;
    border-image: initial;
    cursor:pointer;
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-place-btn.state-start
{
    background-image:url(../img/contentbuilder/insert-at-start.png);     
}

#dc-cms-content-builder-wrapper .dc-cms-content-builder-control-panel .insert-place-btn:hover 
{
    background-color: #EBEBEB;
    border: 1px solid #C4C4C4; 
    color:black;
}

/* segment editor */
#dc-cms-content-builder-wrapper .dc-cms-segment-editor
{
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options
{
    background-color:#EEE;  
    margin-left:5px;
    margin-right:5px;  
    margin-top:10px;
    margin-bottom:5px;
    padding:15px 10px 15px 10px; 
    display:none; 
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .inner-opt-wrapper
{
    padding:15px 10px 15px 10px;
    background-color:#E9e9e9;
    position:relative;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings
{
    padding:12px 10px 12px 10px;
    background-color:#E2E2E2;
    margin-bottom:0px;
    border:2px solid #E0E0E0;
    position:relative;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .bottom-save-panel
{
    border-top:1px solid #E7E7E7;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .controls-wrapper
{
    display:none;    
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .open-close-btn
{
    width:120px;
    height:20px;
    line-height:22px;
    text-align:right;
    padding-right:20px;
    font-style:italic;
    font-size:11px;
    position:absolute;
    right:4px;
    top:2px;   
    background-color:transparent;
    cursor:pointer;
    
    background-image:url(../img/contentbuilder/common-opt-close.png);
    background-position:right 3px;
    background-repeat:no-repeat;
    
    opacity:0.6;
    filter:alpha(opacity=60); 
    
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .open-close-btn.active
{
    padding-bottom:4px;
    border-bottom:1px solid #CCC;
    background-image:url(../img/contentbuilder/common-opt-open.png);     
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .open-close-btn:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);     
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper
{
    width:100%;
    margin-top:15px;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper .multi-tab
{
    padding:5px 15px 5px 15px;
    color:#222;
    background-color:#EEE;
    display:inline-block;
    float:left;
    border-right:1px solid #DDD; 
    cursor:pointer;  
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper .multi-tab.last
{
    border-right:none;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper .multi-tab:hover
{
    background-color:#FFF688;
} 

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper .multi-tab.active
{
    background-color:#FFF688;  
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .common-settings .multi-tabs-wrapper .multi-tab-content
{
    display:none;
    padding:10px;
    background-color:#EEE;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .empty-option
{
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #666;
    font-style: italic;
    margin-top: 0px;
    padding-bottom: 0px;   
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .free-gray-box
{ 
    padding:10px;
    background-color:#F4F4F4;
}

#dc-cms-content-builder-wrapper .dc-cms-segment-editor .segment-options .free-section-head
{
    margin-top:25px;
    border-bottom: 1px solid #DDD;
    font: normal 11px/16px Verdana;
    text-transform: uppercase;
    padding: 5px 0px 5px 30px;
    background-image: url(../img/child.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: #DCDCDC;  
    margin-bottom:20px;  
}

/* note editor */
#dc-cms-content-builder-wrapper .dc-cms-note-editor
{
    
}

#dc-cms-content-builder-wrapper .dc-cms-note-editor .segment-note
{
    background-color:#EEE;  
    margin-left:5px;
    margin-right:5px;  
    margin-top:10px;
    margin-bottom:5px;
    padding:10px;
    display:none; 
    position:relative;
}

#dc-cms-content-builder-wrapper .dc-cms-note-editor .segment-note > .note
{
    width:100%;
    max-width:100%;
    height:60px;    
    border:1px solid #DDD;
    outline: none;
    margin-top:2px;
    border-radius:0px;
    padding:5px;
}

#dc-cms-content-builder-wrapper .dc-cms-note-editor .segment-note .close-btn
{
    position:absolute;
    right:8px;
    top:5px;
    width:21px;
    height:21px;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../img/contentbuilder/x.png);
    background-repeat:no-repeat;   
    background-position:center center;
}

#dc-cms-content-builder-wrapper .dc-cms-note-editor .segment-note .close-btn:hover
{
    background-image:url(../img/contentbuilder/x-hover.png);    
}


.dc-cms-content-builder
{
    padding:0px;
    margin:0px;   
}

.dc-cms-content-builder .placeholder
{
    margin-top:5px;
    height:50px;
    float:left;
    background-color: #888;
    border:none;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    
    background-image: url(../img/contentbuilder/placeholder-bg.png);
    background-position: center center;
    background-repeat: repeat;  
}

.dc-cms-content-builder > .segment-cell
{
    
}

.dc-cms-content-builder > .segment-1-4,
.dc-cms-content-builder > .segment-1-3,
.dc-cms-content-builder > .segment-1-2,
.dc-cms-content-builder > .segment-2-3,
.dc-cms-content-builder > .segment-3-4,
.dc-cms-content-builder > .segment-1-1
{
    float:left;
    position: relative;
    height:60px;
    margin-right:0px;  
    background-color:transparent;  
    border:none;
    margin:0px;
    cursor:move;
}

.dc-cms-content-builder > .segment-1-4 { width: 25%; }
.dc-cms-content-builder > .segment-1-3 { width: 33.33%; }
.dc-cms-content-builder > .segment-1-2 { width: 50%; }
.dc-cms-content-builder > .segment-2-3 { width: 66.66%; }
.dc-cms-content-builder > .segment-3-4 { width: 75%; }
.dc-cms-content-builder > .segment-1-1 { width: 100%; }

.dc-cms-content-builder > li.segment-in-edit > .segment-content 
{
    background-color:#C6DFEC;
    box-shadow: 0px 1px 1px #BBB;  
}

.dc-cms-content-builder > li.segment-in-pined 
{
    background-color:#6ADD00;
}

.dc-cms-content-builder > li.segment-in-pined > .segment-content 
{
    background-color:#EDF5E8;
    box-shadow: 0px 1px 1px #BBB;  
}

.dc-cms-content-builder > li.segment-in-clone 
{
    background-color:#7D2A87;
}                    

.dc-cms-content-builder > li.segment-in-clone > .segment-content 
{
    background-color:#E3D7E4;
    box-shadow: 0px 1px 1px #BBB;  
}

.dc-cms-content-builder > li.segment-in-delete 
{                              
    background-color:#D00;
}

.dc-cms-content-builder > li.segment-in-delete > .segment-content 
{
    background-color:#F5E8E8;
    box-shadow: 0px 1px 1px #BBB;  
}

.dc-cms-content-builder > li > .segment-content
{
    margin:5px;
    background-color:#F6F6F6;
    height:50px;
    position: relative;
    box-shadow: 0px 1px 1px #BBB;  
}

.dc-cms-content-builder > li > .segment-in-float-right 
{
    background-image: url(../img/contentbuilder/arrows-pattern.png); 
   /* background-color:#F0DFBC; */  
    background-repeat: repeat;
    background-position: 5px 2px; 
}

.dc-cms-content-builder > li > .segment-in-no-display.segment-in-float-right 
{
    background-image: url(../img/contentbuilder/arrows-pattern-not-display.png); 
   /* background-color:#F0DFBC; */  
    background-repeat: repeat;
    background-position: 5px 2px; 
}

.dc-cms-content-builder > li > .segment-in-no-display 
{
    background-image: url(../img/contentbuilder/not-display.png);    
    background-repeat: repeat;
    background-position: left top; 
}

/* left panel */
.dc-cms-content-builder > li > .segment-content > .left-panel
{
    width:50px;
    height:50px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:#EEE;
    border-right:1px solid #E0E0E0;
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .edit-btn
{
    width:25px;
    height:25px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:transparent;
    background-image: url(../img/contentbuilder/edit-btn.png);
    background-position: center center;
    background-repeat: no-repeat;  
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .edit-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/edit-btn-hover.png); 
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .delete-btn
{
    width:25px;
    height:25px;
    position:absolute;
    left:0px;
    top:25px;    
    background-color:transparent;
    background-image: url(../img/contentbuilder/delete-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .delete-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/delete-btn-hover.png);
}


.dc-cms-content-builder > li > .segment-content > .left-panel > .clone-btn
{
    width:25px;
    height:25px;
    position:absolute;
    left:25px;
    top:0px;    
    background-color:transparent;
    background-image: url(../img/contentbuilder/clone-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .clone-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/clone-btn-hover.png);
}


.dc-cms-content-builder > li > .segment-content > .left-panel > .note-btn
{
    width:25px;
    height:25px;
    position:absolute;
    left:25px;
    top:25px;    
    background-color:transparent;
    background-image: url(../img/contentbuilder/note-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .left-panel > .note-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/note-btn-hover.png);
}

/* center panel */
.dc-cms-content-builder > li > .segment-content > .center-panel
{
    height:40px;   
    margin-left:50px;
    margin-right:60px;
    background-color:transparent;    
    border:0px solid red;
    padding-left:8px;
    padding-top:10px;
    padding-right:10px;
}

.dc-cms-content-builder > li > .segment-content > .center-panel > .name
{
    font:bold 12px/12px Arial;
    text-shadow:1px 1px 2px #FFFFFF;
}

.dc-cms-content-builder > li > .segment-content > .center-panel > .name-alone
{
    padding-top:8px;
}

.dc-cms-content-builder > li > .segment-content > .center-panel > .note
{
    display: none;
    padding-top:5px;
    font:italic normal 11px/11px Arial;   
} 

/* right panel */
.dc-cms-content-builder > li > .segment-content > .right-panel
{
    width:87px;
    height:50px;
    position:absolute;
    right:0px;
    top:0px;
    background-color:#EEE;                                                               
}

.dc-cms-content-builder > li > .segment-content > .right-panel .top-opt-buttons
{
    width:50px;
    height:25px;
    position:absolute;
    left:-50px;
    top:0px;
    background-color:#EEE;
    border-left:1px solid #E0E0E0;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .pin-btn
{
    width:25px;
    height:25px;
    position:absolute;
    right:0px;
    top:0px;
    background-position: center center;
    background-repeat: no-repeat;     
    background-image: url(../img/contentbuilder/node-pin.png);
    cursor:pointer;  
}

.dc-cms-content-builder > li > .segment-content > .right-panel .pin-btn.active
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/node-pin-hover.png);  
}
                          
.dc-cms-content-builder > li > .segment-content > .right-panel .pin-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/node-pin-hover.png);     
}

.dc-cms-content-builder > li > .segment-content > .right-panel .bottom-opt-icons
{
    width:50px;
    height:25px;
    position:absolute;
    left:-50px;
    bottom:0px;
    background-color:#EEE; 
    border-left:1px solid #E0E0E0;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .float-btn
{
    width:25px;
    height:25px;
    float:right;
    background-position: center center;
    background-repeat: no-repeat;     
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .float-btn:hover
{
    background-color:#DDD;  
}

.dc-cms-content-builder > li > .segment-content > .right-panel .float-btn-left
{
    background-image: url(../img/contentbuilder/seg-float-left.png);     
}

.dc-cms-content-builder > li > .segment-content > .right-panel .float-btn-right
{
    background-image: url(../img/contentbuilder/seg-float-right.png);     
}

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn
{
    width:25px;
    height:25px;
    float:right;
    background-position: center center;
    background-repeat: no-repeat;     
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn:hover
{
    background-color:#DDD;               
}

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn-none
{
    background-image: url(../img/contentbuilder/clear-none.png);   
    display:block;    
} 

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn-both
{
    background-image: url(../img/contentbuilder/clear-both.png);
    display:block;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn-left
{
    background-image: url(../img/contentbuilder/clear-left.png);
    display:block;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .clear-btn-right
{
    background-image: url(../img/contentbuilder/clear-right.png);
    display:block;
}

.dc-cms-content-builder > li > .segment-content > .right-panel .display-btn
{
    width:25px;
    height:25px;
    position: absolute;
    left:0px;
    top:0px;
    background-position: center center;
    background-repeat: no-repeat; 
    background-image: url(../img/contentbuilder/seg-on.png);
    display:block; 
    cursor:pointer;        
}

.dc-cms-content-builder > li > .segment-content > .right-panel .display-btn:hover    
{
    background-color:#DDD;        
}

.dc-cms-content-builder > li > .segment-content > .right-panel .display-btn-off
{
    background-image: url(../img/contentbuilder/seg-off.png);        
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .plus-btn
{
    width:25px;
    height:25px;
    position:absolute;
    right:25px;
    top:0px;
    background-color:transparent;
    background-image: url(../img/contentbuilder/plus-btn.png);
    background-position: center center;
    background-repeat: no-repeat;  
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .plus-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/plus-btn-hover.png); 
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .plus-btn.deactivated
{
    opacity:0.2;
    cursor:default;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .plus-btn.deactivated:hover
{
    opacity:0.2;
    background-color:transparent; 
    background-image: url(../img/contentbuilder/plus-btn.png);   
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .max-btn
{
    width:25px;
    height:25px;
    position:absolute;
    right:0px;
    top:0px;
    background-color:transparent;
    background-image: url(../img/contentbuilder/max-size-btn.png);
    background-position: center center;
    background-repeat: no-repeat;  
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .max-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/max-size-btn-hover.png); 
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .max-btn.deactivated
{
    opacity:0.2;
    cursor:default;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .max-btn.deactivated:hover
{
    opacity:0.2;
    background-color:transparent; 
    background-image: url(../img/contentbuilder/max-size-btn.png);   
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .minus-btn
{
    width:25px;
    height:25px;
    position:absolute;
    right:25px;
    top:25px;    
    background-color:transparent;
    background-image: url(../img/contentbuilder/minus-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .minus-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/minus-btn-hover.png); 
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .minus-btn.deactivated
{
    opacity:0.2;
    cursor:default;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .minus-btn.deactivated:hover
{
    opacity:0.2;
    background-color:transparent; 
    background-image: url(../img/contentbuilder/minus-btn.png);   
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .min-btn
{
    width:25px;
    height:25px;
    position:absolute;
    right:0px;
    top:25px;
    background-color:transparent;
    background-image: url(../img/contentbuilder/min-size-btn.png);
    background-position: center center;
    background-repeat: no-repeat;  
    cursor:pointer;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .min-btn:hover
{
    background-color:#DDD;
    background-image: url(../img/contentbuilder/min-size-btn-hover.png); 
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .min-btn.deactivated
{
    opacity:0.2;
    cursor:default;
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .min-btn.deactivated:hover
{
    opacity:0.2;
    background-color:transparent; 
    background-image: url(../img/contentbuilder/min-size-btn.png);   
}

.dc-cms-content-builder > li > .segment-content > .right-panel > .segment-size-info
{
    width:35px;
    height:50px;
    left:0px;
    top:0px;
    background-color:#DADADA;
    border-right:1px solid #CCC;
    border-left:1px solid #CCC;
    font-size:11px;
    line-height:40px;
    text-align:center;
    font-family: monospace;
    font-weight:normal;
    cursor:default;
    position: relative;
    letter-spacing:0px;
}  

.dc-cms-content-builder > li > .segment-content > .right-panel > .segment-size-info .seg-order
{
    width:21px;
    text-align:center;
    height:12px;
    position:absolute;
    bottom:8px;
    left:7px;
    font-family:Arial;
    font-size:9px;
    line-height:12px;
    color:#0071AA;
    padding-top:1px;
    background-color:#E2E2E2;
    letter-spacing:0px; 
        
}

/* content builder extras*/ 
#dc-cms-content-builder-wrapper .help-note-popup,
#dc-cms-content-builder-wrapper .help-book-popup  
{
    display:inline-block;
    width:16px;
    height:12px;
    background-image: url(../img/contentbuilder/help-note-popup.png);
    background-repeat: no-repeat;
    background-position: left top;
    position:relative;
    margin-left:2px;
    cursor:pointer;
    z-index:10;
}

#dc-cms-content-builder-wrapper .help-book-popup  
{
    background-image: url(../img/contentbuilder/help-book-popup.png);
    z-index:12;      
}

#dc-cms-content-builder-wrapper .help-note-popup > div,
#dc-cms-content-builder-wrapper .help-book-popup > div  
{
    display: none;
    background-color:#FFF;
    border:1px solid #DADADA;
    box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    position:absolute;
    width:200px;    
    padding:10px 14px 10px 14px;
    font-size:11px;
    line-height:15px;
    color:#333;
    text-align:left;
    left:16px;
    top:0px;
    
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;    
}

#dc-cms-content-builder-wrapper .help-note-popup:hover,
#dc-cms-content-builder-wrapper .help-book-popup:hover   
{
    z-index:15;
} 

#dc-cms-content-builder-wrapper .help-note-popup:hover > div,
#dc-cms-content-builder-wrapper .help-book-popup:hover > div   
{
    display:block;
} 



/*********************************************************************************************************************************************
 CMS FOR MENU SYSTEM 
**********************************************************************************************************************************************/
#dc-cms-menu-sys-content-wrappper
{
    border-bottom:0px solid blue;
    position: relative;
    margin-top:0px;
    padding-bottom:300px;    
}

/************************************
 LEFT COLUMN 
*************************************/
#dc-cms-menu-sys-content-wrappper .menu-sys-left-data-column
{
    float:left;
    width:200px;   
    margin-right:20px;
    border:0px solid #EEE;
}

.menu-sys-left-data-column .custom-link-panel
{
    
}

.menu-sys-left-data-column .custom-link-panel .custom-link-url
{
    font-family: Consolas, Monaco, monospace;   
}

.menu-sys-left-data-column .custom-link-panel .custom-link-name
{
    font-style: italic;
    color:#888;
}

.menu-sys-left-data-column .custom-link-panel .custom-link-name-focus
{
    font-style:normal;
    color:#000;
}

.menu-sys-left-data-column .page-link-panel
{
    
}

.menu-sys-left-data-column .page-link-panel .page-link-id
{
    
}

/*******************************
 CENTER COLUMN 
********************************/
#dc-cms-menu-sys-content-wrappper .menu-sys-center-data-column
{
    float:left;
    width:680px; 
    margin-right:20px;  
    position: relative; 
      
}

.menu-sys-center-data-column .center-column-submit-panel span.menu-id
{
    position: absolute;
    right:5px;
    top:-36px;
    color:#888;
    font-size:12px;
    font-family: monospace;    
}

.menu-sys-center-data-column .center-column-submit-panel
{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #EEE;
    position:relative;
}

.menu-sys-center-data-column .center-column-submit-panel .buttons-panel
{
      position:absolute;
      right:0px;
      top:10px;
}     

/******************************* 
 RIGHT COLUMN 
********************************/
#dc-cms-menu-sys-content-wrappper .menu-sys-right-data-column
{
    float:left;
    width:220px; 
    position: relative;   
    margin-right:30px;
}

.menu-sys-right-data-column .dc-cms-process-info,      
.menu-sys-right-data-column .dc-cms-process-info-error,
.menu-sys-right-data-column .dc-cms-process-info-exclamation
{
    left:auto;
    right:-251px;
    top:-26px;    
}

/* CREATE NEW MENU PANEL */
.menu-sys-right-data-column .create-new-menu-panel
{
    padding-bottom:40px;
}

.menu-sys-right-data-column .create-new-menu-panel .menu-name
{
    font-style: italic;
    color:#888;
}

.menu-sys-right-data-column .create-new-menu-panel .menu-name-focus
{
    font-style:normal;
    color:#000;
}

/* SELECT MENU TO EDIT PANEL */
.menu-sys-right-data-column .select-menu-toedit-panel
{
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:0px solid #EEE;
}

/* LEGEND PANEL */  
.menu-sys-right-data-column .legend-panel
{
    padding-top:40px;
}

.menu-sys-right-data-column .legend-panel div.item
{
    padding-bottom:6px;   
}

.menu-sys-right-data-column .legend-panel div.item:last-child
{
    padding-bottom:0px;
}

.menu-sys-right-data-column .legend-panel .item div.desc
{
    font-size:11px;
    padding:2px 0px 1px 0px;
    line-height:14px;    
    float:left;
}

.menu-sys-right-data-column .legend-panel .item img.icon
{
    float:left;
    margin-right:5px;    
}


/********************************** 
 DC CMS MENU SYSTEM SORTABLE LIST
***********************************/

ol.dc-cms-menu-sys-sortable li.placeholder 
{
    background-color: #EEE;
    border:1px dashed  #AAA;
    width:432px; 
}

ol.dc-cms-menu-sys-sortable li.ui-nestedSortable-error {
    background-color:#FFEEEE;
    color:#990000;
    width:416px; 
}

ol.dc-cms-menu-sys-sortable 
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

ol.dc-cms-menu-sys-sortable ol {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
    list-style-type: none;
    border-left:1px solid #DADADA;
}

ol.dc-cms-menu-sys-sortable ol ol {
    border-left:1px solid #E2E2E2;
}

ol.dc-cms-menu-sys-sortable ol ol ol {
    border-left:1px solid #EAEAEA;
}

ol.dc-cms-menu-sys-sortable ol ol ol ol {
    border-left:1px solid #EFEFEF;
}

ol.dc-cms-menu-sys-sortable li {
    margin: 7px 0px 0px 0px;
    padding: 0;
    border:1px solid transparent; 
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper
{
    border: 0px solid #DFDFDF;
    border-radius:3px;    
    width:432px;    
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head
{
    background-color: #F1F1F1;
/*    
    background-image: -ms-linear-gradient(top,#f9f9f9,#ececec);
    background-image: -moz-linear-gradient(top,#f9f9f9,#ececec);
    background-image: -o-linear-gradient(top,#f9f9f9,#ececec);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));
    background-image: -webkit-linear-gradient(top,#f9f9f9,#ececec);
    background-image: linear-gradient(top,#f9f9f9,#ececec);     
*/ 
    
    border: 2px solid #E4E4E4;
    border-radius:3px;    
    padding:6px 8px 6px 8px; 
    position: relative;  
    cursor: move;
    
    border-bottom-left-radius: 0px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head:hover
{
    background-color:#FAFAFA;
    border: 2px solid #cAcAcA;  
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head.li-pined
{
    border-color:#6ADD00;
    background-color:#EDF5E8;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head.in-delete-act
{
    border-color:#D00;
    background-color:#F5E8E8;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .title
{
    font-weight:bold;
    font-size:12px;
    line-height:18px;
    font-family: sans-serif;  
    max-width:200px;
    display: block;  
}

ol.dc-cms-menu-sys-sortable li.hidden-object div.item-content-wrapper .head .title,
ol.dc-cms-menu-sys-sortable li.hidden-object li div.item-content-wrapper .head .title 
{
    color:#BBB;
    font-style: italic;
} 

ol.dc-cms-menu-sys-sortable li.hidden-childs li div.item-content-wrapper .head .title
{
    color:#BBB;
    font-style: italic;
} 

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .node-delete-btn
{
    width:16px;
    height:16px;
    position: absolute;
    right:5px;
    top:6px;    
    background-image:url(../img/menusystem/node-delete.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    cursor: pointer;
    display: block;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .node-pin-btn
{
    width:16px;
    height:16px;
    position: absolute;
    right:26px;
    top:6px;    
    background-image:url(../img/menusystem/node-pin.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    cursor: pointer;
    display: block;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .node-pin-btn:hover
{
    background-image:url(../img/menusystem/node-pin-hover.png);     
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .node-pin-btn.active
{
    background-image:url(../img/menusystem/node-pin-hover.png);     
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .show-opt-btn
{
    width:16px;
    height:16px;
    position: absolute;
    right:46px;
    top:6px;    
    background-image:url(../img/menusystem/gear.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    cursor: pointer;
    display: block;            
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .show-opt-btn:hover
{
    background-image:url(../img/menusystem/gear-hover.png);     
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .show-opt-btn.active
{
    background-image:url(../img/menusystem/gear-hover.png);     
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .item-type
{
    position:absolute;
    top:7px;
    right:62px;
    text-align:right;
    color:#888;
    font-size:10px;            
}      

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .tags-box
{
    position: absolute;
    width:54px;
    height:36px;
    right:-60px;
    top:-1px;
    background-color:transparent;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .tags-box .tag-icon-mega,
ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .tags-box .tag-icon-empty
{
    width:18px;
    height:18px;
    float:left;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    display:none;
}      

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .tags-box .tag-icon-mega
{
    background-image:url(../img/menusystem/mega.png);
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .head .tags-box .tag-icon-empty
{
    background-image:url(../img/menusystem/empty-item.png);
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data
{
    border: 2px solid #DFDFDF;
    border-top:none;
    border-radius:3px; 
    border-top-left-radius:0px;  
    border-top-right-radius:0px;
    background-color: white;     
    display: none;
    width:404px;
    padding:16px 12px 16px 12px;   
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .original-name-section
{
    border-radius:3px;
    border:1px solid #DFDFDF;
    padding:7px 6px 7px 6px;
    font:normal 11px/11px Verdana;
    margin:20px 0px 15px 0px;   
    text-align: left;
    color:#666;
    background:#F8F8F8;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .original-name-section span.object-id
{
    color:#AAA;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .change-wpid-section
{
    margin-bottom:15px;
}  

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .new-window-tab-section
{
    margin-top:10px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .save-all-menu-items-panel
{
    padding-top:5px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data input[type=text].very-short-input-int
{
    width:48px;
    text-align:center; 
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data input[type=text].short-input-int
{
    width:60px;
    text-align:center; 
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data select.short-select
{
    width:90%;
    margin-bottom:5px;
    display: block;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data select.very-short-select
{
    width:70px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data input[type=checkbox]
{
 
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data  .field-wide
{
    margin:0px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data  .field-short-left
{
    width:196px;
    float:left;
    margin:0px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data  .field-short-right
{
    width:196px;
    float:right;
    margin:0px;
}                 

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content .field-short-left
{
    width:188px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content .field-short-right
{
    width:188px;
}            

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data div.advanced-opt-btn
{
    position: relative;
    height:6px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data div.advanced-opt-btn div.show-hide-open
{
    width:16px;
    height:16px;
    position: absolute;
    right:2px;
    top:-18px;
    background-image:url('../img/menusystem/node-mag-open.png');
    background-position:0px 0px;
    background-repeat: no-repeat;  
    cursor: pointer;     
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data div.advanced-opt-btn div.show-hide-close
{
    width:16px;
    height:16px;
    position: absolute;
    right:2px;
    top:-18px;
    background-image:url('../img/menusystem/node-mag-close.png');       
    background-position:0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data div.advanced-opt
{  
    display: none; 
    padding-bottom:10px;
    margin-top:5px;
}   

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data div.tabs-bar
{
    width:100%;
    height:23px;  
    border-bottom:0px solid #EEE;  
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tabs-bar a.tab
{
    padding: 3px 8px 5px 8px;
    font:normal 11px/14px Verdana; 
    float:left;   
    display: block;
    cursor:pointer;
    background-color:transparent;
    
    border-color:transparent;
    border-style:solid solid none solid;
    border-width:1px; 
    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;       
    
    border-bottom:1px solid #DFDFDF;    
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tabs-bar a.tab-active
{
    font:normal 11px/14px Verdana; 
    background-color:#F7F7F7;
    float:left;   
    display: block;    
    cursor:pointer;
    border-color:#DFDFDF;
    border-style:solid solid none solid;
    border-width:1px; 
    color:#D54E21;

    padding: 3px 8px 5px 8px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
    
    border-bottom:1px solid transparent;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content
{
    padding:14px 8px 12px 8px;
    border-color:#DFDFDF;
    border-style:solid solid solid solid;
    border-width:1px; 
    background-color:#F7F7F7; 
    min-height:10px;
    display: none; 
    border-radius:3px;  
    
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;       
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content textarea.custom-content
{
    width:100%;
    min-height:200px;
    font-size:11px;
    padding:5px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content .tab-content-table
{
    width:100%;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content .tab-content-table td
{
    padding-bottom:10px;
}

ol.dc-cms-menu-sys-sortable li div.item-content-wrapper .item-data .tab-content .tab-content-table tr:last-child td
{
    padding-bottom:0px;
}

/*****************************************************************************************
*  CMS SHORTCODE BOX CSS
******************************************************************************************/
#dc-cms-shortcode-box-bg
{
    width:100%;
    height:100%;
    position: fixed;
    left:0px;
    top:0px;
    background:black;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:90;    
}

#dc-cms-shortcode-box-wrapper
{
    position:fixed;
    left:0px;
    top:0px;
    z-index:95;
    padding:10px 10px 10px 10px;
    background-color:#F2F2F2;
    border-radius:5px;
    width:880px;
    border:3px solid #444;
    
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); 
       
}

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        
        #dc-cms-shortcode-box-wrapper  
        {
            width:680px;    
        }
        
    } /* @media */

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        
        #dc-cms-shortcode-box-wrapper  
        {
            width:480px;    
        }        
        
    } /* @media */ 
    
#dc-cms-shortcode-box-inner-wrapper  
{
    padding:15px;
    background-color:#FFF;    
}    
    
#dc-cms-shortcode-box-content-top-panel .box-title
{
    font-family: Helvetica;
    font-size:16px;
    text-decoration:underline;
    margin-bottom:5px;
    margin-top:0px;
    text-shadow: 1px 1px 0px #EEE;
}    
    
#dc-cms-shortcode-box-wrapper .shortcode-name
{
    font-family: Helvetica;
    font-size:12px;
    margin-bottom:2px;
    margin-top:0px;
    text-shadow: 1px 1px 0px #EEE;
}    

#dc-cms-shortcode-box-wrapper .shortcode-description
{
    margin-top:2px;
    margin-bottom:10px;
    padding:0px 0px 10px 0px;
    font-family:Helvetica;
    font-size:11px;
    color:#333;
    line-height:13px;
    background-color:transparent; 
    border:0px solid #E6DB55;
    border-radius:3px;
}

#dc-cms-shortcode-box-wrapper .shortcode-description .param-table-wrapper
{
    max-height:160px;
    overflow-y:scroll;
    margin-top:5px;
    border-top:1px solid #9D9D9D;;
    border-bottom:1px solid #CECECE; 
}

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table
{
    width:100%;
    border-collapse:collapse;
    
}

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table td
{
    padding:8px;
    border:1px solid #CECECE;
    background-color:#EFEFEF;
}

  

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table tr:last-child td
{
    border-bottom:none;
}

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table td.default-value
{
    text-align:left;
} 

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table td.default-value-center
{
    text-align:center;
} 

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table thead tr th
{
    background-color:#C2C2C2;
    text-align:left;
    border:1px solid #9D9D9D;
    border-top:none;
    padding:5px 8px 5px 8px;
}  

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table thead tr th.param-name
{
    width:100px;
    text-align:left;
} 

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table thead tr th.param-default
{
    width:100px;
    text-align:left;
} 

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table thead tr th.param-description
{
    text-align:left;
} 

#dc-cms-shortcode-box-wrapper .shortcode-description table.param-table tbody tr td:first-child
{
    
}  
    
/* top panel */    
#dc-cms-shortcode-box-wrapper #dc-cms-shortcode-box-content-top-panel
{
    padding-bottom:20px;    
    position:relative;
}

#dc-cms-shortcode-box-content-top-panel .close-btn
{
    position:absolute;
    top:-5px;
    right:0px;
    width:21px;
    height:21px;
    cursor:pointer;
    
    background-image:url(../shortcodes/x.png);
    background-repeat:no-repeat;
    background-position:center center;
}  

#dc-cms-shortcode-box-content-top-panel .close-btn:hover 
{
    background-image:url(../shortcodes/x-hover.png);     
}  
                                  

/* center panel */ 
#dc-cms-shortcode-box-wrapper #dc-cms-shortcode-box-content
{
    overflow-y: scroll; 
    padding:15px 20px 20px 10px;
    border:1px solid #DFDFDF;
    border-radius:2px;
    height:400px;  
    background-color:#F7F7F7;
}



#dc-cms-shortcode-box-content .shortcode-panel
{
    display:none;
    height:auto;
}

#dc-cms-shortcode-box-content .shortcode-panel .sc-description
{
    display:none;
}

#dc-cms-shortcode-box-content .shortcode-panel .column-size-1-4
{ 
    width:22%;
    padding-right:3%;
    float:left;
}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        
        #dc-cms-shortcode-box-content .shortcode-panel .column-size-1-4   
        {
            width:47%    
        }        
        
    } /* @media */ 

#dc-cms-shortcode-box-content .shortcode-panel .column-size-1-2 
{
    width:47%;
    padding-right:3%;    
    float:left;
}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        
        #dc-cms-shortcode-box-content .shortcode-panel .column-size-1-2   
        {
            width:100%;
            padding-right:0%;    
        }        
        
    } /* @media */ 

/* bottom panel */
#dc-cms-shortcode-box-wrapper #dc-cms-shortcode-box-content-bottom-panel
{
    margin-top:20px;
    text-align:right;
}

/*******************************************************
* CMS BUILDER - BASIC SLIDER - TYPE CSS
*******************************************************/
.dc-cms-builder-basic-slider-type-wrapper
{
        
}

.dc-cms-builder-basic-slider-type-wrapper  > .dc-cms-btn-frame
{
    padding-top:0px;
}

.dc-cms-builder-basic-slider-list
{
    padding:0px 0px 0px 0px;
    margin:0px;     
}

.dc-cms-builder-basic-slider-list li
{
    background:#F2F2F2;
    border:2px solid #DDD;
    margin-bottom:20px;
    padding:20px 10px 10px 10px;
    font-size:12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;
    float:left;   
    cursor:move;
    position: relative;
    margin-right:20px;
    width:360px;
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.0);
}

.dc-cms-builder-basic-slider-list li.in-delete-process
{
    background-color:#F5E8E8;
    border:2px solid #DD0000;      
}

.dc-cms-builder-basic-slider-list li .index-box
{
    position: absolute;
    left:10px;
    top:-12px;
    font-size:10px;
    line-height:10px;
    color:#113366;
    padding:4px 3px 4px 3px; 
    font-family:'PT Sans', sans-serif;
    background:#F2F2F2;
    border:2px solid #DDD; 
    border-bottom:none;
    min-width:16px;
    text-align:center; 
}

.dc-cms-builder-basic-slider-list li.in-delete-process .index-box 
{
    background-color:#F5E8E8;
    border:2px solid #DD0000;
    border-bottom:none;       
}

.dc-cms-builder-basic-slider-list li .delete-box
{
    position: absolute;
    right:4px;
    top:4px;
    padding:0px; 
    border:0px solid #DDD; 
    border-bottom:none;
    width:21px;
    height:21px;
    
    background-image:url(../img/contentbuilder/x.png);
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
}

.dc-cms-builder-basic-slider-list li .delete-box:hover
{
    background-image:url(../img/contentbuilder/x-hover.png);    
}

.dc-cms-builder-basic-slider-list .placeholder
{
    border:2px dashed #AAA;
    margin-bottom:20px;
    background-color:#DDD;
    width:360px;
}


/*******************************************************
* CMS COMMON LEGEND LIST CSS
*******************************************************/
.dc-cms-common-legend-inline
{
    margin-top:15px;
}

.dc-cms-common-legend-inline div.item
{
    padding-bottom:6px; 
    height:16px;
    display:block; 
    float:left;   
}

.dc-cms-common-legend-inline div.item:last-of-type
{
    padding-bottom:0px;
}

.dc-cms-common-legend-inline div.item .icon
{
    margin-right:2px;
    display:block;
    height:16px;
    width:16px;
    float:left;    
}

.dc-cms-common-legend-inline div.item .label
{    
    display:block;
    height:16px;
    font-size:11px;  
    line-height:16px;
    float:left;
    margin-right:10px;        
}


/*******************************************************
* CMS POST PRIVATE SETO META TAGS
*******************************************************/
.dc-post-private-seo-meta-wrapper
{
    
}

.dc-post-private-seo-meta-wrapper .meta-item
{
    padding:8px;
    border:4px solid #DFDFDF;
    margin-bottom:15px;
    margin-top:5px;
    background-color:#F2F2F2;
    border-radius:3px;
    position:relative;    
}

.dc-post-private-seo-meta-wrapper .meta-item.in-delete-process
{
    background-color:#F5E8E8;
    border:4px solid #DD0000;     
}

.dc-post-private-seo-meta-wrapper .meta-item:last-of-type
{
    margin-bottom:0px;
}

.dc-post-private-seo-meta-wrapper .meta-item .delete-btn
{
    position:absolute;
    right:10px;
    top:10px;
    width:21px;
    height:21px;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../img/meta/x.png);
    background-repeat:no-repeat;   
    background-position:center center;
}

.dc-post-private-seo-meta-wrapper .meta-item .delete-btn:hover
{
    background-image:url(../img/meta/x-hover.png);    
}


/* page */
.dc-page-private-seo-meta-wrapper
{
    
}

.dc-page-private-seo-meta-wrapper .meta-item
{
    padding:8px;
    border:4px solid #DFDFDF;
    margin-bottom:15px;
    margin-top:5px;
    background-color:#F2F2F2;
    border-radius:3px;
    position:relative;    
}

.dc-page-private-seo-meta-wrapper .meta-item.in-delete-process
{
    background-color:#F5E8E8;
    border:4px solid #CC0000;     
}

.dc-page-private-seo-meta-wrapper .meta-item:last-of-type
{
    margin-bottom:0px;
}

.dc-page-private-seo-meta-wrapper .meta-item .delete-btn
{
    position:absolute;
    right:10px;
    top:10px;
    width:21px;
    height:21px;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../img/meta/x.png);
    background-repeat:no-repeat;   
    background-position:center center;
}

.dc-page-private-seo-meta-wrapper .meta-item .delete-btn:hover
{
    background-image:url(../img/meta/x-hover.png);    
}

/* global */
.dc-cms-global-seo-meta-wrapper
{
    
}

.dc-cms-global-seo-meta-wrapper .meta-item
{
    padding:8px;
    border:4px solid #DFDFDF;
    margin-bottom:20px;
    margin-top:0px;
    background-color:#F2F2F2;
    border-radius:3px;
    position:relative;    
}

.dc-cms-global-seo-meta-wrapper .meta-item.in-delete-process
{
    background-color:#F5E8E8;
    border:4px solid #CC0000;     
}

.dc-cms-global-seo-meta-wrapper .meta-item .delete-btn
{
    position:absolute;
    right:10px;
    top:10px;
    width:21px;
    height:21px;
    cursor:pointer;
    background-color:transparent;
    background-image:url(../img/meta/x.png);
    background-repeat:no-repeat;   
    background-position:center center;
}

.dc-cms-global-seo-meta-wrapper .meta-item .delete-btn:hover
{
    background-image:url(../img/meta/x-hover.png);    
}

/************************************************
*  CMS WP SMILIES TRANSLATION TABLE CSS
***************************************************/
.dc-cms-smilies-table
{
    border-collapse:collapse;
    border:none;    
    margin-top:30px;
}

.dc-cms-smilies-table thead th
{
    background-color:#FFF;
    border:1px solid #EEE;
    padding:5px 15px 5px 15px;
    font-size:11px;
    text-align:center;
}

.dc-cms-smilies-table thead th.icon-wp-image 
{
}

.dc-cms-smilies-table td
{
    padding:8px;
    border:none;
    text-align:center;
    border:1px solid #EFEFEF;
    font-size:11px;
    line-height:11px;
}

.dc-cms-smilies-table td.icon-text
{
    text-align:center;
    font-family:monospace;
}

.dc-cms-smilies-table td.icon-filename
{
    text-align:center;
}






