@charset "utf-8";
/* CSS Document */

body
{
	background:url(../common/images/joinsnda_bg.jpg) repeat-x #590100;
	SCROLLBAR-FACE-COLOR: #790000;
	SCROLLBAR-HIGHLIGHT-COLOR: #790000;
	SCROLLBAR-SHADOW-COLOR: #790000;
	SCROLLBAR-ARROW-COLOR: #1a0000;
	SCROLLBAR-3DLIGHT-COLOR: #aa0506;
	SCROLLBAR-TRACK-COLOR: #1a0000;
	SCROLLBAR-DARKSHADOW-COLOR: #aa0506;
}
.head
{
	background:url(../common/images/joinsnda_head_bg.jpg) no-repeat left;
}

.body
{
	background:none;
}

.subTitle
{
	width:312px; float:left; display:inline;
}

.subMenu
{
	width:230px;
	padding:40px 0;
}

.subMenubg2
{
	background:url(images/joinsnda_snda.gif) no-repeat right top; height:581px; padding-top:60px; margin-top:50px;
}



.subMenu h2
{
color:#fff;
padding:0;
text-align:right;
font-size:14px;
margin:15px 0;
margin-right:28px;
height:15px; overflow:hidden;
}

.subMenu h2 span
{
	margin-top:15px; display:block;
}

.subMenu h2.t1
{
	background:url(images/joinsnda_menu_t1.gif) no-repeat right top;
}

.subMenu h2.t2
{
	background:url(images/joinsnda_menu_t2.gif) no-repeat right top;
}

.subMenu h2.t3
{
	background:url(images/joinsnda_menu_t3.gif) no-repeat right top;
}

.subMenu h2.t4
{
	background:url(images/joinsnda_menu_t4.gif) no-repeat right top;
}

.subMenu h2.t5
{
	background:url(images/joinsnda_menu_t5.gif) no-repeat right top;
}

.subMenu h2.t6
{
	background:url(images/joinsnda_menu_t6.gif) no-repeat right top;
}

.subMenu h2.t7
{
	background:url(images/joinsnda_menu_t7.gif) no-repeat right top;
}

.subMenu li a
{
color:#e2282d;
font-size:12px;

}

.subMenubg2 li a
{
	color:#6A3906;
}

.subMenu li a,.subMenu li a.now
{
margin-right:28px;
padding-left:15px;
}

#subMenu li a:hover,.subMenu li a.now
{
background:url(images/joinsnda_submenu_bg.gif) no-repeat left;
color:#ffff00;
text-decoration:none;
}



.rightcontent
{
	width:677px; float:left; display:inline; padding:0; margin:0; position:relative;
}

.herolst_box_t
{
	background:url(../common/images/herolst_box_t.jpg) no-repeat; height:205px; padding-left:125px;
}

.herolst_box_t table
{
	margin-top:40px;
}

.herolst_box_c
{
	background:url(../common/images/herolst_box_c.jpg) no-repeat; padding-left:125px; height:644px;
}

.herolst_box_b
{
	background:url(../common/images/herolst_box_b.jpg) no-repeat; height:291px; padding-left:125px; padding-top:10px; position:relative;
}

.table_title
{
	font-weight:bold; color:#6a3906; padding-right:10px; text-align:right;
}

.rightcontent select,.rightcontent .input1
{
	background:#fbe8cd;
	border:1px solid #9a754a;
}

.rightcontent .input1
{
	height:20px; line-height:18px;
}

.view_ans
{
	font-size:0;
	line-height:0;
	display:block;
	background:url(../common/images/herolst_viewanswer.gif);
	width:123px;
	height:116px;
	position:absolute;
	right:313px;
	bottom:36px;
}

.herolstbody
{
	background:url(../common/images/herolst_body_b_bg.gif) no-repeat bottom; padding-bottom:68px; 
}

.photoflow
{
	height:197px; background:url(../common/images/photoflow.jpg); position:relative;
}

.grow_content
{
	width:770px; float:right; display:inline; position:relative;
}

