#left_panel
{
	float:left;
	width:225px;
	overflow:hidden;
}
/*-------------------------- Box -------------------------------*/
.profile_box
{
	float:left;
	width:225px;
	margin-bottom:10px;
	text-align:left;
}

.profile_box_content
{
	float:left;
	width:225px;
	background:url(../images/profile_box_bg.jpg) repeat-y;
}

.profile_box_content ul
{
	list-style:none;
}

.profile_box_content li
{
	padding-bottom:5px;
}

.box_title
{
	float:left;
}

.box_title a
{
	float:left;
	color:#959392;
	padding:5px 0 0 5px;
}

.edit_symbol
{
	float:right;
	width:18px;
	height:17px;
	padding:5px 0 5px 0;
}

.box_top
{
	float:left;
	height:35px;
}

.top_left_corner
{
	float:left;
	width:10px;
	height:35px;
	background:url(../images/top_left_corner.jpg) no-repeat;
}

.top_profile_center
{
	float:left;
	width:205px;
	height:35px;
	background:top url(../images/top_bg.jpg) repeat-x;
}

.top_right_corner
{
	float:left;
	width:10px;
	height:35px;
	background:url(../images/top_right_corner.jpg) no-repeat;
}

.box_bottom
{
	float:left;
	height:10px;
}

.bottom_left_corner
{
	float:left;
	width:10px;
	height:10px;
	background:url(../images/bottom_left_corner.jpg) no-repeat;
}

.bottom_profile_center
{
	float:left;
	width:205px;
	height:10px;
	background:url(../images/bottom_bg.jpg) repeat-x;
}

.bottom_right_corner
{
	float:left;
	width:10px;
	height:10px;
	background:url(../images/bottom_right_corner.jpg) no-repeat;
}

/*------------------ Avatar --------------------*/
#member_avatar
{
	float:left;
	width:163px;
	height:135px;
	padding:10px 0 10px 30px;
}

.profile_info
{
	float:left;
	width:185px;
	padding:5px 0 0 20px;
}

.profile_info p
{
	float:left;
	padding-bottom:5px;
}

.message_icon
{
	float:left;
	width:18px;
	height:15px;

	padding-right:5px;
}

.friend_quantity
{
	float:left;
	width:185px;
	margin-bottom:10px;
	border-bottom:1px solid #f7d8c1;
	padding-bottom:10px;
}

.friends
{
	float:left;
	width:185px;
	border-bottom:1px solid #f7d8c1;
	padding-bottom:5px;
	margin-bottom:10px;
}

.friend_item
{
	float:left;
	width:90px;
	height:90px;
	text-align:center;
	/*margin-bottom:10px;*/
	padding-bottom:5px;
}

.friend_item_avatar
{
	float:left;
	width:90px;
	height:70px;

	text-align:center;
}

.friend_item_avatar img
{
	width:60px;
	height:70px;
	border:1px solid #ffcaa3;
}

.friend_name
{
	float:left;
	width:90px;
	text-align:center;

	margin-top:2px;
}

.find_a_friends
{
	float:left;
	padding-bottom:10px;
}

/*------------------------ right_panel ----------------------------*/

#right_panel
{
	float:left;
	width:610px;
	margin-left:15px;
}

/*------------------------ Profile Intro --------------------------*/
.intro_items
{
	float:left;
	text-align:left;
	margin-top:20px;
}

.intro_box
{
	float:left;
	width:295px;
	margin-bottom:15px;
	text-align:left;
}

.right_box
{
	padding-left:15px;
}

.top_intro_center
{
	float:left;
	width:275px;
	height:35px;
	background:top url(../images/top_bg.jpg) repeat-x;
}

.intro_box_content
{
	float:left;
	width:295px;
	height:190px;
	background:url(../images/intro_box_bg.jpg) repeat-y;
}

.bottom_intro_center
{
	float:left;
	width:275px;
	height:10px;
	background:url(../images/bottom_bg.jpg) repeat-x;
}

#intro_pic
{
	float:left;
	width:240px;
	height:121px;
	padding:5px 0 10px 25px;
}

#intro_text
{
	float:left;
	width:240px;
	padding:0 0 10px 25px;
}

.personal_info_form
{
	float:left;
	padding-left:95px;
}

