/* CSS Document */

input.radio,
input.checkbox {
  margin: 0;
  padding: 0;
}

th {
  text-align: left;
}

ul.list li {
  background: url(/img/xing/bullit.gif) no-repeat 0 .5em;
  padding-left: 12px;
}

ul.bluelist li {
  background: url(/img/xing/icn_bulletpoint_blue.gif) no-repeat 0 2px;
  padding-left: 17px !important;
}

table tr td img.user-photo-list {
  height: 40px;
  width: 30px;
}

/* Ensures a clean morphing effect when switching between the group headers */
#header {
  top: 10px;
}

/* container to center the content */
#container {
  margin: 0 auto;
  text-align: left;
  width: 985px;
}

/* height of ads + padding + border */
#container.show-ads-top {
  margin-top: 110px; 
}

/* header hr as background*/
#header div.hr {
  background: url(/img/xing/bg_topbar_small.gif) no-repeat;
  border:0;
  bottom: 0;
  clear: both;
  height: 17px;
  margin: 0 0 6px;
  padding: 0;
  width: 985px;
}

#header div.hr hr {
  display: none;
}

/* container for all content between header and footer */
#content {
  clear: both;
}

/* container to center the content for premium groups */
#premium-group-container {
  clear: both;
  margin: 0 0 0 -5px;
  overflow: hidden;
  text-align: left;
  width: 989px;
}

/* container for premium group content between header and footer */
#premium-group-content {
  background: #fff;
  clear: both;
  line-height: 140%;
  margin: 0;
  overflow: hidden;
  padding: 10px 2px 2px;
  text-align: left;
}

/* Groups Header */
#group-header h1 {
  clear: none;
  float: left;
  width: 650px;
}

#group-logo-div {
  float: right;
}

h3.group-section-heading {
  clear: both;
  color: #006567;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.61em;
  margin: 0;
  padding: 20px 0 0;
}

#info-boxes {
  border-top:solid 1px #D8D8D8;
  clear: both;
  padding-top: 8px;
}

#groups-info-text {
  border-top: 1px solid #D8D8D8;
  clear: both;
  display: block;
  margin: 30px 0 20px;
  padding: 20px 20px 0 10px;
}

#groups-info-text h3 {
  color: #006567;
}

a.with-bg {
  display: block;
  height: 69px;
}

.group-logo td {
  height: 69px;
  padding: 0;
  vertical-align: middle;
}

.group-logo-default td {
  background: #edf4f2; 
  height: 69px;
  text-align: center; 
  vertical-align: middle; 
  width: 989px; 
}

.group-logo-default td p {
  color:#99b2aa; 
  font-size:1.5em; 
  font-weight:bold;
  line-height:140%; 
  padding-top: 10px;
}

#premium-group-content div.logo-container {
  background: #e0e0e0;
  background-repeat: no-repeat;
  height: 73px;
  margin-bottom: 10px;
  padding-top: 2px;
  text-align: center;
}

#premium-group-content div.logo-100-per {
  width: 971px;
}

#premium-group-content div.logo-66-per {
  border-right: 5px solid #FFF;
  float: left;
  width: 648px;
}

#premium-group-content div.logo-33-per {
  border-right: 5px solid #FFF;
  float: left;
  width: 321px;
}

#premium-group-content div.selected-img {
  border: 2px solid #E97F02 !important;
  margin-right: 5px;
}

#premium-group-content div.tool-item.selected {
  border: none;
}

#visitors-on-profile .one-column-info-box,
#members-who-also-visited-a .one-column-info-box {
  padding-left: 14px;
  width: 289px;
}

#visitors-on-profile .txt2nd {
  margin: -10px 0 8px;
}

div.tool-item tbody.highlight {
  background-color: #FFFF99;
}

div.tool-item tbody.highlight td {
  border-bottom: 1px solid #CFDC00;
  border-top: 1px solid #CFDC00;
}

div.tool-item tbody.highlight td input {
  margin-left:3px;
}

div.tool-item label {
  display:block;
  padding-top:0.25em;
}

#premium-group-content div.logo-container p {
  height: 3em;
  margin: 0 auto;
  padding: 5px;
  width: 20em;
}

#premium-group-content div.logo-container p.change-logo {
  background-color: #fff;
  border: 2px solid #006567;
  height: auto;
  margin-top: 5px;
  opacity: .7;
  white-space: nowrap;
}

.message-area ul {
  list-style-type: disc;
  margin-left: 1em;
  padding: 1em;
}

/* def for the 1st level navigation */
.min_header {
  color: #646365;
  font-weight: bold;
}

ul.form li {
  overflow: hidden;
  padding: 0;
}

ul.form.spacy li {
  padding-top:.5em;
}

ul.form li div.note{
  color: #999;
  display: block;
  line-height: 1.2em;
  margin: .2em 0;
  padding-left: 22px;
}

ul.form li input {
  float: left;
}

ul.form li label {
  display: block;
  line-height: 1.1em;
  margin-left: 22px;
  padding: 3px 0 2px;
}

/* headline for breadcrumbs */

h2.path {
  clear: both;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0;
  overflow: hidden;
  padding-bottom: 3px;
  padding-left: 8px;
  width: 650px;
}

h2.path a {
  color: #666;
  margin-right: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}

h2.path a:hover{
  text-decoration: underline;
}

/* headline def for this list */
div.col_5050 h2.event-box {
  background: #D8D8C7 url(/img/xing/bg_box_50_50col_grad.gif) no-repeat;
  font-size: 1.3em;
  line-height: 1.9em;
  padding: 0 8px;
}

/* headline def for this list */
div.col_two h2.event-box {
  background: url(/img/xing/bg_box_2col_grad.gif) no-repeat;
  font-size: 1.1em;
  line-height: 120%;
  overflow: hidden;
  padding: 6px 4px 6px 8px;
}


/* headline def for the groups of a single category page in groups will be used on pages, where two result lists are on one page */
div.headline-double-lists h3 {
  border-bottom: 1px dotted #999;
  color: #006567;
  font-size: 1.4em;
  line-height: 1.61em;
  margin: 0;
  padding: 0 0 0 8px;
}

/* topline def for the article overview in a single forum */
div.topline-grey {
  background: #f0f0f0;
  font-weight: bold;
  margin-top: 10px;
  overflow: visible;
  padding: 5px 0 5px 10px;
  width: 975px;
}

/*Contacts path view */
.connection-path,
.connection-path-list {
  background: url(/img/n/bg_dot_contact_path.gif) no-repeat 8px 20px;
  border-bottom: 1px solid #D8D8D8;
  margin: 0 4px;
  overflow: hidden;
  padding: 2px 0;
}

div.connection-path div {
  float: left;
}

div.connection-path div.photo img {
  height: 40px;
  margin: 0 4px;
  width: 30px;
}

div.connection-path div.connection {
  overflow: hidden;
  padding: 0 8px 0 4px;
  width: 140px;
}

div div.connection,
div div.photo,
div div.last {
  background-color: #fff;
}

div.connection-path div.play {
  float: right;
  text-align:right;
  width:40px;
}

div.connection-path div.play img {
  cursor: pointer !important;
  height: 32px;
  width: 32px;
}

div.connection-path div div.two {
  width: 464px;
}

div.connection-path div div.three {
  width: 309px;
}

div.connection-path div div.four {
  width: 232px;
}

div.connection-path div div.five {
  width: 185px;
}

div.connection-path div div.six {
  width: 154px;
}

div.connection-path div div.seven {
  overflow: hidden;
  width: 132px;
}

/* connection-path on logged-out page*/

.contact-photos p {
  clear: both;
  margin-bottom: 0;
}

.contact-photos a {
  float: left;
  margin: 5px;
}

/* contact page business details */

table.contact-details td {
  padding: 5px 5px 5px 8px;
  vertical-align: top;
}

table.contact-details td.first {
  font-weight: bold;
}

table.contact-details tr.odd {
  background: #f0f0f0;
}

table.contact-details td a {
  text-decoration: underline;
}

table.contact-details td a:hover {
  text-decoration: underline;
}

table.contact-details td p {
  margin-bottom: 5px;
}

table.contact-details td p img {
  margin-right: 1px;
  vertical-align: middle;
}

/* my contact page, additional current company list */
ul.company-list {
  clear: both;
}

/* height:1% is def in ie.css, because of opera 8.5 */
ul.company-list li {
  overflow: hidden;
}

/* for both company lists on my contact page */
ul.company-list li div.bullit,
ul.company-list li div.num {
  float: left;
  padding-right: 2px;
  width: 4%;
}

ul.company-list li div.bullit img {
  margin-top: 5px;
}

ul.company-list li div.comp {
  float: left;
  width: 51%;
}

ul.company-list li div.date {
  float: right;
  width: 130px;
}

/* current company */
td.company-list div.comp {
  float: left;
  padding-right: 2px;
  width: 55%;
}

td.company-list div.date {
  float: right;
  width: 130px;
}

ul.company-list li div.link,
td.company-list div.link {
  float: left;
  letter-spacing: 1px;
  margin: 0 0 0 4px;
  padding-top: 2px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 17%;
}

ul.company-list div.link a,
td.company-list div.link a,
table.contact-details tr td.last a.weblink {
  color: #006567;
  font-size: 0.8em;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

ul.company-list div.link a:hover,
td.company-list div.link a:hover,
table.contact-details tr td.last a.weblink:hover {
  color: #006567;
  text-decoration: underline;
}

div.link img.weblink,
table.contact-details tr td.last img.weblink {
  margin: 0 3px 0 0;
}

/* first used on guestbook page 202 */
p.even {
  background: #f0f0f0;
  padding: 5px 8px;
}

p.odd {
  background: #FFF;
  padding: 5px 8px;
}

/* user images in the lists */
h2.user-box{
  background: url(/img/xing/bg_box_1col_grad.gif) no-repeat;
  font-size: 1.3em;
  height: 17px;
  margin: 15px 0 2px;
}

h2.two-col{
  background: url(/img/xing/bg_box_2col_grad.gif) no-repeat;
}

/* network pages */
div.network_page ul li {
  background: url(/img/xing/bullit.gif) no-repeat 0 .5em;
  margin-left: 25px;
  padding-left: 12px;
}

/* "more" link at the end of the list */
p.user-box a {
  font-weight: bolder;
  text-decoration: none;
}

/*  =BORDER SEPERATED LISTS

    @author    Tobias Otte

    <ul class="bordered-list">
      <li></li>
    </ul>

=========================================================================== */

.bordered-list li,
.no-match {
  background-color: #fff;
  border-bottom: 1px solid #D8D8D8;
  margin: 0 0 2px 0;
  padding: 0 8px 2px 8px;
  position: relative;
}

/* + The curtail box sets a nowrap and cuts the all content which juts out */
.bordered-list .curtail {
  overflow: hidden;
  white-space: nowrap;
}

/* + The no-curtil box sets a flexible height and cuts all content which juts out of the x-axis */
.bordered-list .no-curtail {
  overflow-x: hidden;
}

.bordered-list .curtail,
.bordered-list .no-curtail {
  line-height: 140%;
  padding-top: 2px;
  position: relative;
}

/* + This adds a small box with a gradient from opacity 0 to full #fff on the right end of curtail div */
.bordered-list .curtail::before {
 content: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(1, rgba(255, 255, 255, 1))
  );
  display: block;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
}

.bordered-list .curtail a,
.bordered-list .no-curtail a:hover {
  text-decoration: underline;
}

/* + This class position a image link on the left side */
.bordered-list .img-link {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

.bordered-list .img-link:focus {
  outline: none;
}

/* + This class position a text on the right end. On the left side will be a small gradient from full #fff to opacity 0 */
.bordered-list .pos-right {
  background: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(0.125, rgba(255, 255, 255, 1))
    );
  background: -moz-linear-gradient(
    left,
    right,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(0.125, rgba(255, 255, 255, 1))
  );
  border-left: 10px solid #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
}

.bordered-list .meta-info {
  color:#808080;
  font-size:11px;
}

.no-match {
  margin-bottom: 10px;
  min-height: 38px;
  padding-top: 2px;
}

/* the recommendation-box on the profile is a bit special (three lines text and no more-link) */
#members-who-also-visited-a .bordered-list li {
  padding-bottom: 4px;
}

#members-who-also-visited-a .bordered-list li.last-child {
  border-bottom: 0;
}

#members-who-also-visited-a .bordered-list .img-link {
  top: 7px;
}

/* Pager through profiles after search (back-tolist-link and pager) */
.result-navigation {
  font-size: 11px;
  margin-bottom: 20px;
  padding: 1px 8px 0;
  width: 965px;
}

.result-navigation a {
  font-size: 11px;
}

.result-navigation h1,
.result-navigation h3 {
  color: #006567;
  font-size: 17px;
  margin: 0 0 0.5em;
  padding: 0;
}

.result-navigation span {
  color: #A0A0A0;
}

.result-navigation .back-to-result-link {
  float: left;
}


/*  =LISTS WITH S2 USER PICTURE
--------------------------------------------------------------------------- */

.alongside-img-s2 .no-curtail {
  min-height: 38px;
  padding: 2px 0 0 37px;
  width: 262px;
}

/* + Todays birthday in birthdays startpage widget */
.alongside-img-s2 .today {
  background: #CFDC00;
  color: #006567;
  font-weight: bold;
  padding: 0 5px;
  text-align: center;
}

/* + Curtail box in the statistics box needs a smaller width */
.bg-statistics-top .alongside-img-s2 .no-curtail,
.one-column-info-box .alongside-img-s2 .no-curtail {
  width: 232px;
}

/* + No-Curtail box in the bithdays box box needs a padding right for the birthday display */
#infoboxpane-BIRTHDAYS .no-curtail {
  padding: 2px 47px 0 37px;
  width: 215px;
}

/* + Curtail box in the story box needs a longer width */
#infoboxpane-STORY_BOX .no-curtail {
  width: 597px;
}

/* + Curtail box in the app list needs a longer width */
#app-detail .no-curtail {
  width: 607px;
}

/* =ONE-COLUMNE LIST WITH >> AT THE START
------------------------------------------ */

.see-more-list li:before {
  content: "\0000BB\002009";
}

.see-more-list li {
  margin-bottom: 7px;
}

.see-more-list a {
  text-decoration: none;
}

.see-more-list a:hover {
  text-decoration: underline;
}


/*  =LISTS WITH S1 USER PICTURE
--------------------------------------------------------------------------- */

.alongside-img-s1 .curtail {
  height: 22px;
  padding: 2px 0 0 22px;
  width: 612px;
}

/*  =LISTS WITH GROUP PICTURE
--------------------------------------------------------------------------- */

.alongside-groupslogo .no-curtail {
  padding: 2px 0 2px 85px;
  white-space: normal;
  width: 221px;
  min-height: 29px;
}

.one-column-info-box .alongside-groupslogo .no-curtail {
  width: 191px;
}

.alongside-groupslogo .img-link {
  top: 4px;
}

/*  =ONE COLUM LIST WITH TWO LINES CONTENT
--------------------------------------------------------------------------- */

.one-column-two-lines .curtail {
  height: 38px;
  width: 299px;
}

/* + For latest articles in events forums */
.one-column-two-lines .new .curtail {
  width: 275px;
}

/* + New post icon in latest articles in your groups list */
.one-column-two-lines .icon-bulb {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 3px;
}


/*  =ONE COLUM LIST WITH ONE LINE CONTENT
--------------------------------------------------------------------------- */

.one-column-one-line .curtail {
  height: 21px;
  padding-top: 4px;
  width: 299px;
}

.one-column-one-line .pos-right {
  top: 4px;
}

/* ======================================================================== */

a.non-premium {
  color:#006567;
  font-weight:bold;
}

.user-name {
  font-weight: bold;
}

/* search form for advanced search site */

.simple-search-form {
  background: #f0f0f0 url(/img/n/icn_search.gif) no-repeat 8px 50%;
}

.keyword-search-form,
.simple-search-form {
  padding: 5px 0;
}

#advanced-search-form .simple-search-form label,
#advanced-search-form-da .simple-search-form label,
#advanced-search-form .keyword-search-form label {
  display: inline;
  font-weight: bold;
  vertical-align: middle;
}

#advanced-search-form .simple-search-form label,
#advanced-search-form-da .simple-search-form label {
  padding: 0 0 0 30px;
}

.simple-search-form a {
  background: url(/img/n/btn_up.gif) no-repeat center right;
  padding: 3px 20px;
  vertical-align: middle;
}

.simple-search-form a.toggled {
  background-image: url(/img/xing/btn_down.gif);
}

.simple-search-form button,
.keyword-search-form button {
  float: none;
  margin: 0 5px;
  vertical-align: middle;
}

#advanced-search-form .simple-search-form input.text,
#advanced-search-form-da .simple-search-form input.text {
  margin: 0 0 0 4px;
  padding: 0;
  vertical-align: middle;
}

#advanced-search-form h3 {
  background: #D8D8C7 url(/img/xing/bg_box_1col_grad.gif) no-repeat;
  line-height: 2em;
  margin: 15px 0 10px;
  padding: 0 10px;
}

#advanced-search-form h3.col-headline {
  background: none;
  color: #006567;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

#advanced-search-form input.text,
#advanced-search-form select {
  margin: 0 0 10px;
  width: 290px;
}

#advanced-search-options input {
  margin: 0;
  width: auto;
}

#advanced-search-form label,
#advanced-search-form-da label {
  display: block;
  margin: 0;
}

#advanced-search-form div.search-box {
  padding: 0 10px 0 8px;
}

#advsearch {
  background-color: #f0f0f0;
}

/* search result relevance meter*/
div.relevance {
  background: url(/img/xing/ill_profile_compl_inactive.gif) no-repeat 1px 1px;
  border: 0 solid #999;
  margin: 0;
  padding: 0;
  width: 60px;
}

/* advertising in the search results page*/
div.basic-member-content {
  float: right;
  width: 120px;
}

#advertising-label {
  color: #9C9C9C;
  font-size: 10px; 
  text-align: right; 
} 

#search-filter-table {
  border-collapse: collapse;
}

#search-filter-table td {
  padding: 0 5px 0 0;
}

#search-filter-table td.space-bottom {
  padding-bottom: 3px;
}

#search-filter-table td.no-space-right {
  padding-right: 0px;
}

/* table for search results*/
#search-results-table {
  border-collapse: collapse;
  table-layout: fixed;
}

#search-results-table th {
  padding-bottom: 0px;
}

#search-results-table td {
  padding: 5px 0px;
  vertical-align: top;
} 

/* no space between words destroys table */
#search-results-table td .title-row {
  width: 216px; 
}

#search-results-table .company-row {
  width: 208px;
}

#search-results-table .university-hint {
  color: #A0A0A0;;
  font-size: 11px;
}

/* SEARCH redesign (like recruiter)
========================================  */
#new-result-list .profile-results div {
  overflow: hidden;
}

#new-result-list .profile-results div .direct-actions ul {
  padding-top: 10px;
}

.new-result-pagination-bottom {
  border-top: none;
  margin-top: 10px;
}

/* contact-relation in search-result */
.show-contact-relation a {
  display:block;
  position:relative;
}

.contact-relation-1,
.contact-relation-2 {
  /* background: transparent url(/img/v/spr_icons_r11.png) no-repeat; */
  background: transparent url(/img/xing/icn_1st.png) no-repeat;
  left: 29px;
  position: absolute;
  top: 43px;
  z-index: 2;
}

#search-results-table .contact-relation-1,
#search-results-table .contact-relation-2 {
  top: 34px;
}

.contact-relation-1 {
  background-position: 0px 0px;
}

.contact-relation-2 {
  background: transparent url(/img/xing/icn_2nd.png) no-repeat;
  background-position: 0px 0px;
}

/* for lists with the i-image */
div.info-list {
  border-bottom: 1px dotted #999;
}

div.info-list ul {
  list-style: none;
  margin: 0;
  padding: 10px 0;
}

div.info-list ul li {
  background:url(/img/v/icn_info_r1.gif) no-repeat;
  padding: 0 0 0 22px;
}

ul.info-list{
  list-style: outside;
  margin: 0;
  padding: 0;
}

ul.info-list li{
  background: url(/img/v/icn_info_r1.gif) no-repeat;
  margin: 0;
  padding: 1px 0 .5em 22px;
}

/* needed for page 720_invite_people */
ul.info-list li ol li {
  background: none;
  list-style: decimal; /* It is necessary for displaying numbers in an ordered list in Opera or IE */
  padding: 0;
}

.small {
  color: #333;
  font-size: 12px;
  font-weight: normal;
}

.edit {
  color: #81BED1;
  text-decoration: none;
}

a.edit:hover {
  text-decoration: underline;
}

/* message toolbar on read message page */
.tool-box-photo {
  float: left;
  padding: 0 8px 10px;
  margin-left: 2px;
  width: 70px;
  height: 93px;
}

.tool-box-info {
  padding: 0 0 5px 95px;
  margin: 0;
}
div.tool-box {
  border-top: 1px solid #ccc;
}
div.tool-item {
  margin: 0 0 10px;
  clear: both;
  width: 100%;
}
div.tool-item.selected {
  background: #f0f0f0;
}

/* the tool-item for the start page has slightly different colors */
div.startpage-widget div.tool-item.selected {
  background:#EDF4F2;
}

div.action-text {
  overflow: auto;
  padding: 5px 10px 15px;
}

#opensocial_widget_headline span {
  margin-left: 5px;
}

div.action-text ul {
  margin: 10px 0;
}

div.action-text li {
  margin: 7px 0;
}

div.message-body {
  border-bottom: 1px dotted #999;
  border-top: 1px dotted #999;
  margin: 0 0 1em;
  padding: 1em 0;
}

div.message-hint-basic {
  padding: 10px 0 14px 11px;
}

.toolbox-link-list-list {
  margin-top: 0px;
}

.toolbox-link-list .see-more-left a {
  text-decoration: none;
  }

.toolbox-link-list a:hover {
  text-decoration: underline;
}

/* list with checkboxes was once a biiiig table */
.checkbox-list li {
  clear: left;
}

.checkbox-list input {
  float: left;
  margin-right: 7px;
}

.checkbox-list label {
  padding: 0 !important;
  margin-left: 20px;
}

