/****************************************************************************
* page container
****************************************************************************/
#page_container
{
    margin : 0px;
    padding : 0px;
}

/****************************************************************************
* page topline
****************************************************************************/
#page_topline_container
{
    height : 16px;
    font-size : 12px;
    font-family : Arial;
    font-weight : bold;
    color : #fff4ec;
    border-bottom : solid 2px #afafaf;
    background-color : #f67207;
    word-spacing : 4px;
    text-indent : 4px;
    overflow : hidden;
}

/****************************************************************************
* page header
****************************************************************************/
#page_header_container
{
    height : 62px;
    background-color : #fef9ec;
    background-image : url(../sysdata/image/page_header_bg.png);
    background-repeat : repeat-x;
}

/*****************************************
* page logo
******************************************/
#page_logo
{
    position : absolute;
    width : 300px;
    height : 64px;
    overflow : hidden;
}

/*****************************************
* page search
******************************************/
#page_search
{
    float : right;
    width : 400px;
    height : 35px;
    margin-top : 14px;
    text-align : center;
    overflow : hidden;
}

/****************************************************************************
* page toolbar
****************************************************************************/
#page_toolbar_container
{
    position : relative;
    top : -5px;
    height : 26px;
    overflow : hidden;
}

#page_toolbar
{
    height : 26px;
    float : right;
}

#page_toolbar .head
{
    float : left;
    width : 26px;
    height : 26px;
    background-image : url(../sysdata/image/page_toolbar_bg_left.png);
    background-position : left top;
    background-repeat : no-repeat;
    overflow : hidden;
}

#page_toolbar .body
{
    float : left;
    height : 26px;
    line-height : 26px;
    text-align : center;
    background-image : url(../sysdata/image/page_toolbar_bg.png);
    background-position : left top;
    background-repeat : repeat-x;
    overflow : hidden;
}

/*****************************************
* panel member login 
******************************************/
.panel_member_login
{
    width : 160px;
    padding-top : 4px;
    overflow : hidden;
    display :block;
}

/*****************************************
* panel member control
******************************************/
.panel_member_control
{
    width : 270px;
    padding-top : 4px;
    overflow : hidden;
    display : block;
}

.panel_member_control .member_name
{
    float : left;
    width : 60px;
    height : 16px;
    line-height : 16px;
    text-align : center;
    font-size : 12px;
    font-weight : bold;
    color : #c27d30;
    overflow : hidden;
}

/*****************************************
* panel member getpwd
******************************************/
#membergetpwd_container
{
    width : 220px;
    height : 60px;
    margin : auto;
    border : solid 1px gray;
    padding : 6px 4px 6px 4px;
    background-color : White;
}

#membergetpwd_container .footer
{
    text-align : center;
    margin : 6px auto 6px auto;
}

/****************************************************************************
* bookmark panel
****************************************************************************/
#bm_datatransstatus
{
    height : 32px;
    background-image : url(../sysdata/image/loading.gif);
    background-position : center;
    background-repeat : no-repeat;
}
#bm_msg
{
    line-height : 16px;
    padding : 4px;
    margin : 4px 8px 2px 8px; 
    color : #6cb21d;
    border : solid 1px #6cb21d;
    background-color : #d4f6b2;
    font-size : 12px;
}
#bm_error
{
    font-size : 12px;
    overflow : auto;
    line-height : 16px;
    padding : 4px;
    margin : 4px; 
    border : solid 1px #ff4e00;
    background-color : #fbb7b7;
    text-align : center;
    color : #ff4e00;
}

/*****************************************
* bookmark add panel
******************************************/
#bm_panel_add
{
    width : 160px;
    text-align : center;
    line-height : 20px;
    font-size : 12px;
    font-weight : bold;
    color : #597811;
    padding : 1em 0px;
}

#bm_panel_add .footer
{
    text-align : center;
    margin : 4px 0px 0px 0px;
}

#bm_panel_add .btnCancel
{
    margin-left : 10px;
    color : red;
}

/*****************************************
* bookmark view panel
******************************************/
#bm_panel_view
{
    width : 170px;
    border : dotted 1px green;
    padding : 4px 2px 4px 2px;
    margin : 0px 2px 10px 0px;
    overflow : auto;
}

#bm_panel_view .error
{
    height : 24px;
    line-height : 24px;
    margin : 4px; 
    color : #ff4e00;
    border : solid 1px #ff4e00;
    background-color : #fbb7b7;
    text-align : center;
}

#bm_panel_view .title
{
    padding : 2px 0px 2px 0px;
    margin : 0px 0px 4px 0px;
    font-size : 12px;
    font-weight : bold;
    color : #597811;
    text-align : center;
    border-bottom : dotted 1px green;
}

