/* +++++++++++++++++++++++++++++++
 * MEMBERSHIP DESIGN-SPECIFIC STYLES
 * +++++++++++++++++++++++++++++++
 * 
 */

  div.documentDescription {
    padding: 0 0 10px 0;
    font-style: italic;
    font-weight: bold; }

  div.documentHelp {
    color: #777;
    padding: 0 0 10px 0; }

  .inactive {
    color: #AAA;
    font-weight: normal;}

  div.error {
    margin: 0;
    font-size: 100%; }

  div.field.error {
    padding: 0.25em;
    margin: 0; }

  div.field.error label span.formHelp {
    display: none; }

  div.field.error div.fieldErrorBox {
    display: block;
	color: #999;
    margin: 0 0 0.2em 0;
    line-height: 1.2em;
    font-size: 0.8em;
    font-weight: normal; }

  #content   fieldset.fieldset-box,
  fieldset.fieldset-box {
    border: 1px solid #fff;
    padding: 0 10px; }

  #content   fieldset.fieldset-box .field select.select-widget,
  fieldset.fieldset-box .field select.select-widget {
    width: 100%; }

  table.statistic tbody tr.even td {
    background: #f9f9f9; }

  table.listing thead td {
    text-align: left;
    color: #666;
    border: 0.1em solid #fff;
    border-style: solid solid none;
    background: #ddd; }

  table.listing thead th.red {
    background: #dd7463;
    color: #FFF; }

  table.listing tbody tr.even td.red {
    background: #fee9e6; }

  table.listing tbody tr.odd td.red {
    background: #ecdedb; }

  table.listing thead th.blue {
    background: #6d8cb3;
    color: #FFF; }

  table.listing tbody tr.even td.blue,
  table.listing tbody tr.even_mandate td {
    background: #dfeaf9; }

  table.listing tbody tr.odd td.blue,
  table.listing tbody tr.odd_mandate td {
    background: #d1dce9; }

  table.listing thead th.green {
    background: #80b36d;
    color: #FFF; }
 
  table.listing tbody tr.even.inherited,
  table.listing tbody tr.even.inherited td,
  table.listing tbody tr td.even.inherited,
  table.listing tbody tr.even td.green {
    background: #edffe7; }

  table.listing tbody tr.odd.inherited,
  table.listing tbody tr.odd.inherited td,
  table.listing tbody tr td.odd.inherited,
  table.listing tbody tr.odd td.green {
    background: #dbefd4; }

  table.listing tbody tr td.even,
  table.listing tbody td.even,
  table.listing td:not(.inherited).even.space {
	background: transparent; }

  table.listing tbody tr td.odd,
  table.listing tbody td.odd,
  table.listing td:not(.inherited).odd.space {
	background: #eee; }


  table td img {
    vertical-align: text-top; }

  table .edit {
	 float: left;
     padding: 0 0.2em;
     white-space: nowrap; }

  table thead td.header {
    padding: 0 !important; }

  table .space {
    border-right: none !important;
    width: 0.5em;
    padding: 0 !important; }

  table .checkbox {
    width: 3.5em; }

  table .membership_nr {
    width: 5em; }

  table .input,
  table .date,
  table .amount,
  table .value {
    width: 6.5em; }

  table .login-time,
  table .cycle-name {
    width: 10em; }
  
  table .username,
  table .BIC,
  table .owner,
  table .periode,
  table .permission {
    width: 12em; }

  table .fullname {
    width: 18em; }

  table .age {
    width: 3em;
    float: none;
    clear: none;
  }

  table .icon {
    width: 28px;
  }

  table th.icon,
  table td.icon {
     padding: 4px 2px;
     margin: 0px;
     text-align: center;
  }

  table .width-30 {
    width: 30%; }

  td div.field {
    margin: 0; }

  table tr.footer {
    border-top: 1px solid; }

  .field input[type="text"].date-input,
  .field input[type="text"].amount-input,
  .field input[type="text"].memo-input {
    width: 99%; }

  .field input[type="text"].amount-input {
    text-align: right; }

  .edit input {
     margin-right: 0.1em; }

   dl.groupMember dd.portletItem h4 {
     padding-top: 20px; }

   dl.membershipPortlet dd.portletItem {
	 padding: 0; }

   dl.membershipPortlet .personal_portrait,
   dl.membershipPortlet p {
	 margin: 0; }

   #content dl.membershipPortlet dd.portletItem ul { 
	 list-style-type: none;
     margin-left: 0; }

   #content dl.membershipPortlet dd.portletItem p,
   #content dl.membershipPortlet dd.portletItem li {
     line-height: 1.2em;
     padding: 2px 0;
	 margin: 0; }

   #content dl.membershipPortlet dd.portletItem a,
   #content dl.membershipPortlet dd.portletItem a:link,
   #content dl.membershipPortlet dd.portletItem a:visited,
   #content dl.membershipPortlet dd.portletItem a:hover,
   #content dl.membershipPortlet dd.portletItem a.link-overlay,
   dl.membershipPortlet dd.portletItem a,
   dl.membershipPortlet dd.portletItem a:link,
   dl.membershipPortlet dd.portletItem a:visited,
   dl.membershipPortlet dd.portletItem a:hover {
     display: block;
   	 border: none !important;
   	 line-height: 1.2em;
   	 margin: 0; }

   #content dl.errorPortlet {
     border: none;
     line-height: 1.1em;
     font-size: .8em;
     font-weight: bold; }

   #content dl.errorPortlet dd.portletItem {
     min-height: 50px;
     padding: 0 0 0 1.7em;
     border: none; }

   #content dl.errorPortlet dd.portletItem ul {
	 list-style-type: none;
	 margin-left: 2.3em; }

   #content dl.errorPortlet dd.ok {
	 background: url('++resource++membership/ampel_ok.png') top left no-repeat; }
   #content dl.errorPortlet dd.warn {
     background: url('++resource++membership/ampel_warn.png') top left no-repeat; }
   #content dl.errorPortlet dd.error {
     background: url('++resource++membership/ampel_error.png') top left no-repeat; }
   #content dl.errorPortlet dd.error li {
     color: #F00; }

   dl.portlet a.edit {
     margin: 0;
   }

   #content dl.membershipPortlet li .edit,
   #content dl.membershipPortlet dt .edit {
	 float: right;
     text-align: left;
     clear: right; }

   #content dl.membershipPortlet dd.portletItem .edit a,
   #content dl.membershipPortlet dt .edit a {
	 display: inline-block;
     border: none; }

   .option { display: block }
   .iban span { margin-right: .2em }

   table.listing th.right,
   th.right,
   .right {
     text-align: right } 

   #personal-info {
      display: inline;
      width: 100% }

   #personal-info #personal-portrait {
       float: left;
       margin-bottom: 20px; }

   #personal-info #personal-details {
       display: inline-block; }

   #personal-info h3 { 
     border-bottom: 1px solid #000;
     padding: 2px 10px;
     margin-bottom: .6em; }

   #personal-info p {
     padding: 3px 10px;
     margin: 0;}

   .personal_portrait {
     float: left; }

   dl.portlet #personalInfo {
     padding: 3px; }

  dl.portlet #personalInfo #personal-portrait {
     margin: 5px 5px 10px 0; }

