/*	-----------------------------------------------

	POP Solutions: Facebook Login Styles

	----------------------------------------------- */

/**
*	utility classes & styles
**/

.fblogin-offscreen {
  position: fixed;
  left: -9999px;
}
div.fblogin-clear {
  clear: both;
  height: 1px;
  margin: 0 0 -1px 0;
  overflow: hidden;
}
/*** /utility classes & styles ***/

/**
*	misc styles
**/

a.fblogin-btn-facebook,
a.fblogin-btn-facebook:link,
a.fblogin-btn-facebook:visited,
a.fblogin-btn-facebook:focus,
a.fblogin-btn-facebook:hover,
a.fblogin-btn-facebook:visited:hover,
a.fblogin-btn-facebook:active {
  height: 18px;
  cursor: pointer;
  color: white;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
  background: #627aac url('../img/icon-facebook.png') no-repeat left center;
  border: 1px solid #324c84;
  margin: 0;
  padding: 0 8px 0 26px;
}
a.fblogin-btn-facebook {
  display: none;
}
body.fblogin-enabled a.fblogin-btn-facebook {
  display: inline-block;
}
a.fblogin-btn-closeX {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 30px;
  white-space: nowrap;
  overflow: hidden;
  background: transparent url('../img/btn-closeX.png') no-repeat 0 0;
}
a.fblogin-btn-closeX:focus,
a.fblogin-btn-closeX:hover,
a.fblogin-btn-closeX:active {
  background-position: 0 -30px;
}
div.fblogin-errormessage {
  border: 1px solid #e1ddb0;
  margin: 0 0 18px 0;
  padding: 8px 12px;
}
.fblogin-errormessage p,
.fblogin-errormessage ul {
  color: #ed1c24;
  font-weight: bold;
  margin: 0;
}
.fblogin-errormessages ul {
  list-style: none;
}
.fblogin-errormessages li {
  margin: 0;
}
div.fblogin-spinner {
  width: 100%;
  height: 100%;
  background: transparent url('../img/spinner.gif') no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
}
span.fblogin-welcome-message {
  display: inline-block;
  line-height: 18px;
}
img.fblogin-user-badge {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid black;
  margin: -1px 8px -1px 0;
  vertical-align: middle;
}
/*** /misc styles ***/

/**
*	page prompts
**/

div.fblogin-prompt-target {
  display: none;
}
body.fblogin-enabled div.fblogin-prompt-target {
  display: block;
  min-height: 60px;
  margin: 0 0 36px 0;
}
div.fblogin-prompt-target h3 {
  margin: 0 0 12px 0 !important;
}
div.fblogin-prompt-target img#fblogin-user-badge {
  float: left;
  width: 50px;
  height: 50px;
  border: 1px solid black;
  margin: 0 10px 0 0;
}
div.fblogin-prompt-target img#fblogin-user-badge + h3 {
  margin: 0 0 6px 0 !important;
}
/*** /page prompts ***/

/**
*	modal styles
**/

#fblogin-modal-overlay {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.8;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
}
#fblogin-modal-spinner {
  width: 100%;
  height: 100%;
  background: transparent url('../img/spinner.gif') no-repeat center center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 102;
}
.fblogin-modal-window {
  width: 729px;
  background: white;
  position: fixed;
  z-index: 103;
}
.fblogin-modal-window a.fblogin-btn-closeX {
  position: absolute;
  right: 4px;
  top: 4px;
}
.fblogin-modal-window .fblogin-modal-window-content {
  width: 729px;
  min-height: 220px;
}
iframe#fblogin-modal-iframe {
  width: 729px;
  min-height: 220px;
  background: transparent;
  border: 0;
}
/*** /modal styles ***/