/*==LAYOUT==*/
/* CSS Document */

#main_content {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	width: 940px;
	padding: 15px 10px 0 10px;
	overflow: hidden;
	background-color:#e0e0e0;
	/*background-color:#f0f0f0;		 change at 2010-02-24 by shaorui*/
}

#main_content a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

/******************************left***********************************/
#left_side {
width:200px;
margin:0px 8px 0px 0px;
_margin:0px 5px 0px 0px;
padding:0px;
float:left;
}
.left_div {
background:#FFFFFF;
margin:0px 0 10px 0;
padding:4px 10px 10px 10px;
}
.left_desbox_top {
background:url(../im/left_desbox_top.gif) no-repeat;
width:180px;
height:9px;
margin:0px;
}
.left_desbox {
background-color:#e0e0e0;
width:172px;
padding: 4px;
margin:0px 0px 4px 0px;
_margin:-5px 0px 4px 0px;
}

/****big left****/
#left_content {
width:728px;
margin:0px;
padding:0px;
float:left;
}
.left_content {
padding:10px 10px 10px 10px;
background-color:#FFFFFF;
}
.direct_tab {
margin-top:-10px;
}
.left_top {
margin:0px 0px 0px 0px;
padding:0px;
}
.left_top img {
margin-right:12px;
}
.avatar_des {
width:425px;
float:left;
margin:40px 0px 0px 0px;
}
.left_left {
width:450px;
padding:0 10px 0 0;
margin:10px 7px 0px 0;
float:left;
border-right:1px #c4c4c4 dotted;
}
.left_right{
width:213px;
margin:10px 0 0 0;
_margin:10px -10px 0 0;
padding:0px 0 0 0;
float:left;
}
.left_right h3 {
margin-bottom:5px;
}
.left_right .bg_gray_1 {
margin-bottom:12px;
}

/******************************right***********************************/
#right_side {
width:212px;
_width:202px;
margin:0px;
padding:0px;
float:left;
}
#right_sub {
width:202px;
_width:191px;
margin:0px 0px 0px 11px;
overflow:hidden;
}
/*right menu*/
.right_menu,
.right_menu a{
color:#FFFFFF;
_color:#FFFFFF!important;
font-size:12px;
font-weight:bold;
}
.right_menu_active {
background:url(../im/right_menu_active.gif) no-repeat;
padding:3px 0px 7px 18px;
margin:0 0 0px 4px;
/*border-bottom:1px #FFFFFF solid;*/
cursor:pointer;
}

/* 2010-02-26 Add by Shaorui For reading list */
.right_menu_active_reading {
background:url(../im/right_menu_active.gif) no-repeat;
padding:3px 0px 5px 18px;
margin:0 0 0px 4px;
/*border-bottom:1px #FFFFFF solid;*/
cursor:pointer;
}

.right_menu_item {
background-color:#292929;
padding:7px 7px 7px 9px;
margin:0 0 0px 11px;
/*border-bottom:1px #FFFFFF solid;*/
cursor:pointer;
}

/* 2010-02-24 add by lide*/
.menu_divider {
border-bottom:1px #FFFFFF solid;
width:201px;
margin:0px 0 0px 11px;
padding:0px;
height:0px;
}

.right_menu_item.sfhover {
background-color:#ba1f12;
}
.right_search {
background-color:#FFFFFF;
padding:6px;
margin:10px 0 0 0;
}

.button_go {
background-color:#BA1F12;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding:6px;
cursor:pointer;
}
.down_arrow {
background:url(../im/icon_down_arrow.gif) no-repeat;
margin:0px 0 0 10px;
height:12px;
width:23px;
}
a.right_icon_list {
background:url(../im/icon_right_list.gif) no-repeat;
width:19px;
font-size:11px;
padding:0px 7px 1px 7px;
color:#FFFFFF!important;
}
.right_divider {
border-bottom:1px #bebebe dotted;
clear:both;
height:5px;
_margin-top:-5px;
}
.right_divider_space {
padding:5px 0 0 0;
_padding:0px 0 0 0;
margin:0px 0 5px 0;
}

.right_ads {
width:160px;
margin:10px auto 10px 26px;
float:none;
}
/******************************cn***********************************/
.button_topic_rep {
background:#FFFFFF url(../im/bg_button_grey.gif) no-repeat;
width:77px;
height:19px;
text-align:center;
margin:1px 5px 1px 0;
padding-top:1px;
*padding-top:0px;
float:left;
cursor:pointer;
}
.button_topic_rep,
.button_topic_rep a {
color:#FFFFFF;
_color:#FFFFFF!important;
}
.kong_div {
width:99%;
}
.reply_content {
display:none;
}
p span {
font-size:11px;
}
.post_margin_right {
margin-right:60px;
*margin-right:70px;
}
.border_white {
border:2px #FFFFFF solid;
}

