/*  ------------------------------------------------------------------------
                                Facebook | Share
    ------------------------------------------------------------------------  */

#content {
  padding: 0px }

.share #content {
  background: #f7f7f7; }

.summary_bar {
  background: white; }

.pagerpro a {
  text-transform: none; }

.column {
  float: left; }

#error {
  margin: 0px; }

.footer_bar {
  background: white;
  clear: both; }

.quail, .quail a {
  color: white; }


/*  ----------------------------|  SHARE HOME  |----------------------------  */

.share_home #content {
  background: white;
  padding: 60px 40px 20px 40px; }

.url_bar {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 10px 15px; }

.url_bar label {
  color: #666;
  font-weight: bold; }

.url_bar .inputtext {
  margin-right: 10px;
  width: 350px; }

.url_bar select {
  margin-right: 10px;
  width: 65px;
}
.share_home .column {}

.share_home .column p {
  margin-top: 0px; }

/*  INSTRUCTIONS  */

#share_instructions {
  margin-top: 20px;
  padding-top: 10px; }

#share_instructions .left_column {
  width: 310px; }

#share_instructions #bookmarklet {
  display: block;
  float: left;
  padding-right: 15px;
  width: 75px; }

#share_instructions #bookmarklet a {
  background: #999;
  color: white;
  display: block;
  font-weight: bold;
  padding: 2px 0px;
  text-align: center; }

#share_instructions #bookmarklet a:hover {
  text-decoration: none; }


#share_instructions .left_column .instructions {
  float: left;
  width: 200px; }

#share_instructions .right_column {
  width: 220px; }

#share_instructions #screencap {
  background: #fafafa;
  border: 1px solid #bbb;
  color: gray;
  padding: 20px 10px;
  text-align: center; }


/*  RECENTLY SHARED  */

#recently_shared {}

#recently_shared h2 {
  border-bottom: 1px solid #d8dfea;
  color: #3b5998;
  padding-bottom: 4px; }

#recently_shared dl {
  margin: 0px;
  padding: 0px 20px 0px 0px; }

#recently_shared dt {
  padding-top: 8px; }

#recently_shared dd {
  color: #333;
  font-size: 9px;
  margin: 0px;
  padding: 0px; }

#recently_shared .nothing_shared {
  color: gray;
  padding: 5px 0px;}

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

.main_column {
  background: #efefef;
  border-right: 1px solid #ccc;
  padding: 6px 15px 10px 15px;
  width: 395px; }

/*  FIELDS  */

.form_field {
  clear: both;
  padding: 0px; }

.field_label {
  color: #666;
  display: block;
  font-weight: bold;
  padding: 5px 0px 3px 1px; }

.form_field small {
  color: gray;
  font-size: 9px;
  font-weight: bold;}

.form_field .inputtext {
  margin: 0px;
  width: 100%; }

.form_field textarea {
  margin: 0px;
  height: 5.0em;
  width: 100%; }

/*  PREVIEW  */

#loading_preview {
  background: white;
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
  padding: 50px 20px;
  text-align: center; }

#preview {
  background: white;
  border: 1px solid #bdc7d8;
  width: 385px;
  padding: 0px; }
/*
#image_selector .thumb {
  float: left;
  margin: 0px 5px 5px 0px; }

#image_selector .img_thumb {}
  
#image_selector a {
  background: white;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin: 0px; }

#image_selector a:hover {
  border-color: #3b5998;
  text-decoration: none; }

#image_selector img {
  display: block;
  width: 120px; }

#image_selector .img_options {
  background: white;
  border: 1px solid #ccc; border-top: 0px;
  clear: both;
  width: 120px; }

#image_selector .img_options label {
  color: black;
  font-size: 9px;
  font-weight: normal;
  padding: 2px; }

#preview_options {}
*/



/*  BUTTONS  */

#buttons {
  padding: 10px 0px; }

#buttons .inputsubmit,
#buttons .inputbutton {
  margin: 0px 5px 0px 2px;
  width: 100px;}

#buttons .inputcheckbox {
  margin: 0px; }

#buttons label {
  color: black;
  font-weight: normal;
  padding: 0px 4px; }

#buttons span {
  float: right; float: none; }



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

#share_title .inputtext {
  font-size: 13px; font-size: 11px; }

#share_comments {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px; }

#share_preview {}

/*  ----------------------------|  SHARE TYPES  |----------------------------  */


.share_favicon {
  float: left;
  padding: 6px 7px 0px 0px;
  width: 16px; }

.share_favicon img {
  display: block;
  width: 16px; }

.share_content {
  border-top: 1px solid #d8dfea;
  float: left;
  width: 350px; }


.share_title {
  float: left;
  padding: 4px 0px 0px 0px;
  width: 275px; }

.share_title a {
  font-weight: bold; }

.share_action_links {
  color: #666;
  float: right;
  font-size: 9px;
  padding: 6px 0px 0px 0px;
  text-align: right;
  width: 70px; }


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

.side_column {
  background: #f7f7f7;
  width: 200px; }

.side_column .set_label {
  color: #333;
  display: block;
  padding: 0px 0px 2px 0px; }


#friend_selector {
  border-bottom: 1px solid #ddd;
  padding: 10px; }

#friend_select {
  width: 180px; }


/*  FILTER FORM  */

#filter_form {
  padding: 10px 10px 5px 0px;
  padding: 0px 0px 5px 0px; }

#filter_form input {
  width: 100%; }


/*  FRIENDS LIST  */

#friends_list {
	background: white;
  border: 1px solid #d8dfea;
	height: 140px;
	line-height: 20px;
	margin-bottom: 8px;
	overflow: auto;
  padding: 3px;
	width: auto; }

#friends_list #loading {
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  color: gray; }

#friends_list input {
  margin: 0px 5px; }

#friends_list label {
  color: black;
  display: inline;
  font-weight: normal;
  margin: 0px; }


/*  TYPE FILTER  */

#filter_by_type select {
  margin: 0px 2px;
  width: 140px; }


/*  SHARE WITH  */

#share_with {
  border-top: 1px solid white;
  padding: 10px; }

#share_with .set_label {
  float: left;
  padding-right: 5px; }

#share_with .no_one {
  color: gray; }

#share_with ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

/*  --------------------------|  MY SHARES PAGE |---------------------------  */

.received_column {
  float: left;
  padding: 6px 5px 10px 5px;
  width: 302px;  }

.owned_column {
  float: right;
  padding: 6px 5px 10px 5px;
  width: 302px; }

/*  -------------------|  INTERNAL SHARE HELP PAGE |---------------------  */

.share_help #content {
  padding: 40px;
}

.share_help #booklet #content {
  padding: 40px 40px 0px 40px;
}

.share_help p.lede {
  font-size: 13px;
}

.share_help h2 {
  border-bottom: 1px solid #d8dfea;
  font-size: 14px;
  padding-bottom: 3px;
  color: #3b5998;
}

.share_help p {
  line-height: 14px;
}

.share_help .share_and_hide {
  padding: 2px;
}

.share_help .share_and_hide, .share_help .share_and_hide .share, .share_help #content .share_and_hide a.share:hover {
  display: inline;
  float: none;
  text-decoration: none;
}

/*  That's thirty minutes away. I'll be there in ten.  ----------------------  */