/* Extra */
body.my-contacts #extra { float: right; width: 240px; padding-left: 40px; text-align: left; background: url(/img/pic/pic_arrow_30x30.gif) top left no-repeat; }
.zero #extra { visibility: hidden; }
#js-browser { display: none; }

/* Page Title */
body.my-contacts #main h1 { font-weight:bold; color:#000; border: none; height: 30px; width: 300px; margin: 0; padding: 0; }
body.my-contacts #main h1 a {text-decoration:none;}
body.my-contacts #main p.intro { margin: 0 0 10px; padding: 0 0 0 37px; }

/* Contacts Browser */
#my-contacts { width: 485px; float: left; }
#my-contacts a { text-decoration: none; }
#my-contacts a:hover { text-decoration: underline; }
#my-contacts #add-contacts { float: right; font-size: 95%; background: url(/img/pic_add_11x11.gif) no-repeat left center; margin: -16px 0 0 0; padding: 0 0 0 15px; }
@media all and (min-width: 0) { #my-contacts  #add-contacts { margin-top: 12px; } }
#advanced-options { font-size: 87%; text-transform: lowercase; color:#003399; float: right; border: 1px solid #ccc; cursor: pointer; background: #fff url(/img/pic_grdnt_1x16.gif) repeat-x left top; margin: 0; padding: 0; font-weight: normal; position: relative; }
#advanced-options.open { border-bottom-color: #fff; margin-bottom: -1px; *margin-bottom: -6px; }
#advanced-options span { background: url(/img/pic_rt_arrow_5x5.gif) no-repeat 4px 8px; *background-position: 4px 9px; border: 1px solid #fff; padding: 3px 4px 3px 12px; display: block; }
#advanced-options.open span { background-image: url(/img/pic_dwn_arrow_5x5.gif); padding-bottom: 5px; }

#address-book { border: 1px solid #666; margin-left: 27px; }
#address-book fieldset { border: none; margin: 0; padding: 0; clear: both; }
#address-book legend { display: none; margin: 0; padding: 0; border: 0; color: #000; }
#address-book label { display: block; float: left; }
#address-book #filter-group { padding: 10px 10px 10px 64px; _zoom: 1; overflow: hidden; clear: both; position: relative; background: url(/img/pic/pic_show_50x15.gif) 10px 50% no-repeat; }
#address-book #filter-group input { margin: 0 4px 0 0; padding: 0; vertical-align: middle; }
#address-book #filter-group label { margin-right: 10px; }
#address-book #filter-group label.selected { font-weight: bold; }
#address-book #filter-group label.contacts-members { padding: 0 24px 0 0; background: url(/img/pic/pic_in_17x17.gif) 100% 50% no-repeat; }
#address-book #filter-group label.zero { color: #ccc; background-image: url(/img/pic/pic_in_17x17_grey.gif); }
#address-book .fieldgroup, #address-book .buttongroup { float: left; margin: 5px 0 0 5px; padding: 0;  }
#address-book .buttongroup { *margin: 4px 0 0 3px; }
#address-book .buttongroup input { *padding-bottom: 2px; }
#address-book .fieldgroup label { position: absolute; left: -12345px; }
#address-book .fieldgroup select { margin: 0; padding: 0; width: 200px; }
#address-book div.info { background-color: #eee; border-top: 1px solid #666; color: #666; padding: 9px 10px 7px 10px; overflow: hidden; clear: both; min-width: 432px; _zoom: 1; _padding-bottom: 0; }
#address-book div.info p { margin: 0; padding: 0; width: 49.9%; float: left; font-size: 85%; }
#address-book div.info p a { color: #666; text-decoration: underline; }
#address-book p#select-all-contacts { text-indent: 28px; *text-indent: 24px; _text-indent: 26px; } 
#address-book p#select-all-contacts label { display: inline; float: none; font-size: 110%;} 
#address-book p#select-all-contacts input { margin: 0 4px 0 0; padding: 0; vertical-align: middle; *vertical-align: -2px;} 
#address-book p#visible-contacts { text-align: right; *padding-top: 2px;  } 
#address-book ol { margin: 0; padding: 0; }
#address-book li { list-style-type: none; color: #666; }
#address-book ul { border-top: 2px solid #999; margin: -12px 0 0 24px; padding: 7px 0 0 0; }

#contacts-index { float: left; padding-top: .5em; margin: 12px 0 0 -29px; _margin-left: -15px; width: 28px; _width: 29px; _overflow: hidden; position: relative; background: url(/img/bg_index_border.gif) no-repeat top left; }
#contacts-index ol { background: #fff url(/img/bg_index_border.gif) no-repeat bottom left; padding-bottom: .5em; }
#contacts-index ol li { margin-left: 1px; font-size: 95%; }
#contacts-index a, #contacts-index span { display: block; text-align: center; padding: 2px 10px 2px 9px; _zoom: 1;  }
#contacts-index a { font-weight: bold; }
#contacts-index li span { color: #ccc; }
#contacts-index a:hover { background-color: #E6E6E6; }
#contacts-index .selected a { background-color: #C3DEF5 !important; }
#contacts-index h2 { display: none; }

#contacts-listing p { height: 530px; *height: 560px; padding: 10px; margin: 0; }
#contacts-listing p.processing { background: url(/img/pic/pic_processing_101x28.gif) no-repeat 50% 200px; text-indent: -12345px; }
#contacts-listing ol { padding: 10px 20px 10px 10px; height: 530px; *height: 560px; overflow: auto; }
body.masked #contacts-listing ol { overflow: hidden; }
#contacts-listing ol li.result-message p { color: #000; height: auto; text-align: center; margin: 12px 0 0 12px;background-color: #FFF8DB; border: 1px solid #ccc; border-width: 1px 0; }
#contacts-listing ol li.result-message p a { font-size: 180%; display: block; text-decoration: underline; }
#contacts-listing ul { _padding-top: 0;  }
#contacts-listing ul li:first-child { border: none; }

#contacts-listing .vcard { margin: 0; border-top: 1px solid #ccc; padding: 7px 0; overflow: hidden; _zoom: 1; }
#contacts-listing .vcard .contact { float: left; width: 250px; margin: 0 15px 0 0; overflow: hidden; }	
#contacts-listing .vcard .fn { margin: 0; padding: 0; font-size: 100%; }	
#contacts-listing .vcard .title { float: left; width: 55%; margin: 0; padding: 0; height: auto; color: #000; }	
#contacts-listing .vcard img { float: right; margin-right: 4px; }
#contacts-listing .vcard .email { display: block; float: left; clear: both; font-size: 85%; color: #666; width: 100%; overflow: hidden;	text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } 

#my-contacts #deleteSelected {  margin: 10px 0 0 61px; _margin-left: 32px;   }
body.new-contacts #deleteSelected {  visibility: hidden;   }
#my-contacts #deleteSubmitBtn { display: none;   }
#extra #inviteSelected {  margin: 0;  }
#my-contacts p.legend { text-align: right; float: right; font-size: 85%; color: #666; width: 50%; margin: 10px 0 0 0; }
#my-contacts p.legend img { vertical-align: middle;} 

#my-contacts .yourcnx-box .showing { margin: 5px 15px; font-size: 85%; color: #666; }
#my-contacts .showing input { vertical-align: middle; margin-right: 60px; }
#my-contacts .cnx { padding: 5px; border-bottom: 1px solid #CCC; }
#my-contacts .hilite { background: #FFF8DB; }
#my-contacts .chk { float: left; width: 20px; margin-right: 4px; text-align: right; }

.selected-list { height: 180px; width: 238px; overflow: auto; overflow-x: hidden; background: #FFF; }
body.masked .selected-list { overflow: hidden; }
.selected-list li p { background: #FFF8DB; color: #666; display: inline; }
.selected-list ul { margin: 5px; padding: 0; list-style: none; }
.selected-list ul li { margin-bottom: 2px; background: url(/img/icon/icon_delete_rollover_12x32.gif) no-repeat 0 0; padding-left: 17px; color: #666; text-decoration: none; }
.selected-list ul li.hover { cursor: pointer; background-position: 0 -23px; }
#toAddRecipient { background: none; padding: 0; }
#extra .selected-box { border: 1px solid #666; background: #EEE; }
#extra textarea { width: 230px; padding: 4px; margin: 0 0 10px 0; display: none; }

#delete-confirmation { width: 350px; }
#delete-confirmation .selected-list { overflow: hidden; }
body.masked #delete-confirmation .selected-list { border: 1px solid #666; margin: 0 52px 10px; overflow: auto; overflow-x: hidden; width: auto;  }
.modal-dialog { display: none;   background: #FFF; text-align: left; }
.modal-dialog h3 { margin: 0 0 12px 0; padding: 0 15px; font-size: 110%; font-weight: normal; color: #666; }
.modal-dialog h3.confirm { margin: 0 0 12px 0; padding-left: 52px; background: url(/img/icon/icon_check_green_28x25.gif) no-repeat 12px 0 }
.modal-dialog h3.warn  { margin: 0 0 12px 0; padding-left: 52px; background: url(/img/icon/icon_stop_28x30.gif) no-repeat 12px 0 }
.modal-dialog p { margin: 0 0 12px 0; padding: 0 15px; color: #666; }
.modal-dialog p.header { background-color: #aaa; padding: 4px; color: #fff; font-size: 85%; font-weight: bold; text-align: center; }
.modal-dialog p.actions { padding-left: 52px; }
 
/* Messaging */
#my-contacts .errorbox { width: 671px; margin: 0 0 0 27px; padding: 0 0 15px 0; text-align: center; font-weight: bold; }
#my-contacts .errorbox div { background: #FFAEAE url(/img/bg/bg_trans_bot_671x11.gif) bottom left no-repeat; color: #AB0000; width: 671px; min-height: 32px; }
#my-contacts .errorbox div p { background: url(/img/bg/bg_trans_top_671x11.gif) 0 0 no-repeat; margin: 0; padding: 9px 15px 9px 37px; text-align: left; }
#my-contacts .errorbox div img { float: left; width: 26px; margin: 3px 8px 3px 3px; }
#my-contacts .errorbox div#hdrsuccess { background-color: #B0E57C; color: #060; }
#my-contacts .errorbox div#hdrinfo { background-color: #FFEC94; color: #960; }
#my-contacts .errorbox div#hdrinfo .detail { color: #000; font-size: 92%; font-weight: normal; }