.engage_content
{
	width:717px; float:left; display:inline; padding-top:35px;	position:relative;
}

.engage_player
{
	background:url(images/engage_player.jpg); width:320px; height:310px; float:left; display:inline;
}

.engage_playlst
{
	height:310px; float:right; width:382px; background:#1a0000; display:inline; overflow:auto;
}

.grow_content .people_introbox,.grow_content .introduce_box
{
	background:url(images/grow_mainbg_top.jpg) repeat-x top #FBF5E9;
	width:700px;
	padding-top:200px;
}

.grow_content .introduce_box
{
	min-height:450px; _height:450px;
	padding:20px;
	padding-left:65px;
	width:570px;
	padding-right:65px;
	padding-top:200px;
}

.grow_content .people_introbox ul
{
	margin:13px; margin-bottom:0; margin-left:42px;
}

.grow_content .people_introbox ul li
{
	margin-bottom:2px; margin-right:60px;
}

.grow_content .people_introbox ul li.fst
{
}

.grow_content .people_introbox ul li.sed
{
}

.grow_content .people_introbox ul li.trd
{
}

.grow_content .people_introbox ul li.for
{
	height:96px;
}

,.grow_content .people_introbox ul li a
{
	color:#e2282d;
}

.grow_content .people_introbox ul li table td
{
	color:#000;
}

.grow_content .people_introbox ul li.fst strong
{
	color:#00561f;
}

.grow_content .people_introbox ul li.sed strong
{
	color:#6a3906;
}

.grow_content .people_introbox ul li.trd strong
{
	color:#7d0000;
}

.joinsnda_shbg
{
}

.grow_content .joinsnda_shbg
{
	position:absolute; bottom:0; height:106px; width:720px; background-position:bottom right; bottom:0; left:0;
}

.joinsnda_peo_icon
{
	background:url(images/grow_mainbg_right.gif) no-repeat;
	width:138px;
	height:564px;
	position:absolute;
	left: 626px;
	top: -13px;
}

.herolst_flashbox
{
background:url(images/herolst_flash_bg.jpg) right no-repeat; width:590px; height:445px; margin-bottom:50px; padding-left:25px; position:relative;
}

.herolst_join5box
{
	width:665px; float:right; display:inline;
}

.herolst_join5box_top
{
	background:url(images/join5box_top.jpg); height:214px; padding:40px; overflow:hidden;
}

.herolst_join5box_bottom
{
	background:url(images/join5box_bottom.jpg) no-repeat left; height:282px; padding:40px; padding-top:0;
}

.brushpen
{
background:transparent; background-image:url(images/brushpen.png); _background-image:none; position:absolute; right:35px; bottom:-67px; width:228px; height:230px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../common/images/brushpen.png',sizingMethod='image');
}

.herolst_flash_title1
{
	width:483px;
	height:233px;
	position:absolute;
	left: 47px;
	top: 22px;
}

.herolst_flash_title2
{
	width:177px;
	height:221px;
	position:absolute;
	left: 183px;
	top: 104px;
}

.herolst_flash_title3
{
	width:204px;
	height:326px;
	position:absolute;
	left: 153px;
	top: 68px;
}

.herolst_gettestbtn
{
	background:url(images/herolst_gettestbtn.jpg);
	width:114px;
	height:114px;
	display:block;
	position:absolute;
	left: 249px;
	top: 290px;
}

.herolst_viewresultbtn
{
	background:url(images/herolst_viewresultbtn.jpg);
	width:114px;
	height:114px;
	display:block;
	position:absolute;
	left: 406px;
	top: 149px;
}

.engage_ad
{
	padding-left:230px;
	background:url(images/engage_ad.jpg) top no-repeat; margin-top:-6px;
}

.engage_playlst table
{
	width:95%;
}

.engage_playlst td img
{
	padding:13px;
}

.engage_playlst td p
{
	color:#a0a0a0; padding:10px 0;
}

.engage_playlst .now td p
{
	color:#FFF;
}

