/*
    Document   : Grid
    Created on : 27-jul-2009
    Copyright  : Pay.nl BV
    Author     : Maurice
    Description: Defines colors and sizes for specific clients.

*/

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #777;
}

p.center {
  text-align: center;
}

a {
  color: #4770AE;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

#main {
  width: 800px;
  margin-top: 20px;
}

#header {
  background-image: url(../img/templates/header_bg.jpg);
  border: 1px solid #002e64;
}

#headerLogo {
  background-image: url(../img/templates/header_logo_paynl.jpg);
  width: 150px;
}

fieldset.header {
  border: 1px solid #7598BE;
}

fieldset.header legend {
  font-size: 10px;
  color: #B3D0EF;
}

#selectCountry {
  width: 150px;
  background-color: #ffffff;
  color: #777;
  margin: 3px 10px 0 10px;
  font-size: 11px;
}

#selectCountry option {
  padding: 0 5px;
}

#headerLanguageSelect img,
#headerLanguageSelect a img {
  margin: 0 8px 0 0;
  border: 0;
}

#headerAccountData {
  color: #fff;
}



div.box {
  border: 1px solid #cccccc;
  background: #f2f2f2 url('') repeat-x top;
}

div.cntBox span.title,
div.cntBox div.boxTitle {
  font-weight: bold;
  font-size: 14px;
  color: #777;
}

div.cntBox div.boxTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  color: #4770AE;
}

div.cntBox div.boxTitleIcon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: transparent url(../img/icons/right.gif) no-repeat top left;
}

div.cntBox div.boxDesc {
  line-height: 150%;
}

div.cntBox div.boxContent {
  padding: 3px 5px;
}

div.box div.paymentOptions li input.radioPaymentProduct {
  margin-right: 10px
}

div.box div.paymentOptions input.submitPayment {
  margin-top: 10px;
}

img.iBoxOption {
  position: relative;
  margin: 0 10px 3px 0;
  float: right;
}

#footer {
  border-top: 1px solid #ccc;
  padding: 5px 0;
  font-size: 11px;
  color: #666;
}

#footer a {
  font-size: 11px;
  color: #666;
}

#footer a:hover {
  color: #4770AE;
}


div.box div.iPay10 { 
  background-image: url(../img/profiles/iPayIdeal.png);
}
div.box div.boxOptions div.iPayIssuers10 {
  background-image: url(../img/profiles/iPayIdealIssuers.png);
}

div.box div.iPay11,
div.box div.iPay706,
div.box div.iPay709{
  background-image: url(../img/profiles/iPayCreditcard.png);
}
div.box div.boxOptions div.iPayIssuers11,
div.box div.boxOptions div.iPayIssuers706,
div.box div.boxOptions div.iPayIssuers709{
  background-image: url(../img/profiles/iPayCreditcardIssuers.png);
}

div.box div.iPay136 {
  background-image: url(../img/profiles/iPayBanktransfer.png);
}
div.box div.boxOptions div.iPayIssuers136 {
  background-image: url(../img/profiles/iPayBanktransferIssuers.png);
}

div.box div.iPay139 {
  background-image: url(../img/profiles/iPayClickandbuy.png);
}
div.box div.boxOptions div.iPayIssuers139 {
  background-image: url(../img/profiles/iPayClickandbuyIssuers.png);
}

div.box div.iPay138 {
  background-image: url(../img/profiles/iPayPayPal.png);
}
div.box div.boxOptions div.iPayIssuers138 {
  background-image: url(../img/profiles/iPayPayPalIssuers.png);
}

div.box div.iPay135 {
  background-image: url(../img/profiles/iPayWallie.png);
}
div.box div.boxOptions div.iPayIssuers135 {
  background-image: url(../img/profiles/iPayWallieIssuers.png);
}

div.box div.iPay136 {
  background-image: url(../img/profiles/iPayTransfer.png);
}
div.box div.boxOptions div.iPayIssuers136 {
  background-image: url(../img/profiles/iPayTransferIssuers.png);
}

div.box div.iPay137 {
  background-image: url(../img/profiles/iPayDirectdebit.png);
}
div.box div.boxOptions div.iPayIssuers137 {
  background-image: url(../img/profiles/iPayDirectdebitIssuers.png);
}

div.box div.iPayPhone {
  background-image: url(../img/profiles/iPayPhone.png);
}
div.box div.boxOptions div.iPayIssuersPhone {
  /* background-image: url(../img/profiles/iPayPhoneIssuers.png); */
}

div.box div.iPay556,
div.box div.iPay559,
div.box div.iPay562,
div.box div.iPay565,
div.box div.iPay568,
div.box div.iPay571,
div.box div.iPay574,
div.box div.iPay577,
div.box div.iPay580,
div.box div.iPay583,
div.box div.iPay586,
div.box div.iPay589,
div.box div.iPay592,
div.box div.iPay595,
div.box div.iPay598,
div.box div.iPay601,
div.box div.iPay604,
div.box div.iPay607 {
  background-image: url(../img/profiles/iPayDirectebanking.png);
}

