/* 
    Mijn Lotto:
*/

/* Lucky Day import: */

/* overview */
#overview .overview-list {
  margin: 0 0 10px 0;
  padding: 0;
}
#overview .credit {
  margin: 10px 0;
}
.credit .type {
  display: block;
  margin: 5px 0 0 0;
}

.overview-list > li,
#overview .overview-list > li {
  list-style: none;
  display: block;
  min-height: 30px;
  background-color: #efefef;
  padding: 10px 20px 0 20px;
  border-bottom: 1px solid #fff;
  color: #666;
}
#overview .overview-list li.expanded {
  height: auto;
  padding-bottom: 10px;
  line-height: 22px;
}
#overview .overview-list li.expanded p {
  margin: 0;
}
  
#confirm-container #overview .overview-list li.edit {
  background-image: url('Lotto/images/backgrounds/overviewlist_item_bottom_lightgrey.png');
  background-position: 0 bottom;
  text-align: center;
  padding: 8px 0 0;
  width: 528px;
  height: 28px;
}
#confirm-container #overview .overview-list li.edit a { color: #666; }
#confirm-container #overview .overview-list li.important span.important{
  color: #0098D9;
}

.overview-list .summary,
#overview .overview-list .summary {
  padding-bottom: 10px;
  border-top: 1px solid white;
  color: #333;
  background-color: #FFD500;
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-size: 18px;
}
.overview-list .summary .first,
#overview .overview-list .summary .first {
  margin-top: 16px;
}
.overview-list .summary p,
#overview .overview-list .summary p {
  margin: 0;
}
.overview-list .summary .amount-total,
#overview .overview-list .summary .amount-total {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 32px;
}

.overview-list li.data,
#confirm-container #overview .overview-list li.data {
  padding-bottom: 10px;
  height: auto;
  border-bottom: none;
  line-height: 18px;
  color: black;
  margin: 0;
}

#confirm-container label,
#confirm-container .label {
  /* color: #666; */
}

.overview-list li.even,
#confirm-container #overview .overview-list li.even {
  background-color: #fcfcfc;
}

#overview .overview-list li div,
.message.blue span,
.message.grey span {
  float: left;
}

#overview .overview-list li .first {
}
#overview .overview-list li .last {
  float: right;
}

#confirm-container #overview .overview-list li span.label,
#confirm-container #overview .overview-list li label,
.overview-table span.label,
.overview-table label {
  display: block;
  font-weight: bold;
  line-height: 25px;
}
#confirm-container #overview .overview-list li .radio-container label,
#confirm-container #overview .overview-list li .checkbox-container.alt label,
#confirm-container #overview .overview-list li input[type=radio] + label,
.overview-table .radio-container label,
.overview-table input[type=radio] + label {
  display: inline;
  font-weight: normal;
}
#confirm-container #overview .overview-list li .formfield-container,
.overview-table .formfield-container {
  float: none;
}
#confirm-container #overview .overview-list li input[type=text],
#confirm-container #overview .overview-list li input[type=tel],
#confirm-container #overview .overview-list li input[type=email],
#confirm-container #overview .overview-list li input[type=password],
.overview-table input[type=text],
.overview-table input[type=tel],
.overview-table input[type=email],
.overview-table input[type=password] {
  width: 220px; /* 190px */
}
#confirm-container #overview .overview-list li input.loading,
.overview-table input.loading {
  width: 200px;
}
#confirm-container #overview .overview-list li input[type=text].small,
.overview-table input[type=text].small, 
#confirm-container #overview .overview-list li input[type=tel].small,
.overview-table input[type=tel].small,
#confirm-container #overview .overview-list li input[type=email].small,
.overview-table input[type=email].small  {
  width: 58px;
}

#confirm-container #overview form {
  margin-bottom: 10px;/*apo 24px*/
}
#confirm-container #overview form.last {
  margin-bottom: 0;
}
#confirm-container #overview h2 {
  margin-bottom: 15px;
}
#confirm-container #overview form h2 {
  margin-top: 36px;
}


