/* Popover general HEX:FFBB33 = RGB:255,187,51 */ 
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:10px}
.popover.left{margin-left:-10px}
.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#EEE;border-bottom:1px solid #DDD;border-radius:5px 5px 0 0}
.popover-content{padding:9px 14px}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{content:"";border-width:10px}

.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(255,187,51,1);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#FFF;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(255,187,51,1);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#FFF;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(255,187,51,1)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#FFF}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(255,187,51,1)}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#FFF}

/* Popover main overwrites */ 
.popover {border: 1px solid #FFBB33;}

  /* Popover Body */
.popover-content { background-color: #FFF; color: #111; padding: 10px; }

  /* Button */
.thebutton {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 3px #666;
  -moz-box-shadow: 0px 5px 3px #666;
  box-shadow: 0px 5px 3px #666;
  font-family: Arial;
  color: #FFF;
  font-size: 18px;
  background: #ff8833;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
}

.thebutton:hover {
  background: #FFBB33;
  text-decoration: none;
}

  /* Popover table inside */
.popotable { display: table; }
.popotable a { text-decoration: none; color: #FFBB33;}
.poporow { display: table-row; }
.popocell { display: table-cell; border: none; border-bottom: 1px solid #ddd; padding: 6px; vertical-align: middle; }
.poporow:hover { background-color: #CCC; }

.popobottom, .popobottom a { text-align: center; font-family: Arial; color: #AAA; font-size: 10px; text-decoration: none; }
.popobottom a:hover { font-family: Arial; color: #000; font-size: 10px; text-decoration: none; }