#bm_panel_view .footer
{
    text-align : center;
}

#bm_panel_view .linkArticle
{
    display : block;
    height : 16px;
    text-decoration : none;
    color : #a8ba00;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
}
#bm_panel_view .linkArticle:hover
{
    color : #feb005;
}

#bm_panel_view .btnDelete
{
    display : block;
    width : 16px;
    height : 16px;
    background-image : url(../sysdata/image/btn_delete_bg.png);
    background-position : center;
    background-repeat : no-repeat;
    text-decoration : none;
}

#bm_panel_view .btnHide
{
    font-size : 12px;
    font-weight : bold;
    color : #c27d30;    
    text-decoration : none;
    border-bottom : dotted 1px #c27d30;
}
#bm_panel_view .btnHide:hover
{
    color : #feb005;
    border-bottom : dotted 1px #feb005;
}

/****************************************************************************
* comment
****************************************************************************/
.datatransstatus
{
    height : 32px;
    background-image : url(../sysdata/image/loading.gif);
    background-position : center;
    background-repeat : no-repeat;
    text-indent : 34px;
    color : #5f5f5f;
}

.CommentView, .CommentAdd
{
    font-weight : bold;
    font-size : 12px;
    color : #7487bf;
}

/*****************************************
* comment add
******************************************/
#panel_comment_add
{
    margin-top : 10px;
}

#panel_comment_add .footer
{
    text-align : center;
}

#panel_comment_add .btnCancel
{
    color : Red;
    margin-left : 14px;
}

/****************************************************************************
* page body
****************************************************************************/
#page_body_container
{
    margin : 0px auto 4px auto;
    min-height : 470px;        
    height : auto;
}
*html #page_body_container
{
    height : 470px;    
}

.companyprofile
{
    border : dotted 1px #7487bf;
    padding : 8px;
    margin : 0px 4px 15px 4px;
    font-size : 12px;
    color : #a8ba00;
}

/****************************************************************************
* page left col
****************************************************************************/
#page_leftcol_container
{
    float : left;
    width : 180px;
    margin : 0px auto 0px auto;
    overflow : hidden;    
}

#page_leftcol_container .title
{
    height : 26px;
    line-height : 26px;
    margin : 0px 5px 2px 5px;
    color : #7487bf;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    letter-spacing : 2px;
    background-image : url(../sysdata/image/btn_title.jpg);
    background-repeat : no-repeat;
    background-position : center;
    overflow : hidden;
}

#page_leftcol_container .resourcelink 
{
    margin-left : 2px;
    padding : 2px;
}
#page_leftcol_container .resourcelink a
{
    display : block;
    margin : 2px 2px 0px 2px;
    overflow : hidden;
    color : #ec7312;
    text-decoration : none;
    font-size : 14px;
    font-weight : bold;
    text-indent : 30px;
}
#page_leftcol_container .resourcelink a:hover
{
    color : #feb005;
}

#page_leftcol_container .friendlink 
{
    margin-left : 2px;
    padding : 2px;
}
#page_leftcol_container .friendlink a
{
    display : block;
    margin : 2px 2px 0px 2px;
    overflow : hidden;
    color : #ec7312;
    text-decoration : none;
    font-size : 12px;
    text-indent : 30px;
}
#page_leftcol_container .friendlink a:hover
{
    color : #feb005;
}

/*****************************************
* google ads
******************************************/
#page_leftcol_container .ads_container
{
    text-align : center;
    margin : 0px auto 0px auto;
}

/*****************************************
* catalog
******************************************/
.catalog_container
{
    margin : 0px auto;
    width : 170px;
}

.catalog_container .title_container
{
    height : 30px;
    line-height : 26px;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    color : #7487bf;
    background-image : url(../sysdata/image/catalog_title.jpg);
    background-position : left center;
    background-repeat : no-repeat;
    overflow : hidden;
}
.catalog_container .title_container .text
{
    width : 160px;
    margin :auto;
}

.catalog_container .content_container
{
    overflow : hidden;
    font-size : 12px;
    background-image : url(../sysdata/image/catalog_content.jpg);
    background-position : left center;
    background-repeat : repeat-y;
}

.catalog_container .content
{
    overflow : hidden;
    width : 148px;
    margin-left : 8px;
}

.catalog_container .content_container a
{
    color : #ec7312;
    font-size : 12px;
    font-weight : bold;
    text-decoration : none;
}
.catalog_container .content_container a:hover
{
    color : #feb005;
    text-decoration : none;
}
.catalog_container .content_container .current
{
    display : block;
    width : 140px;
    height : 18px;
    line-height : 18px;
    margin : 0px auto;
    overflow : hidden;
    font-weight : bold;
    color : #888888;
}