/* overview-table */
table.overview-table {
  margin: 5px 0 0 0;
  width: 100%;
  border-collapse: collapse;
  color: #444;
}
#overview table.overview-table {
  margin-bottom: 20px;
}
table.overview-table + .confirm-button {
  margin-top: -15px;
}
table.overview-table th {
  padding: 9px 19px;
  background-color: #F3F3F3;
  font-weight: normal;
}
table.overview-table th em {
  font-style: normal;
}
table.overview-table td {
  vertical-align: top;
  padding: 12px 10px 12px 19px;
  border-bottom: 1px solid #fff;
  background: #e7e7e7;
}
table.overview-table td.first {
  border-top-left-radius: 4px;
}
table.overview-table td[colspan="2"].first,
table.overview-table td.second {
  border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
table.overview-table td.last {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
table.overview-table td.last.left {
  border-bottom-right-radius: 0;
}
table.overview-table td.last.right {
  border-bottom-left-radius: 0;
}
table.overview-table td.edit {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 8px 19px;
  background-color: #F3F3F3;
  font-weight: normal;
  text-align: center;
}
table.overview-table td.edit .submit-container {
  position: relative;
}
table.overview-table td.edit .submit-container .button {
  margin: -5px -17px -10px -13px;
  width: 244px;
}
table.overview-table td.edit a {
  color: #666;
}
table.overview-table td.price {
  padding-right: 0;
  padding-left: 0;
}
table.overview-table tr.total td {
  border-top: 2px solid #fff;
  color: #333333;
  font-weight: bold;
}
table.overview-table tr.total > td {
  padding-right: 0;
}
table.overview-table tr span.calc {
  padding: 0 10px 0 0;
}


/* favorite-header */
.favorite-header {
  padding-top: 6px;
}
.favorite-header h2 {
  margin: 5px 0 0px 0;
}
.favorite-header p {
  padding-top: 0px;
  margin: 0 0 4px 0;
}
.favorite-header small {
 font-size: 14px;
}
.overview-list + .favorite-buttons {
  padding-bottom: 20px;
  margin-top: -6px;
}
.favorite-buttons {
  padding: 0 0 10px 0;
}
.favorite-buttons .button {
  float: left;
  width: 266px;
}
.favorite-buttons .button.right {
  position: relative;
  float: right;
  margin-right: -2px;
  width: 246px;
}
.favorite-tools {
  margin-bottom: 0 !important;
}
.my-favorites {
  margin-bottom: 5px !important;
}



/* 
    Mijn Lotto - nav:
*/
.mylotto-subnav ul {
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  text-align: center;
  background: #FCD700 url('Lotto/images/layout/message-confirm.png') center top no-repeat;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}
.mylotto-subnav li {
  display: inline-block;
  padding: 0 5px;
  border-left: 1px solid #999;
}
.ie7 .mylotto-subnav li,
.ie8 .mylotto-subnav li {
  zoom: 1;
  display: inline;
}
.mylotto-subnav li.first,
.mylotto-subnav li:first-child {
  border-left: 0 solid;
}
.mylotto-subnav strong {
  font-weight: bold;
}



/* 
    Mijn Lotto - overzicht:
*/
.mylotto-index .block .footer {
  margin: 30px 0 0 0;
}
.mylotto-block-gegevens th,
.mylotto-block-gegevens td {
  vertical-align: top;
  padding: 4px 0;
}
.mylotto-block-gegevens th {
  min-width: 120px;
  padding-right: 20px;
}



/* 
    Mijn Lotto aanpassingen:
*/
.list-view {
  width: 100%;
  border-collapse: collapse;
  
}
.list-view th {
  padding: 10px 10px;
  color: #000;
  background-color: #FFD500;
  font-weight: bold;
}
.list-view th a {
  color: #000;
  text-decoration: none;
}
.list-view th {
  border-right: 1px solid white;
}
.list-view th.last {
  border-right-width: 0;
}

.list-view td {
  border: 0;
  padding: 12px 8px;
  /* font-size: 12px; */
}
.list-view tr.alternate td {
  background: #f6f6f6;
}

/* Buttons (alignments etc.) */
#overview .button,
#overview button {
  margin-right: 10px;
}
.confirm-button,
.confirm-container {
  clear: both;
}
.submit-container {
  clear: both;
  text-align: right;
  padding-top: 10px;
}






.submit-container.widebuttons {
  margin: 0 -20px 60px -40px;
  overflow: hidden;
}

.submit-container.widebuttons button {
  width: 300px;
  margin-left: 20px;
  float: left;
}






/* Mijn gegevens: sport-picker */

.sport-picker {
  margin: 0 0 20px 0;
}
.ie8 dt.closed + dd .sport-picker,
.ie7 dt.closed + dd .sport-picker {
  display: none;
}

.sport-picker .sport-ball {
  position: relative;
  display: block;
  float: left;
  
  margin: 0 10px 5px 10px;
}
.sport-picker label {
  display: block;
  width: 72px;
  height: 105px;
  text-align: center;
}
.sport-picker input.active {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  outline: none;
}
/* bon change- important*/
.sport-picker .button {
  width: 70px !important;
  height: 70px;
  margin: 0 0 5px 0;


  behavior: none;
}
/*end of bon change*/
.sport-picker label.focus .button {
  border: 1px dotted #FFD500;
}
.sport-picker i {
  position: absolute;
  top: 2px;
  left: 3px;
  display: block;
  width: 65px;
  height: 65px;
  
  background-color: transparent;
  background-image: url('Lotto/images/sprites/sprite-sports-balls.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  
}
.sport-picker label.checked .button {
  border: 1px solid #000;
  background: #000 url('Lotto/images/backgrounds/button-black.png') center center repeat-x;
}
.sport-picker label.checked .button:hover,
.sport-picker label.checked .button:focus {
  background: #000 url('Lotto/images/backgrounds/button-black-active.png') center center repeat-x;
}


.sport-picker .sport-ball-hockey { background-position: 0 0; }
.sport-picker .sport-ball-korfbal { background-position: -65px 0; }
.sport-picker .sport-ball-tennis { background-position: -130px 0; }
.sport-picker .sport-ball-voetbal { background-position: -195px 0; }
.sport-picker .sport-ball-zwemmen { background-position: -260px 0; }
.sport-picker .sport-ball-volleybal { background-position: -325px 0; }
.sport-picker .sport-ball-schaatsen { background-position: -390px 0; }
.sport-picker .sport-ball-gymnastiek { background-position: -455px 0; }
.sport-picker .sport-ball-judo { background-position: -520px 0; }


.sport-picker-more .chzn-container-multi {
  width: 100% !important;
  max-width: 460px;
}
.sport-picker-container .submit-container {
  padding: 15px 52px 0 0;
}


/* IE fixes: */
.ie8 .sport-picker-container dt.closed + dd,
.ie7 .sport-picker-container dt.closed + dd {
  display: none;
}
.ie8 .sport-picker-container select,
.ie8 .sport-picker-container .chzn-container-multi {
  width: 480px !important;
}






/* Mijn Loten/Deelnames: */
.ticket-filter:after {
  content: "";
  display: table;
  clear: both;
}
.ie7 .ticket-filter {
  zoom: 1;
}

.ticket-filter dt + dd {
  overflow: visible;
}

.ticket-filter dt.closed + dd {
  overflow: hidden;
}

.ticket-filter .filter-select-container {
  float: left;
  width: 40%;
}
.ticket-filter select,
.ticket-filter .chzn-container {
  margin-right: 3px;
  min-height: 28px;
}
.ticket-filter #field_game_type {
  min-width: 120px;
}
.ticket-filter .day-filter {
  clear: both;
}
.ticket-filter .day-filter label {
  display: block;
  margin-top: 5px;
}
.ticket-filter .day-filter .select-container {

  display: inline-block;
  vertical-align: middle;
}
.ie7 .ticket-filter .day-filter .select-container {
  display: inline;
  zoom: 1;
}
.ticket-filter .filter-gametype .chzn-container { z-index: 45; }
.ticket-filter .filter-result .chzn-container {   z-index: 40; }
.ticket-filter .filter-from .chzn-container {     z-index: 35; }
.ticket-filter .filter-to .chzn-container {       z-index: 30; }

#field_date_from_year_chzn,
#field_date_to_year_chzn,
#field_date_from_day_chzn,
#field_date_to_day_chzn {
  min-width: 65px;
}


.ticket-filter .submit-container button {
  clear: both;
  margin-right: 10px;
  /*margin-bottom: 20px;*/
}
.ie7 dt.closed + dd button {
  position: static;
}


.ticket-overview {
  margin: 20px 0;
}
.ticket-overview a.sort-up,
.ticket-overview a.sort-down {
  padding-left: 16px;
  background-image: url('Lotto/images/layout/icons-sort.png');
  background-repeat: no-repeat;
}
.ticket-overview a.sort-up {
  background-position: left 6px;
}
.ticket-overview a.sort-down {
  background-position: left -18px;
}

.ticket-overview td {
  padding: 0;
  border-right: 1px solid #fff;
}
.ticket-overview td.last {
  border: none;
}
.ticket-overview a {
  text-decoration: none;
}
.ticket-overview td a {
  display: block;
  padding: 12px 8px;
  color: #333;
}
.ticket-overview tr:hover td a {
  color: #D10019;
}
.ticket-overview tr:active td,
.ticket-overview tr:focus td {
  background-color: #FFD500;
}

.ticket-overview td a span {
  color: #D10019;
}
.ticket-overview td.won a,
.ticket-overview td.won {
  font-weight: bold;
}

/* Mijn Loten overzicht - detail-view */

.ticket-detail-draw .draw-current-lotto {
  width: auto;
  height: auto;
}
.ticket-detail-draw .draw-balls {
  float: left;  
  width: 330px;
}
.ticket-detail-draw .draw-jackpot-result {
  float: left;
  width: 180px;
  clear: none;
}

.ticket-container .ball {
  width: 42px;
  height: 42px;
  margin: 0 5px;
  line-height: 40px;
}
.ticket-container .draw-balls .ball {
  margin: 0 -1px;
}
.ticket-container .draw-balls .ball-color {
  width: 50px;
  height: 54px;
  margin: 0;
}

.ticket-container .ball.correct {
  background-image: url('Lotto/images/content/ball-correct.png');
}

.ticket-container .color-picker a.correct {
  background-image: url('Lotto/images/content/game-colors-correct.png');
}

.ticket-container .balls .button {
    top: 9px;
    
    float: right;
    position: absolute;
    right: 0;
}
.ticket-container .balls .button span {
  padding-left: 10px;
  padding-right: 10px;
}

.ticket-detail-draw .draw-current-lotto {
  margin-bottom: 0;
  zoom: 1;
}
.ticket-detail-draw .draw-current-lotto .draw-digits {
  float: left;
  margin: 0 0 20px 10px;
  padding-left: 20px;
  width: 210px;
  border: 1px solid #999;
  zoom: 1;
}
.ticket-detail-draw .draw-current-lotto .draw-digits-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.ticket-detail-draw .draw-current-lotto .digitsgame-numbers {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  zoom: 1;
}


/* saldo */

.saldo .wrapper {
  padding: 10px 0 20px 0;
  /* max-width: 260px; */
  margin: 0 auto;
  text-align: center;
}
.saldo label {
  display: block;
  margin: 5px 0;
  font-weight: bold;
  text-align: center;
}
.saldo p,
.saldo #confirm {
  clear: both;
}