div.box div.boxOptions div.iPayIssuers556,
div.box div.boxOptions div.iPayIssuers559,
div.box div.boxOptions div.iPayIssuers562,
div.box div.boxOptions div.iPayIssuers565,
div.box div.boxOptions div.iPayIssuers568,
div.box div.boxOptions div.iPayIssuers571,
div.box div.boxOptions div.iPayIssuers574,
div.box div.boxOptions div.iPayIssuers577,
div.box div.boxOptions div.iPayIssuers580,
div.box div.boxOptions div.iPayIssuers583,
div.box div.boxOptions div.iPayIssuers586,
div.box div.boxOptions div.iPayIssuers589,
div.box div.boxOptions div.iPayIssuers592,
div.box div.boxOptions div.iPayIssuers595,
div.box div.boxOptions div.iPayIssuers598,
div.box div.boxOptions div.iPayIssuers601,
div.box div.boxOptions div.iPayIssuers604,
div.box div.boxOptions div.iPayIssuers607 {
  background-image: url(../img/profiles/iPayDirectebankingIssuers.png);
}

div.box div.iPay436 {
  background-image: url(../img/profiles/iPayMisterCash.png);
}
div.box div.boxOptions div.iPayIssuers436 {
  background-image: url(../img/profiles/iPayMisterCashIssuers.png);
}

div.box div.iPay610 {
  background-image: url(../img/profiles/iPayFasterPay.png);
}

div.box div.iPay550 {
  background-image: url(../img/profiles/iPayCashTicket.png);
}

div.box div.iPay694 {
  background-image: url(../img/profiles/iPayGiroPay.png);
}

div.box div.iPay712,
div.box div.iPay715{
  background-image: url(../img/profiles/iPayMaestro.png);
}

div.box div.iPay805{
  background-image: url(../img/profiles/iPayHyves.png);
}

div.box div.iPay808{
  background-image: url(../img/profiles/iPayMiniTixSMS.png);
}

div.box div.boxOptions div.iPayIssuers805,
div.box div.boxOptions div.iPayIssuers808 {
  background-image: url(../img/profiles/iPayMiniTixIssuers.png);
  height: 55px;
  margin-top: -20px;
  margin-bottom: 5px;

}

div.box div.iPayAccount {
  background-image: url(../img/profiles/folder_blue_locked.png);
  margin-right: 5px;
}
div.box div.boxOptions div.iPayIssuers610 {
  background-image: url(../img/profiles/iPayFasterPayIssuers.png);
}


button.button,
input.button {
  position: relative;
  font-weight: normal;
  color: #000;
  padding: 0 10px;
  height: 36px;
  margin: 0;
}

input.inputText {
  padding: 5px 10px 0 10px;
  height: 31px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 24px;
  margin: 0;
}

select.inputText {
  padding: 2px 4px;
  height: 38px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 22px;
  margin: 0;
  width: 330px;

}

div.boxContent div.boxPhoneIcon {
  background-image: url(../img/templates/iPayPhoneXL.png);
}

div.boxContent div.iPayAccount {
  background-image: url(../img/profiles/folder_blue_locked.png);
}


div.boxContent p.boxPhoneInfo {
  text-align: center;
}

div.boxContent p.boxPhoneNumber,
div.accountPPMNumber {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}

div.boxContent p.boxPhoneCosts,
div.accountPPMTariff {
  font-size: 10px;
  margin-top: 3px;
  text-align: center;
}

div.boxContent input.pincode {
  width: 80px;
  text-align: center;
}

div.settingsWebsite input.inputText {
  width: 320px;
}

div.settingsLogin input.inputText {
  width: 220px;
}

div.settingsSaldo input.inputText {
  width: 100px;
}

div.settingsIcon {
  background-image: url(../img/templates/iSettingsWebsite2.png);
}

.access_button_stop {
  display: none;
}

.input_time {
  width: 100px;
  padding: 5px 10px 0 10px;
  height: 31px;
  font-size: 24px;
  border: 1px solid #e5e5e5;
  background-color: #fbfbfb;
}

ul.cheapPrice li {
  padding: 3px 10px;
  vertical-align: middle;
}

ul.cheapPrice li * {
  vertical-align: middle;
}

ul.cheapPrice img {
  margin-right: 8px;
}

div.box input.loginEmail {
  width: 330px;
}

div.box input.loginPassword {
  width: 220px;
}

div.box input.loginButton {
  width: 100px;
  margin-left: 11px;
}
div.box input.requestButton {
  width: 100px;
  margin-left: 250px;
}

div.box div.boxLoginFL {
  position: relative;
  float: left;
  clear: none;
  margin-top: 10px;
}

div.boxLoginFixedHeight {
  height: 280px;
}

.link{
  cursor: pointer;
  cursor: hand;
}

.loginOut{
  color: #FFFFFF;
}

input.accessPhoneText {
  width: 74px;
  margin-right: 6px;
  padding: 0;
}

input.accessCodeText {
  width: 240px;
  margin-right: 6px;
  padding: 0;
}

div.paymentOptions table.pincode {
  position: relative;
  margin-top: 10px;
  margin-left: 48px;
}

div.iPayPhone div.paymentOptions {
  position: relative;
  width: 250px;
}

div.accountPPMNumber,
div.accountPPMTariff {
  position: relative;
  width: 250px;
  text-align: center;
}