/*
 * Created on Oct 2, 2012
 *
 * meta-tag-analyser
 *
 * style.css
 *
 * Copyright 2012 Spinning Planet (http://www.spinningplanet.co.nz)
 */

.optimalwords {
    padding-right: 10px;
}

.clear {
    width: 100%;
    clear: both !important;
    display: inline-block;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clear {
    height: 1%;
}

.captcha img {
    display: inherit !important;
}

div.metatags {
    width:52%;
    float:left;
}
div.metaresults {
    text-align:right;
}

div.redtooltip {
//      background-image: url(../images/red.png); 
      background-repeat: no-repeat;
      background-position: 15px center; 
      position: relative;
      margin-left: 55%;
      width: 40%;
      padding: 15px;
      text-align: right;
      color: #575757; 
      background-color: rgba(255, 69, 0, 0.2);
      border-radius: 5px;
}
div.redtooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent rgba(255, 69, 0, 0.2) transparent transparent;
      top: 15px;
      left: -20px;
}
div.orangetooltip {
//      background-image: url(../images/orange.png); 
      background-repeat: no-repeat;
      background-position: 15px center;
      position: relative;
      margin-left: 55%;
      width: 40%;
      padding: 15px;
      text-align: right;
      color: #575757; 
      background-color: rgba(255, 165, 0, 0.2);
      border-radius: 5px;
}
div.orangetooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent rgba(255, 165, 0, 0.2) transparent transparent;
      top: 15px;
      left: -20px;
}

div.greentooltip {
//      background-image: url(../images/green.png); 
      background-repeat: no-repeat;
      background-position: 15px center;
      position: relative;
      margin-left: 55%;
      width: 40%;
      padding: 15px;
      text-align: right;
      color: #575757; 
      background-color: rgba(0, 255, 0, 0.2);
      border-radius: 5px;
}

div.greentooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent rgba(0, 255, 0, 0.2) transparent transparent;
      top: 15px;
      left: -20px;
}


.red {
    color: orangered;
}

.orange {
    color: orange;
}

.green {
    color: lime;
}