/*  ------------------------------------------------------------------------
                             Facebook | The Sharer
    ------------------------------------------------------------------------  */

.sharer #content {
  padding: 0px;
}


/*  POPUP ONLY STYLES  */

.sharer_popup {
  background: #efefef;
}

.sharer_popup #pageheader {
  border-bottom: 1px solid #324c81;
}

.sharer_popup #pageheader h2 {
  display: none;
}


/*  STAGE  */

#sharer_stage {
  background: #f7f7f7;
  clear: both;
}

#sharer_stage.single_column {}
#sharer_stage.double_column {}

#share_generating {
  color: #333;
  font-size: 13px;
  font-weight: normal;
  padding: 140px 0px;
  text-align: center;
}

#sharer_rollout {
  border-bottom: 1px solid #bbb;
  padding: 12px;
}


/*  ---------------------------|  MAIN COLUMN  |----------------------------  */


/*  ADD COMMENT  */

#sharer_form #add_comment {
  padding: 0px;
  text-align: left;
}

#sharer_form #add_comment label {
  color: #3b5998;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 0px 4px 0px;
}

#sharer_form .share_textarea_hack { /* firefox 1.5 - 2.0 (maybe higher) won't show the cursor without this hack */
  overflow: auto;
  width: 230px;
}

#sharer_form #add_comment textarea {
  height: 60px;
  width: 212px;
}


/*  PREVIEWER  */

#sharer_previewer {
  background: white;
  text-align: center;
}

#preview {
  text-align: left;
  margin: 0px auto;
  padding: 18px 0px 30px 0px;
  width: 330px;
}

.internal_sharer #preview {
  width: 390px;
}

#preview_header {
  margin-bottom: 10px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #d8dfea;
  border-top: 1px solid #3b5998;
  padding: 5px 5px 5px 26px;
}

  #preview_header_dialog {
    float: left;
    width: 200px;
  }

  .internal_sharer #preview_header_dialog {
    width: 350px;
  }
  
  #preview_edit_link {
    float: right;
  }

#preview_title {
  color: #3b5998;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 5px 5px 5px;
}

#preview_body {
  padding: 0px 5px;
}

  #preview_thumb {
    float: right;
    width: 100px;
  }

  #preview_thumb img {
    display: block;
    width: 100px;
  }

#preview_url {
  font-size: 9px;
  padding: 2px 0px 0px 0px;
}

/*  EDITOR  */

#sharer_editor {
  background: #f7f7f7;
  text-align: center;
}

#sharer_stage #editor {
  text-align: left;
  margin: 0px auto;
  padding: 18px 0px 30px 0px;
  width: 330px;
}

#sharer_stage #editor_header {
  background: white;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0px 0px 10px 0px;
  padding: 5px;
}

#sharer_stage #editor_header_dialog {
  color: #333;
  float: left;
  font-weight: bold;
}

#sharer_stage #editor_done_link {
  float: right;
}

/*  EDITOR FIELDS  */

#sharer_stage #editor .form_field {
  clear: both;
  padding: 3px 0px;
}

#sharer_stage #editor label {
  color: black;
  display: inline;
  font-weight: normal;
}

#sharer_stage #editor .form_label {
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  padding: 2px 10px 2px 0px;
  text-align: right;
  width: 60px;  
}

#sharer_stage #editor .form_field .inputtext {
  float: left;
  margin: 0px;
}

#sharer_stage #editor .form_field .inputcheckbox {
  float: left;
  margin: 0px 4px 0px 0px;
}

#sharer_stage #editor .form_field select {
  float: left;
  margin: 0px;
}


#sharer_stage #editor input#title, #sharer_stage #editor input.share_editor_generic_field {
  width: 240px;
}

#sharer_stage #editor select#ext_type {
  width: 100px;
}

#sharer_stage .share_generic_preview {
  padding: 0px 0px 2px 0px;
}

#sharer_stage .share_generic_preview label {
  color: gray;
  display: block;
  float: left;
  font-weight: normal;
  width: 50px;
}

#sharer_stage .share_generic_preview span {
  display: block;
  float: left;
}

/*  EDITOR THUMBS  */

#sharer_editor_images {
  margin-top: 8px;
  padding-left: 70px;
}

#sharer_stage .editor_thumb {
  cursor: pointer;
  float: left;
  margin-right: 9px;
}

#sharer_stage .editor_thumb a {
  background: white;
  border: 1px solid #ccc;
  display: block;
  padding: 1px;
}

#sharer_stage .editor_thumb a:hover {
  border-color: #3b5998;
}

#sharer_stage .editor_thumb img {
  display: block;
  width: 50px;
}

#sharer_stage .editor_thumb input {
  position: absolute;
}

/*  ---------------------------|  SIDE COLUMN  |----------------------------  */

#sharer_form #sharer_stage #side_column {
  background: #f7f7f7;
  width: 185px;
}

#sharer_form #side_column .sidecolumn_module {
  padding: 10px 8px 12px 8px;
}

#sharer_form #side_column .sidecolumn_module label {
  color: #333;
  display: block;
  padding-bottom: 4px;
}

#sharer_form #side_column .sidecolumn_module label small {
  color: gray;
  font-size: 9px;
  font-weight: normal;
}

