You are here

janrain.css in Janrain Registration 8

#janrainModal, #janrainModalOverlay, #janrain-share {
  z-index: 99999 !important
}
#janrainModal .janrain_modal_closebutton {
  top: 10px;
  right: 10px;
  color: #888;
  background-color: transparent;
  width: auto;
  height: auto;
  font-size: 12px;
  font-family: helvetica, sans-serif;
  font-weight: 100;
  text-decoration: none
}
#janrainModal .janrain-capture-ui.capture-ui-content {
  background-color: #fff
}
#janrainModal .janrain-capture-ui.capture-ui-content.capture_current_screen {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -moz-transition: all 5s linear 0s;
  -webkit-transition: all 5s linear 0s;
  -o-transition: all 5s linear 0s;
  transition: all 5s linear 0s
}
#janrainModal .janrain-capture-ui.capture-ui-content h1 {
  font-size: 18px;
  line-height: inherit;
  color: #333;
  font-weight: bold
}
#janrainModal .janrain-capture-ui.capture-ui-content h2 {
  font-size: 15px;
  font-weight: bold
}
#janrainModal .janrain-capture-ui.capture-ui-content h3 {
  font-size: 15px
}
#janrainModal .janrain-capture-ui.capture-ui-content h4 {
  font-size: 1.385em
}
#janrainModal .janrain-capture-ui.capture-ui-content h5 {
  font-size: 1.077em
}
#janrainModal .janrain-capture-ui.capture-ui-content .capture_signin {
  margin: 0 auto
}
.janrain-capture-ui {
  font-size: 13px;
  font-family: helvetica, sans-serif;
  line-height: inherit;
  color: #666;
  background-color: transparent
}
.janrain-capture-ui .grid-block {
  *zoom: 1;
  clear: both;
  margin: 0 0 0 -2%
}
.janrain-capture-ui .grid-block:after {
  content: "";
  display: table;
  clear: both
}
.janrain-capture-ui .col4 {
  width: 98%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .col3 {
  width: 73%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .col2 {
  width: 48%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .col125 {
  width: 31.3%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .col250 {
  width: 64.5%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .col1 {
  width: 23%;
  float: left;
  display: inline;
  margin-left: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui a, .janrain-capture-ui a:visited, .janrain-capture-ui a:link {
  color: #009ddc
}
.janrain-capture-ui a:hover {
  color: #006690
}
.janrain-capture-ui .capture_backgroundColor {
  background-color: #f6f6f6;
  color: #666
}
.janrain-capture-ui .capture_backgroundColor .capture_text_input, .janrain-capture-ui .capture_backgroundColor .capture_checkbox, .janrain-capture-ui .capture_backgroundColor .capture_radio, .janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder, .janrain-capture-ui .capture_backgroundColor .capture_select, .janrain-capture-ui .capture_backgroundColor .capture_textarea, .janrain-capture-ui .capture_backgroundColor .capture_checkbox, .janrain-capture-ui .capture_backgroundColor .capture_radio {
  background-color: #fff
}
.janrain-capture-ui .capture_backgroundColor .capture_text_input:focus, .janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, .janrain-capture-ui .capture_backgroundColor .capture_radio:focus, .janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder:focus, .janrain-capture-ui .capture_backgroundColor .capture_select:focus, .janrain-capture-ui .capture_backgroundColor .capture_textarea:focus, .janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, .janrain-capture-ui .capture_backgroundColor .capture_radio:focus {
  background-color: #fff
}
.janrain-capture-ui .capture_backgroundColor .capture_secondary {
  border: 1px solid #ddd;
  border-width: 1px 1px 0 1px
}
.janrain-capture-ui .capture_backgroundColor .capture_provider li {
  background-color: #fff
}
.janrain-capture-ui .capture_backgroundColor .capture_form_item .capture_display_toggle_wrap .capture_display_toggle:hover {
  background-color: #fff
}
.janrain-capture-ui .capture_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 35px;
  width: 100%;
  text-align: right;
  z-index: 5;
  padding: 10px 0;
  *zoom: 1;
  -moz-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  background-color: #f6f6f6;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px
}
.janrain-capture-ui .capture_footer:after {
  content: "";
  display: table;
  clear: both
}
.janrain-capture-ui .capture_footer .capture_btn {
  margin: 0 20px
}
.janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_select, .janrain-capture-ui .capture_textarea {
  font-size: 14px;
  font-family: helvetica, sans-serif;
  border: 1px solid #ccc;
  color: #b3b3b3;
  margin-left: 0;
  margin-right: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  background-color: #f6f6f6
}
.janrain-capture-ui .capture_text_input:focus, .janrain-capture-ui .capture_checkbox:focus, .janrain-capture-ui .capture_radio:focus, .janrain-capture-ui .capture_inputPlaceholder:focus, .janrain-capture-ui .capture_select:focus, .janrain-capture-ui .capture_textarea:focus {
  color: #333;
  background-color: #e2e2e2;
  -moz-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  border: 1px solid #009ddc
}
.janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_textarea, .janrain-capture-ui .capture_inputPlaceholder {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  color: #333
}
.janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_textarea, .janrain-capture-ui .capture_inputPlaceholder {
  *display: inline
}
.janrain-capture-ui .capture_text_input::-webkit-input-placeholder, .janrain-capture-ui .capture_checkbox::-webkit-input-placeholder, .janrain-capture-ui .capture_radio::-webkit-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, .janrain-capture-ui .capture_textarea::-webkit-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder {
  color: #b3b3b3
}
.janrain-capture-ui .capture_text_input:-moz-placeholder, .janrain-capture-ui .capture_checkbox:-moz-placeholder, .janrain-capture-ui .capture_radio:-moz-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder, .janrain-capture-ui .capture_textarea:-moz-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder {
  color: #b3b3b3
}
.janrain-capture-ui .capture_text_input:-ms-input-placeholder, .janrain-capture-ui .capture_checkbox:-ms-input-placeholder, .janrain-capture-ui .capture_radio:-ms-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder, .janrain-capture-ui .capture_textarea:-ms-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder {
  color: #b3b3b3
}
.janrain-capture-ui .capture_select {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #333
}
.janrain-capture-ui .capture_select.capture_disabled {
  color: #b3b3b3
}
.janrain-capture-ui .capture_select.capture_disabled:focus {
  color: #333
}
.janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0
}
.janrain-capture-ui .capture_checkbox label, .janrain-capture-ui .capture_radio label {
  font-size: 13px
}
.janrain-capture-ui .capture_inputPlaceholder {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}
.janrain-capture-ui .capture_btn, .janrain-capture-ui a.capture_btn, .janrain-capture-ui .capture_btn:focus, .janrain-capture-ui a.capture_btn:focus, .janrain-capture-ui button.capture_btn:focus, .janrain-capture-ui input.capture_btn:focus, .janrain-capture-ui .capture_backButton:focus, .janrain-capture-ui button.capture_btn, .janrain-capture-ui input.capture_btn, .janrain-capture-ui .capture_backButton {
  -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  font-family: helvetica, sans-serif
}
.janrain-capture-ui .capture_btn:active, .janrain-capture-ui a.capture_btn:active, .janrain-capture-ui .capture_btn:active:focus, .janrain-capture-ui a.capture_btn:active:focus, .janrain-capture-ui button.capture_btn:active:focus, .janrain-capture-ui input.capture_btn:active:focus, .janrain-capture-ui .capture_backButton:active:focus, .janrain-capture-ui button.capture_btn:active, .janrain-capture-ui input.capture_btn:active, .janrain-capture-ui .capture_backButton:active {
  -moz-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset
}
.janrain-capture-ui .capture_primary, .janrain-capture-ui a.capture_primary, .janrain-capture-ui button.capture_primary, .janrain-capture-ui input.capture_primary {
  background-color: #009ddc;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd));
  background: -webkit-linear-gradient(top, #34c5ff,#0092cd);
  background: -moz-linear-gradient(top, #34c5ff,#0092cd);
  background: -o-linear-gradient(top, #34c5ff,#0092cd);
  background: -ms-linear-gradient(top, #34c5ff,#0092cd);
  background: linear-gradient(top, #34c5ff,#0092cd);
  text-shadow: 0 1px 1px rgba(0,0,0,0.45);
  color: #fff
}
.janrain-capture-ui a.capture_primary:visited, .janrain-capture-ui a.capture_primary:link, .janrain-capture-ui a.capture_primary:hover {
  color: #fff
}
.janrain-capture-ui .capture_secondary, .janrain-capture-ui a.capture_secondary, .janrain-capture-ui button.capture_secondary, .janrain-capture-ui input.capture_secondary {
  background-color: #f6f6f6;
  background-image: none;
  color: #009ddc;
  text-decoration: none;
  text-shadow: none
}
.janrain-capture-ui .capture_btn_half, .janrain-capture-ui a.capture_btn_half, .janrain-capture-ui button.capture_btn_half, .janrain-capture-ui input.capture_btn_half {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 1%;
  padding-left: 5px;
  padding-right: 5px;
  width: 48%
}
.janrain-capture-ui .capture_btn_full {
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.janrain-capture-ui a.capture_secondary:visited, .janrain-capture-ui a.capture_secondary:link, .janrain-capture-ui a.capture_secondary:hover {
  color: #333
}
.janrain-capture-ui .capture_processing {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: none;
  border: none !important
}
.janrain-capture-ui .capture_fatal_error {
  font-size: 12px;
  background-color: #ffefde;
  background-position: 10px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #dc7302;
  color: #f58002
}
.janrain-capture-ui .capture_form_error {
  color: #f58002;
  background-image: none
}
.janrain-capture-ui .capture_form_item {
  min-height: 0
}
.janrain-capture-ui .capture_form_item label {
  color: #666;
  overflow: hidden;
  text-indent: -99999px;
  height: 0px
}
.janrain-capture-ui .capture_form_item .capture_tip {
  color: #aaa
}
.janrain-capture-ui .capture_form_item.capture_focused .capture_tip {
  color: #333
}
.janrain-capture-ui .capture_form_item .capture_tip_validating {
  color: #aaa
}
.janrain-capture-ui .capture_form_item .capture_tip_validated {
  color: #aaa
}
.janrain-capture-ui .capture_form_item .capture_tip_error {
  color: #f58002
}
.janrain-capture-ui .capture_form_item .capture_btn {
  margin: 0
}
.janrain-capture-ui .capture_save_success {
  color: #64AE29;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto
}
.janrain-capture-ui .capture_save_success {
  *display: inline
}
.janrain-capture-ui .capture_error .capture_radio, .janrain-capture-ui .capture_error .capture_checkbox, .janrain-capture-ui .capture_error .capture_text_input, .janrain-capture-ui .capture_error .capture_checkbox, .janrain-capture-ui .capture_error .capture_radio, .janrain-capture-ui .capture_error .capture_inputPlaceholder {
  border: 1px solid #f58002;
  -moz-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  -webkit-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  -o-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  box-shadow: 0 0 3px rgba(245,148,2,0.3) inset
}
.janrain-capture-ui .capture_display_toggle_wrap {
  font-size: 12px;
  line-height: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  left: 300px;
  top: 20px
}
.janrain-capture-ui .capture_display_toggle_wrap:hover {
  background-color: #f6f6f6
}
.janrain-capture-ui .janrain_traditional_account_only {
  display: none
}
.janrain-capture-ui#editProfile .capture_form_item label {
  text-indent: inherit;
  overflow: visible;
  height: auto;
  *text-indent: 0;
  *text-transform: capitalize
}
.janrain-capture-ui .capture_nameBlock .capture_form_item, .janrain-capture-ui .capture_addressBlock .capture_form_item {
  margin-bottom: 0;
  min-height: 0
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  margin-left: 1%
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ {
  *display: inline
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validating, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_error, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validated {
  position: absolute;
  left: 290px;
  top: 10px
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_ {
  width: 40%;
  margin-left: 0
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_ {
  width: 20%
}
.janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_ {
  width: 38%
}
.janrain-capture-ui .capture_dateselect_day, .janrain-capture-ui .capture_dateselect_month, .janrain-capture-ui .capture_dateselect_year {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  margin-left: 1%
}
.janrain-capture-ui .capture_dateselect_day, .janrain-capture-ui .capture_dateselect_month, .janrain-capture-ui .capture_dateselect_year {
  *display: inline
}
.janrain-capture-ui .capture_dateselect_month {
  width: 40%;
  margin-left: 0
}
.janrain-capture-ui .capture_dateselect_day {
  width: 18%
}
.janrain-capture-ui .capture_dateselect_year {
  width: 40%
}
.janrain-capture-ui .capture_datePicker_wrapper {
  background-color: #fff;
  border: 1px solid #ccc
}
.janrain-capture-ui .capture_datePicker_header {
  background-color: #f6f6f6;
  *background-color: #ccc;
  border-bottom: 1px solid #ccc;
  -moz-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  text-shadow: 0 1px #fff
}
.janrain-capture-ui .capture_datePicker_monthButtons:visited, .janrain-capture-ui .capture_datePicker_monthButtons:link {
  color: #666
}
.janrain-capture-ui .capture_datePicker_monthTable th {
  background-color: #f6f6f6
}
.janrain-capture-ui .capture_datePicker_monthTable td {
  border-color: #ccc;
  border-style: solid
}
.janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:visited, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:link, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:visited, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:link {
  color: #ccc
}
.janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:hover, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:hover {
  color: #666
}
.janrain-capture-ui .capture_datePicker_monthTable a:visited, .janrain-capture-ui .capture_datePicker_monthTable a:link {
  color: #666
}
.janrain-capture-ui .capture_datePicker_monthTable a:hover {
  background-color: #ccc
}
.janrain-capture-ui .capture_datePicker_today {
  background-color: #efefef
}
.janrain-capture-ui .capture_datePicker_selectedDate {
  background-color: #ccc
}
.janrain-capture-ui .capture_tabs li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
  margin: 0 1%
}
.janrain-capture-ui .capture_tabs li a {
  font-size: 12px;
  background-color: #ddd;
  -moz-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  font-size: 14px;
  display: block
}
.janrain-capture-ui .capture_tabs li a:visited, .janrain-capture-ui .capture_tabs li a:link, .janrain-capture-ui .capture_tabs li a:hover {
  color: #999
}
.janrain-capture-ui .capture_tabs li.capture_toggled a {
  background-color: #f6f6f6;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}
.janrain-capture-ui .capture_tabs li.capture_toggled a:visited, .janrain-capture-ui .capture_tabs li.capture_toggled a:link, .janrain-capture-ui .capture_tabs li.capture_toggled a:hover {
  color: #666
}
.janrain-capture-ui .capture_data_item {
  margin-bottom: 15px;
  *zoom: 1;
  clear: both
}
.janrain-capture-ui .capture_data_item:after {
  content: "";
  display: table;
  clear: both
}
.janrain-capture-ui .capture_data_item label {
  width: 39%;
  margin-right: 1%;
  text-align: right;
  float: left
}
.janrain-capture-ui .capture_data_item .capture_data {
  width: 60%;
  float: left
}
.janrain-capture-ui .capture_provider li {
  background-color: #f6f6f6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .capture_provider li .capture_remove {
  position: absolute;
  right: 0;
  cursor: pointer
}
.capture_editCol {
  width: 290px
}
.janrain_close_confirm_container {
  font-size: 13px;
  line-height: 17px;
  font-family: helvetica, sans-serif;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px
}
.janrain_close_confirm_container .janrain_close_confirm {
  color: white
}
.janrain_close_confirm_container .janrain_close_confirm h3 {
  color: #fff;
  padding: 0 0 5px;
  margin: 0;
  font-size: 1.077em;
  font-weight: normal;
  text-shadow: none
}
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_confirm {
  -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  background-color: #009ddc;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd));
  background: -webkit-linear-gradient(top, #34c5ff,#0092cd);
  background: -moz-linear-gradient(top, #34c5ff,#0092cd);
  background: -o-linear-gradient(top, #34c5ff,#0092cd);
  background: -ms-linear-gradient(top, #34c5ff,#0092cd);
  background: linear-gradient(top, #34c5ff,#0092cd);
  text-shadow: 0 1px 1px rgba(0,0,0,0.45);
  color: #fff
}
.janrain_close_confirm_container .janrain_close_confirm .janrain_modal_cancel {
  -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  background-color: #f6f6f6;
  color: #333
}
#janrainModal .janrain-capture-ui.capture-ui-content {
  width: 400px;
  min-height: 350px;
  padding: 20px 20px 70px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px
}
#janrainModal .janrain-capture-ui.capture-ui-content#signIn, #janrainModal .janrain-capture-ui.capture-ui-content#returnSocial, #janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional {
  width: 392px;
  min-height: 220px;
  padding: 20px 0 0 0
}
#janrainModal .janrain-capture-ui.capture-ui-content#signIn h1, #janrainModal .janrain-capture-ui.capture-ui-content#returnSocial h1, #janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional h1 {
  margin: 0 0 0 20px
}
#janrainModal .janrain-capture-ui.capture-ui-content#capture_editProfile_photoManager_editphotoscreen {
  width: 740px
}
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts {
  width: 510px;
  padding: 0 0 55px 0
}
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header {
  color: inherit;
  text-align: left;
  background-color: #f6f6f6;
  padding-bottom: 0;
  border: none
}
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header .capture_icon_col {
  width: 25px;
  height: 25px;
  overflow: hidden
}
#janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header img {
  height: auto;
  width: 25px
}
#janrainModal .janrain-capture-ui.capture-ui-content .capture_signin {
  width: 310px
}
#janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional .capture_signin {
  width: 360px
}
#janrainModal .janrain-capture-ui.capture-ui-content#returnSocial {
  min-height: 275px
}
#janrainModal .capture-ui-content.capture_noFooter {
  padding-top: 20px;
  padding-bottom: 20px
}
#janrainModal .capture_header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee
}
#janrainModal .capture_header h1 {
  margin: 0;
  padding: 0
}
.janrain-capture-ui.capture-ui-content {
  width: 600px
}
.janrain-capture-ui .capture_backgroundColor {
  margin-top: 20px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset
}
.janrain-capture-ui .capture_dashed {
  border: 1px #ccc dashed;
  margin: 0 20px
}
.janrain-capture-ui .capture_border, .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection {
  border: 1px solid #ccc
}
.janrain-capture-ui .capture_backButton span {
  line-height: inherit
}
.janrain-capture-ui a.capture_edit {
  position: absolute;
  right: 10px;
  top: 5px;
  margin: 0;
  padding: 9px 15px 9px
}
.janrain-capture-ui #recaptcha_container .recaptchatable {
  background-color: #fff;
  border: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui #recaptcha_container .recaptchatable #recaptcha_response_field {
  border: 1px solid #ccc !important;
  color: #333 !important;
  width: 290px !important;
  margin-left: 0
}
.janrain-capture-ui #recaptcha_container .recaptchatable #recaptcha_response_field:focus {
  border: 1px solid #009ddc !important
}
.janrain-capture-ui .capture_signInOption, .janrain-capture-ui .capture_createAccountOption {
  margin-top: 10px
}
.janrain-capture-ui#returnTraditional .capture_backgroundColor, .janrain-capture-ui .capture_signInOption .capture_backgroundColor, .janrain-capture-ui .capture_createAccountOption .capture_backgroundColor {
  padding: 25px 10px
}
.janrain-capture-ui#mergeAccounts .capture_form_item label {
  height: auto;
  text-indent: inherit;
  *text-indent: 0;
  *text-transform: capitalize
}
.janrain-capture-ui .capture_displayName_col {
  margin: 10px 0 10px 10px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  vertical-align: top
}
.janrain-capture-ui .capture_displayName_col {
  *display: inline
}
.janrain-capture-ui .capture_mergeCol {
  width: 43%;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  padding: 10px;
  margin: 10px;
  position: relative
}
.janrain-capture-ui .capture_mergeCol {
  *display: inline
}
.janrain-capture-ui .capture_mergeCol .capture_popup_container .capture_popup-arrow {
  left: 100px
}
.janrain-capture-ui .capture_mergeCol .capture_mergeProvider, .janrain-capture-ui .capture_header .capture_mergeProvider {
  position: absolute;
  right: 30px;
  top: 8px
}
.janrain-capture-ui .capture_dashed .capture_backgroundColor {
  margin-top: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px
}
.janrain-capture-ui .capture_mergeExisting_col {
  padding: 0
}
.janrain-capture-ui .capture_mergeExisting_col .capture_mergeProvider {
  right: 10px
}
.janrain-capture-ui .capture_mergeExisting_col .capture_icon_col {
  margin-left: 0;
  margin-top: 4px
}
.janrain-capture-ui .capture_mergeExisting_col .capture_displayName_col {
  margin-top: 0
}
.janrain-capture-ui .capture_mergeProvider {
  margin-right: 5px
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  margin: 20px;
  background-color: #f6f6f6;
  padding: 0px
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio {
  padding: 0
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label {
  margin: 0;
  padding: 15px 15px 15px 25px;
  font-size: 14px
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_smallText {
  display: block
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_recommended {
  position: absolute;
  right: 3px;
  top: 2px;
  text-transform: uppercase;
  font-weight: 100
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio .capture_input_radio {
  position: absolute;
  left: 6px;
  top: 17px
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled {
  background-color: #009ddc;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:first-child {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:nth-of-type(2) {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px
}
.janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled label {
  color: #fff
}
.janrain-capture-ui#returnTraditional .capture_form_item, .janrain-capture-ui .capture_signInOption .capture_form_item, .janrain-capture-ui .capture_createAccountOption .capture_form_item {
  margin-bottom: 0;
  min-height: 51px
}
.janrain-capture-ui#editProfile {
  width: auto;
  background-color: transparent;
  *zoom: 1;
  padding: 10px
}
.janrain-capture-ui#editProfile:after {
  content: "";
  display: table;
  clear: both
}
.janrain-capture-ui#editProfile .capture_tabs li a {
  background-color: #f6f6f6
}
.janrain-capture-ui#editProfile .capture_tabs li.capture_toggled a {
  background-color: white
}
.janrain-capture-ui .capture_profile_pic_display {
  width: 200px;
  height: 200px;
  text-align: center
}
.janrain-capture-ui .capture_profile_pic_display img {
  max-width: 100%
}
.janrain-capture-ui .capture_uploadPhoto_container {
  width: 250px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto
}
.janrain-capture-ui .capture_uploadPhoto_container {
  *display: inline
}
.janrain-capture-ui .capture_photoManager .options {
  display: block;
  text-align: center;
  margin-top: 10px
}
.janrain-capture-ui .capture_photoManager .options li {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  padding: 0 5px;
  border: 1px #ccc solid;
  border-width: 0 1px
}
.janrain-capture-ui .capture_photoManager .options li {
  *display: inline
}
.janrain-capture-ui .capture_photoManager .options li:first-child, .janrain-capture-ui .capture_photoManager .options li:last-child {
  border: none
}
.janrain-capture-ui #capture_accountInfo {
  float: left;
  width: 660px
}
.janrain-capture-ui#publicProfile {
  width: 600px
}
.janrain-capture-ui#publicProfile .capture_profile_pic {
  margin-right: 15px;
  height: 150px;
  width: 150px
}
.janrain-capture-ui#publicProfile #profile_pic {
  height: 150px;
  overflow: hidden
}
.janrain-capture-ui#publicProfile #profile_pic img {
  width: 150px
}
.janrain-capture-ui#publicProfile .capture_provider {
  margin-top: 25px
}
.janrain-capture-ui#publicProfile .capture-public-displayName {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto
}
.janrain-capture-ui#publicProfile .capture-public-displayName {
  *display: inline
}
.janrain-capture-ui#publicProfile .capture-public-displayName h1 {
  font-size: 23px;
  color: #666;
  padding-top: 0
}
.janrain-capture-ui#publicProfile .capture_personal_info h2 {
  float: right;
  font-size: 18px;
  padding: 0
}
.janrain-capture-ui#publicProfile .capture_profile_section {
  margin: 0 auto 20px;
  padding: 20px 40px;
  position: relative
}
.janrain-capture-ui .capture_profile_section {
  margin: 0 auto 20px;
  padding: 20px;
  position: relative
}
.janrain-capture-ui .capture_popup_container {
  background-color: #f6f6f6;
  border: 1px solid #ccc
}
.janrain-capture-ui .capture_popup_container .capture_popup-arrow:after {
  background: #f6f6f6;
  border: 1px solid #ccc
}

