/* CONNECTIONS PAGE */
tr.tblhdr th { color: #FFF; }
#sidebar-ad .tip { background-image: url(/img/bg/bg_tip_bot_160x250.png); }
#sidebar-ad .tip-in { background-image: url(/img/bg/bg_tip_top_160x23.png); }
#sidebar-ad .tip-in h4 { margin-top: 1em; }

/* POST-ACCEPT LANDING */
.post-accept #sidebar { width: 250px; margin: 10px 0 0 0; float: right; }
.post-accept #content { width: 509px; margin: 10px 0 0 0; float: left; }
.post-accept h1 { font-size: 120%; color: #333; margin: 0 0 10px 0;  font-weight: bold; padding: 10px 0; border-bottom: 1px solid #ccc; }
.post-accept h2 { font-size: 115%; margin: 0 0 6px; }
.post-accept h2 a { color: #039; text-decoration: none; }
.post-accept h2 a:hover {  text-decoration: underline; }
.post-accept #content h2 {  }
.post-accept #content h3 { font-size: 115%; margin: 0; color: #666; font-weight: normal; }
.post-accept ul { list-style: none; margin: 0; padding: 0; }
.post-accept ul.new-connections li.vcard { clear: both; overflow: hidden; height: 1%; background: url(/img/bg/bg_dots_horiz_4x1.gif) repeat-x bottom center; margin-bottom: 10px; padding-bottom: 10px;}
.post-accept .nameplate {  float: left; width: 50%; clear: left; }
.post-accept ul ul {  float: right; width: 45%; clear: right; }
.post-accept ul ul li { margin-bottom: 10px; }
.post-accept li.send-message { padding-left: 32px; background: url(/img/icon/icon_email_22x20.gif) no-repeat 4px -2px; }
.post-accept li.connections img { vertical-align: middle; margin-right: 4px; }
.post-accept ul ul a { color: #039; text-decoration: none; }
.post-accept ul ul a:hover { text-decoration: underline; }
.post-accept .people-you-may-know .title h3 { font-size: 115%; color: #666; margin: 0; padding: 9px 10px 10px 14px; }
.post-accept .people-you-may-know .content { padding: 0 0 20px 16px; }
.post-accept .people-you-may-know ul {  padding: 0 0 10px; border-bottom: 1px solid #ccc;}
.post-accept .people-you-may-know p { margin: 0; padding: 10px 0  0; }
.post-accept .people-you-may-know p a { text-decoration: none; }
.post-accept .people-you-may-know li { padding-top: 8px;  }
.post-accept .people-you-may-know li a { text-decoration: none; color: #666;  }
.post-accept .people-you-may-know li a strong { color: #003399; padding-bottom: 8px; cursor: pointer; font-weight: normal; }
.post-accept .vcard .email { display: none; }

/* EXPORT CONNECTIONS */
#exportab { margin: 15px 122px; width: 525px; text-align: left; }
#exportab strong, #exportab h4 { color: #333; margin: 0; font-size: 100%; }
#exportab h2 { color: #069; margin: 0; }
#exportab h2, #exportab h3 { font-weight: normal; }
#exportab .hdr { background: url(/img/icon/icon_exportcnts_30x36.gif) 0 0 no-repeat; padding: 0 0 15px 40px; border-bottom: 1px solid #999; margin-bottom: 15px; }
#exportab .drop { float: left; width: 240px; margin-left: 15px; }
#exportab .insthdr { float: left; width: 175px; text-align: right; }
#exportab .insttxt { float: left; width: 300px; margin-left: 10px; }
#exportab .insttxt ol { margin: 0 0 15px .9em; padding-left: .9em; }
#exportab .helper { padding: 10px 25px; color: #666; }

/* BREAK CONNECTIONS */
.breaker h2 { color: #666; font-weight: normal; font-size: 130%; }
.breaker #pickside { width: 390px; float: left; padding-left: 40px; text-align: left; }
* html .breaker #pickside { width: 430px; w\idth: 390px; }
.breaker #pickside h2 { margin-left: 27px; background: url(/img/icon/icon_arrow_green_down_28x30.gif) 0 0 no-repeat; padding-left: 40px; margin-bottom: 10px; }
.breaker #pickside #alphalist { float: left; width: 27px; margin-top: 10px; background: url(/img/bg/bg_alphalist_bot_27x500.gif) bottom left no-repeat; }
.breaker #pickside #alphalist div { background: url(/img/bg/bg_alphalist_top_27x10.gif) no-repeat; padding: 5px 0 5px 1px; text-align: center; font-size: 85%; color: #CCC; }
.breaker #pickside #alphalist ul { margin: 0; padding: 0; list-style: none; line-height: 1; }
.breaker #pickside #alphalist a { display: block; width: 26px; padding: 2px 0; font-weight: bold; text-decoration: none; }
.breaker #pickside #alphalist a:hover { background: #E6E6E6; text-decoration: underline; }
.breaker #pickside #alphalist a.chosen { background: #C3DEF5; }
.breaker #pickside #alphalist .nolink { display: block; padding: 2px 0; }
.breaker #pickside #picker { float: left; width: 350px; height: 460px; overflow: auto; padding: 0 16px 0 0; border: 1px solid #666; }
.breaker #pickside #picker div.pickme { padding: 5px; border-bottom: 1px solid #CCC; }
.breaker #pickside #picker div.hilite { background: #FFF3B6; }
.breaker #pickside #picker h3 { margin: 0; border-bottom: 2px solid #999; padding: 5px 5px 5px 10px; font-weight: bold; font-size: 125%; }
.breaker #pickside .chk { float: left; width: 30px; text-align: right; }
.breaker #pickside .guts { float: left; width: 280px; margin: 2px 0 0 5px; }
.breaker #pickside .email { padding-left: 15px; font-size: 85%; color: #666; }
.breaker #invside { width: 280px; float: left; margin: 50px 0 0 10px; text-align: left; }
.breaker #invside h2 { background: url(/img/icon/icon_arrow_green_30x30.gif) 0 0 no-repeat; padding: 5px 0 5px 40px; }
.breaker #invside-in { margin: 10px 0 0 40px; }
.breaker #invside-in p { font-size: 92%; margin: 10px 0; }
.breaker #invside-in .btn-primary { font-size: 100%; }
.breaker #invside-in .note { margin-top: 50px; color: #666; }
.breaker #invside-in #invlist { font-weight: bold; }
.breaker #invside-in #invlist span { position: relative; }
/* ie5mac backslash hack \*/
.breaker #pickside #picker { padding-right: 0; }
/* end backslash hack */
/* show only to opera7 */
@media all and (min-width: 0px){
.breaker #pickside .chk, .breaker #pickside .guts { float: none; }
}

/* BREAK CONFIRMATION DIALOG */
.breaker #dialogbox-in { padding-left: 42px; margin-bottom: 15px; font-size: 92%; font-weight: bold; }
.breaker #dialogbox-in .btn-primary { font-size: 100%; }
.breaker #dialogbox-in p.actions { padding-left: 10px; }

/* BREAK CONNECTIONS PROCESSING */
.breaker-process .bar { margin: 0 auto; width: 150px; height: 12px; border: 1px solid #666; position: relative; top: 3px; background: url(/img/bg/bg_progress_bar_24x12.gif) repeat-x; }
.breaker-process .bar img { position: absolute; top: 0; left: 0; z-index: 10; border-right: 1px solid #0076A8; }
.breaker-process h3 { color: #999; font-size: 170%; font-weight: normal; margin-top: 50px; }
.breaker-process .progress { margin: 0 auto; width: 405px; background: #DDF0F8 url(/img/bg/bg_trans_bot_405x7.gif) 0 100% no-repeat; }
.breaker-process .progress-in { background: url(/img/bg/bg_trans_top_405x7.gif) no-repeat; padding: 10px; color: #069; font-size: 92%; }

/* General Box */
/* set the image to use and establish the lower-right position */ 
div.general-box, div.general-box div.content, div.general-box div.title, div.general-box  div.title * { 
	background: #fff url(/img/bg/bg_outline_grey_800x800.gif) no-repeat bottom right; 
} 
div.general-box { 
	padding: 0 20px 0 0; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0 0 20px 0; /* use to position the box */ 
} 
/* set the top-right image */ 
div.general-box div.title { 
	background-position: top right; margin: 0 -20px 0 0; /* pull the right image over on top of border */ 
	padding: 0 20px 0 0; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */
div.general-box div.title * { 
	background-position: top left; margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 20px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 1%; /* IE Holly Hack */ 
} 
div.general-box div.title * * { 
	background: none; padding: 0; margin: 0; }
/* set the lower-left corner image */ 
div.general-box div.content { 
	background-position: bottom left; margin-right: 0px; /* interior-padding right */ 
	padding: 0 0 24px 20px; /* mirror .title right/left */ 
} 

/* Non-JS page version of Connections */
.connections-nojs #hd-msg { background: url(/img/pic/pic_reconnectpast_192x141.jpg) 60px 0 no-repeat; overflow: hidden; padding: 5px 0 15px 285px; width: 250px; }
.connections-nojs #hd-msg h2 { color: #ca6702; font-size: 154%; }
.connections-nojs .tools { margin: 10px 0; overflow: hidden; }
.connections-nojs .legend { float: left; font-size: 85%; color: #666; width: 200px; }
.connections-nojs .export { float: right; text-align: right; width: 200px; }
.connections-nojs .export a { background: url(/img/icon/icon_exportcnts_30x36.gif) 100% 0 no-repeat; font-size: 92%; font-weight: bold; padding: 7px 37px 15px 0; }