/*p {font-size:15px; margin:0 0 15px 0;}*/
#page-wrap {width:784px; margin:0 auto; position:relative; top:-12px; z-index:100;}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one {padding:0; margin: 0 0 15px 0;}/*  -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;  */

#example-one .nav { width:694px; height:76px; overflow:hidden; margin:0 ; padding:0 69px 0 21px; position:relative; z-index:100; background:url(/images/member/tab_bg.gif) no-repeat;}
#example-one .nav li {height:76px; float:left; margin:0;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a {display: block; height:76px; line-height:27px; padding:0; no-repeat; color:#999; font-size:12px; font-weight:bold; text-align: center;border: 0;}
#example-one .nav li a:hover {no-repeat;}

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover {}
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one {width:160px; height:76px; background:url(/images/member/login_tab_01_out.png) no-repeat;}
#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover {width:160px; background:url(/images/member/login_tab_01_on.png) no-repeat; color:#333;}
#example-one ul li.nav-two {width:129px; height:76px; background:url(/images/member/login_tab_02_out.png) no-repeat;}
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover {width:129px; background:url(/images/member/login_tab_02_on.png) no-repeat; color:#333;}
#example-one ul li.nav-three {width:191px; height:76px; background:url(/images/member/login_tab_03_out.png) no-repeat;}
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover {width:191px; background:url(/images/member/login_tab_03_on.png) no-repeat; color:#333;}
#example-one ul li.nav-four {width:214px; height:76px; background:url(/images/member/login_tab_04_out.png) no-repeat;}
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover {width:214px; background:url(/images/member/login_tab_04_on.png) no-repeat; color:#333;}

#example-one .list-wrap {padding:0; margin: 0 0 15px 0; position:relative; top:-1px; z-index:50;}

/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; border-top:1px solid #d3d3d3; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

/* layout */
li.bigimg_twitter {width:784px; height:309px; border-bottom:3px solid #333; text-align:left;}
li.bigimg_twitter dl {margin:0; padding:0; display:inline;}
li.bigimg_twitter dl dd {float:left;}
li.bigimg_twitter dl dd.bigimg {width:537px; height:309;}
li.bigimg_twitter dl dd.twitter {width:223px; height:292px; padding:17px 0 0 22px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#fff;}

li.bigimg_twitter div.arrows {width:520px; height:38px; margin:129px 11px 39px; position:absolute; z-index:500;}
li.bigimg_twitter div.arrows span.left {float:left;}
li.bigimg_twitter div.arrows span.right {float:right;}
li.bigimg_twitter div.arrows dl {margin:0; padding:0; display:inline;}
li.bigimg_twitter div.arrows dl dd {float:left;}
li.bigimg_twitter div.arrows dl dd.arrow_right {float:right;}

/* yuchun */
div.personal_pr {width:784px; height:147px; margin-top:15px; text-align:left;}	<!-- have to delete height -->
div.personal_pr ol {margin:0; padding:0; display:inline;}
div.personal_pr ol li {float:left;}
div.personal_pr ol li.profile {width:350px; height:147px;}
div.personal_pr ol li.profile h4 {font-size:14px; color:#333; padding-left:8px; margin-bottom:15px;}
div.personal_pr ol li.profile p {margin:0; padding:0; font-size:12px; font-weight:normal; color:#575757;}
div.personal_pr ol li.profile p span {color:#999; width:70px; padding-left:8px; display:inline-block;}
div.personal_pr ol li.careers {width:401px; float:right; height:147px;}
div.personal_pr ol li.careers div.career_tab {width:305px; height:31px; position:relative; z-index:100;}
div.personal_pr ol li.careers div.career_tab dl {margin:0; padding:0; display:inline;}
div.personal_pr ol li.careers div.career_tab dd {float:left; width:133px; height:30px; line-height:30px; padding-top:1px; padding-left:19px; font-weight:bold;}
div.personal_pr ol li.careers div.career_tab dd.ca_tab_on {padding-right:1px; background:url(/images/sub/careers_tab_on.gif) no-repeat; color:#333;}
div.personal_pr ol li.careers div.career_tab dd.ca_tab_off {padding-right:0px; background:url(/images/sub/careers_tab_off.gif) no-repeat; color:#a1a1a1;}

div.personal_pr ol li.careers div.career_list {width:401px; position:relative; z-index:50; top:-1px;}
div.personal_pr ol li.careers div.career_list dl {margin:0; padding:0;}
div.personal_pr ol li.careers div.career_list dt {height:36px; line-height:36px; color:#575757;}
div.personal_pr ol li.careers div.career_list dt span {color:#979797; width:83px; display:inline-block; padding-left:13px;}
div.personal_pr ol li.careers div.career_list dd {height:1px; background:url(/images/common/dot_line.gif) repeat-x; display:block;}

div.activity_tab {width:784px; height:62px; margin-top:40px; text-align:left; position:relative; z-index:100;}
div.activity_tab h4 {color:#333; font-size:14px; padding-left:8px;}
div.activity_tab h4 span {color:#999; font-size:12px; font-weight:normal;}
div.activity_tab ol {width:427px; height:30px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin:16px 0 0 0; padding:0; display:inline-block;}
div.activity_tab ol li {width:106px; height:30px; line-height:30px; text-align:center; float:left; border-right:1px solid #d3d3d3; font-weight:bold;}
div.activity_tab ol li.act_tab_on {background:url(/images/sub/activity_tab_on.gif) no-repeat; color:#333;}
div.activity_tab ol li.act_tab_off {background:url(/images/sub/activity_tab_off.gif) no-repeat; color:#999;}

div.activity_article {width:784px; border-top:1px solid #d3d3d3; padding-bottom:12px;}

div.activity_article ol.tab_01 {width:773px; height:203px; margin:19px auto 0; padding:0; overflow:hidden;}
div.activity_article ol.tab_01 li {float:left; width:170px; height:203px; margin-right:31px;}
div.activity_article ol.tab_01 li.no_margin {margin:0;}

div.activity_article ol.tab_01 li dl {margin:0; padding:0; text-align:left;}
div.activity_article ol.tab_01 li dl dt {width:170px; height:134px;}
div.activity_article ol.tab_01 li dl dd {width:170px; height:41px; padding:14px 0; line-height:16px; color:#333;}
div.activity_article ol.tab_01 li dl dd span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_01 li dl dd span.act_date {color:#999;}

div.activity_article ol.tab_02 {width:773px; height:148px; margin:19px auto 0; padding:0; overflow:hidden;}
div.activity_article ol.tab_02 li {float:left; width:250px; height:137px; margin-right:31px;}
div.activity_article ol.tab_02 li dl {margin:0; padding:0; display:inline;}
div.activity_article ol.tab_02 li dl dd {float:left; color:#333;}
div.activity_article ol.tab_02 li dl dd.tab_02_thumb {width:96px; height:137px;}
div.activity_article ol.tab_02 li dl dd.tab_02_text {margin-left:31px; padding:10px; text-align:left; line-height:18px;}
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_date {color:#999;}

div.activity_article ol.tab_03 {width:680px; height:180px; margin:19px auto 0; padding:0; overflow:hidden;}
div.activity_article ol.tab_03 li {float:left; width:119px; height:180px; margin-right:68px;}
div.activity_article ol.tab_03 li.no_margin {margin:0;}

div.activity_article ol.tab_03 li dl {margin:0; padding:0; text-align:left;}
div.activity_article ol.tab_03 li dl dt {width:109px; height:101px; padding:10px;}
div.activity_article ol.tab_03 li dl dd {width:119px; height:69px; padding:0 0 0 10px; line-height:16px; color:#333;}
div.activity_article ol.tab_03 li dl dd span.act_ti {text-decoration:underline;}
div.activity_article ol.tab_03 li dl dd span.act_date {color:#999;}

div.activity_article ol.tab_04 {width:773px; margin:19px auto 0; padding:0; text-align:left;}
div.activity_article ol.tab_04 li {width:100%; margin-bottom:6px; padding-left:20px;}
div.activity_article ol.tab_04 li span {display:inline; color:#333;}
div.activity_article ol.tab_04 li span.act_date {color:#999; width:80px; display:inline-block;}