.saldo .text-container {
  display: inline-block;
  vertical-align: top;
  margin: -1px -4px 0 -4px;
  width: 123px;
  height: 38px;
  
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0, 0.6);
  box-shadow: inset 0 0 3px rgba(0,0,0, 0.6);
}
.ie7 .saldo .text-container {
  display: inline;
  zoom: 1;
}
.saldo .text-container span {
  display: inline-block;
  padding: 0 6px 0 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  color: #D10019;
}
.saldo input {
  margin: 0;
  padding: 0;
  width: 70px;
  
  font-size: 20px;
  font-weight: bold;
  color: #D10019;
  border: 0 solid;
}
.saldo .wrapper button {
  margin: 0;
}
.saldo .wrapper button.minus {
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  /* PIE already on button */
}
.saldo .wrapper button.plus {
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  /* PIE already on button */
}


/* Mijn Abonnementen */

.subscription {
  margin: 20px 0;
}
.subscription h3 {
  margin: 0 0 10px 0;
}
.subscription .balls {
  min-height: 50px;
}
.subscription .section-color-digits,
.subscription .balls {
  clear: both;
}
.subscription .color-picker {
  position: relative;
}
.subscription .color-picker .colorname {
  position: absolute;
  top: 0;
  left: 45px;
  width: auto;
  height: auto;
}
.subscription .section-color .color-picker a:focus,
.subscription .section-color .color-picker a:hover,
.subscription .section-color .color-picker a {
  cursor: default;
  
}
.subscription .section-color,
.subscription .section-digits {
  float: left;
  width: 50%;
}
.subscription .section-digits h3 {
  margin: 0 0 25px 0;
}