#cn_content {
width:520px;
margin:0px;
padding:0px;
float:left;
}
.cn_content {
background-color:#FFFFFF;
clear:both;
margin:0px 0 0 0;
padding:10px 10px 10px 10px;
}
.bg_gray_1 {
background-color:#e0e0e0;
padding:9px 9px 9px 9px;
}
.bg_gray_2 {
background-color:#f2f2f2;
padding:10px;
}
.bg_gray_3 {
background-color:#fbfbfb;
padding:10px;
}
/*the input in cn_content*/
button {
border:none;
cursor:pointer;
}
.main_button {
font-family:Arial, Helvetica, sans-serif;
background-color:#ba1f12;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
padding:8px 10px 8px 10px;
*padding:6px 8px 6px 8px;
margin-left:6px;
}

.main_button_status {
font-family:Arial, Helvetica, sans-serif;
background-color:#ba1f12;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
padding:8px 10px 8px 10px;
*padding:6px 8px 6px 8px;
margin-left:6px;
*margin-left:-2px;
}

.main_button_2 {
font-family:Arial, Helvetica, sans-serif;
background-color:#ba1f12;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding:4px 8px 4px 8px;
*padding:4px 6px 4px 6px;
margin-left:6px;
}
.icon_margin {
/*margin: 0px 3px -3px 2px;
_margin: 0px 3px 0px 1px;
*/
margin: 0px 1px -3px 8px;
_margin: 0px 1px 0px 3px;
cursor:pointer;
}
/*tabbing*/
ul.tab_menu {
list-style:none;
margin:10px 0 0 0;
}
.tab_menu li{
float:left;
background-color:#3e3a3b;
padding:5px 9px 5px 9px;
margin:0px 2px 0px 0px;
cursor:pointer;
}
.tab_menu li,
.tab_menu li a {
color:#ffffff!important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
.tab_menu li.current,
.tab_menu li.current a {
background-color:#FFFFFF;
color:#000000!important;
}

.tab_content {
background-color:#FFFFFF;
clear:both;
margin:-10px 0 10px 0;
padding:10px 10px 10px 10px;
}

/*tabbing2*/
ul.tab_menu2 {
list-style:none;
margin:10px 0 0 0;
}
.tab_menu2 li{
float:left;
background-color:#3e3a3b;
border:1px #3e3a3b solid;
border-bottom:none;
padding:5px 9px 5px 9px;
margin:0px 2px -1px 0px;
*margin:0px 2px -1px 0px;
cursor:pointer;
}
.tab_menu2 li,
.tab_menu2 li a {
color:#ffffff!important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.tab_menu2 li.current{
border:1px #dedede solid;
border-bottom:none;
}
.tab_menu2 li.current,
.tab_menu2 li.current a {
background-color:#FFFFFF;
color:#000000!important;
}

.tab_content2 {
background-color:#FFFFFF;
clear:both;
margin:-10px 0 0 0;
padding:10px 10px 10px 10px;
border:1px #dedede solid;
}
.tab_content_show {
display:block;
}
.tab_table {
border:none;
text-align:left;
margin:5px 0 5px 0;
}
.tab_table thead tr{
background-color:#3e3a3b;
}
.tab_table td{
padding:5px 10px 5px 10px;
}
.tab_table thead tr td {
padding:5px 10px 5px 10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*font-weight:bold;*/
}
.title_bg {
background-color:#3e3a3b;
padding:5px 10px 5px 10px;
color:#FFFFFF;
}
.title_bg span {
margin-right:30px;
}
/******************************comment or message list **************************/
.messages_box {
background:url(../im/bg_message.gif) no-repeat;
width:419px;
float:left;
padding:0px;
overflow:visible;
}
.messages_box_content {
background-color:#e0e0e0;
width:404px;
padding:7px 0px 3px 8px;
*padding:7px 0px 0px 8px;
float:right;
}
.messages_box .text {
font-size:11px;
margin-bottom:10px;
}
.messages_box .alert {
height:23px;
}
/* network_profile_photos2.html*/
.messages {
margin:5px 0 5px 0px;
}
.messages .messages_box {
background:url(../im/bg_message.gif) no-repeat;
width:465px;
float:left;
padding:0px;
overflow:visible;
margin-left:3px;
}
.messages .messages_box_content {
background-color:#e0e0e0;
width:450px;
padding:7px 0px 3px 8px;
*padding:7px 0px 0px 8px;
float:right;
}
/* network_myprofile.html*/
.comment_box {
margin-top:10px;
}
.comment_box .messages_box {
width:402px;
margin-bottom:5px;
}
.comment_box .messages_box_content {
width:387px;
}
.comment_box img {
margin-right:5px;
}
/*network_group.html*/
.left_left .comment_box .messages_box_content {
width:332px;
}
.left_left .comment_box .messages_box {
margin-bottom:5px;
width:348px;
}
.left_content .messages .messages_box {
width:651px;
float:left;
padding:0px;
overflow:visible;
margin-left:3px;
}
.left_content .messages .messages_box_content {
background-color:#e0e0e0;
width:636px;
padding:7px 0px 3px 8px;
*padding:7px 0px 0px 8px;
float:right;
}
/**************************end of comment or message list **************************/

.wall_left {
width:440px;
float:left;
/*font-size:10px;*/		/* change at 2010-02-24 by shaorui*/
}
.left_left .wall_left {
width:385px;
float:left;
font-size:10px;
}

.icon_beha {
margin:0px;
float:right;
}
.margin_top {
margin-top:10px;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
clear:both;
margin:5px 0 0 10px;
}


.point_hand {
cursor:pointer;
}
.bold {
font-weight:bold;
}
.right {
	float: right;
}

.left {
	float: left;
}
.clear_b {
clear:both;
}
.size_12 {
font-size:12px;
}
.size_10 {
font-size:10px!important;
}
/*date box*/
.date_box {
background-color:#3e3a3b;
color:#FFFFFF;
width:53px;
height:52px;
text-align:center;
line-height:1.1;
}
.date_size30 {
font-size:30px;
}
.date_size16 {
font-size:16px;
font-weight:bold;
}
/**************************input area**************************/
textarea,
input {
border:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:#FFFFFF;
}
input[type="checkbox"] {
background:none;
margin:0 3px 0 0;
}
.right_search input {
padding:5px 0px 5px 5px;
width:130px;
_width:120px;
border:1px #d7d7d7 solid;
}
/*only network_groupwall.html*/
.comment_reply_box {
width:390px;
border:1px #D7D7D7 solid;
padding:9px 0;
}
.reply_box {
width:495px;
border:1px #D7D7D7 solid;
}
.comment_input {
color:#464646;
padding:9px;
width:388px;
*width:381px;
margin:0px 0px 0px 0px;
}
.post {
padding:9px;
font-size:14px;
font-weight:bold;
width:405px;
*width:396px;
margin:0px 0px 0px 0px;
}
.post1 {
padding:9px;
width:575px;
*width:564px;
margin:0px 0px 0px 0px;
}
.find {
padding:9px 9px 9px 9px;
width:614px;
*width:610px;		/* Change By Shaorui for IE7*/
margin:0px 0px 0px 0px;
}
.edit_profile_input {
padding:5px;
width:590px;
}
.edit_profile_textarea {
padding:5px;
width:590px;
margin-bottom:5px;
}
.edit_profile_input_2 {
padding:5px;
width:600px;
}
.edit_profile_textarea_2 {
padding:5px;
width:600px;
margin-bottom:5px;
}
.left_left .comment_input {
width:335px;
*width:327px;
}
.new_textarea {
width:362px;		/* Change by shaorui 2010-03-13*/
*width:358px;
border:1px #D7D7D7 solid;
background-color:#FFFFFF;
height:33px;
float:left;
margin:-1px 0px 0px 0px;
}
/**************************end of input area**************************/
/**************************pics list**************************/
.friend_list {
width:50px;
text-align:left;
float:left;
margin:5px 10px 5px 0;
font-size:11px;
}
.friend_list span {
font-size:11px;
}
.left_right .friend_list {
margin-left:5px;
}

.photo_list {
width:155px;
text-align:left;
float:left;
margin:5px 14px 5px 0;
font-size:11px;
line-height:1.3;
}
.profile_photo .photo_list {
margin-right:10px;
}

.member_list {
width:49%;
float:left;
margin-top:5px;
}
.member_list img {
margin:2px 9px 2px 0px;
float:left;
}

.profile_photo .last_one,
.last_one {
margin-right:0px;
}
/**************************end of pics list**************************/
/*****title******/
.title_1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#000000;
margin:0px;
}
.title_2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
margin:0px;
padding:0px;
height:20px;
}
.title_3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}
.title_h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#000000;
}
/*****end title******/
.view_photo {
margin:10px auto 5px auto
}
.view_photo img{
padding:2px;
border:1px #e0e0e0 solid;
}

