/* CSS Document */
.titleBar{ padding-left:15px; text-align:left; height:26px; line-height:26px; vertical-align:middle; border-right:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; background:url(imagembg.jpg) repeat-x; font-size:14px; font-weight:bold; color:#494949; margin-top:10px }
.mmContent{ border-bottom:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; line-height:22px; vertical-align:middle; text-align:left}
#matchMaker{ width:950px; margin:0 auto}
#mmAdv{ width:235px; float:left}
#mmAdv .advTitle{ width:218;}
#mmAdv .advContent{ width:223px; height:155px; padding:5px}
#mmAdv .advPic{ width:235px; height:57px; margin-top:10px}
#defuMM{ width:480px; float:left; margin-left:10px}
#defuMM .defuMMTitle{ width:480px; height:23px; margin-top:10px}
#defuMM .defuMMTitle .caption{ width:90px; height:23px; float:left; padding-left:13px; line-height:23px; vertical-align:middle; text-align:left; color:#373737; font-weight:bold; font-size:14px}
#defuMM .defuMMTitle .captionMore{ width:90px; height:20px; float:right; text-align:right; line-height:20px; vertical-align:middle; margin-top:3px; padding-right:10px; color:#585858}
#defuMM .defuMMLine{ width:480px; height:3px; background:url(imagemmbg.jpg) repeat-x}
#defuMM .defuMMContent{ width:480px; height:105px; padding:10px 0;}
#defuMM .defuMMContent img{ float:left; width:175px; height:100px}
#defuMM .defuMMContent .defuMMBrief{ width:285px; height:110px; float:right; line-height:22px; vertical-align:middle; text-align:left; color:#585858}
#defuMM .defuMMContentList{ width:460px; height:145px; padding:10px; text-align:left; font-size:14px; line-height:24px; vertical-align:middle; color:#585858; }
#flow { width:214px; float:right; margin-top:10px}
#flow .flowTitle{ width:202px; height:22px; padding-top:2px; padding-left:10px; border:#DEDEDE solid 1px; text-align:left; line-height:22px; vertical-align:middle; font-weight:bold; color:#383838; font-size:13px}
#flow .flowContent{ width:197px; height:283px; padding:5px; padding-left:10px; border-right:#DEDEDE solid 1px;border-left:#DEDEDE solid 1px;border-bottom:#DEDEDE solid 1px; line-height:22px; vertical-align:middle; text-align:left; color:#383838}
#mmBanner{ width:950px; height:89px; margin:0 auto; margin-top:10px}
#ourMM{ width:950px; margin:0 auto; height:25px; background:url(imageourMMBg.jpg) repeat-x; margin-top:10px}
#ourMM .ourMMTitle{ width:107px; height:24px; color:#095088; text-align:center; line-height:24px; vertical-align:middle; font-size:14px; font-weight:bold; background:#FFFFFF; float:left; margin-left:23px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px}
#ourMM .ourMMMore{ width:100px; height:20px; margin-top:4px;line-height:20px; vertical-align:middle; text-align:right; color:#3A3A3A; float:right; margin-right:5px}
#ourMMContent{ width:965px;_width:970px; height:146px; margin:0 auto; padding:12px 0px; padding-left:5px;_padding-left:0px}
#ourMMContent ul{}
#ourMMContent li{ float:left; width:93px; height:145px; padding-left:11px; margin:0 7px; border:#DDDDDD solid 1px; line-height:18px;*line-height:21px; vertical-align:middle; color:#094D8A; text-align:left}
#ourMMContent img{ margin:0 auto; margin-top:8px}

#eapLeft { width:228px; float:left}
#eapLeft .eapPic{ width:228px; height:153px; margin-top:10px}
#eapLeft .eapTitle{ width:228px; height:25px;; background:url(imageeaptitle.jpg) repeat-x}
#eapLeft .eapTitle .companyEap{ width:87px; height:24px; float:left; margin-left:24px;_margin-left:12px; line-height:24px; vertical-align:middle; text-align:center; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; background:#FFFFFF; color:#094D8A; font-weight:bold}
#eapLeft .eapTitle .eapMore{ width:45px; height:20px; padding-top:4px; float:right; margin-right:5px; line-height:20px; vertical-align:middle;}
#eapLeft .eapContent{ width:228px; height:134px; padding-top:10px; text-align:left; line-height:22px; vertical-align:middle; }
#eapPlan{ width:950px; margin:0 auto; margin-top:10px}
#employee{ width:300px; float:left}
#employee .employeeTitle{ width:300px; height:25px; background:url(imageeaptitle.jpg) repeat-x; }
#employee .employeeTitle .caption{ width:130px; height:24px; float:left; margin-left:24px;_margin-left:12px; line-height:24px; vertical-align:middle; background:#FFFFFF; border:#cccccc solid 1px; border-bottom-width:0; color:#094F8B }
#employee .employeeTitle .more{ width:50px; float:right; height:20px; margin-top:4px; line-height:20px; vertical-align:middle; text-align:center}
#employee .employeeContent{ width:295px; height:180px; padding-top:8px; padding-left:5px; text-align:left; line-height:22px; vertical-align:middle}
#middleLine{ width:23px; height:190px; margin-top:26px; float:left}

.hcTitleBar{ background:#579C43; text-align:left; color:#FFFFFF; border:#92BE8D solid 1px; padding-left:15px; height:24px; line-height:24px; vertical-align:middle}
.hcContent { border-bottom:#92BE8D solid 1px;border-right:#92BE8D solid 1px;border-left:#92BE8D solid 1px;}
#hcMain{ width:950px; margin:0 auto; margin-top:10px; }
#function{ width:252px; float:left}
#function .fTitle{ width:235px;}
#function .fContent{ width:250px; height:610px}

/*--------------------------------------------AAAAAAAAA-------------------------------------*/
a.mm:link{ text-decoration:none; color:#585858}
a.mm:visited{ text-decoration:none}
a.mm:hover{ text-decoration:underline; color:#585858}
a.eap:link{ text-decoration:none; color:#585858}
a.eap:visited{ text-decoration:none}
a.eap:hover{ text-decoration:underline; color:#585858}

/*New-EAP*/
#eap{ width:950px; margin:0 auto;}
#newEapLeft{ width:220px; height:600px; float:left; background:#E3E3E3}
#newEapLeft .leftPic{ width:220px; height:120px}
#newEapLeft .eapClass{ width:220px; padding-top:10px; line-height:29px; vertical-align:middle}
#newEapLeft .eapClass ul{}
#newEapLeft .eapClass li{ width:200px; padding-left:20px; background:url(imageneweapbg.jpg) repeat-x; height:29px; text-align:left}
#newEapLeft .eapClass img{ border:0;}
#newEapLeft .eapClass a:link{ text-decoration:none; color:#333333;}
#newEapLeft .eapClass a:visited{ text-decoration:none; color:#333333;}
#newEapLeft .eapClass a:hover{ text-decoration:none; color:#FF9209; position:relative; left:4px}
#eapRight{ width:718px; float:right; border:#EDECEB solid 1px}
#eapRight .eapListPic{ width:680px; height:100px; margin:0 auto; margin-top:10px}
#eapRight .eapListContent{ width:660px; margin:0 auto; margin-top:5px; padding:10px; text-align:left; line-height:24px; vertical-align:middle}

.listPageList{ width:650px; padding-top:20px; padding-right:20px; height:32px;margin:0 auto; text-align:right; line-height:28px; vertical-align:middle}
.listPageList a{ margin:0 3px}
.listPageList a:link{  padding:1px 4px; border:#3366CC solid 1px; text-align:center; text-decoration:none; color:#3366CC}
.listPageList a:visited{  padding:1px 5px; border:#3366CC solid 1px; text-align:center; text-decoration:none}
.listPageList a:hover{  padding:1px 4px; border:#3366CC solid 1px; text-align:center; text-decoration:none; color:#FFF; background:#3366CC;}

a.newEAP:link{ text-decoration:none; color:#006666}
a.newEAP:visited{ text-decoration:none; color:#006666}
a.newEAP:hover{ text-decoration:underline color:#006666}