/* share btn */
#top_wrapper #sharedbar {position: absolute; top: 0; right: 50%; z-index: 10; margin-right: -396px; border-width: 0px; font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
}

/* sharedbar */
#sharedbar_icons {
  background: #F0F0F0;
  margin-top: 29px;
  border: 1px solid #666;
  border-top: #0970B1;   
  text-align: left;
  text-align: center;
  padding: 0 10px 10px;
  width: 195px; float: left; overflow: hidden;
  position: relative;
  z-index: 10;
  left: 100px;
}
#sharedbar_icons .block { background: #0970B1; color: #fff; padding: 0; display: block; font-size: 1em; font-weight: bold; padding: 5px 10px; text-align: left; margin: 0 -10px 10px; line-height: 18px;}
#sharedbar_icons a { padding-left: 6px; padding-right: 10px; }
#sharedbar_icons a:last-child { padding-right: 0px; }
#sharedbar a:first-child {width: auto; color: #fff; text-transform: uppercase; text-decoration: none; font-size: .85em; font-weight: bold; display: block; text-align: right; position: absolute; top: 0; right: 0; overflow: hidden;}
#sharedbar a:first-child:hover {text-decoration: underline;}
#sharedbar a:first-child span {
  padding: 2px 26px 0 27px;
  display: block;
  line-height: 28px;
  margin-right: -15px;
  background: #0970B1 url('/../resources/imgs/sharedbar/ico_share.png') 7px 7px no-repeat; 
}

/* share icons */
a.sharedIcons { float: left; padding-left: 10px; }
a.sharedIcons img { width: 32px; height: 32px; border: none; float: left; }
.share_facebook { background: url('/../resources/imgs/sharedbar/ico_32x32_share.png') left 0px no-repeat; }
.share_twitter { background: url('/../resources/imgs/sharedbar/ico_32x32_share.png') left -32px no-repeat; }
.share_google { background: url('/../resources/imgs/sharedbar/ico_32x32_share.png') left -64px no-repeat; }
.share_e-mail { background: url('/../resources/imgs/sharedbar/ico_32x32_share.png') left -96px no-repeat; }

#shareEmail {
  background: #fff;
  width: 543px;
  height: auto;
  text-align:center;
  z-index: 15;
  left: 50%;
  top: 50%;
  margin-left: -261.5px;
  margin-top: -161px;
  position: fixed;
  border-width: 0px;
  display: none;
  border: 1px solid #333;
}

#shareEmail span.block {
  background: #999;
  color: white;
  text-transform: uppercase;
  padding: 6px;
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  margin: 0 -10px 10px;   
  margin: 0px;
  font-size: 110%;
  font-family: verdana;
  font-weight: normal;
  line-height: 18px;
}
  
#shareEmail form label {
  width: 250px;
  margin: 12px 20px 0 0;
  text-align: left;
  float: left;
  color: #666;
  font-size: 100%;
  font-weight: bold;
}
  
#shareEmail form label.wide {float: left;width: 520px; margin-top: 2px;}
#shareEmail form label#pageInfo {color: #555;}
#shareEmail form label#pageUrl {font-weight: normal;}

#shareEmail form label.wide, #shareEmail form label.right {margin-right: 0;}
#shareEmail form label.wide input.text, #shareEmail form label.wide textarea {width: 514px;}
  
#shareEmail form input.text, #shareEmail form textarea {
  border: 1px solid #999;
  width: 244px;
  margin: 3px 0 0;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 2px;
  clear: both;
}
#shareEmail form textarea { height: 100px; }
#shareEmail h2 {
  display: block;
  text-align: left;
  margin: 10px 0 0 0;   
  font-size: 100%;
  width: 250px;
  color: #666;
  font-weight: bold;
}
#shareEmail form fieldset { border: 0; overflow: hidden; margin-left: 1px; background-color: #fff; }
#shareEmail form fieldset#bottom { background-color: #eee; margin: 0px; }
#shareEmail .submit {
  border: 0;
  clear: both;
  float: right;
  margin: 10px 0 0;
  cursor: pointer;
  font-weight: bold;
  border: 0;
  background: #0970B1;
  color: white;
  padding: 2px 30px;
  width: auto;
  border-radius: 2px;
  height: 30px;
  line-height: 22px;
  margin-right: 2px;
}

#shareEmail #btn_close {
  float: right;
  text-transform: lowercase;
  text-decoration: underline;
  padding: 0px;
  margin: -2px 0 0 0;
  cursor: pointer;
  cursor: hand;
  font-size: 84%;
}
  
#shareEmailOverlay {
  background-color: lightgray;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 0px;  
  display: block;
}
#sharedbar { display: none; }
input.err { border-color: #ca0820 !important; float: left;}
textarea.err { border-color: #ca0820 !important; float: left;}

.share_icons i.fa {font-size: 28px;}

.share_icons a {color: #666666;}
.share_icons .si-facebook {color: #3B579D;}
.share_icons .si-twitter {color: #2CAAE1;}
.share_icons .si-google-plus {color: #DB4437;}

.share_icons .si-fav {color: #0970B1;}