.catalog_container .foot_container
{
    height : 12px;
    overflow : hidden;
    background-image : url(../sysdata/image/catalog_foot.jpg);
    background-position : left top;
    background-repeat : no-repeat;
}

/****************************************************************************
* page right col
****************************************************************************/
#page_rightcol_container
{
    float : right;
    width : 180px;
    margin: 8px 0px 0px 0px;
}

/*****************************************
* menu list
******************************************/
.rightcol_menu_container
{
    width : 146px;
    margin : 12px auto 10px 0px;
    padding : 10px 0px 4px 14px;
    border : dotted 1px silver;
}

/*****************************************
* google ads
******************************************/
#page_rightcol_container .ads_container
{
    width : 160px;
    height : 100px;
    margin : 0px 0px 14px 0px;
    text-align : left;
    border: dotted 1px #597811;    
    background-color : #fef9ec;
}

/****************************************************************************
* page content
****************************************************************************/
#page_content_container
{
    margin : 0px 205px 0px 205px;
}

/*****************************************
* article tree deck
******************************************/
.articletree_deck_container
{
    padding : 2px;
}

.articletree_deck_container .remark
{
    padding : 6px 14px 6px 14px;
    margin : 10px 4px 20px 4px;
    font-size : 12px;
    color : #5f5f5f;
    border : dotted 1px #7487bf;
    background-color : #fffcf5;
}

/*****************************************
* article tree card
******************************************/
.articletree_card_container
{
    overflow : hidden;
    margin : 0px 4px 0px 4px; 
}

.articletree_card_container .title_container
{
    display : block;
    height : 24px;
    line-height : 24px;
    font-family :  Arial;
    font-size : 14px;
    font-weight : bold;
    color : #597811;
    text-align : left;
    text-indent : 26px;
    text-decoration : none;
    background-image : url(../sysdata/image/btn_link_big.png);
    background-position : left top;
    background-repeat : no-repeat;
    overflow :hidden;
}
.articletree_card_container .title_container:hover
{
    color : #feb005;
    background-position : left bottom;
    background-color : #f4ecd8;
}

.articletree_card_container .body_container
{
    display : block;
    overflow : hidden;
}

.articletree_card_container .text_container
{
    height : 10em;
    margin-top : 6px;
    font-size : 12px;
    color : #5f5f5f;
    overflow : hidden;
}

.articletree_card_container .button_container
{
    height : 25px;
}

.articletree_card_container .button_more
{
    float : right;
    display : block;
    height : 25px;
    width : 64px;
    background-image : url(../sysdata/image/btn_more.jpg);
    background-position : left top; 
    background-repeat : no-repeat;
    text-decoration : none;
}
.articletree_card_container .button_more:hover
{
    background-position : left bottom; 
}