/* tool box behaviour in sidebar */
.col_one div.tool-item {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

.col_one div.tool-item h4{
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* tool box behaviour in search box on event pages */
.col_three div.tool-item h4,
/* tool box behaviour in search box on groups pages */
.col_two div.tool-item h4{
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

div.tool-item h4 a,
div.tool-item h4 span {
  background-position: 4px 5px;
  background-repeat: no-repeat;
  display:block;
  margin: 0;
  padding: 8px 0 6px 28px;
  text-decoration: none;
}

div.tool-item h4 a:hover {
  background-color: #f0f0f0 !important;
}

/* the tool-item for the start page has slightly different colors */
div.startpage-widget div.tool-item h4 a:hover {
  background-color: #EDF4F2 !important;
}

.col_one div.tool-item h4 a img{
  float: right;
  padding-right: 4px;
}

/* tool box behaviour in search box on event pages */
.col_three div.tool-item h4 a img,
/* tool box behaviour in search box on groups pages */
.col_two div.tool-item h4 a img {
  vertical-align: middle;
}

/* two third info box with different actions on detail view of the group page */
.two-third-box-top {
  background: url(/img/xing/bg_box_650_top.gif) no-repeat;
  overflow: hidden;
  padding: 8px 0 0;
}

.two-third-box-bottom {
  background: url(/img/xing/bg_box_650_bottom.gif) no-repeat bottom left;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 0 0 10px;
}

.two-third-box-bottom.joingroup {
  background: url(/img/xing/bg_box_650_bottom_midline.gif) no-repeat bottom left;
}

.two-third-box-bottom.groupabout {
  background: url(/img/xing/bg_box_685_bottom.gif) no-repeat bottom left;
}

.two-third-box-top.groupabout {
  background: url(/img/xing/bg_box_685_top.gif) no-repeat;
}

.two-third-box-bottom-short {
  background: url(/img/xing/bg_box_650_bottom_short.gif) no-repeat bottom left;
  height: 1%;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 0 5px;
}

.two-third-box-middle {
  background: url(/img/xing/bg_box_650_middle.gif) repeat-y left;
  padding: 10px;
}

.two-third-groupbox-top {
  background: url(/img/xing/bg_groupbox_650_top.gif) no-repeat;
  overflow: hidden;
  padding: 4px 0 0;
}

.two-third-groupbox-bottom {
  background: url(/img/xing/bg_groupbox_650_bottom.gif) no-repeat bottom left;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 0 0 10px;
}

/* one third box with different actions on the about page of groups */
.one-third-box-bottom {
  background: url(/img/xing/bg_box_315_bottom.gif) no-repeat bottom left;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
}

.one-third-box-top {
  background: url(/img/xing/bg_box_315_top.gif) no-repeat;
  padding: 4px 0 0;
  width: 315px;
}

.one-third-box-top .table-list td,
.one-third-box-top .table-list th {
  padding: 3px;
}

/* logged denied page */
.two-loggedout-box {
  background: url(/img/v/bg_gradient_650_r1.png) no-repeat;
  padding: 10px;
}

/* newslist on start-page, groups, and groups-news-preview */
.news-item {
  border-top: 1px solid #D8D8D8;
  overflow: hidden;
  padding: 3px 0 2px 98px;
}

.preview .news-item {
  border-top: 0;
  padding-top: 4px;
}

#news-items+form {
  margin-top: 15px;
}

.news-item span {
  float: left;
  margin: 0 0 0 -98px;
  padding: 0 0 0 8px;
  width: 80px;
}

.news-item h4 {
  margin: 0 0 1px;
}

.news-item h4.h-toggle {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat 2px -396px;
  cursor: pointer;
  margin-left: -12px;
  padding: 0 0 0 12px;
}

.news-item h4.visible-sibling {
  background-position: -12px -104px;
}

.news-item p a {
  text-decoration: underline;
}

#news-items {
  margin-bottom: 8px;
}

table.table-list.fixed {
  table-layout: fixed;
  width: 985px;
}

table.table-list.fullsize {
  width: 985px;
}

table.table-list.hairline {
  border-bottom: 1px #d8d8d8 solid;
}

/* In story mode, there has to be a different layout in the table. like the wnimn box on the start page */
table.story-mode-table .story-first-row td{
  border-top: none;
}

table.story-mode-table td {
  vertical-align: top;
}

table.story-mode-table td p {
  margin: 3px 0 0;
}

table.story-mode-table .meta-info {
  color: #808080;
  font-size: 11px;
}

table.story-mode-table p a:hover {
  text-decoration:underline;
}

div.hairline_dotted {
  border-top: 1px #999 dotted;
}

table.table-list tr.invoice th,
table.table-list tr.invoice td {
  border-bottom: 1px #999 dotted;
  border-top: none;
}

table.table-list tr.invoice th {
  padding: 0 0 0 8px;
}

#search-agent-list {
  border-top: 1px dotted #999;
  margin-top: 5px;
}

#search-agent-list p {
  margin-bottom: 0px;
}

#search-agent-list td {
  padding-bottom: 10px;
  padding-top: 10px;
  vertical-align: top;
}

table.table-list th {
  padding: 8px 0 5px 8px;
  text-align: left;
}

table.table-list th.icons {
  text-align: center;
}

table.table-list td {
  border-top: 1px solid #d8d8d8;
  overflow: hidden;
  padding: 2px 0 2px 8px;
}

table.table-list td div.bday {
  background: #CFDC00;
  color: #006567;
  font-weight: bold;
  padding: 2px 6px;
  width: 120px;
}

div.groups table.table-list td {
  padding: 4px 0 4px 8px;
}
div.groups {
  overflow: visible;
}

#groups-table td.last {
  padding: 6px 20px 6px 0;
}

/* used first on 625_groups_inc category list */
table.table-list td.last {
  padding: 10px 20px 10px 0;
  text-align: right;
}

/* used first on 625_groups_inc category list */
table.table-list th.last {
  padding-right: 10px;
  text-align: right;
}

/* used for the pseudo header in a row of a table list */
table.table-list h4 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

table.table-list h4 a {
  font-weight: bold;
  text-decoration: underline;
}

table.table-list th.numbers,
table.table-list td.numbers {
  padding-right: 10px;
  text-align: right;
}

table.table-list td.icons {
  text-align: center;
}

/* Style defs are used on imprint page*/
table.table-list td.head {
  font-weight: bold;
  padding-top: 5px;
  vertical-align: top;
  width: 250px;
}

table.table-list td.description {
  padding-top: 5px;
  vertical-align: bottom;
  width: 400px;
}

/* cuts the text at the end of the line */
table.table-list td p.longlines {
  margin: 0;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

table.table-list div.main-cat-border {
  background: url(/img/xing/bg_dotted_fake.gif) repeat-x;
  height:20px;
}


table.table-list td.main-cat-border {
  background: url(/img/xing/bg_dotted_fake.gif) repeat-x;
}

table.table-list td.main-cat-offer {
  background: #ffffff;
  font-weight: bold;
  vertical-align: top;
  width: 122px;
}

table.table-list td.offer {
  padding-right: 16px;
  vertical-align: top;
  width: 335px;
}

table.table-list tr.even td.free {
  background: #f0f0f0 url(/img/xing/bg_benefits_free_border.gif) repeat-y;
}

table.table-list tr td.free {
  background: url(/img/xing/bg_benefits_free_border.gif) repeat-y;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  width: 230px;
}

table.table-list tr td.premium {
  background: url(/img/xing/bg_benefits_premium_border.gif) repeat-y;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  width: 226px;
}

table.table-list tr.even td.premium {
  background: #fff url(/img/xing/bg_benefits_premium_border.gif) repeat-y;
}

/* height and width for premium groups and non-premium groups lists*/
table.table-list tr td div.group-list-width {
  height: 70px;
  overflow: hidden;
}

table.prem-group-list tr td div.group-list-width {
  width: 300px;
}

table.group-list tr td div.group-list-width {
  width: 382px;
}

table td.numbers {
  padding: 1px 5px;
  text-align: right;
}

sup.official {
  color:#E97F02;
  text-transform: lowercase;
}

h1 sup.official {
  font-size: 0.6em;
  font-weight: normal;
}

table.category-list td {
  padding: 8px 4px 8px 8px;
}

/* groups moderator table on the groups details start page (601) */
table#groups-moderator-table td {
  padding:4px 0 4px 8px;
  vertical-align: top;
}

.col_one table#groups-moderator-table td {
  padding: 5px;
}

table#groups-moderator-table thead td {
  border-bottom: 1px solid #D8D8D8;
}

table#groups-moderator-table tbody tr.last td {
  border-bottom: 1px solid #D8D8D8;
}

table#groups-moderator-table tbody tr.first td {
  border-top: 1px solid #D8D8D8;
}

table.groups-table-bottom {
  border-bottom: 1px solid #D8D8D8;
}

.info-wrapper {
  float: left;
  margin: 0 0 0 10px;
  padding-left: 25px;
  width: 200px;
}

.info-wrapper img {
  float: left;
  height: 18px;
  margin-left: -22px;
  vertical-align: bottom;
  width: 18px;
}

/* groups forms styles */
p.groups-form-sub-header {
  clear: both;
  margin-bottom: 0;
  padding: 15px 0 5px;
}

div.groups-input-element {
  float: left;
  width: 16em;
}

/* list in terms and conditions */

#data_protection div#content ul {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 20px;
}

#terms-and-conditions div#content ol {
  margin: 0;
  padding: 0 0 0 30px;
}

/* create search agent page (307) */
#search-agent-form ul {
  list-style-type: disc;
  margin: 5px 0 10px;
}

#search-agent-form img {
  margin: 5px 5px 0 0;
}

/* used in 407_privacy_settings */
#privacy-settings-form h3 {
  margin: 10px 0 5px;
  padding: 0;
}

/* categories table at the botton of the single-slot search result page (306) */
table#single-slot-result-categories  {
  width: 985px;
}

table#single-slot-result-categories td {
  padding: 5px 10px;
}

table#single-slot-result-categories tr.even {
  background: #f0f0f0;
}

table.start-page-info-box {
  background: url(/img/xing/bg_box_650_bottom.gif) no-repeat bottom;
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  white-space: normal;
  width: 650px;
}

table.start-page-info-box td {
  padding: 0 5px 5px;
  width: 324px;
}

/* class for the fold/unfold image, is also used in the fold_unfold.js  */
.fold-img {
  vertical-align: middle;
}

/* text box needed for left margin */
.text-box {
  margin-left: 8px;
}

/* icon on the left of search box headline */
h3.tool-box-search-icn {
  background: url(/img/n/icn_search.gif) no-repeat;
}

/* groups logo in the top right corner */
.groups-logo {
  border: 1px solid #f0f0f0;
}

/* contact pages */

/** my contact page **/
.bg-contact-info-top {
  background: url(/img/xing/bg_box_985_shaddow_top.gif) no-repeat;
  padding-top: 6px;
}

.bg-contact-info-bottom {
  background: url(/img/xing/bg_box_985_shaddow_bottom.gif) no-repeat left bottom;
  overflow: hidden;
  padding: 0 0 4px 8px;
}

.col_one .bg-statistics-top {
  background: url(/img/n/bg_box_315_shaddow_top.gif) no-repeat;
  padding: 6px 0 0;
}

div.col_one .bg-statistics-bottom {
  background: url(/img/n/bg_box_315_shaddow_bottom.gif) no-repeat bottom left;
  margin: 0;
  overflow: hidden;
  padding: 5px 15px 10px;
}

ul.bg-statistics-bottom li {
  clear: both;
  margin-right: 15px;
  padding: 2px 0;
  width: 285px;
}

/** Photo Upload Box on Profile Page**/

.contact-info-address {
  float: left;
  overflow: hidden;
  padding: 2px 0;
  width: 396px;
}

.contact-info-address h1 {
  margin-bottom: 0px !important;
}

#photo-container {
  float: left;
  height: 185px; 
  margin-right: 10px;
  position: relative;
  width: 140px; 
}

#photo-overlay {
  background: url(/img/n/bg_trans.png);
  height: 40px;
  left: 0;
  padding: 5px 0 0;
  position: absolute;
  text-align: center;
  top: 140px;
  width: 140px;
  z-index: 99;
}

#photoButtonNo {
  margin-top: 3px;
}

#photo-overlay .btn-edit {
  margin: 0 0 5px;
}

#photo-overlay .btn-edit span {
  padding: 0 8px 0 5px;
}

#photo-overlay .btn-noimage {
  background-image: url(/img/n/btn_cancel_bg_left.gif);
  left: 0;
  margin-right: 0; 
  position: relative;
  top: 3px;
}

#photo-overlay .btn-noimage span {
  background-image: url(/img/n/btn_cancel_bg_right.gif)
}

#address-container {
  float: left;
  overflow: hidden;
  width: 240px;
}

#address-container h1 {
  clear: none;
  float: none;
  margin-bottom: 5px;
}

#address-container .tel img {
  margin-right: 5px;
}

#address-container .disabled {
  font-size: 11px;
}

#address-container .adr {
  margin: 0 0 5px;
}

#modal-window-upload h3 {
  background: url(/img/xing/icn_photo_upload.gif) no-repeat
}

/** END Photo Upload Box **/

/*  = CONTACT INFOBOX RIGHTBAR

    @author    Tobias Otte
    @date      01/02/10
=========================================================================== */

.contact-info-rightbar {
  float: left;
  padding-left: 10px;
  position: relative;
  width: 230px;
}

.contact-info-rightbar h4 {
  margin: 0;
}

.contact-info-logged-out-box {
  padding: 6px;
}

/* ======================================================================== */

/** Begin Confirm Lightbox **/

#modal-window .icon-close-big {
  float: right;
}

/** END Confirm Lightbox **/

.contact-info-contacts-container {
  float: left;
  overflow: hidden;
  width: 262px;
}

.contact-info-contacts {
  padding: 0 10px 0 20px;
  text-align:left;
  width: 230px;
}

.contact-info-contacts p {
  margin-bottom: 5px;
}

.contact-info-contacts h3 {
  margin: 30px 0 5px;
  padding: 0;
}

#completion-level .bullet-link-list li {
  background-position: 0 -896px;
  line-height: 15px;
  padding: 0 0 5px 17px;
}

ul.contactpage-stats li {
  background: url(/img/xing/bullit_brown_shaddow.gif) no-repeat 0 5px;
  clear: both;
  padding-left: 12px;
}

ul li.activity {
  background: url(/img/xing/ill_activity_inactive.gif) no-repeat 1px 1px;
  border: 1px solid #999;
  line-height: 1px; /* for ie 7 */
  margin: 5px 0 0 12px;
  padding: 1px;
  width: 159px;
}

ul li.activity div.act {
  height: 12px;
  overflow: hidden;
}

.contact-info-localizer {
  background: url(/img/xing/ill_world_big.gif) no-repeat top center;
  float: left;
  width: 291px;
}

.contact-info-inv-status {
  float: left;
  width: 230px;
}

.contact-info-join {
  background: #FFF;
  float: left;
  height: 180px;
  margin-left: 20px;
  padding: 4px;
  position: relative;
  width: 530px;
}

.standard-box{
  background: url(/img/n/bg_box_315_shaddow_top.gif) no-repeat;
  margin: 0 0 10px 0;
  padding: 6px 0 0;
}

.standard-box-inner {
  background: url(/img/n/bg_box_315_shaddow_bottom.gif) no-repeat bottom left;
  margin: 0;
  overflow: hidden;
  padding: 5px 15px 10px 64px;
}

.standard-box-inner h4{
  margin: 3px 0 4px;
}

.standard-box-inner a,
.inner-profile-box a {
  display: block;
  overflow: hidden;
}

.standard-box-inner .indent,
.standard-box-inner h4 {
  margin-left: -48px;
}

/* Okay, all the profile-box-stuff has to be
refactored when we UXi-fy all boxes.
This is temporarily. */

#user-pic {
  background: none;
  display: inline;
  float: left;
}

#profile-box a {
  font-weight: normal;
  margin-bottom: 3px;
  text-decoration: none;
}

#profile-box a img {
  margin-right: 5px;
  padding-left: 5px;
}

#profile-box h4 {
  margin: 0 0 10px;
}

.inner-profile-box {
  padding: 4px 15px 5px 50px;
}

#profile-box #edit-profile-link {
  clear: both;
  color: #808080;
  text-decoration: underline;
}

#profile-box h4,
.inner-profile-box a #user-pic,
#profile-box #edit-profile-link {
  margin-left: -45px;
}

#profile-box #user-pic {
  margin: 0 10px 5px -45px;
}

/* profile completeness meter*/
div.profil {
  background: url(/img/xing/ill_profile_compl_inactive.gif) no-repeat 1px 1px;
  border: 1px solid #999;
  clear: both;
  margin: 7px 5px 5px 0;
  padding: 1px;
  width: 219px;
}

div.profil div {
  overflow: hidden;
}

#modal-window-completion-level p {
  margin: 0 0 5px;
}

#modal-window-completion-level h3 .help-icon {
  background-image: url(/img/v/spr_icons_r11.png);
  background-position: -76px -106px;
  margin-left: -12px;
}

#compl-desc {
  float: right;
  font-size: 10px;
  margin: 0 5px 0 0; 
}

/* Extra class for lists which look like contact-info-contacts lists but being used in another context */
li.contact-statistics {
  background: url(/img/xing/bullit_brown_shaddow.gif) no-repeat 0 5px;
  padding-left: 12px;
}

li.contact-activity-bar {
  background: url(/img/xing/ill_activity_inactive.gif) no-repeat 1px 1px;
  border: 1px solid #999;
  margin: 5px 0 0 12px;
  padding: 1px;
  width: 159px;
}

/* double arrow (&raquo;) befor links on single message page */
a.raquo {
  text-decoration: none;
}

a.raquo:hover {
  text-decoration: underline;
}

/* different levels of opacity for links in tag cloud */
a.tagcloud0:link,
a.tagcloud1:link,
a.tagcloud2:link,
a.tagcloud3:link {
  font-weight: normal;
  text-decoration: underline;
}

a.tagcloud0:link,
a.tagcloud0:active,
a.tagcloud0:visited,
a.tagcloud0:hover { 
  color: #999;
  text-decoration: underline;
}

a.tagcloud1:link,
a.tagcloud1:active,
a.tagcloud1:visited,
a.tagcloud1:hover {
  color: #666;
  text-decoration: underline;
}

a.tagcloud2:link,
a.tagcloud2:active,
a.tagcloud2:visited,
a.tagcloud2:hover { 
  color: #333;
  text-decoration: underline;
}

a.tagcloud3:link,
a.tagcloud3:active,
a.tagcloud3:visited,
a.tagcloud3:hover {
  font-weight: bold;
  text-decoration: underline;
}

/* inline edit for ajax */
div.inlineedit {
  border: 1px solid #d5d6cc;
  padding: 0 2px;
}

.inlineedit-input {
  width: 100%;
}

.table-list div.inlineedit {
  width: 638px;
}

.table-list .network-doc-desc-narrow .inlineedit {
  width: 600px;
}

/*.inlineedit-input, bringt probleme beim umbrechen */
.inlineedit-display {
  overflow:hidden;
}

/* tags */
.table-list .inlineedit-display,
.table-list input.inlineedit-input {
  overflow:hidden;
  width: 636px;
}

.network-doc-desc-narrow .inlineedit-display {
  width: 614px;
}

.network-doc-desc-wide {
  width: 933px;
}

div.network-doc-desc-narrow a {
  border: none;
}

.contact-info-inv-status .inlineedit-display {
  width: 205px;
}

.contact-info-inv-status .inlineedit-input {
  width: 200px;
}

table.table-list .network-doc-desc-narrow textarea.inlineedit-input {
  width: 609px;
}

.contact-info-inv-status .inlineedit-display {
  height: 70px;
  overflow: auto;
}

/* memo */
textarea.inlineedit-input {
  height: 60px;
}

table.table-list textarea.inlineedit-input {
  width: 636px;
}

div.contact-info-inv-status textarea.inlineedit-input {
  width: 200px;
}

div.inlineedit.empty{
  color: #bbb;
}

div.inlineedit.hover{
  background-color: #FCFFCC;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  cursor: text;
}

/* top link in long text areas */
a.top-link{
  background: url(/img/xing/icn_arrow_top.gif) no-repeat right;
  border-bottom: 1px dotted #999;
  display: block;
  font-weight: bold;
  padding-right: 12px;
  text-align: right;
  text-decoration: none;
}

/* privacy protection background */
.privacy-protection {
  background: url(/img/n/privacy_protection.gif) top left no-repeat;
  height:64px;
  padding-left: 100px;
  position: relative;
}

p.privacy-protection span.privacy-protection-txt {
  bottom: 10px;
  left: 100px;
  position: absolute;
}

/* shareable links like invitation */
tt,
a.code {
  font-family: "Courier New", Courier, monospace;
  font-size:1.1em;
  text-decoration:none;
}

a.code:hover{
  text-decoration:underline;
}

/* grey box such as used in credit card frame */

div.grey-box {
  background: url(/img/xing/bg_box_grey_top.gif) no-repeat;
  padding: 8px 0 0;
}

div.grey-box div.grey-box-bottom {
  background: url(/img/xing/bg_box_grey_bottom.gif) no-repeat bottom left;
  padding: 8px 16px 16px;
}

/* shadows for payment icons */
img.payment-icon  {
  background: url(/img/xing/bg_payment.gif) no-repeat;
  padding: 1px 5px 5px 1px;
}

/* a non editable field section */
.datafield {
  border: 1px solid #ccc;
  margin-bottom:.5em;
  padding: 2px 4px;
}

/* premium upsell page */
.upgrade-teaser {
  background: url(/img/xing/upgrade_teaser.png) no-repeat;
  margin-bottom: 32px;
  min-height: 100px; /* bg-height */
  overflow: hidden;
  padding: 0 0 0 175px;
}

.upgrade-teaser h1 {
  padding-left: 0;
}

.upgrade-teaser strong {
  color: #006567;
  font-size: 1.4em;
  font-weight: bold;
}

.premium-upgrade h3,
.premium-upgrade h2,
.premium-upgrade h1 {
  color: #006567;
}

#premium-benefits,
#recruiter-benefits {
  border-bottom: 1px solid #D5D6CC;
  list-style: none;
  margin: 0 0 32px;
}

#premium-benefits li,
#recruiter-benefits li {
  border-top: 1px solid #D5D6CC;
  padding: 0 12px;
}

#premium-benefits li div,
#recruiter-benefits li div {
  background: url(/img/s/spr_upgrade_icons_r10.png) no-repeat 0 7px;
  min-height: 32px;
  padding: 0 0 0 32px;
  margin: 0 0 12px 0;
}

