.mod_links_fl{ float: left;}
.mod_links_fr{ float: right;}

.mod_links_list_cont{
    height: 400px;
    width: 500px;
    overflow: auto;
}

.mod_links_list_item{
    margin-top: 15px;
    font-size: 14px;
}

.mod_links_list_header{
    float: left;
    width: 60px;
    height: 16px;
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 0;
    font-size: 12px;
    padding-left: 5px;
}

.mod_links_list_add{
    float: right;
    width: 20px;
    height: 16px;
    background-image: url('img/plus-circle.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.mod_links_list_remove{
    float: right;
    width: 20px;
    height: 16px;
    background-image: url('img/minus-circle.png');
    background-repeat: no-repeat;
    background-position: center center;    
}
.mod_links_list_first .mod_links_list_remove { display: none}


.mod_links_list_controls{
    clear: both; 
    height: 50px;
    float: left;   
}
.mod_links_list_input{
    /*float: left; */  
}

.mod_links_list_up{
    width: 20px;
    height: 16px;
    background-image: url('img/img-up.png');
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
}
.mod_links_list_first .mod_links_list_up { 
    background-image: url('img/img-up-disabled.png');
    cursor: default;
}


.mod_links_list_down{
    width: 20px;
    height: 16px;
    background-image: url('img/img-down.png');
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
}
.mod_links_list_last .mod_links_list_down { 
    background-image: url('img/img-down-disabled.png');
    cursor: default;
}

.mod_links_list_data{
    border: 1px solid #cecece;
    background-color: #eee;
}

.mod_links_list_data span{
    width: 100px;
    /*float: left;*/
}

.mod_links_list_data input{
    /*float: left;  */
}

/* ---------------- content --------------*/ 
.mod_links_content{
    color: white;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
    padding: 10px 8px;
    margin: 5px 0px;
}
.mod_links_content ul{
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.mod_links_content li{
    list-style: none;
}

.mod_links_content li a:link, .mod_links_content li a:visited{
    font-size: 12px;
    line-height: 24px;
    font-family: tahoma, serif;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.mod_links_content li a:active, .mod_links_content li a:hover{
}

/* ----------------- instance edit ---------------  */
#mod_links_content_selection_cont{
    border: 1px solid #cecece;    
}

#mod_links_content_selection_list{
    width: 200px;    
    height: 300px;
    overflow: auto;
    float: left;
    border-right: 1px solid #cecece;
    border-top: 1px solid #cecece;
}

#mod_links_content_selection_preview{
    width: 400px;
    height: 300px;
    overflow: auto;
    float: left;
    border-top: 1px solid #cecece;
}

.mod_links_content_selected{
    background-color: red;
}

.mod_links_pageselect_template{ display:none; }