.personal_info_form label
{
	float:left;
	width:100px;
	text-align:right;
	padding-right:5px;
}

.personal_info_form p
{
	float:left;
	margin-bottom:10px;
}

.personal_info_form input, textarea
{
	width:200px;
}

/*--------------------------- Education ----------------------------*/
.profile_details .education_form
{
	padding:10px;
}
/*
.education_form_editing
{
	float:left;
	width:320px;
	border-top:1px solid #f7d8c1;
	padding:10px 0 10px 0;
}
*/

.profile_details .education_form tr td span
{
	color:#ff6b00;
}

.profile_details .education_form tr
{
	height:30px;
}

/*.common_form td { vertical-align:bottom; }*/
.profile_details .education_form td { vertical-align:top; }

.profile_details .education_form td p { padding-left:15px; }

.profile_details select.course_year
{
	float:left;
	width:55px;
	margin-right:10px;
}

.change_email_form
{
	margin-left:100px;
	border-bottom:1px solid #f7d8c1;
	padding:0 25px 10px 25px;

}

.change_email_form input
{
	width:200px;
}

.change_pwd_form
{
	margin-left:40px;
	padding-bottom:10px;
}

.change_pwd_form input
{
	width:200px;
}

.education
{
	float:left;
	width:320px;
	margin:10px 0 10px 0px;
	padding-left:100px;
}

#school_list
{
	border-top:1px solid #f7d8c1;
	padding:10px 0 10px 0;
}

#school_title
{
	color:#997452;
}

#school_text
{
	padding-left:10px;
	color:#959392;
}


.school_form_editing
{
	border-top:1px solid #f7d8c1;
	padding: 10px 0 10px;
}


#school_form
{
	float:left;
	padding:10px 15px 5px 0;
	border-top:1px solid #F7D8C1;
}

.course_input
{
	width:40px;
}



/*--------------------------- Works ----------------------------*/
.work
{
	float:left;
	width:400px;
	/*margin:10px 0 10px 0px;*/
	margin-bottom:10px;
	padding-left:100px;
}

#work_list
{
	border-top:1px solid #f7d8c1;
	padding:10px 0 10px 0;
}

#work_list td
{
	vertical-align:top;
}


.work_title
{
	color:#997452;
}

.work_text
{
	padding-left:10px;
	color:#959392;
}

.work_form_editing
{
	float:left;
	width:400px;
	border-top:1px solid #f7d8c1;
	padding:10px 0 0px 0;
}

.work_form
{
	float:left;
	padding-left:100px;
}

.work_form td
{
	vertical-align:top;
	padding-bottom:10px;
}

.work_form p
{
	text-align:right;
	/*padding:8px 10px 0 0;*/
	padding-right:10px;
}

.work_form span
{
	color:#ff6b00;
}

.work_form input
{
	width:186px;
}

.work_form textarea
{
	width:186px;
}

.work_form .from_to_input
{
	float:left;
	width:60px;
}

.from_text
{
	float:left;
}

.to_text
{
	float:left;
	margin-left:10px;
}

/*------------------------- View Status ----------------------------*/
.profile_view
{
	float:left;
	padding-left:100px;
}

.view_info
{
	float:left;
	border-top:1px solid #f7d8c1;
	width:360px;
	padding:10px 0 10px 0;
}

.profile_view .first_item
{
	border:none !important;
}

.profile_view table td
{
	vertical-align:top;
	padding-bottom:5px;
}

.profile_view ul
{
	float:left;
	padding-left:10px;
	color:#959392;
}

.personal_info_width
{
	width:90px;
}

.edu_info_width
{
	/*width:90px;*/
}

.work_info_width
{
	width:80px;
}

.operator_links
{
	float:right;
}

.operator_links p
{
	float:right;
}
/*------------------------- Collapsible Panel (accordion) -----------------------------*/
/*------------------------- nanv_panel ------------------------*/
#nanv_panel
{
	float:left;
	text-align:left;
	width:610px;
}

#panel
{
	float:left;
	width:610px;
}

/*-----------------------  Panel ---------------------*/
.profile_details
{
	float:left;
	width:600px;
	padding-left:10px;
}

.profile_details .common_form
{
	padding-left:110px;
}

