/* Edit Panel */
.edit_panel{
	margin:0;
	padding:0;
	position: relative;
}

/* toolbar */
.toolbar_height{
	height: 48px;
}
.toolbar {
	position: fixed;
	bottom: 0px;
	left: 9px;
	right: 28px;
	z-index: 10000;
}
.toolbar_content {
	position: absolute;
	top: 14px;
	left: 15px;
	right: 0px;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
    cursor: default;
}

.toolbar_background {
    width: 100%;
    height: 48px;
    /*background-color: rgb(128,128,128);*/
	background: url('../Images/address_buttombar.png') repeat-x;
	border-left: 1px solid rgb(158,166,170);
	border-right: 1px solid rgb(158,166,170);
   /* filter:alpha(Opacity=75 finishopacity=0 style=1 startx=0,starty=30,finishx=0,finishy=0);*/
}
#save_button {
	float: left;
	color: rgb(0,0,0);
	margin-left: 1px;
}
#cancel_button {
	float: left;
	color: rgb(0,0,0);
	margin-left: 9px;
}

#delete_button{
	float: right;
	margin-right: 29px;
	color: rgb(255,255,255);
}
.plus_button{
	background-image: url('../Images/add_normal.png');
}
.plus_button:hover{
	background-image: url('../Images/add_hover.png');
}
.plus_button:active{
	background-image: url('../Images/add_press.png');
}
.minus_button{
	background-image: url('../Images/reduce_normal.png');
}
.minus_button:hover{
	background-image: url('../Images/reduce_hover.png');
}
.minus_button:active{
	background-image: url('../Images/reduce_press.png');
}

/* edit area */
.edit_area_background{
	overflow: hidden;
	background-color: RGB(255, 255, 255);
	z-index: 1;
	
}
.edit_frame_panel{
	padding-left: 15px;
	background-color: RGB(255, 255, 255);
	overflow: hidden;
	z-index: 1;
}
.edit_area_control_panel{
	width: 450px;
	padding-top: 5px;
	z-index: 2;
}

/* base info */
.avatar{
	width: 48px;
	height: 48px;
	overflow: hidden;
	border: 1px solid RGB(200, 200, 200);
	float: left;
	margin-top: 10px;
}
.avatar img{
	width: 48px;
	height: 48px;
}
.name_area{
	float: left;
	margin-left: 6px;
}
#first_name{
	margin: 13px 0px 0px 13px;
	float: left;
}
#first_name input{
	width: 140px;
}
#last_name{
	margin: 13px 0px 0px 7px;
	float: left;
}
#last_name input{
	width: 140px;
}
#switch_display_name {
	float: right;
	margin-top: 13px;
	margin-left: 9px;
}
#switch_display_name .list{
	z-index: 500;
	max-width: 335px;
}
#switch_display_name .listContainer{
	max-width: 335px;	
}
#switch_display_name span{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 290px;		
}

.switch_name_list {
	position: absolute;
	display: inline-block;
	top: 22px;
	right: 2px;
	background-color: white;
	display: none;
}
.switch_name_button:hover .switch_name_list {
	display: block;
}
.display_name{
	height: 38px;
	line-height: 38px;
	margin-left: 8px;
}
.desc_display_name{
	position: relative;
	padding: 2px 5px 0px 12px;
	font-size: 12px;
	color: RGB(112, 112, 112);
}

#display_name {
	width: 249px;
}
#display_name input{
	width: 206px;
}
.display_name_select_button{
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-image: url('../Images/select_icon_normal_arrow.png');
	float: right;
	margin-top: 2px;
	margin-right: 2px;
}
/* email list */
.email_editor_palceholder {
	height: 30px;
}
.email_list_container{
	width: 367px;
	float: left;
	margin: 0px 0px 0px 10px;
}
.email_list ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#email_list_editors {
	float: left;
}
#email_list_editors li{
	margin: 5px 0px 0px 0px;
}
#email_list_editors input {
	width: 301px;
}
#email_list_buttons{
	float: right;
	margin: 0px 0px 0px 0px;
}
#email_list_buttons li{
	padding: 11px 0px 6px 0px;
	margin: 0px;

}
.email_list_plus_button{
	width: 18px;
	height: 18px;
}
.email_list_minus_button{
	width: 18px;
	height: 18px;
}

