/* +-----------------------------------------------------+ | | | PHARMON.COM.CN Created by Bioon.com @ Dec.2008 | | all rights reserved | | | +-----------------------------------------------------+ */ /* ---------------------------------- 1. CSS Reset (public structure) ---------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul {padding:0; margin:0;font-family:verdana;} fieldset,img { border:0;} body,div,ul,ol,li,p{font-size:12px;line-height:150%;} a img{border:0;} table {border-collapse:collapse;border-spacing:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;} abbr,acronym {border:0;} a{color:#06c; text-decoration:none;} a:hover{color:#f60; text-decoration:underline;} /* --------------------------------- 2. Utility Bar (public structure) --------------------------------- */ #utility{background:#f8f8f8;border-bottom:1px solid #ccc;padding-top:1px;overflow:auto;} #utility .bar{margin:auto;overflow:auto;padding-left:20px;padding-right:20px;} #utility input{margin:0;padding:0;height:16px;border:1px solid #ccc;width:80px;margin-bottom:1px;} #utility .left{float:left;width:500px;text-align:left;} #utility .right{float:right;text-align:right;width:400px;} #utility .button{width:50px;cursor:pointer;_cursor:hand;margin-bottom:2px;} #utility a{padding-top:3px;color:#666;text-decoration:none;} #utility a:hover{text-decoration:underline;} /* --------------------------------- 3. Footer (public structure) --------------------------------- */ /* homepage footer */ #footer{float:left;width:986px;margin-top:20px;} #dtk-footernav{padding:2px 10px;font-size:10px;text-align:left;clear:both;color:#484848;min-height:160px; _height:180px;width:960px!important; width:960px;} #dtk-footernav h3{color:#777;font-weight:bold; line-height:25px;} #dtk-footernav .bd{font-size:11px;clear:both;} #dtk-footernav a{font-size:11px; color:#3d4552; text-decoration:none; } #dtk-footernav .prop h3{color:#fff; line-height:25px} #dtk-footernav .prop{min-height:145px;_height:145px;float:left; width:260px;_width:260px;background-color:#225e88; padding:0 10px 10px 10px;} #dtk-footernav .prop ul{float:left;width:45%;_width:45%;margin-left:10px;margin-top:5px;padding:0;list-style:none;} #dtk-footernav .prop ul.first{margin-left:0;} #dtk-footernav .prop li{margin:0 0 2px 0;padding:0;padding-left:8px;background:transparent url(../images/bullet-white.gif) no-repeat left .5em;} #dtk-footernav .prop a {font-size:11px; color:#fff} #dtk-footernav .ymg{color:#666;float:left;width:290px;padding:0 10px 5px 10px;} #dtk-footernav .ymg ul{float:left;width:47%;_width:48%;margin-left:10px;margin-top:5px;padding:0;list-style:none;} #dtk-footernav .ymg ul.first{margin-left:0;} #dtk-footernav .ymg li{margin:0 0 2px 0;padding:0;padding-left:8px;background:transparent url(../images/bullet-grey.gif) no-repeat left .5em;} #dtk-footernav .ymg div.allservices{text-align:right;margin-right:15px;padding-top:10px;} #dtk-footernav .ymg div.allservices a{padding-right:10px;font:0.85em arial;color:#06c;font-weight:bold;} #dtk-footernav .todo{color:#666;float:left;width:170px;_width:170px;padding:0 10px 5px 10px;border-left:1px solid #aaa;} #dtk-footernav .todo ul{float:left;margin:0;padding:0;margin-top:5px;list-style:none;} #dtk-footernav .todo li{margin:0;margin:0 0 2px 0;padding-left:8px;background:transparent url(/images/bullet.gif) no-repeat left .5em;} #dtk-footernav .netservice{color:#666;float:left;width:150px;_width:150px;padding:0 10px 5px 10px;border-left:1px solid #aaa;} #dtk-footernav .netservice ul{float:left;margin:0;padding:0;margin-top:5px;list-style:none;} #dtk-footernav .netservice li{margin:0;margin:0 0 2px 0;padding-left:8px;background:transparent url(/images/bullet.gif) no-repeat left .5em;} div.copyright{padding:15px 5px 20px 5px;text-align:left;font-size:11px;color:#737c84; clear:both;} div.copyright a{color:#06c;font-size:11px;} /* site footer */ #inner-footer {float:left;width:986px;text-align:center;} .container_ifooter { margin:0 10px; text-align:center; } .container_ifooter h4 {font-size:12px; font-weight:bold; line-height:160%; clear:both;} .container_ifooter ul {margin:0 20px; padding:0; color:#444; } .container_ifooter span {font-size:10px; } .container_ifooter li {margin:0 0 0 8px; padding:0 8px 0 0; display:inline-block; border-right:1px solid #000;height:12px; text-align:left; line-height:12px;} .container_ifooter li.last { border:none;} .container_ifooter li a{font-size:10px;text-decoration:none;color:#369;} .container_ifooter li a:hover{color:#f60;} .copyrightholder {color:#666666; font-size:11px; margin-top:4px;text-align:center; } /* Bottom Search Bar */ #bottomsearch {float:left;width:986px;margin-top:10px;} #bottomsearch .mid{height:28px;width:974px;margin:0;} #bottomsearch #keywords{margin-top:3px;margin-left:240px;width:300px;height:20px;float:left; padding:0} #bottomsearch #index_search{margin-top:3px;margin-left:20px;height:22px;float:left;width:50px;} #bottomsearch select{margin-top:3px;margin-left:10px;width:100px;height:24px;float:left; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial; font-size:13px;} #bottomsearch .submit {background:url(../images/btn.gif) 0 top;cursor:pointer;_cursor:hand;width:98px;height:23px;border:0px;margin-top:3px;margin-left:10px;font-size:14px;font-weight:bold;color:#630;*padding-top:3px; float:left;} /* -------------------------------- 4. Advertisment Elements ------------------------------- */ /* Index */ .180banner {width:180px;} #120skyscraper{text-align:center;padding:20px;} .290banner {text-align:center;padding:5px 10px;} .318banner { text-align:center;} #squaread {padding:9px;*padding:8px;} /* inner page */ .200rect {} #pindrectad{padding:9px;padding-top:3px;} /* AD elements */ #rect300, #recommendnews {height:auto;} #recommendnews ul {margin:0 9px 9px; padding:9px 0 0; height:220px;*height:240px; } #recommendnews li {width:281px; height:18px; border-bottom:1px dotted #eee; overflow:hidden; float:left; text-align:left;background:url(../images/list-arrow.gif) no-repeat left 6px;*background-position:left 3px; padding:0 0 2px 15px; margin-top:4px;} #recommendnews a {color:#666;} #rcolumnbox div.lcol {width:120px; float:left;} #rcolumnbox div.rcol {width:190px; float:right} #rcolumnbox ul { padding:0; margin:0 10px 5px 10px; border-bottom:1px dotted #CCC; height:70px;} #rcolumnbox li.left { width:65px; height:70px; text-align:left; float:left; overflow:hidden; } #rcolumnbox li.right { width:100px; height:70px; text-align:left; float:left; overflow:hidden; color:#666;} #rcolumnbox li a {color:#666; text-decoration:underline; font-size:11px;} #rcolumnbox li a:hover {color:#f60; text-decoration:underline;} #rcolumnbox li img {width:60px; height:60px;border:1px solid #ccc;} #rcolumnbox li img:hover {border:1px solid #f60; } #subscription {margin:0; padding:0 9px 9px;} #subscription .title {height:22px; border-bottom:1px dotted #b1b5b4; color:#303030; font-size:14px; font-weight:bold;} #subscription span { background:url(../images/ico_redstar.gif) no-repeat scroll 0px 2px; padding-left:15px; color:#666;} #subscription ul.left{width:146px; border-right:1px dotted #b1b5b4; float:left; margin-top:5px; } #subscription ul.right{width:146px;float:left; margin-top:5px; padding-left:5px; } #subscription li{ height:22px;} #subscription li a {} #subscription .inputbox {height:25px; border-top:1px dotted #b1b5b4; padding:5px 0 0;} #subscription .iptbox {border:1px solid #bfd0e0; height:20px; color:#999; font-size:11px; width:200px } #subscription .inputbox button{background:url(../images/btn_subscription.gif);width:79px;height:21px;border:0;cursor:pointer;margin-left:10px;} #relpdt {padding:0px 9px;} #relpdt .title {height:22px; border-bottom:1px dotted #b1b5b4; color:#303030; font-size:14px; font-weight:bold; margin-bottom:4px;} #relpdt ul {padding:0; margin:0 1px 3px 1px; border-bottom:1px dotted #CCC; height:70px;} #relpdt li.left { width:70px; height:70px; text-align:left; float:left; overflow:hidden; } #relpdt li.right { width:220px; height:70px; text-align:left; float:left; overflow:hidden; color:#666;} #relpdt .name {height:45px; width:220px; overflow:hidden;} #relpdt .name a {color:#666; font-weight:bold;} #relpdt .company {height:20px; width:220px; overflow:hidden;} #relpdt .company a {color:#808080; text-decoration:underline;} #relpdt li img {width:60px; height:60px;border:1px solid #ccc;} #relpdt li img:hover {border:1px solid #f60; } #relpdt li img.ico {width:14px; height:14px; border:none} #pindpromotion {padding:0 0 5px 0;} #pindpromotion ul { padding:0; margin:0 10px 5px 10px; border-bottom:1px dotted #CCC; height:70px;} #pindpromotion li.left { width:70px; height:70px; text-align:left; float:left; overflow:hidden; } #pindpromotion li.right { width:125px; height:70px; text-align:left; float:left; overflow:hidden; color:#666;} #pindpromotion li a {color:#666; text-decoration:underline; font-size:11px;} #pindpromotion li a:hover {color:#f60; text-decoration:underline;} #pindpromotion li img {width:60px; height:60px;border:1px solid #ccc;} #pindpromotion li img:hover {border:1px solid #f60; } #pindpromotion .title{background:url(../images/bg_recommendtab.gif) repeat-x; color:#600;font-weight:bold;padding:4px 5px;font-size:12px; text-align:center;} #pindpromotion .title a {color:#369; text-decoration:underline;} #pindpromotion .title a:hover {color:#f60; text-decoration:underline;} /* -------------------------------- 5. Public Elements -------------------------------- */ /* Round Corner Box */ .boxtop, .boxtoplrect, .boxtopBlue, .boxtopOrange, .boxtopaorange, .boxtopGrey, .boxtopAgrey, .contentTop, .boxtopPgrey, .boxtopcate{background:url(../images/frame-round-R.gif) no-repeat;overflow:hidden;} .boxtop div, .boxtoplrect div, .boxtopBlue div, .boxtopOrange div, .boxtopaorange div, .boxtopGrey div, .boxtopAgrey div, .contentTop div, .boxtopPgrey div, .boxtopcate div{width:5px;height:5px;background:url(../images/frame-round-L.gif) no-repeat;overflow:hidden;} .boxbottom, .boxbottomBlue, .boxbottomOrange, .boxbottomaorange, .boxbottomGrey, .boxbottomAgrey, .contentBottom, .boxbottomPgrey, .boxbottomcate{background:url(../images/frame-round-R.gif) no-repeat;overflow:hidden;} .boxbottom div, .boxbottomBlue div, .boxbottomOrange div, .boxbottomaorange div, .boxbottomGrey div, .boxbottomAgrey div, .contentBottom div, .boxbottomPgrey div, .boxbottomcate div{width:5px;height:5px;background:url(../images/frame-round-L.gif) no-repeat;overflow:hidden;} .boxmain, .boxmainBlue, .boxmainOrange, .boxmainaorange, .boxmainGrey, .boxmainAgrey, .contentmain, .boxmainPgrey{border-width:0 1px;border-style:solid;} /* --------------------------------------- */ .boxtop{ background-position:100% -10px;} .boxtop div{background-position:0 -10px;} .boxbottom{background-position:100% -15px;} .boxbottom div{background-position:0 -15px;} .boxmain{border-color:#cce0f5;}/* -------------------- */ .boxtopBlue{background-position:100% -20px;} .boxtopBlue div{background-position:0 -20px;} .boxbottomBlue {background-position:100% -25px;} .boxbottomBlue div{background-position:0 -25px;} .boxmainBlue {border-color:#bfd0e0;background:#fafdfe;}/* -------------------- */ .boxtopOrange{background-position:100% -30px;} .boxtopOrange div{background-position:0 -30px;} .boxbottomOrange {background-position:100% -35px;} .boxbottomOrange div{background-position:0 -35px;} .boxmainOrange {border-color:#fc9;background:#fff;} .boxmainOrange h3 { font-size:12px; font-weight:bold; line-height:150%; color:#a53f14}/* -------------------- */ .boxtopaorange{background-position:100% -50px;} .boxtopaorange div{background-position:0 -50px;} .boxbottomaorange {background-position:100% -55px;} .boxbottomaorange div{background-position:0 -55px;} .boxmainaorange {border-color:#ffbf64; background:#fefaf0;} .boxmainaorange h3 { font-size:12px; font-weight:bold; line-height:150%; color:#a53f14}/* -------------------- */ .boxtopGrey{background-position:100% -40px;} .boxtopGrey div{background-position:0 -40px;} .boxbottomGrey {background-position:100% -45px;} .boxbottomGrey div{background-position:0 -45px;} .boxmainGrey {border-color:#dcdcdc;background:#fff;overflow:auto;}/* -------------------- */ .boxtopAgrey{background-position:100% -60px;} .boxtopAgrey div{background-position:0 -60px;} .boxbottomAgrey {background-position:100% -65px;} .boxbottomAgrey div{background-position:0 -65px;} .boxmainAgrey {border-color:#eee;background:#eee;}/* -------------------- */ .contentTop{background-position:100% -70px;} .contentTop div{background-position:0 -70px;} .contentBottom {background-position:100% -75px;} .contentBottom div{background-position:0 -75px;} .contentmain {border-color:#ffde9b; background:url(../images/bg-dot.gif) repeat-x;} .contentmain .golden { margin-bottom:10px; text-align:center;}/* -------------------- */ .boxtoplrect{ background-position:100% -10px;} .boxtoplrect div{background-position:0 -80px;}/* -------------------- */ .boxtopPgrey{ background-position:100% -90px;} .boxtopPgrey div{background-position:0 -90px;} .boxbottomPgrey{background-position:100% -95px;} .boxbottomPgrey div{background-position:0 -95px;} .boxmainPgrey{background:url(../images/bg-progressivegrey.gif) repeat-x; border:0;}/* -------------------- */ .boxtopcate{background-position:100% -100px;} .boxtopcate div{background-position:0 -100px;} .boxbottomcate {background-position:100% -105px;} .boxbottomcate div{background-position:0 -105px;} .boxmaincate {background:#fffaf0;border-left:5px solid #fc6; border-right:1px solid #fc6; padding:5px 15px;}/* -------------------- */ .boxtopEva/* EVA is The E-V-A from Wall-E */{background:url(../images/evabarL.png) no-repeat;height:29px;padding:0 4px 0 0;float:left;overflow:hidden;} .boxtopEva div{font-size:14px;font-weight:bold;color:#369;background:url(../images/evabarR.png) 100% 0;height:24px;margin-left:4px;padding-top:5px;padding-left:20px;overflow:hidden;} .boxtopOrangeD/* EVA is The E-V-A from Wall-E */{background:url(../images/orangebarL.png) no-repeat;height:29px;padding:0 4px 0 0;float:left;overflow:hidden;} .boxtopOrangeD div{background:url(../images/orangebarR.png) 100% 0;height:24px;margin-left:4px;padding-top:5px;padding-left:20px;overflow:hidden;} /* Tabs */ .tabsindex {width:468px;clear:both;float:left;height:28px;background:url(../images/orangeline.gif) bottom repeat-x;} .tabsindex li{display:inline;} .tabsindex a{float:left;background:url(../images/TabL.png) no-repeat 0% -129px;margin:0;padding:0 0 0 6px;text-decoration:none;} .tabsindex a span{color:#7b2e00;float:left;display:block;background:url(../images/TabR.png) no-repeat 100% -129px;margin-right:1px;padding:5px 19px 5px 13px;*padding:4px 19px 5px 13px;text-decoration:none;cursor:pointer;_cursor:hand;font-weight:bold;} .tabsindex .focus a{float:left;background:url(../images/TabL.png) no-repeat 0% -214px;margin:0;padding:0 0 0 6px;text-decoration:none;} .tabsindex .focus a span{color:#7b2e00;float:left;display:block;background:url(../images/TabR.png) no-repeat 100% -213px;margin-right:1px;padding:5px 19px 5px 13px;*padding:4px 19px 5px 13px;text-decoration:none;cursor:pointer;_cursor:hand;font-weight:bold;} /***** Tabs for company index *****/ .tabsindexB {width:758px;clear:both;float:left;height:26px;background:url(../images/blueline.gif) bottom repeat-x;overflow:hidden;} .tabsindexB li{display:inline;} .tabsindexB a{float:left;background:url(../images/TabL.png) no-repeat 0% -186px;margin:0;padding:0 0 0 6px;text-decoration:none;} .tabsindexB a span{color:#fff;float:left;display:block;background:url(../images/TabR.png) no-repeat 100% -186px;margin-right:2px;padding:5px 23px 5px 15px;*padding:4px 23px 5px 15px;text-decoration:none;cursor:pointer;_cursor:hand;font-weight:bold;} .tabsindexB .focus a{float:left;background:url(../images/TabL.png) no-repeat 0% -158px;margin:0;padding:0 0 0 6px;text-decoration:none;} .tabsindexB .focus a span{color:#369;float:left;display:block;background:url(../images/TabR.png) no-repeat 100% -158px;margin-right:2px;padding:5px 23px 5px 15px;*padding:4px 23px 5px 15px;text-decoration:none;cursor:pointer;_cursor:hand;font-weight:bold;} .tabs-title {float:left;overflow:hidden;height:27px;width:100%;} .tabs-title ul{margin:0; padding:0; list-style:none;} .tabs-title li{display:inline;margin:0;padding:0;font-size:14px;font-weight:bold;width:auto;} .tabs-title a:link, .tabs-title a:visited, .tabs-title a:hover {float:left;background:url(../images/TabL.png) no-repeat 0% -29px;margin:0;padding:0 0 0 6px;text-decoration:none;} .tabs-title a:link span, .tabs-title a:visited span, .tabs-title a:hover span {float:left;display:block;background:url(../images/TabR.png) no-repeat 100% -29px;color:#fff;height:22px;padding:6px 21px 0 17px;color:#fff;margin-right:6px !important;margin-right:3px;line-height:19px;cursor:pointer;_cursor:hand;font-size:14px;} .tabs-title .hot a:link,.tabs-title .hot a:visited,.tabs-title .hot a:hover{background-position:0% -129px;} .tabs-title .hot a:link span,.tabs-title .hot a:visited span,.tabs-title .hot a:hover span {background-position:100% -129px;color:#930;cursor:pointer;_cursor:hand;} .tabsO{background:url(../images/indextabbgorange.png) no-repeat left top;overflow:hidden;width:100%} .tabsO div{background:url(../images/indextabbgorange.png) no-repeat top right;margin-left:5px;padding:5px 10px 3px;color:#7b2e00;font-size:14px;font-weight:bold;height:22px;} .tabsOline{background:url(../images/indextabbgorange.png) no-repeat left top;border-bottom:1px solid #fc9; } .tabsOline div{background:url(../images/indextabbgorange.png) no-repeat top right;margin-left:5px;padding:3px 10px 2px;height:20px;color:#7b2e00;font-size:12px;font-weight:bold;} .tabsG{background:url(../images/indextabbggrey.png);height:31px;} .tabsG div{background:url(../images/indextabbggrey.png) top right; margin-left:5px; padding:5px 10px 3px; color:#333333; font-size:12px; font-weight:bold;} /* Frequently Used Spacing */ .padt-3{padding-top:3px;} .padt-5{padding-top:5px;} .padt-10{padding-top:10px;} .padt-20{padding-top:20px;} .padl-10{padding-left:10px;} .padl-20{padding-left:20px;} .padl-30{padding-left:30px;} .padl-60{padding-left:60px;} .padl-80{padding-left:80px;} .padr-10{padding-right:10px;} .padr-20{padding-right:20px;} .padr-30{padding-right:30px;} .marl-10{margin-left:10px;} .mart-20{margin-top:20px;} /* Frequently Used Colors */ .color-darkblue{color:#24618E;} .color-666{color:#666;} .color-f60{color:#f60;} .color-369{color:#369;} .blueline {border-top:1px solid #24618E;clear:both; height:1px;} .greyline {border-top:1px solid #ccc;clear:both;height:1px;} .greylineD {border-top:1px dashed #ccc;} .strong{font-weight:bold;} /* Clear */ .clear{clear:both;} .w100p{width:100%;} /* Float */ .right{float:right;} /* Line */ .bluedotline {width:100%;clear:both;height:1px;background:url(../images/bluedot.gif) repeat-x;} .greydotline {width:100%;clear:both;height:1px;background:url(../images/greydot.gif) repeat-x;} .hack_ie6border {clear:both;height:1px;overflow:hidden;} /* overflow:auto */ .autoflow {overflow:auto;} /* color */ .required { background:url(../images/ico_redstar.gif) no-repeat scroll 0px 2px; padding-left:15px;} /* ------------------------------ Header ------------------------------ */ #logo{height:65px;width:400px;float:left;} #toplinks{float:right;margin:15px 0 0;} #toplinks div{background:#fffaf0;border:1px solid #ffe6ba;color:#930;padding:3px 10px;margin:0 0 0 10px;float:right;} #toplinks div a{color:#930;text-decoration:none;} #toplinks div a:hover{text-decoration:underline;} /****** Tabsnav ******/ #tabsnav {float:left;width:974px;overflow:hidden;margin-left:6px;height:29px;position:relative;z-index:2;} #tabsnav ul {margin:0 auto;padding:0;list-style:none;width:600px;} #tabsnav li{display:inline;margin:0;padding:0;font-size:14px;font-weight:bold;} #tabsnav a{float:left;background:url(../images/TabL.png) no-repeat 0% top;margin:0;padding:0 0 0 6px;text-decoration:none;} #tabsnav a span {display:block;background:url(../images/TabR.png) no-repeat 100% top;padding:7px 21px 3px 17px;*padding:8px 20px 3px 16px; color:#455B80;margin-right:6px;line-height:19px;*line-height:18px;font-size:14px;} #tabsnav a:hover {background-position:0% -58px;} #tabsnav a:hover span {background-position:100% -58px;font-size:14px;} #tabsnav #current a {background-position:0% -29px;} #tabsnav #current a span {background-position:100% -29px;color:#172E54 !important;font-size:14px;} /****** Mainbar ******/ #mainbar{width:986px;height:42px;float:left;position:relative;top:-2px;z-index:1;} #mainbar .left{background:url(../images/TabL.png) no-repeat 0 -87px;float:left;width:6px;height:42px;} #mainbar .mid{background:url(../images/navb.gif) repeat-x 0 0px;float:left;height:42px;width:974px;margin:0;} #mainbar .right{background:url(../images/TabR.png) repeat-x 100% -87px;;float:left;width:6px;height:42px;} #mainbar #keywords{margin-top:10px;margin-left:240px;width:300px;height:20px;float:left;} #mainbar #index_search{margin-top:10px;margin-left:20px;height:22px;float:left;width:50px;} #mainbar select{margin-top:10px;margin-left:10px;width:100px;height:24px;float:left; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial; font-size:13px;} .submit {background:url(../images/btn.gif) 0 top;cursor:pointer;_cursor:hand;width:98px;height:23px;border:0px;margin-top:10px;margin-left:10px;font-size:14px;font-weight:bold;color:#630;*padding-top:3px;} /****** Subbar ******/ #subbar{float:left;width:986px;margin-top:-2px;overflow:hidden;} #subbar .boxmainBlue{height:18px;padding:3px 20px 0;clear:both;overflow:hidden;} #subbar li{float:left;margin-left:10px;} #subbar li a{color:#777;text-decoration:none;} #subbar li .hot{color:#f30;} #subbar li a:hover{text-decoration:underline;} /* ------------------------------ main ------------------------------ */ #main {clear:both;} #subnav {height:20px;padding:3px 0 3px 15px;color:#24618E;clear:both;} #subnav a{color:#24618E;text-decoration:none;} #subnav a:hover{color:#f60;} /* ------------------------------ pagebar ------------------------------ */ #pagebar {float:right;clear:both;width:500px;margin-top:10px;overflow:auto;} #pagebar li {float:left;padding:3px 0;display:inline-block;} #pagebar li a:link,#pagebar li a:visited,#pagebar li a:active{font-size:11px;color:#333;cursor:pointer;_cursor:hand;padding:2px 8px 4px;height:20px;margin:0 2px;background:url(../images/pagebarbg.gif) repeat-x top;border:1px solid #ccc;text-decoration:none;} #pagebar li a:hover {color:#333;background:#fff;border-color:#ccc;font-size:11px;} #pagebar .iscurrentpage a:active, #pagebar .iscurrentpage a:link, #pagebar .iscurrentpage a:visited, #pagebar .iscurrentpage a:hover{color:#fff;background:url(../images/pagebarbg.gif) repeat-x bottom;border-color:#1b4b7b;font-size:11px;} .hot_rm{ background: url(../images/zy_bg.gif) no-repeat scroll; width:218px; height:31px;} .hot_rm a{ color:#455B80;} .Morejob{float:right; padding:8px 10px 5px 0px; font-size:12px; font-weight:100;} .Morejob a:hover,.ck a:hover{ color:#c52500; text-decoration:underline;} .Recruitment{ padding:10px 0px 5px 10px; line-height:33px; font-size:12px; font-weight:bold; } .Recruitment a:hover{text-decoration:underline;} .bi_job ul{ margin:0; padding:15px 9px!important;padding:15px 9px;} .bi_job ul li{ list-style:none;} .bi_job{ border-left:1px solid #FFBF64; border-right:1px solid #FFBF64; border-bottom:1px solid #FFBF64; margin:0; padding:0; _margin-top:-20px; } .job_Post{ padding:4px 0px!important; padding:3px 0px; } .job_Company,.job_Post{ width:190px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .job_Company a,.job_Post a{color:#336699;} .job_Company a:hover,.job_Post a:hover{ text-decoration:underline; color:#ff6600;} .job_Post a{color:rgb(102, 102, 102);} .grey-line{border-bottom: 1px dotted #D9D9D9;margin-bottom: 10px;} .sq{ float:right;} .Application{ padding:5px 0px 0px 0px;} .ck{ line-height:210%;}