/* Janrain */

/* LOG IN SCREENS */

.janrain-container {
  position: relative;
  width: 250px;
}

.janrain-container input,
input.switch-account, input.login-by-philips {
  max-width: 236px !important;
}

.janrain-container input.capture_text_input {
  width: 224px;
}

.janrain-body {
  width: 250px;
  background: #FFF;
  border:1px solid #CCC;
}

.janrain-body h2 { 
  font-family: gs_light_regular, Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
  color: #0b5ed7 !important; 
  font-weight: normal;
}

.social-box {
  margin: 0 5px 10px;
}

.traditional-box .capture_signin > h2,
.traditional-box > h2 {
  display: block;
  padding: 0 0 10px 0;
}

.other-options {
  padding: 10px 10px 5px;
}

.form-row {
  padding: 3px 0;
}

.traditional-box {
  margin-top: 0;
  padding: 10px 5px 10px !important;
}

/* Switch Account button */
input.switch-account, input.login-by-philips {
  float: left;
  margin: 0 !important;

}

/* /LOG IN SCREENS */

/* MY PROFILE WIDGET */

/* container */
.janrain-container .profile {
  position: relative;
  display: inline-block;
  padding: 5px;
}

/* welcome text */
.janrain-container .profile .header {
  float: left;
  font-size: 18px;
  padding-bottom: 5px;
}

/* edit profile + logout links container */
.janrain-container .profile .janrain-links {
  width: 230px;
  display: block;
  text-align: right;
  clear: both;
  padding-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.janrain-container .profile .janrain-links .link {
  cursor: pointer;
  margin: 0 3px;
}

.janrain-container .profile .janrain-links .link.edit-profile {
  
}

.janrain-container .profile .janrain-links .link.logout {

}

/* user information (profile picture, name, etc.) */
.janrain-container .profile .user {
  float: left;
  clear: both;
  padding: 5px 0;
  border-bottom: 1px solid #CCC;
}

/* profile picture container */
.janrain-container .profile .user .picture-container {
  float: left;
  width: 100px;
}

/* profile picture */
.janrain-container .profile .user .picture-container .picture {
  float: left;
  position: relative;
}

/* actual image */
.janrain-container .profile .user .picture-container .picture img {
  
}

/* user information container */

.janrain-container .profile .user .info-container {
  float: left;
  width: 130px;
  overflow: hidden;
}

/* Person name */
.janrain-container .profile .user .info-container .name {
  
  margin: 5px 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}

/* last login container */
.janrain-container .profile .user .info-container .last-login {
  float: left;
  line-height: 12px;
}

.janrain-container .profile .user .info-container .last-login .heading {
  font-size: 10px;
}

.janrain-container .profile .user .info-container .last-login .datetime {
  font-size: 10px;
}

/* forum links */
.janrain-container .profile .forum-links {
  float: left;
  width: 230px;
  clear: both;
}

.janrain-container .profile .forum-links .link {
  float: left;
  clear: both;
  margin: 3px 0;
  width: 230px;
}

.retrieve {
  position: absolute;
  right: 6px;
  bottom: 6px;
  opacity: 0.5;
  cursor: pointer;
}

.retrieve:hover {
  opacity: 1;
}