/* Extra */
body.my-contacts #extra { border-left: 1px solid #ccc; float: right; width: 160px; padding-left: 10px; text-align: left; }

/* Page Title */
body.my-contacts #main h1 { font-weight: bold; color: #000; border: none; width: 300px; margin: 3px 0 10px; padding: 0; }
body.my-contacts #main h1 a { text-decoration: none; }
body.my-contacts #main h1 a:hover { text-decoration: underline; }
/* Connection Browser */
#my-connections { width: 595px; float: left; display: none; }
#my-connections a { text-decoration: none; }
#my-connections a:hover { text-decoration: underline; }
#my-connections ul.nav-page { list-style-type: none; margin: -30px 0 0 0; padding: 0; float: right; font-size: 95%; }
#my-connections .nav-page li { display: inline; }
#my-connections #add-connections { background: url(/img/pic_add_11x11.gif) no-repeat left center; padding-left: 15px; padding-right: 4px; }
#my-connections #remove-connections { padding-left: 15px; }

#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 #filter-group { overflow: hidden; clear: both; position: relative; }
#address-book #filter-group, #address-book fieldset, #address-book legend { margin: 0; padding: 0; border: 0; color: #666; }
#address-book #filter-group { padding: 10px; _zoom: 1; }
#address-book fieldset { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 4px; clear: both; }
#address-book legend { display: none; }
#address-book label { display: block; float: left; }
#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: #eee url(/img/bg_dwn_arrow_5x800.gif) no-repeat left top; color: #666; padding: 9px 10px 7px 10px; overflow: hidden; clear: both; min-width: 542px; _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#outstanding-invitations { text-align: right; } 
#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; }

#connection-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; }
#connection-index ol { background: #fff url(/img/bg_index_border.gif) no-repeat bottom left; padding-bottom: .5em; }
#connection-index ol li { margin-left: 1px; font-size: 95%; }
#connection-index a, #connection-index span { display: block; text-align: center; padding: 2px 10px 2px 9px; _zoom: 1;  }
#connection-index a { font-weight: bold; }
#connection-index li span { color: #ccc; }
#connection-index a:hover { background-color: #E6E6E6; }
#connection-index .selected a { background-color: #C3DEF5 !important; }
#connection-index h2 { display: none; }

#connection-listing p { height: 530px; *height: 560px; padding: 10px; margin: 0; }
#connection-listing p.processing { background: url(/img/pic/pic_processing_101x28.gif) no-repeat 50% 200px; text-indent: -12345px; }
#connection-listing ol { padding: 10px 20px 10px 10px; height: 530px; *height: 560px; overflow: auto; }
#connection-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; }
#connection-listing ol li.result-message p a { font-size: 180%; display: block; text-decoration: underline; }
#connection-listing ul  { _padding-top: 0;  }
#connection-listing ul li:first-child { border: none; }

#connection-listing .vcard { margin: 0; border-top: 1px solid #ccc; padding: 7px 0; overflow: hidden; _zoom: 1; }
#connection-listing .vcard .contact { float: left; width: 250px; margin: 0 15px 0 0; overflow: hidden; }	
#connection-listing .vcard .fn { margin: 0; padding: 0; font-size: 100%; }	
#connection-listing .vcard .title { float: left; width: 55%; margin: 0 15px 0 0; padding: 0; height: auto; color: #000; }	
#connection-listing .vcard .connections { float: right; width: 56px; color: #000; }
#connection-listing .vcard .connections img { float: left; vertical-align: middle; }
#connection-listing .vcard .connections .count { float: right; text-align: left; width: 30px; padding-top: 5px; font-size: 85%; }
#connection-listing .vcard .connections a { text-decoration: underline; }
#connection-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-connections #export-connections { background: url(/img/pic_export_contacts_22x26.gif) no-repeat left top; padding: 0 0 0 25px; height: 26px; float: left; font-size: 85%; margin: 10px 0 0 61px; _margin-left: 32px; font-weight: bold; position: relative; z-index: 1; }
#my-connections p.legend { text-align: right; float: right; font-size: 85%; color: #666; width: 50%; margin: 10px 0 0 0; }
#my-connections p.legend img { vertical-align: middle; }