.subscription .editbuttons {
  text-align: right;
}


.subscription .blocks.promo-selector {
    margin-left: -10px;

    margin-right: -10px;
}

/* Mijn Favorieten */
.favorite .subscription {
  margin-bottom: 0;
}
.subscription .section-special {
  margin-top: 20px;
  margin-bottom: -25px;
  padding: 10px 20px;
}
.add-favorite {
  padding: 25px 0 0 0;
}

.mylotto-block-favorieten .subscription .ball {
  margin: 0 4px 0 0;
}

/* BON CHNGE*/
 #confirm-container #overview .overview-list li .error-message-likeRegFlow {
       clear: both;
	   left: auto;
	   padding: 0 330px 7px 0;
	   position: relative;
	   top: auto;
	}


/* bon change*/
 #confirm-container #overview .overview-list .error-likeRegFlow span {
    width: 250px;
}

  #confirm-container #overview .overview-list li .info {
    width: 30px;
  }
/*endof bon change*/

  #confirm-container #overview .overview-list li .error-text{
        background-color: #D40000;
	    border-radius: 2px 2px 2px 2px;
	    color: #FFFFFF;
	    font-size: 16px;
	   	width:230px;
	    padding: 6px 5px;
	    text-align: center;
	  
  }
  #confirm-container #overview .overview-list li .error-arrow{
        background: url("Lotto/images/reg-flow/form/error-arrow.png") no-repeat scroll 0 0 transparent;
		bottom: 0;
		height: 7px;
		left: 10px;
		position: absolute;
		width: 14px;
	}
   #confirm-container #overview .overview-list .error-likeRegFlow li label{
       color: #D40000;
  }
   #confirm-container #overview .overview-list .error-likeRegFlow li input{
       border-color: #D40000;
  }