#premium-benefits li.adv-open div,
#recruiter-benefits li.adv-open div {
  padding-bottom: 12px;
  margin-bottom: 0px;
}

#premium-benefits li#upgrade-adv-1 div,
#recruiter-benefits li#upgrade-adv-1 div {
  background-position: 0 7px;
}

#premium-benefits li#upgrade-adv-2 div,
#recruiter-benefits li#upgrade-adv-2 div {
  background-position: -32px 7px;
}

#premium-benefits li#upgrade-adv-3 div,
#recruiter-benefits li#upgrade-adv-3 div {
  background-position: -64px 7px;
}

#premium-benefits li#upgrade-adv-4 div {
  background-position: -96px 7px;
}

#premium-benefits li#upgrade-adv-5 div {
  background-position: -128px 7px;
}

#premium-benefits li#upgrade-adv-6 div {
  background-position: -160px 7px;
}

#premium-benefits li#upgrade-adv-7 div {
  background-position: -190px 7px;
}

#recruiter-benefits li#upgrade-adv-8 div {
  background-position: -220px 7px;
}

#premium-benefits h4,
#recruiter-benefits h4 {
  background: url(/img/s/spr_toggle.png) no-repeat 100% 12px;
  font-weight: normal;
  margin: 0;
  padding: 12px 15px 12px 16px;
}

#premium-benefits p,
#recruiter-benefits p {
  display: none;
  margin: 0;
  padding: 0 0 0 16px;
}

ul#premium-benefits li,
ul#recruiter-benefits li,
ul#premium-benefits li *,
ul#recruiter-benefits li * {
  background-color: #fff;
  cursor: pointer;
}

ul#premium-benefits li.adv-open,
ul#recruiter-benefits li.adv-open,
ul#premium-benefits li.adv-open *,
ul#recruiter-benefits li.adv-open * {
  background-color: #EDF4F2;
}

ul#premium-benefits li.adv-open h4,
ul#recruiter-benefits li.adv-open h4 {
  background-position: 100% -39px;
  font-weight: bold;
}

ul#premium-benefits li.adv-open p,
ul#recruiter-benefits li.adv-open p {
  display: block;
}

.premium-upgrade .teaser a {
  background: none !important;
  color: #006567 !important;
  padding: 0 !important;
  text-decoration: underline !important;
}

/* small status box in upsell page */

.membership-status-col {
  background: url(/img/xing/bg_box_315_bottom.gif) no-repeat bottom left;
  display: table;
  margin-top: 4px;
  padding: 0 0 12px;
  table-layout: fixed;
  width: 100%;
}

.membership-status-col h4 {
  background: url(/img/xing/bg_box_315_top.gif) no-repeat;
  height: 1%;
  margin-top: -3px;
  padding: 12px 13px 0;
  position: relative;
}

/* status box in membership area */

div.membership-status {
  background: url(/img/xing/bg_box_821_top.gif) no-repeat;
  clear: both;
  overflow: hidden;
  padding: 4px 0 0;
  width: 100%;
}

div.membership-status div.inner{
  background: url(/img/xing/bg_box_821_bottom.gif) no-repeat bottom left;
  float: left;
  padding: 4px 0 8px;
  width: 821px;
}

/* TODO: clarify: .membership-status img AND img.membership-status */

div.membership-status img{
  float: right;
  margin: 0 10px;
  padding: 0;
}

img.membership-status{
  float: right;
  margin: 4px 10px ;
  padding: 0;
}

div.membership-status div.content,
div.membership-status h4{
  margin: 0;
  padding: 2px 7px;
}

div.membership-status div.content {
  background-color: #f0f0f0;
  margin: 2px 1px;
  overflow: hidden;
}

div.membership-status div.content div.label {
  display: block;
  float: left;
  padding: 0;
  width: 80px;
}

div.membership-status div.content div.value {
  display: block;
  float: left;
  width: 600px;
}

button.has-info {
  float: none;
  margin: 10px 15px 12px 93px;
  vertical-align: middle;
}

.membership-status-col dl.dl-table,
.membership-status dl.dl-table {
  background-color: #f0f0f0;
  clear: both;
  line-height: 150%;
  margin: 0 1px;
  overflow: hidden;
}

.membership-status-col dl.dl-table dd,
.membership-status dl.dl-table dd {
  border-top: 2px solid #fff;
  float: left;
  padding: 0 5px 0 0;
  width: 655px;
}

.membership-status-col dl.dl-table dd{
  width: 145px;
}

.membership-status dl.dl-table dt {
  border-top: 2px solid #fff;
  padding-left: 8px;
  width: 150px;
}

.membership-status-col dl.dl-table dt {
  border-top: 2px solid #fff;
  float: left;
  padding-left: 13px;
  width: 150px;
}

/* congrats Page */
  
div.congrats .infotxt {
  width: 821px;
}

div.congrats #sample-search { 
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 10px;
  width: 600px;
}

div.congrats #sample-search h4{ 
  border-top: 1px solid #F0F0F0;
  padding-top: 10px;
}

div.congrats #sample-search a{
  float: right; 
  margin: -18px 0 0 0;
}

/* Quick Search */

#quick-search div {
  background: #f0f0f0 url(/img/n/icn_search.gif) no-repeat 8px center;
  display: inline;
  float: left;
  overflow: hidden;
  padding: 5px 0 5px 30px;
}

#quick-search label {
  float: left;
  font-weight: bold;
  padding: 5px;
}

#quick-search #keywords-search-field {
  float: left;
  margin: 3px 5px 3px 5px;
  padding: 2px;
  width: 400px;
}

/* Style definitions for edit my contact page */

.contact-page-picture-col {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-left: 8px;
  width: 140px;
}

.contact-page-form-col {
  float: left;
  overflow: hidden;
  width: 827px;
}

.contact-page-form-col div.form-col-one {
  float: left;
  overflow: hidden;
  width: 411px;
}

.contact-page-form-col div.form-col-margin {
  margin-right: 5px;
}

.contact-page-form-col .private {
  background: url(/img/xing/icn_lock.gif) no-repeat right;
  padding-right: 15px;
}

.contact-page-form-col div.form-inner-col {
  float: left;
  width: 194px;
}
.contact-page-form-col div.form-inner-col-margin {
  padding-right: 5px;
}

.contact-page-form-col div.form-inner-homepage-col {
  float: left;
  width: 127px;
  padding-right: 10px;
  margin: 0;
}

.contact-page-form-col div.form-inner-year-col {
  float: left;
  width: 253px;
}

.contact-page-form-col select {
  margin-right: 5px;
}

.contact-page-form-col textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  height: 5.5em;
  width: 98%;
}

/* centers image in os specific link */
img.os-icon{
  padding-bottom: 3px;
  vertical-align: middle;
}

/* quotes in group  discussions*/
cite.quote {
  border-left: 4px solid #888;
  color: #888;
  display: block;
  font-style: italic;
  padding-left: 4px;
}

/* html is needed for ie */
html {
  font-size: 100%;
}

body {
  background: #FFF;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%; /* sets default font size to 10px, so 1.2em = 12px */
  line-height: 140%;
}

/* please leave the star as it is,
important for all font-sizes for the child elements of this id */
*#content {
  font-size: 1.2em;
  line-height: 140%;
}

textarea.non-premium, input.text.non-premium, select.non-premium {
  background-color: #EFEFEF;
}

/* headline definition for every page */
h1 {
  clear: both;
  color: #006567;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 1px 0 10px 8px;
}

h1.name {
  color: #333;
  font-size: 1.6em;
  line-height: 1.1em;
  margin: 0 0 1em;
  padding: 0;
}

h2 {
  font-size: 1.4em;
  line-height: 120%;
  margin: 0 0 8px;
  padding: 0;
}

h2.user-box {
  font-size: 1.1em;
  line-height: 120%;
  margin: 0 0 2px;
  padding: 6px 4px 6px 8px;
}

h2.headline-power-search {
  background: url(/img/xing/bg_box_482_top.gif) no-repeat top;
  font-weight: normal;
  margin: 0;
  padding: 5px 0 2px 5px;
}

h2.group-welcome {
  padding-left: 7px;
}

h3 {
  font-size: 1.2em;
  margin: 0 0 .5em;
  padding: 0;
}

h4 {
  font-size: 1em;
  margin: .75em 0 1px;
  padding: 0;
}

h4 a{
  text-decoration:none;
}

a {
  color: #333;
}

.no-ul a,
a.no-ul  {
  text-decoration: none;
}

.no-ul a:hover,
a.no-ul:hover  {
  text-decoration: underline;
}

label.text-field{
  font-weight: bold;
}

label {
  font-weight: normal;
}


/* background and color for tool boxes and search forms on events page */
.tool-form {
  background: #f0f0f0;
  overflow: hidden;
  padding: 12px 10px;
}

table {
  font-size: 100%;
}

table p {
  font-size: 1em;
}

#content p {
  line-height: 140%;
}

#info-list {
  line-height: 140%;
}

#dym-search-name {
  margin: 0 0 8px 8px;
}

.info-message,
.warning-message,
.confirm-message,
.error-message-top,
#no-javascript {
  background-position: 8px 5px;
  background-repeat: no-repeat;
  clear:both;
  color: #333;
  font-weight: normal;
  line-height:16px !important;
  margin: 0 0 17px;
  padding: 3px 24px 3px;
}

.info-message {
  background: url(/img/v/icn_info_r1.gif) no-repeat;
  margin-bottom: 5px;
  padding-left: 22px;
  padding-top: 1px;
}

.info-message-tandc {
  background: url(/img/v/icn_info_r1.gif) no-repeat left 5px;
  border-bottom: 1px dotted #999;
  border-top: 1px dotted #999;
  padding-bottom: 6px;
  padding-left: 22px;
  padding-top: 6px;
}

.warning-message {
  background: #fffab2 url(/img/v/icn_warning_r2.png) no-repeat 11px 5px;
}

.warning-bg-color {
  background-color: #fffab2;
}

.error-message-top,
#no-javascript {
  background-color: #ea7385;
  background-image: url(/img/v/icn_error_r2.png);
}

.error-message-top h4 {
  margin: 0 0 3px;
  padding: 0;
}

.error-message {
  background: none;
  clear: both;
  color: #BC100E;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 1px 0 0;
}

.confirm-message {
  background-color: #b2dcc0;
  background-image: url(/img/v/icn_confirmation_r2.png);
  background-position: 5px 5px;
}

/* javascript error message */
#no-javascript{
  font-size: 1.2em;
  font-weight: bold;
}

.hint-message{
  background-color: #EDF4F2;
  float: left;
  margin-left: 8px;
  padding: 8px; 
}

#search-agent-list .hint-message{
  float: none;
  margin-left: -8px;
}

.warning-form-field {
  border:1px solid #F7CD45;
}

.confirmation-message {
  background: #FFF;
  color: #A1B64D;
}

.table-list-pagination {
  border-bottom: 1px dotted #999;
  margin-bottom: 5px;
  padding: 0 0 5px;
}

/* def only needed for ie7 */
.table-list-pagination form {
  padding-bottom: 5px;
}

.table-list-pagination-bottom {
  border-bottom: 0;
  border-top: 1px dotted #999;
  margin-top: 15px;
  padding: 8px 0 0;
}

.table-list-pagination a {
  border-left: 1px solid #333;
  font-weight: normal;
  padding: 0 3px 0 5px;
  text-decoration: none;
}

.table-list-pagination a:hover {
  text-decoration: underline;
}

.table-list-pagination a.selected {
  font-weight: bold;
}

.table-list-pagination .bullet-link {
  border-left: none;
  padding-left: 17px;
  text-decoration: underline;
}

.table-list-pagination .disabled {
  border-left: 1px solid #333;
  color: #A0A0A0;
  padding: 0 3px 0 0;
}

.table-list-pagination .first {
  padding: 0 3px 0 0;
}

.table-list-pagination.alpha-pagination a {
  border: 0;
  padding: 0 2px 0 0;
}

/* required form fields */
.required-fields {
  font-size: 1.4em; /* needed in th cells */
  font-weight: normal;
  line-height: .1em;
  margin: 0 0 0 1px;
  padding: 0;
}

/* premium membership converted currency amount */
.converted-amount {
  color: #006567;
}

*.normal {
  font-weight: normal !important;
}

.b1 {
  border: 1px solid red;
}
.text-border {
  border: 1px solid #D5D6CC;
}

.borderright {
  border-right: 1px solid #333;
  margin-right: 5px;
  padding-right: 5px;
}

.borderbottom {
  border-bottom: 1px dotted #999;
  margin-bottom: 0px;
  padding-bottom: 15px;
}

.bordertop {
  border-top: 1px dotted #999;
  margin-top: 0px;
  padding-top: 15px;
}

.section-border {
  border-bottom: 1px dotted #999;
  clear: both;
  float: none;
  margin: 0;
  overflow: hidden;
  padding: 2px 8px;
}

.section-border a {
  padding: 0 1px;
  text-decoration: none;
}

.section-border a:hover {
  text-decoration: underline;
}

.section-border a.selected {
  font-weight: bold;
}

input.disabled {
  background-color: #A0A0A0;
  color: #333;
}

.fixed-anchors {
  overflow: visible;
}

table.clean, table.clean td, table.clean tr {
  margin: 0;
  padding: 0;
}

/* make sure text large input fields fit into */
.col_two select.large,
.col_two textarea.large,
.col_two input.large{
  display: block;
  margin: 2px 0;
  width: 647px;
}

.col_one select.large,
.col_one textarea.large,
.col_one input.large{
  width:310px;
}

.col_one.clr select.large,
.col_one.clr textarea.large,
.col_one.clr input.large{
  width:300px;
}

/* def for all form buttons */
button div {
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 5px;
}

/* definition for standard submit button, beware of the ie defs in the ie.css - should be different!*/
button div p,
button div table {
  color: #006567;
  font-size: 14px;
  line-height:1em;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 9px 12px 10px 7px;
}

button.btn,
button.btn-submit-tools,
button.btn-cancel-tools{
  margin: 0;
  padding: 0;
}

button div.btn {
  background-image: url(/img/xing/btn_bg_left.gif);
}

button div.btn-submit {
  background-image: url(/img/xing/btn_bg_submit_left.gif);
}

button div.btn-submit-tools {
  background-image: url(/img/xing/btn_bg_submit_tools_left.gif);
}

button div.btn-cancel-tools {
  background-image: url(/img/xing/btn_bg_cancel_tools_left.gif);
}

button div.btn-large-submit {
  background-image: url(/img/xing/btn_bg_large_submit_left.gif);
}

button div.btn-cancel {
  background-image: url(/img/xing/btn_bg_cancel_left.gif);
}

button div.btn-export {
  background-image: url(/img/xing/btn_bg_export_left.gif);
}

button div p.btn {
  background-image: url(/img/xing/btn_bg_right.gif);
}

button div p.btn-submit {
  background-image: url(/img/xing/btn_bg_submit_right.gif);
}

button div p.btn-submit-tools {
  background-image: url(/img/xing/btn_bg_submit_tools_right.gif);
}

button div p.btn-cancel-tools {
  background-image: url(/img/xing/btn_bg_cancel_tools_right.gif);
}

button div p.btn-large-submit,
button div table.btn-large-submit {
  background-image: url(/img/xing/btn_bg_large_submit_right.gif);
}

button div p.btn-cancel {
  background-image: url(/img/xing/btn_bg_cancel_right.gif);
}

button div p.btn-export {
  background-image: url(/img/xing/btn_bg_export_right.gif);
}

/* beware of the ie defs in the ie.css - should be different! */
button div p.btn,
button div p.btn-submit-tools,
button div p.btn-cancel-tools {
  font-size: 13px;
  line-height: 1.6em;
  padding: 3px 12px 2px 7px;
}

/* beware of the ie defs in the ie.css - should be different! */
button div p.btn-export {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 1px 12px 2px 7px;
  color: #000;
}

/* definition for cancel/reset tools buttons */
button div p.btn-cancel,
button div p.btn-submit-tools,
button div p.btn-cancel-tools {
  color: #fff;
}

/* definition for "add as contact" button, beware of the ie defs in the ie.css - should be different! */
button div p.btn-large-submit,
button div table.btn-large-submit {
  line-height: 1em;
  padding: 0 0 0 5px;
  white-space: normal;
}

/* teaser button */

div.teaser {
  background: url(/img/xing/bg_teaser_bottom.gif) no-repeat bottom left;
  cursor: pointer;
  margin: 0 0 1em;
  padding: 0;
  width: 315px;
}

div.teaser.small {
  width: 290px;
}

div.teaser div.teaser-content{
  background: url(/img/xing/bg_teaser_top.gif) no-repeat;
  display: block;
  overflow: hidden;
  padding: 12px 13px;
}

div.teaser div.teaser-content p {
  margin: 0;
  padding: 0;
}

div.teaser.invite h4{
  color: #89AA4B;
}

div.teaser.corporate {
  background: url(/img/xing/bg_teaser_corporate_bottom.gif) no-repeat bottom left;
}

div.teaser.corporate div.teaser-content{
  background: url(/img/xing/bg_teaser_corporate_top.gif) no-repeat;
}

div.teaser.premium {
  background: url(/img/xing/bg_teaser_premium_bottom.gif) no-repeat bottom left;
}

div.teaser.premium div.teaser-content{
  background: url(/img/xing/bg_teaser_premium_top.gif) no-repeat;
}

div.teaser.premium h4{
  color: #065159;
}

div.jobboard-teaser img {
  float: right;
  margin-left: 10px;
  padding: 5px 0;
}

h4.upgrade-now {
  color: #006567;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 2px;
}

div.teaser img {
  padding:0 0 .5em;
}

div.teaser img.icon {
  float: right;
  height: 64px;
  padding: 0 !important;
  width: 64px;
}

div.teaser h4{
  color: #666;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 4px;
}

/* The style a.raquo-block-link is used on 646_premium_group_infos_inc.php */
div.teaser div.teaser-content a,
div.teaser-large div.teaser-content a,
div.recruiter-teaser a,
div.jobboard-teaser a,
dd a.message-lightbox-link,
div.special-teaser a.linktext, /* temporary for jobboard-special-teaser, pls delete if exp. */
a.raquo-block-link {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat -1px -794px;
  display: block;
  padding-left: 10px;
  text-decoration: none;
}

div.teaser div.teaser-content h4 a {
  background: none;
  display: block;
  padding-left: 0px;
  text-decoration: none;
}

div.teaser div.teaser-content a:hover,
div.teaser:hover a,
div.teaser-large div.teaser-content a:hover,
a.raquo-block-link:hover {
  text-decoration: underline; /* firefox only */
}

div.teaser-large {
  background: url(/img/xing/bg_teaser_member_bottom.gif) no-repeat bottom left;
  cursor: pointer;
  margin: 0 0 1em;
  padding: 0;
  width: 650px;
}

div.teaser-large div.teaser-content{
  background: url(/img/xing/bg_teaser_member_top.gif) no-repeat;
  display:block;
  overflow:hidden;
  padding: 0 13px 15px;
}

div.recruiter-teaser,
div.jobboard-teaser {
  cursor: pointer;
  margin-top: 10px;
  padding: 10px;
}

div.company-teaser h4,
div.recruiter-teaser h4 {
  color: #006567;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 2px;
}

div.recruiter-teaser .new-sign {
  margin-left: 5px;
}

div.recruiter-teaser img {
  float: right;
  padding: 5px 0 0 4px;
}

/* temporary - pls delete if expired 
also everything with jobboard-teaser */
div.special-teaser a.linktext,
dd a.message-lightbox-link,
div.jobboard-teaser a {
  text-decoration: underline;
}

/* temporary - pls delete after 10.02.10, when the
   special will be expired */
#six-years-special p {
  margin-bottom: 0;
}

#six-years-special p a {
  line-height: 200%;
}

/* message in da lightbox */
.message-lightbox-green-link,
.message-lightbox-link-basic,
.message-lightbox-link-bhover,
.message-lightbox-group {
  color: #066;
  text-decoration: none;
}

.message-lightbox-link-basic,
.message-lightbox-link-bhover,
#premium-flag {
  cursor: help;
}

#message-lightbox,
#message-lightbox-wrapper {
  width: 450px;
}

#message-lightbox h2 {
  color: #066;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
  width: 93%;
}

#message-lightbox input,
#message-lightbox textarea {
  border-color: #BFBFBF #E0E0E0 #E0E0E0 #BFBFBF;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
  margin-bottom: 5px;
  width: 445px;
}

#message-lightbox fieldset {
  margin-bottom: 10px;
}

#message-lightbox fieldset ul {
  font-size: 12px;
  padding-left: 0;
}

#message-sent-confirm {
  color: #333;
  font-size: 1.45em;
  margin: 12px 30px 14px 20px;
  width: 450px;
}

#message-sent-confirm img {
  background: url(/img/v/spr_icons_r11.png) -18px -92px no-repeat;
}

.message-lightbox-group {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat -1px -795px;
  padding-left: 10px;
  position: relative;
  text-decoration: underline;
}

.premium-link {
  background: url(/img/s/spr_upgrade_icons_r10.png) no-repeat -465px -11px;
  margin: 0 0 0 3px;
}

.article-author .premium-link {
  position: absolute;
  top: -3px;
  right: -45px;
}

.article-author .message-lightbox-link,
.article-author .message-lightbox-group {
  color: #333;
}

.premium-link-links {
  background: url(/img/s/spr_upgrade_icons_r10.png) no-repeat -465px -4px;
  margin: 5px 5px 0 0;
  position: relative;
  top: 2px;
  left: 0;
}

/* File upload buttons */
div.fileinputs {
  height: 4em;
  position: relative;
}

div.fakefile {
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
}

input.file {
  border: none; /* this one is needed only for opera on mac - see XNG-16515 */
  cursor: pointer;
  font-size: 50px;
  height: 46px;
  line-height: 50px;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

/* Button "I want Premium Membership" */
button.btn-premium-membership {
  margin: 0;
  padding: 0;
}

button div p.btn-premium-membership {
  background-image: url(/img/xing/btn_premium_membership_right.gif);
  color: white;
  font-size: 13px;
  line-height: 1.6em;
  padding: 22px 30px 28px 60px;
}

button div.btn-premium-membership{
  background-image: url(/img/xing/btn_premium_membership_left.gif);
}

/* auto completer */

.auto-complete {
  background-color: white;
  border: 1px solid #BBB;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  font-size: 1.2em;
  left: 500px;
  padding: 1px;
  position: absolute;
  text-align: left;
  top: 200px;
}

.auto-complete img {
  cursor: pointer;
  height: 16px;
  opacity: .5;
  position: absolute;
  right: 2px;
  width: 16px;
}

.auto-complete img.up-arrow{
  top: 2px;
}

.auto-complete img.down-arrow{
  bottom: 2px;
}

.auto-complete ul li {
  cursor: pointer;
  padding: 0 30px 1px 3px;
}

.auto-complete ul li.selected {
  background-color: #D5D6CC;
}

/* search form for contact page */

#contacts-search-form input.text, #advanced-search-form select  {
  margin: 0 0 10px;
  width: 290px;
}

