@charset "utf-8";

/* CSS Document 
----------------------------------------------------------------------------

1.INDEX MAIN AREA LAYOUT

2.SEARCH01

3.JOB_LISTING

4.SEARCH02

5.INFOR

6.STAFF

7.PRIVACY

8.KEYWORD BANNER

9.WHAT'S EVO JOB

10.VOICE

11.MOBILE

----------------------------------------------------------------------------*/


/* 1.INDEX MAIN AREA LAYOUT
----------------------------------------------------------------------------*/
.main_bg{
clear:both;
padding:0 0 15px 0;
background:url(../img/main_bg.gif) left top repeat-x;

}

.main_photo{
clear:both;
margin:0 auto;
width:772px;
height:300px;
background:#FFFFFF url(../img/main_photo.jpg) left top no-repeat;
}

.main_map{
margin-left:374px;
width:398px;
height:244px;
}
.provincially{
margin-left:374px;
width:398px;
/*height:53px;*/
/*background:url(../img/main_photo03.gif) right top no-repeat;*/
}

.provincially ul{
margin:0;
padding:3px 0 0 0;
list-style:none;
}

.provincially li{
margin:0 6px 0 0;
padding:0 0 0 9px;
list-style:none;
display:inline;
font-size:12px;
line-height:120%;
background:url(../img/arrow_org02.gif) left center no-repeat;
}

.container{
margin:0 auto;
width:772px;
}

.side_l{
float:left;
padding:0 0 15px 0;
width:541px;
}

.side_r{
float:right;
padding:0 0 15px 0;
width:200px;
}

/* 2.SEARCH01
----------------------------------------------------------------------------*/
.search01{
margin:0 0 20px 0; 
width:541px;
font-size:12px;
background:url(../img/search_bg01.gif) left top repeat-y;
}

.search01 ul{
list-style:none;
width:129px;
}

.search01 li{
padding:0 0 5px 0;
}

.search01 p{
width:129px;
}

.search_nav01{
float:left;
padding:0 0 0 8px;
width:129px;
text-align:center;
}

.search_nav02{
float:left;
padding:0 0 0 3px;
width:129px;
text-align:center;
}

.search_nav01 p, .search_nav02 p{
margin:6px 0;
}

/* 3.JOB_LISTING
----------------------------------------------------------------------------*/
.job_listing{
margin:0 0 20px 0;
}

.job_area{
padding:10px;
border:2px solid #97D5FF;
}

.job_area table{
width:100%;
}

.job_area th{
padding:5px;
width:40px;
text-align:left;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}
.job_area td{
padding:5px;
font-size:75%;
line-height:140%;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}

.job_listing_temporary{
margin:0 0 20px 0;
padding:10px;
border:2px solid #587CC7;
background-color:#E9E9E9;
}

.job_listing_temporary h2{
font-size:95%;
}

.job_listing_temporary p{
padding:3px 0 0 0;
font-size:75%;
line-height:140%;
}

/* 4.SEARCH02
----------------------------------------------------------------------------*/
.search02{
margin:0 0 20px 0; 
width:200px;
font-size:12px;
text-align:center;
background:url(../img/search_bg03.gif) left top repeat-y;
}

.search02 p{
margin:8px 0;
}

/* 5.INFOR
----------------------------------------------------------------------------*/
.info_bg{
margin:0 0 20px 0;
padding:0 0 2px 0;
text-align:center;
background:url(../img/info_bg.gif);
}
.info_bg p{
margin:8px 0;
}

/* 6.STAFF
----------------------------------------------------------------------------*/
.staff_bg{
margin:0 0 20px 0;
width:200px;
line-height:110%;
background:url(../img/staff_bg01.gif) left top repeat-y;
}

.staff_subtxt{
margin: 5px 0 5px 10px;
}

.staff_subbg01{
clear:both;
margin:0 auto 5px auto;
width:184px;
background:url(../img/staff_subbg02.gif) center top repeat-y;
}

.staff_subbg02{
padding:0 7px 3px 7px;
width:170px;
background:url(../img/staff_subbg03.gif) center bottom no-repeat;
}

.staff_subbg02 td{
font-size:65%;
}

/* 7.PRIVACY
----------------------------------------------------------------------------*/
.privacy{
text-align:right;
}


/* 8.KEYWORD BANNER
----------------------------------------------------------------------------*/
.keybanner01{
margin:0 auto 10px auto;
/*padding:8px;
width:180px;*/
/*border:1px solid #999999;*/
}

.keybanner01 p{
margin:5px 0 0 0;
font-size:0.7em;
line-height:135%;
text-align:left;
}

/*9.WHAT'S EVO JOB
----------------------------------------------------------------------------*/
.what_section{
margin:0 0 20px 0;
padding-bottom:10px;
width:541px;
background:url(../img/bg_slash.gif) left top;
}

.what_section p{
margin:0 10px 0 10px;
font-size:80%;
line-height:135%;
}

/*10.VOICE
----------------------------------------------------------------------------*/
.voice_section{
margin:0 0 20px 0;
width:541px;
}
.voice_section h3{
margin:0 0 5px 0;
}


.voice_section p{
margin:0 0 10px 0;
padding:0 5px 10px 10px;
font-size:0.7em;
font-weight:normal;
line-height:125%;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}

.voice_section p span{
color:#2E51AA;
font-size:1.2em;
font-weight:bold;
line-height:135%;
}


/*11.MOBILE
----------------------------------------------------------------------------*/
.mobile{
margin:0 0 20px 0;
}

.mobile h3{
margin:0 0 5px 0;
padding:0;
}


.mobile table th{
padding:5px;
vertical-align:top;
}

.mobile table td{
vertical-align:top;
padding:5px;
font-size:80%;
line-height:135%;
background:url(../img/mob_bg.gif) right top no-repeat;
}
.mobile table td p.more{
margin:28px 0 0 0;
padding:0;
}
.mobile table td p.more img{
vertical-align:middle;
margin-right:5px;
}


/* 12.PATTO
----------------------------------------------------------------------------*/
.patto{
margin:0 0 10px 0;
}

.language{
margin:0 0 15px 0;
}

/* 13.NotFound
----------------------------------------------------------------------------*/
div.notfound{
font-size:0.9em;
}
div.notfound h3{
margin-top:2.5em;
margin-bottom:0.8em;
}

div.notfound p{
font-size:0.9em;
line-height:135%;
}
div.notfound ul{
margin-top:1.5em;
margin-left:2.5em;
font-size:0.9em;
}
div.notfound li{
margin-bottom:0.5em;
}


/*14.INFORMATION
----------------------------------------------------------------------------*/
div.information{
border:3px double #FF8400;
margin-bottom:20px;
padding:10px;
font-size:0.8em;
}

div.information dl{
margin:0;
padding:0;
}

div.information dt{
margin:0;
padding:0 0 3px 0;
color:#FF8400;
font-weight:bold;
}
div.information dd{
margin:0;
padding:0 0 0 12px;
background:url(../img/arrow_bule02.gif) left center no-repeat;
}