/*  dl.portlet #personalInfo #personal-details { 
 *    width: 70%; }
 */
   dl.portlet #personalInfo #personal-info h3 { 
     padding: 2px 3px; }

   dl.portlet #personalInfo #personal-info p {
     padding: 0 3px; }

   dl.portlet #personal-portrait img.personal_portrait {
     margin: 0; }

   .wantedPosterLink {
     float: right; }

   #content dl.groupMember dd.portletItem,
   dl.trainer dd.portletItem,
   dl.groupMember dd.portletItem {
     line-height: 1.2em;
     border-bottom: none;
     clear: both;
     display: flex; }

   #content dl.groupMember dd.portletItem ul {
     list-style-type: none;
     margin-left: 0;}

   #content dl.groupMember #personalInfo #personal-info p,
   #content dl.groupMember p {
     padding: 3px 10px;
	 margin: 0;
	 line-height: 1.2em;}

   #content dl.groupMember dd.portletItem a,
   #content dl.groupMember dd.portletItem a:link,
   #content dl.groupMember dd.portletItem a:visited,
   #content dl.groupMember dd.portletItem a:hover,
   #content dl.groupMember dd.portletItem a.link-overlay,
   dl.groupMember dd.portletItem a,
   dl.groupMember dd.portletItem a:link,
   dl.groupMember dd.portletItem a:visited,
   dl.groupMember dd.portletItem a:hover  {
   	 display: block;
   	 border: none !important;
   	 line-height: 1.2em; }

   .wantedPosterView td {
	 padding: 2px 15px;
	 vertical-align: top; }

   #content .wantedPosterView ul,
   .wantedPosterView ul {
     list-style-type: none;
     margin-left: 0; }

   dl.adsPortlet {
	 border: none;}

   dl.adsPortlet .ads-item {
     width: 100%;}

   dl.adsPortlet .ads-item.hidden {
     display: none;}

   dl.adsPortlet .ads-item a,
   dl.adsPortlet .ads-item a:link,
   dl.adsPortlet .ads-item a:visited,
   dl.adsPortlet .ads-item a:hover {
     border: none; }

   dl.adsPortlet img {
   	 max-width: 100%;
   	 height: auto;
	 margin: 0 auto;}