/*****************************************
* article card
******************************************/
.article_card_container
{
    padding : 4px;
    margin : 0px 4px 20px 4px;
}
.article_card_container .title
{
    font-size : 20px;
    font-family : Arial;
    font-weight : bold;
    text-indent : 8px;
    text-decoration : none;
    color : #643c10;
}
.article_card_container .link
{
    height : 16px;
    line-height : 16px;
    display : block;
    margin-top : 2px;
    text-decoration : none;
    text-indent : 18px;
    font-size : 12px;
    color : #a8ba00;
    background-image : url(../sysdata/image/btn_link_small.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.article_card_container .link:hover
{
    color : #feb005;
    background-position : left bottom;
}

/******************************
*  article page
*******************************/
.article_page_container
{
    padding : 4px;
}

.article_page_container .timestamp
{
    font-size : 14px;
    font-style : italic;
    color : #a8ba00;
    margin : 0px 0px 4px 0px;
}

.article_page_container .text
{
    padding : 4px;
    font-size : 12px;
    color : #5f5f5f;
    line-height : 20px;
    min-height : 580px;
    height : auto;
}
*html .article_page_container .text
{
    height : 580px;    
}

.article_page_container .text strong
{
    margin : 0px;
    color : #597811;
    font-size : 12px;
    padding-bottom: 8px;
    font-style : italic;
}

.article_page_container .text img
{
    display : block;
    text-align : center;
    margin : auto;
}
.article_page_container .text .desc
{
    text-align : center;
    color : #99ce29;
}

.article_page_container .remark
{
    padding : 4px;
    color : #99ce29;
    margin : 10px 4px 10px 4px;
    font-size : 12px;
}
.article_page_container .remark a
{
    text-decoration : none;
    color : #ec7312;
    font-weight : bold;
}
.article_page_container .remark a:hover
{
    color : #feb005;
}

.article_page_container .linkbar
{
    margin : 8px 0px 4px 0px;
    height : 20px;
    border : dotted 1px silver;
    padding : 4px 0px 4px 0px;
}
.article_page_container .linkbar a
{
    display : block;
    height : 24px;
    line-height : 22px;
    text-indent : 24px;
    text-decoration : none;
    font-size : 12px;
    font-weight : bold;
    color : #985700;
}
.article_page_container .linkbar a:hover
{
    color : #ff9900;
}

.article_page_container .linkbar .prev
{
    float : left;
    width : 200px;
    overflow : hidden;
    background-image : url(../sysdata/image/btn_prev_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.article_page_container .linkbar .prev:hover
{
    background-position : left bottom;
}
.article_page_container .linkbar .prevdump
{
    float : left;
    width : 200px;
}

.article_page_container .linkbar .up
{
    width : 80px;
    margin : auto;
    background-image : url(../sysdata/image/btn_uplevel_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.article_page_container .linkbar .up:hover
{
    background-position : left bottom;
}

.article_page_container .linkbar .next
{
    float : right;
    width : 200px;
    overflow : hidden;
    background-image : url(../sysdata/image/btn_next_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.article_page_container .linkbar .next:hover
{
    background-position : left bottom;
}
.article_page_container .linkbar .nextdump
{
    float : right;
    width : 200px;
}

/******************************
*  article page ads
*******************************/
#articlepage_ads_container
{
    margin-bottom : 10px;
    border : dotted 1px #7487bf;    
    text-align : center;
}

/****************************************************************************
* page footer
****************************************************************************/
#page_footer_container
{
    height : 44px;
    background-color : #332b1e;
    background-image : url(../sysdata/image/page_footer.jpg);
    background-repeat : repeat-x;
}

#page_footer_container #page_footer
{
    font-family : arial;
    font-size : 14px;
    font-weight : bolder;
    color : #ecddb6;
    text-align : center;
    padding-top : 12px;    
}

#page_footer_container a
{
    color : #a8ba00;
    text-decoration : none;
}
#page_footer_container a:hover
{
    color : #feb005;
}

/****************************************************************************
* online test
****************************************************************************/
.onlinetest_input
{
    width : 400px;
    height : 410px;
    overflow : scroll;
    border : solid 1px #7487bf;
    margin : 2px;
}
.onlinetest_result
{
    width : 400px;
    height : 410px;
    overflow : scroll;
    border : solid 1px #7487bf;
    margin : 2px;
}

/****************************************************************************
* friend link
****************************************************************************/
.friendlink_deck_container
{
}

.friendlink_deck_container .highlight
{
    background-color : #fef9ec;
}

/**************************************
* friend link card
***************************************/
.friendlink_card_container
{
    padding : 8px 10px;
}

.friendlink_card_container .title
{
    margin-bottom : 4px;
}
.friendlink_card_container .title a
{
    text-decoration : none;
    color : #597811;
    font-size : 12px;
}
.friendlink_card_container .title a:hover
{
    color : #feb005;
}

.friendlink_card_container .body
{
    padding : 0px 1em;
    font-size : 12px;
    color : #5f5f5f;
}

/****************************************************************************
* home content deck
****************************************************************************/
.home_content_deck_container
{
    margin-bottom : 14px;
}

.home_content_deck_container .title_container
{
    border-bottom : dotted 1px #888888;
}

.home_content_deck_container .title_container .title
{
    display : block;
    height : 26px;
    line-height : 24px;
    font-family :  Arial;
    font-size : 16px;
    font-weight : bold;
    color : #597811;
    text-align : left;
    text-indent : 26px;
    text-decoration : none;
    background-image : url(../sysdata/image/btn_link_big.png);
    background-position : left top;
    background-repeat : no-repeat;
    overflow : hidden;
}
.home_content_deck_container .title_container .title:hover
{
    color : #feb005;
    background-position : left bottom;
    background-color : #f4ecd8;
}

/***************************************
* home content card
****************************************/
.home_content_card_container 
{
    margin : 4px 4px 6px 4px;
}

.home_content_card_container .link_container
{
    height : 24px;
    overflow : hidden;
}
.home_content_card_container .link_container .link
{
    height : 18px;
    line-height : 18px;
    font-family :  Arial;
    font-size : 12px;
    font-weight : bold;
    color : #597811;
    text-align : left;
    text-decoration : none;
    overflow : hidden;
}
.home_content_card_container .link_container .link:hover
{
    color : #feb005;
}

.home_content_card_container .text_container
{
    font-size : 12px;
}


/****************************************************************************
* show room
****************************************************************************/


/****************************************************************************
* show box
****************************************************************************/