/* ( .ir ) : used to remove text and prep an element for image replacement */
.ir{ text-indent: -9999px; overflow: hidden; display: block; }

.hide{ display: none; }
strong{ font-weight: bold; }
em{ font-style: italic; }

/* ( .btn ) : used to create button, positions an image for off state
 and :hover is used to reposition an image for hover state */
.btn{ background-repeat: no-repeat; background-position: left top; }
.btn:hover{ background-position: right bottom; }

/* form feedback styles */
.message{ margin: 0 0 13px; padding: 10px 20px; font-size: 13px; line-height: 19px; border-width: 1px; border-style: solid; }
.message.error{ background: pink; color: crimson; border-color: crimson; }
.message.success{ background: honeydew; color: yellowgreen; border-color: yellowgreen; }
.message strong{ font-size: 14px; line-height: 20px; font-weight: bold; }

.inline-img-left{ float: left; margin: 0 16px 16px 0; }
.inline-img-right{ float: right; margin: 0 0 16px 16px; }

/* ui tabs required stlyes */
.ui-tabs .ui-tabs-hide {
     display: none;
}