#contacts-search-form input {
  margin: 0;
  width: auto;
}

#contacts-search-form button {
  margin-left: 10px;
}

#contacts-search-form label  {
  display: block;
  font-weight: bold;
  margin: 0 10px 0 0;
}

.contact-card {
  background: url(/img/xing/bg_contact_top.gif) no-repeat;
  float: left;
  margin: 11px 11px 0 0;
  width: 238px;
}

.contact-card .photo{
  background-color: transparent;
  float: left;
  overflow: hidden;
  padding: 10px 0 3px 10px;
  width: 70px;
}

.contact-card .description{
  float: left;
  margin: 10px 0 0 7px;
  overflow: hidden;
  width: 140px;
}

.contact-card .main-info{
  background: url(/img/xing/bg_contact_bottom.gif) no-repeat bottom left;
  height: 153px;
  line-height: 1em;
  overflow: hidden;
  padding-bottom: 4px;
}

#contacts-table th{
  text-align: center;
}

#modal-window-bookmark {
  background-image: url(/img/xing/icn_bookmark_add.gif);
}

#bookmarkeds-table {
  width: 100% ;
}

.modal-window,
.context-window {
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 1.2em;
  line-height: 120%;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  z-index: 10000;
}

/* FF2 MAC scrollbar bleedthrough fix (hack) */
.modal-window {
  overflow: auto;
}

.modal-window .wrapper,
.context-window .wrapper {
  background-position: bottom left;
  background-repeat: no-repeat;
  margin-top: 5px;
  padding: 5px 10px 10px 10px;
}

.modal-window h3,
.context-window h3 {
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 2px 0 4px 20px;
}

.modal-window h3.spam {
  padding-left: 0;
}

.modal-window h3.spam img {
  background: url(/img/v/spr_icons_r11.png) no-repeat -126px -1px;
}

.modal-window textarea {
  margin-bottom: 3px;
  width: 290px;
}

.modal-window img.close,
.context-window img.close {
  cursor: pointer;
  float: right;
}
.context-window{
  background-image: url(/img/v/win_context_bg_top_r1.gif);
  width: 197px;
}

.context-window.help {
  background: url(/img/v/win_context_help_bg_top_r1.gif);
  width: 300px;
}

.modal-window {
  background-image: url(/img/v/win_modal_bg_top_r2.gif);
  width: 315px;
}
.context-window .wrapper  {
  background-image: url(/img/v/win_context_bg_bottom_r1.gif);
}

.context-window.help .wrapper  {
  background-image: url(/img/v/win_context_help_bg_bottom_r1.gif);
}
.modal-window .wrapper {
  background-image: url(/img/v/win_modal_bg_bottom_r2.gif);
}

.modal-background {
  background-color: #000;
  height: 1000px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#context-window-info {
  background-color: #EDF4F2;
  background-image: none;
  border: 1px solid #C8C8C8;
  font-size: 1.0em;
  margin: 5px 0 0;
  position: relative;
  width: 325px; /* war: 300px */
}

#context-window-info .wrap {
  border: 3px solid #F0F0F0;
  padding: 10px 5px 10px 65px;
}

#context-window-info .wrap img {
  display: block;
  background-image: url(/img/s/spr_upgrade_icons_r10.png);
}

#context-window-info .premium-icon {
  background-repeat: no-repeat;
  background-position: -518px 50%;
  margin: 0 0 5px 3px;
}

#context-window-info h2 {
  font-size: 12px;
}


/* Startpage Infobox: Member Search */
#member-search-inc-form {
  padding-left: 8px;
}

#member-search-inc-form button {
  margin-top: 10px;
}

#member-search-inc-form input {
  display: block;
  width: 96%;
}

#member-search-inc-form label {
  display: block;
  font-weight: bold;
}

.email-confirmation-top {
  background: url(/img/xing/bg_green_box_top.gif) no-repeat;
  padding: 6px 0 0;
}

div.email-confirmation-bottom {
  background: url(/img/xing/bg_green_box_bottom.gif) no-repeat left bottom;
  overflow: hidden;
  padding: 11px 15px 20px;
}

.email-confirmation-bottom span .b {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}

/* headlines */
#invitations h4 {
  background: url(/img/xing/box_level0_left.gif) no-repeat;
  height: 1%;
  line-height: 19px;
  overflow: hidden;
  padding: 0;
}

#invitations h4 span {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: normal;
}

#invitations h4 span.invitations-counter-headline {
  background: url(/img/xing/box_level0_right.gif) no-repeat;
  padding-left: 10px;
}

#invitations h4 span.invitations-counter {
  padding-left: 11px;
  padding-right: 8px;
}

#invitations h4.level1, #invitations h4.level2, #invitations h4.level2_bot {
  background: url(/img/xing/box_level1_left.gif) no-repeat;
  margin-top: 0px;
  padding-left: 22px;
}

#invitations h4.level2 {
  background: url(/img/xing/box_level2_left.gif) no-repeat;
}

#invitations h4.level2_bot {
  background: url(/img/xing/box_bot_left.gif) no-repeat;
}

/* lists */
#invitations_status li {
  padding: 0 0 10px 25px;
  background: url(/img/xing/icn_check_special_for_addressbook.gif) no-repeat;
}

ul.invitations_list li {
  background: url(/img/xing/invite/bullit_olive.gif) no-repeat 0 .5em;
  padding-left: 12px;
}

ul.info-list-hints {
  padding-left: 7px;
}

ul.info-list-hints li {
  background: url(/img/xing/invite/bullit_olive.gif) no-repeat 0 .5em;
  padding-left: 12px;
}


/* main divs & paragraphs */

/* left column */
#invitations div.level1,
#invitations div.level1_bot,
#invitations div.level2 {
  background: url(/img/xing/box_line.gif) repeat-y;
  padding-left: 14px;
}

#invitations div.level1_bot {
  background: none;
  margin: 0 0 0 14px;
  padding: 0;
}

#invitations div.level2 {
  margin-left: 22px;
  padding: 15px 0 25px 14px;
}

#invitations div.level2_bot {
  margin-left: 22px;
  padding: 15px 0 25px 14px;
}

#invitations div.level2_bot {
  padding-top: 0;
}

#invitations div.level1 p,
#invitations div.level2 table,
#invitations div.level2_bot table {
  margin-left: 22px;
}

/* Invite Page
=============== */

#invite-options li {
  background-position: left 18px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #D8D8D8;
  padding: 20px 0 20px 55px;
}

#invite-options li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#invite-options #by-email {
  background-image: url(/img/n/brief.png);
}

#invite-options #from-addressbook {
  background-image: url(/img/n/address_book.png);
}

#invite-options #invitation-links {
  background-image: url(/img/n/personal_invitation.png);
}

#invite-options li li {
  background: none;
  border-bottom: none;
  padding: 5px 0;
}

#invite-options li li label {
  display: block;
  font-weight: bold;
}

#invite-options li.field-short {
  float: left;
  width: 255px;
}

#invite-options li.field-long {
  clear: left;
  width: 530px;
}

#invite-options li.field-short input,
#invite-options li.field-long input {
  width: 99%;
}

#invite-options .invite-last-name {
  margin-left: 17px;
}

#invite-options .last {
  border-bottom: none;
  width: 520px;
}

#invite-options h3 {
  color: #166;
}

#invite-options h4 {
  margin-top: 13px;
}

#invite-options .contacts-to-invite {
  padding: 3px 0;
}

#invite-options .form-left-col {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 252px;
}

#invite-options .form-right-col {
  float: left;
  width: 252px;
}

#invite-options .form-right-col.borderbottom {
  padding-bottom: 10px !important;
}

.form-right-col-img img {
  border: 0;
  margin: 5px 5px 0 0;
}

#invite-options #email-container {
  float: left;
  margin-top: 7px;
  width: 525px;
}

#invite-options #form-field-options {
  margin-left: 8px;
  position: relative;
  top: 24px;
}

#recipients .firstname-cell,
#recipients .lastname-cell {
  padding: 0 0 5px;
  width: 252px;
}

#recipients .firstname-cell {
  padding-right: 20px;
}

#recipients .email-cell {
  padding-bottom: 14px;
}

#add-remove-buttons-cell {
  float: right;
  margin-top: -2.5em;
  width: 50px;
}

#add-remove-buttons-cell a {
  margin: 0;
  padding: 0;
}

#add-remove-buttons-cell img {
  height: 19px;
  width: 19px;
}

#recipients .firstname-cell input,
#recipients .lastname-cell input {
  width: 98%;
}

#recipients .email-cell input,
#mail_text {
  width: 99%;
}

#templatebox,
#invite-options #messagebox {
  width: 520px;
}

#templatebox {
  padding-top: 20px;
}

#templatebox fieldset,
#messagebox fieldset {
  margin-bottom: 10px;
}

#invite-options #salutation_div {
  width: 252px;
}

#emailform input#email {
  margin: 4px 0 0;
}

#email-recipient-container {
  border: 1px solid #ccc;
  height: 140px;
  margin-right: 20px;
  overflow: auto;
  padding: 2px 5px 5px;
  text-align: left;
  width: 450px;
}

ul#email-recipient-container li input {
  float: left;
  margin-right: 10px;
  width: auto;
}

#email-recipient-container .email-recipient label {
  display: block;
  float: left;
  height: 18px;
  overflow: hidden;
  width: 340px;
}

ul#email-recipient-container li {
  border-bottom: 1px solid #ccc;
  clear: left;
  height: 20px;
  padding: 7px 0 2px;
}

#check-all label {
  margin-top: 10px;
}

#check-all input {
  float: left;
  margin: 0 10px;
  width: auto;
}

#invite-options .options-div {
  padding-right: 36px;
  text-align: right;
  width: 520px;
}

#invite-options #buttons {
  position: relative;
  top: -7px;
}

#buttons .submit-button {
  float: none;
}

#address_form {
  float: left;
  margin: 10px 10px 0 0;
  width: 315px;
}

#address_form .protected {
  background-position: left 2px;
  color: #7f7f7f;
  font-size: 11px;
  padding: 0 0 0 15px;
}

#address_form .text-field {
  display: block;
}
#address_form .text-field input {
  width: 90%;
}

#domainList {
  clear: both;
  width: 630px;
}

#invite-options .last p {
  padding-right: 30px;
}

#invite-options .borderbottom p {
  margin-bottom: 0px;
}

#invite-options dl {
  margin-top: 10px;
}
#invite-options dt {
  font-weight: bold;
  margin: 4px 0 -2px;
}

#invite-options p.url,
#invite-options dd.url {
  color: #2e7C7C;
  margin: 2px 0 3px;
}

.teaser .inner-invite {
  cursor: default !important;
}

.teaser .inner-invite img {
  float: right;
  margin-left: 10px;
}

.teaser .inner-invite h4 {
  color: #006567 !important;
}

div.teaser div.inner-invite p {
  background-image: none !important;
  padding-left: 0 !important;
}

#addressimport-list {
  margin-bottom: 10px;
  overflow: hidden;
}

#addressimport-list li {
  display: inline;
  float: left;
  line-height: 28px;
  margin: 0 10px 0 0;
  vertical-align: bottom;
}

#addressimport-list img {
  border: none;
  margin: 0 10px 0 0;
}

.address-book-comparison {
  border: none !important;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.address-book-comparison a {
  text-decoration: none;
  vertical-align: middle;
}

.address-book-comparison a img {
  margin: 0 20px 0 0;
}

#addressImportDialog {
  background: url(/img/v/win_preview_bg_top_r2.gif) no-repeat;
  display: none;
  font-size: 1.2em;
  left: 343px;
  position: absolute;
  top: 0;
  width: 750px;
  z-index: 10000;
}

/* Invite-Special
please check, if expired
========================= */
#invitation-teaser {
  background: #bed2dc url(/img/v/invitation_teaser_bg_r1.png) no-repeat center bottom;
  padding: 10px 10px 147px;
}
#invitation-teaser h3 {
  color: #006567;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 0 16px;
}
#invitation-teaser ul li img {
  background: url(/img/v/spr_list_images_r2.png) no-repeat -60px 0;
  border: 0;
  left: -16px;
  position: absolute;
  top: 0;
}
#invitation-teaser ul li {
  margin: 8px 0 0 16px;
  position: relative;
}

/* used on search-result site*/
.grey_info_box_shadow {
  list-style: none;
  margin-left: 10px;
  padding-left: 0;
}

.grey_info_box_shadow li {
  background-image: url(/img/n/bg_search_no_matches.gif);
  background-repeat: no-repeat;
  height: 55px;
  padding-left: 65px;
}

.grey_info_box_shadow li span {
  display: block;
  height: 65px;
  padding-top: 5px;
}

.grey_info_box_shadow li a {
  display: block;
  height: 65px;
  padding-top: 12px;
}

.check-list li {
  background: url(/img/xing/icn_check.gif);
  background-repeat: no-repeat;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 1px 0 0 20px;
}

table.table-list .ext-name {
  overflow: hidden;
  width: 200px;
}

table.table-list .ext-title {
  overflow: hidden;
  width: 210px;
}

table.table-list td.ext-list-item {
  padding-bottom: 5px;
  padding-top: 5px;
  vertical-align: top;
}

table.table-list td.middle {
  vertical-align: middle !important;
}

.orange{
  background: #FFF;
  color: #E97F02;
}

ul.xing-help-list {
  list-style-image: url(/img/xing/tab_inactive_arrow.gif);
  list-style-position: outside;
  padding-left: 16px;
}

.preview-window {
  background: url(/img/v/win_preview_bg_top_r2.gif)  no-repeat;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 750px;
  z-index: 10000;
}

.preview-window .wrapper {
  background: url(/img/v/win_preview_bg_bottom_r2.gif) no-repeat left bottom;
  margin-top: 5px;
  padding: 10px 10px 45px 9px;
}

.preview-window .content {
  background: #fff;
  border: 1px solid #9C9C9C;
  height: 490px;
  overflow: scroll;
  text-align: left;
  width: 730px;
}

.preview-window .group_inv {
  border: 0;
  overflow: auto;
}

.hl-field {
  font-weight:bold;
  white-space:nowrap;
}

.hl-value {
  background: #c4dcd4;
  color: #333;
}

h3.hl-category-mp1 {
  background: url(/img/bg_hl_985.gif) no-repeat left center;
  color: #333333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  font-weight: bold;
  height: 17px;
  padding: 15px 8px;
}

/* profile 2007 */

/* profile: self, display */

h1.h1-profile,
p.h1-profile {
  clear: none;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 0 8px;
  padding: 0;
}

div.profile-row {
  clear: both;
  overflow: hidden;
  padding: 5px 0;
}

div.profile-row div.profile-col-category, div.profile-row-category {
  clear: both;
  float: left;
  font-weight: bold;
  padding: 0 5px 0 8px;
  width: 127px;
}

div.profile-row div.profile-col-content {
  float: left;
  overflow: hidden;
  width: 510px;
}

div.profile-row div.profile-col-content div.edit-mode, div.profile-row div.profile-col-content p.edit-mode {
  float: left;
  overflow: hidden;
  width: 375px;
}

div.profile-row div.profile-col-content div.display-mode, div.profile-row div.profile-col-content p.display-mode {
  float: left;
  overflow: hidden;
  width: 510px;
}

/* in settings */
div.col_5050 div.profile-row div.profile-col-content {
  float: left;
  padding-left: 8px;
  width: 374px;
}

div.col_three div.profile-row div.profile-col-content {
  float: left;
  padding-left: 8px;
  width: 884px;
}

div.profile-row h4.profile-col-category, h4.profile-row-category {
  font-weight: bold;
  height: 17px;
  margin: 0 0 10px;
  padding: 5px 5px 5px 8px;
  width: 469px;
}
#notifications-email-settings h2.list-headline,
#notifications-email-settings h2.list-headline span {
  background: url(/img/xing/bg_hl_col_three.gif);
}

h4.profile-col-category {
  background: #edf4f2 url(/img/xing/bg_hl_5050.gif) no-repeat left center;
}

h4.profile-row-category {
  background: #edf4f2 url(/img/xing/bg_hl_col_three.gif) no-repeat left center;
  width: 985px;
}

div.settings-check {
  float: left;
  width: 24px;
}

div.settings-content {
  float: left;
  width: 350px;
}

div.settings-content-right {
  float: left;
  width: 243px;
}

div.col_three div.settings-content {
  width: 850px;
}

div.col_one div.settings-content {
  padding-top :2px;
  width: 261px;
}

/* in edit mode */
div.wgt-box div div.settings-content {
  float: left;
  padding-top: 2px;
  width: 440px;
}

.protected {
  background: url(/img/xing/icn_protected.gif) no-repeat right 2px;
  padding-right:10px;
}

div.settings-check input {
  margin-left: 0;
  width: 13px;
}

div.settings-content select {
  margin-bottom: 7px;
  margin-right: 5px;
  width: auto;
}

.settings-content .info-message {
  background-position: left 6px;
  margin-bottom: 0px;
  padding-top: 7px;
}


/* Download page */
.intro-text {
  color: #006567
}

.download-code {
  border: 1px solid #9C9C9C;
  display: block;
  margin: 1px 0;
  overflow: visible;
  padding: 2px 0 2px 8px;
  width: auto;
}

.widget-teaser h4,
.download-header {
  color: #006567;
  margin-top: 10px;
}

.widget-teaser h4,
.widget-teaser p {
  padding-left: 70px;
}

.widget-teaser img {
  float: left;
  margin: 15px 10px 0 0;
}


/* CONTACT card */
.bg-contact-info-top {
  background: url(/img/n/bg_box_650_profile_top.gif) no-repeat;
  padding-top: 6px;
}

.bg-contact-info-bottom {
  background: url(/img/n/bg_box_650_profile_bottom.gif) no-repeat left bottom;
  overflow: hidden;
  padding: 0 0 4px 8px;
}

.contact-info-contacts {
  float: left;
  overflow: hidden;
  padding: 0 0 0 20px;
  text-align:left;
  width: 220px;
}

.profile-photo {
  height: 185px;
  width: 140px;
  z-index:1;
}

/* display styles */
/* headline with rounded corners */
h3.hl-category-col-three {
  background: #edf4f2 url(/img/xing/bg_hl_col_three.gif) no-repeat left center;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  height: 17px;
  margin: 5px 0;
  padding: 5px 8px;
}

h3.hl-category {
  background: #edf4f2 url(/img/xing/bg_hl.gif) no-repeat left center;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  height: 17px;
  margin: 5px 0;
  padding: 5px 8px;
}

h3.hl-category span a.lnk-show-hide {
  background: url(/img/xing/btn_down.gif) no-repeat right;
  color: #808080;
  font-weight: normal;
  padding: 2px 22px 2px 0;
}

div.btn-edit, span.btn-edit {
  background: url(/img/xing/btn_edit_bg_left.gif) no-repeat left center;
  float: left;
  font-weight: normal;
  margin: 0 8px 0 0;
  padding: 0 0 0 3px;
}

div.btn-edit div.btn-edit {
  background: url(/img/xing/btn_edit_bg_right.gif) no-repeat right center;
  margin: 0;
  padding: 0 8px 0 5px;
}

a.btn-edit:link, a.btn-edit:active, a.btn-edit:visited {
  color: #333;
  font-size: 11px;
  text-decoration: none;
}

a.btn-edit:hover {
  text-decoration: underline;
}

div.btn-edit, span.btn-edit {
  background: url(/img/xing/btn_edit_bg_left.gif) no-repeat left center;
  margin-right: 8px;
  padding: 0 0 0 3px;
}

span.btn-edit {
  float:none;
}

div.btn-edit {
  float:left;
}

div.btn-edit div.btn-edit, span.btn-edit span.btn-edit {
  background: url(/img/xing/btn_edit_bg_right.gif) no-repeat right center;
  margin: 0;
  padding: 2px 8px 2px 5px;
}

div.btn-edit div.btn-edit a.btn-edit:link,
div.btn-edit div.btn-edit a.btn-edit:active,
div.btn-edit div.btn-edit a.btn-edit:visited,
span.btn-edit span.btn-edit a.btn-edit:link,
span.btn-edit span.btn-edit a.btn-edit:active,
span.btn-edit span.btn-edit a.btn-edit:visited {
  color: #333;
  font-size: 11px;
  text-decoration: none;
}

div.btn-edit div.btn-edit a.btn-edit:hover,
span.btn-edit span.btn-edit a.btn-edit:hover {
  text-decoration: underline;
}

#upload-target {
  border: 0 solid #fff;
  height: 0;
  width: 0;
}

#certificates-download-target {
  border: 0 solid #fff;
  height: 0;
  width: 0;
}

p.profile-work-descr, p.profile-work-period, p.profile-work-note {
  margin: 0;
  padding: 0;
}

.profile-work-descr .summary a {
  font-weight: bold;
}

p.profile-work-note {
  clear: both;
  color: #808080;
}

.txt2nd, 
.link2nd {
  color: #808080;
  overflow: hidden;
}

.smalltxt2nd {
  color: #808080;
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 5px;
}

a.url:link, a.url:active, a.url:visited {
  color: #0e6e84;
  text-decoration: none;
}

a.url:hover {
  text-decoration: underline;
}

p.edu-department,
p.edu-school {
  margin: 0;
  padding: 0;
}

p.edu-notes {
  color: #808080;
  margin: 0;
  padding: 0;
}

/* widget styles */

div.wgt-frame {
  background-color: #edf4f2;
  border: 1px solid #cddcd4;
  margin: 5px 0;
  width: 648px;
}

div.wgt-frame.status-edit {
  overflow:hidden;
  width: 283px !important;
}

div.settings {
  width:auto;
}

div.settings-three {
  width: 985px;
}

div.wgt-frame div.wgt-box {
  overflow: hidden;
  padding: 8px;
}