/*add by lide 2010 01 26*/
.red {
color:#FF0000;
}
.cur_point {
cursor:pointer;
}

.width_590 {
width:590px!important;
}
.width_560 {
width:560px!important;
}

.width_500 {
width:500px!important;
}

/* add by shaorui f3faff | c5e1f5*/
.bg_saving{
	background-color:#c5e1f5;
}

/* add by shaorui for more post in wall */
.div_no_more_post{
	margin: 5px 0px 0px 0px;
	padding:9px 9px 9px 9px;
	*padding:4px 9px 9px 9px;
	background-color:#f2e9b5;
	border:#e2c822 1px solid;
}

/* add by shaorui for more post in wall */
.div_more_post{
	margin: 5px 0px 0px 0px;
	padding:9px 9px 9px 9px;
	*padding:4px 9px 9px 9px;
	background-color:#edeff4;
	border:#d8dfea 1px solid;
}

/* add by shaorui for <tr> of table */
.valign_top_table  tr{
	vertical-align:top;
}

/* add by shaorui for photo description edit */
.photo_description {
color:#464646;
padding:9px;
width:318px;
*width:300px;
margin:0px 0px 0px 0px;
}

/* add by shaorui for group wall */
.cmt_textarea_group_wall {
width:355px;
*width:345px;
border:1px #D7D7D7 solid;
background-color:#FFFFFF;
height:33px;
float:left;
margin:-1px 0px 0px 0px;
}

