#container { background: url('../../images/web/container-signup.png') top center no-repeat; }


#content .intro h2 { border: none; font-size: 20px; font-weight: bold; text-transform: none; margin: 10px 0 0 0;  }
#content .intro h3 { margin-top: 0; line-height: 18px; }
#content .intro p { line-height: 18px; }

h1 { color: #22A3D8; }
.socialservices { list-style: none; height: 100px; margin: 20px 0; padding: 0; }
.socialservices li { float: left; margin-right: 20px; height:100px; width:100px; display:block; }
.socialservices li a.facebook { background: url('../../images/web/social-facebook-add.gif') top left; display:block; height:100px; width:100px;  }
.socialservices li a.facebook:hover { background: url('../../images/web/social-facebook-add.gif') 0 -100px; }
.socialservices li a.twitter { background: url('../../images/web/social-twitter-add.gif') top left; display:block; height:100px; width:100px;  }
.socialservices li a.twitter:hover { background: url('../../images/web/social-twitter-add.gif') 0 -100px; }
.socialservices li a.hyves { background: url('../../images/web/social-hyves-add.gif') top left; display:block; height:100px; width:100px;  }
.socialservices li a.hyves:hover { background: url('../../images/web/social-hyves-add.gif') 0 -100px; }
.socialservices li a.google { background: url('../../images/web/social-google-add.gif') top left; display:block; height:100px; width:100px;  }
.socialservices li a.google:hover { background: url('../../images/web/social-google-add.gif') 0 -100px; }
.socialservices li a.foursquare { background: url('../../images/web/social-foursquare-add.gif') top left; display:block; height:100px; width:100px; }
.socialservices li a.foursquare:hover { background: url('../../images/web/social-foursquare-add.gif') 0 -100px; }


#content #buttons { position: relative; height: 40px; margin-top: 20px; }
#content #buttons .prev { position: absolute; right: 200px; width: 180px;}
#content #buttons .next { position: absolute; right: 0; width: 180px; }
#content #buttons a { padding: 0; }



ul.activity li { padding-right: 140px !important; }
ul.activity li div.follow { position: absolute; width: 100px; right: 0; top: 10px; }
ul.activity li div.notify { position: absolute; width: 100px; right: 130px; top: 10px; }

.tip { position: relative; position: absolute; display: none; }
.tip .pointer { position: absolute; width: 10px; height: 20px; background: url('../../images/web/sprite.gif') 0 -555px no-repeat; top: 9px; }
.tip .content { margin-left: 10px; background: #344453; padding: 10px 20px; color: #FFF; font-size: 12px; position: absolute; width: 150px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.validation-advice { font-size: 11px; }

#username { color: #CC0000; }
#username.free { color: #006600; }



/* Api allow schermpje */

.allow h3 { text-align: center; }
.allow form { height: 80px; width: 250px; margin: 0 auto 0 auto; }
.allow form:input { cursor: pointer; }
.allow .disclaimer { text-align: center; font-size: 10px; color: #555; margin-top: 0; }

#firstblock { margin-bottom: 40px; margin-top: 0; padding: 0;}
#firstblock h2 { margin: 0; padding: 0;}
#firstblock p { margin: 10px 0 0 0; color: #333; }
#firstblock a { color: #0cacee; text-decoration: underline; }

form#allow { }
form#allow h4 { margin-top: 8px; text-align: right;}
form#allow .widthblock { width: 500px; height: 50px; clear: both; }