﻿.cb{ clear:both;}
img{ border:0px;}

.tabRela{position:relative; height:10px;}
#contaceTab{ padding:0px; margin:0px 0px 0px 10px; position:absolute !important; top:-18px !important; z-index:50000 ; position:fixed; top:auto;}
#contaceTab li{ padding:0px; margin:0px 1px; list-style:none; width:52px; height:17px; background-image:url(../images/contactList_tab_gray.jpg); color:White; text-align:center; float:left; display:inline; font-size:12px; letter-spacing:3px; line-height:17px; cursor:pointer;}
#contaceTab .selected{ background-image:url(../images/contactList_tab_orange.jpg);}

.phonesList{  padding:0px;  font-size:12px; height:384px;}
.phonesList dt{ margin:0px; display:block; height:23px; border-bottom:1px solid #E7E2DE; line-height:23px; color:#755D45;}
.phonesList dt div{ float:left; display:inline;}
.phonesList dd{ margin:0px; display:block; height:23px;border-bottom:1px solid #E7E2DE; line-height:23px; color:#646567;}
.phonesList dd div{ float:left; display:inline; }
.phonesList .phone{ width:100px;}
.phonesList .nickName{ width:160px; height:23px; margin-right:7px;}
.phonesList .nickName img{ margin:3px 2px 0px 2px; float:right;}
.phonesList .nickName span{ display:block; float:left; line-height:23px;}
.phonesList .remark{ width:165px; height:23px; cursor:pointer;}
.phonesList .eidtRemark input{border:1px solid #C2BEBD; background-image:url(../images/input_bg.jpg); margin-top:1px; width:160px;}
.phonesList .remark_edit .eidtRemarkTxt{ border:1px solid #C2BEBD; background-image:url(../images/input_bg.jpg); width:80px; height:16px;}




#functionBtns{ margin:15px 0px 10px 0px; float:left; height:18px;}
#functionBtns input{ cursor:pointer;}
#functionBtns .inventVip{ border:0px; width:84px; height:18px; background-image:url(../images/inventToVip.jpg);}
#functionBtns .moveToType{border:0px;width:76px; height:18px; background-image:url(../images/moveToType.jpg);}
#functionBtns .addPhone{border:0px;width:75px; height:18px; background-image:url(../images/addPhoneBtn.jpg); margin-left:25px;}
#functionBtns .finishEdit{border:0px;width:63px; height:18px; background-image:url(../images/finishEditBtn.jpg); margin-left:70px; display:none;}
#functionBtns .deleteSelect{border:0px;width:63px; height:18px; background-image:url(../images/phoneList_deleteBtn.jpg); margin-left:70px; }


#addPhoneWin{ background-color:White; width:170px; height:68px; position:absolute; top:100px; left:100px;}
#addPhoneWin .addPCt{ margin:10px; float:left; display:inline;}
#addPhoneWin .addPCt .text{ font-size:12px; color:#755C48; margin-bottom:10px; float:left; display:inline;}
#addPhoneWin .addPCt .closeBtn{ float:right; position:relative; line-height:1px; height:1px;}
#addPhoneWin .addPCt .closeBtn img{ background-image:url(../images/littleWin_closeBtn.jpg); width:13px; height:13px;}
#addPhoneWin .inputText{ width:100px; background-image:url(../images/input_bg.jpg); border:1px solid #C5C1C2; height:16px;}
#addPhoneWin .addPhBtn{ border:0px; background-image:url(../images/phoneList_addBtn.jpg); width:40px; height:18px; cursor:pointer; text-indent:-200em;}


#inventFriendWin { position:absolute; top:300px; left:300px; z-index:9200; background-color:White; font-size:12px; padding:10px; width:265px; height:126px;}
#inventFriendWin div{ color:#735D48;}
#inventFriendWin .nameInput{ float:left; height:25px; }
#inventFriendWin .nameInput input{ width:80px; border:1px solid #C5C1C2; background-image:url(../images/input_bg.jpg);}
#inventFriendWin textarea{ width:196px; height:57px; background-image:url("../images/input_bg.jpg"); border:1px solid #CCCACB; float:left; overflow:auto;}
#inventFriendWin .sendButton{ float:left; width:50px; margin:8px 0px 0px 10px; display:inline;}
#inventFriendWin .sendButton span{ float:left; display:inline; margin-bottom:3px; }
#inventFriendWin .sendButton span a{ color:Red;}
#inventFriendWin .sendButton input{ background-image:url(../images/phoneList_SendBtn.jpg); width:40px; height:18px; border:0px; text-indent:-200em; cursor:pointer;}
#inventFriendWin .invNote_1{ margin:2px 0px 8px 0px;}
#inventFriendWin .invNote_2{ margin:5px 0px;}
#inventFriendWin .closeInventBtn{ height:1px; font-size:1px; line-height:1px; position:relative;}
#inventFriendWin .closeInventBtn a{ display:block; width:13px; height:13px; background-image:url(../images/littleWin_closeBtn.jpg); position: absolute; top:-35px; right:-10px;}


#pl_pager{ float:right; height:20px;}
#pl_pager .pager_first{ background-image:url(../images/phoneList_pager_first.jpg); width:17px; height:12px; line-height:1px; display:block; font-size:1px; float:left; margin:4px 2px; text-decoration:none;}
#pl_pager .pager_previous{ background-image:url(../images/phoneList_pager_previous.jpg); width:12px; height:12px; line-height:1px; display:block; font-size:1px;float:left; margin:4px 2px;text-decoration:none;}
#pl_pager .pager_next{ background-image:url(../images/phoneList_pager_next.jpg); width:12px; height:12px; line-height:1px;display:block; font-size:1px;float:left; margin:4px 2px;text-decoration:none;}
#pl_pager .pager_last{ background-image:url(../images/phoneList_pager_last.jpg); width:17px; height:12px; line-height:1px;display:block; font-size:1px;float:left; margin:4px 2px;text-decoration:none;}
#pl_pager_numbers{ float:left; line-height:15px; margin:0px 5px;}
#pl_pager_numbers a{ font-size:12px; color:#817D78; line-height:15px; text-decoration:none;}
#pl_pager_numbers a:hover{ font-size:12px; color:#817D78; line-height:15px; text-decoration:underline;}
#pl_pager_numbers span{ font-size:12px; color:#9D9995}

#pl_pager_numbers .currentpage{ color:Red;}


#moveToCategoryWin{ width:160px;  position:absolute; top:300px; left:300px; background-color:White; z-index:2000;  font-size:12px; display:none;}
#moveToCategoryWin .note{ font-size:12px; color:#755C48; margin:13px 0px 10px 10px; float:left; display:inline;}
#moveToCategoryWin select{ width:70px;}
#moveToCategoryWin .movePhonesButton{ background-image:url(../images/movePhoneCateButton.jpg); border:0px; width:40px; height:18px; text-indent:-1000em; margin-left:12px; cursor:pointer;}
#moveToCategoryWin .closeBtn{ position:relative; display:block; height:1px; font-size:1px; line-height:1px;}
#moveToCategoryWin .closeBtn img { position:absolute; top:-33px; left:145px; cursor:pointer;}
#moveToCategoryWin .mtcForms{ margin:0px 0px 10px 10px; float:left; display:inline;}
#closeMoveCategory{ background-image:url(../images/littleWin_closeBtn.jpg); width:13px; height:13px;position:absolute; top:-1px; right:0px; cursor:pointer;}

#addGroupWin{ width:173px; height:70px; background-color:White; color:#755C48; font-size:12px; position:absolute; top:100px; left:300px; display:none;}
#addGroupWin .addGroupWinClose { height:1px; line-height:1px; font-size:1px; position:relative;}

#addGroupWin .inttro{ margin:10px 0px 0px 10px;}
#addGroupWin .inputs{ margin:5px 0px 0px 10px;}
#addGroupWin .inputs .addGroupInputText{border:1px solid #C5C1C2; background-image:url(../images/input_bg.jpg); width:100px;}
#addGroupWin .inputs .submitAddGroup{ background-image:url(../images/phoneList_addBtn.jpg); width:40px; height:18px; border:0px; }

.groupAddDeleteTool{ float:left; display:inline;  margin-left:240px; width:134px;}
.groupAddDeleteTool .showAddPhoneListGroup{ background-image:url(../images/pl_add_group_btn.jpg); width:63px; height:18px; border:0px; float:right;}
.groupAddDeleteTool .showDeletePhoneListGroup{ background-image:url(../images/pl_delete_group_btn.jpg); width:63px; height:18px; border:0px; float:right; margin-left:3px;}
.addGroupWinClose { position:relative; font-size:1px; line-height:1px; height:1px;}
#addGroupWin .addGroupWinClose a{display:block; width:13px; height:13px;  background-image:url(../images/littleWin_closeBtn.jpg); position: absolute; top:0px; right:0px;}
