.poshytip_form {
z-index: 1000;
text-align: left;
border: 1px solid #f90;
padding: 3px 6px;
min-width: 50px;
/*max-width: 100px;*/
background-color: #fff9c9;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
/**
 * - If you set a background-image, border/padding/background-color will be ingnored.
 *   You can set any padding to .tip-inner instead if you need.
 * - If you want a tiled background-image and border/padding for the tip,
 *   set the background-image to .tip-inner instead.
 */
}

.poshytip_form .tip-inner {
font-size: 100%;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.poshytip_form .tip-arrow-top {
margin-top: -6px;
margin-left: -5px; /* approx. half the width to center it */
top: 0;
left: 20px;
width: 9px;
height: 6px;
background: url("../images/poshytip/arrow.gif") no-repeat;
}

.poshytip_form .tip-arrow-right {
margin-top: -4px; /* approx. half the height to center it */
margin-left: 0;
top: 50%;
left: 100%;
width: 6px;
height: 9px;
background: url("../images/poshytip/arrow.gif") no-repeat -9px 0;
}

.poshytip_form .tip-arrow-bottom {
margin-top: 0;
margin-left: -5px; /* approx. half the width to center it */
top: 100%;
left: 20px;
width: 9px;
height: 6px;
background: url("../images/poshytip/arrow.gif") no-repeat -18px 0;
}

.poshytip_form .tip-arrow-left {
margin-top: -4px; /* approx. half the height to center it */
margin-left: -6px;
top: 50%;
left: 0;
width: 6px;
height: 9px;
background: url("../images/poshytip/arrow.gif") no-repeat -27px 0;
}