.pre-text
{
    white-space: pre-line;
}

.nowrap
{
    white-space: nowrap;
}

table > tbody > tr.alertError > td
{
    color: #f00;
}

.hidden
{
    display: none;
}

.text-right
{
    text-align: right;
}

.muted
{
    color: #777;
}

.right-arrow, .left-arrow
{
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: -1px;
}

.right-arrow
{
    background-image: url(images/arrow_right.png);
    margin-left: 4px;
}

.left-arrow
{
    background-image: url(images/arrow_left.png);
    margin-right: 4px;
}

    .right-arrow:hover, .left-arrow:hover
    {
        background-position: center bottom;
    }

.double-right-arrow, .double-left-arrow
{
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: -1px;
}

.double-right-arrow
{
    background-image: url(images/arrow_double_right.png);
    margin-left: 4px;
}

.double-left-arrow
{
    background-image: url(images/arrow_double_left.png);
    margin-right: 4px;
}

    .double-right-arrow:hover, .double-left-arrow:hover
    {
        background-position: left bottom;
    }

.template
{
    /* This class is used for Handlebars templates, which not ever be displayed on a page. */
    display: none;
}

.error-message
{
    background-color: #900;
    color: #fff !important; /* have to override the silly color: red that is automatically applied to validators */
    padding: 2px 4px;
}

[data-click-url]
{
    cursor: pointer;
}

.Support-Customer
{
    color: #0a0;
}

.Support-HostedProvider
{
    color: #aa0;
}

.Support-Simplify
{
    color: #a00;
}

.Support-Carrier
{
    color: #00a;
}