/* import css*/
* {margin: 0; padding: 0;text-rendering: geometricPrecision;}
a:active,a:focus,
input[type='button']:active,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:focus,
input[type='submit']:focus,
input[type='reset']:focus{outline:0;border: none;}
article, aside, footer, header, hgroup, nav, section {display: block; }
a.disable {display: none;}
.idnt {display:block; text-indent: -9999px;}
html {overflow-x: hidden;}
#content {top: -14px;margin: 0 0 10px;width: 100%; position:relative;z-index:4;}
.homepage #content,.filter-search #content {width: 100%; position:relative;z-index:4;top: -28px; margin: 0 0 10px;}
.filter-search #content #wrapper {padding: 40px 0 0;}
input.text{border: 1px solid #ccc; padding: 3px 5px;}
#notify-user .notify-btn a{float: none; display: inline-block; }

/*red button*/
#wrapper .rmed-btn,
#survey .rmed-btn,
#wrapper .rsmall-btn,
#wrapper .rlarge-btn {background: #e5252f; border-radius: 5px; float: left; color:#f8f8f8; font-size: 24px; font-weight: bold; padding: 5px 15px 10px; margin: 0 10px 0 0;-webkit-box-shadow:  0 3px 0 0 #A20C11;box-shadow:  0 3px 0 0 #A20C11;}
#wrapper .rsmall-btn{padding: 1px 32px 3px;}
#wrapper .rlarge-btn {font-size: 28px; padding: 5px 25px 10px; }
body #wrapper .listview .btn-group .rsmall-btn span{font-size: 22px; color:#fbfbfb;}
#wrapper .rmed-btn:hover,#wrapper .rsmall-btn:hover,#survey .rmed-btn:hover,#wrapper .rlarge-btn:hover {background:#c8161e;}
body #wrapper .applied {padding: 1px 43px 3px;background: #ccc;-webkit-box-shadow:  0 3px 0 0 #ddd;box-shadow:  0 3px 0 0 #ddd;border-radius: 5px; float: left; color:#f8f8f8; font-size: 24px; font-weight: bold;margin: 0 10px 0 0;}
body #wrapper .applied:hover {background: #e5252f;-webkit-box-shadow:  0 3px 0 0 #A20C11;box-shadow:  0 3px 0 0 #A20C11;}
/*footer*/
footer {width: 100%; background:#333; overflow: hidden; font-size: 12px; font-weight: normal;}
footer div {width: 940px; margin: 10px auto 0 auto; }
footer ul {width: 215px; float: left;}
footer ul li {padding: 10px 0 0;}
footer h3,footer h3 a,footer h3 a:hover{ font-size: 14px; color:#fff;display: block; padding: 0 0 10px; }
footer a,footer a:hover{color:#a7a7a7; }
footer img {margin-right: 10px;}
footer .copyright {clear:both; padding: 15px 0; color:#a7a7a7; border-top: 1px solid #000; margin-top:20px; float: left; width: 100%;}
/*header*/
.homepage a:hover,.social-account.active li.submit a:hover{text-decoration: underline;}
input.submit {border: none; cursor: pointer;}
.homepage .s-hd,
.static-2-col-ads .job-highlight .s-hd,
.static-2-col .s-hd,
body .daily-horo h2.horo,
.static-2-col-ads .weekly-horoscope h2  {color: #000; font-size: 15px; padding: 8px 0 0 35px; line-height: 30px;border-bottom:5px solid #ebebeb; background: url(../../img/bg/ico-homepage.png) no-repeat; margin: 0 0 20px;}
.homepage .Readmore a,.homepage #job-article .Readmore a,
.weekly-horoscope .Readmore a,.daily-horo .Readmore a{ background: url(../../img/bg/ico-homepage.png) no-repeat -5px -594px; color:#636363; font-weight: normal;} 
header {width: 100%;background: url(../../img/bg/bg-header.gif) repeat-x; position: relative; z-index: 6;}
header div {padding: 10px 0;width: 940px; margin: 0 auto; }
header .leaderboard {float: right; width: 728px; padding: 5px 0 0;}
header .topbar{overflow: visible; position: relative; z-index: 2;}
header .topbar h1,header .topbar h2,header .topbar p{ color:#fff; font-size: 12px; font-weight: normal;display: inline;}
header .topbar > a{position:absolute; top:7px;right:0; width: 14px; height: 17px;display: block; }
header .topbar h1 a,header .topbar h2 a,header .topbar p a {color:#fff;}

header .user-online {position:absolute; top:7px; right: 40px; text-align: right; background:url(../../img/bg/ico-homepage.png) no-repeat -126px -805px; padding: 0 0 5px 24px; line-height: 20px;}
header .user-online .logout { background:url(../../img/bg/ico-homepage.png) no-repeat -126px -846px; padding: 0 0 0 24px; color: #5dc251;margin: 0 0 0 10px;}
header .dropbox {padding: 0; width: auto;}
/*old form*/
/*header form {width:700px; position: absolute; right: 0; top: 37px;}
header form .form-message {position: absolute; left:180px;top: -26px;}
header form .form-message label{background: url(../../img/bg/ico-homepage.png) no-repeat -180px -753px; display: block; float: left; height: 30px; padding: 0 0 0 20px;}
header form ul {width: 520px; float: right;}
header form ul li {width: 100%; overflow: hidden;}
header form input {width: 138px; padding:4px; font-size: 13px;color:#636363;margin: 0 15px 0 0; float: left;}
header form .login,header form .login:hover {width: 95px; height: 30px; background: url(../../img/bg/ico-homepage.png) no-repeat -99px -78px;}
header form .remember {margin: 10px 0 0;}
header form .remember,header form .remember a {color:#636363;font-size: 12px;}
header form .remember a {font-weight: normal; padding: 0 0 0 15px;}
header form .remember input {width: auto; margin: 0 5px 0 0;}
header form .register {font-size: 20px; font-weight: bold; position: absolute; right: 0px; top: 0; width: 90px; height: 80px; overflow:visible;}
header form .register a,header form .register:hover {color:#038903; float: right;}
.signin-dropdown {position: absolute; width: 100px; text-align: center; left: 3px; top:26px; border: 1px solid #cdcdcd; border-radius: 5px;}
header form .register .signin-dropdown li a {font-size: 13px;color:#4eac4e; float: none; padding: 3px 5px; font-weight: normal;}
header form .register .signin-dropdown li:hover {background: #c3e3c3; }
header form .register .signin-dropdown li a:hover {color: #4eac4e; font-weight: bold;text-decoration: none;}
.signin-dropdown li{border-bottom: 1px solid #a7d6a7; }
.signin-dropdown #employer-signin{border:none;}*/
/*end old form*/
/*user-panel*/
.user-panel{ position: absolute; right:20px; top:3px; width: 220px;  padding: 0;}
.user-panel > div:first-child {width: 110px; float: left;}
.user-panel > div > a {background: url(../../img/bg/ico-homepage.png) 0 -1162px; padding: 0 0 0 15px;}
.user-panel > div:nth-child(2) > a {background: url(../../img/bg/ico-homepage.png) 0 -1211px; padding: 0 0 0 20px;}
.cufon-ready .user-panel a.login,
.cufon-ready .user-panel .register .replace{width: 73px; text-align: center; float: left; font-size: 20px; font-weight: bold;}
.user-panel div a {color: #fff;}
.login-center {position: relative; width: 480px; margin: 0 auto;}
#login-panel { padding: 30px 0 50px; color:#636363; overflow: hidden;}
#login-panel h2 {font-size: 30px;text-align: center; padding: 0 0 15px; color:#000;}
#login-panel label { font-size: 13px; color:#333; font-weight: bold; width: 125px; display: inline-block; float: none;}
#login-panel input[type='text'],#login-panel input[type='password']{color: #333; padding: 2px 10px; font-size: 13px; margin: 10px 0 0; width: 225px; float: none;}
#login-panel p {margin: 10px 0 0;}
#login-panel li:last-child {padding: 10px 0;}
#login-panel li:last-child a {padding:0 3px; white-space: nowrap;}
#login-panel li:last-child a:first-child{padding-left: 0;}
#login-panel input[type='submit'] {background: #47ab46 url(../../img/bg/login-panel.png) center -70px no-repeat; font-size: 24px; font-weight: bold; color:#fff; border-radius: 5px; border: 1px solid #47ab46; width: 70%; margin: 10px auto 0; display: block; height: 32px;box-shadow: 0 3px 0 0 #38a238;}
#login-panel input[type='submit']:hover {cursor: pointer;background: #038903 url(../../img/bg/login-panel.png) center -70px no-repeat; box-shadow: 0 3px 0 0 #107c0f;border:1px solid #038903;}
#login-panel .fb,.step1 .fb,#msg-notification #social .fb{ border-radius: 5px; color:#fff; font-size: 13px; font-weight: normal; text-align: center;  width: 100%; display:block; margin: 10px 0 15px;background: #39579b;box-shadow: 0 3px 0 0 #324d83;}
#login-panel .fb:hover,.step1 .fb:hover,#msg-notification #social .fb:hover {background: #344e81; box-shadow: 0 3px 0 0 #283d6a;}
#login-panel .fb span,.step1 .fb span,#msg-notification #social .fb span {display: inline-block;background: url(../../img/bg/login-panel.png) 50px 1px no-repeat; width: 100%;padding: 8px 0;}
#login-panel .gg,.step1 .gg,#msg-notification #social .gg {background: #e04a32; box-shadow: 0 3px 0 0 #cf3d25;border-radius: 5px; color:#fff; font-size: 13px; font-weight: normal;text-align: center; width: 100%; display:block;}
#login-panel .gg:hover,.step1 .gg:hover,#msg-notification #social .gg:hover {background: #cd3f2d; box-shadow: 0 3px 0 0 #ac3324;}
#login-panel .gg span,.step1 .gg span,#msg-notification #social .gg span{display: inline-block;background: url(../../img/bg/login-panel.png) 57px -30px no-repeat; width: 100%;padding: 8px 0;}
#login-panel .fb,#login-panel .gg {width: 70%; margin: 10px auto 15px;}
#login-panel .verify {padding:10px 0 10px 129px;}
#login-panel .verify img {vertical-align: top;}
#login-panel form {width: 100%; padding: 0 0 40px;}
#login-panel form .form-message label{background: url(../../img/bg/login-panel.png) -8px -112px no-repeat;padding: 7px 0 0 20px; margin: 0 0 0 129px;line-height: 18px;}
#login-panel form .chbox {padding: 5px 0 0;}
#login-panel form .chbox label{width: auto; font-weight: normal;}
header .register {font-size: 20px; font-weight: bold; float: left; width: 90px; overflow:visible; padding: 0; position: relative;}
header .register ul {position: absolute; width: 105px; text-align: center; left: -3px; top:31px; border: 1px solid #cdcdcd; border-radius: 5px; background:#fff; display: none; }
header .register ul.active {display:block;}
header .register ul li a {font-size: 13px;color:#4eac4e; float: none; padding: 3px 5px; font-weight: normal;}
header .register ul li:hover {background: #c3e3c3; }
header .register ul li a:hover {color: #4eac4e; font-weight: bold;text-decoration: none;}
header .register ul li{border-bottom: 1px solid #a7d6a7; }
header .register ul #employer-signin{border:none;}
#search-panel{overflow: hidden;clear: both;background: #6ac660; height: 215px;background: #6ac660; /* Old browsers */
background: -moz-linear-gradient(top,  #6ac660 0%, #48b33e 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac660), color-stop(94%,#48b33e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6ac660 0%,#48b33e 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6ac660 0%,#48b33e 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6ac660 0%,#48b33e 94%); /* IE10+ */
background: linear-gradient(to bottom,  #6ac660 0%,#48b33e 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac660', endColorstr='#48b33e',GradientType=0 ); /* IE6-9 */
}
#search-panel div {width: 940px; margin: 0 auto; color:#fff;font-weight: normal; font-size: 15px; position: relative;z-index: 4;}
#search-panel .advance-search,
#benefit .Readmore,
#wrapper .tip {padding: 0 0 0 15px;position:absolute; width: 131px;top: 137px; left: 422px; background: url(../../img/bg/ico-homepage.png) no-repeat -177px -55px;}
#search-panel .advance-search:hover {background-position: -2px -592px;}
#search-panel .advance-search:hover a{color:#fff;}
#search-panel .advance-search a {color:#037602;font-size:13px;}
#search .article .logo a img {float: left;}
/*structure*/
#tw-clm{width: 940px;/*background: url(../../img/bg/bg-tw-column.gif) repeat -10px 0; */overflow: hidden; margin: 0 auto;}
#tw-clm .content-left {width: 640px; float: left;}
#tw-clm .content-right {width: 300px; float: right;}
/*visited link*/
.search-right .search-result .job-info h3 a:visited,.search-list-column ul li a:visited,
.search-list-column ul li ul li a:visited,.search-list-column ul li ul li ul li a:visited,
.province-search-content ul li a:visited, .province-search-content ul li li li a:visited,
.search-by-character-result li a:visited,#wrapper .listview .article h3 a:visited,
.province-search-content li ul li a:visited {color: #8fa34a;}
.loading {margin: -140px 0 -184px -55px;}
body {font-family:  Arial,Thonburi,Tahoma; font-size: 13px; color: #333;margin: 0; position :relative;}
textarea, input, .textfield {color:#666;}
.internallink {display:none;}
a.replacefont,
.homepage aside h2 a:hover {text-decoration: none!important;}
.radio,.inputbtn,.checkbox {border: none!important;}
a {color: #339900; font-weight: bold; outline: none;text-decoration: none;}
a:hover {color: #006600;text-decoration: underline;}
img, fieldset {border: none;}
ul, ol {list-style: none;}
.textleft{text-align:left!important;}
.textright{text-align:right!important;}
.textcenter{text-align:center!important;}
form table td.name a.opened {color:#999; font-weight: normal!important;}
form table td.name a {font-weight: bold!important;}
span.required {font-size: 13px; color: #cc0000!important; font-weight: bold; float: none!important;}
.form-message .error{color: #cc0000!important; font-weight: normal; width: auto!important; float: none;}
.form-message .suggest {color: #666!important; font-weight: normal; width: auto!important; float: none;}
.form-message .error strong {float:none;}
.separate-line {border-top: 1px solid #ccc; padding-top: 10px;}
.no-margin {margin-top: 0!important;}
span.error-msg {font-size: 13px; color: #EC0B14; padding-left: 5px; font-weight: normal;}
span.newline {clear: both; float: left; padding: 5px 0 0; }
.unbold {font-weight: normal!important;}
span.invisible {visibility: hidden;}
.lb-space {padding-top:30px!important;}
.bb-space {padding-top:10px!important;}
.small {color:#666!important;font-size: 13px!important;}
.pointer {cursor: pointer;}
.middle {vertical-align: middle;}
/*0.7*/
#advanced-Search .disabled {float: left;margin: 5px 0 0 0;}
#advanced-Search .keyword {margin:0 10px 10px 0; float: left;}
#advanced-Search .disabled label {float: none; margin-left: 5px; font-weight: normal; color:#666;}
/*search page*/
#search {width: 960px; overflow: hidden; position: relative; background:#fff; clear: both; float: left;z-index:7;}
#search .content {width: 960px;  overflow: hidden;}
.search-left {width: 205px; float: left; background: #f2f2f2;}
.search-right {width: 742px;float: right;position: relative;}

/*global no-data*/
#wrapper .no-data {width: 100%; height: 200px;background: #F5F5F5; position: relative;}
#wrapper .no-data .instruction {top: 50%; position: absolute; text-align: center; width: 100%; margin-top: -20px; }
#wrapper .no-data p{text-align: center; color:#666;font-size: 13px; padding: 0;}

/*annoucebox*/
#announce-box {background: #FFF7F7; border: 1px solid #D21E1E; width: 938px; text-align: center; padding: 10px; margin-bottom: 20px; color: #cc0000;}	
#announce-box img {vertical-align: middle;}	
/*header*/
.header-right{width:728px; float: right;}
.sns-link {float: right; width: 101px; padding-top: 2px;}
.sns-link a {padding-right: 5px;font-size: 12px; }
#wrapper #top-content {width: 960px; position: relative; z-index: 22;}
#wrapper.company-profile #top-content {height: 122px; border-bottom: 1px solid #c2c2c2; overflow: hidden;}
	
/*Global button*/
.company-header {text-align: right; padding-right: 10px; padding-top: 3px;}
.content-wrapper .company-header a {font-size: 16px; font-weight: bold!important;}
.content-wrapper .company-header a:hover {text-decoration: underline;}
.linkbtn:hover {background: url(../../img/button/btn-left.png) no-repeat 0 -26px!important; color:#336699!important;}
.linkbtn:hover span {background: url(../../img/button/btn-right.png) no-repeat right -26px!important; color:#336699!important;}
	
/*input-focus event*/
input.input-focus {color:#666;font-size: 13px;}
	
/*	Structure*/
.red-hilight {color:#C82A24;}
#wrapper {width: 960px; margin: 0 auto; overflow: hidden; z-index: 2;}
#wrapper #main-nav {margin-bottom: 15px;clear: both; height: 55px;}
#wrapper #teaser-box {position: relative; margin-bottom: 20px;}
#wrapper #teaser-box .banner {position: absolute; left: 50%; top: 50%;}
#wrapper .infopage #teaser-box {width: 940px !important; margin: 0 auto 15px;position: relative; overflow: hidden;}
#wrapper #shortcut-search {width: 958px; border: 1px solid #ccc; margin-bottom: 20px; overflow: hidden; }
#wrapper .content-wrapper {width: 960px; margin:0 0 20px; overflow: hidden;}
#wrapper .content-wrapper input.changepw,
#wrapper .content-wrapper input.changepw-hover {margin-left: 200px;}
#wrapper.company-profile .content-wrapper { padding-top: 10px;}
#wrapper #footer {border-top: 7px solid #4caf13;font-size: 13px;padding-top: 15px; text-align: center; width: 960px; overflow: hidden;}
#wrapper #footer p {padding-bottom: 15px;}
#wrapper #footer .copyright {padding-top: 15px;}
#wrapper #footer .copyright a {padding-left: 5px;}
#wrapper #footer p a {font-weight: normal; text-decoration: none;}
#wrapper #footer p a:hover {text-decoration: underline;color:#006600;}
#wrapper #footer .inhouse-link {padding-bottom: 0;}
#wrapper #footer .inhouse-link a{color: #666;}
	
/* sidebar navigation */
#sidebar-navigaiton ul li.head ,
#sidebar-navigaiton ul li.head:hover{background: url(../../img/bg/left-nav-blue.gif) repeat-x 0 -1px; color:#333; font-size: 12px; font-weight: bold; line-height: 44px; border-top: 3px solid #fff;margin-left: 0; width: 142px;}
#sidebar-navigaiton ul li.last { border-bottom: 3px solid #fff; }

/*	Child top-content*/
#top-content #logo {width: 232px; height: 90px; float: left; padding-top: 20px; }
#logo a {display: block; width: 212px; height: 90px;}
#wrapper.company-profile #top-content #logo {width: 115px; height: 80px; float: left; padding-top: 10px;}
#wrapper.company-profile #top-content #logo a {width: 115px; height: 80px;}
#wrapper.company-profile #top-content #partner p {float: right; margin-top: 91px;}
#wrapper.company-profile #top-content #partner .truehits {margin-top:86px; margin-left: 10px;}
#top-content .leader-ads {width: 728px; height: 90px;}

/*	Child main-nav*/
.cufon-loading .replace{display: none;}
.cufon-ready .replace {display: block;}
#main-nav #navigation {float: left; font-weight: bold; width: 960px; background: url(../../img/bg/bg-nav.gif) no-repeat;position: relative; z-index: 21;}
#navigation li {float: left;}
#navigation li:hover {background: url(../../img/button/nav-bd-hover.gif) no-repeat left top;float: left; }
#navigation li:hover a,#navigation li.active a {background: url(../../img/button/nav-hover.gif) no-repeat center top;}
#navigation li a {width: auto; height: 52px; font-size: 22px;font-weight: bold; text-align: center; float: left; color: #fff; text-decoration: none;padding: 8px 19px 0 17px;position:relative; background: url(../../img/button/nav-bd.gif) no-repeat left top;}
#navigation li a:hover span,#navigation li#job-search:hover span {background: url(../../img/button/nav-bd-hover.gif) no-repeat left top; height: 50px;float: left; margin: -8px 0 0 -17px; padding: 8px 0 0 17px;}
#navigation .active span{background: url(../../img/button/nav-bd-hover.gif) no-repeat left top; height: 50px;float: left; margin: -8px 0 0 -17px; padding: 8px 0 0 17px;}

/*nav*/
nav {width: 100%;background: url(../../img/bg/bg-nav.png) repeat-x;position: relative; z-index: 5; margin:0 0 20px;}
.homepage nav,.filter-search nav{margin: 0;} 
#wrapper {margin: 0 auto 0;padding: 15px 0 0;}
nav .employer,nav .employer:hover {position: absolute; width: 177px; height: 40px; background: url(../../img/bg/ico-homepage.png) -3px -14px; right: 20px; top: -3px;}
nav .employer.active,nav .employer.active:hover { background: url(../../img/bg/ico-homepage.png) no-repeat 0 -880px;height: 62px;}
nav .employer.active a,nav .employer.active a:hover {padding: 11px 0 0 64px; }
nav .employer a,nav .employer:hover a {background: none; color:#fff; padding: 5px 0 0 64px;}
nav ul {width: 940px; margin: 0 auto;position: relative; z-index: 5; height:57px;}
nav ul li{float: left; font-size: 24px; font-weight: bold; color:#3fa33e;height:57px;}
nav ul li:hover, nav #home.active,nav ul li.active{margin-left: -1px;background: url(../../img/bg/hover-menu.png) no-repeat center 0; height: 57px;}
nav ul li:hover a,nav ul li.active a {background: none;padding:8px 15px 0 16px; color:#fff;}
nav ul a:hover,nav ul li.active .hd{color:#fff;}
nav ul li a {padding: 8px 15px 0; background: url(../../img/bg/nav-sprite.gif) no-repeat right 15px; line-height: 24px; height: 50px; color:#038802;}
nav #home {width: 60px;}
nav #home:hover,nav #home.active {margin: 0;}
nav #home a {display: block; }
nav #home a:hover,nav #home.active a  {padding: 8px 15px 0; background: none;}
nav #home a:hover span,nav #home.active span {background-position: -354px -148px;}
nav #home span {display:block; text-indent: -9999px;width: 30px;background: url(../../img/bg/ico-homepage.png) -66px -147px;}
nav ul li.active.show .hd {color: #339900;}
#navigation li#my-company {float: right;}
#navigation li#my-company a,#navigation li#my-profile a{color:#cbfcb3;}
#navigation li#my-company a:hover,#navigation li#my-company.active a {background: url(../../img/button/company-hover.png) no-repeat right top;}
#navigation li#newbie {background: url(../../img/button/nav-bd.gif) no-repeat right top;}
#navigation li#my-profile {float: right;}
#main-nav #quick-search {width: 170px; float: right; margin: 12px 12px 0 0; }
#quick-search input {width: 170px; height: 20px; font-size: 14px; color: #666; border: none; background: none;padding-top: 3px;}
nav .dropdown {width: 113px;text-align: center;}
nav .show{margin-left:-1px;width: 114px;}
nav .dropdown.show {width:114px;}
nav .active.show{width:113px;}
nav .dropdown.active .hd{padding-left:15px;} 
nav .dropdown .hd,nav .dropdown .hd span {width:84px; display: block;}
nav .show ul li a,nav ul .active ul li a {color:#2C2D31;}
nav .dropdown:hover .hd span,
nav .dropdown .hd span{background:  url(../../img/bg/ico-homepage.png) no-repeat 3px -797px; text-indent: -9999px; height: 42px;}  
nav .active .hd span {background-position: 10px -838px;}
nav .dropdown ul {position: absolute;  top: 40px; display: none; left: 59px; width: 188px; background:#fff; border: 1px solid #eaeaea; border-radius: 0 5px 5px 5px; border-top: none;text-align: left; padding: 0 0 15px; height: auto;}	
nav .dropdown ul a{background: none; padding: 3px 0 3px 15px; color:#2c2d31; height: auto; }
nav .dropdown ul li:hover {background: none; margin: 0;}
nav .dropdown ul a:hover {color: #038802;}
nav .dropdown ul li {list-style: none; float: none; color:#2c2d31; font-size: 20px; height: auto; margin: 0;}
nav .show .hd {background:#fff; border: 1px solid #eaeaea; border-bottom: none;border-radius: 5px 5px 0 0; margin-top: -5px; padding: 12px 15px 0 ;}
nav .show .hd:hover {color: #339900;}

/*send button en*/
input.send {background: url(../../img/button/send-en.png) no-repeat 0 0;width: 70px;height: 26px;border: none;}
input.send-hover {background: url(../../img/button/send-en.png) no-repeat 0 -26px;width: 70px;height: 26px;border: none;cursor: pointer;}
/*	content-wrapper*/			
.content-wrapper h1,
.header .companyname,
.company-profile .header .container p.company-name,.news-update h2  {font-size: 16px; font-weight: bold;}
.border-afterh1 {border-top: 3px solid #f8f8f8; padding-top: 20px !important; margin-bottom: 20px;}
.border-afterh1 h2 {font-family: Arial; font-size:13px; color:#398EA5;}
.content-wrapper .textfield, .content-wrapper textarea {border: 1px solid #ccc; padding: 2px; margin-right: 10px}
.content-wrapper select {border: 1px solid #ccc; padding: 2px 5px; margin-right: 10px; font-size: 13px; color:#666;}
.content-wrapper .header .container select {width: 210px;}
.content-wrapper input{ font-size: 13px;}
.content-wrapper select option {padding: 0 5px;}
.content-wrapper .width380 {width: 380px !important;}
.content-wrapper .width300 {width: 300px !important;}
.content-wrapper .width290 {width: 290px !important;}
.content-wrapper .width280 {width: 280px !important;}
.content-wrapper .width250 {width: 250px !important;}
.content-wrapper .width220 {width: 220px !important;}
.content-wrapper .width200 {width: 200px !important;}
.content-wrapper .width150 {width: 150px !important;}
.content-wrapper .width140 {width: 140px !important;}
.content-wrapper .width135 {width: 135px !important;}
.content-wrapper .width170 {width: 170px !important;}
.content-wrapper .width120 {width: 120px !important;}
.content-wrapper .width110 {width: 110px !important;}
.content-wrapper .width100 {width: 100px !important;}
.content-wrapper .width95 {width: 95px !important;}
.content-wrapper .width90 {width: 90px !important;}
.content-wrapper .width80 {width: 80px !important;}
.content-wrapper .width60 {width: 60px !important;}
.content-wrapper .width50 {width: 50px !important;}
.content-wrapper .width70 {width: 70px !important;}
.content-wrapper .width75 {width: 75px !important;}
.pd140 {padding: 140px 0!important;}
.pd100 {padding: 100px 0!important;}
.pd70 {padding: 70px 0!important;}
.pt40 {padding: 40px 0 0!important;}
/*	pagination*/
.pagination {text-align: right; margin: 0 0 20px 0; clear:both; overflow: hidden;}
.pagination a {
	background: #ececec; 
	padding: 1px 4px; 
	font-weight: normal; 
	color: #333; 
	text-decoration: none;
}
.pagination a:hover {background: #4caf13;color:#fff;}
.pagination a.active {background: #4caf13; color:#fff;}
.pagination span a {background: #fff;}
.pagination span a:hover {background: none;color:#fff;}
	
/*	view-all*/
.view-all a, .edit a {font-size: 13px;  padding-left: 8px; background: url(../../img/icon/arrow-gray.gif) 0 4px no-repeat; font-weight: bold!important; }
.view a {font-size: 12px; padding-left: 2px; background: none;}
.view-all a:hover, .edit a:hover, .view a:hover,.navigation-set a:hover {color: #006600;}
		
/*infopage-navigation when user logged in already*/
#wrapper #top-content .logged-in {padding-top: 8px; width: 728px; text-align: right;}
#top-content .logged-in li {display: inline; font-size: 12px; color:#333;}
#top-content .logged-in li img {vertical-align: bottom;}
#top-content .logged-in .username {
	color:#339900; 
	font-size: 12px; 
	font-weight: bold; 
} 
#top-content .logged-in .active {color:#333;padding: 0 3px;}

/*facebook like box*/
.facebook-like {background: #EDEDED;padding: 10px 8px 3px 8px; overflow: hidden;clear: both;height: 33px;margin-bottom: 20px;}
.facebook-like a {
	background: url(../../img/icon/fb-link.gif) no-repeat right 4px; 
	float: left; 
	font-size: 12px;
	padding: 0 2px 0 0;
	line-height: 25px;
	width: 115px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

/*system message*/
.system-msg {font-size: 13px; text-align: right; color:#CC0000; font-weight: bold; padding: 5px 0 10px; line-height: 18px; }
/*job index*/
#wrapper #search-content .job-index .result-search-by-character {width: 445px;}
#wrapper #search-content .job-index .result-search-by-character  li ul li ul li {width: auto;}
#wrapper #search-content .job-index .result-search-by-character p{float: left; width: 380px; padding: 0 0 0 5px; font-size: 13px; color:#666;}
#wrapper #search-content .job-index .result-search-by-character p span {color:#999; display: inline; float: none; font-size: 13px; }