div.wgt-frame div.wgt-save-box {
  clear: both;
  padding: 8px 0 0;
  overflow: hidden;
}

h4.hl-cat-sub {
  background-color: #c4dcd4;
  border: 1px solid #c4dcd4;
  font-size: 1em;
  margin: 0 0 5px;
  padding: 2px 8px;
}

div.wgt-frame a.wgt-close {
  float: right;
  padding: 4px 8px 4px 40px;
}

/* defines lists for phone numbers */
p.display-mode, p.edit-mode {
  float: left;
  margin: 0 0 5px;
  padding: 0;
}

dl.display-mode, dl.edit-mode {
  float: left;
  margin: 0;
  padding: 0;
}

dl dt.service-name {
  clear: both;
  float: left;
  font-weight: normal;
  margin: 0 5px 0 0;
  overflow: hidden;
  padding: 0;
  white-space: normal;
  width: 105px;
}

dl.display-mode dd.service-value,
dl.edit-mode dd.service-value {
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 400px;
}

dl dd.service-value #skype-icn img {
  margin-top: -3px;
  vertical-align: middle;
}

dl.edit-mode dd.service-value {
  float: left;
  width: 265px;
}

button#skype-download {
  margin: 10px 0 10px 0;
  float: none;
}

/* settings */
div.list-box-top {
  background: #edf4f2 url(/img/xing/bg_list_box_top.gif) no-repeat;
  clear: both;
  margin: 5px 0 10px;
  padding: 3px 0 0;
}

div.list-box-top div.list-box-bot {
  background: #edf4f2 url(/img/xing/bg_list_box_bot.gif) no-repeat bottom left;
  padding: 6px 10px;
}

div.list-box-top div.list-box-bot a {
  background: url(/img/v/icn_list_options_r1.png) no-repeat 0 3px;
  color: #333;
  font-weight: bold;
  padding: 2px 0 0 20px;
  text-decoration: none;
}

div.list-box-top div.list-box-bot a:hover {
  text-decoration: underline;
}

div.list-box-top div.list-box-bot p {
  margin: 0;
  padding: 5px 0 0 20px;
}

/* list entry seperator */

table td.seperator {
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
}

/* Groups table */
table.groups-table {
  padding-top: 3px;
}

table.groups-table h4 {
  float: left;
  padding: 4px 0 0 0;
}

table.groups-table img {
  float: left; 
  margin-right: 8px;
}

table.groups-table td, 
table.groups-table th {
  padding: 5px 10px 5px 8px;
  text-align: right;
}

table.groups-table td.group, 
table.groups-table th.group {
  text-align: left;
}

.other-groups ul {  
  border-bottom: 1px solid #D8D8D8;
  padding: 5px 0 0;
}

.other-groups .group {
  font-size: 1em;
  margin: 13px 0 0 8px;
}

.other-groups li {
  border-top: 1px solid #D8D8D8;
  clear: both;
  overflow: auto;
  padding-top: 5px;
  width: 100%;
}

.other-groups a {
  text-decoration: underline;
}

.other-groups li img {
  float: left;
  margin-left: 8px;
  padding-bottom: 5px;
}

.other-groups li h4 {
  float: left;
  margin: 4px 0;
  padding: 0 0 5px 8px;
}

.other-groups li .delete {
  float: right;
  margin: 3px 0 0;
}

/*--------------------------------------------------
    Refactoring of result list tables
---------------------------------------------------*/

table.result-list {
  border-collapse: collapse;
  border-spacing: none;
  clear: both;
  margin: 0 0 8px;
  table-layout: fixed;
  width: 100%;
}

table.result-list th {
  font-weight: bold;
  margin: 0 0 10px;
  padding: 12px 5px 2px;
  vertical-align: bottom;
}

table.result-list th.name {
  padding-left: 45px;
}

table.result-list td {
  border-top: 1px solid #d8d8d8;
  line-height: 15px;
  overflow: hidden;
  padding: 2px 5px;
  vertical-align: top;
}

table.result-list td.name {
  padding: 10px 0 10px 45px !important;
}

table.result-list td.name a {
  font-weight:bold;
}

table.result-list td.options {
  padding-top: 10px !important;
  text-align: right;
}

table.result-list td.name .user-img {
  display: inline;
  float: left;
  margin: 0 0 0 -40px;
  position: relative;
}

table.result-list td.name div {
  display: inline;
  float: left;
  width: 100%;
}

table.result-list p {
  line-height: 15px;
  margin: 0;
  padding-bottom: 5px;
}

table.result-list .options ul {
  margin: 0 10px 0 0;
  overflow: hidden;
}

table.result-list .options li {
  visibility: hidden;
  white-space: nowrap;
}

table.result-list .options ul a {
  color: #333;
  font-size: 11px;
  text-decoration: none;
}

table.result-list .options ul a:hover {
  text-decoration: underline;
}

table.result-list tbody tr:hover {
  background-color: #F0F0F0;
}

table.result-list tbody tr:hover .options ul li {
  visibility: visible;
}

/* List-Bullets from Marketplace */
.bg-statistics-bottom .unsorted-list-col-one {
  list-style-position: outside;
  margin: 10px 0 10px;
  width: 265px;
}

.bg-statistics-bottom .unsorted-list-col-one li {
  background: url(/img/xing/icn_list_options.gif) no-repeat left 1px;
  line-height: 15px;
  margin: 0 0 5px;
  padding-left: 17px;
}

/* New upsell page start */
#upsell {
  border-collapse: collapse;
  border: none;
  margin: 0 0 0 8px;
}

#upsell th {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#upsell th h1 {
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 0;
}

#upsell th p {
  font-weight: normal;
  margin: -5px 0 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

#upsell th.premium, #upsell th.basic {
  text-align: center;
}

#upsell th.premium img, #upsell th.basic img {
  margin: 0;
  padding: 0 5px 5px;
  text-align: center;
}

#upsell th.premium p, #upsell th.basic p {
  margin: 0;
  padding: 0 5px 5px;
  text-align: center;
}

#upsell tbody td {
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

#upsell tbody td p {
  margin: 0;
  padding: 5px 15px;
  text-align: left;
  vertical-align: top;
}

#upsell td.premium {
  background-color: #edf4f2;
}

#upsell td.premium div,
#upsell td.basic div {
  margin: 0;
  padding: 5px 15px;
  text-align: center;
  vertical-align: middle;
}

#upsell tfoot td {
  border: none;
  text-align: center;
}

#upsell div.new p {
  margin: -13px 0 0 0;
  padding: 7px 15px;
}

#upsell div.new p.new {
  background-color: #e2001a;
  color: #ffffff;
  display: inline;
  font-size: 10px;
  font-weight: bold;
  left: -5px;
  margin: 0;
  padding: 2px 5px;
  position: relative;
  text-align: center;
  top: -7px;
}

/* New upsell page stop */
/* New mobile page start */

#mobile h1, #mobile h2 {
  color: #006567;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 10px;
}

#mobile h2 {
  font-size: 1.2em;
}

#mobile .note {
  color: #808080;
  margin: 0;
  padding: 20px 0 0;
}

#mobile .note a {
  color: #808080;
}

#mobile ul {
  background: url(/img/xing/mobile/background_left.gif) no-repeat;
  margin: 15px 0 0;
  padding: 0;
}

#mobile ul li {
  color: #474a3d;
  font-weight: bold;
  height: 38px;
  margin: 0 0 0 50px;
  padding: 0;
  width: 230px;
}

#mobile .left-column {
  float: left;
  margin: 0 30px 0 0;
  width: 557px;
}

#mobile .left-column-box-top {
  background: url(/img/xing/mobile/bg_leftbox_557_top.gif) no-repeat right top;
}

#mobile .left-column-box-bottom {
  background: url(/img/xing/mobile/bg_leftbox_557_bottom.gif) no-repeat right bottom;
}

#mobile .right-column-top {
  background: url(/img/xing/mobile/bg_rightbox_375_top.jpg) no-repeat right top;
}

#mobile .right-column-top div {
  padding: 0 10px 10px;
}

#mobile .right-column-bottom {
  background: url(/img/xing/mobile/bg_rightbox_375_bottom.gif) no-repeat right bottom;
  float: left;
  width: 375px;
}

#mobile .left-box {
  float: left;
  width: 380px;
}

#mobile .left-box h2 {
  margin: 0;
  padding: 15px 25px 15px 15px;
}

#mobile .right-box {
  float: left;
  padding: 30px 0 1px;
  width: 170px;
}

#mobile div.mobile-teaser {
  padding: 30px 0 220px 20px;
}

#mobile div.mobile-teaser h1 {
  background-color: #e97f02;
  color: #ffffff;
  display: inline;
  margin: 0;
  padding: 1px 4px;
}

/* New mobile page stop */
/* searchbox with big image */
#image-searchbox h1 {
  font-size: 15px;
  padding: 1px 0 10px;
}

.img-box {
  background: url(/img/xing/bg_border_left_bottom.gif) no-repeat left bottom;
  background-color: #016567;
}

.img-box-outer {
  background: url(/img/xing/bg_img_groups.jpg) no-repeat right top;
}

.img-box-inner {
  background: url(/img/xing/bg_border_left_top.gif) no-repeat;
}

.img-box-content {
  background: url(/img/xing/bg_border_right_top.gif) no-repeat right top;
}

.img-box-content-wrapper {
  background: url(/img/xing/bg_border_right_bottom.gif) no-repeat right bottom;
  height: 182px;
  padding: 16px 8px 0 16px;
}

.img-box-content-wrapper h1 {
  color: #D8E03D;
}

.img-box-content-wrapper p {
  color: #fff;
}

.img-box-content-wrapper .btn p {
  color: #006567;
}

.img-box-content-wrapper label.inactive {
  color: #7AB0B0;
}

.img-box-content-wrapper label {
  color: #D2E450;
}

#img_search_form {
  font-size: 0.9em;
}

#img_search_form input.text {
  color: #949494;
  font-size: 1em;
  height: 15px;
  width:285px;
}

#img-search-btn div.btn {
  background-image:url(/img/xing/btn_bg_dark_left.gif);
}

#img-search-btn div p.btn {
  background-image:url(/img/xing/btn_bg_dark_right.gif);
}

/* searchbox with big image stop*/
/* grey box next to image search box*/
.group-request-box {
  height: 167px;
}

/* grey box next to image search box stop*/
/* group signup form */
span.emphasize a,
.emphasize {
  color: #006567;
  font-weight:bold;
}

/* groups export permissions start */
#groups li input {
  margin-bottom: 0px;
}

#groups li label {
  margin-left: 4px;
}

#groups p input {
  float: left;
}

#groups p label {
  display: block;
  margin-left: 24px;
}

#groups .col-three {
  margin: 5px 10px 5px;
  width: 965px;
}

#groups .col-three-float {
  float: left;
  padding: 5px 10px;
  width: 965px;
}

#groups .col-three-info {
  border-bottom: 1px dotted #999;
  padding: 5px 10px;
  width: 965px;
}

#groups .col-three-info-float {
  border-bottom: 1px dotted #999;
  float: left;
  padding: 5px 10px;
  width: 965px;
}

#groups .col-half {
  float: left;
  margin: 5px 0 5px;
  width: 475px;
}

#groups .col-half .right-half {
  margin: 0;
  padding: 5px 10px;
}

#groups .col-half .left-half {
  margin: 0 15px 0 0;
  padding: 5px 10px;
}

#groups .col-half .right-half-background {
  background: #f0f0f0;
  margin: 0;
  padding: 5px 10px;
}

#groups .col-half .left-half-background {
  background: #f0f0f0;
  margin: 0 15px 0 0;
  padding: 5px 10px 5px;
}

#groups .col-half .right-half-border {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 5px 10px;
}

#groups .col-half .left-half-border {
  border: 1px solid #cccccc;
  margin: 0 15px 0 0;
  padding: 5px 10px 5px;
}

/* groups export permissions stop */

.overlay-window {
  background-color: #eee;
  height: 100%; /* does not work for a.p. blocks in IE 6, see workaround in IE6 css */
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#profile-preview-wrapper {
  overflow: hidden; /* clips the overlay in IE6 (see IE6 css), contains floats in normal browsers */
  position: relative; /* CB for overlay-window */
}

.profile-preview-message {
  position: relative;
}

.profile-preview-message a {
  background: #fffab2 url(/img/xing/icn_profilepreview_off.gif) no-repeat;
  padding: 0 0 0 23px;
  position: absolute;
  right: 24px;
}

/* underline links in bg-statistics */
a.no-ul div:hover {
  text-decoration: underline;
}

.new-sign, .beta-sign, .special-sign {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #E97F02;
  border-radius: 3px;
  border: 1px solid #E97F02;
  color: #FFF;
  font: normal normal normal 9px/9px Arial, Helvetica, sans-serif;
  height: 9px;
  margin: 0;
  padding: 0 4px;
  position: relative;
  white-space: nowrap;
}

.new-sign {
  background-color: #E2001A;
  border: 1px solid #E2001A;
  color: #FFFFFF;
  display: inline;
  position: relative;
  top: -2px;
  font-size: 9px;
  font-weight: normal;
  margin: 0 8px 0 2px;
}

.news-info {
  margin: 0 3px 3px 0;
}

.news-info span {
  margin: 0 12px 0 3px;
}

/* switched _ad to _da because of potential ad-blocker */
.col_one_da, .col_two_da, .col_three_da, .col_5050_da {
  display: inline;
  float: left;
  overflow: hidden;
}

.col_one_da {
  width: 271px;
}

.col_two_da {
  width: 650px;
}

.col_three_da {
  width: 855px !important;
}

.col_5050_da {
  width: 412px;
}

#advanced-search-form-da input.text, #advanced-search-form-da select  {
  margin: 0 0 10px;
  width: 250px;
}

.bg-bluebox-855-top {
  background:url(/img/xing/bg_bluebox_855_top.gif) no-repeat;
  padding: 4px 0 0;
}

.bg-bluebox-855-bot {
  background: url(/img/xing/bg_bluebox_855_bot.gif) no-repeat bottom left;
  margin: 0;
  overflow: hidden;
  padding: 5px 15px 10px;
}

/* teaser_market */
div.teaser.randomwhite-market {
  background: url(/img/n/bg_teaser_315_market_bottom.jpg) no-repeat bottom left;
}

div.teaser.randomwhite-market div.teaser-content {
  background: url(/img/n/bg_teaser_315_market_top.png) no-repeat;
}

div.teaser.randomwhite-market div.teaser-content a {
  background: transparent;
  color: #CEDC03;
  display: inline;
  padding: 0;
  text-decoration: underline;
}

div.teaser.randomwhite-market div.teaser-content h4 {
  color:#CEDC03;
}

div.teaser.randomwhite-market div.teaser-content p {
  color: #fff;
}

div.teaser.randomwhite-market div.teaser-content div {
  height: 102px;
  width: 205px;
}

/* teaser_white */
div.teaser.randomwhite {
  background: url(/img/n/bg_teaser_315_bottom.png) no-repeat bottom left;
}

div.teaser.randomwhite div.teaser-content {
  background: url(/img/n/bg_teaser_315_top.gif) no-repeat;
}

div.teaser.randomwhite div.teaser-content a {
  background: transparent;
  display: inline;
  padding: 0;
  text-decoration: underline;
}

div.teaser.randomwhite div.teaser-content h4 {
  color:#85AB48;
}

div.teaser.randomwhite div.teaser-content p {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat -1px -794px;
  display: block;
  padding-left: 10px;
}

div.teaser.randomwhite div.teaser-inner-content,
div.teaser.randomwhite-green div.teaser-inner-content {
  width: 215px;
}

/* teaser feature-overview */
div.teaser div.feature-overview{
  background: url(/img/xing/upgrade_overview.png) no-repeat top right;
  padding-right: 84px;
}

/* teaser_green */
div.teaser.randomwhite-green {
  background: url(/img/n/bg_teaser_random_315_bottom.png) no-repeat bottom left;
}

div.teaser.randomwhite-green div.teaser-content {
  background: url(/img/n/bg_teaser_315_top_green.gif) no-repeat;
}

div.teaser.randomwhite-green div.teaser-content a {
  background: transparent;
  color: #CEDC03;
  display: inline;
  padding: 0;
  text-decoration: underline;
}

div.teaser.randomwhite-green div.teaser-content h4 {
  color:#CEDC03;
}

div.teaser.randomwhite-green div.teaser-content p {
  background: url(/img/n/icn_raquo_yellow.gif) no-repeat 0 0.45em;
  color: white;
  display: block;
  padding-left: 10px;
}

div.green-simple-teaser-box li.content p {
  background: url(/img/n/icn_raquo_yellow.gif) no-repeat 0 0.45em;
  color: white;
  display: block;
  padding-left: 10px;
}

/* profile - work time period display */
small#duration, small.duration {
  color: #808080;
  font-size: 11px;
  font-weight: normal;
}

.smallinfo {
  color: #646365;
  cursor: help;
  font-size: 10px;
  font-weight:normal;
}

/* upsellpage */
.column-left {
  border-top: 1px solid #D8D8D8;
  float: left;
  padding: 5px 0;
  width: 560px;
}

.column-premium, .column-basic {
  border-top: 1px solid #D8D8D8;
  float: left;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  width: 200px;
}

.column-left:after, .column-premium:after, .column-basic:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.column-premium {
  background: #EDF4F2;
}

.column-head {
  background: none;
}

div.column-left p {
  margin: 0;
  padding-left: 20px;
}

.column-left .costs {
  text-align: right;
}

div#toggle-search div.column-left p, div#toggle-powersearch div.column-left p {
  background: url(/img/xing/icn_list.gif) 20px 5px no-repeat;
  padding-bottom: 5px;
  padding-left: 35px;
}

/* =ANNOTATION
--------------------------------------------------------------------------- */

dl.annotation:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

dl.annotation dt,
dl.annotation dd {
  color: #808080;
  float: left;
  font-size: 11px;
}

dl.annotation dt {
  clear: left;
  width: 10px;
}

dl.annotation dt sup {
  font-size: normal;
  vertical-align: top;
}

dl.annotation dd {
  width: 90%;
}

.billing {
  margin: 0 0 0 20px;
}


/* =POLICE LINE - DO NOT CROSS - NEED FOR SPEED
=========================================================================== */


/* =TEMPORARY-RESET (DELETE WHEN CLEANUP IS DONE!)
=========================================================================== */
a.text-button, a.text-button:link, a.text-button:visited,
a.text-button:focus, a.text-button:active,
a.text-button-right, a.text-button-right:link, a.text-button-right:visited,
a.text-button-right:focus, a.text-button-right:active,
a.online, a.online:link, a.online:visited,
a.online:focus, a.online:active,
a.message, a.message:link, a.message:visited,
a.message:focus, a.message:active,
a.contact, a.contact:link, a.contact:visited,
a.contact:focus, a.contact:active,
a.group-moderator-icon-link, a.group-moderator-icon-link:link, a.group-moderator-icon-link:visited,
a.group-moderator-icon-link:focus, a.group-moderator-icon-link:active {
  text-decoration: none;
}

a.online:hover,
a.message:hover,
a.contact:hover {
  text-decoration: underline;
}

/* = RESET
=========================================================================== */
/* SOON(tm) */


/* = TYPOGRAPHY
=========================================================================== */
/* SOON(tm) */


/* = GRID
=========================================================================== */
/* SOON(tm) */


/* = SPRITE
=========================================================================== */

.icon-ambassador,
.icon-close,
.icon-customize,
.icon-down,
.icon-moderator,
.icon-move,
.icon-premium,
.icon-search
.icon-up,
.image-edit,
.image-search,
.language,
.logo,
.navmain-other,
.ruler,
.shadow-top,
.small-logo,
h2.blue-headline-long,
h2.blue-headline-medium,
h2.blue-headline-short,
h2.grey-headline-long,
h2.grey-headline-medium,
h2.grey-headline-short,
h3.blue-headline-long,
h3.blue-headline-medium,
h3.blue-headline-short,
h3.grey-headline-long,
h3.grey-headline-medium,
h3.grey-headline-short,
img.contact,
img.event-private,
img.event-public,
img.icon-faxnumber,
img.icon-addcontact,
img.icon-addcontact-big,
img.icon-ambassador,
img.icon-ambassador-big,
img.icon-basic-big,
img.icon-close,
img.icon-close-big,
img.icon-customize,
img.icon-delete,
img.icon-deletecontact,
img.icon-down,
img.icon-down-big,
img.icon-edit,
img.icon-edit-down,
img.icon-edit-up,
img.icon-editsettings,
img.icon-expandminus,
img.icon-expandplus,
img.icon-exportcontact,
img.icon-info,
img.icon-introduce,
img.icon-introduce-big,
img.icon-invitetogroup,
img.icon-location,
img.icon-lock,
img.icon-locked,
img.icon-mobilenumber,
img.icon-moderator,
img.icon-moderator-big,
img.icon-move,
img.icon-phonenumber,
img.icon-premium,
img.icon-premium-big,
img.icon-profilepreview,
img.icon-questionmark,
img.icon-reportprofile,
img.icon-route,
img.icon-search,
img.icon-sendmessage,
img.icon-sendmessage-big,
img.icon-sharedinfo,
img.icon-skype,
img.icon-skype0,
img.icon-skype1,
img.icon-skype2,
img.icon-skype3,
img.icon-skype4,
img.icon-skype5,
img.icon-skype6,
img.icon-skype7,
img.icon-up,
img.icon-up-big,
img.image-edit,
img.image-search,
img.message,
img.new-contact,
img.new-message {
  background: url(/img/s/common_r9.png) no-repeat;
}

img.icon-bookmark,
img.icon-addbookmark,
img.icon-deletebookmark,
img.icon-expert-big {
  background: url(/img/v/spr_icons_r11.png) no-repeat;
}

/* first step for new spriting */
.icon-addcontact,
.icon-bookmark-link,
.icon-contact,
.icon-deletearticle,
.icon-declinecontact,
.icon-deletebookmarks,
.icon-deletecontact,
.icon-edit,
.icon-exportcontact,
.icon-forum,
.icon-havemail,
.icon-introduce,
.icon-mobilenumber,
.icon-nocontact,
.icon-phonenumber,
.icon-sendmessage,
.icon-skype,
.icon-skype0,
.icon-skype1,
.icon-skype2,
.icon-skype3,
.icon-skype4,
.icon-skype5,
.icon-skype6,
.icon-skype7,
.icon-spam,
.icon-pdf,
.icon-yes,
.icon-no,
.icon-maybe,
.icon-unanswered,
.icon-bulb,
.icon-help,
.icon-close-small {
  background: url(/img/v/spr_icons_r11.png) no-repeat;
  padding-left: 18px;
}

