/*--------------------------------------- Global setting-------------------------------------*/
table td { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#content { padding: 5px; text-align: left;}
div#content td { padding: 3px;}
hr {
    color: #C9BF9C;
    height: 1px;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Arial", "Helvetica", "sans-serif";
    font-weight: normal;
    color: #333333;
    font-size: 12px;
    background: #FFFFFF;
}
a {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    text-decoration: none;
    color: blue;
    font-style: normal;
    font-weight: normal;
}
a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #999999; font-style: normal}
td {
    font-family: "Arial", "Helvetica", "sans-serif";
    color: #333333;
    font-size: 12px;
    font-weight: normal;
}
input {
    font-family : "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size : 12px;
    font-weight : normal;
    text-indent : 2px;
    border: 1px solid #C9BF9C;
}
textarea {
    font-family: "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    font-weight : normal;
    text-indent : 2px;
    border: 1px solid #C9BF9C;
}
select {font-family: "Verdana", "Arial"; font-size: 12px;font-weight : normal;}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}

/*--------------------------------------- Basic setting -------------------------------------*/
.frame{    }
.odd { background-color: #F0F0F0;padding:5px;}
.outer {
    padding:2px;
    margin: 0px;
    border: 1px solid #ECF0F7;
    background: #FFFFFF;
}
.even {
    background-color: #ECF0F7;
    padding: 3px;
}
.recomm_row {padding: 3px; background-color: #99FF99;}
th {
    background-color: #ECF0E7;
    font-size: 12px;
    /* text-align: left; */
    padding: 3px;
    color: #333333;
}
.head {
    background-color: #ECF0F7;
    padding: 3px;
    font-weight: bold;
}
.footer {
    background: #ECF0F7;
    border-left: 6px solid #D9CBB3;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 870px;
    text-align: center;
    color: #666666;
    line-height: 20px;
    font-weight: bold;
}
.footer_left {background: #ECF0F7;}
.footer_right {background: #ECF0F7;}

/*--------------------------------------- Header -------------------------------------*/
.head_welcome {
    background: #ECF0F7;
    border-left: 6px solid #D9CBB3;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 11px;
    width: 870px;

}
.head_welcome_left {background: #ECF0F7;}
.head_welcome_right {background: #ECF0F7;}
.head_logo {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    background: #8DA4D0;
    border-left: 6px solid #FF9900;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    width: 870px;
}
.head_logo_left{background: #8DA4D0;}
.head_logo_right{background: #8DA4D0;}
.head_menu{
    color: #877863;
    background: #ECF0F7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-left: 6px solid #D9CBB3;
    width: 870px;
}
.head_menu a{
    color:#333333;
    padding: 4px;
    font-weight: bold;
}
.head_menu a:hover{
    color:#333333;
    background: #DDD0B9;
    padding: 4px;

}
.head_menu_left{background: #ECF0F7;}
.head_menu_right {background: #ECF0F7; width: 200px; padding-top: 5px; font-size: 10px; font-weight: bold;}
.head_line {
    height: 6px;
}
.head_block {
    width: 870px;
}

/*--------------------------------------- Bloack -------------------------------------*/
.block_table{ width: 98%}
.left_block_table { width: 280px;}
.cc_block_table { width: 98%; }
.cl_block_table { width: 96%; }
.cr_block_table { width: 96%; }
.content_table { width: 96%; }
/*--------------------------------------- Left block -------------------------------------*/

.left_block_title {
    background: #ECF0F7;
    color: #000000;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 3px;
    padding-bottom: 10px;
    width: 280px;
    font-size: 14px;
    border-left: 6px solid #FF9900;
}
.left_block_content {
    background: #ECF0F7;
    line-height: 20px;
    padding: 4px;
    border-left: 6px solid #D9CBB3;
}
.left_block_foot{
    background: #FFFFFF;
    height: 6px;
}

/*--------------------------------------- Center block -------------------------------------*/
center{}
.center_block{
    background: #FFFFFF;
    line-height: 20px;
    padding: 4px;
    /* border-left: 2px solid #D9CBB3; */
    width: 96%;
    padding: 4px;
}

/* begin menu tree css setting! */
div#treeContainer{
    margin: 0px;
    padding: 0px

    font-size: 10px;
    font-family: Verdana;
    white-space: nowrap;
    margin: 5px
}

img{
    vertical-align:middle;
    border: 0;
}

img.action{
    cursor: pointer
}

.howto_big {margin: 10px; padding: 6px; list-style-position: outside; list-style-type: decimal;}
.howto_big li {margin: 5px; list-style-position: outside; list-style-type: decimal;}

.howto {margin: 10px; padding: 5px; list-style-position: outside; list-style-type: disc;}
.howto li {margin: 5px; list-style-position: outside; list-style-type: disc;}
.button {cursor: hand;}