.clear
{
    clear:both;
}
.br
{
    height:10px;
}
.box_gray
{
    border: solid 1px #DEDEDE;
    background: #EFEFEF;
    color: #222222;
    padding: 4px;
    text-align: center;
}
.box_green
{
    border: 1px solid #008000;
    background: #D7FFD7;
    color: #222222;
    padding: 10px 0 10px 0;
    text-align: center;
}
.box_icon_heart
{
    background-position: 8px 6px;
    background-image: url('images/icons2/badge-square-check-24.png');
    background-repeat: no-repeat;
}





.commentbox
{
    border: 1px solid #C0C0C0;
    background-color: #ececec;
    width: 600px;
    padding: 10px;
}

.commentfooter
{
    background: url(images/arrow.png) 20px 0px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 60px;
    padding-top: 3px;
    margin: -1px 0px 10px 0px;
    font-size: 9pt;
}


.tipsy
{
    padding: 5px;
    font-size: 8pt;
    position: absolute;
    z-index: 100000;
}
  .tipsy-inner
{
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
  .tipsy-inner
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
  .tipsy-arrow
{
    position: absolute;
    background: url('images/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow {top: 0; left: 50%; margin-left: -4px;}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }