/* Main */

div.SelectionTool * {
	box-sizing: content-box;
}

div.SelectionTool .share-highlight-btn {
    position: absolute;
    width: 300px;
    top: 25px;
    left: -30px;
 	z-index:1010;
}      

div.SelectionTool .container {
  width: 600px;
  padding-top: 50px;
  margin-left: auto ;
  margin-right: auto ;
}

div.SelectionTool .holder {
   position: absolute;
}

::selection {
  background: #FFCC00; /* Safari */
  }
::-moz-selection {
  background: #FFCC00; /* Firefox */
}

div.SelectionTool .btn-caret {
  background: url("images/highlighter/highlight-caret.png") no-repeat 0px 0px;
  width: 14px;
  height: 7px;
  position: absolute;
  top: -6px;
  left: 14px;
}

div.SelectionTool .btn-left {
  display: inline-block;
  vertical-align: middle;
  float: left;
  width:40px;
}
div.SelectionTool .btn-left-es {
  width:60px;
}

div.SelectionTool .highlighter-container .btn-one {
  border-radius: 4px;
  border-right-color: #bbb;
}

div.SelectionTool .btn-right {
  display: inline-block;
  vertical-align: middle;
  float: left; 
}

div.SelectionTool .save-pref-btn {
  width: 100%;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;  
          border-radius: 4px;  
}

div.SelectionTool .btn-left, .btn-right, .save-pref-btn {
  padding: 0 10px;
  border: 1px solid #bbbbbb;
  border-bottom-width: 2px;
  cursor: pointer;
  font: bold 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  xcolor: #444444;
  xcolor: #D09141;
  color: #D2A406;
  text-shadow: white 0 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, .1) 0px 1px 3px;
     -moz-box-shadow: rgba(0, 0, 0, .1) 0px 1px 3px;
          box-shadow: rgba(0, 0, 0, .1) 0px 1px 3px;
}

div.SelectionTool .btn-left, .btn-right, button.save-pref-btn {
  background: #cccccc;
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#cccccc));
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#cccccc 100%);
  background: -o-linear-gradient(top,  #f9f9f9 0%,#cccccc 100%);
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#cccccc 100%);
  background: linear-gradient(to bottom,  #f9f9f9 0%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 );
}

div.SelectionTool .btn-left:hover, .btn-right:hover, .save-pref-btn:hover {
  background: #eeeeee;
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
  background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
}

div.SelectionTool .btn-left {
  border-right-color: #ffffff;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;  
          border-radius: 4px 0 0 4px;  
}

div.SelectionTool .btn-right {
  border-left-color: #999999;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}