body {margin: 0; padding: 10px 0; background: #50a6d4 url(../img_t/bg.png) repeat-x; color: #333; }
body, textarea {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#06c; text-decoration: none; }
a:hover {text-decoration: underline;}
img {border: none;}

/*Modal Popup*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#f1f1f1;
	border:3px solid #C1272D;
	padding:3px;
}

/*Modal Popup*/


.reqField 
{
	margin-top: .5em;  
	cursor:default; 
	text-align:left; 
	color:#c33;
	font-size:10px;
}

table, form {margin: 0; padding: 0; outline: none;}
th, td { vertical-align:top; text-align:left;}



h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {font-size: 18px; color: #c33; text-transform: uppercase;}
h2 {font-size: 20px;} /* also used in common files*/
h3 {font-size: 12px;}
h5 {font-size:11px; font-weight: normal; font-style: italic;}  

p, pre {margin: 1em 0; line-height: 18px;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0;}
ul li {list-style: square; margin:0 0 10px 10px; line-height: 1.2em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 18px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input,  textarea {margin: 0; padding: 0; }
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
.btn { background: url(../img_t/bg_btn.png) repeat-x; text-transform: uppercase; color: #fff; border: 1px solid #626262; padding: 2px 5px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap {width: 924px; position: relative; left: 50%; top: 0; margin-left: -462px;}
/*#wrap {width: 924px; margin: 0 0 0 20px; position: relative;}*/

h1#head { height: 236px; background: url(../img_t/bg_head.jpg) no-repeat; border-bottom: 3px solid #fff; margin: 0;}
h1#head img { position: relative; top: 95px; left: 80px;}



ul#nav { margin: 0; padding: 0 0 0 15px; list-style: none; background: url(../img_t/bg_nav.png) repeat-x 0 0; height: 34px;  z-index: 1;}

ul#nav li {margin: 0; padding: 0; list-style: none; display: block; float: left; width: auto;}
#nav li a {font-size: 13px; color: #fff; font-weight: bold; text-transform: uppercase; display: block; padding: 9px 20px}

body.n1 #nav li a#nhome, body.n2 #nav li a#njob, body.n3 #nav li a#nempee, body.n4 #nav li a#nemper, body.n5 #nav li a#ncontact {background: url(../img_t/bg_nav.png) repeat-x 0 -68px;}

#nav li a:hover {background: url(../img_t/bg_nav.png) repeat-x 0 -34px; text-decoration: none; color: #333;}

#nav li ul {
	position: absolute;
	width: auto;
	left: -999em;
	background: #282828;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; margin-top: -3px;
}

#nav li li a:hover { background: #282828; color: #4292BF;}


#cnt { background: #fff; padding: 10px 20px; min-height: 300px; }
#cnt_h { background: url(../img_t/bg_hcnt.png) repeat-y;}
#cnt_h p {line-height: 24px;} 

#home1, #home2, #home3 { padding-top: 50px;}
#home1 {width: 280px; float: left; padding-left: 15px;  }
#home2 {width: 310px; padding: 50px 20px 0 110px; float: left; background:  url(../img_t/bg_home2.png) no-repeat;height: 575px; }
#home2 dt {font-weight: normal; line-height: 24px; padding-left: 10px;}
#home2 dd { background: url(../img_t/arrow_onGray.png) no-repeat 10px 6px; 
    padding-left: 24px; line-height: 24px; }
#home3 {width: 159px; float: left; padding: 50px 15px 0 15px;}
#home3 li span { display: block; font-size: 10px; line-height: 12px;font-style: italic;}
#home3 h4 {text-align: right; padding-right: 24px;}

dl.jaxList dt {background: url(../img_t/arrow_redOnfff.png) no-repeat 10px 6px; 
    padding-left: 24px; line-height: 24px; cursor: pointer;}
dl.jaxList dt.selected {background-image: url(../img_t/arrow_redOnfff_dwn.png);}
dl.jaxList dd {padding-left: 18px;}
dl.jaxList dt.selected dd {height: auto;}
table.list_j {padding: 0; margin: 5px 0; width: 100%; border: 1px solid #cfcfcf;}
.list_j th { padding: 0 5px; font-size: 12px;  
    background: url(../img_t/bg_th.png) repeat-x 0 100%;
    border-bottom: 1px solid #cfcfcf; line-height: 28px;}
.list_j div.list_jid { float: right; width: 100px; font-weight: normal;}
.list_j th.list_jcat {white-space: nowrap; font-weight: normal; }

.list_j td {  padding: 1px 5px;}
.list_j td p {line-height: 16px; padding:0 8px;}

td.btn_col {/*border-left: 1px solid #cfcfcf;*/}
a.btn_detail, a.btn_apply, a.btn_friend {
    background-position: 5px 3px; background-repeat: no-repeat; color: #333;
    border: 1px dotted #666; font-family: Arial;
    display: block; font-size: 9px; text-transform: uppercase;
    padding: 3px 3px 4px 24px; margin: 0 0 2px 0;}
a.btn_detail {background-image: url(../img_t/i_detail.png);}
a.btn_apply {background-image: url(../img_t/i_apply.png);}
a.btn_friend {background-image: url(../img_t/i_friend.png);}
a.btn_detail:hover, a.btn_apply:hover, a.btn_friend:hover {color: #000; background-color: #f1f1f1; text-decoration: none;}


h4#foot { text-align: right; font-size: 12px; padding: 20px 15px; 
    background: url(../img_t/bg_foot.png) no-repeat; margin: 0; clear: left;} /* add jpg img for ie6 */
h4#foot span  { float: left; width: 200px; text-align: left;}
h4#foot a {color: #333;}

#loginBoxWrap { position: absolute; top:255px; left: 50%; margin-left:180px; z-index: 1; width: 100px;}
a#lLink { background: url(../img_t/arrow-navUp.gif) no-repeat left center; color: #fff; 
	font-size: 13px; font-weight: bold; text-transform: uppercase; padding:4px 0 4px 18px; display: block;  }
a#lLink:hover { text-decoration: none;}
#loginBox { background: url(../img_t/bg_loginBox.png) no-repeat; 
    width: 280px; height: 152px;  
    padding: 20px 0 5px 0; margin:0;
	position: relative; top: -206px; left:-180px; z-index: 100;}
	
#searchBoxWrap { position: absolute; top: 255px; left: 50%; margin-left: 330px; z-index: 1; }
a#sLink { background: url(../img_t/arrow-nav.gif) no-repeat left center; color: #fff; 
	font-size: 13px; font-weight: bold; text-transform: uppercase; padding:4px 0 4px 18px; display: block; outline: none;} 
a#sLink:hover { text-decoration: none;}
#searchBox { background: url(../img_t/bg_searchBox.png) no-repeat; width: 475px; height: 446px; padding: 5px 0 0 0; margin: 0;
	position: relative; top: 5px; left: -330px;  color: #fff;}

.jeffect label {color: #fff; display: block; font-size: 13px; 
    font-weight: bold;width: 150px; padding: 0;}
.jeffect a { font-size: 11px; color: #D1A679;}
.jeffect a.closeBtn {display: block;text-align: right; margin-right: 30px;  font-size: 10px; color: #fff;}

.jeffect h2 {font-size: 14px; color: #fff; text-transform: uppercase;margin: 14px 0 0 0;}
.jeffect h2 a { font-size: 14px; color: #fff; }
.jeffect h3 {margin: 1em;}
.jeffect h5 {font-size: 11px; margin: 2px 0 0 0;}
#searchBox div {padding: 10px; width: 444px; margin-left: 1px;}
#loginBox div {padding:5px 0 0 40px;}

 .jeffect .alt { background: #5b95b8; }
 .jeffect span {font-size: 11px; }
 
 .employers fieldset { background: #d4e0fe url(../img_t/bg_fs.gif) repeat-x 0 100%; width: 40%; margin: 0 15px 0 0 ; float: left; padding-bottom: 30px;}
 .employers fieldset h2 { font-size: 18px;}
 .employers fieldset ul { margin-left: 2em;}

.employers dl { float: left; width: 430px;} 
.employers dl dt { padding: 0 0 0 18px; background: url(../img_t/icon_logo.gif) no-repeat; font-size: 18px;}

.employers h3 { margin: 5px 0 0 0;}
.employers p { margin: 0;}

.testimonials { width: 500px; background: url(../img_t/bg_home3.png); padding: 10px; }
.testimonials blockquote { font-size: 12px;}
.testimonials h3 { font-style: italic;}