.keywordBox{position:absolute;z-index:10000;background-color:#fff;border:3px solid #ccc;display:none;}
.keywordMsgBox{height:50px;width:100px;text-align:center;vertical-align:middle;background-color:#ccc;}
/*titleBar*/
.keywordBox .titleBar{height:25px;line-height:25px;background:#eee;text-align:right;border:1px solid #fff;}
.keywordBox .titleBar .fl{text-indent: 10px;}
.keywordBox .titleBar .titleText{ color: #0882CA;font-size: 14px;font-weight: bolder;}
/*btn*/
.keywordBox .btn-ok,.keywordBox .btn-close,.keywordBox .btn-clear{width:40px; height:22px; line-height:15px; margin:2px 2px 0 0; text-align:center; color:#fff; cursor:pointer;border-radius: 2px;}
.keywordBox .btn-ok{background-color:#FC6900;border:1px solid #fe6601;background: linear-gradient(#fe9931, #fe6601)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFfe9931',endColorstr='#FFfe6601');background: -webkit-gradient(linear, left top, left bottom, from(#fe9931), to(#fe6601));background: -moz-linear-gradient(top, #fe9931, #fe6601);}
.keywordBox .btn-close{background-color:#e7e7e7;border:1px solid #ccc;color:#333;background: linear-gradient(#FFFFFF, #E4E3E3)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF',endColorstr='#FFE4E3E3');background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E4E3E3));background: -moz-linear-gradient(top, #fff, #E4E3E3);}
.keywordBox .btn-clear{float:right;margin:0 10px 0 0;background-color:#5fc315;border:1px solid #409b00;background: linear-gradient(#76e424, #5fc315)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF76e424',endColorstr='#FF5fc315');background: -webkit-gradient(linear, left top, left bottom, from(#76e424), to(#5fc315));background: -moz-linear-gradient(top, #76e424, #5fc315);}
/*selectedBox*/
.keywordBox .selectedBox{position: relative;width:100%;padding-top: 5px;min-height: 50px;_height: 50px;clear:both;}
.keywordBox .selectedBox a {display: block;float:left; height: 23px; line-height:23px;padding:0 10px 0 5px;color:#333;cursor:pointer;white-space:nowrap;}
.keywordBox .dictKeywordBox{ float:right; width:285px; height:25px;}
.keywordBox .dictKeywordBox div{float:right;}
.keywordBox .j_keyword{width:150px;height:20px; line-height:20px;vertical-align:middle; border:1px solid #abadb3;}
/*inner*/
.keywordBox .inner{clear:both;background:#eee; margin:0 4px 4px;}
.keywordBox .inner dl{font-size:12px;line-height:16px;float:left;width: 100%;background:#eee;}
.keywordBox .inner dl dt{float:left;width:170px;padding-top:5px;font-weight:bold;text-align:left;text-indent:5px;border-top:1px solid #fff;}
.keywordBox .inner dl dd{float:left;width:630px;_width:631px;background:#fff;}
.keywordBox .inner a,.keywordBox .inner s{display:block;float:left;width:209px; height: 23px; line-height:23px;color:#333;cursor:pointer;background:#eee;margin:1px 0 0 1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.keywordBox .inner a:hover,.subBox a:hover,.keywordBox .selectedBox a:hover,.searchResult a:hover{ text-decoration:none; color:#0882ca;}
.keywordBox .inner s{cursor:default;margin:0;width:210px;border-top:1px solid #fff;}
.keywordBox .inner s.fs{width:209px;border-left:1px solid #fff;}
/*sub*/
.subBox {float:left;width: 617px;padding:5px;background-color:#fff;border:1px solid #0882ca;position: absolute;z-index:1001;}
.subBox a { display:block;float:left;width: 204px;height: 23px; line-height:23px;color:#333;cursor:pointer;white-space:nowrap!important;*white-space:normal!important;_white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.subBoxCity { width: 487px;}
.subBoxCity a {width: 97px;}
/*searchResult*/
.searchResult {}
.searchResult a{display:block;width:100%; height: 23px; line-height:23px;background:#eee;margin:1px 0 0 0;cursor:pointer;}
.searchResult dl{font-size:12px;line-height:16px;float:left;width: 100%;background:#eee;border-top:1px solid #fff;}
.searchResult dl dt{float:left;width:250px;font-weight:bold;text-align:left; color:#333;}
.searchResult dl dt a {color:#333;}
.searchResult dl dd{float:right;width:540px;_width:541px;}
.searchResult .resultDiv { padding:5px 0 5px 5px;}
.searchResult .resultDiv span { color:#f00;}
/*width*/
#cityBox,#cityBox2{width:608px;_width:609px;}
#cityBox .inner a,#cityBox2 .inner a{ width:99px;}
#cityBox .inner dl dt,#cityBox2 .inner dl dt{width:100px;}
#cityBox .inner dl dd,#cityBox2 .inner dl dd{width:500px;_width:501px;}
#cityBox .inner a.gx,#cityBox2 .inner a.gx{width:499px;}
#cityBox .inner s,#cityBox2 .inner s{width:100px;}
#cityBox .inner s.fs,#cityBox2 .inner s.fs{width:99px;}
#cityBox .searchResult dl dt,#cityBox2 .searchResult dl dt{width:150px;}
#cityBox .searchResult dl dd,#cityBox2 .searchResult dl dd{width:450px;_width:451px;}
#positionBox,#industryBox{width:808px;_width:809px;}
#specialtyBox{width:738px;_width:739px;}
#specialtyBox .inner dl dt{width:100px;}
#specialtyBox .searchResult dl dd{width:488px;_width:489px;}
/*icon*/
.keywordBox .icon-checkbox,.subBox .icon-checkbox,.keywordBox .inner .icon-hasSub{background:url(img/icon-bg.gif) no-repeat;overflow:hidden;}
.keywordBox .icon-checkbox,.subBox .icon-checkbox { display:block;float:left; width:13px; height:13px;margin:5px 5px 0 5px;_margin:5px 2px 0 2px;background-position:0 -10px;}
.keywordBox .inner .icon-hasSub{ display:block; float:right; width:7px; height:4px;margin:10px 5px 0 0;_margin:10px 2px 0 0;background-position:0 0;}
/*selected*/
.keywordBox .inner a.selected .icon-checkbox {background-position:0 -24px;}
.keywordBox a.selected .icon-checkbox,.subBox a.selected .icon-checkbox {background-position:0 -24px;}
.keywordBox a.subSelected .icon-checkbox {background-position:0 -38px;}
/*active*/
.keywordBox .inner a.active,.keywordBox .inner a.active2,#cityBox .inner a.active,#cityBox2 .inner a.active { float:left; width:207px; height: 22px; line-height:22px;color:#0882ca;border:1px solid #0882ca; border-bottom:0; background-color:#fff;position:relative;z-index:1002;}
.keywordBox .inner a.active2 {border:1px solid #0882ca; border-top:0;}
#cityBox .inner a.active,#cityBox2 .inner a.active {width:97px;}
.keywordBox .inner a.active .icon-hasSub{background-position:0 -5px;}
/*Mask*/
#keywordMask{width:100%;height:100%; position: absolute;top: 0;height: 0;z-index: 9999;background-color: #000;filter:alpha(opacity=30);  -moz-opacity:0.3;  -khtml-opacity: 0.3;  opacity: 0.3;  }





