@import url("/stylesheets/shared/show.css");
@import url("/stylesheets/miplet/favorite.css");
@import url("/stylesheets/miplet/scrapbook.css");
@import url("/stylesheets/miplet/about_me.css");
@import url("/stylesheets/miplet/shout_outs.css");
@import url("/stylesheets/miplet/promotion.css");
.flash_message {
  margin-bottom: 5px;
  width: 908px;
  text-align: center;
}

/* ======================== PROFILES ====================== */

h1.name, .pipe, .status, .edit_status, .specialty, #sidebar, .label, .value, #main, #scrapbook, #left, #right, .miplet { float: left }
.pipe {
  padding: 0 5px;
  font-size: 138.5%;
  color: #d7d7d7;
}
#status {
  float: left;
  width: 930px;
  position: relative;
  margin-bottom: 5px;
}
#current, #change {
  float: left;
  position: relative;
  width: 918px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  padding: 5px;  
  z-index: 3;
}
#change h3 { float: left }
.char-max {
  font-size: 85%;
  line-height: 173%;
  margin-left: 10px;
}
.status_pointer {
  display: block;
  width: 29px;
  height: 16px;
  background: transparent url(/images/status_talk_balloon_bottom.png) no-repeat 0 0; 
  position: absolute;
  left: 12px;
  bottom: -16px;
  z-index: 5;
}
.status-message, .shout_out-sport { float: left }
.shout_out-sport { white-space: nowrap }
#current .shout_out-sport { 
  clear: none;
  margin-left: 8px;
}
.status-message { padding: 2px 0 }
.status-actions {
  padding-top: 4px;
  font-weight: bold;
  float: left;
  white-space: nowrap;
  width: 70px;
}
.status-action { 
  float: left;
  margin-left: 8px;
  font-size: 85%;
}
.edit_status {
  background-color: #fff;
  float: left;
  border: 1px solid #069;
  width: 772px;
  height: 28px;
  margin-right: 2px;
  position: relative;
}
.input-edit_status {
  float: left;
  border: 1px solid #fff;
  padding: 5px;
  width: 600px;
}
.save_status { margin-right: 2px }
#status_trigger {
  padding: 5px 17px 5px 8px;
  font-weight: bold;
  color: #069;
  border: 1px solid #fff;
  background: transparent url(/images/status_dropdown_background.png) no-repeat right top;  
  float: right;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
#status_trigger:hover { text-decoration: none }
#status_type {
  border-color: #fff;
  background: transparent url(/images/status_dropdown_background.png) repeat-x 0 0 ;
}
#status_list {
  z-index: 5;
  position: absolute;
}
.sports_list {
  width: 168px;
  background-color: #fff;
  padding: 1px;
  border: 1px solid #069;
  position: absolute;
}
#status_list .sports_list a {
  color: #069;
  font-weight: bold;
}
.status_update {
  border: 0 solid #ccc;
  border-bottom-width: 1px;
}
.sports_list li { padding: 3px 8px }
a.sport_option, #more_sports option {
  color: #069;
  font-weight: bold;
}
#more_sports_trigger:hover, .sport_option:hover { text-decoration: none }
#li-more_sports { 
  background: transparent url(/images/blue_right_arrow.png) no-repeat 158px center;
  position: relative;
}
#more_sports {
  position: absolute;
  left: 166px;
  top: -20px;
}
#more_sports option { padding: 3px 8px }
#change input.new { color: #ccc }
#change .buttons { 
  float: left;
  white-space: nowrap;
}
#change .buttons a { 
  margin-left: 0;
  float: left;
}
.specialty {
  margin-left: 15px;
  font-weight: bold;
  color: #999;
  font-size: 108%;
  line-height: 198%;
}
#card .photo {
  border: 1px solid #999;
  border-bottom-width: 0;
}
.expert_sidebar #card .photo, .pro_sidebar #card .photo { border-color: #333 }
.expert_sidebar .photo img, .pro_sidebar .photo img { 
  border: 0 solid #fff;
  border-bottom-width: 1px;
}
#sidebar #card .photo .label {
  position: relative;
  display: block;
  height: 24px;
  width: 158px;
  float: none;
}
#card .photo .expert_label { background: #333 url(/images/expert_text.png) no-repeat 39px center }
#card .photo .pro_label { background: #333 url(/images/pro_text.png) no-repeat 39px center }
#card .photo img.badge {
  position: absolute;
  bottom: 6px;
  left: 8px;
  z-index: 3;
  border: 0;
  width: 25px;
}
#card .info {
  background: #f3f3f3 url(/images/profile_gradient.png) repeat-x top left;
  border: 1px solid #999;
  line-height: 16px;
}
.expert_sidebar #card .info, .pro_sidebar #card .info {
  width: 158px;
  background-color: #bebebe;
  background-image: url(/images/expert_profile_gradient.png);
  border-color: #a3a3a3;
  padding-bottom: 5px;
  float: left;
  margin-bottom: 5px;
}
.expert_sidebar #card .info .name, .pro_sidebar #card .info .name { background-color: transparent }
.expert_sidebar #card .buttons, .pro_sidebar #card .buttons { border: 0 }
#card .info li { background-image: url(/images/black_bullet.png) }
#card .info span, #card .info a {
  clear: left;
  display: block;
}
#card .info .name { background-color: #ccc }
#card .info a.edit { color: #000 }
.standing {
  padding: 5px 5px 5px 35px;
  display: block;
  background: transparent url() no-repeat left center;
}
.standing .level { font-size: 108% }
.standing .score { 
  color: #666;
  font-weight: bold;
  font-size: 93%;
}
.social {
  width: 150px;
  border: 0 solid #d7d7d7;
  border-top-width: 1px;
}
.level .value, .score .value { font-weight: bold }
.level .label, .score .label {
  clear: left;
  padding-right: 3px;
  color: #000;
  font-weight: normal;
}
.progress {
  position: relative;
  display: block;
  margin: 7px 0;
  height: 22px;
  width: 150px;
  background-image: url(/images/progress_fluid.png);
  background-position: -120px 2px;
}
.indicator {
  display: block;
  width: 150px;
  height: 22px;
  z-index: 5;
  background: transparent url(/images/progress_indicator.png) no-repeat top left;
}
#level_up { 
  color: #999;
  z-index: 4;
  background-color: #fff;
  border: 1px solid #999;
  padding: 4px;
  position: absolute;
  font-size: 93%;
  white-space: nowrap;
}
#level_up span { font-weight: bold }
.awards {
  margin: 5px 0;
  clear: left;
  width: 150px;
}
.awards .icon {
  float: left;
  margin: 0 5px 5px 0;
}
.personal div {
  float: left;
  clear: left;
}
#scrapbook {
  width: 765px;
  margin-left: 5px;
}

/* DRY: can be shared */
/* ======================== IN PLACE EDITOR ====================== */
input.editor_field { 
  width: 274px;
  margin-right: 0;
}
a.editor_ok_link, a.editor_cancel_link {
  float: left;
  margin-left: 5px;
  display: block;
  padding: 4px 12px;
  text-align: center;
  white-space: nowrap;
  width: auto;  
  color: #fff;
  background: transparent url(/images/blue_button.png) no-repeat;
  border: 1px solid #1A5876;
  font-size: 85%;
  font-weight: bold;
  height: 15px;
  line-height: 131%;
  margin-bottom: 1px;
}
a.editor_cancel_link {
  border-color: #9BB4C0;
  color: #006699;
  background-image:  url(/images/white_button.png);
}

/* ======================== Expert Store  ====================== */

.store {
  float: left;
  margin-top: 5px;
}