/* 
    Document   : Grid
    Created on : 27-jul-2009
    Copyright  : Pay.nl BV
    Author     : Maurice
    Description: Defines grid; places main elements on page

    Please do not alter this style sheet !
    It's used in all payment screens, including custom
    screens for clients. To specify colors, font-sizes,
    images, etc. use main.css.

*/

*{
position: relative;
}

html {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  margin: 0;
}

.cls {
  clear: both;
}

iframe,
form {
  margin: 0;
  padding: 0;
}

#cntMain {
  position: relative;
  margin: 0;
  padding: 0;
}

#main {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100px;
}

#cntHeader {
  position: relative;
  margin: 0;
  padding: 0;
}

#header {
  position: relative;
  background: transparent url('') repeat-x top;
  height: 60px;
  margin: 0;
  padding: 0;
}


#cntContent {
  position: relative;
  margin: 0;
  padding: 0;
}

#content {
  position: relative;
  margin: 0;
  padding: 0;
}


#cntFooter {
  position: relative;
  margin: 20px 0 0 0;
}

#footer {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

/* elements */
#headerLogo {
  position: relative;
  float: left;
  clear: none;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 60px;
  background: transparent url(../img/templates/header_logo_paynl.jpg) no-repeat top left;
}

#headerCountrySelect {
  position: relative;
  float: right;
  clear: none;
  padding: 0;
  height: 60px;
  width: 185px;
  margin-right: 25px;
}

#headerLanguageSelect {
  position: relative;
  float: right;
  clear: none;
  margin: 0 25px 0 0;
  padding: 0;
  height: 60px;
  width: 185px;
}

#headerAccountData {
  position: relative;
  float: right;
  clear: none;
  margin: 0 5px 0 0;
  padding: 0;
  height: 60px;
  width: 110px;
}

fieldset.header {
  position: relative;
  vertical-align: middle;
  height: 42px;
  margin: 5px 0 0 0;
  padding: 0 5px;
}

#headerAccountData fieldset * {
  vertical-align: middle;
}

div.cntBox {
  position: relative;
  margin: 20px 0 0 0;
}

div.cntBox50Left {
  float: left;
  clear: none;
  width: 387px;
  margin-right: 10px;
}

div.cntBox50Right {
  float: right;
  clear: none;
  width: 387px;
}

div.cntBox div.boxTitle {
  position: relative;
  padding: 5px 5px 0 5px;
}

div.cntBox div.boxDesc {
  position: relative;
  padding: 5px 0 10px 5px;
  color: #5F5F5F;
}

div.cntBox div.boxOptions {
  position: relative;
  padding: 10px 0 3px 5px;
  height: 21px;
}

div.cntBox div.boxTitleIcon {
  postion: relative;
  margin-top: -2px;
  width: 0;
  height: 0;
  float: left;
  clear: none;
  display: none;
}

div.box div.iPay {
  position: relative;
  background: transparent url('') no-repeat top left;
  width: 80px;
  height: 80px;
  float: left;
  clear: none;
}

div.box div.paymentOptions {
  position: relative;
  float: left;
  clear: none;
}

div.box div.paymentOptions ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

div.box div.paymentOptions li {
  list-style: none;
  padding: 3px 5px;
  margin: 0;
}

div.box div.boxOptions div.iPayIssuers {
  position: relative;
  width: 260px;
  height: 21px;
  float: right;
  clear: none;
  background: transparent url('') no-repeat top right;
}

div.boxSettings {
  position: relative;
  height: 60px;
  float: left;
  clear: none;
  padding: 24px 10px 30px 10px;
}

div.settingsIcon {
  position: relative;
  width: 40px;
  height: 60px;
  background: transparent url('') no-repeat 20px 40px;
}


div.boxContent div.boxPhoneIcon {
  position: relative;
  float: left;
  clear: none;
  height: 130px;
  width: 80px;
  margin: 10px;
  background: transparent url('') no-repeat left top;
}

div.boxContent div.iPayAccount {
  position: relative;
  float: left;
  clear: none;
  height: 130px;
  width: 80px;
  margin: 10px;
  background: transparent url('') no-repeat left top;
}

div.boxContent div.boxPhoneInfoCnt {
  position: relative;
  float: left;
  clear: none;
  width: 400px;
  margin: 0 20px;
}

div.boxContent div.boxPhonePincode {
  position: relative;
  float: left;
  clear: none;
  padding: 48px 10px 0 10px;
}

#clientContentFrame {
  position: relative;
  width: 798px;
  margin: 0;
  padding: 0;
}

.divAccountLogin,
.divPasswordForget,
.divAccountCreate{
display: none;
}

.accountDetails{
margin-top: 5px;
}

div.iPayIdealBanks{
margin-left: 10px;
}