body
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

div.page
{
    background-color: #EEEEEE;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}

div.header
{
    position: absolute;
    top: 0px;
    height: 41px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    z-index: 2;
}

div.body
{
    position: absolute;
    top: 41px;
    bottom: 32px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
    z-index: 2;
}

div.footer
{
    position: absolute;
    height: 32px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    z-index: 2;
}

div.ilogo
{
    position: absolute;
    height: 24px;
    bottom: 4px;
    left: 8px;
    z-index: 3;
}

span.ilogo
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #CCCCCC;
    position: relative;
    bottom: 6px;
    left: 4px;
    z-index: 4;
    cursor: default;
}

div.settings_button
{
    position: absolute;
    height: 14px;
    bottom: 5px;
    right: 8px;
    z-index: 3;
    border-radius: 10px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    cursor: pointer;
}

div.settings_button:hover
{
    color: #00FFFF;
    border-color: #00FFFF;
}

div.tblist
{
    position: absolute;
    height: 34px;
    width: 100px;
    top: 2px;
    left: 2px;
    z-index: 3;
    border-radius: 5px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    cursor: pointer;
    background-color: #696969;
}

span.tb
{
    position: absolute;
    top: 12px;
    left: 38px;
}

div.tbchat
{
    position: absolute;
    height: 34px;
    width: 92px;
    top: 2px;
    left: 115px;
    z-index: 3;
    border-radius: 5px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    cursor: pointer;
    background-color: #000000;
}

div.tbscripting
{
    position: absolute;
    height: 34px;
    width: 82px;
    top: 2px;
    left: 220px;
    z-index: 3;
    border-radius: 5px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    cursor: pointer;
    background-color: #000000;
    visibility: hidden; /* until later */
}

div.loading
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.9;
    background-color: #CCCCCC;
    z-index: 999;
}

div.pwl
{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 24px;
}

div.ul_popup
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.9;
    background-color: #CCCCCC;
    z-index: 999;
}

div.ul_popup_inner
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 264px;
    margin-left: -100px;
    margin-top: -132px;
    background-color: #000000;
    border-radius: 10px;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 2px;
    opacity: 1;
}

div.ul_close
{
    position: absolute;
    height: 14px;
    bottom: 5px;
    right: 8px;
    z-index: 5;
    border-radius: 10px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    cursor: pointer;
}

div.ul_close:hover
{
    color: #00FFFF;
    border-color: #00FFFF;
}

div.ul_popup_item
{
    height: 24px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
}

div.ul_popup_item_text
{
    width: 100%;
    height: 100%;
    color: #000000;
    background-image: url("topic_bg.jpg");
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    border-radius: 10px;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 2px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

div.ul_popup_item_text_d
{
    width: 100%;
    height: 100%;
    color: #AAAAAA;
    background-image: url("topic_bg.jpg");
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    border-radius: 10px;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 2px;
    font-weight: bold;
    font-size: 14px;
    cursor: default;
}

div.ul_popup_item_text2
{
    padding-top: 4px;
}

div.cc_container
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 152px;
    height: 180px;
    margin-left: -76px;
    margin-top: -90px;
    background-color: #000000;
    border-radius: 10px;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 2px;
    opacity: 1;
}