
/* default styles start */
body 
{
    margin: 0px; 
    font-family: Arial, MingLiU, PMingLiU, Helvetica, sans-seri; 
    font-size: 12px; 
    color: #4e4e4e; 
    text-align: center; 
    background-color: #282B3A;
}
a { color: #d71440; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {border: none;}

.main_body 
{
    width:984px;
    text-align: left;
}

.all_font_12
{
    font-family: Arial, MingLiU, PMingLiU, Helvetica, sans-seri; 
    font-size: 12px; 
    color: #4e4e4e
}

.all_font_14
{
    font-family: Arial, MingLiU, PMingLiU, Helvetica, sans-seri; 
    font-size: 14px; 
    color: #4e4e4e; 
}

.bg_grey {background-color:#e2e2e2;}
.fontred {color: #FF0000;}
.fontblack {color: #000;}
.font14 {font-size: 14px;}
.center {text-align: center;}
.rightalign {text-align: right;}
.bold {font-weight: bold;}
.margin_b30 {margin-bottom: 30px;}
.padding_t5 {padding-top: 5px;}
.padding_l27 {padding-left: 27px;}
span.uppercase {text-transform: uppercase;}

/* default styles end */


/* for mainNav start */
.mainNav_out
{
    height:33px;
    text-decoration:none;
    color:white;
    font-size:12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_out a
{
    font-size:12px;
    text-decoration:none;
    color:white;
}
.mainNav_out a:hover
{
    font-size:12px;
    text-decoration:none;
    color:white;
}
.mainNav_out_sub
{
    color:white;
    font-size: 11px;
    cursor:pointer;
}
.mainNav_out_sub a
{
    font-size: 11px;
    text-decoration:none;
    color:white;
}
.mainNav_out_sub a:hover
{
    font-size: 11px;
    text-decoration:none;
    color:white;
}

.mainNav_over
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over a
{
    font-size: 12px;
    text-decoration:none;
    color:white;
}
.mainNav_over a:hover
{
    font-size: 12px;
    text-decoration:none;
    color:white;
}

.mainNav_over_red /*==== Committees: red ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_blue.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_red a {text-decoration:none; color:white;}
.mainNav_over_red a:hover {text-decoration:none; color:white;}
.mainNav_over_red_sub{font-size:12px; font-weight:bold; text-decoration:none; color:#d81541; cursor:pointer; background-color:#000000;}
.mainNav_over_red_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#d81541;}
.mainNav_over_red_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#d81541;}

.mainNav_over_mauve /*==== Membership: mauve ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_purple.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_mauve a {text-decoration:none; color:white;}
.mainNav_over_mauve a:hover {text-decoration:none; color:white;}
.mainNav_over_mauve_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#8a005f; cursor:pointer; background-color:#000000;}
.mainNav_over_mauve_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#8a005f;}
.mainNav_over_mauve_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#8a005f;}

.mainNav_over_turquoise /*==== Recruitment: turquoise ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_green.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_turquoise a {text-decoration:none; color:white;}
.mainNav_over_turquoise a:hover {text-decoration:none; color:white;}
.mainNav_over_turquoise_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#00a4bf; cursor:pointer; background-color:#000000;}
.mainNav_over_turquoise_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#00a4bf;}
.mainNav_over_turquoise_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#00a4bf;}

.mainNav_over_purple /*==== About Us: purple ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_light_green.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_purple a {text-decoration:none; color:white;}
.mainNav_over_purple a:hover {text-decoration:none; color:white;}
.mainNav_over_purple_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#5063af; cursor:pointer; background-color:#000000;}
.mainNav_over_purple_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#5063af;}
.mainNav_over_purple_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#5063af;}

.mainNav_over_blue /*==== News: blue ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_orange.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_blue a {text-decoration:none; color:white;}
.mainNav_over_blue a:hover {text-decoration:none; color:white;}
.mainNav_over_blue_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#00adef; cursor:pointer; background-color:#000000;}
.mainNav_over_blue_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#00adef;}
.mainNav_over_blue_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#00adef;}

.mainNav_over_orange /*==== Publications: orange ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_pink.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_orange a {text-decoration:none; color:white;}
.mainNav_over_orange a:hover {text-decoration:none; color:white;}
.mainNav_over_orange_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#f8931d; cursor:pointer; background-color:#000000;}
.mainNav_over_orange_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#f8931d;}
.mainNav_over_orange_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#f8931d;}

.mainNav_over_green /*==== Events: green ====*/
{
    text-decoration:none;
    color:white;
    font-size: 12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_red.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_green a {text-decoration:none; color:white;}
.mainNav_over_green a:hover {text-decoration:none; color:white;}
.mainNav_over_green_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#a8cf38; cursor:pointer; background-color:#000000;}
.mainNav_over_green_sub a {font-size:12px; font-weight:bold; text-decoration:none; color:#a8cf38;}
.mainNav_over_green_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#a8cf38;}

.mainNav_over_copper /*==== Business Service: copper ====*/
{
    text-decoration:none;
    color:white;
    font-size:12px;
    cursor:pointer;
    background-image: url(../images/menu/top_menu_bg_yellow.jpg); 
    background-repeat: no-repeat; 
    width: 123px;
    -moz-opacity: 1;
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.mainNav_over_copper a {text-decoration:none; color:white;}
.mainNav_over_copper a:hover {text-decoration:none; color:white;}
.mainNav_over_copper_sub {font-size:12px; font-weight:bold; text-decoration:none; color:#cd835c; cursor:pointer; background-color:#000000;}
.mainNav_over_coppersub a {font-size:12px; font-weight:bold; text-decoration:none; color:#cd835c;}
.mainNav_over_copper_sub a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#cd835c;}


.mainNav_height 
{
    height:33px;
}

.homeBody 
{
    margin-top: -33px;
}

.homeRightSection
{
    background-image: url(../images/blocks/blocks_bg_grey_right.jpg); 
    background-position:top left; 
    background-repeat:repeat-y;
    width:492px;
}

.mainSubNav
{
    /*width:984px;*/
    width:246px;
    background-color:#252734;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: Alpha(Opacity=90);
}
/* for mainNav end */


/* for main start */
.main  
{
    width: 100%; 
    background-color: #fff;
}
.main_home
{
    width: 100%; 
    background-color: #a5a6aa;
}
/* for main end */


/*===Hightlight Sentence===*/
#highlight_sentence {width: 560px; height:416px; margin-top:-416px; font-size: 17px;}
#highlight_sentence td {vertical-align: bottom; }
#highlight_sentence td.c_left { background-image: url(../images/main/highlight_tab_left.gif); background-repeat: no-repeat; width: 10px; background-position: top;}
#highlight_sentence td.c_mid { background-color: #282b3a; background-image: url(../images/main/highlight_tab_mid.gif); background-repeat: repeat-x; background-position: top; padding-top: 14px; padding-bottom: 11px;}
#highlight_sentence td.c_right { background-image: url(../images/main/highlight_tab_right.gif); background-repeat: no-repeat; width: 11px; background-position: top;}
#highlight_sentence td.c_french {color: #d71440;}
#highlight_sentence td.c_french a {color: #d71440; text-decoration: none;}
#highlight_sentence td.c_french a:hover {text-decoration: underline; font-weight: normal;}
#highlight_sentence td.c_department {color: #fff;}
#highlight_sentence td.c_department a {color: #fff; text-decoration: none;}
#highlight_sentence td.c_department a:hover {text-decoration: underline; font-weight: normal;}


/*===Hightlight Sentence===*/

/*===Home Footer Sections===*/

#home_footer {vertical-align:top;}

#home_footer td.lower_home_header_block1{height:37px;padding:0 0 0 15;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px;vertical-align:middle;}
#home_footer td.lower_home_header_block1_np{height:37px;padding:0 0 0 0;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px;vertical-align:middle;}


/*#home_footer td.lower_home_header_block1 a{color:#66054c;}*/
#home_footer td.lower_home_header_block1 a:hover{text-decoration:none;}
#home_footer td.lower_home_header_block1_np a:hover{text-decoration:none;}
/*#home_footer td.lower_home_header_block1 a:visited{color:#66054c;}*/

#home_footer td.lower_home_header_block2{height:37px;padding:0 0 0 15;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px;vertical-align:middle;}
/*#home_footer td.lower_home_header_block2 a{color:#66054c;}*/
#home_footer td.lower_home_header_block2 a:hover{text-decoration:none;}
/*#home_footer td.lower_home_header_block2 a:visited{color:#66054c;}*/

#home_footer td.lower_home_header_block3{height:37px;padding:0 0 0 15;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; vertical-align:middle;}
/*#home_footer td.lower_home_header_block3 a{color:#005c89;}*/
#home_footer td.lower_home_header_block3 a:hover{text-decoration:none;}
/*#home_footer td.lower_home_header_block3 a:visited{color:#005c89;}*/


#home_footer td.lower_home_header_block4{height:37px;padding:0 0 0 15;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px;vertical-align:middle;}
/*#home_footer td.lower_home_header_block4 a{color:#005f69;}*/
#home_footer td.lower_home_header_block4 a:hover{text-decoration:none;}
/*#home_footer td.lower_home_header_block4 a:visited{color:#005f69;}*/

#home_footer td.lower_home_header_block5{height:37px;padding:0 0 0 15;font-weight:bold;font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px;vertical-align:middle;}
/*#home_footer td.lower_home_header_block5 a{color:#841b1c;}*/
#home_footer td.lower_home_header_block5 a:hover{text-decoration:none;}
/*#home_footer td.lower_home_header_block5 a:visited{color:#841b1c;}*/

#home_footer td.blockContents_main1 {background-image:url(../images/blocks/blocks_bg_grey_250.jpg); background-repeat:repeat-y; background-position:top left; background-color:#A5A6AA; }
#home_footer td.blockContents_main2 {background-image:url(../images/blocks/blocks_bg_grey_210.jpg); background-repeat:repeat-y; background-position:top left; background-color:#A5A6AA; }
#home_footer td.blockContents_main3 {background-image:url(../images/blocks/blocks_bg_grey_210.jpg); background-repeat:repeat-y; background-position:top left; background-color:#A5A6AA; }
#home_footer td.blockContents_main4 {background-image:url(../images/blocks/blocks_bg_grey_160.jpg); background-repeat:repeat-y; background-position:top left; background-color:#A5A6AA; }
#home_footer td.blockContents_main5 {background-image:url(../images/blocks/blocks_bg_grey_160.jpg); background-repeat:repeat-y; background-position:top left; background-color:#A5A6AA; }

#home_footer td table.blockContents td{padding:15 5 15 5; font-size:10px;color:White;vertical-align:top; }
#home_footer td table.blockContents_np td{padding:0 0 0 0; font-size:10px;color:White;vertical-align:top; }
#home_footer td table.blockContents2 td{padding:15 3 15 3; font-size:10px;color:White;vertical-align:top; }

/*===Home Footer Sections===*/


/*===Banners===*/

#banner_frame {background-color:#505050; width:492px;height:77px;}
#banner_frame td.header {color:White;font-size:9pt;text-align:center;height:12px;}

/* for panetop start */
div#top { background-color: #000; color: #828387; padding:0px 10px 0px 12px; font-size: 11px;}
#top a { text-decoration: none; }
#top table.whole {width: 100%;}
#top .sponsor {color: #d41540; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px;}
#top .sponsor_list {width: 129px; padding-right: 25px;}
#top .red {color: #d41540;}
#top .top_top_menu { font-size: 12px; padding-left: 10px; padding-right: 0px !important; padding-right: 10px;}
.top_top_menu_item {font-size: 12px;}
.top_top_menu_item a {font-size: 12px; color: #828387;}
.top_top_menu_item a:hover {font-size: 12px; color: #828387;}
.top_top_menu_item_red {font-size: 12px; color: #d41540;}
.top_top_menu_item_red a {font-size: 12px; color: #d41540;}
.top_top_menu_item_red a:hover {font-size: 12px; color: #d41540;}
/* for panetop end */


/* for panetop banner start */
div#banner { margin-top: 0px; background-color: #282b3a; padding:0px 0px 0px 12px; height: 77px;}
#banner img.fccihk_logo {padding-top: 28px;}
#banner .right_part {width: auto; float: right;}
#banner .search {width: 436px; color: #fff; background-image: url(../images/main/search_bg.jpg); background-repeat: no-repeat; padding:0 0 5px 10px; height: 38px; border-collapse: collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#banner .search .word {padding-left: 35px;}
#banner .search .box {padding-left: 15px;}
#banner .search .btn {width:80px;}
#banner .myspace {width: 178px; height: 27px; background-image: url(../images/main/myspace_bg.gif); background-repeat: no-repeat; text-align: center; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#banner .myspace a {color:#fff;}

div#banner2 { margin-top: 0px; background-color: #282b3a; padding:0px 0px 0px 12px; height: 71px;}
#banner2 img.fccihk_logo {padding-top: 28px;}
#banner2 .right_part {width: auto; float: right;}
#banner2 .search {width: 436px; color: #fff; background-image: url(../images/main/search_bg.jpg); background-repeat: no-repeat; padding:0 0 5px 10px; height: 38px; border-collapse: collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#banner2 .search .word {padding-left: 35px;}
#banner2 .search .box {padding-left: 15px;}
#banner2 .search .btn {width:80px;}
#banner2 .myspace {width: 178px; height: 27px; background-image: url(../images/main/myspace_bg.gif); background-repeat: no-repeat; text-align: center; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#banner2 .myspace a {color:#fff;}
/* for panetop banner end */


/* for footer start */
#footer { width: 100%; clear: both; background-color: #282b3a; font-size: 10px; }
#footer .main_table {padding: 0; font-size: 10px;}
#footer .footer_informatoin { font-size: 12px; color:#FFFFFF; padding-top:5px}
#footer .footer_websiteby { font-size: 10px; color:#FFFFFF;}
#footer .footer_websiteby a {color: #FFFFFF;}
.footer_menu_item {font-size: 10px;}
.footer_menu_item a {font-size: 10px; color: #828387;}
.footer_menu_item a:hover {font-size: 10px; color: #828387;}
/* for footer end */


/* for home right menu start */
#right_menu {text-align: left; border-collapse: collapse; }
#right_menu td.cell1 {width: 5px;}
#right_menu td.cell2 {width: 80px;padding-left:15px;}
#right_menu td.cell3 {vertical-align: top; padding-left: 15px; color: #fff; font-size: 11px; font-family:  Tahoma, Arial, Helvetica, sans-serif;}
#right_menu td.cell3 h3 {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; margin-bottom: -8px;}
#right_menu td.cell3 h3.hkevent {color: #4B7520;}
#right_menu td.cell3 h3.news {color: #027DAB;}
#right_menu td.cell3 h3.membership {color: #8b0064;}
#right_menu td.cell3 p {margin-bottom: -10px;}
#right_menu td.cell3 span.event_date{font-weight:bold;color:#4B7520;margin-top:2px;}
#right_menu td.cell3 span.news_title{font-weight:bold;color:#027DAB;margin-top:2px;}
#right_menu td.cell3 span.news_summary{font-size:8px;font-weight:normal;color:#ffffff;margin-top:2px;}
#right_menu a {color:#fff;}
#right_menu a:hover {text-decoration:none;}
#right_menu .message_div {width: 270px; height: 90px; overflow:auto;}
/* for home right menu end */


.login_welcome
{
    color:White;
}



/* add on 20100310 start */
.please_login_forget_pass {color:#828387; font-weight:bold; font-size:10px; padding-right:35px;}
.please_login_forget_pass a {color:#828387; }
.top_login {width: 370px; height: 27px; background-image: url(../images/main/myspace_bg_370.gif); background-repeat: no-repeat; text-align: center; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.top_login .input_box {background-color:#000000; color:#FFFFFF; border:0; width:80px; height:15px; font-size:12px;}

.footer_search {width: 436px; color: #fff; background-image: url(../images/main/search_bg_25.jpg); background-repeat: no-repeat; padding:0 0 5px 10px; height: 25px; border-collapse: collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top:-5px;}
.footer_search .word {padding-left: 35px; width:20%;}
.footer_search .box {padding-left: 5px; width:70%;}
.footer_search .btn {width:10%;}
.footer_search .search_input_box{ background-color:#000000; color:#FFFFFF; border:0; }
.footer_advanced_search {width: 436px; text-align:right; color:#828387; font-weight:bold; font-size:10px; }
.footer_advanced_search a {color:#828387;}
/* add on 20100310 end */

/* add on 20110728 start */
.home_scroll_member .home_scroll_member_header 
{
    color:#660d61;
    font-family: Arial;
    font-size: 14pt;
    font-weight:bold;
    padding: 10px 5px 5px 15px;
}
.home_scroll_member .home_scroll_member_header a
{
    color:#660d61;    
    text-decoration:none;
}
.home_scroll_member .Contents 
{
    padding:0px 5px 5px 5px;
    vertical-align:top; 
}
.home_scroll_member .company_name 
{
    color: #66054c;
    font-family: Arial;
    font-size: 12pt;
    padding:0 10px 3px 10px;
}
.home_scroll_member .company_name a
{
    color: #66054c;
    text-decoration:none;
}
.home_scroll_member .rep_name 
{
    color: #66054c;
    font-family: Arial;
    font-size: 12pt;
    font-weight:bold;
    padding:0 10px 3px 10px;
}
.home_scroll_member .rep_name a
{
    color: #66054c;
    text-decoration:none;
}
.home_scroll_member .rep_job_title 
{
    color: #66054c;
    font-family: Arial;
    font-size: 10pt;
    padding:0 10px 3px 10px;
}
.home_scroll_member .rep_job_title a
{
    color: #66054c;
    text-decoration:none;
}
.home_scroll_member .company_activity 
{
    color: #ffffff;
    font-family: Arial;
    font-size: 8pt;
    padding:0 10px 3px 10px;
}
.home_scroll_member .company_activity a
{
    color: #ffffff;
    text-decoration:none;
}
.home_scroll_member .company_logo 
{
    padding:0 10px 5px 10px;
}
/* add on 20110728 end */