.profile_details .account_form
{
	padding-left:50px;
}

.profile_details select
{
	width:170px;
}

.contact-form {
	padding: 0 90px;
}
.contact-form td, .contact-form th {
	padding: 4px 5px;
}
.contact-form select {
	width: auto;
}
.contact-form span {
	color: #FF6B00;
}
.contact-form .wide {
	width: 250px;
}

.panel_content
{
	float:left;
	width:610px;
	background:url(../images/Panel_Content.jpg) repeat-y;

}
/*-----------------------  Panel top - Basic Information ---------------------*/
#nanv_panel a.selected #top_header
{
	float:left;
	width:610px;
	height:35px;
	background:url(../images/top_header_selected.jpg) no-repeat;
	cursor:pointer;
}

#nanv_panel a #top_header
{
	float:left;
	width:610px;
	height:25px;
	background:url(../images/top_header_unselected.jpg) no-repeat;
	cursor:pointer;
}

#middle_footer
{
	float:left;
	width:610px;
	height:10px;
	background:#ffdabf url(../images/middle_footer_selected.jpg) no-repeat;
}
/*-----------------------  Panel middle - Personal Information ---------------------*/
#nanv_panel a.selected #middle_header
{
	float:left;
	width:610px;
	height:35px;
	background:url(../images/middle_header_selected.jpg) no-repeat;
	cursor:pointer;
}

#nanv_panel a #middle_header
{
	float:left;
	width:610px;
	height:25px;
	background:#ffdabf;
	cursor:pointer;
}
/*-----------------------  Panel bottom - Personal Information ---------------------*/
.instruction
{
	float:left;
	padding-bottom:10px;
	text-align:left;
	color:#959392;
}

#nanv_panel a.selected #bottom_header
{
	float:left;
	width:610px;
	height:35px;
	background:url(../images/middle_header_selected.jpg) no-repeat;
	cursor:pointer;
}

#nanv_panel a #bottom_header
{
	float:left;
	width:610px;
	height:25px;
	background:url(../images/bottom_header_unselected.jpg) no-repeat;;
	cursor:pointer;
}

#bottom_footer
{
	float:left;
	width:610px;
	height:10px;
	background:#ffffff url(../images/bottom_footer_selected.jpg) no-repeat;
}

#nanv_panel a .box_title
{
	float:left;
	background:left center url(../images/narrow_up.jpg) no-repeat;
	background-position:10px 2px;
	color:#959392;
	margin-top:5px;
	padding-left:10px;
}

#nanv_panel a.selected .box_title
{
	float:left;
	background:left center url(../images/narrow_down.jpg) no-repeat;
	background-position:10px 2px;
	color:#959392;
	margin-top:5px;
	padding-left:10px;
}

#nanv_panel .box_title p
{
	padding-left:15px;
}

/*------------------------ Friends --------------------------*/
.all_friends
{
	float:left;
	margin: 0 0 10px 0;
}

.friend_box
{
	float:left;
	width:290px;
	height:125px;
	margin:10px 0 0 9px;
	border:1px solid #f3eeea;
}

.friend_box_content
{
	float:left;
	height:103px;
	width:290px;
	border-bottom:1px solid #f3eeea;
}

.friend_avatar
{
	float:left;
	width:78px;
	height:90px;
	margin:5px 0 0 5px;
}

.friend_avatar img
{
	width:78px;
	height:90px;
	border:1px solid #ffcaa3;
}

.friend_info
{
	float:left;
	margin:5px 0 0 5px;
	padding-left:10px;

	width:180px; /* tktrung */
}

.friend_info p
{
	color:#997452;
}

.friend_user_name
{
	float:left;
	width:180px;
	font-size:14px;
	margin-bottom:10px;
}

.friend_links
{
	float:left;
	height:20px;
	padding-left:20px;
}

.friend_links a
{
	float:left;
	color:#b6b4b2;
	margin-top:3px;
}

.friend_links a:hover
{
	color:#ff6b00;
}

.friend_tab_message
{
	float:left;
	height:50px;
	padding:30px 0 20px 70px;
	margin-left:40px;
	background:center left url(../images/warning_icon.jpg) no-repeat;
}

