/*
Ltdle Computing Company Property.
All right and usage are under Ltdle Computing Company.
*/

#nav_menu {
    position: relative;
    display: table;
    width: 99.5%;
    margin: 5px auto;
}
#welcome_text {
    position: relative;
    margin: 5px auto;
    width: 95%;
    color: #767475;
    font: normal 13pt "Arial";
}

.nm_item {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 5px;
    font: normal 12pt "Arial";
    text-align: center;
    background-color: white;
    border: solid 1px #767475;
    cursor: pointer;
}

.nm_active {
    background-color: #87a245;
    color: white;
    cursor: default;
}

#main {
    position: relative;
    display: table;
    width: 99.5%;
    margin: 5px auto;
}

#menu {
    /*display: none;*/
    /*position: fixed;*/
/*    left: 0px;
    top: 0px;
    bottom: 0px;*/
    display: table-cell;
    width: 25%;
    background-color: #767475;
    background-image: url(../img/slogan.png);
    background-position: 95% 99%;
    background-size: 150px;
    background-repeat: no-repeat;
    border-right: groove 2px #a6a4a5;
    color: white;
    overflow: auto;
}

.m_title {
    padding-bottom: 2px;
    text-align: center;
    border-bottom: solid 1px #b5ff00;
    width: 60%;
    color: white;
    font: normal 12pt "Arial";
    margin: 0px auto 15px;
    cursor: default;
}

#m_play {
    max-height: 80%;
    overflow: auto;
}

.m_hr {
    border-top: solid  1px #b5ff00;
    margin: 10px 0;
}

#m_public {
    overflow: auto;
    max-height: 80%;
}

.m_cat {
    margin-left: 10px;
    cursor: pointer;
}
.m_cat_name, .m_play_name, .adm_name, .m_cloc_name {
    font: normal 10pt "Arial";
    border: solid 1px transparent;
    padding: 4px 20px 4px 30px;
    background-position: 2px center;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.m_cat_name:hover, .m_play_name:hover, .adm_name:hover, .m_cat_name[ltd-a="1"], .m_play_name[ltd-a="1"], .m_cloc_name:hover {
    background-color: #a6a4a5;
    border-color: black;
    color: black;
}
.m_cat_name {background-image: url(../img/category.png);}
.m_play_name {background-image: url(../img/play.png);}
.m_cloc_name {background-image: url(../img/location.png);}


/* OPTIONS */
#m_options {
    position: relative;
    margin: 0 auto;
}
.m_opt {
    display: none;
    width: 16px;
    height: 16px;
    border: solid 1px transparent;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
}
.m_opt:hover {
    border-color: #87a245;
}
#m_o_del_cat {background-image: url(../img/delete.png);}
#m_o_add_cat {background-image: url(../img/add.png);}
#m_o_edt_cat {background-image: url(../img/edit.png);}
#m_o_add_play {background-image: url(../img/add.png);}
#m_o_del_play {background-image: url(../img/delete.png);}
#m_o_edt_play {background-image: url(../img/edit.png);}
#m_o_add_cat_root {
    background-image: url(../img/add.png);
    float: none;
    position: relative;
}

#m_disconnect {
    position: fixed;
    top: 9px;
    right: 10px;
    text-align: center;
    z-index: 100;
}
#m_disconnect span {
    font: normal 8pt "Arial";
    padding: 5px 5px;
    border: solid 1px #BB0000;
    color: #500;
    background: white;
    cursor: pointer;
}

/**/

.n_m_cat_in, .n_m_practice_name {
    float: left;
}



.n_m_practice_name {
    
}