.icon-addcontact span,
.icon-bookmark-link span,
.icon-contact span,
.icon-declinecontact span,
.icon-deletebookmarks span,
.icon-deletecontact span,
.icon-edit span,
.icon-exportcontact span,
.icon-havemail span,
.icon-introduce span,
.icon-mobilenumber span,
.icon-nocontact span,
.icon-phonenumber span,
.icon-sendmessage span,
.icon-skype span,
.icon-skype0 span,
.icon-skype1 span,
.icon-skype2 span,
.icon-skype3 span,
.icon-skype4 span,
.icon-skype5 span,
.icon-skype6 span,
.icon-skype7 span,
.icon-spam span,
.icon-pdf span {
  background-color: #fff;
  display: block;
  padding-left: 5px;
}

img.icon-bookmark {
  background-position: 0 -72px;
}
img.icon-addbookmark {
  background-position: -36px -72px;
}
img.icon-deletebookmark {
  background-position: -18px -72px;
}
img.icon-expert-big {
  background-position: 0px -255px;
}

/*  + For images without text is no padding needed. */
img.icon-bulb,
img.icon-close-small,
img.icon-forum {
  padding-left: 0;
}

/* background-positions for new sprites */
.icon-addcontact {
  background-position: -18px -18px;
}
.icon-bookmark-link {
  background-position: -36px -72px;
}
.icon-contact {
  background-position: 0px -40px;
}
.icon-deletearticle {
	background-position: -36px 0px;
}
.icon-declinecontact {
  background-position: -36px -36px;
}
.icon-deletebookmarks {
  background-position: -18px -72px;
}
.icon-deletecontact {
  background-position: -18px -36px;
}
.icon-edit {
  background-position: 0px 0px;
}
.icon-exportcontact {
  background-position: -144px -17px;
}
.icon-forum {
  background-position: -38px -234px;
}
.icon-havemail {
  background-position: -18px -144px;
}
.icon-introduce {
  background-position: -72px -18px;
}
.icon-mobilenumber {
  background-position: -127px -162px;
}
.icon-nocontact {
  background-position: 0px -58px;
}
.icon-phonenumber {
  background-position: -146px -162px;
}
.icon-sendmessage {
  background-position: 0px -144px;
}
.icon-skype {
  background-position: 0px -126px;
}
.icon-skype0 {
  background-position: -18px -126px;
}
.icon-skype1 {
  background-position: -54px -126px;
}
.icon-skype2 {
  background-position: -72px -126px;
}
.icon-skype3 {
  background-position: -108px -126px;
}
.icon-skype4 {
  background-position: -144px -216px;
}
.icon-skype5 {
  background-position: -90px -126px;
}
.icon-skype6 {
  background-position: -36px -126px;
}
.icon-skype7 {
  background-position: -126px -126px;
}
.icon-spam {
  background-position: -125px 0px;
}
.icon-pdf {
  background-position: -236px -126px;
}
.icon-yes {
  background-position: -18px -92px;
}
.icon-maybe {
  background-position: -54px -92px;
}
.icon-no {
  background-position: 0 -92px;
}
.icon-unanswered {
  background-position: -109px -92px;
}
.icon-bulb {
  background-position: -127px -92px;
}
.icon-help {
  background-position: -72px -106px;
}
.icon-close-small {
  background-position: -36px -252px;
}

.submit-button span, .submit-button em,
.cancel-button span, .cancel-button em,
.save-button span, .save-button em,
.delete-button span, .delete-button em {
  background: url(/img/v/spr_button_r5.png) no-repeat;
}

/* = TAB
--------------------------------------------------------------------------- */

#tab-navigation {
  border-bottom: 1px solid #b8bdc0;
  position: relative;
  width: 100%;
  z-index: 1;
}

#tab-navigation .right-options {
  position: absolute;
  right: 0;
  top: 3px;
  width: 300px;
}

ul.tab {
  border-bottom: 1px solid #b8bdc0;
  float: left;
  margin: 0 0 -1px;
  padding: 7px 0 0;
  position: relative; /* Prevent IE clipping bug */
}

ul.tab li {
  border: 1px solid #b8bdc0;
  float: left;
  margin: 0 3px -1px 0;
  position: relative;
}

ul.tab li:last-child {
  margin: 0 0 -1px;
}

ul.tab li.active {
  border-bottom-color: #fff;
  margin-top: -4px;
}

ul.tab li.active a {
  background: #fff;
  font-weight: bold;
  padding: 8px 7px 2px;
}

ul.tab li.inactive a {
  color: #a4a5a2;
}

ul.tab li.inactive a:hover {
  background-position: 0 -71px;
}

ul.tab a {
  background: url(/img/v/spr_button_r5.png) no-repeat 0 -71px;
  border: 1px solid #fff;
  border-bottom: 0;
  display: block;
  float: left;
  height: 14px;
  line-height: 1em;
  padding: 4px 7px 2px;
  text-decoration: none;
  white-space: nowrap;
}

ul.tab li a:hover {
  background-position: 0 -91px;
}

ul.tab .dropdown-tab {
  background-position: 100% -71px;
  cursor: pointer; /* Non-clickable link */
  padding: 4px 27px 2px 7px;
}

ul.tab li:hover .dropdown-tab,
ul.tab li.hover .dropdown-tab,
ul.tab .dropdown-tab:hover {
  background-position: 100% -91px;
}

ul.tab li.active .dropdown-tab {
  background: url(/img/v/spr_button_r5.png) 100% -111px !important;
  padding: 8px 27px 2px 7px;
}

ul.tab li.inactive .dropdown-tab {
  background-position: 100% -71px !important;
}

ul.tab li.active ul {
  top: 26px;
}

ul.tab > li,
ul.tab > li > a {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

ul.tab ul {
  background-color: #eceff0;
  border-top: 1px solid #b8bdc0;
  left: -9999px;
  margin: -1px 0 0 -1px;
  overflow: hidden;
  position: absolute;
  top: 22px;
  width: 200px;
  z-index: 1;
}

ul.tab li:hover ul,
ul.tab li.hover ul {
  left: 0;
}

#tab-navigation ul.tab ul li {
  background: transparent;
  border: 0;
  margin: 0;
  width: 100%;
}

#tab-navigation ul.tab ul a {
  background: none;
  border-color: #FFFFFF #D4D6DC #D4D6DC;
  border-style: solid;
  border-width: 1px;
  color: #505050;
  float: none;
  font-weight: normal;
  height: auto;
  padding: 6px 23px 5px 7px;
  white-space: normal;
}

#tab-navigation ul.tab ul li.active a,
#tab-navigation ul.tab ul a:hover {
  background-color: #D9DBDF;
}

#tab-navigation ul.tab ul li:last-child a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-bottom: 8px;
}

#tab-navigation ul.tab ul li a.delete-app {
  background: url(/img/v/spr_icons_r11.png) no-repeat -34px -250px !important;
  border: 0;
  height: 9px;
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  top: 6px;
  width: 9px;
}

/*  = SHADOW

    Example:
    <div class="shadow-top">
      <span class="shadow-top left-side"></span>
      <span class="shadow-top"></span>
      <span class="shadow-top right-side"></span>
    </div>
=========================================================================== */

.shadow-top {
  border: 0;
  display: block;
  float: left;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.shadow-top .shadow-top {
  background-position: 0px -172px;
  width: 927px;
}

div.shadow-top .left-side {
  background-position: -239px 0px;
  width: 29px;
}

div.shadow-top .right-side {
  background-position: -268px 0px;
  width: 29px;
}

div.ruler {
  background-position: 0px -154px;
  height: 18px;
  width: 985px;
}

/* =BOX
=========================================================================== */

.container-box,
.content-box,
.context-box,
.green-simple-teaser-box,
.green-teaser-box,
.grey-simple-teaser-box,
.grey-teaser-box,
.help-box {
  margin: 0;
  padding: 0 0 0 10px;
  text-align: left;
}

.green-simple-teaser-box {
  color: #FFFFFF;
}

.grey-simple-teaser-box .header, .grey-simple-teaser-box .header span.header,
.grey-simple-teaser-box ul.content, .grey-simple-teaser-box ul.content li.content {
  background: url(/img/v/box_grey_r1.png) no-repeat;
}

.context-box .header, .context-box .header span.header,
.context-box ul.content, .context-box ul.content li.content {
  background: url(/img/v/box_grey_border_r1.png) no-repeat;
}

.green-simple-teaser-box .header, .green-simple-teaser-box .header span.header,
.green-simple-teaser-box ul.content, .green-simple-teaser-box ul.content li.content {
  background: url(/img/v/box_green_r1.png) no-repeat;
}

.content-box .header, .content-box .header span.header,
.content-box ul.content, .content-box ul.content li.content {
  background: url(/img/v/box_white_border_shadow_r1.png) no-repeat;
}

.help-box .header, .help-box .header span.header,
.help-box ul.content, .help-box ul.content li.content {
  background: url(/img/v/box_grey_border_shadow_r1.png) no-repeat;
}

.container-box .header, .container-box .header span.header,
.container-box ul.content, .container-box ul.content li.content {
  background: url(/img/v/box_transparent_border_r1.png) no-repeat;
}

.grey-teaser-box .header, .grey-teaser-box .header span.header,
.grey-teaser-box ul.content, .grey-teaser-box ul.content li.content {
  background: url(/img/v/box_grey_border_r1.png) no-repeat;
}

.green-teaser-box .header, .green-teaser-box .header span.header,
.green-teaser-box ul.content, .green-teaser-box ul.content li.content {
  background: url(/img/v/box_green_border_r1.png) no-repeat;
}

.container-box .header,
.content-box .header,
.green-simple-teaser-box .header,
.green-teaser-box .header,
.grey-simple-teaser-box .header,
.grey-teaser-box .header,
.help-box .header {
  background-position: right top;
  margin: 0;
  padding: 0 15px 0 0;
}

.container-box .header span.header,
.content-box .header span.header,
.context-box .header span.header,
.green-simple-teaser-box .header span.header,
.green-teaser-box .header span.header,
.grey-simple-teaser-box .header span.header,
.grey-teaser-box .header span.header,
.help-box .header span.header {
  background-position: left top;
  display: block;
  margin: 0 0 0 -10px;
  padding: 10px 0 3px 15px;
}

.container-box div.header span.header,
.content-box div.header span.header,
.context-box div.header span.header,
.green-simple-teaser-box div.header span.header,
.green-teaser-box div.header span.header,
.grey-simple-box div.header span.header,
.grey-teaser-box div.header span.header,
.help-box div.header span.header {
  height: 1px;
  padding: 7px 0 3px 15px;
}

.container-box ul.content,
.content-box ul.content,
.context-box ul.content,
.green-simple-teaser-box ul.content,
.green-teaser-box ul.content,
.grey-simple-teaser-box ul.content,
.grey-teaser-box ul.content,
.help-box ul.content {
  background-position: right bottom;
  list-style: none;
  margin: 0;
  padding: 0 15px 0 0;
}

.container-box ul.content li.content,
.content-box ul.content li.content,
.context-box ul.content li.content,
.green-simple-teaser-box ul.content li.content,
.green-teaser-box ul.content li.content,
.grey-simple-teaser-box ul.content li.content,
.grey-teaser-box ul.content li.content,
.help-box ul.content li.content {
  background-position: left bottom;
  margin: 0 0 0 -10px;
  padding: 0 0 10px 15px;
}

/* =BUTTON
    dependencies: ie_6.css
=========================================================================== */

.submit-button, .cancel-button, .save-button, .delete-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  float: left;
  margin: 0 5px 0 0;
  overflow: visible;
  padding: 0 0 0 3px;
  text-align: center;
  white-space: nowrap;
  /* IE6 Dirty eeewwwww */
  width: auto !important;
  width: 1%;
}

.submit-button span, .cancel-button span, .save-button span, .delete-button span {
  display: block;
  margin: 0;
  padding: 0 10px 0 0;
}

.submit-button em, .cancel-button em, .save-button em, .delete-button em {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  line-height: 23px;
  margin: 0 0 0 -3px;
  padding: 0 0 0 10px;
}

a.submit-button, a.cancel-button, a.save-button, a.delete-button {
  display: block;
  padding-top: 1px;
  text-decoration: none;
}

a.submit-button em, a.cancel-button em, a.save-button em, a.delete-button em {
  font-size: 13px;
  height: 23px;
  line-height: 24px;
}

.submit-button span {
  background-position: right 0px;
  color: #006567;
}

.submit-button em {
  background-position: left 0px;
  color: #006567;
}

.cancel-button span {
  background-position: right -23px;
  color: #FFFFFF;
}

.cancel-button em {
  background-position: left -23px;
  color: #FFFFFF;
}

.save-button span {
  background-position: right -46px;
  color: #FFFFFF;
}

.save-button em {
  background-position: left -46px;
  color: #FFFFFF;
}

.delete-button span {
  background-position: right -46px;
  color: #FFFFFF;
}

.delete-button em {
  background-position: left -46px;
  color: #FFFFFF;
}

button[disabled] em {
  color: #aca8c2 !important;
}

/* TEXT-BUTTON
--------------------------------------------------------------------------- */

.see-more {
  clear: both;
  float: right;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0 3px !important;
  text-decoration: none;
}

.see-more:after {
  content: "\002009\0000BB"; /*thin space + right double angle quotation mark */
  font-size: 11px; /* thing is, the 10px guillemot is too small */
}

.see-more:hover {
  text-decoration: underline;
}

.see-more-left:before {
  content: "\0000BB\002009";
}

.write-message-link {
  float: left;
  margin: 10px 0 0 20px;
}

.backlink {
  clear: both;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0 3px !important;
  text-decoration: none;
}

.backlink:before {
  content: "\0000AB\002009";
  font-size: 11px;
}

.backlink:hover {
  text-decoration: underline;
}

#about-me-content {
  display: inline;
  float: left;
  margin-top: 10px;
  overflow: hidden; 
  width: 642px;
}

.text-button,
.text-button-right {
  background-color: #d6ecea;
  border: 1px solid #bcd9d7;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  color: #333;
  display: -moz-inline-box; /* just for FF2, because the OS-guys are using FF2 */
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  margin: 0 5px;
  padding: 0 7px;
  text-decoration: none;
}

a.text-button:hover,
a.text-button-right:hover {
  background-color: #bcd9d7;
}

.text-button-right {
  float: right;
}


/* =HOME
--------------------------------------------------------------------------- */

#start-page-stories-wrapper {
  clear: both;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
}

#label_start_page_stories {
  clear:both;
  display:block;
  margin: 5px 0 0;
}

#start_page_stories {
 }

.button-bar {
  position: absolute;
  right: 7px;
  top: 7px;
}

#infobox_pane .text-button, #premium-group-content .text-button,
#upcoming-events .text-button, #regional-events .text-button,
#official-events .text-button {
  float: right;
  margin-top: 5px;
}

#infobox_pane .icon,
#infobox_pane .icon-move,
div.handle img.loading-indicator {
  float: left;
  margin-left: 5px;
}

#invitebox {
  background: #dadedf url(/img/xing/bg_invitebox.gif) repeat-x;
  border: 1px solid #dadedf;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 10px;
}

#invitebox div.invitetable {
  background-color: #f7f7f8;
  clear: left;
  overflow: hidden;
  width: 100%;
}

#invitebox div.invitetable div {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 50%;
}

#invitebox div.invitetable div p,
#invitebox div.invitetable div ul {
  margin: 10px 0;
  overflow: hidden;
  padding: 0 10px;
}

#invitebox div.invitetable div ul {
  border-left: 1px dotted #999;
  margin: 5px 0;
}

#invitebox div.invitetable div p img {
  margin: 2px;
}

#invitebox h3 {
  color: #006567;
  margin: 3px 0 0;
}

#invitebox h4 {
  background-color: #d0d4da;
  margin: 0;
  padding: 7px 0 5px 15px;
}

#invitebox li {
  clear: left;
  margin: 0 0 8px 8px;
  overflow: hidden;
  padding-left: 35px;
}

#invitebox li img {
  float: left;
  margin-left: -35px;
}

#invitebox li span,
#invitebox li span a {
  color: #808080;
}

div.todobox {
  background: #dadedf url(/img/xing/bg_todobox.gif) repeat-x;
  border: 1px solid #dadedf;
  margin: 0 20px 20px 0;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}

div.todobox li {
  background: url(/img/xing/icn_check_todo.gif) no-repeat;
  clear: left;
  margin: 0 0 8px 8px;
  overflow: hidden;
  padding: 0 0 0 35px;
}

#member_notification {
  background: #fffab2 url(/img/v/icn_warning_r2.png) no-repeat 12px 6px;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px 5px 7px 30px;
  width: 615px;
}

#member_notification a {
  font-weight: bold;
}

/* =CONTACTLIST
--------------------------------------------------------------------------- */

#contact-navigation ul.tab {
  float: left;
}

.delete_print {
  border: none !important;
  margin: 0;
  padding: 0 !important;
  vertical-align: top;
  width: 20px;
}

#contact-navigation {
  clear: both;
  margin: 0 0 5px;
}

#contact-navigation-view {
  float: right;
}

#contact-navigation-view li {
  float: left;
  margin: 0 5px 0 0;
}

#contact-navigation-view li.first {
  padding: 1px 0 0 0;
}

#export-wrapper {
  float: right;
}

#export-button {
  background: url(/img/n/core_ui_export_02.gif) no-repeat right top;
  float: left;
  height: 28px;
  padding: 0 8px 0 0; 
}

#export-button-inner {
  background: url(/img/n/core_ui_export_01.gif) no-repeat;
  float: left;
  height: 28px;
  padding: 3px 2px 0 0;
}

#export-button-inner a {
  padding: 0 0 0 30px;
  text-decoration: none;
}

#pending-message {
  height: 34px;
  margin: 0;
}

#contacts-form-wrapper {
  margin: 0 0 15px;
}

#contacts-form-wrapper .fl input {
  display: block;
  margin: 5px 0 0;
  width: 290px;
}

#contacts-form-wrapper .fl label {
  display: block;
  font-weight: bold;
  margin: 5px 10px 8px 0;
}

#contacts-form-wrapper .submit-button {
  left: 15px; 
  position: relative; 
  top: 15px;
}

#contacts-form-wrapper #selected-letter {
  background: #666;
  color: white;
  padding: 0 4px;
}

#contacts-form-wrapper #tagcloudrow ul {
  clear: right;
  overflow: hidden;
}

#contacts-form-wrapper #tagcloudrow li {
  display: inline;
  float: left;
}


/* =BASE
=========================================================================== */

/* =LOGO
    top does also work instead of margin-top, but then the parent container
    gets the height as if there would be no top.
--------------------------------------------------------------------------- */

#header-logo {
  float: left;
  margin: -26px 10px 10px;
  padding: 0;
  position: relative;
  z-index: 10;
}

#header-logo a {
  background-image: none;
}

#header-logo img.logo {
  background-position: 0 0;
}

#header-logo img.small-logo {
  background-position: -148px 0px;
}

/* =SEARCH
--------------------------------------------------------------------------- */

#header-search {
  float: right;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0;
}

#header-search .navigation {
  clear: both;
  padding-top: 2px;
}

#header-search .navigation ul {
  line-height: 1em;
}

#header-search .navigation ul li {
  padding-left: 5px;
  padding-right: 5px;
}

#header-search .navigation a {
  text-decoration: underline;
}

#header-search fieldset {
  display: inline;
}

#header-search fieldset div#search {
  float: left;
  margin: 3px 5px 0 0;
}

#header-search fieldset label#search-label {
  display: block;
  float: left;
  font-size: 1.2em;
  margin-right: 5px;
  margin-top: 5px;
  width: auto;
}

#header-search fieldset input#search-field {
  display: block;
  margin: 0;
  padding: 1px;
  width: 210px;
}

#header-search:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}


/* ==LOGIN
--------------------------------------------------------------------------- */

#header-login {
  float: right;
  font-size: 12px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: left;
}

#header-login:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#header-login fieldset div#username,
#header-login fieldset div#password {
  float: left;
  margin-right: 10px;
  width: 115px;
}

#header-login fieldset div.submit-button {
  margin-top: 14px;
}

#header-login p {
  margin-top: 5px;
  margin: 0;
  padding: 0;
}

#header-login button {
  margin-top: 11px;
}

.sprited_scaleble_upper_box {
  background: url(/img/s/spr_grad_box_r1.png) no-repeat 0 -8px;
  min-height: 249px;
  padding: 10px 0 0;
  width: 315px;
}
.sprited_scaleble_lower_box{
  background: url(/img/s/spr_grad_box_r1.png) no-repeat 0 -1px;
  height:8px;
  overflow:hidden;
}

.info {
  color: #808080;
}

/* =HEADLINE
--------------------------------------------------------------------------- */

h2.grey-headline-short, h2.grey-headline-medium, h2.grey-headline-long,
h3.grey-headline-short, h3.grey-headline-medium, h3.grey-headline-long {
  font-size: 1.1em;
  height: 27px;
  margin: 0 0 2px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

h2.blue-headline-short, h2.blue-headline-medium, h2.blue-headline-long,
h3.blue-headline-short, h3.blue-headline-medium, h3.blue-headline-long {
  color: #333333;
  font-size: 1em;
  height: 27px;
  margin: 5px 0 5px;
  overflow: hidden;
  padding: 0;
}

/* fix for iPhone which seems not to like padding while using the sprite */
h2.grey-headline-short span, h2.grey-headline-medium span, h2.grey-headline-long span,
h3.grey-headline-short span, h3.grey-headline-medium span, h3.grey-headline-long span {
  display: block;
  padding: 6px 4px 6px 8px;
}

h2.blue-headline-short span, h2.blue-headline-medium span, h2.blue-headline-long span,
h3.blue-headline-short span, h3.blue-headline-medium span, h3.blue-headline-long span {
  display: block;
  padding: 7px 8px 5px 8px;
}

h2.grey-headline-short, h3.grey-headline-short {
  background-position: 0px -312px;
}

h2.grey-headline-medium, h3.grey-headline-medium {
  background-position: -315px -312px;
}

h2.grey-headline-long, h3.grey-headline-long {
  background-position: 0px -339px;
}

h2.blue-headline-short, h3.blue-headline-short {
  background-position: 0px -258px;
}

h2.blue-headline-medium, h3.blue-headline-medium {
  background-position: -315px -258px;
}

h2.blue-headline-long, h3.blue-headline-long {
  background-position: 0px -285px;
}


/* =ICON
=========================================================================== */

a.icon {
  border: 0px none;
  display: block;
}

a.icon-links,
span.icon-links {
  display: block;
  float: left;
  height: 18px;
  margin: 3px 5px 0 0;
  padding-left: 0;
  text-indent: -7000px;
  width: 18px;
}

#editButton_1:focus {
  outline: none;
}

