.tooltip{
    z-index: 99;
    background: white;
    display:none;
    border:1px solid silver;
    position: absolute;
    padding:10px 8px;
    max-width: 250px;
    -moz-box-shadow: 2px 2px 5px #333;
    box-shadow: 2px 2px 5px #333;
    -webkit-box-shadow: 2px 2px 5px #333;
    border-radius:3px;
  -moz-border-radius:3px;	
  -webkit-border-radius:3px;
}


.tooltip-notice{
    color:#333;
    border-color:#EEC211;
    background: #FFF199;
}
.tooltip-error{
    color:#8a1f11;
    border-color:#FBC2C4;
    background: #FBE3E4;
}
.tooltip-success{
    color:#264409;
    border-color:#C6D880;
    background:#E6EFC2;
}

.tooltip-arrow-border-right {
  border-color: transparent silver transparent  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:30%;
  left:-20px;
}
.tooltip-arrow-right {
  border-color:  transparent #FFF transparent  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:30%;
  left:-18px;
}

.tooltip-arrow-border-top {
  border-color: silver transparent transparent  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:100%;
  left:40px;
}
.tooltip-arrow-top {
  border-color: #FFF transparent transparent  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:98%;
  left:40px;
}

.tooltip-arrow-border-bottom {
  border-color:  transparent transparent silver transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-20px;
  left:40px;
}
.tooltip-arrow-bottom {
  border-color:  transparent transparent #FFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-18px;
  left:40px;
}

.tooltip-arrow-border-left {
  border-color: transparent  transparent  transparent silver;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:30%;
  left:100%;
}
.tooltip-arrow-left {
  border-color:  transparent transparent  transparent #FFF;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:30%;
  left:99%;
}



.tooltip-notice .tooltip-arrow-border-right{
    border-color: transparent #EEC211 transparent  transparent;
}
.tooltip-notice .tooltip-arrow-right {
    border-color:  transparent #FFF199 transparent  transparent;
}
.tooltip-success .tooltip-arrow-border-right{
    border-color: transparent #C6D880 transparent  transparent;
}
.tooltip-success .tooltip-arrow-right {
    border-color:  transparent #E6EFC2 transparent  transparent;
}
.tooltip-error .tooltip-arrow-border-right{
    border-color: transparent #FBC2C4 transparent  transparent;
}
.tooltip-error .tooltip-arrow-right {
    border-color:  transparent #FBE3E4 transparent  transparent;
}


.tooltip-notice .tooltip-arrow-border-top{
    border-color:#EEC211 transparent  transparent  transparent;
}
.tooltip-notice .tooltip-arrow-top {
    border-color: #FFF199 transparent  transparent  transparent;
}
.tooltip-success .tooltip-arrow-border-top{
    border-color:#C6D880 transparent  transparent  transparent;
}
.tooltip-success .tooltip-arrow-top {
    border-color: #E6EFC2 transparent  transparent  transparent;
}
.tooltip-error .tooltip-arrow-border-top{
    border-color:#FBC2C4 transparent  transparent  transparent;
}
.tooltip-error .tooltip-arrow-top {
    border-color:#FBE3E4  transparent  transparent  transparent;
}


.tooltip-notice .tooltip-arrow-border-bottom{
    border-color:transparent transparent #EEC211     transparent;
}
.tooltip-notice .tooltip-arrow-bottom {
    border-color:  transparent  transparent #FFF199 transparent;
}
.tooltip-success .tooltip-arrow-border-bottom{
    border-color: transparent  transparent #C6D880 transparent;
}
.tooltip-success .tooltip-arrow-bottom {
    border-color:  transparent  transparent #E6EFC2 transparent;
}
.tooltip-error .tooltip-arrow-border-bottom{
    border-color: transparent  transparent #FBC2C4 transparent;
}
.tooltip-error .tooltip-arrow-bottom {
    border-color:  transparent  transparent #FBE3E4 transparent;
}

.tooltip-notice .tooltip-arrow-border-left{
    border-color: transparent  transparent  transparent #EEC211;
}
.tooltip-notice .tooltip-arrow-left{
    border-color:  transparent transparent  transparent #FFF199;
}
.tooltip-success .tooltip-arrow-border-left{
    border-color: transparent transparent  transparent #C6D880;
}
.tooltip-success .tooltip-arrow-left{
    border-color:  transparent transparent  transparent #E6EFC2;
}
.tooltip-error .tooltip-arrow-border-left{
    border-color: transparent transparent  transparent #FBC2C4;
}
.tooltip-error .tooltip-arrow-left{
    border-color:  transparent transparent  transparent #FBE3E4;
}