.engage_playlst td p a
{
	font-weight:bold;	color:#a0a0a0;
}

.engage_playlst .now td p a,.engage_playlst td p a:hover
{
	color:#F00;
}

.engage_playcont
{
	border:13px #FFF solid; background:#c9c9c9; padding:30px; margin-top:15px; margin-bottom:30px;
}

.engage_chatlst_h2
{
	background:url(images/engage_chatlst_h2.jpg) no-repeat left top #aa0506; height:29px; overflow:hidden; margin-top:15px;
}

.engage_chatlst_h2 span
{
	display:block; padding-top:29px;
}

.engage_chatlst
{
	/*border:13px #FFF solid; background:#c9c9c9; padding:30px; margin-top:15px; margin-bottom:30px;*/
	margin-bottom:15px;  overflow:auto; background:#FFF; padding:23px;
}

.engage_chatlst ul
{
	padding:0px; margin:0; background:#FFF; width:670px;
}

.engage_chatlst ul li
{
	padding:20px; background:#c9c9c9; background:#c9c9c9;
}

.engage_playcont h4
{
	font-size:12px; color:#F00;
}

.engage_playcont p
{
	color:#434343;
}

.engage_chatlink
{
	width:183px; height:375px; background:#180000; float:left;
}

.engage_chatlink h2
{
	color:#ff0000; line-height:35px; border-bottom:1px dashed #640000;
}

.engage_chatlink h2
{
	 margin:0 20px;
}

.engage_chatlink ul,.engage_chatlink p
{
	 padding:0 20px; padding-top:5px;
}

.engage_chatlink p,.engage_chatlink li
{
	color:#FFF;
}

.engage_chatlink li a
{
	color:#a0a0a0;
}

.engage_chatlink .cont1
{
	height:85px; border-bottom:1px solid #630000;
}

.engage_chatlink .cont2
{
	height:170px; overflow:auto; border-bottom:1px solid #630000;
}

.engage_chatlink .cont3
{
	height:70px; overflow:auto;
}

.engage_chatroom
{
	background:url(images/talk_room.gif); width:509px; height:359px; float:right; padding:8px;
}

.engage_chatroom .input
{
	border:1px solid #6f0101; padding:2px;
}

.engage_chatroom .top .input
{
	width:124px;
}

.engage_chatroom .btn
{
	border:1px solid #f5121c; background:#4c0000; color:#ff0000; line-height:16px; cursor:pointer;
}

.engage_chatroom .right
{
	float:right; margin-right:5px;
}

.engage_chatroom .top
{
	background:url(images/talkroom_top.gif) #aa0506 no-repeat left; height:28px; padding-left:34px; border-bottom:1px solid #000; padding-top:4px;
}

.engage_chatroom .bottom
{
	height:325px; background:#aa0506;
}

.engage_chatroom .bottom table
{
	 margin:0 9px;
}

.engage_chatroom .bottom .engage_chatroom_cont
{
	background:#FFF url(images/talkroom_boxbg.gif); width:492px; height:276px; margin:9px;
}

.engage_chatroom .bottom .engage_chatroom_cont div
{
width:472px; height:256px; overflow:auto; display:block; clear:both; padding:10px;
}

.username
{
color:#aa0506; font-weight:bold;
}

.engage_chatroom .bottom .input
{
	width:318px;
}

.engage_chatroom .bottom table .imgbtn1
{
	background:url(images/talkroom_imgbtn1.gif); width:16px; height:16px; display:block;
}

.engage_chatroom .bottom table .imgbtn2
{
	background:url(images/talkroom_imgbtn2.gif); width:16px; height:16px; display:block;
}

.herolst_flash_score
{
	position:absolute;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aa0406;
	left: 320px;
	top: 308px;
}

.herolst_input_resume
{
width:500px; height:300px; margin:70px; overflow:auto; margin-right:0;
}

.alert3td
{
	background:#aa0406;
}

.alert4
{
	color:#00561F;
}

.font_14
{
	font-size:14px;
}