/* add by shaorui for group profile */
.cmt_textarea_group_long {
width:575px;
*width:564px;
border:1px #D7D7D7 solid;
background-color:#FFFFFF;
height:33px;
float:left;
margin:-1px 0px 0px 0px;
}


.cmt_textarea_group_short {
width:543px;
*width:532px;
border:1px #D7D7D7 solid;
background-color:#FFFFFF;
height:33px;
float:left;
margin:-1px 0px 0px 0px;
}

.width_150 {
	width:150px!important;
}

.width_200 {
	width:200px!important;
}

.user_quotient_select {
	width:260px!important;
	*width:255px!important;
}

.width_280 {
	width:280px!important;
}

.width_290 {
	width:290px!important;
}



.width_300 {
	width:300px!important;
}

.width_320 {
	width:320px!important;
}

.width_400 {
	width:400px!important;
}

.width_280 {
	width:280px!important;
}

.width_306 {
	width:306px!important;
}

.padding_5 {
padding:5px;
}

.input_border{
border:1px solid #D7D7D7;
padding:4px;
}

/* 2010-02-24 Add by shaorui For comment area group profile */
.comment_area_group {
background-color:#e0e0e0;
padding:9px 9px 9px 9px;
margin-left:42px;
}


/************************add by lide 2010-01-26******************************/
.welcome_title {
font-family:Georgia, "Times New Roman", Times, serif;
margin:20px 0 0px 20px;
}
.size_28 {
font-size:28px;
}
.welcome_content {
background:url(../im/welcome_bg.jpg) right top no-repeat;
width:920px;
float:left;
margin:20px 0 30px 20px;
}
.welcome_content table {
width:560px;
}

/* 2010-03-01 Add by Shaorui For Reading list */
.reading_photo_list {
width:100px;
text-align:left;
float:left;
margin:0;
}


.tab_a a{
margin:0 5px;
}

.a_464646{
color:#464646!important;
}

/* Add by Shaorui at 2010-03-10 for photo caption */
.photo_mouse_over{
color: #9d0a0e;
cursor: pointer;
font-weight:bold;
}

#main_content .font_wall_time{
	font-size: 10px!important;
}

#main_content .font_wall_content {
	font-size:12px!important;
}

.margin_top_6{
margin-top:6px!important;
}

.margin_top_10{
margin-top:10px!important;
}

/* Add by Shaorui at 2010-03-13 */
.send_email_light_input {
padding:5px;
*padding:3px;
width:480px;
*width:470px;
*height:20px;
}

.send_email_light_textarea {
padding:5px;
*padding:3px;
width:480px;
*width:470px;
}



/* Add by Shaorui at 2010-03-13 */
.table_td_title{
/*text-align:right;*/
}

.table_td_date{
text-align:left;
}

#main_content .font_10{
	font-size: 10px!important;
}

#main_content .font_12{
	font-size: 12px!important;
}
.padding_5{
	padding:5px;
}


/* Add by shaorui at 2010-03-30 for friend invite */
.invite_friend_textarea {
	padding:5px;
	width:360px;
	margin-bottom:5px;
}

.inbox_a{
font-size:14px!important;
font-weight:bold!important;
}