a.icon-links:focus,
span.icon-links:focus {
  overflow: hidden;
}

img.icon-premium {
  background-position: -325px -28px;
}

img.icon-moderator {
  background-position: -334px -28px;
}

img.icon-ambassador {
  background-position: -343px -28px;
}

img.icon-premium-big {
  background-position: -325px -37px;
}

img.icon-moderator-big {
  background-position: -340px -37px;
}

img.icon-ambassador-big {
  background-position: -355px -37px;
}

img.icon-basic-big {
  background-position: -370px -37px;
}

img.icon-move {
  background-position: -312px -39px;
}

img.icon-close {
  background-position: -312px -26px;
  cursor: pointer;
}

img.icon-up {
  background-position: -312px 0px;
}

img.icon-down {
  background-position: -312px -13px;
}

img.icon-close-big {
  background-position: -325px -52px;
  cursor: pointer;
}

img.icon-up-big {
  background-position: -355px -52px;
}

img.icon-down-big {
  background-position: -340px -52px;
}

img.icon-edit-up {
  background-position: -281px -52px;
}

img.icon-edit-down {
  background-position: -281px -65px;
}

img.icon-info {
  background-position: -312px -52px;
}

img.image-search {
  background-position: -666px 0px;
}

img.image-edit {
  background-position: -706px 0px;
}

img.icon-lock {
  background-position: -351px -28px;
}

img.icon-editsettings {
  background-position: -432px -18px;
}

img.icon-location {
  background-position: -432px -1px;
}

img.icon-profilepreview {
  background-position: -432px -54px;
}

img.icon-sharedinfo {
  background-position: -450px 0px;
}

img.icon-route {
  background-position: -396px -36px;
}

img.icon-invitetogroup {
  background-position: -396px 0px;
}

img.icon-reportprofile {
  background-position: -414px -36px;
}

img.icon-edit {
  background-position: -432px -36px;
}

img.icon-deletecontact {
  background-position: -414px -54px;
}

img.icon-exportcontact {
  background-position: -396px -54px;
  padding-left: 0;
}

img.icon-introduce {
  background-position: -396px -18px;
}

img.icon-search {
  background-position: -450px -18px;
}

img.icon-customize {
  background-position: -450px -36px;
}

img.icon-questionmark {
  background-position: -468px -36px;
}

img.icon-delete {
  background-position: -486px -54px;
}

img.icon-skype {
  background-position: -558px 0px;
  padding-left: 0;
}

img.icon-skype0 {
  background-position: -522px 0px;
  padding-left: 0;
}

img.icon-skype1 {
  background-position: -522px -18px;
  padding-left: 0;
}

img.icon-skype2 {
  background-position: -522px -36px;
  padding-left: 0;
}

img.icon-skype3 {
  background-position: -522px -54px;
  padding-left: 0;
}

img.icon-skype4 {
  background-position: -540px 0px;
  padding-left: 0;
}

img.icon-skype5 {
  background-position: -540px -18px;
  padding-left: 0;
}

img.icon-skype6 {
  background-position: -540px -36px;
  padding-left: 0;
}

img.icon-skype7 {
  background-position: -540px -54px;
  padding-left: 0;
}

img.icon-addcontact-big {
  background-position: -633px 0px;
}

img.icon-faxnumber {
  background-position: -368px -17px;
}

img.icon-phonenumber {
  background-position: -359px -27px;
}

img.icon-mobilenumber {
  background-position: -368px -27px;
}

img.icon-locked {
  background-position: -352px -28px;
}

img.icon-sendmessage-big {
  background-position: -601px 0px;
}

img.icon-sendmessage {
  background-position: -486px -36px;
}

img.icon-introduce-big {
  background-position: -575px 0px;
}

img.icon-expandplus {
  background-position: -377px -28px;
}

img.icon-expandminus {
  background-position: -386px -28px;
}

img.icon-help {
  background: url(/img/v/spr_icons_r11.png) no-repeat -72px -110px;
}

img.icon-spam {
  background: url(/img/v/spr_icons_r11.png) no-repeat -126px 1px;
}

.xing-icon {
  background: url(/img/v/spr_icons_r11.png) no-repeat -198px -162px;
  height: 16px;
  vertical-align: top;
  width: 16px;
}

/* =ACTION OPTION
--------------------------------------------------------------------------- */

a.action-option {
  cursor: pointer !important;
  float: left !important;
  padding: 6px 0 4px !important;
  width: 100% !important;
}

a.action-option img.icon-customize,
a.action-option img.icon-search,
a.action-option img.icon-opensocial {
  display: block !important;
  float: left !important;
  margin: 0 6px 0 4px !important;
  padding: 0 !important;
}

a.action-option img.icon-opensocial {
  background: url(/img/v/spr_icons_r11.png) no-repeat -214px -125px;
}

a.action-option span {
  display: block !important;
  float: left !important;
  margin: 0 !important;
  padding: 1px 0 0 !important;
}

div.tool-item h4 {
  overflow: hidden; /* some float clear fixing */
}

/* =LINK WITH ICON
--------------------------------------------------------------------------- */

a.icon-link {
  cursor: pointer;
  display: block;
  float: left;
  padding-bottom: 3px;
}

a.icon-link img {
  display: block;
  float: left;
  margin-right: 5px;
}

a.icon-link span {
  display: block;
  float: left;
  margin-top: 2px;
  width: auto;
}

a.icon-link span.short {
  width: 114px;
}

a.icon-link span:hover {
  text-decoration: underline; /* Opera needs this explicit because of block */
}

a.icon-link-vertical {
  cursor: pointer;
  display: block;
}

a.icon-link-vertical img {
  display: block;
  margin: 0 auto;
}

a.icon-link-vertical span {
  display: block;
  font-weight: bold;
}

td a.icon-links {
  float: none;
  margin: auto;
}

/* reset for table-list */
.table-list a.icon-link {
  display: inline;
  float: none;
  padding-bottom: 0px;
}

.table-list a.icon-link img {
  display: inline;
  float: none;
  margin-right: 0px;
}

/* widget icon */
.wgt-frame .icon {
  float: right;
  margin: 4px 0;
  padding: 0 8px 0;
}

.wgt-frame a.icon-link {
  padding-top: 3px;
}

.wgt-frame a.icon-link img {
  margin-right: 2px;
}

/* = Profile contacts box
--------------------------------------------------------------------------- */
/*
Problem with the old floating solution:
- if some the texts become too long, the following floats start to hook, not building a new line

Problem with the new inline-block solution:
- hackish in IE6 and Fx 2
*/

#profile-actions { /* its an ul */
  font-size: 0; /* set the font-size to 0 because whitespace is respected in inline context */
  overflow: hidden; /* no floats inside, just to cut the overflow (if present) */
  text-align: left; /* list items are affected because they are inline-block elements */
}

#profile-actions li {
  display: -moz-inline-box; /* Fx 2 does not understand inline-block */
  display: inline-block; /* normal floats would hook if they have unequal heights */
  font-size: 12px; /* re-set the font size */
  margin: 0;
  text-align: left; /* remove justify*/
  vertical-align: top; /* inline-blocks are aligned middle or bottom in some browsers */
  width: 140px; /* approx half the width of the container */
}

#profile-actions .border-top { /* full width seperator with dotted line at the top */
  border-top: 1px dotted #999;
  margin: 0 0 5px;
}

#profile-actions .wide {
  width: 100%;
}

#profile-actions .inline { /* Fx 2 fix for Linebreak between Headline and Text */
  display: inline;
}

#profile-actions li>span {
  display: table;
}

#profile-actions a {
  float: left; /* has to contain the floating img inside in order to react on hover */
  padding: 2px 2px 3px 20px; /* left padding leaves space for the img */
  width: 115px; /* Fx 2 needs this inner width, since the outer width of inline-blocks is not respected (140-23)*/
  overflow: hidden;
}

#profile-actions .wide a {
  width: 255px; /* the inner width set for Fx 2 in this case */
}

#profile-actions img {
  float: left; /* needs to be a float to be moved */
  margin: -2px 0 0 -20px; /* moves it into the padding area of the containing link*/
  position: relative; /* becomes invisible in FX2 and IE6 without */
  width: 18px; /* restricts the image width */
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat 0 -893px;
}

#profile-action-list li {
  float: left;
  text-align: center;
  width: 95px;
}

#profile-action-list a {
  padding-top: 0px;
}

#profile-action-list .premium-link {
  position: absolute;
  right: 0px;
  top: 5px;
}

/* =GROUPS
=========================================================================== */

/* =GROUPS-TEASER
--------------------------------------------------------------------------- */

.groups-teaser {
  display: block;
  margin: 15px 0 10px;
  overflow: hidden;
  padding: 0 8px;
  width: 969px;
}

.groups-teaser img {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  width: 80px;
}

.groups-teaser span {
  display: block;
  float: left;
  width: 874px;
}

/* =GROUP-OPTIONS
--------------------------------------------------------------------------- */

#group-options div.item {
  clear: both;
  margin-bottom: 3px;
  width: 100%;
}

#group-options div.item form {
  overflow: hidden;
}

#group-options div.item form input {
  display: block;
  float: left;
}

#group-options div.item form label {
  display: block;
  float: left;
  padding-left: 4px;
  padding-top: 2px;
  width: 240px;
}

#group-options div.item form img.indicator {
  display: block;
  float: left;
  padding-left: 4px;
}

/* =GROUP-STARTPAGE-SIDEBAR
---------------------------- */
.group-start-info-box {
  float: left;
  margin-right: 6px;
  overflow: hidden;
  text-align: center;
  width: 91px;
}

/* =ACCOUNT
=========================================================================== */

/* =INVOICE-ADDRESS
--------------------------------------------------------------------------- */

#suggested-billing-address div.datafield-header {
  display: block;
  font-weight: bold;
  text-align: right;
}

#suggested-billing-address div.datafield-header a:link,
#suggested-billing-address div.datafield-header a:visited,
#suggested-billing-address div.datafield-header a:active {
  text-decoration: none;
}

#suggested-billing-address div.datafield-header a:hover {
  text-decoration: underline;
}

/* = UPGRADE
=========================================================================== */

/* = OFFER SET
--------------------------------------------------------------------------- */
div.premium-membership p {
  margin: 0 8px;
}

div.premium-membership p.star-comments,
div.premium-membership p.star-comments a,
.premium-upgrade .star-comments,
.premium-upgrade .star-comments a,
.star-comments-ra, 
.star-comments {
  color: #808080;
  font-size: 10px;
}

#offerset {
  background: url(/img/xing/bg_box_premium_upgrade_spr.png) no-repeat;
  margin-top: 20px;
  padding-top: 6px;
}

/* premium-0-3 means the table has 0 columns for a current package and
   3 columns for offer set packages,
   premium-1-2 means 1 column for the current package and 2 columns for
   the offerset packages, ...
*/

#offerset.premium-0-1 {
  background-position: -4400px top;
}

#offerset.premium-0-2 {
  background-position: -5500px top;
}

#offerset.premium-0-3 {
  background-position: left top;
}

#offerset.premium-1-2 {
  background-position: -1100px top;
}

#offerset.premium-1-1 {
  background-position: -2200px top;
}

#offerset.premium-1-0 {
  background-position: -3300px top;
}

#offerset div {
  overflow: hidden;
  height: 1%;
  background: url(/img/xing/bg_box_premium_upgrade_spr.png) no-repeat;
}

#offerset.premium-0-1 div {
  background-position: -4400px bottom;
}

#offerset.premium-0-2 div {
  background-position: -5500px bottom;
}

#offerset.premium-0-3 div {
  background-position: left bottom;
}

#offerset.premium-1-2 div {
  background-position: -1100px bottom;
}

#offerset.premium-1-1 div {
  background-position: -2200px bottom;
}

#offerset.premium-1-0 div {
  background-position: -3300px bottom;
}

#offerset.premium-0-3 div.tipp-1,
#offerset.premium-0-3 div.tipp-2,
#offerset.premium-0-3 div.tipp-3,
#offerset.premium-1-2 div.tipp-1,
#offerset.premium-1-2 div.tipp-2,
#offerset.premium-0-2 div.tipp-1,
#offerset.premium-0-2 div.tipp-2,
#offerset.premium-0-1 div.tipp-1,
#offerset.premium-1-1 div.tipp-1 {
  background: #E97F02;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 15px;
  line-height: 140%;
  margin: -14px 0 0 570px;
  padding: 1px 5px;
  position: absolute;
}

/* tipp-1 means first offer set column is the tip,
tipp-2 means second column, ... */

#offerset.premium-0-3 div.tipp-1 {
  margin: -14px 0 0 570px;
}

#offerset.premium-0-3 div.tipp-2,
#offerset.premium-1-2 div.tipp-1 {
  margin: -14px 0 0 750px;
}

#offerset.premium-0-3 div.tipp-3,
#offerset.premium-1-2 div.tipp-2 {
  margin: -14px 0 0 920px;
}

#offerset.premium-0-2 div.tipp-1 {
  margin: -14px 0 0 630px;
}

#offerset.premium-0-2 div.tipp-2,
#offerset.premium-1-1 div.tipp-1 {
  margin: -14px 0 0 850px;
}

#offerset.premium-0-1 div.tipp-1 {
  margin: -14px 0 0 780px;
}


#offerset img {
  margin: 20px 0 0 40px;
}

#offerset ul {
  float: left;
  list-style-type: none;
  padding-bottom: 25px;
}

#offerset ul li {
  width: 230px;
}

#offerset ul li p {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 30px;
}

#offerset table {
  border-collapse: collapse;
  float: left;
  margin-left: 20px;
}

#offerset table th,
#offerset table td {
  padding: 12px 0;
}

#offerset.bonus table td {
  padding: 8px 0;
}

#offerset table th {
  border-top: 1px solid #ccc;
  padding-left: 30px;
  width: 165px;
}

#offerset table th span {
  font-weight: normal;
}

#offerset table td {
  border-top: 1px solid #ddd;
  text-align: center;
}

#offerset table tr.membership-headline td {
  border: none;
  color: #006567;
  font-weight: bold;
}

#offerset table tr.membership-headline th {
  border: none;
}

#offerset table td.paid-membership {
  color: #999;
}

#offerset table tr.price td {
  font-weight: bold;
}

#offerset table td button {
  float: none;
  margin: 10px 0;
}

.payment-options {
  margin-top: 25px;
}

.payment-options .advantages {
  padding: 2px 0 0;
}

.payment-options img {
  margin: 5px 0 25px 10px;
}

div.premium-0-3 table td,
div.premium-1-2 table td {
  width: 178px;
}

div.premium-1-1 table td,
div.premium-0-2 table td  {
  width: 268px;
}

div.premium-1-0 table td,
div.premium-0-1 table td {
  width: 536px;
}

span.billing-teaser  {
  font-weight: bold;
  white-space: nowrap;
}

h1.headline {
  margin-bottom: 10px;
  padding: 0;
}

.unordered-list, .unordered-link-list, .ordered-list {
  background-image: none;
  margin: 0 0 15px;
  padding: 0;
}

.unordered-list li, .unordered-link-list li, .ordered-list li {
  background: url(/img/xing/icn_bulletpoint_blue.gif) no-repeat 0 4px;
  margin: 0;
  padding: 0 0 7px 17px;
  width: auto;
}

.unordered-link-list li {
  background: url(/img/xing/icn_bulletpoint_blue_link.gif) no-repeat 0 4px;
}

ul.check-list {
  margin: 0.5em 0;
}

ul.check-list li {
  background: url(/img/xing/icn_bulletpoint_check.gif) no-repeat;
  padding: 2px 0 0 22px;
}

.ordered-list li {
  background-image: none;
  padding-left: 22px;
}

.ordered-list li.one {
  background: url(/img/xing/icn_bulletpoint_1.gif) no-repeat 0 2px;
}

.ordered-list li.two {
  background: url(/img/xing/icn_bulletpoint_2.gif) no-repeat 0 2px;
}

.ordered-list li.three {
  background: url(/img/xing/icn_bulletpoint_3.gif) no-repeat 0 2px;
}

/* = tableau is: three-colummn with equal heights, used in logged-out startpage and research panel
--------------------------------------------------------------------------- */

.tableau {
  clear: both;
  display: inline-block; /* Saf 2.0.4 */
  overflow: hidden;
  position: relative; /* IE 6, 7*/
  width: 100%; /* Saf 2.0.4 */
}

.tableau h3 {
  color: #006567;
  margin: 0 0 5px;
}

.tableau p {
  margin: 0 0 5px;
}

.tableau li {
  border-right: 1px dotted #999;
  display: inline;
  float: left;
  margin: 0 15px -16000px 0;
  padding: 0 13px 16000px 74px;
  position: relative;
  width: 230px;
}

.tableau li.last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

.tableau li li {
  border-right: none;
  width: 95%;
}

.tableau img {
  float: left;
  margin: 0 10px 0 0;
}

.tableau .function-icon {
  left: 0;
  position: absolute;
  top: 0;
}

.tableau fieldset input{
  margin: 0 0 10px;
}
.tableau fieldset {
  margin: 0;
  display: inline-block; /* Saf 2.0.4 */
}

/* =GROUP_REQUEST
--------------------------------------------------------------------------- */

#more-information h3 span {
  color: #006567;
  padding-bottom: 10px;
}

#more-information ul.unordered-link-list {
  margin-bottom: 0;
}


/* =CONTEXT WINDOW
--------------------------------------------------------------------------- */

#context-window-help {
  width: 300px;
  z-index: 10000;
}

#context-window-help h4 {
  margin-bottom: 4px;
  margin-top: 0;
}

#context-window-help ul {
  list-style-type: square;
  margin: 0 0 6px 16px;
}

#context-window-help ol {
  margin: 0 0 6px;
  padding: 0 0 0 16px;
}

#context-window-help ul li, #context-window-help ol li {
  padding: 0 0 4px;
}

/* =GENERAL
--------------------------------------------------------------------------- */

span.annotation {
  color: #808080;
  font-size: 11px;
  font-weight: normal;
}


/* =OFFICIAL EVENTS (GROUPS)
=========================================================================== */

a.official-event {
  color: #006567;
  font-weight: normal;
}

img.official-event {
  background: url(/img/v/spr_icons_r11.png) no-repeat -198px -162px;
}

#group-events .text-button, #interesting-events .text-button, #my-events .text-button {
  float: right;
  margin-top: 5px;
}


/* =THIS IS THE END, MY FRIEND
=========================================================================== */

#old-footer,
#navfooter {
  display: none;
}


/* =PRINT
=========================================================================== */

@media print {
  .col_one,
  .col_two,
  .col_three,
  .col_5050 {
    overflow: visible;
  }

  .event-private,
  .event-public,
  .icon-ambassador,
  .icon-close,
  .icon-customize,
  .icon-down,
  .icon-moderator,
  .icon-move,
  .icon-premium,
  .icon-search
  .icon-up,
  .image-edit,
  .image-search,
  .language,
  .logo,
  .navmain-other,
  .ruler,
  .shadow-top,
  .small-logo,
  h2.blue-headline-long,
  h2.blue-headline-medium,
  h2.blue-headline-short,
  h2.grey-headline-long,
  h2.grey-headline-medium,
  h2.grey-headline-short,
  h3.blue-headline-long,
  h3.blue-headline-medium,
  h3.blue-headline-short,
  h3.grey-headline-long,
  h3.grey-headline-medium,
  h3.grey-headline-short,
  img.contact,
  img.event-private,
  img.event-public,
  img.icon-addbookmark,
  img.icon-addcontact,
  img.icon-addcontact-big,
  img.icon-ambassador,
  img.icon-ambassador-big,
  img.icon-basic-big,
  img.icon-close,
  img.icon-close-big,
  img.icon-customize,
  img.icon-delete,
  img.icon-deletebookmark,
  img.icon-deletecontact,
  img.icon-down,
  img.icon-down-big,
  img.icon-down-big,
  img.icon-edit,
  img.icon-edit-down,
  img.icon-edit-up,
  img.icon-editsettings,
  img.icon-expandminus,
  img.icon-expandplus,
  img.icon-expert-big,
  img.icon-exportcontact,
  img.icon-faxnumber,
  img.icon-info,
  img.icon-introduce,
  img.icon-introduce-big,
  img.icon-invitetogroup,
  img.icon-location,
  img.icon-lock,
  img.icon-locked,
  img.icon-mobilenumber,
  img.icon-moderator,
  img.icon-moderator-big,
  img.icon-move,
  img.icon-phonenumber,
  img.icon-premium,
  img.icon-premium-big,
  img.icon-profilepreview,
  img.icon-questionmark,
  img.icon-reportprofile,
  img.icon-route,
  img.icon-search,
  img.icon-sendmessage,
  img.icon-sendmessage-big,
  img.icon-sharedinfo,
  img.icon-skype,
  img.icon-skype0,
  img.icon-skype1,
  img.icon-skype2,
  img.icon-skype3,
  img.icon-skype4,
  img.icon-skype5,
  img.icon-skype6,
  img.icon-skype7,
  img.icon-up,
  img.icon-up-big,
  img.image-edit,
  img.image-search,
  img.message,
  img.new-contact,
  img.new-message {
    background-image: none;
  }
}

/* =Marketplace Rating Widget
=========================================================================== */

div.ajax-content p.bg-stars {
  background: url(/img/n/infobox_ratingstars.png) no-repeat;
  text-indent: 72px;
}

/* = group logos on profile page
=========================================================================== */

div.group-logos a {
  display: inline-block;
  margin: 0 6px 6px 0;
  text-decoration: none;
}

div.group-logos div {
  clear: both;
  width: 270px;
}

#group-logos-limit-more-link {
  float: right;
  height: 16px;
  margin-right: 10px;
  margin-top:4px;
  padding-right: 12px;
  position: relative;
  text-decoration: none;
}