/* END OF BON CHNGE*/


/* Mijn Incasso's */
.debit-month-container {
  margin: 20px 0;
  overflow: hidden;  
}
.debit-month-header {
  position: relative;
  margin: -25px -20px 20px -20px;
  padding: 20px;

  text-align: center;
  background-color: #eee;
  -webkit-box-shadow: inset 1px 0px 3px rgba(0,0,0,.45);
  box-shadow: inset 1px 0px 3px rgba(0,0,0,.45);
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  behavior: url(../styles/PIE.htc);
}
.debit-month-header .action-previous,
.debit-month-header .action-next {
  position: absolute;
  top: 15px;
}
.debit-month-header .action-previous {
  left: 20px;
}
.debit-month-header .action-next {
  right: 20px;
}
.debit-month-header .action-previous:active,
.debit-month-header .action-next:active {
  top: 16px;
}
.debit-month-header .current-month {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
}

.debit-list {
  width: 100%;
  margin: 20px 0 30px 0;
  font-size: 90%;
}
.debit-list .subscription-number {
  width: 76px;
}
.debit-list .rows-number {
  min-width: 122px;
}
.debit-list .draw-amount {
  width: 49px;
  text-align: right;
}
.debit-list .draw-number {
  width: 60px;
  text-align: center;
}
.debit-list .total-amount {
  width: 49px;
  text-align: left;
  white-space: nowrap;
}
.debit-list .status {
  min-width: 118px;  
}
.debit-list th.total-amount,
.debit-list th.draw-number,
.debit-list th.draw-amount,
.debit-list th {
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid #000;
  padding-top: 4px;
  padding-bottom: 4px;
}
.debit-list th,
.debit-list td {
  padding: 4px 2px;
}
.debit-list .alternate {
  background-color: #f6f6f6;
}

.block-mydebit {
  
}
.block-mydebit td {
  text-align: left;
  width: 42%;
}