/* contact list */
.mobile_editor {
	float: left;
	margin: 8px 0px 3px 13px;
	position: relative;
}
.mobile_editor input{
	width: 313px;
}
.phone_editor {
	float: left;
	margin: 8px 0px 3px 13px;
	position: relative;
}
.phone_editor input{
	width: 313px;
}
.fax_editor {
	float: left;
	margin: 8px 0px 3px 13px;
	position: relative;
}
.fax_editor input{
	width: 313px;
}
#contact_list{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contact_list li {
	margin: 0px;
	padding: 0px;
}
.contact_list_button{
	float: right;
	width: 18px;
	height: 18px;
	margin: 11px 23px 4px 0px;
}


/* personal profile */
 .personal_profile_birthday{
	float: left;
	margin-left: 14px;
	position: relative;
}
.personal_profile_birthday input{
	width: 76px;
	margin-right: 26px;
}
.calendar_button{
	width: 14px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 13px;
}
.calendar_button_normal{
	background-image: url('../Images/calendar.png');
}
.calendar_button_press{
	background-image: url('../Images/calendar_press.png');
} 

.editor_segment {
	margin: 23px 0px 0px 0px;
	padding: 0px;
}
.email_list_segment {
	margin-top: 14px;
}
.editor_section {
	float: left;
	width: 360px;
	margin: 0px;
	padding: 0px;
}
.editor_desc{
	color: RGB(112, 112, 112);
	margin: 11px 0px 0px 0px; 
	width: 50px;
	float: left;
	text-align: right;
	padding: 0px;
}
.desc_qq, .desc_nick{
	width: 42px;
}

#birthday_editor {
	float: left;
	margin: 8px 0px 3px 13px;
	position: relative;
}
#birthday_editor input{
	width: 123px;
}
#birthday_editor .calendar_button{
	width: 14px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 5px;
}
#birthday_editor .calendar_button_normal{
	background-image: url('../Images/calendar.png');
}
#birthday_editor .calendar_button_press{
	background-image: url('../Images/calendar_press.png');
}
#nick_name {
	float: left;
	margin: 8px 0px 3px 13px;
}
#nick_name input{
	width: 115px;
}
#sex_editor{
	float: left;
    margin: 4px 0px 0px 9px;
    padding: 0px;
}
#sex_editor a{
    width: 136px;
    height: 24px;
    margin: 2px 0px 0px 0px;
}
#sex_editor .listContainer {
    width: 151px;
}
#sex_editor li {
	height: 20px;
    line-height: 20px;
}
#sex_editor .select-button {
	top: 13px;
}
#qq_editor {
	float: left;
	margin: 8px 0px 3px 9px;
}
#qq_editor input{
	width: 115px;
}
#homepage_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#homepage_editor input{
	width: 313px;
}
#family_country_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#family_country_editor input{
	width: 313px;
}
#family_province_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#family_province_editor input{
	width: 140px;
}
#family_city_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#family_city_editor input{
	width: 140px;
}
#family_street_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#family_street_editor input{
	width: 313px;
}
#family_postcode_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#family_postcode_editor input{
	width: 313px;
}
#company_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_editor input{
	width: 313px;
}
#department_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#department_editor input{
	width: 313px;
}
#position_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#position_editor input{
	width: 313px;
}
#company_country_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_country_editor input{
	width: 313px;
}
#company_province_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_province_editor input{
	width: 140px;
}
#company_city_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_city_editor input{
	width: 140px;
}
#company_street_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_street_editor input{
	width: 313px;
}
#company_postcode_editor {
	float: left;
	margin: 8px 0px 3px 13px;
}
#company_postcode_editor input{
	width: 313px;
}
#other_editor {
	float: left;
	margin: 5px 0px 0px 13px;
}
#other_editor textarea {
	width: 319px;
	height: 90px;
}