#group-logos-limit-more-link:hover {
  text-decoration: underline;
}

#group-logos-limit-more-arrow {
  height: 4px;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 8px;
}

#group-logos-limit-more-arrow.arrow-down {
  margin-top: -1px;
}

#group-logos-limit-more-arrow.arrow-up {
  margin-top: -2px;
}

.arrow-up {
  background: url(/img/v/spr_icons_r11.png) no-repeat -18px -216px;
}

.arrow-down {
  background: url(/img/v/spr_icons_r11.png) no-repeat -36px -216px;
}

.arrow-down-inv {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat right -293px;
}
.arrow-up-inv {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat right -493px;
}

/* = groups articles list stuff
=========================================================================== */

h3.article-head {
  background: #f0f0f0;
  float: left;
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0;
  padding: 5px 15px 5px 10px;
  text-align: right;
  width: 960px;
}

h3.article-head a {
  float: left;
  font-size: 1.2em;
  text-align: left;
}

.article-body {
  display: inline;
  float: left;
  margin: 0 20px 0 0;
  overflow: hidden;
  padding: 0 0 0 8px;
  width: 642px;
}

.article-body ins,
p.changed {
  color: #E97F02;
  display: block;
  font-style: italic;
  margin: 0;
  padding: 1.4em 0 0;
  text-decoration: none;
}

dl.article-author {
  float: left;
  overflow: hidden;
  width: 315px;
}

.article-author dt {
  display: inline;
  float: left;
  margin: 0 0 0 2px;
  padding: 0 8px 10px;
}

.article-author dd {
  margin: 0 8px 10px 95px;
  padding: 0 0 5px 5px;
}

/* = followed companies on profile page
=========================================================================== */

#company-list {
  overflow: hidden;
  width: 100%;
}

.options-div {
  text-align: right;
  height: 1.6em;
}

#company-box #link-container {
  position: relative;
}

#show-further-companies-link {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat;
  height: 16px;
  padding-right: 39px;
  position: absolute;
  right: -24px;
  top: 0px;
}

#company-box .arrow-up {
  background-position: 100% -492px;
}

#company-box .arrow-down {
  background-position: 100% -292px;
}

.expand-container-link:hover {
  text-decoration: underline;
}

.expand-container-link .text {
  margin: 0 4px;
}

.expand-container-link .arrow-down,
.expand-container-link .arrow-up {
  position: absolute;
  right: 0;
  top: 40%;
}


/* =EVENT INVITATION MESSAGE (private message)
=========================================================================== */

.event-details-link {
  background: url(/img/xing/arrow.gif) no-repeat 0 5px;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 10px;
}

#event-invitation-message .blue-headline-medium {
  margin: 20px 0 10px -10px;
  position: relative;
}

#event-invitation-message p {
  margin: 0 0 10px;
}

#event-invitation-message dl  {
  clear: both;
  margin: 0;
  padding-top: 5px;
}

#event-invitation-message dl:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#event-invitation-message dl dt,
#event-invitation-message dl dd {
  float: left;
  margin: 0;
}

#event-invitation-message dl dt {
  clear: both;
  display: block;
  font-weight: bold;
  padding-right: 6px;
  width: 60px;
}

#event-invitation-message ul {
  float: none;
  margin: 0;
}

#event-invitation-message li {
  display: block;
  float: none;
  list-style: none; /* IE fix, since display: block does not remove bullet points */
  padding: 0;
}

#eventinfo-participate-yes,
#eventinfo-participate-no,
#eventinfo-participate-maybe {
  display: block;
  margin: 0;
  padding: 0 0 10px 25px;
}

#eventinfo-participate-yes {
  background: url(/img/xing/icn_event_answ_yes.gif) no-repeat 0 -2px;
}

#eventinfo-participate-no {
  background: url(/img/xing/icn_event_answ_no.gif) no-repeat 0 -2px;
}

#eventinfo-participate-maybe {
  background: url(/img/xing/icn_event_answ_maybe.gif) no-repeat 0 -2px;
}

ul.article-action {
  border-top: 1px dotted #999999;
  clear: both;
  display: inline;
  float: left;
  margin: 15px 0 0 8px;
  padding: 5px 0 0;
  width: 650px;
}

.article-action li {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
}

.article-action a {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat 1px 1px;
  display: block;
  text-indent: 23px;
}

.article-action a.icn-edit {
  background-position: 2px -98px;
}

.article-action a.icn-delete {
  background-position: 2px -198px;
}

#paging-top {
  border-bottom: 1px dotted #999999;
  display: inline;
  float: left;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0 0 5px 8px;
  width: 977px;
}

/*  > fix for a Fx2 float bug in groups */
#paging-top + ul > li {
  clear: both;
}

#paging-bottom {
  border-top:1px dotted #999999;
  display: inline;
  float: left;
  margin: 15px 0 5px 0;
  overflow: hidden;
  padding: 8px 0 5px 8px;
  width: 977px;
}

#paging-top form {
  float: right;
  padding: 0 0 5px;
}

#paging-top form * {
  vertical-align: middle;
  margin-top: 0;
}

#paging-top p {
  font-weight: bold;
  margin: 0 0 10px;
}


/* =MESSAGES
  (/app/message)
=========================================================================== */

.message-action {
  margin: -10px 5px 10px 13px;
  overflow: hidden;
}

.message-action select {
  float: left;
  margin: 3px 5px 0 0;
}

#message-list td {
  overflow: hidden;
}

#shared-data-link {
  background: url(/img/xing/icn_data_management.gif) no-repeat  5px 4px ;
}

/* = private messages
=========================================================================== */

.message {
  margin-left: 8px;
  width: 650px;
}

.message p {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
}

#pager-top {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1em;
  padding: 8px 0 3px 8px;
  width: 650px;
}

#pager-top .pager {
  float: right;
  margin-right: 8px;
}

#pager-bottom {
  border-top: solid 1px #D8D8D8;
  margin-bottom: 45px;
  margin-top: 15px ;
  overflow: hidden;
  padding: 8px 0 3px 8px;
}

#pager-bottom .pager {
  float: right;
  margin-right: 8px;
}

#message-header {
  margin: 0 0 10px 8px;
  overflow: hidden;
  padding: 0;
}

#message-header-table {
  float: left;
  margin-top: -3px;
  width: auto;
}

#message-header-table td {
  height: 20px;
  padding-right: 5px;
  vertical-align: top;
}

#message-header-table .subject {
  color: #267c7e;
  font-weight: bold;
}

#message-header-table .sender {
  font-weight: bold;
  text-decoration: underline;
}

#message-header a {
  text-decoration: none;
}

#message-header a:hover {
  text-decoration: underline;
}

#pager-top a,
#pager-bottom a {
  text-decoration: none;
}

#pager-top a:hover,
#pager-bottom a:hover {
  text-decoration: underline;
}

#message-header ul {
  float:right;
  display: block;
}

#message-header ul li {
  display:inline;
  float:left;
  padding-left:6px;
}

#message-header ul li a,
#message-header ul li.disabled {
  margin-right:6px;
}

#message-header ul li.no-ul,
#message-header ul li.disabled {
  padding-left:0;
}

.message .message-body {
  margin-left: 10px;
  padding: 0 0 20px;
}

.message-body ul {
  list-style: disc;
  margin: 10px 0;
}

.message-body ul li {
  margin-left: 20px;
}

.message-body ul li a,
.message-body ul li.disabled {
  margin-right: 6px;
}

.message-body ul li.no-ul,
.message-body ul li.disabled {
  padding-left: 0;
}

.message-body ul li.disabled span {
  color: #a0a0a0;
}

.message-body h1 {
  color: #006567;
  float: none;
  padding: 1px 0 10px 8px;
  width: auto;
}

.message-body p {
  border: none;
  clear: both;
  margin: 10px 0 0;
  padding: 0;
}

.message a.submit-button, 
.message a.cancel-button, 
.message a.save-button, 
.message a.delete-button,
.message-footer .cancel-button {
  margin: 0 5px 0 0;
  padding-left: 7px;
  padding-right: 0;
}

.message-footer {
  padding: 8px 4px 3px;
}

.message-footer p {
  border: none;
  margin: 0;
  padding: 0 6px 10px;
}

/* =LIGHTBOX
=========================================================================== */

#lightbox {
  position: absolute;
  z-index: 10000;
}

#lightbox .lightbox-content {
  min-height: 50px;
  min-width: 100px;
  overflow: hidden;
}

#lightbox .lightbox-content img.indicator {
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
}

#lightbox h3.header {
  color: #006567;
  font-size: 14px;
}

#lightbox a.icon {
  position: absolute;
  right: 15px;
  top: 10px;
}

/* = USERVOICE feedback link
=========================================================================== */

a.uservoice-feedback-tab {
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  background: #E97F02 url(/img/n/icon_feedback_uservoice.gif) no-repeat 2px 50%;
  border-bottom-left-radius: 1em;
  border-color: #E97F02 #E97F02 #E97F02 -moz-use-text-color;
  border-style: outset outset outset none;
  border-top-left-radius: 1em;
  border-width: 1px 1px 1px medium;
  display: block;
  height: 98px;
  margin: -45px 0 0 !important;
  padding: 0 !important;
  position: fixed;
  right: 0;
  text-align: left;
  top: 45%;
  width: 24px;
  z-index: 101;
}

/* advertising captions
=========================================================================== */

.advertising-right-col {
  margin-bottom: 15px;
  overflow: hidden;
  width: 315px;
}

.advertising-right-col div,
.advertising-right-col iframe {
  float: left;
  width: 300px;
}

.vertical-advertising-text {
  background: url(/img/v/text_advertising_r1.png) no-repeat;
}

div.vertical-advertising-text {
  background-image: none;
  float: left;
  margin: 0 0 0 1px;
  padding: 0;
  width: 11px;
}

span.vertical-advertising-text {
  display: block;
  height: 250px;
}

.vertical-advertising-text .language-de {
  background-position: -165px 0px;
}

.vertical-advertising-text .language-en {
  background-position: -154px 0px;
}

.vertical-advertising-text .language-es {
  background-position: -143px 0px;
}

.vertical-advertising-text .language-fi {
  background-position: -132px 0px;
}

.vertical-advertising-text .language-fr {
  background-position: -121px 0px;
}

.vertical-advertising-text .language-hu {
  background-position: -110px 0px;
}

.vertical-advertising-text .language-it {
  background-position: -99px 0px;
}

.vertical-advertising-text .language-ja {
  background-position: -88px 0px;
}

.vertical-advertising-text .language-ko {
  background-position: -77px 0px;
}

.vertical-advertising-text .language-nl {
  background-position: -66px 0px;
}

.vertical-advertising-text .language-pl {
  background-position: -55px 0px;
}

.vertical-advertising-text .language-pt {
  background-position: -44px 0px;
}

.vertical-advertising-text .language-ru {
  background-position: -33px 0px;
}

.vertical-advertising-text .language-sv {
  background-position: -22px 0px;
}

.vertical-advertising-text .language-tr {
  background-position: -11px 0px;
}

.vertical-advertising-text .language-zh {
  background-position: 0px 0px;
}

/* statistics box on startpage
=========================================================================== */

#stats-contacts {
  margin-top: 10px;
  position: relative;
}

#stats-contacts h4 {
  margin: 0;
  padding: 0;
}

#stats-contacts .invite {
  bottom: 10px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  z-index: 1;
}

#stats-contacts dl {
  background: url(/img/n/ill_contacts_of_bg_new.gif) no-repeat 15px 0;
  margin: 0;
  overflow: hidden;
  padding: 60px 0 2em;
  position: relative;
  text-align: center;
}

#stats-contacts .deg-1 {
  margin: 0;
  padding: 0;
  width: 74px;
}

#stats-contacts .deg-2 {
  margin: 0;
  padding: 0 10px;
  width: 75px;
}

#stats-contacts .deg-3 {
  margin: 0;
  padding: 0;
  width: 116px;
}

#stats-contacts dd {
  font-size: 1.2em;
  font-weight: bold;
  position: absolute;
  top: 22px;
}

#stats-contacts dd.deg-1 {
  left: 0;
}

#stats-contacts dd.deg-2 {
  left: 74px;
}

#stats-contacts dd.deg-3 {
  left: 169px;
}

#stats-contacts dt {
  float: left;
}

/* little help - questionmark for searchtipps-link
=================================================== */

.helptool {
  cursor: help;
  text-decoration: underline;
}

/* Groups
================================================================ */

#gr-header {
  clear: both;
  line-height: 140%;
}

/* Headline of a group, defined separatly to provide
   a link reference to the groups startpage */
#gr-header h1 a {
  color: #006567;
}

#gr-header #minimize-link h2.path,
#gr-header #maximize-link h2.path {
  width: auto;
}

/* Minimize and Maximize Links in the group header */
#gr-header #minimize-link,
#gr-header #maximize-link {
  float: right;
  text-align: right;
}

/* Search-Header on Groups
=========================== */

.expanded-search-form fieldset {
  background-color: #f0f0f0;
  border: 0;
  line-height: 1.7em;
  padding: 7px 0 0 10px;
}

.expanded-search-form li {
  display: inline;
  float: left;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}

.expanded-search-form legend {
  display: none;
}

#advanced-search-form.expanded-search-form input {
  margin: 0;
  padding: 0;
  width: auto;
}

#advanced-search-form.expanded-search-form label {
  display: inline;
  font-weight: normal;
  width: auto;
}

.expanded-search-form .smallinfo {
  float: right;
  margin: -2.2em 10px 0 0;
}

#advanced-search-form.expanded-search-form #query {
  margin-right: 5px;
  width: 270px;
}

#advanced-search-form h4 {
  background: url(/img/v/spr_icons_vertical_r7.png) no-repeat 0 -699px;
  margin: 0 10px 0 0;
  padding-left: 20px;
}

.expanded-search-form #button1-label,
.expanded-search-form #button2-label,
.expanded-search-form #button3-label,
.expanded-search-form #button4-label {
  margin-right: 7px;
}

#advanced-search-form #query-label {
  font-weight: bold;
  margin: 0 5px;
  padding: 0;
}

#advanced-search-form.expanded-search-form .submit-button {
  margin: -3px 0 3px;
}

/* =TERMS AND CONDITIONS
=========================================================================== */

.terms-and-conditions li {
  font-size: 1.4em;
  font-weight: bold;
  margin: 20px 0;
}

.terms-and-conditions p,
.terms-and-conditions ul,
.terms-and-conditions ul li,
.terms-and-conditions dl {
  margin: 10px 0;
  font-size: 12px;
  font-weight: normal;
}

.terms-and-conditions ul {
  margin: 5px 0 0 30px;
}

.terms-and-conditions ul li {
  list-style-type: disc;
  margin: 3px 0;
}

.terms-and-conditions dl dt,
.terms-and-conditions dl dd {
  float: left;
  margin: 5px 0;
}

.terms-and-conditions dl dt {
  clear: left;
  font-weight: bold;
  width: 40px;
}

.terms-and-conditions dl dd {
  width: 90%;
}

.terms-and-conditions dl:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.terms-and-conditions .top-link {
  margin-left: -40px;
}

/*JS Tooltip
===================================*/

.tool-tip {
  position: absolute;
}

.tool-tip-content {
  background-color: #EFEFEF;
  border: 1px solid #686868;
  bottom: 9px;
  color: #333333;
  left: 0;
  padding: 2px 5px;
  position: absolute;
  width: 150px;
}

.tool-tip-arrow {
  background: url(/img/v/spr_icons_r11.png) no-repeat 0 -273px;
  display: block;
  height: 11px;
  left: 20px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  width: 11px;
  z-index: 100;
}

/* User-Statistics on profile/other
====================================*/

.user-stats p {
  margin-left: 3px;
}

.user-stats ul {
  padding-left: 10px;
}

.user-stats li {
  font-weight: bold;
  margin-bottom: 8px;
}

.user-stats a {
  display: inline;
  text-decoration: none;
}

.user-stats a.group-link {
  display: block;
  font-weight: normal;
  margin: 0 0 0 26px;
}

.user-stats li.stats {
  font-weight: normal;
  margin: 0 0 5px 26px;
}

.user-stats img {
  margin: 0 10px 0 0;
  vertical-align: top;
}

.user-stats .status-bar {
  margin: -3px 0 8px 26px;
  overflow: hidden;
}

.status-bar #password-strength-bar {
  height: 12px;
}

.user-stats .profil {
  padding: 1px;
}

#number_of_active_marketplace_postings {
  display: inline;
  font-weight: bold;
  margin-left: 0;
}

/* Google ads on profile-page
===============================*/

#google-ads-left-side,
#google-ads-bottom {
  border: 3px solid #ddd;
  margin: 15px 0 10px;
  overflow: hidden;
  padding: 10px 5px 5px;
  position: static; /* explicit the default-value */
}

#google-ads-bottom {
  padding: 20px 15px;
  width: 949px;
}

#google-ads-left-side span,
#google-ads-bottom span {
  background-color: #fff;
  color: #808080;
  display: block;
  font-size: 11px;
  margin: -20px 10px 0;
  padding: 0 6px;
  position: absolute;
}

#google-ads-bottom span {
  margin: -30px -5px 0;
}

/* Special teaser
===============================*/

.special-teaser {
  background-color: #edf4f2;
  border-color: #c4dcd4;
  clear: both;
  padding-bottom: 11px;
  padding-top: 10px;
}

.special-teaser h2 {
  font-size: 1.1em;
  padding-top: 0;
}

.special-teaser .ill-img { /* this is been used till 14.02.10 */
  float: left;
  margin: 0 15px 5px 0;
  position: relative;
}

.special-teaser .rec-img { /* this is been used by XNG-16835 till 10.03.10 */
  float: left;
  margin: 0 30px 20px 0;
  position: relative;
}

.special-teaser .new-sign {
  margin-left: 5px;
  top: -2px;
}

/* Invite status page teaser
===============================*/

.inv_chart_teaser div{
  padding-right: 64px;
}

.inv_chart_teaser div img{
  float: right;
  margin-right: -64px;
}

/* Group-info-Box
=================== */

.group-info {
  padding-bottom: 15px;
}

.group-info p {
  margin: 5px 0 3px;
}

.group-info dl {
  line-height: 1.5em;
}

/* clearing in dt and dd for the case, 
that the infos take more than one row 
====================================== */

.group-info dt {
  clear: both;
}

.group-info dd {
  clear: both;
  float: right;
  margin-top: -1.5em;
  max-width: 160px;
  text-align: right;
}

/* Special headings for user-generated texts,
e.g. Groups Start Text, Groups Newsletter, and  more 
===================================================== */

p.hd1 {
  color: #006567;
  font-size: 1.4em;
  font-weight: bold;
}

p.hd2 {
  font-size: 1.4em;
  font-weight: bold;
}

p.hd3 {
  font-size: 1.2em;
  font-weight: bold;
}

p.hd4 {
  font-size: 1em;
  font-weight: bold;
}

p.hd5 {
  font-size: 0.83em;
  font-weight: bold;
}

p.hd6 {
  font-size: 0.67em;
  font-weight: bold;
}

/* PDF Link List
===============================*/

.pdf-link-list li {
  margin: 0 0 7px;
}

.pdf-link-list a {
  padding: 2px 0 2px 23px;
}

.pdf-link-list span {
  background-color: #fff;
}

/* Microformats on user/home
============================= */
#photobox-title,
#photobox-company,
#address-container .org {
  font-weight: bold;
}

#address-container .tel,
.adr strong {
  clear: left;
  display: block;
}

.tel .icon-links {
  height: 10px;
  width: 9px;
}

#address-container p {
  clear: left;
}

#address-container h1 {
  color: #333;
  font-size: 1.6em;
  margin: 0 0 1em;
  line-height: 1.1em;
  padding: 0;
}

.tel img.icon-phonenumber,
.tel img.icon-mobilenumber {
  padding-left: 0;
}

.vcalendar hr {
  background-color: #c4dcd4;
  border: none;
  height: 1px;
  margin-left: 140px;
  width:510px;
  clear: both;
}

/* PREMIUM-GROWTH-LIGHTBOX 
=========================== */
.premium-growth-icons {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 50px;
}

.premium-growth-content {
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.premium-growth-content h2.top {
  color: #006567;
  
}

.premium-growth-content h2 {
  margin-bottom: 8px;
}

.premium-growth-content p {
  margin-bottom: 10px;
}

.premium-growth-content li {
  background: url(/img/v/spr_list_images_r2.png) no-repeat -78px -2px;
  margin-bottom: 5px;
  padding-left: 13px;
}

.premium-growth-content li span {
  background-color: #EDF4F2;
  padding-top: 2px;
}

.upsell-link {
  color: #006567;
  clear: left;
  font-size: 12px;
}

/* INTERNAL QUICK SETTINGS SWITCHER 
==================================== */
#msp-switcher {
  left:0;
  position: absolute;
  z-index: 1250;
}
#msp-switcher #quick-settings {
  background-color: #b0ffb0;
  border: 1px solid #000;
  border-left: none;
  border-top: none;
}
#msp-switcher select {
  margin: 0 10px 10px;
}
#msp-switcher p {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
}

/* Members, who visited this profile also visited ...
======================================================================== */

.recommendation-bottom-box {
  background-color: #fff;
}

.recommendation-bottom-box h3 {
  font-size: 12px;
  margin-bottom: 10px;
}


.recommendation-bottom-box ul {
  overflow: hidden;
  padding: 0 0 10px;
}

.recommendation-bottom-box li {
  border-right: 1px dotted #808080;
  float: left;
  overflow: hidden;
  padding: 4px 10px 4px 50px;
  width: 260px;
}

.recommendation-bottom-box li.last-child {
  border: none;
}

.recommendation-bottom-box .user-data {
  line-height: 15px;
  overflow: hidden;
  width: 220px;
}

.recommendation-bottom-box li img {
  float: left;
  margin: 2px 10px 0 0;
}

.recommendation-bottom-box .icn-ambassador, 
.recommendation-bottom-box .icn-moderator, 
.recommendation-bottom-box .icn-premium, 
.recommendation-bottom-box .icn-xpert {
  height: 14px;
}

.recommendation-bottom-box .icn-ambassador {
  background-position: -90px -160px;
}

.recommendation-bottom-box .icn-moderator {
  background-position: -72px -160px;
}

.recommendation-bottom-box .icn-premium {
  background-position: -54px -160px;
}

.recommendation-bottom-box .icn-xpert {
  background-position: -18px -253px;
}

/* ======================================================================== */