File

janrain-capture-screens/stylesheets/janrain.css
View source
  1. #janrainModal, #janrainModalOverlay, #janrain-share {
  2. z-index: 99999 !important
  3. }
  4. #janrainModal .janrain_modal_closebutton {
  5. top: 10px;
  6. right: 10px;
  7. color: #888;
  8. background-color: transparent;
  9. width: auto;
  10. height: auto;
  11. font-size: 12px;
  12. font-family: helvetica, sans-serif;
  13. font-weight: 100;
  14. text-decoration: none
  15. }
  16. #janrainModal .janrain-capture-ui.capture-ui-content {
  17. background-color: #fff
  18. }
  19. #janrainModal .janrain-capture-ui.capture-ui-content.capture_current_screen {
  20. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  21. opacity: 1;
  22. -moz-transition: all 5s linear 0s;
  23. -webkit-transition: all 5s linear 0s;
  24. -o-transition: all 5s linear 0s;
  25. transition: all 5s linear 0s
  26. }
  27. #janrainModal .janrain-capture-ui.capture-ui-content h1 {
  28. font-size: 18px;
  29. line-height: inherit;
  30. color: #333;
  31. font-weight: bold
  32. }
  33. #janrainModal .janrain-capture-ui.capture-ui-content h2 {
  34. font-size: 15px;
  35. font-weight: bold
  36. }
  37. #janrainModal .janrain-capture-ui.capture-ui-content h3 {
  38. font-size: 15px
  39. }
  40. #janrainModal .janrain-capture-ui.capture-ui-content h4 {
  41. font-size: 1.385em
  42. }
  43. #janrainModal .janrain-capture-ui.capture-ui-content h5 {
  44. font-size: 1.077em
  45. }
  46. #janrainModal .janrain-capture-ui.capture-ui-content .capture_signin {
  47. margin: 0 auto
  48. }
  49. .janrain-capture-ui {
  50. font-size: 13px;
  51. font-family: helvetica, sans-serif;
  52. line-height: inherit;
  53. color: #666;
  54. background-color: transparent
  55. }
  56. .janrain-capture-ui .grid-block {
  57. *zoom: 1;
  58. clear: both;
  59. margin: 0 0 0 -2%
  60. }
  61. .janrain-capture-ui .grid-block:after {
  62. content: "";
  63. display: table;
  64. clear: both
  65. }
  66. .janrain-capture-ui .col4 {
  67. width: 98%;
  68. float: left;
  69. display: inline;
  70. margin-left: 2%;
  71. -webkit-border-radius: 5px;
  72. -moz-border-radius: 5px;
  73. -ms-border-radius: 5px;
  74. -o-border-radius: 5px;
  75. border-radius: 5px
  76. }
  77. .janrain-capture-ui .col3 {
  78. width: 73%;
  79. float: left;
  80. display: inline;
  81. margin-left: 2%;
  82. -webkit-border-radius: 5px;
  83. -moz-border-radius: 5px;
  84. -ms-border-radius: 5px;
  85. -o-border-radius: 5px;
  86. border-radius: 5px
  87. }
  88. .janrain-capture-ui .col2 {
  89. width: 48%;
  90. float: left;
  91. display: inline;
  92. margin-left: 2%;
  93. -webkit-border-radius: 5px;
  94. -moz-border-radius: 5px;
  95. -ms-border-radius: 5px;
  96. -o-border-radius: 5px;
  97. border-radius: 5px
  98. }
  99. .janrain-capture-ui .col125 {
  100. width: 31.3%;
  101. float: left;
  102. display: inline;
  103. margin-left: 2%;
  104. -webkit-border-radius: 5px;
  105. -moz-border-radius: 5px;
  106. -ms-border-radius: 5px;
  107. -o-border-radius: 5px;
  108. border-radius: 5px
  109. }
  110. .janrain-capture-ui .col250 {
  111. width: 64.5%;
  112. float: left;
  113. display: inline;
  114. margin-left: 2%;
  115. -webkit-border-radius: 5px;
  116. -moz-border-radius: 5px;
  117. -ms-border-radius: 5px;
  118. -o-border-radius: 5px;
  119. border-radius: 5px
  120. }
  121. .janrain-capture-ui .col1 {
  122. width: 23%;
  123. float: left;
  124. display: inline;
  125. margin-left: 2%;
  126. -webkit-border-radius: 5px;
  127. -moz-border-radius: 5px;
  128. -ms-border-radius: 5px;
  129. -o-border-radius: 5px;
  130. border-radius: 5px
  131. }
  132. .janrain-capture-ui a, .janrain-capture-ui a:visited, .janrain-capture-ui a:link {
  133. color: #009ddc
  134. }
  135. .janrain-capture-ui a:hover {
  136. color: #006690
  137. }
  138. .janrain-capture-ui .capture_backgroundColor {
  139. background-color: #f6f6f6;
  140. color: #666
  141. }
  142. .janrain-capture-ui .capture_backgroundColor .capture_text_input, .janrain-capture-ui .capture_backgroundColor .capture_checkbox, .janrain-capture-ui .capture_backgroundColor .capture_radio, .janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder, .janrain-capture-ui .capture_backgroundColor .capture_select, .janrain-capture-ui .capture_backgroundColor .capture_textarea, .janrain-capture-ui .capture_backgroundColor .capture_checkbox, .janrain-capture-ui .capture_backgroundColor .capture_radio {
  143. background-color: #fff
  144. }
  145. .janrain-capture-ui .capture_backgroundColor .capture_text_input:focus, .janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, .janrain-capture-ui .capture_backgroundColor .capture_radio:focus, .janrain-capture-ui .capture_backgroundColor .capture_inputPlaceholder:focus, .janrain-capture-ui .capture_backgroundColor .capture_select:focus, .janrain-capture-ui .capture_backgroundColor .capture_textarea:focus, .janrain-capture-ui .capture_backgroundColor .capture_checkbox:focus, .janrain-capture-ui .capture_backgroundColor .capture_radio:focus {
  146. background-color: #fff
  147. }
  148. .janrain-capture-ui .capture_backgroundColor .capture_secondary {
  149. border: 1px solid #ddd;
  150. border-width: 1px 1px 0 1px
  151. }
  152. .janrain-capture-ui .capture_backgroundColor .capture_provider li {
  153. background-color: #fff
  154. }
  155. .janrain-capture-ui .capture_backgroundColor .capture_form_item .capture_display_toggle_wrap .capture_display_toggle:hover {
  156. background-color: #fff
  157. }
  158. .janrain-capture-ui .capture_footer {
  159. position: absolute;
  160. bottom: 0;
  161. left: 0;
  162. height: 35px;
  163. width: 100%;
  164. text-align: right;
  165. z-index: 5;
  166. padding: 10px 0;
  167. *zoom: 1;
  168. -moz-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  169. -webkit-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  170. -o-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  171. box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  172. background-color: #f6f6f6;
  173. -moz-border-radius: 0 0 5px 5px;
  174. -webkit-border-radius: 0 0 5px 5px;
  175. -o-border-radius: 0 0 5px 5px;
  176. -ms-border-radius: 0 0 5px 5px;
  177. -khtml-border-radius: 0 0 5px 5px;
  178. border-radius: 0 0 5px 5px
  179. }
  180. .janrain-capture-ui .capture_footer:after {
  181. content: "";
  182. display: table;
  183. clear: both
  184. }
  185. .janrain-capture-ui .capture_footer .capture_btn {
  186. margin: 0 20px
  187. }
  188. .janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_select, .janrain-capture-ui .capture_textarea {
  189. font-size: 14px;
  190. font-family: helvetica, sans-serif;
  191. border: 1px solid #ccc;
  192. color: #b3b3b3;
  193. margin-left: 0;
  194. margin-right: 0;
  195. -moz-border-radius: 5px;
  196. -webkit-border-radius: 5px;
  197. -o-border-radius: 5px;
  198. -ms-border-radius: 5px;
  199. -khtml-border-radius: 5px;
  200. border-radius: 5px;
  201. -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  202. -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  203. -o-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  204. box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
  205. background-color: #f6f6f6
  206. }
  207. .janrain-capture-ui .capture_text_input:focus, .janrain-capture-ui .capture_checkbox:focus, .janrain-capture-ui .capture_radio:focus, .janrain-capture-ui .capture_inputPlaceholder:focus, .janrain-capture-ui .capture_select:focus, .janrain-capture-ui .capture_textarea:focus {
  208. color: #333;
  209. background-color: #e2e2e2;
  210. -moz-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  211. -webkit-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  212. -o-box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  213. box-shadow: 0 0 3px #009ddc, 0 0 3px rgba(0,0,0,0.2) inset;
  214. border: 1px solid #009ddc
  215. }
  216. .janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_textarea, .janrain-capture-ui .capture_inputPlaceholder {
  217. width: 100%;
  218. -moz-box-sizing: border-box;
  219. -webkit-box-sizing: border-box;
  220. -ms-box-sizing: border-box;
  221. box-sizing: border-box;
  222. display: -moz-inline-box;
  223. -moz-box-orient: vertical;
  224. display: inline-block;
  225. vertical-align: middle;
  226. *vertical-align: auto;
  227. color: #333
  228. }
  229. .janrain-capture-ui .capture_text_input, .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio, .janrain-capture-ui .capture_inputPlaceholder, .janrain-capture-ui .capture_textarea, .janrain-capture-ui .capture_inputPlaceholder {
  230. *display: inline
  231. }
  232. .janrain-capture-ui .capture_text_input::-webkit-input-placeholder, .janrain-capture-ui .capture_checkbox::-webkit-input-placeholder, .janrain-capture-ui .capture_radio::-webkit-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder, .janrain-capture-ui .capture_textarea::-webkit-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder::-webkit-input-placeholder {
  233. color: #b3b3b3
  234. }
  235. .janrain-capture-ui .capture_text_input:-moz-placeholder, .janrain-capture-ui .capture_checkbox:-moz-placeholder, .janrain-capture-ui .capture_radio:-moz-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder, .janrain-capture-ui .capture_textarea:-moz-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-moz-placeholder {
  236. color: #b3b3b3
  237. }
  238. .janrain-capture-ui .capture_text_input:-ms-input-placeholder, .janrain-capture-ui .capture_checkbox:-ms-input-placeholder, .janrain-capture-ui .capture_radio:-ms-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder, .janrain-capture-ui .capture_textarea:-ms-input-placeholder, .janrain-capture-ui .capture_inputPlaceholder:-ms-input-placeholder {
  239. color: #b3b3b3
  240. }
  241. .janrain-capture-ui .capture_select {
  242. width: 100%;
  243. -moz-box-sizing: border-box;
  244. -webkit-box-sizing: border-box;
  245. -ms-box-sizing: border-box;
  246. box-sizing: border-box;
  247. color: #333
  248. }
  249. .janrain-capture-ui .capture_select.capture_disabled {
  250. color: #b3b3b3
  251. }
  252. .janrain-capture-ui .capture_select.capture_disabled:focus {
  253. color: #333
  254. }
  255. .janrain-capture-ui .capture_checkbox, .janrain-capture-ui .capture_radio {
  256. -moz-box-shadow: none;
  257. -webkit-box-shadow: none;
  258. -o-box-shadow: none;
  259. box-shadow: none;
  260. border: 0
  261. }
  262. .janrain-capture-ui .capture_checkbox label, .janrain-capture-ui .capture_radio label {
  263. font-size: 13px
  264. }
  265. .janrain-capture-ui .capture_inputPlaceholder {
  266. border: 0;
  267. -moz-box-shadow: none;
  268. -webkit-box-shadow: none;
  269. -o-box-shadow: none;
  270. box-shadow: none
  271. }
  272. .janrain-capture-ui .capture_btn, .janrain-capture-ui a.capture_btn, .janrain-capture-ui .capture_btn:focus, .janrain-capture-ui a.capture_btn:focus, .janrain-capture-ui button.capture_btn:focus, .janrain-capture-ui input.capture_btn:focus, .janrain-capture-ui .capture_backButton:focus, .janrain-capture-ui button.capture_btn, .janrain-capture-ui input.capture_btn, .janrain-capture-ui .capture_backButton {
  273. -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  274. -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  275. -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  276. box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  277. font-family: helvetica, sans-serif
  278. }
  279. .janrain-capture-ui .capture_btn:active, .janrain-capture-ui a.capture_btn:active, .janrain-capture-ui .capture_btn:active:focus, .janrain-capture-ui a.capture_btn:active:focus, .janrain-capture-ui button.capture_btn:active:focus, .janrain-capture-ui input.capture_btn:active:focus, .janrain-capture-ui .capture_backButton:active:focus, .janrain-capture-ui button.capture_btn:active, .janrain-capture-ui input.capture_btn:active, .janrain-capture-ui .capture_backButton:active {
  280. -moz-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  281. -webkit-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  282. -o-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  283. box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1) inset, 0 -1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset
  284. }
  285. .janrain-capture-ui .capture_primary, .janrain-capture-ui a.capture_primary, .janrain-capture-ui button.capture_primary, .janrain-capture-ui input.capture_primary {
  286. background-color: #009ddc;
  287. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd));
  288. background: -webkit-linear-gradient(top, #34c5ff,#0092cd);
  289. background: -moz-linear-gradient(top, #34c5ff,#0092cd);
  290. background: -o-linear-gradient(top, #34c5ff,#0092cd);
  291. background: -ms-linear-gradient(top, #34c5ff,#0092cd);
  292. background: linear-gradient(top, #34c5ff,#0092cd);
  293. text-shadow: 0 1px 1px rgba(0,0,0,0.45);
  294. color: #fff
  295. }
  296. .janrain-capture-ui a.capture_primary:visited, .janrain-capture-ui a.capture_primary:link, .janrain-capture-ui a.capture_primary:hover {
  297. color: #fff
  298. }
  299. .janrain-capture-ui .capture_secondary, .janrain-capture-ui a.capture_secondary, .janrain-capture-ui button.capture_secondary, .janrain-capture-ui input.capture_secondary {
  300. background-color: #f6f6f6;
  301. background-image: none;
  302. color: #009ddc;
  303. text-decoration: none;
  304. text-shadow: none
  305. }
  306. .janrain-capture-ui .capture_btn_half, .janrain-capture-ui a.capture_btn_half, .janrain-capture-ui button.capture_btn_half, .janrain-capture-ui input.capture_btn_half {
  307. -moz-box-sizing: border-box;
  308. -webkit-box-sizing: border-box;
  309. -ms-box-sizing: border-box;
  310. box-sizing: border-box;
  311. margin: 0 1%;
  312. padding-left: 5px;
  313. padding-right: 5px;
  314. width: 48%
  315. }
  316. .janrain-capture-ui .capture_btn_full {
  317. margin: 0;
  318. -moz-box-sizing: border-box;
  319. -webkit-box-sizing: border-box;
  320. -ms-box-sizing: border-box;
  321. box-sizing: border-box;
  322. width: 100%
  323. }
  324. .janrain-capture-ui a.capture_secondary:visited, .janrain-capture-ui a.capture_secondary:link, .janrain-capture-ui a.capture_secondary:hover {
  325. color: #333
  326. }
  327. .janrain-capture-ui .capture_processing {
  328. -moz-box-shadow: none;
  329. -webkit-box-shadow: none;
  330. -o-box-shadow: none;
  331. box-shadow: none;
  332. background-color: none;
  333. border: none !important
  334. }
  335. .janrain-capture-ui .capture_fatal_error {
  336. font-size: 12px;
  337. background-color: #ffefde;
  338. background-position: 10px 5px;
  339. -moz-border-radius: 5px;
  340. -webkit-border-radius: 5px;
  341. -o-border-radius: 5px;
  342. -ms-border-radius: 5px;
  343. -khtml-border-radius: 5px;
  344. border-radius: 5px;
  345. padding: 5px 5px 5px 35px;
  346. border: 1px solid #dc7302;
  347. color: #f58002
  348. }
  349. .janrain-capture-ui .capture_form_error {
  350. color: #f58002;
  351. background-image: none
  352. }
  353. .janrain-capture-ui .capture_form_item {
  354. min-height: 0
  355. }
  356. .janrain-capture-ui .capture_form_item label {
  357. color: #666;
  358. overflow: hidden;
  359. text-indent: -99999px;
  360. height: 0px
  361. }
  362. .janrain-capture-ui .capture_form_item .capture_tip {
  363. color: #aaa
  364. }
  365. .janrain-capture-ui .capture_form_item.capture_focused .capture_tip {
  366. color: #333
  367. }
  368. .janrain-capture-ui .capture_form_item .capture_tip_validating {
  369. color: #aaa
  370. }
  371. .janrain-capture-ui .capture_form_item .capture_tip_validated {
  372. color: #aaa
  373. }
  374. .janrain-capture-ui .capture_form_item .capture_tip_error {
  375. color: #f58002
  376. }
  377. .janrain-capture-ui .capture_form_item .capture_btn {
  378. margin: 0
  379. }
  380. .janrain-capture-ui .capture_save_success {
  381. color: #64AE29;
  382. display: -moz-inline-box;
  383. -moz-box-orient: vertical;
  384. display: inline-block;
  385. vertical-align: middle;
  386. *vertical-align: auto
  387. }
  388. .janrain-capture-ui .capture_save_success {
  389. *display: inline
  390. }
  391. .janrain-capture-ui .capture_error .capture_radio, .janrain-capture-ui .capture_error .capture_checkbox, .janrain-capture-ui .capture_error .capture_text_input, .janrain-capture-ui .capture_error .capture_checkbox, .janrain-capture-ui .capture_error .capture_radio, .janrain-capture-ui .capture_error .capture_inputPlaceholder {
  392. border: 1px solid #f58002;
  393. -moz-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  394. -webkit-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  395. -o-box-shadow: 0 0 3px rgba(245,148,2,0.3) inset;
  396. box-shadow: 0 0 3px rgba(245,148,2,0.3) inset
  397. }
  398. .janrain-capture-ui .capture_display_toggle_wrap {
  399. font-size: 12px;
  400. line-height: 16px;
  401. -moz-border-radius: 4px;
  402. -webkit-border-radius: 4px;
  403. -o-border-radius: 4px;
  404. -ms-border-radius: 4px;
  405. -khtml-border-radius: 4px;
  406. border-radius: 4px;
  407. left: 300px;
  408. top: 20px
  409. }
  410. .janrain-capture-ui .capture_display_toggle_wrap:hover {
  411. background-color: #f6f6f6
  412. }
  413. .janrain-capture-ui .janrain_traditional_account_only {
  414. display: none
  415. }
  416. .janrain-capture-ui#editProfile .capture_form_item label {
  417. text-indent: inherit;
  418. overflow: visible;
  419. height: auto;
  420. *text-indent: 0;
  421. *text-transform: capitalize
  422. }
  423. .janrain-capture-ui .capture_nameBlock .capture_form_item, .janrain-capture-ui .capture_addressBlock .capture_form_item {
  424. margin-bottom: 0;
  425. min-height: 0
  426. }
  427. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ {
  428. display: -moz-inline-box;
  429. -moz-box-orient: vertical;
  430. display: inline-block;
  431. vertical-align: middle;
  432. *vertical-align: auto;
  433. margin-left: 1%
  434. }
  435. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_city_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_stateprovince_, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_editProfile_addressDrop_zippostalcode_ {
  436. *display: inline
  437. }
  438. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validating, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_error, .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_tip_validated {
  439. position: absolute;
  440. left: 290px;
  441. top: 10px
  442. }
  443. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_city_ {
  444. width: 40%;
  445. margin-left: 0
  446. }
  447. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_stateprovince_ {
  448. width: 20%
  449. }
  450. .janrain-capture-ui .capture_form_item.capture_addressBlock .capture_form_item_addressDrop_zippostalcode_ {
  451. width: 38%
  452. }
  453. .janrain-capture-ui .capture_dateselect_day, .janrain-capture-ui .capture_dateselect_month, .janrain-capture-ui .capture_dateselect_year {
  454. display: -moz-inline-box;
  455. -moz-box-orient: vertical;
  456. display: inline-block;
  457. vertical-align: middle;
  458. *vertical-align: auto;
  459. margin-left: 1%
  460. }
  461. .janrain-capture-ui .capture_dateselect_day, .janrain-capture-ui .capture_dateselect_month, .janrain-capture-ui .capture_dateselect_year {
  462. *display: inline
  463. }
  464. .janrain-capture-ui .capture_dateselect_month {
  465. width: 40%;
  466. margin-left: 0
  467. }
  468. .janrain-capture-ui .capture_dateselect_day {
  469. width: 18%
  470. }
  471. .janrain-capture-ui .capture_dateselect_year {
  472. width: 40%
  473. }
  474. .janrain-capture-ui .capture_datePicker_wrapper {
  475. background-color: #fff;
  476. border: 1px solid #ccc
  477. }
  478. .janrain-capture-ui .capture_datePicker_header {
  479. background-color: #f6f6f6;
  480. *background-color: #ccc;
  481. border-bottom: 1px solid #ccc;
  482. -moz-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  483. -webkit-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  484. -o-box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  485. box-shadow: 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  486. text-shadow: 0 1px #fff
  487. }
  488. .janrain-capture-ui .capture_datePicker_monthButtons:visited, .janrain-capture-ui .capture_datePicker_monthButtons:link {
  489. color: #666
  490. }
  491. .janrain-capture-ui .capture_datePicker_monthTable th {
  492. background-color: #f6f6f6
  493. }
  494. .janrain-capture-ui .capture_datePicker_monthTable td {
  495. border-color: #ccc;
  496. border-style: solid
  497. }
  498. .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:visited, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:link, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:visited, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:link {
  499. color: #ccc
  500. }
  501. .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_prevMonthDay a:hover, .janrain-capture-ui .capture_datePicker_monthTable td.capture_datePicker_nextMonthDay a:hover {
  502. color: #666
  503. }
  504. .janrain-capture-ui .capture_datePicker_monthTable a:visited, .janrain-capture-ui .capture_datePicker_monthTable a:link {
  505. color: #666
  506. }
  507. .janrain-capture-ui .capture_datePicker_monthTable a:hover {
  508. background-color: #ccc
  509. }
  510. .janrain-capture-ui .capture_datePicker_today {
  511. background-color: #efefef
  512. }
  513. .janrain-capture-ui .capture_datePicker_selectedDate {
  514. background-color: #ccc
  515. }
  516. .janrain-capture-ui .capture_tabs li {
  517. -moz-box-sizing: border-box;
  518. -webkit-box-sizing: border-box;
  519. -ms-box-sizing: border-box;
  520. box-sizing: border-box;
  521. width: 48%;
  522. margin: 0 1%
  523. }
  524. .janrain-capture-ui .capture_tabs li a {
  525. font-size: 12px;
  526. background-color: #ddd;
  527. -moz-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  528. -webkit-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  529. -o-box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  530. box-shadow: 0 -10px 5px -8px rgba(0,0,0,0.1) inset;
  531. font-size: 14px;
  532. display: block
  533. }
  534. .janrain-capture-ui .capture_tabs li a:visited, .janrain-capture-ui .capture_tabs li a:link, .janrain-capture-ui .capture_tabs li a:hover {
  535. color: #999
  536. }
  537. .janrain-capture-ui .capture_tabs li.capture_toggled a {
  538. background-color: #f6f6f6;
  539. -moz-box-shadow: none;
  540. -webkit-box-shadow: none;
  541. -o-box-shadow: none;
  542. box-shadow: none
  543. }
  544. .janrain-capture-ui .capture_tabs li.capture_toggled a:visited, .janrain-capture-ui .capture_tabs li.capture_toggled a:link, .janrain-capture-ui .capture_tabs li.capture_toggled a:hover {
  545. color: #666
  546. }
  547. .janrain-capture-ui .capture_data_item {
  548. margin-bottom: 15px;
  549. *zoom: 1;
  550. clear: both
  551. }
  552. .janrain-capture-ui .capture_data_item:after {
  553. content: "";
  554. display: table;
  555. clear: both
  556. }
  557. .janrain-capture-ui .capture_data_item label {
  558. width: 39%;
  559. margin-right: 1%;
  560. text-align: right;
  561. float: left
  562. }
  563. .janrain-capture-ui .capture_data_item .capture_data {
  564. width: 60%;
  565. float: left
  566. }
  567. .janrain-capture-ui .capture_provider li {
  568. background-color: #f6f6f6;
  569. -moz-border-radius: 5px;
  570. -webkit-border-radius: 5px;
  571. -o-border-radius: 5px;
  572. -ms-border-radius: 5px;
  573. -khtml-border-radius: 5px;
  574. border-radius: 5px
  575. }
  576. .janrain-capture-ui .capture_provider li .capture_remove {
  577. position: absolute;
  578. right: 0;
  579. cursor: pointer
  580. }
  581. .capture_editCol {
  582. width: 290px
  583. }
  584. .janrain_close_confirm_container {
  585. font-size: 13px;
  586. line-height: 17px;
  587. font-family: helvetica, sans-serif;
  588. -moz-border-radius: 10px;
  589. -webkit-border-radius: 10px;
  590. -o-border-radius: 10px;
  591. -ms-border-radius: 10px;
  592. -khtml-border-radius: 10px;
  593. border-radius: 10px
  594. }
  595. .janrain_close_confirm_container .janrain_close_confirm {
  596. color: white
  597. }
  598. .janrain_close_confirm_container .janrain_close_confirm h3 {
  599. color: #fff;
  600. padding: 0 0 5px;
  601. margin: 0;
  602. font-size: 1.077em;
  603. font-weight: normal;
  604. text-shadow: none
  605. }
  606. .janrain_close_confirm_container .janrain_close_confirm .janrain_modal_confirm {
  607. -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  608. -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  609. -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  610. box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  611. background-color: #009ddc;
  612. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34c5ff), color-stop(100%, #0092cd));
  613. background: -webkit-linear-gradient(top, #34c5ff,#0092cd);
  614. background: -moz-linear-gradient(top, #34c5ff,#0092cd);
  615. background: -o-linear-gradient(top, #34c5ff,#0092cd);
  616. background: -ms-linear-gradient(top, #34c5ff,#0092cd);
  617. background: linear-gradient(top, #34c5ff,#0092cd);
  618. text-shadow: 0 1px 1px rgba(0,0,0,0.45);
  619. color: #fff
  620. }
  621. .janrain_close_confirm_container .janrain_close_confirm .janrain_modal_cancel {
  622. -moz-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  623. -webkit-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  624. -o-box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  625. box-shadow: 0 1px 0px 0px rgba(255,255,255,0.35) inset, 0 -26px 13px -13px rgba(0,0,0,0.2) inset;
  626. background-color: #f6f6f6;
  627. color: #333
  628. }
  629. #janrainModal .janrain-capture-ui.capture-ui-content {
  630. width: 400px;
  631. min-height: 350px;
  632. padding: 20px 20px 70px 20px;
  633. -moz-border-radius: 5px;
  634. -webkit-border-radius: 5px;
  635. -o-border-radius: 5px;
  636. -ms-border-radius: 5px;
  637. -khtml-border-radius: 5px;
  638. border-radius: 5px
  639. }
  640. #janrainModal .janrain-capture-ui.capture-ui-content#signIn, #janrainModal .janrain-capture-ui.capture-ui-content#returnSocial, #janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional {
  641. width: 392px;
  642. min-height: 220px;
  643. padding: 20px 0 0 0
  644. }
  645. #janrainModal .janrain-capture-ui.capture-ui-content#signIn h1, #janrainModal .janrain-capture-ui.capture-ui-content#returnSocial h1, #janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional h1 {
  646. margin: 0 0 0 20px
  647. }
  648. #janrainModal .janrain-capture-ui.capture-ui-content#capture_editProfile_photoManager_editphotoscreen {
  649. width: 740px
  650. }
  651. #janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts {
  652. width: 510px;
  653. padding: 0 0 55px 0
  654. }
  655. #janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header {
  656. color: inherit;
  657. text-align: left;
  658. background-color: #f6f6f6;
  659. padding-bottom: 0;
  660. border: none
  661. }
  662. #janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header .capture_icon_col {
  663. width: 25px;
  664. height: 25px;
  665. overflow: hidden
  666. }
  667. #janrainModal .janrain-capture-ui.capture-ui-content#mergeAccounts .capture_header img {
  668. height: auto;
  669. width: 25px
  670. }
  671. #janrainModal .janrain-capture-ui.capture-ui-content .capture_signin {
  672. width: 310px
  673. }
  674. #janrainModal .janrain-capture-ui.capture-ui-content#returnTraditional .capture_signin {
  675. width: 360px
  676. }
  677. #janrainModal .janrain-capture-ui.capture-ui-content#returnSocial {
  678. min-height: 275px
  679. }
  680. #janrainModal .capture-ui-content.capture_noFooter {
  681. padding-top: 20px;
  682. padding-bottom: 20px
  683. }
  684. #janrainModal .capture_header {
  685. -moz-box-sizing: border-box;
  686. -webkit-box-sizing: border-box;
  687. -ms-box-sizing: border-box;
  688. box-sizing: border-box;
  689. margin-bottom: 15px;
  690. padding-bottom: 10px;
  691. border-bottom: 1px solid #eee
  692. }
  693. #janrainModal .capture_header h1 {
  694. margin: 0;
  695. padding: 0
  696. }
  697. .janrain-capture-ui.capture-ui-content {
  698. width: 600px
  699. }
  700. .janrain-capture-ui .capture_backgroundColor {
  701. margin-top: 20px;
  702. -moz-border-radius: 0 0 5px 5px;
  703. -webkit-border-radius: 0 0 5px 5px;
  704. -o-border-radius: 0 0 5px 5px;
  705. -ms-border-radius: 0 0 5px 5px;
  706. -khtml-border-radius: 0 0 5px 5px;
  707. border-radius: 0 0 5px 5px;
  708. -moz-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  709. -webkit-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  710. -o-box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset;
  711. box-shadow: 0 9px 9px -9px rgba(0,0,0,0.1) inset
  712. }
  713. .janrain-capture-ui .capture_dashed {
  714. border: 1px #ccc dashed;
  715. margin: 0 20px
  716. }
  717. .janrain-capture-ui .capture_border, .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection {
  718. border: 1px solid #ccc
  719. }
  720. .janrain-capture-ui .capture_backButton span {
  721. line-height: inherit
  722. }
  723. .janrain-capture-ui a.capture_edit {
  724. position: absolute;
  725. right: 10px;
  726. top: 5px;
  727. margin: 0;
  728. padding: 9px 15px 9px
  729. }
  730. .janrain-capture-ui #recaptcha_container .recaptchatable {
  731. background-color: #fff;
  732. border: none !important;
  733. -moz-border-radius: 5px;
  734. -webkit-border-radius: 5px;
  735. -o-border-radius: 5px;
  736. -ms-border-radius: 5px;
  737. -khtml-border-radius: 5px;
  738. border-radius: 5px
  739. }
  740. .janrain-capture-ui #recaptcha_container .recaptchatable #recaptcha_response_field {
  741. border: 1px solid #ccc !important;
  742. color: #333 !important;
  743. width: 290px !important;
  744. margin-left: 0
  745. }
  746. .janrain-capture-ui #recaptcha_container .recaptchatable #recaptcha_response_field:focus {
  747. border: 1px solid #009ddc !important
  748. }
  749. .janrain-capture-ui .capture_signInOption, .janrain-capture-ui .capture_createAccountOption {
  750. margin-top: 10px
  751. }
  752. .janrain-capture-ui#returnTraditional .capture_backgroundColor, .janrain-capture-ui .capture_signInOption .capture_backgroundColor, .janrain-capture-ui .capture_createAccountOption .capture_backgroundColor {
  753. padding: 25px 10px
  754. }
  755. .janrain-capture-ui#mergeAccounts .capture_form_item label {
  756. height: auto;
  757. text-indent: inherit;
  758. *text-indent: 0;
  759. *text-transform: capitalize
  760. }
  761. .janrain-capture-ui .capture_displayName_col {
  762. margin: 10px 0 10px 10px;
  763. display: -moz-inline-box;
  764. -moz-box-orient: vertical;
  765. display: inline-block;
  766. vertical-align: middle;
  767. *vertical-align: auto;
  768. vertical-align: top
  769. }
  770. .janrain-capture-ui .capture_displayName_col {
  771. *display: inline
  772. }
  773. .janrain-capture-ui .capture_mergeCol {
  774. width: 43%;
  775. display: -moz-inline-box;
  776. -moz-box-orient: vertical;
  777. display: inline-block;
  778. vertical-align: middle;
  779. *vertical-align: auto;
  780. padding: 10px;
  781. margin: 10px;
  782. position: relative
  783. }
  784. .janrain-capture-ui .capture_mergeCol {
  785. *display: inline
  786. }
  787. .janrain-capture-ui .capture_mergeCol .capture_popup_container .capture_popup-arrow {
  788. left: 100px
  789. }
  790. .janrain-capture-ui .capture_mergeCol .capture_mergeProvider, .janrain-capture-ui .capture_header .capture_mergeProvider {
  791. position: absolute;
  792. right: 30px;
  793. top: 8px
  794. }
  795. .janrain-capture-ui .capture_dashed .capture_backgroundColor {
  796. margin-top: 0;
  797. -moz-border-radius: 5px;
  798. -webkit-border-radius: 5px;
  799. -o-border-radius: 5px;
  800. -ms-border-radius: 5px;
  801. -khtml-border-radius: 5px;
  802. border-radius: 5px
  803. }
  804. .janrain-capture-ui .capture_mergeExisting_col {
  805. padding: 0
  806. }
  807. .janrain-capture-ui .capture_mergeExisting_col .capture_mergeProvider {
  808. right: 10px
  809. }
  810. .janrain-capture-ui .capture_mergeExisting_col .capture_icon_col {
  811. margin-left: 0;
  812. margin-top: 4px
  813. }
  814. .janrain-capture-ui .capture_mergeExisting_col .capture_displayName_col {
  815. margin-top: 0
  816. }
  817. .janrain-capture-ui .capture_mergeProvider {
  818. margin-right: 5px
  819. }
  820. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection {
  821. -moz-border-radius: 5px;
  822. -webkit-border-radius: 5px;
  823. -o-border-radius: 5px;
  824. -ms-border-radius: 5px;
  825. -khtml-border-radius: 5px;
  826. border-radius: 5px;
  827. width: auto;
  828. -moz-box-sizing: content-box;
  829. -webkit-box-sizing: content-box;
  830. -ms-box-sizing: content-box;
  831. box-sizing: content-box;
  832. margin: 20px;
  833. background-color: #f6f6f6;
  834. padding: 0px
  835. }
  836. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio {
  837. padding: 0
  838. }
  839. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label {
  840. margin: 0;
  841. padding: 15px 15px 15px 25px;
  842. font-size: 14px
  843. }
  844. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_smallText {
  845. display: block
  846. }
  847. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio label .capture_recommended {
  848. position: absolute;
  849. right: 3px;
  850. top: 2px;
  851. text-transform: uppercase;
  852. font-weight: 100
  853. }
  854. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio .capture_input_radio {
  855. position: absolute;
  856. left: 6px;
  857. top: 17px
  858. }
  859. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled {
  860. background-color: #009ddc;
  861. -moz-border-radius: 5px 5px 0 0;
  862. -webkit-border-radius: 5px 5px 0 0;
  863. -o-border-radius: 5px 5px 0 0;
  864. -ms-border-radius: 5px 5px 0 0;
  865. -khtml-border-radius: 5px 5px 0 0;
  866. border-radius: 5px 5px 0 0
  867. }
  868. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:first-child {
  869. -moz-border-radius: 5px 5px 0 0;
  870. -webkit-border-radius: 5px 5px 0 0;
  871. -o-border-radius: 5px 5px 0 0;
  872. -ms-border-radius: 5px 5px 0 0;
  873. -khtml-border-radius: 5px 5px 0 0;
  874. border-radius: 5px 5px 0 0
  875. }
  876. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled.capture_form_item_mergeAccounts_mergeRadio:nth-of-type(2) {
  877. -moz-border-radius: 0 0 5px 5px;
  878. -webkit-border-radius: 0 0 5px 5px;
  879. -o-border-radius: 0 0 5px 5px;
  880. -ms-border-radius: 0 0 5px 5px;
  881. -khtml-border-radius: 0 0 5px 5px;
  882. border-radius: 0 0 5px 5px
  883. }
  884. .janrain-capture-ui .capture_form_collection_merge_radioButtonCollection .capture_form_item_mergeAccounts_mergeRadio.capture_toggled label {
  885. color: #fff
  886. }
  887. .janrain-capture-ui#returnTraditional .capture_form_item, .janrain-capture-ui .capture_signInOption .capture_form_item, .janrain-capture-ui .capture_createAccountOption .capture_form_item {
  888. margin-bottom: 0;
  889. min-height: 51px
  890. }
  891. .janrain-capture-ui#editProfile {
  892. width: auto;
  893. background-color: transparent;
  894. *zoom: 1;
  895. padding: 10px
  896. }
  897. .janrain-capture-ui#editProfile:after {
  898. content: "";
  899. display: table;
  900. clear: both
  901. }
  902. .janrain-capture-ui#editProfile .capture_tabs li a {
  903. background-color: #f6f6f6
  904. }
  905. .janrain-capture-ui#editProfile .capture_tabs li.capture_toggled a {
  906. background-color: white
  907. }
  908. .janrain-capture-ui .capture_profile_pic_display {
  909. width: 200px;
  910. height: 200px;
  911. text-align: center
  912. }
  913. .janrain-capture-ui .capture_profile_pic_display img {
  914. max-width: 100%
  915. }
  916. .janrain-capture-ui .capture_uploadPhoto_container {
  917. width: 250px;
  918. display: -moz-inline-box;
  919. -moz-box-orient: vertical;
  920. display: inline-block;
  921. vertical-align: middle;
  922. *vertical-align: auto
  923. }
  924. .janrain-capture-ui .capture_uploadPhoto_container {
  925. *display: inline
  926. }
  927. .janrain-capture-ui .capture_photoManager .options {
  928. display: block;
  929. text-align: center;
  930. margin-top: 10px
  931. }
  932. .janrain-capture-ui .capture_photoManager .options li {
  933. display: -moz-inline-box;
  934. -moz-box-orient: vertical;
  935. display: inline-block;
  936. vertical-align: middle;
  937. *vertical-align: auto;
  938. padding: 0 5px;
  939. border: 1px #ccc solid;
  940. border-width: 0 1px
  941. }
  942. .janrain-capture-ui .capture_photoManager .options li {
  943. *display: inline
  944. }
  945. .janrain-capture-ui .capture_photoManager .options li:first-child, .janrain-capture-ui .capture_photoManager .options li:last-child {
  946. border: none
  947. }
  948. .janrain-capture-ui #capture_accountInfo {
  949. float: left;
  950. width: 660px
  951. }
  952. .janrain-capture-ui#publicProfile {
  953. width: 600px
  954. }
  955. .janrain-capture-ui#publicProfile .capture_profile_pic {
  956. margin-right: 15px;
  957. height: 150px;
  958. width: 150px
  959. }
  960. .janrain-capture-ui#publicProfile #profile_pic {
  961. height: 150px;
  962. overflow: hidden
  963. }
  964. .janrain-capture-ui#publicProfile #profile_pic img {
  965. width: 150px
  966. }
  967. .janrain-capture-ui#publicProfile .capture_provider {
  968. margin-top: 25px
  969. }
  970. .janrain-capture-ui#publicProfile .capture-public-displayName {
  971. display: -moz-inline-box;
  972. -moz-box-orient: vertical;
  973. display: inline-block;
  974. vertical-align: middle;
  975. *vertical-align: auto
  976. }
  977. .janrain-capture-ui#publicProfile .capture-public-displayName {
  978. *display: inline
  979. }
  980. .janrain-capture-ui#publicProfile .capture-public-displayName h1 {
  981. font-size: 23px;
  982. color: #666;
  983. padding-top: 0
  984. }
  985. .janrain-capture-ui#publicProfile .capture_personal_info h2 {
  986. float: right;
  987. font-size: 18px;
  988. padding: 0
  989. }
  990. .janrain-capture-ui#publicProfile .capture_profile_section {
  991. margin: 0 auto 20px;
  992. padding: 20px 40px;
  993. position: relative
  994. }
  995. .janrain-capture-ui .capture_profile_section {
  996. margin: 0 auto 20px;
  997. padding: 20px;
  998. position: relative
  999. }
  1000. .janrain-capture-ui .capture_popup_container {
  1001. background-color: #f6f6f6;
  1002. border: 1px solid #ccc
  1003. }
  1004. .janrain-capture-ui .capture_popup_container .capture_popup-arrow:after {
  1005. background: #f6f6f6;
  1006. border: 1px solid #ccc
  1007. }