/* ### general ### */
* { margin : 0px; padding : 0px; }
html, body { font-family : Helvetica, Arial; font-size : 12px; color : #fff; height : 100%; }
#wrapper { min-height : 0; background: #000 url('/images/fundgraph/background-stripes.png'); }
img { border : 0px; }
a, input { outline : none; }

/* ### global classes ### */

.clear { clear : both; height : 0; }
.popup { display : none; }
.cntr { float : left; width : 100%; height : 100%; }
.fullwidth { float : left; width : 100%; }
span.title { font-size : 12px; line-height : 26px; font-weight : bold; text-transform : uppercase; margin : 0 0 0 10px; float : left; width : 100%; }
.center { text-align : center; }
.abs { position : absolute; }
.rel { position : relative; }
ul, li { list-style : none; }
.t2td tr td { width : 50%; }
.t2td tr td:nth-child(1) { width : 20px; padding-left : 20px; }
table thead tr td { vertical-align : top; padding-top : 6px; }
table tbody tr td { vertical-align : top; padding-top : 9px; }
body { background : #000; }
.header { background : url("/images/fundgraph/loginbgheader.png"); }

/*LOGIN FORM*/
.loginForm { position : relative; width : 300px; margin : 150px auto; border : 1px solid silver; padding : 10px; }
.loginForm .input-area { margin : 10px 0; }
.loginForm input[type="text"], .loginForm input[type="password"] { background : #fff; font-size : 17px; padding : 5px; width : 285px; margin : 10px 0; }
.loginForm input[type="text"]:focus, .loginForm input[type="password"]:focus { background : silver; }
.loginForm .login-button { cursor : pointer; width : 80px; font-size : 15px; text-align : center; background : grey; padding : 5px; margin : 10px 0 10px 210px; position : relative; }
.loginForm .login-button { text-decoration : none; color : #fff; }
#homeHeadCnt { margin : 0 auto; width : 1000px; height : 80px; text-align : center; }
#homeHeadCnt img { margin-top : 35px; }
#homeHeadCnt h1 { font-family : Palatino, Georga; text-align : center; color : #000; font-size : 52px; padding : 10px 0 0 260px; float : left; }
#homeCnt { border : 1px solid #B7B7B7; border-radius : 30px; height : 500px; margin : 10px auto 20px auto; width : 1000px; }
.registration .sub { width : 249px; float : left; border-right : 1px solid #B7B7B7; height : 500px; }
.registration .sub:last-child { border-right : none; }
.registration h2 { text-align : center; padding-top : 120px; }
.registration h2 a { color : #000; font-size : 32px; text-decoration : none; }
.registration h3 { padding-top : 50px; text-align : center; }
.registration h3 a { color : red; font-size : 22px; text-decoration : none; }
.registration p { text-align : center; }
#homeCnt p { color : #000; padding-bottom : 5px; }
#homeCnt .content { padding : 30px; }
#homeLeftCnt { width : 499px; height : 500px; border-right : 1px solid #B7B7B7; float : left; }
#homeRightCnt { width : 500px; height : 500px; float : left; }
.finishwrapper { padding : 10px 0; }
.registrationfinish { border : 1px solid #B7B7B7; border-radius : 30px 30px 30px 30px; height : 300px; padding : 10px 30px; width : 350px; margin : 0 auto; }
.registrationform { margin : 0 auto; padding : 20px 0; }
.registrationform form { margin-top : 15px; }
.registrationform h1, .registrationform h2, .registrationform p, .registrationfinish h1 { color : #656565; }
.registrationform .error p { color : red; }
.registrationform label { margin : 6px 0 0 0; width : 150px; float : left; line-height : 30px; color : #656565; font-size : 14px; clear : both; }
.registrationform input[type="text"], .registrationform input[type="password"] {
    margin      : 11px 0 0 0;
    padding     : 0 3px;
    width       : 310px;
    height      : 23px;
    line-height : 23px;
    border      : 1px solid #E0E0E0;
}
.registrationform #customdomain { float : right; margin : 5px 31px 10px 0; text-align : right; width : 440px; }
.registrationfinish table td { padding : 5px; }
.registrationfinish table td a { color: #fff; text-decoration: none; }
.registrationfinish table td a:hover { text-decoration: underline; }
.payment {
    width: 800px;
    margin: 0 auto;
    padding: 25px 0 0 0;
}
.payment .box {
    margin-top: 10px;
    border: 1px solid #B7B7B7;
    height: 430px;
}
.payment > label { color: #000; margin-right: 10px; }
.payment .image {
    margin: 15px 0 0 15px;
    float: left;
    width: 200px;
}
.payment .info {
    float: right;
    width: 525px;
    /*border: 1px solid #B7B7B7;*/
    margin: 8px 10px 0 20px;
    padding: 10px;
    color: #fff;
}
.payment .info label { float: left; margin: 0 5px 0 0; }
.payment .info select {
    float: right;
    margin-bottom: 7px;
}
.payment h1 {
    color: #fff;
    margin-bottom: 5px;
}
.payment h2 {
    color: #fff;
    margin-bottom: 10px;
}
.payment h3 {
    margin-bottom: 5px;
}
.payment table {
    width: 100%;
    border-top: 1px solid #ccc;
}
.payment td {
    padding: 10px 0;
}
.payment .total td {
    border-top: 1px solid #ccc;
}
.payment form {
    /*margin-top: 90px;
    float: right;
    width: 144px;*/
}
.payment form .invoice {
    border: 0;
    background: url("/images/CheckoutInvoice.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
    line-height:3000;
    width: 145px;
    height: 27px;
    margin-bottom: 23px;
    cursor: pointer;
}
.payment .box .info .ideal{
    border: 0;
    background: url("/images/ideal.gif") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
    line-height:3000;
    width: 57px;
    height: 51px;
    cursor: pointer;
}
.finishwrapper { padding: 10px 0; margin-top: 40px;}
.registrationfinish {
    border: 1px solid #B7B7B7;
    border-radius: 30px 30px 30px 30px;
    height: 300px;
    padding: 10px 30px;
    width: 350px;
    margin: 0 auto;
}
#contentCntr { background : none; min-height: 90%;}
#headerCntr.small { height : 40px; margin : 0 auto; }
.panelBox { padding-top : 5px; }
#mainCntr { background-color : #575C69; width : auto; }
img#fo-logo { position : absolute; top : 9px; left : 10px; height : 24px; }
.number { text-align : right; }

.footer {
    height: 20px;
    text-align: left;
    margin: 5px auto;
    width: 830px;
    padding-left: 30px;
    margin: 0 auto;
    color: #fff; }
.footer a {
    text-decoration: none;
    color: inherit; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .footer {
        width: 100%;
        padding-left: 0; } }
.footer:hover {
    color: #ccc; }
.footer .lastupdate {
    float: right;
    margin-right: 15px; }

.paymentform input[type="image"] {
  margin: 10px 0 0 0; }
.paymentform .ideal-msg {
  width: 95px;
  margin: 8px 0 0 0; }
.paymentform .checkout {
  margin: 0; }
.paymentform input[type="radio"] {
  float: left;
  margin: 7px 10px; }
.paymentform li {
  height: 40px;
  width: 250px; }
.paymentform .idealmethod {
  margin-top: 15px;
  display: none; }
.paymentform .checkout, .registrationform input[type="submit"] {
  width: 80px;
  font-size: 15px;
  text-align: center;
  background: grey;
  padding: 5px;
  margin: 30px 32px 10px 0px;
  position: relative;
  cursor: pointer;
  float: right; }
.paymentform .checkout {
  margin: 0; }