body {

background-color: #ffffff;

font-size: 0.9em;

font-family: verdana;

margin: 0px;

padding: 0px;

height:99.8%;

overflow:auto;

}



/*

html,body {

margin: 0px;

width: 100%;

height: 100%;

}

*/







/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#index {

height: 100%;

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#index-left {

float: left;

width: 30%;

height: 100%;

background-color: rgb(180,220,255);

overflow: auto;

border-left:  1px solid #777777;

border-top:  1px solid #777777;



}



    #index-left-logo {}



        div#index-left-logo img {

        margin:  3px;

        border:  0px solid #ffffff;

        /*

        width: 270px;

        height: 90px;

        */

        /*width:   85%;*/

        width:  225px;

        height:  75px;

        }



        div#index-left-logo a:hover img {

        opacity: 0.7;

        }



    #index-left-player {

    /*font-weight:bold;*/

    width:97%;

    margin-left:5px;

    margin-bottom:5px;

    text-align:left;

    }



    #index-left-theme {

    /*font-weight:bold;*/

    width:97%;

    margin-left:5px;

    margin-bottom:5px;

    text-align:left;

    }



    #index-left-conversation {

    margin-left:5px;

    margin-top:10px;

    }



        #index-left-conversation-chat {

        width:95%;

        height:340px;

        border-style:solid;

        border-width:thin;

        border-color: #777777; /*rgb(127,127,127);*/

        margin-bottom:10px;

        text-align:left;

        overflow:auto;

        background-color: rgb(210,240,255);

        }

        

        #index-left-input {

        width: 95%;

        border:  1px solid #777777;

        background-color:white;

        }



        #index-left-input-text {

        border: 0;

        }





#tips {

font-size:0.8em;

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#index-center {

float: left;

width: 55%;

height: 100%;

margin-left: 0px;

padding-left:5px;

overflow: auto;

background-color: rgb(210,240,255);

border-top:  1px solid #777777;

border-left:  1px solid #777777;

border-right:  2px solid #777777;

}

.concept-list {
margin-top:0;
}

    .index-center-header {

    font-size:1.5em;

    font-weight:bold;

    margin-top:15px;

    }



        .index-center-header-pre {

        font-size:0.8em;

        font-weight:bold;

        }



        .index-center-header-appendix {

        font-size:0.5em;

        font-weight:normal;

        }

    

    .index-center-topic {

    margin-top:1em;

    }

    

    .index-center-topic-header {

    margin-top: 0em;

    }



    .index-center-topic-list {

    margin-top:0em;

    }

    

    .index-center-topic-list a {

    }

    

    .index-center-image-topic {

    border:  0px solid #ffffff;

    width:   21px;

    height:  21px;

    margin-right:  5px;

    margin-top:  0px;

    float:   left;

    }



    .index-center-image-lens {

    border:  0px solid #ffffff;

    width:   21px;

    height:  21px;

    margin-top:  0px;

    }



    .index-center img {

    border:  0px solid #ffffff;

    width:   20px;

    height:  20px;

    margin:  3px;

    }



    div#index-center a:hover img {

    opacity: 0.3;

    }

    

    .index-center-profile {

    margin-top:5px;

    width:97%;

    height:100px;

    }



    .index-center-profile-image {

    width:100px;

    height:100px;

    margin-right:10px;

    float:left;

    }

    

    .index-center-profile img {

    width:100px;

    height:100px;

    float:left;

    }

    

    .index-center-profile-info {

    }

    

    .index-center-profile-info-login {

    text-align: right;

    float:right;

    }



    .index-center-profile-info-title {

    text-align: left;

    font-weight: bold;

    font-size: large;

    margin-top:15px;

    }

    

    .index-center-profile-info-basic {

    }

    

    .index-center-form-title {

    font-size: 1.5em;

    font-weight:bold;

    margin-top:15px;

    width:97%;

    }



    .index-center-form-title-login {

    margin-top: 10px;

    font-weight:normal;

    font-size: 0.667em;

    text-align:right;

    }

    

    

    .message {

    width: 97%;

    text-align: center;

    border: thin solid rgb(0,0,0);

    background-color:yellow;

    margin-top:10px;

    padding:10px;

    }

    .edit-concept-table{
    font-size: 1em;
    }



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#index-right {

float: none;

width:       auto;

height:   100%;

background-color: rgb(180,220,255);

margin-left:     0px;

padding-left:  5px;

overflow: auto;

}



    .ad-header {

    margin-top:15px;

    font-size: 1em;

    font-weight:bold;

    width:95%;

    text-align:center;

    }

    

    .ad-topic {

    width:95%;

    margin-top:15px;

    font-weight:normal;

    font-size: .7em;

    }



        .ad-topic-header {

        color:green;

        font-weight:bold;

        }



        .ad-topic-body {

        color:black;

        }



        .ad-topic-link {

        color:blue;

        }





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.profile-table {

width:97%;

border:0px;

font-size: 1em;

font-family: verdana;

}





p.error-message {

color:red;

text-align:center;

}



p.blue {

color:blue;

}



.green {

margin-top:0px;

color:green;

}



.grey {

background-color: rgb(230,230,230);

}



.player-login {

width:97%;

background-color:yellow;

margin-top:10px;

}



.image-show-frame {

width:97%;

margin-top: 5px;

border-style: solid;

border-width: thin;

border-color: black;

}



.image-show-image {

text-align:center;

}



.image-show-label {

text-align: center;

}



.image-show-source {

font-size:small;

font-weight:normal;

}





.table-talk-setting {

width:97%;

font-size:small;

border:0;

}



.table-green {

background-color:rgb(200,255,200);

text-align:center

}

.table-red {

background-color:rgb(255,200,200);

text-align:center

}



.highlight {

background-color:yellow;

}