body { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#353535; background-color:#fff } table,tr,td { border-color:#ccc; } a { color:#353535; text-decoration:none; } a:hover { text-decoration:underline; } .bold_text {font-weight: bold;} div#container { width:950px; margin:0 auto; clear:both; background: #fff url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/body-bg.gif) repeat-x; } /* ================================================================== */ div#header { height:124px;} div#header a.logo-cuhk { float:left; margin-left:5px; } div#header a.logo-cpdc { float:left; } div#header ul#top-nav { float:right; width:325px; margin-top:5px; } div#header ul#top-nav a { color:#750f6d; } div#header ul#top-nav li { float:left; padding:0 4px; margin:5px 0px; line-height:1.3em; color:#750f6d;} div#header ul#top-nav li a { float:left; padding-right:15px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr.gif) right 3px no-repeat ; } div#header ul#top-nav li.search { width:240px;float:right; padding-right:0;} div#header ul#top-nav li.search { *margin-left: 40px; } div#header ul#top-nav li.search input { float:left; width:160px; height:13px; padding:3px 0; border:1px solid #fff; margin-right:7px; } div#header ul#top-nav li.search a { float:left; padding:0 10px; height:21px; background:#7c7c7c; color:#fff; line-height:21px; } div#header ul#top-nav li.user span { font-weight:bold;} /* ================================================================== */ /** Top Menu **/ ul#main-menu { float:right; margin-top:6px; } ul#main-menu li { float:left; margin-left:1px; font-weight:bold; } ul#main-menu li a { display:block; padding:9px 27px 7px; background:#d2bd7d; color:#fff; text-transform:uppercase; font-size:12px; } ul#main-menu li a:hover { background:#f8f4e5; color:#856B04; text-decoration:none; } ul#main-menu li a.active { background:#f8f4e5; color:#856B04; } /** menu - level2**/ ul#main-menu li ul.level2_menu {background-color:#f6f6f6;float:left; margin-top:4px; overflow:hidden; width:950px; position:absolute; z-index:10; margin-left:-462px;} ul#main-menu li ul.level2_menu li{ font-weight:normal; margin:0} ul#main-menu li ul.level2_menu li a { color:#836a07; padding:10px 14px; background:none; display:inline-block;} ul#main-menu li ul.level2_menu li a:hover{ color:#836a07; background-color:#f8f4e5; text-decoration:none;} ul#main-menu li ul.level2_menu li a.active{ color:#836a07; background-color:#f8f4e5; font-weight:bold;} /** menu - level3**/ div#left-nav ul li ul.sub_menu_show li ul.level3 { width:190px; padding:0 0 0 10px; border:none;} div#left-nav ul li ul.sub_menu_show li ul.level3 li { width:210px; padding:0 0 3px 0;} div#left-nav ul li ul.sub_menu_show li ul.level3 li a { margin: 0 0 5px 0; background:none !important;} div#left-nav ul li ul.sub_menu_show li ul.level3 li span { width:185px; } div#left-nav ul.sub_menu li ul.level3 {display:none;} /* ================================================================== */ /** Index **/ div#home-banner { clear:both; margin-bottom:15px; height:235px; } div#home-content div.news { width:500px; float:left; margin-bottom:15px; } div#home-content div.news h2 { padding-bottom:5px; border-bottom:1px solid #967844; font-weight:normal; text-transform:uppercase; margin-bottom:10px; float:left; width:500px; } div#home-content div.news h2 span { float:left;color:#661a5a; font-size:15px; } div#home-content div.news h2 span.more { float:right; color:#000; font-size:11px; margin-top:5px;} div#home-content div.news h2 a { padding-right:15px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr.gif) no-repeat right; } .ical { padding: 2px 4px !important; background: none #CABBA1 !important; border: 1px solid #967844; text-transform: none; text-decoration: none !important;} a.ical:hover { background: none #F2E0C2; } div#home-content div.news ul { float:left; clear:both; width:500px; } div#home-content div.news ul li { margin-left:15px; list-style:square; color:#661a5a; line-height:1.6em; margin-bottom:10px; } div#home-content div.news ul li a { } div#home-content div.news ul li a:hover { text-decoration:underline;} div#home-content div.news ul li a span { color:#65195a; } div#home-content div.news ul li a:hover span { text-decoration:underline; } div#home-content div.news ul.event { width:300px; } /*div#home-content div.news*/ div.home-cal-holder { width:160px; float:right; margin-top:10px; } div.home-cal { width:160px; float:right; border:1px solid #ddd; } div.home-cal table { margin:10px auto; } div.home-cal table td, div.home-cal table th { padding:4px; font-size:10px; text-align:right; } div.home-cal table th { background:#cd7adf; color:#fff; font-weight:normal; } /*div#home-content div.news div.home-cal table td.today { background:#a500e3; color:#fff; }*/ div.home-cal table td.today { border:1px solid #a500e3; display:block;} div.home-cal table td.today a { color:#fff; } div.home-cal table td.highlight { background-color:#866502; color:#fff; } div.home-cal table td.highlight a { color:#fff; } div#home-content div.news div.date-select { text-align:center; color:#661a5a; text-transform:uppercase; font-size:16px; } div#home-content div.news div.date-select a { font-size:14px; color:#661a5a; margin:0 3px; } div#home-content div.news div.date-select span { padding:0 3px; font-size:12px } ul#home-sbanner { float:right; width:415px; } ul#home-sbanner ul { float:left; padding-left:6px; } ul#home-sbanner li { /*float:right;*/ float:left; margin:0 0 15px 11px; } div#home-support { float:right; background:#a9aeb3; border:1px solid #d7d3cd; width:402px; margin-bottom:15px;} div#home-support h2 { float:left; width:386px;font-weight:normal; padding:8px 8px 6px 8px; background:#f1f1f1; border-bottom:1px solid #d7d3cd; text-transform:uppercase; margin-bottom:10px; } div#home-support h2 span{ float:left;color:#661a5a; font-size:15px; } div#home-content h2 span.more { float:right; margin-top:5px; font-size:11px; color:#000; } div#home-support h2 span.more a {padding-right:15px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr.gif) no-repeat right; } div#home-support ul { float:left; width:150px; margin:10px 10px 20px 10px; } div#home-support ul li { margin-left:15px; list-style:square; color:#661a5a; line-height:15px; margin-bottom:8px; } div#home-support ul li a { color:#fff; } div#home-support div.video { margin:10px 10px 20px 10px; border-left:1px solid #fff; padding-left:26px; float:right; width:170px; height:123px; } div#home-support div.video a { display:block; float:left; color:#fff; font-size:12px; margin-bottom:7px; } div#home-support div.video img { float:left; } /* ================================================================== */ div#footer { clear:both; color:#661a5a; min-width:950px; background:#cabba1; padding: 10px 0; margin:20px 0 0 0; } div#footer div.footer-content { width:950px; margin:0 auto; line-height:1.5em; } div#footer div.footer-content a { color:#661a5a; } div#footer div.footer-content .left { float:left; } div#footer div.footer-content .right { float:right; } div.clear { clear:both; } .dis_none { display:none;} div#content-container { clear:both; margin-top:5px; } /* ================================================================== */ /** left Menu **/ div#left-nav { float:left; width:240px; } div#left-nav h1 {height:99px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/title-bg-1.jpg) no-repeat; color:#750f6d; width:240px;border-bottom:4px solid #fff; text-transform:uppercase; } div#left-nav h1 span { float:right; margin-top:67px; line-height:32px; display:block; text-align:right; font-size:17px; font-weight:normal; margin-right:15px; color:#856B04 } div#left-nav h1 span a { color:#750F6D; text-decoration:none; } div#left-nav ul {background:#f6f6f6; width:240px; margin: 0;padding: 0;} div#left-nav ul li {border-bottom:4px solid #fff; line-height:1.3em;position:relative; z-index:3; } div#left-nav ul li a {color:#353535;width:210px; padding:12px 10px 12px 20px; z-index:3; position:relative; display:block; overflow: auto; /*force hasLayout in IE7 */} div#left-nav ul li a:hover {text-decoration:none; background-color:#e7e7e7;} div#left-nav ul li a.active { color:#661a5a;} div#left-nav ul li a span{ float:left; width:190px; position:relative; cursor:pointer} div#left-nav ul li a span.arr { float:right; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr.gif) left 2px no-repeat; width:7px; height:12px;} /** Sub-Menu */ div#left-nav ul li ul.sub_menu{position:absolute; z-index:99; width:210px;background:#f2e1ac; border:3px solid #eee; border-top:3px solid #fff; border-left:3px solid #fff; padding:5px 0; top:0;visibility: hidden; } div#left-nav ul li ul.sub_menu li{ float:none; background:none; border:none; padding:5px; display:block ; margin-left:4px;} div#left-nav ul li ul.sub_menu li a{float:none; background:none; padding:3px; width:190px;} div#left-nav ul li ul.sub_menu li a:hover {text-decoration:none; color:#661a5a; background:none;} /** Sub-Menu Show*/ div#left-nav ul li ul.sub_menu_show{border-top:4px solid #fff; width:215px; padding:5px 10px 5px 15px } div#left-nav ul li ul.sub_menu_show li{ border:none; } div#left-nav ul li ul.sub_menu_show li a{ width:auto; padding:0px 0px 0px 25px; margin:8px 0; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/sq.jpg) no-repeat 10px 5px; } div#left-nav ul li ul.sub_menu_show li a:hover {text-decoration:none; color:#661a5a; background-color:#F6F6F6;} /* ================================================================== */ div#content-wrap { margin-left:244px; width:706px; overflow:hidden; position:relative; z-index:3;} div#content-wrap div#breadcrumb { color:#353535; } div#content-wrap div#breadcrumb a, div#content-container div#other_info div#breadcrumb a { color:#661a5a; } div#content-wrap div#breadcrumb span, div#content-container div#other_info div#breadcrumb span { display:block; margin-bottom:4px; padding:10px 18px; background:#f6f6f6; width:670px; line-height:1.4; } div#content-text-wrap { /*margin-top:4px;*/ background:#f6f6f6; float:left; min-height:600px; height: auto !important; height:600px;} div#content-wrap div#content-text-wrap {float:left !important; width:706px;} /** layout **/ div#content-text-wrap div#content_one_column div#content-text { width:700px;} div#content-text-wrap div#content_two_column div#content-text { width:700px !important;/*480px;*/ float:left; border-right:4px solid #fff; overflow:hidden; } div#content-text-wrap div#content_two_column div.column-full { width:auto !important; border-right:0 !important; } div#content-text div.wrapper { margin:28px 26px; line-height:1.5em; color:#353535; } /* ================================================================== */ /** content-text **/ div#content-text h1 { color:#65195a; font-size:18px; font-weight:normal; text-transform:uppercase; } div#content-text h2 { color:#65195a; font-size:15px; font-weight:normal; padding-bottom:5px;} div#content-text div.wrapper h3 { color:#333; padding:10px 0; padding-top:15px; font-size:13px;} div#content-text div.wrapper h4 { color:#555; padding-top:8px; margin-bottom:5px; } div#content-text div.wrapper h5 { font-size:1em; font-weight:normal; color:#65195A; padding-top:8px; margin-bottom:3px;} div#content-text div.wrapper p { padding:10px 0; line-height:1.6em; padding-top:8px;} div#content-text div.wrapper ul { margin:10px 0;} div#content-text div.wrapper ul li { padding:0 5px 0 20px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/sq.jpg) no-repeat 5px 5px; margin-bottom:8px; } div#content-text div.wrapper ul li a{ display:inline-block} div#content-text div.wrapper ol { padding:10px 0 10px 25px;} div#content-text div.wrapper ol li {margin-bottom:8px; list-style-type:decimal; } div#content-text div.wrapper ol li ul li{ list-style:none;} div#content-text div.wrapper table { margin:10px 0} div#content-text div.wrapper table th, div#content-text div.wrapper table td{ padding:8px; vertical-align:top;} div#content-text div.wrapper table td p, div#content-text div.wrapper table td ol, div#content-text div.wrapper table td ul{ padding-top:0; margin-top:0;} div#content-text div.wrapper table a { text-decoration:underline;} div#content-text div.wrapper table a:hover{ text-decoration:none;} div#content-text div.wrapper table td label{ vertical-align:middle} div#content-text div.wrapper table td input { vertical-align:middle} div#content-text div.wrapper a { color:#111; text-decoration:underline;} div#content-text div.wrapper a:hover { color:#111; text-decoration:none;} div#content-text div.wrapper table.border { border:1px solid #ccc;} div#content-text div.wrapper table.border th{ border:1px solid #ccc; background-color:#eee; text-align:left} div#content-text div.wrapper table.border td{ border:1px solid #ccc; } div#content-text div.wrapper .line{ border-bottom:2px solid #fff; padding-top:20px; margin-bottom:15px; clear:both;} div#content-text div.wrapper .back{ float:right; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr_pre.gif) no-repeat 0 5px; padding-left:10px; margin-right:5px; margin-bottom:10px;} div#content-text div.wrapper .back a{ color:#000} div#content-text div.wrapper .back_top { text-align:right; margin:15px 0; } div#content-text div.wrapper .back_top a{ color:#836A07} div#content-text div.wrapper .back_top img{ vertical-align:middle; margin-right:4px} div#content-text div.wrapper .edit_info { text-align:right; padding-top:10px; padding-bottom:15px} div#content-text div.wrapper .edit_info a { color:#750F6D; text-decoration:underline;} div#content-text div.wrapper .edit_info a:hover{ text-decoration:none;} /** btn **/ div#content-text div.wrapper .button a, a.button{ color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:3px 8px;} div#content-text div.wrapper .button a:hover, a.button:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} div#content-text div.wrapper .button input{ color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:3px 8px;} div#content-text div.wrapper .button input:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} /** content-right Banner **/ div#content-right { float:right; width:219px; } div#content-right ul.banner { margin:10px 11px; float:left; } div#content-right ul.banner li { float:left; margin-bottom:8px; } div#content-text div.wrapper div#content-right ul.banner li { background:none; } /** Page Layout 1 **/ div#content-text-wrap div.page_layout_1 div#content_two_column div#content-text { float:left; overflow:hidden; } div.page_layout_1 div#content-right { float:right; width:219px; } /** Page Layout 2 **/ div#content-text-wrap div.page_layout_2 div#content_two_column div#content-text { float:right; border-left:4px solid #fff; border-right:none; } div.page_layout_2 div#content-right { float:left; width:219px; } /** Page Layout 3,4 **/ div.page_layout_3 div#content-right, div.page_layout_4 div#content-right { float:left; width:100%; } div.page_layout_3 div#content-right ul.banner, div.page_layout_4 div#content-right ul.banner { margin:20px 0 15px; } div.page_layout_3 div#content-right ul.banner li, div.page_layout_4 div#content-right ul.banner li { margin:0 10px 15px; padding:0; } /* ================================================================== */ /** student **/ body#student div#left-nav h1 span a{ color:#856b04; } body#student div#left-nav h1 { background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/title-bg-2.jpg) no-repeat;} body#student div#left-nav ul li a:hover {text-decoration:none; background-color:#e7e7e7} body#student div#left-nav ul li a.active { color:#856b04; } body#student div#left-nav ul li a span.arr { float:right; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr2.gif) left 2px no-repeat; width:7px; height:12px;} /** Sub-Menu */ body#student div#left-nav ul li ul.sub_menu{position:absolute; z-index:99; width:210px;background:#f2e1ac; border:3px solid #eee; border-top:3px solid #fff; border-left:3px solid #fff; padding:5px 0; top:0;visibility: hidden; } body#student div#left-nav ul li ul.sub_menu li{ float:none; background:none; border:none; padding:5px; display:block ; margin-left:4px;} body#student div#left-nav ul li ul.sub_menu li a{float:none; background:none; padding:3px; width:190px;} body#student div#left-nav ul li ul.sub_menu li a:hover {text-decoration:none; color:#856B04; background:none;} /** Sub-Menu Show*/ body#student div#left-nav ul li ul.sub_menu_show li a{ background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/sq-gold.jpg) no-repeat 10px 5px; } body#student div#left-nav ul li ul.sub_menu_show li a:hover { color:#856b04; background-color:#F6F6F6;} body#student ul#main-menu li a.active{color:#856b04; } body#student div.left-content { width:303px; height:437px; overflow:hidden; float:left; } body#student div.left-content div { background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/st-home-bg.jpg) repeat-x; height:124px; float:left; } body#student div.left-content div h2 { color:#fff; font-weight:normal; line-height:1.2em; font-size:14px; margin:5px 10px; float:left; } body#student div.left-content div p { color:#fff; font-weight:normal; line-height:1.3em; margin:0px 10px; float:left; } body#student ul.st-home-section { float:right; width:396px; } body#student ul.st-home-section li { float:right; margin-bottom:3px; } /** job-link **/ div#content-text div.wrapper .job_link .wel p{ padding:2px 0} div#content-text div.wrapper .job_link .login_area { background-color:#f6f2df; padding:10px; margin:15px 0;} div#content-text div.wrapper .job_link .login_area .login { margin-left:5px;} div#content-text div.wrapper .job_link .login_area table.login_table { width:100%; border:none; } div#content-text div.wrapper .job_link .login_area table.login_table td { width:50%; } div#content-text div.wrapper .job_link .login_area fieldset { margin:10px 0; clear:both;} div#content-text div.wrapper .job_link .login_area .login label{ float:left; width:108px; margin-right:5px;} div#content-text div.wrapper .job_link .login_area .changepassword label { width:130px!important; } div#content-text div.wrapper .job_link .login_area .login input{ width:160px;} div#content-text div.wrapper .job_link .login_area .login input.old { width:76px; } div#content-text div.wrapper .job_link .login_area .login .btn_login { margin:15px 0 15px 113px;} div#content-text div.wrapper .job_link .login_area .login .btn_login a{ color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:3px 8px;} div#content-text div.wrapper .job_link .login_area .login .btn_login a:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} div#content-text div.wrapper .job_link .login_area .other_link { padding-top:20px;} div#content-text div.wrapper .job_link .login_area .other_link span{ margin:0 5px; font-size:0.95em;} div#content-text div.wrapper .job_link .login_area .other_link span a{ text-decoration:underline;} div#content-text div.wrapper .job_link .login_area .other_link span a:hover{ text-decoration:none} div#content-text div.wrapper .job_link .login_area p{ color:#978c6c; font-size:0.95em; margin-left:5px} /* =============Logon============ */ /*logon**/ div#logon {width:950px; margin-top:40px; /*background:#f6f6f6;*/ overflow:hidden;} div#logon div#content-text{ position:relative; z-index:2;overflow:hidden;} /* ===================================== */ /** Tabs **/ div#logon div#content-text div.wrapper div#tabs { float:left; width:800px; } div#logon div#content-text div.wrapper div#tabs ul {margin:0; padding:0; } div#logon div#content-text div.wrapper div#tabs ul li { float:left; text-align:center; background:none; padding:0; margin:0; width:auto;} div#logon div#content-text div.wrapper div#tabs ul li a { cursor:pointer; text-decoration:none; padding:5px 15px; background-color:#aaa; color:#fff; } div#logon div#content-text div.wrapper div#tabs ul li a:hover{ text-decoration:none; cursor:pointer; background-color:#ccc } div#logon div#content-text div.wrapper div#tabs ul li.active a { background-color:#fff; color:#333; cursor:default;} div#logon div#content-text div.wrapper div.tab_block {display:none; } /** Searching **/ div#logon div#content-text div.wrapper .search { float:left; width:865px; background-color:#fff; padding:10px 15px; position:relative; clear:both; } div#logon div#content-text div.wrapper .search .btn_search { clear:both; text-align:center; border-top:1px dotted #ccc; padding:15px 0; margin-top:15px;} div#logon div#content-text div.wrapper .search .btn_search input{ color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:3px 8px;} div#logon div#content-text div.wrapper .search .btn_search input:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} div#logon div#content-text div.wrapper .select_box{ float:left; width:420px; margin:8px 10px 8px 0;} div.select_box select#employment_mode, div.select_box select#industry, div.select_box select#nature, div.select_box select#study { width:400px; background-color:#bebebe; border:none;} div.select_box select#employment_mode2, div.select_box select#industry2, div.select_box select#nature2, div.select_box select#study2 { width:400px; background-color:#bebebe; border:none;} div.select_box select#salary { width:236px; background-color:#bebebe; border:none; float:left;} /*div.select_box select#no_per_page{ width:50px; background-color:#bebebe; border:none;} */ div#logon div#content-text div.wrapper .select_box label{ float:left; width:120px; margin-right:8px; line-height:20px;} div#logon div#content-text div.wrapper .select_box_right{width:380px;} div#logon div#content-text div.wrapper .select_box_right label{ width:75px;} /** quick_search**/ div#logon div#content-text div.wrapper .search .quick_search { padding:10px 0; clear:both;} /** advanced_search **/ div#logon div#content-text div.wrapper .search .advanced_search{ padding:10px 0; clear:both; } div#logon div#content-text div.wrapper .search .advanced_search .job_id {border-bottom:1px dotted #ccc; padding-top:8px; padding-bottom:15px; margin-bottom:15px; line-height:20px} div#logon div#content-text div.wrapper .search .advanced_search .job_id label{ float:left; width:80px } div#logon div#content-text div.wrapper .search .advanced_search .job_id input{ float:left; margin:0 10px; border:1px solid #aaa; padding:2px } div#logon div#content-text div.wrapper .search .advanced_search .job_id .btn_id_search input{float:left; color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:0px 8px; } div#logon div#content-text div.wrapper .search .advanced_search .job_id .btn_id_search input:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} div#logon div#content-text div.wrapper .search .advanced_search .job_id .remark { float:left; font-size:0.9em; color:#978c6c; margin-left:10px; padding-top:2px;} /** advanced_search select_box**/ div#logon div#content-text div.wrapper .search .advanced_search .select_box{ width:440px;} div#logon div#content-text div.wrapper .search .advanced_search .select_box label{ width:150px; line-height:20px;} div#logon div#content-text div.wrapper .search .advanced_search .select_box_right{width:380px;} div#logon div#content-text div.wrapper .search .advanced_search .select_box_right label{ width:75px;} div#logon div#content-text div.wrapper .search .advanced_search .title{ clear:both; width:750px;} div#logon div#content-text div.wrapper .search .advanced_search .title input{ width:236px; border:1px solid #aaa; padding:2px} div#logon div#content-text div.wrapper .search .advanced_search .salary { width:750px} div#logon div#content-text div.wrapper .search .advanced_search .salary span{ float:left; font-size:0.9em; color:#978c6c; margin-left:10px; padding-top:2px;} /** Closing Date**/ div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date { width:750px; clear:both;} div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .date { float:left; width:100px; margin-right:5px; } div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .date .newListSelected { width:100px; background-position:right top ;} div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .date .selectedTxt { width:90px} div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .date .newListSelHover{background-position:right -22px;} div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .date ul.newList {width:98px; height:210px} div#logon div#content-text div.wrapper .search .advanced_search .select_box_closing_date .year ul.newList {height:auto} /** Job Industry **/ div#logon div#content-text div.wrapper .industry { clear:both; overflow:hidden; padding-top:10px} div#logon div#content-text div.wrapper .industry h2{ float:left; margin:10px 0; } div#logon div#content-text div.wrapper .industry ul{ float:right; width:780px;} div#logon div#content-text div.wrapper .industry ul li{ float:left; width:230px; margin-right:3px; margin-bottom:10px; height:34px;} /** search-result**/ div#logon div#content-text div.wrapper .result { clear:both; overflow:hidden; padding-top:10px; } div#logon div#content-text div.wrapper .result .page_detail { float:left; width:895px; margin:10px 0; position:relative;} div#logon div#content-text div.wrapper .result .page_no { float:left;; width:205px; margin:10px 0; font-weight:bold;} div#logon div#content-text div.wrapper .result .page { float:left; width:490px; padding-top:0;} div#logon div#content-text div.wrapper .result .no_per_page { float:right; width:185px; margin:10px 0;} div#logon div#content-text div.wrapper .result .no_per_page label{ float:left; width:100px;} div#logon div#content-text div.wrapper .result .no_per_page .show_no { float:left; width:80px; margin-right:5px; } div#logon div#content-text div.wrapper .result .no_per_page .show_no .newListSelected { width:80px; background-position:right top;} div#logon div#content-text div.wrapper .result .no_per_page .show_no .selectedTxt { width:70px} div#logon div#content-text div.wrapper .result .no_per_page .show_no .newListSelHover{background-position:right -22px;} div#logon div#content-text div.wrapper .result .no_per_page .show_no ul.newList {width:78px; height:227px;} /** search-table*/ div#logon div#content-text div.wrapper .result .result_area {background-color:#fff; width:895px;clear:both; padding-bottom:15px} div#logon div#content-text div.wrapper .result table.result_list{background-color:#fff; width:895px;} div#logon div#content-text div.wrapper .result table.result_list th{ padding:10px; background-color:#f8f4e5; color:#836a07; text-align:left; } div#logon div#content-text div.wrapper .result table.result_list td{ width:98px; padding-left:10px} div#logon div#content-text div.wrapper .result table.result_list td.employer{ width:250px;} div#logon div#content-text div.wrapper .result table.result_list td.position{ width:230px;} div#logon div#content-text div.wrapper .result table.result_list .vacancies{width:125px; text-align:center} div#logon div#content-text div.wrapper .result table.result_list a{ text-decoration:underline} div#logon div#content-text div.wrapper .result table.result_list a:hover{ text-decoration:none;} /** job-detail*/ div#logon div#content-text div.wrapper .num{ margin-bottom:5px} div#logon div#content-text div.wrapper .num span{ font-weight:bold; margin-right:2px} div#logon div#content-text div.wrapper .job_detail {width:897px; /*margin-bottom:10px;*/ padding-bottom:10px;} div#logon div#content-text div.wrapper .job_detail table{ width:895px; margin:10px 0; clear:both; } div#logon div#content-text div.wrapper .job_detail table th{ color:#836a07; background-color:#eeeee9; text-align:left; font-size:1.3em; padding:12px 10px} div#logon div#content-text div.wrapper .job_detail table td{ padding:6px 10px; border:2px solid #f6f6f6; border-top:none; background-color:#fff} div#logon div#content-text div.wrapper .job_detail table td.info{ width:260px} div#logon div#content-text div.wrapper .job_detail table td.header2{ font-weight:bold; color:#750F6D; background-color:#f6f6f6; } /** job-create **/ div#logon div#content-text div.wrapper table.job_create { width:800px; border:none; } div#logon div#content-text div.wrapper table.job_create th { padding:10px; } div#logon div#content-text div.wrapper table.job_create td { padding:5px; vertical-align:top; } div#logon div#content-text div.wrapper table.job_create td ul li { list-style:none; background:none; padding:0!important; vertical-align:top; } /*div#logon div#content-text div.wrapper table.job_create label { width:260px; }*/ div#logon div#content-text div.wrapper table.job_create td label span { position:relative; top:3px; } div#logon div#content-text div.wrapper table.job_create div.study_field { margin-bottom:10px; } /** Employer Searching*/ div#logon div#content-text div.wrapper .search .employer_searching {padding:10px 0; clear:both; } div#logon div#content-text div.wrapper .search .employer_searching .select_box{ width:700px; clear:both; } div#logon div#content-text div.wrapper .search .employer_searching .select_box label{ width:105px;} div#logon div#content-text div.wrapper .search .employer_searching .select_box input{ width:265px; border:1px solid #aaa; padding:2px} /* Searching - 2 column*/ div#content-container div#logon_two_column div#logon{width:auto; background:#fff;} div#content-container div#logon_two_column div#logon div#content-text-wrap { margin-top:0} div#content-container div#logon_two_column .wrapper { margin-top:15px;} /* Personal Particular*/ div#content-text div.wrapper .personal table{ width:648px; margin:10px 0; clear:both; position:relative;} div#content-text div.wrapper .personal table th{ color:#836a07; background-color:#eeeee9; text-align:left; font-size:1.3em; padding:12px 10px} div#content-text div.wrapper .personal table td{ padding:6px 10px; border:2px solid #f6f6f6; border-top:none; background-color:#fff; } div#content-text div.wrapper .personal table td.info{ width:260px!important; } div#content-text div.wrapper .personal table span{ font-size:0.9em;} div#content-text div.wrapper .personal table td.save{ background-color:#F6F6F6; padding-top:20px;} div#content-text div.wrapper .personal table td.save a{ text-decoration:none} div#content-text div.wrapper .personal table td.add { text-align:right;} div#content-text div.wrapper .personal table td.add a{ color:#750F6D} div#content-text div.wrapper .personal .btn_save { text-align:center; padding-top:15px;} div#content-text div.wrapper .personal input.date{width:40px; text-align:right;} div#content-text div.wrapper .personal .select_box{margin:0; width:320px;} div#content-text div.wrapper .personal .select_box a{ text-decoration:none;} /* Education */ div#logon div#content-text div.wrapper .personal table td.header2{ width:80%; font-weight:bold; color:#836a07; background-color:#f8f4e5; } div#logon div#content-text div.wrapper .personal table td.subject { width:240px} div#logon div#content-text div.wrapper .personal table td.subject input { width:220px; } div#logon div#content-text div.wrapper .personal .edu input { width:147px; } div#logon div#content-text div.wrapper .personal .edu input.date{text-align:left; width:40px} div#logon div#content-text div.wrapper .personal .edu input.grade{width:85px} div#logon div#content-text div.wrapper .personal .edu label.gpa{ width:60px; float:left} /* Work Experience */ div#logon div#content-text div.wrapper .personal p.left{ float:left;} div#logon div#content-text div.wrapper .personal table td.strength_detail{ width:440px} /* Strength */ div#logon div#content-text div.wrapper .personal .language_select_box { float:left; width:160px; margin-right:5px; } div#logon div#content-text div.wrapper .personal .language_select_box .newListSelected { width:160px; background-position:right top ;} div#logon div#content-text div.wrapper .personal .language_select_box .selectedTxt { width:150px} div#logon div#content-text div.wrapper .personal .language_select_box .newListSelHover{background-position:right -22px;} div#logon div#content-text div.wrapper .personal .language_select_box ul.newList {width:158px;} div#logon div#content-text div.wrapper .personal .language_select_box a{ text-decoration:none} /* Job Application History */ div#logon div#content-text div.wrapper table.history td.header2{ width:82px; vertical-align:middle; } div#logon div#content-text div.wrapper table.history td.job{ width:185px} div#logon div#content-text div.wrapper table.history td.tick{ vertical-align:middle; text-align:center;} div#logon div#content-text div.wrapper table.resume td.delete{ width:50px; text-align:center;} div#logon div#content-text div.wrapper table.resume td.show { width:auto;/*width:100px;*/ } div#logon div#content-text div.wrapper table.coverletter td.delete{ width:50px; text-align:center;} /* ===================================== */ /** Canlendar **/ div.cal-holder { width:240px; margin-top:15px; } div.date-select { text-align:center; color:#661a5a; text-transform:uppercase; margin:3px 0; } div.date-select a { font-size:14px; color:#661a5a; margin:3px; } div.date-select span { padding:0 3px; font-size:12px } div.cal { border:1px solid #ddd; padding:10px} div.cal table { width:220px;} div.cal table td, div.cal table th { padding:4px; font-size:10px; text-align:right;} div.cal table th { background:#cd7adf; color:#fff; font-weight:normal; } div.cal table td.today { background:#a500e3; color:#fff; } div.cal table td.today a { color:#fff; } div.cal table td.highlight { background-color:#866502; color:#fff; } div.cal table td.highlight a { color:#fff; } /* ================================================================== */ /** news **/ div#content-text div.wrapper .news .sort_by { border-bottom:1px solid #fff; padding-bottom:10px; text-align:right;} div#content-text div.wrapper .news .sort_by .date-select-small a{ margin:0 2px; padding:0 1px;} div#content-text div.wrapper .news .sort_by span{ margin:0 4px; } div#content-text div.wrapper .news .sort_by span a{ color:#750F6D; text-decoration:underline; } div#content-text div.wrapper .news .sort_by span a:hover{ color:#750F6D; text-decoration:none} div#content-text div.wrapper .news .sort_by span a.active{ color:#750F6D; text-decoration:none; font-weight:bold;} div#content-text div.wrapper .news .news_list { margin-top:15px;} div#content-text div.wrapper .news .news_list ul.items { min-height:420px; height: auto !important; height: 420px; } div#content-text div.wrapper .news .news_list ul li { /*padding:3px 0; /*padding:18px 0; margin:0;*/ margin-bottom:8px; padding:0 5px 0 20px; background:none; } div#content-text div.wrapper .news .news_list ul li .title { color:#750F6D; margin-bottom:4px;} div#content-text div.wrapper .news .news_list ul li .title a {color:#750F6D;} div#content-text div.wrapper .news .news_list ul li .title span{ color:#866502; font-size:0.95em; font-style:italic;} div#content-text div.wrapper .news .news_list ul li .info {background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/sq.jpg) no-repeat left 6px; padding-left:15px;} div#content-text div.wrapper .news .news_list table th{ background-color:#EEEEEE; text-align:left;} div#content-text div.wrapper .news .news_list table.event_info { margin:15px 0; } div#content-text div.wrapper .news .news_list table.event_info td { padding:8px 18px 8px 0;} div#content-text div.wrapper .news .news_list ul.items li { background:none; padding:0 5px; padding-bottom:15px;} div#content-text div.wrapper .news .news_list .no-event{clear:both; padding:10px 0;} div#content-text div.wrapper .news .deadline { float:left; overflow:hidden; width:640px; padding-bottom:5px;} div#content-text div.wrapper .news .deadline h3{ float:left; width:145px; font-size:12px; padding-bottom:5px;} div#content-text div.wrapper .news .deadline span{ float:left; width:480px; color:#866502; padding-top:15px;} /** news detail **/ div#content-text div.wrapper .news .news_detail {margin-top:15px;} div#content-text div.wrapper .news ul.video{ border-top:1px dotted #ccc; padding-top:10px; margin-top:15px;} div#content-text div.wrapper .news ul.video li.video_item{ background:none; padding:5px 0; clear:both;} div#content-text div.wrapper .news ul.video li.video_item .video_title { width:auto; color:#65195A; font-size:13px;} div#content-text div.wrapper .news .news_detail .news_video { float:none; margin-bottom:10px; clear:both} /** events detail **/ div#content-text div.wrapper .news .events_detail{margin-top:15px;} div#content-text div.wrapper .news .events_detail table.event_info { background-color:#eee; width:640px;} div#content-text div.wrapper .news .events_detail table.event_info th { width:60px; text-align:left;padding:5px 8px} div#content-text div.wrapper .news .events_detail table.event_info td { padding:5px 8px} /** Page **/ div#content-text div.wrapper .page { text-align:center; padding-top:5px;} div#content-text div.wrapper .page ul li { background:none; padding:0; display:inline} div#content-text div.wrapper .page ul li a {padding:0 3px; } div#content-text div.wrapper .page ul li a:hover { color:#866502;} div#content-text div.wrapper .page ul li a.active { color:#866502; font-weight:bold;} div#content-text div.wrapper .page ul li.previous a{background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr_pre.gif) left center no-repeat; padding-left:15px;color:#750F6D; } div#content-text div.wrapper .page ul li.next a{background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr_next.gif) right center no-repeat; padding-right:15px;color:#750F6D;} div#content-text div.wrapper div.related-links, div#content-text div.wrapper div.attachment { margin:20px 0; clear:both; } div#content-text div.wrapper .news .news_list .page ul li { padding:0 4px;} /* 1 column page */ div#content-container div#other_info { margin-left:0; width:auto;} div#content-container div#other_info div#breadcrumb span { width:auto;} div#content-container div#other_info div#content-text-wrap { width:913px; padding:18px;} div#content-container div#other_info div#content-text-wrap h2{ color:#65195A; font-size:15px; font-weight:normal; padding-bottom:10px;} div#content-container div#other_info div#content-text-wrap h3 { color:#333; font-size:13px; padding:10px 0;} div#content-container div#other_info div#content-text-wrap h4 { color:#65195A; padding-top:8px; margin-bottom:5px; } div#content-container div#other_info div#content-text-wrap p { padding:10px 0; line-height:1.6em; padding-top:8px;} div#content-container div#other_info div#content-text-wrap ul { margin:10px 0;} div#content-container div#other_info div#content-text-wrap ul li { line-height:1.4em; padding:0 5px 0 20px; background:url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/sq.jpg) no-repeat 5px 5px; margin-bottom:8px; } div#content-container div#other_info div#content-text-wrap ul li a{ display:inline-block} div#content-container div#other_info div#content-text-wrap ol { padding:10px 0 10px 25px;} div#content-container div#other_info div#content-text-wrap ol li {margin-bottom:8px; list-style-type:decimal; } div#content-container div#other_info div#content-text-wrap ol li ul li{ list-style:none;} div#content-container div#other_info div#content-text-wrap table { margin:10px 0} div#content-container div#other_info div#content-text-wrap table th{ text-align:left; padding:10px 8px;} div#content-container div#other_info div#content-text-wrap table td{ padding:8px} /* 1 column - Sitemap */ div#content-container div#other_info div#content-text-wrap .sitemap_left { float:left; width:305px; margin-left:50px; margin-right:15px} div#content-container div#other_info div#content-text-wrap .sitemap_right { float:right; width:350px; padding-right:75px;} div#content-container div#other_info div#content-text-wrap .sitemap_list { margin:8px 0} div#content-container div#other_info div#content-text-wrap .head_r { color:#333; font-size:13px; font-weight:bold; padding-top:15px; padding-bottom:5px;} div#content-container div#other_info div#content-text-wrap .sitemap_list ul{ padding:10px 0; margin:0} div#content-container div#other_info div#content-text-wrap ul.level1 li{ margin-bottom:10px;} div#content-container div#other_info div#content-text-wrap ul.level1 li a{ color:#65195A;} div#content-container div#other_info div#content-text-wrap ul.level2 { padding:5px 0; padding-bottom:2px; } div#content-container div#other_info div#content-text-wrap ul.level2 li{ margin-bottom:2px; margin-top:5px; } div#content-container div#other_info div#content-text-wrap ul.level2 li a{ color:#353535;} /* 1 column - Policy */ div#content-container div#other_info div#content-text-wrap .policy { padding-top:15px;} div#content-container div#other_info div#content-text-wrap .policy ol h3{ padding-top:0; line-height:1.8em;} div#content-container div#other_info div#content-text-wrap .policy a { color:#111; text-decoration:underline} div#content-container div#other_info div#content-text-wrap .policy a:hover { color:#111; text-decoration:none} div#content-container div#other_info div#content-text-wrap .policy ol li { padding-bottom:12px; padding-top:5px } div#content-container div#other_info div#content-text-wrap .policy ol li li{ padding-bottom:5px; padding-top:0 } /* contact us*/ div#content-container div.wrapper table.contact { margin-top:15px; } div#content-container div.wrapper table.contact th { text-align:left; width:105px;} div#content-container div.wrapper table.contact td { padding-bottom:5px!important;} /* announcement*/ div#content-container div.wrapper .announcement { padding-top:10px;} div#content-container div.wrapper .announcement h3 span{ font-weight:normal; color:#866502; font-size:0.9em;} /* ================================================================== */ /* Revised - index */ div#home-support h2 { width:auto; float:none; color:#661A5A; font-size:15px; } div#home-support .link { float:left; width:201px; border-right:1px solid #fff; } div#home-support .link .more { margin:0 10px 10px 0; text-align:right; line-height:1.5em;} div#home-support .link .more a{ color:#fff; } div#home-support .link ul{ width:178px; } div#home-support .index_gallery { float:left; width:200px; height:auto; margin-left:-1px;border-left:1px solid #fff; } div#home-support .index_gallery .slideshow { margin-top:22px;} div#home-support .index_gallery .slideshow a { text-align:center; width:200px;} div#home-support .index_gallery .more { padding:15px 5px; padding-top:70px; text-align:right;line-height:1.5em; position:relative; z-index:5; } div#home-support .index_gallery .more a{ color:#fff; } div#home-content div.news ul.event { width:auto; float:none; clear:none;} div.home-cal-holder { padding-left:12px; margin-top:0;} div#home-content div.news h2 { margin-bottom:12px;} /* ================================================================== */ div#content-text div.wrapper .gallery_list ul li { background:none; padding:0; margin-bottom:40px; } div#content-text div.wrapper .gallery_list table.gallery td { padding:0; } div#content-text div.wrapper .gallery_list table.gallery td.first_photo { padding-right:20px; width:300px; height:225px; } div#content-text div.wrapper .gallery_list table.gallery td.info { width:328px; } div#content-text div.wrapper .gallery_list table.gallery td.info h1 { line-height:1.3; padding-bottom:15px; } div#content-text div.wrapper .gallery_list table.gallery td.info div.view_photo { padding-top:10px; } /* Addded by Vicky */ div.news li.photo_thumbnail div.frame { float:left; width:140px; height:140px; padding:6px; margin:5px; background-color:#E2E3E4; text-align:center; } div.news li.photo_thumbnail div.frame img { display:none; } div.news li.photo_thumbnail { float:left; background:none !important; padding:0 !important;} div#content-text div.wrapper div.sort_by span.sort_asc { margin:0 0 0 5px; padding:5px; background:transparent url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr_top.gif) no-repeat 0 9px; } div#content-text div.wrapper div.sort_by span.sort_desc { margin:0 0 0 5px; padding:5px; background:transparent url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/arr_down.gif) no-repeat 0 9px; } div#content_one_column div.home-cal-holder { float:left; } div#logon div#content-text div.wrapper .personal td.exam-subject { padding: 0; } div#logon div#content-text div.wrapper .personal td.exam-subject table { width: 100%; margin: 0; position: static; } div#logon div#content-text div.wrapper .personal td.exam-subject table th { background-color: #f8f4e5; color: #836a07; font-weight: bold; font-size: inherit; padding: 6px 10px; } div#logon div#content-text div.wrapper .personal table td.nested { padding: 0 } div#logon div#content-text div.wrapper .personal table table { width: 100%; height: 100%; margin: 0; } div#logon div#content-text div.wrapper .personal table.mode-remove tbody { cursor: pointer } div#logon div#content-text div.wrapper .personal table.mode-remove tbody td { background-color: #ccc; } div#logon div#content-text div.wrapper .personal table.mode-remove tbody:hover { border: 3px solid #f00; } div#logon div#content-text div.wrapper .personal table.mode-remove tbody:hover td { background-color: #fff; } div.page-banner { border-bottom:4px solid #fff; } div.slideshow { clear:both;height:100px;display:none; } /*.news_video { position: absolute; left: 0px; top: 0px; display: block; width: 300px; height: 300px; }*/ .news_video span{ position:relative; left: 0px; top: 0px; display: block; width: 325px; height: 296px; overflow:hidden; cursor:pointer; } div.video_title { width:325px; line-height:3; font-weight:bold; } div.news_video { float:left; /*width:325px; height:296px;*/ margin-bottom:20px;} div.news_list ul li.video_item { list-style:none; background:none !important;} div.news table input.text { width:340px; } div.news table textarea { width:340px; height:80px; } div.error_page p.title { color:#454545; font-size:1.5em; line-height:1.4; padding:75px 0 25px; } div.error_page p.normal { color:#222222; font-size:0.95em; padding-bottom:20px; line-height:1.4; } div.error_page p.error_code { color:#777777; font-size:0.8em; padding:70px 0 10px; } div.error_page{ text-align:center; min-height:300px; height: auto !important; height: 300px; padding:50px 0; } div.error_page a{ color:#750F6D; text-decoration:underline; } div.error_page li{ padding:3px 0; } label.error { float:left;} .error, .msg { color: #f00; } /* ===================================== */ div.wrapper table.recruiters td{ width:300px;} /* ===================================== */ /* ======================================================================= */ /* update 03-06-2010 */ div#content-text div.wrapper .news .news_list table.upcoming_event { margin:10px 0; } div#content-text div.wrapper .news .news_list table.upcoming_event th{ color:#444;} div#content-text div.wrapper .news .news_list table.upcoming_event td.date{ width:125px; } div#content-text div.wrapper .news .news_list table.upcoming_event td.title{ width:200px;} div#content-text div.wrapper .news .news_list table.upcoming_event td.target{ width:145px;} div#content-text div.wrapper .news .news_list table.upcoming_event td.code{ width:115px;} div#content-text div.wrapper .news .news_list table.upcoming_event a{ color:#750F6D;} div#content-text div.wrapper .news .news_list .page { text-align:right; border-bottom:1px dotted #ccc; padding-top:0; padding-bottom:8px;margin-bottom:20px;} div#content-text div.wrapper .news .news_list .page ul { margin-bottom:8px;} div#content-text div.wrapper .news .news_list .page .page_total { margin-right:5px;} div#content-text div.wrapper .news .sort_by { float:left; border:none; padding-bottom:5px;} /* update 10-06-2010 */ div#content-text div.wrapper .news h3.title { color:#65195A} div.home-cal table td.today { border:1px solid #8d04ce; color:#7B26A2} div.home-cal table td.highlight { background-color:#9f7d15;} div#content-text div.wrapper .news .events_detail table.event_info th {min-width:65px; width:auto; } /* Google Search */ div#content-text div.wrapper div.search div.searchresult { padding-top:13px; margin-bottom:30px; } div#content-text div.wrapper div.search div.searchresult div.searchtitle { font-size:1.2em; color:#074061; margin-bottom:3px; } div#content-text div.wrapper div.search div.searchresult div.searchcontent { font-size:1em; color:#555; margin-bottom:5px; } div#content-text div.wrapper div.search div.searchresult div.links { font-size:1em; color:#0C75C6; margin-bottom:3px; } div#content-text div.wrapper div.search div.google { padding-top:18px; margin-bottom:3px; } /* ======================================================================= */ /* update 27-08-2010 */ div#logon div#content-text-wrap { float:none;} ul#main-menu li { position:relative;} #student ul#main-menu li ul.level2_menu{ margin-left:-337px;} div#content-text div.wrapper .personal table.employer_create td input { width:300px;} div#content-text div.wrapper .personal table.employer_create td select{ min-width:300px;width: auto !important; width: 300px;} div#content-text div.wrapper .personal table.employer_create div.hkid { display: none; } div#content-text div.wrapper .personal table.employer_create div.hkid input { width:auto!important; } div#logon div#content-text div.wrapper table.job_create { clear:both; width:890px;} div#logon div#content-text div.wrapper table.job_create th { text-align:left; font-size:1.3em; background-color:#eee;} div#logon div#content-text div.wrapper .result table.result_list { margin:0;} div#logon div#content-text div.wrapper .result table.result_list td { padding:5px 10px; width:auto;} div#logon div#content-text div.wrapper .result table.result_list .date { width:95px;} div#logon div#content-text div.wrapper .result table.result_list .vacancies{ width:115px;} div#logon div#content-text div.wrapper .result table.result_list .status { width:75px;} div#logon div#content-text div.wrapper .result table.result_list .action{width:200px;} div#logon div#content-text-wrap .thakns { margin:25px; font-weight:bold; text-align:center;} span.error, span.msg { padding-left:5px; margin-top:5px; vertical-align:middle;} span.cke_label { display:none; } div.richeditor p, div.richeditor span { line-height:150%; } div#logon div#content-text div.wrapper .richeditor table {width:auto;} div#logon div#content-text div.wrapper .richeditor table td {border:none;} div#content-text div.wrapper span.apply_button a, div#content-text div.wrapper table a.button {text-decoration: none; color:white;} div#content-text div.wrapper span.apply_button a:hover, div#content-text div.wrapper table a.button:hover {text-decoration: none; color:#AC944C;} .info2 label{margin-left: -5px;} input.address{width:500px} textarea.job_require_other_doc_txt{margin:5px 5px 5px 20px;} div.btn_back { clear:both; text-align:center; border-top:1px dotted #ccc; padding:15px 0;} div.btn_back input{ color:#fff; background-color:#d2bd7d; border:1px solid #ccc; padding:3px 8px;} div.btn_back input:hover{ color:#ac944c; background-color:#fff3cd; border:1px solid #d2bd7d; text-decoration:none;} div#content-text div.wrapper .edit_info a.button{text-decoration:none;color:#FFF} div#content-text div.wrapper .edit_info a.button:hover{color:#AC944C} #share_share_exp ul#main-menu li ul.level2_menu , #share_submit_share_exp ul#main-menu li ul.level2_menu{ margin-left:-335px;} div#logon div#content-text div.wrapper .result table.result_list .posting_date{ width:100px;} div#logon div#content-text div.wrapper .result table.result_list .jobID{width:100px} div#logon div#content-text div.wrapper .result table.result_list tr .closingdate{ width:85px;} div#logon div#content-text div.wrapper .result table.result_list tr.pass .closingdate{color: red;} table#postgrad-list span.delete, table#undergrad-list span.delete, table#secondary-list span.delete, table#hkcee-list span.delete, table#hkale-list span.delete {float:right} div#content-text div.wrapper .personal tr.delete_title td{background-color:#EFE6C0;} div#content-text div.wrapper span.apply_button a{padding: 7px 12px;} div.apply_info label.title {width:60px;padding:3px;float:left} div.apply_info input{float:left} /* ======================================================================= */ /* update 26-04-2011, CADS logo and msg are added beside the student login area*/ div.login-with-cads-box{ display: block; height: auto; overflow: hidden; } div.cads-box{ display: block; float: left; overflow: hidden; width: 228px; padding-top:8px; } div#content-text div.wrapper .job_link .login_area div.cads-box p{ margin-left: 0px; padding:0px; line-height:1.3em; } div#content-text div.wrapper .job_link .login_area div.cads-box p a{ color:#978C6C; /*width: 218px;*/ } div#content-text div.wrapper .job_link .login_area .login{ float: left; margin-left: 5px; width: 385px; margin-right:10px; } .cads-box-info{ display: block; overflow: hidden; margin-bottom:8px; } .cads-box-logo{ float: left; overflow: hidden; width:65px; } .cads-box-no{ float: left; overflow: hidden; width:158px; margin-left:4px; margin-top:2px; } .cads-box-no p{ line-height:1.2em; } #employer_login div#content-text div.wrapper .job_link .login_area .login{ width: 100%; } /* ======================================================================= */ #employer_forget_password div#content-text div.wrapper .job_link .login_area { height:110px; } .reg_date{ display:none; } /* o 2014-11-19 home slider */ #home-banner { position: relative; } .rslides1_tabs { position: absolute; right: 20px; bottom: 12px; z-index: 10; display: block; } .rslides1_tabs li { margin: 0 2px; line-height: 20px; display: inline-block; *display: inline; *zoom: 1; } .rslides1_tabs li a { padding: 1px 5px 1px 16px; *padding: 2px 5px 5px 16px; border-radius: 2px; background: url(/20221201020219oe_/https://cpdc.osa.cuhk.edu.hk/assets/images/pager.png) no-repeat 0 0; color: #BC9202; } .rslides1_tabs .rslides_here a { background-position: 100% 0; color: #FFF; } /* 2022-08-02 pop-up message */ .popup-msg { position: fixed; left: 0; top: 0; z-index: 9999; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; outline: none; background-color: rgba(0,0,0,0.7); } .popup-msg__inner { position: relative; max-width: 720px; padding: 20px 25px; font-size: 16px; line-height: 1.6; background-color: #fff; border-radius: 5px; } .popup-msg__inner a { color: #BC9202; } .popup-msg__inner strong { display: inline-block; margin-bottom: 5px; } .popup-msg__btn { position: absolute; right: -14px; top: -14px; display: flex; justify-content: center; width: 28px; height: 28px; padding: 0; font-size: 22px; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #666; border-radius: 50%; cursor: pointer; }