ul.tagit
{
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}

ul.tagit li
{
    display: block;
    float: left;
    margin: 4px 5px 2px 0;
}

ul.tagit li.tagit-choice
{
    position: relative;
    line-height: inherit;
    height: 20px;
    font-weight: normal;
}

input.tagit-hidden-field
{
    display: none;
}

ul.tagit li.tagit-choice-read-only
{
    padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable
{
    padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new
{
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label
{
    cursor: pointer;
    text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close
{
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -9px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon
{
    display: none;
}

ul.tagit li.tagit-choice input
{
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"]
{
    padding: 2px 4px 2px 4px;
    background: none;
    background-color: #FFFFFF;
    color: #000000;
    height: 1.4em;
    margin-top: -4px;
}

.tagit-label
{
    position: relative;
    top: 1px;
}