.friend_tab_message .message_title
{

	color:#997452;
	font-size:16px;
	margin-bottom:12px;
}

.friend_tab_message .message_content a
{
	text-decoration:underline;
}

/*---------------------- Message ------------------------*/
.messages_list
{
	float:left;
	width:590px;
	margin:10px 0 0 10px;
}

.messages_list table
{
	float:left;
	border:0px;
}

.messages_list table td
{
	vertical-align:middle;
	height:25px;
	padding-left:5px;
}

.messages_list .align_center
{
	text-align:center;
}

.messages_list a
{
	color:#000000;
}

.messages_list a:hover
{
	color:#ff6b00;
}

.messages_list .column_1 { width:25px; }
.messages_list .column_2 { width:175px; }
.messages_list .column_3 { width:300px; }
.messages_list .column_4 { width:140px; } /*--- 90px (Without Time) ----*/

.header_bg
{
	background-color:#ffefe3;
}

.header_bg p
{
	font-weight:bold;
	color:#997452;
}

.messages_list .list_on
{
	background-color:#fff7f0;
}

.messages_list .list_off
{
	background-color:#FFFFFF;
}

/*------------------------ compose_message -------------------------*/
.compose_message
{
	float:left;
	padding:25px 0 10px 70px;
}

.compose_message span
{
	color:#ff6b00;
}

.compose_message input
{
	width:220px;
}

.compose_message textarea
{
	width:400px;
}

.compose_message td
{
	vertical-align:top;
	padding-bottom:10px;
}

.compose_message p
{
	text-align:right;
	/*padding:0 10px 0 0;*/
	padding-right:10px;
}

.message_button
{
	margin-left:5px;
}

/*------------------------- Message Detail ----------------------------*/
.nanv_box
{
	float:left;
	width:610px;
	/*margin-bottom:10px;*/
	/*text-align:left;*/
}

.nanv_box_top
{
	float:left;
	overflow:hidden;
	height:5px;
}

.nanv_box_top_left
{
	float:left;
	width:5px;
	height:5px;
	background:url(../images/tab_images/tab_left_top_corner.jpg) no-repeat;
}

.nanv_box_top_center
{
	float:left;
	width:600px;
	height:5px;
	background:top url(../images/tab_images/tab_center_top.jpg) repeat-x;
}

.nanv_box_top_right
{
	float:left;
	width:5px;
	height:5px;
	background:url(../images/tab_images/tab_right_top_corner.jpg) no-repeat;
}

.nanv_box_content
{
	float:left;
	width:610px;
	background:url(../images/tab_images/body_tab_bg.jpg) repeat-y;
}

.nanv_box_bottom
{
	float:left;
	height:10px;
}

.nanv_box_bottom_left
{
	float:left;
	width:5px;
	height:10px;
	background:url(../images/tab_images/tab_left_bottom_corner.jpg) no-repeat;
}

.nanv_box_bottom_center
{
	float:left;
	width:600px;
	height:10px;
	background:url(../images/tab_images/tab_center_bottom.jpg) repeat-x;
}

.nanv_box_bottom_right
{
	float:left;
	width:5px;
	height:10px;
	background:url(../images/tab_images/tab_right_bottom_corner.jpg) no-repeat;
}

/*--------------------------- End Message box -----------------------------*/
.mail_detail
{
	float:left;
	padding:0 25px 0 25px;
	margin-top:10px;
}

.mail_avatar
{
	float:left;
	width:78px;
	margin-right:15px;
}

.mail_avatar img
{
	width:78px;
	height:90px;
	border:1px solid #ffcaa3;
}

.mail_content
{
	float:right;
	width:463px;
}

.mail_header
{
	float:left;
	color:#997452;
	width: 100%;
	border-bottom:1px solid #ecebeb;
	margin-bottom:20px;
}

.mail_title
{
	float:left;
}

.mail_date
{
	float:right;
	padding-top:5px;
}

.mail_body
{
	float:left;
	text-align:left;
	padding-bottom:20px;
	border-bottom:1px solid #ecebeb;
	margin-bottom:10px;
}

.invite_message
{
	float:left;
	width:192px;
	text-align:left;
}

.invite_message p
{
	text-align:left;
	/*margin-top:-10px;*/
	font-size:10px;
	color:#997452;
}