div.header { 
     padding: 0.5em 0 ;
     margin-bottom: 0.5em;
     background: #ddd; }

   div.footer { 
     padding: 0.5em 0; }

   #content a.reminder:link,
   #content a.reminder:hover,
   #content a.reminder:visited {color: #bd3232 !important; }

   #content a.reminder:hover {color: #f00 !important; }

   #portal-footer-wrapper .login-as{
     font-size: 95%; }

   fieldset {
     padding: 0;
     margin: 0; }

   fieldset legend {
    margin: 0 0.5em;
    font-weight: bold; }

   .field input[type="text"],
   .field select.select-widget {
    width: 13em; }

   #content .field select {
    vertical-align: inherit; }

   div.field span.required::after {
	content: ''; }

  div.field label span.required::after {
    content: "■"; }

   .formHelp {
     color: #999;
     line-height: 1.2em;
     font-size: 0.8em;
   }

   form.noDescription .formHelp .hidden{
     display: none; }

   .field input[type="text"][readonly] {
     color: rgb(109, 109, 109);
     background: None;
     border-style: solid;
     border-color: rgb(190, 190, 190);
     border-width: thin; }

   #content ul.registrationProgress,
   .registrationProgress {
     list-style: none;
	 padding: .4em .9em .3em .8em;
     margin: 0; }

   #content ul.registrationProgress li,
   .registrationProgress li {
     visibility: visible;
     font-weight: bold;
     background: none repeat scroll 0 0 #F1F3F4;
     border: 1px solid #d5d5d5;
     border-radius: 0 .5em .5em .5em;
     margin-left: -1em;
     padding: .4em .9em .3em 1.8em;
     position: relative;
     display: inline;
   }

   .registrationProgress li:nth-child(1) {
     z-index: 6;
   }

   .registrationProgress li:nth-child(2) {
     z-index: 5;
   }

   .registrationProgress li:nth-child(3) {
     z-index: 4;
   }

   .registrationProgress li:nth-child(4) {
     z-index: 3;
   }

   #content ul.registrationProgress li:first-child,
   .registrationProgress li:first-child {
      margin-left: -.8em;
      padding-left: 1.2em;
   }

   .registrationProgress li.selected {
      color: #19763f;
   }

   #content .registrationProgress .discreet,
   .registrationProgress li.discreet {
      color: #888;
      font-size: 100%;
      font-weight: normal; }

   .details {
  	 float: right;
     text-align: right;
     clear: right;
     padding: 10px;}

   .highlighted {
      color: red; }

   div.highlighted:before, 
   td.highlighted:before {
      content:'!'; }

   .toggleImage {
      vertical-align: text-bottom;
      padding: 4px;
      cursor: pointer; }

   tr.hide {
      display: none; }

   tr.show {
      display: table-row; }

/* @end */