#sharer_form #side_column .sidecolumn_module .inputtext {
  margin: 0px;
  width: 160px;
}

#sharer_form #side_column .divider {
  border-bottom: 1px solid white;
  border-top: 1px solid #ddd;
}

#sharer_form #side_column .divider hr {
  display: none;
}

/*  POST CHECKBOX  */

#post_checkbox {
  background: #efefef url(/images/icons/post.gif) no-repeat 5px 9px;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px 10px 28px;
}

#post_checkbox label {
  color: black;
  font-weight: normal;
}

#post_checkbox .inputcheckbox {
  margin: 0px 4px 0px 0px;
}




/*  FRIEND SELECTOR  */

#sharer_form #side_column #share_recipients {
  padding-top: 0px;
}

#sharer_form #side_column span#no_recipients {
  color: gray;
  font-weight: normal;
}

#sharer_form #side_column #send_this_to {
  padding: 12px 8px;
}



/*  -----------------------------|  BUTTONS  |------------------------------  */

#sharer_buttons {
  background: #efefef;
  border-top: 1px solid #bbb;
  clear: both;
  margin: 0px;
  padding: 12px 0px;
  text-align: center;
}

#sharer_buttons .inputbutton {
  margin: 0px 4px;
  width: 75px;
}

#sharer_buttons .inputcheckbox {
  margin: 0px 4px;
}

#sharer_buttons label {
  color: black;
  font-size: 11px;
  font-weight: normal;
}

/*  --------------------------| EXTERNAL SHARER | --------------------------- */

.ext_sharer #main_column {
  border-right: 1px solid #ccc;
  width: 440px;
}

.ext_sharer #side_column {
  background: #f7f7f7;
  float: right;
  width: 185px;
}

.ext_sharer .status {
  margin: 0;
}

.ext_sharer #sharer_dialog_error {
  border: 0px;
  padding: 0px;
}

.ext_sharer #error_box {
  border: solid 1px #dd3c10;
  background: #ffebe8;
  font-size: 13px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  padding: 10px;
}

.sharer_popup #sharer_previewer,
.sharer_popup #sharer_editor {
  height: 360px;
  overflow: auto;
}

.sharer_popup .with_dialog #sharer_previewer,
.sharer_popup .with_dialog #sharer_editor {
  height: 320px;
}

.sharer_popup #preview,
.sharer_popup #sharer_stage #editor {
  padding: 18px 0px 0px 0px;
}


.sharer #sharer_form #add_comment {
  padding-top: 10px;
}

.sharer #sharer_form #add_comment label {
  font-size: 9px;
  padding: 0px 0px 2px 0px;
}

.sharer #sharer_form #add_comment textarea {
  height: 50px;
  width: 200px;
}

.internal_sharer #add_comment {
  clear: both;
}

/*  --------------------------| INTERNAL SHARER | --------------------------- */

.share_pop_dialog #generic_dialog_popup {
  width: 475px;
}

.share_pop_dialog td.pop_content {
  width: 450px;
}

#int_sharer {
  border: 1px solid #666;
  border-top: none;
}

#int_sharer #sharer_dialog_error {
  background: #efefef;
  padding: 10px 10px 0px 10px;
}

#int_sharer #error_box {
  border: solid 1px #dd3c10;
  background: #ffebe8;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
}

#int_sharer #sharer_stage {
  background: white url(/images/share/share_dialog_background.gif) repeat-y top center;
}

#int_sharer #sharer_editor {
  background: transparent;
}

#int_sharer #sharer_prompt {
  padding: 10px 5px;
}

#int_sharer #main_column {
  background: transparent;
  border-right: 1px solid #ccc;
  padding: 20px 0px 40px 0px;
  width: 262px;
}

#int_sharer #add_comment {
  margin: 0px auto;
  width: 220px;
}


/*  SIDE COLUMN  */

#int_sharer .double_column #side_column {
  background: transparent;
}

#int_sharer #side_column #send_this_to {
  padding: 12px 8px 8px 8px;
}

#int_sharer #side_column #send_this_to .inputtext {
  width: 155px;
}

#int_sharer .share_on_success {
  padding: 10px;
}

#int_sharer .status {
  margin: 0;
}

#int_sharer .status h2 {
  background: transparent;
  border: none;
  color: black;
  font-size: 11px;
}

#int_sharer .status h2 span {
  border-top: 0px;
  display: inline;
  padding: 0px;
}

.share_normal .share_on_success {
  display: none;
}

.share_success .share_on_normal {
  display: none;
}

/* SHARE DIALOG ERROR */
#sharer_dialog_fatal_error {
  padding: 10px;
  border: solid 1px #dd3c10;
  background: #ffebe8;
}

#sharer_dialog_fatal_error .error_title {
  border: none;
  color: black;
  font-size: 13px;
  font-weight: bold;
}

#sharer_dialog_fatal_error .error_body {
  padding: 5px 0px;
  border: none;
  color: black;
  font-size: 11px;
}

#share_dialog_close_button {
  width: 60px;
  padding: 6px 0px;
  margin-left: auto;
  margin-right: auto;
}


/*  BOOKLET HACKS  */

.safari {
  overflow: hidden;
}

.safari #sharer_buttons {
  padding: 10px 0px 0px 0px;
}

/*  Whatever you do: Don't share the sharer.  ------------------------------  */