﻿.registration-item
{
    border-bottom: 1px solid #e3e3e3;
    margin: 0 0 8px;
    padding: 0 0 35px;
}

    .registration-item:before,
    .registration-item:after
    {
        content: " ";
        display: table;
    }

    .registration-item:after
    {
        clear: both;
    }


.registration-item-costs
{
    width: 25%;
    float: left;
    padding: 0 0 0 10px;
}

.registration-item-details-column
{
    width: 37.5%;
    float: left;
    padding: 0 0 0 10px;
}

    .registration-item-details-column select
    {
        width: 60%;
    }

.registration-attachments
{
    float: left;
    margin-left: 37.5%;
    margin-right: 0;
    width: 62.5%;
    padding: 5px 0 5px 10px;
}

    .registration-attachments:before,
    .registration-attachments:after
    {
        clear: both;
    }

        .registration-attachments ul li
        {
            margin: 2px 0;
            color: #222;
            border: 1px solid #dcdcdc;
            background-color: #f5f5f5;
            padding: 2px 0;
        }

.registration-attachment a
{
    font-size: 12px;
    color: #454545;
}

.registration-attachments .label
{
    padding: 4px;
    background: gray;
}

    .registration-attachments .label p
    {
        color: #fff;
        font-size: 13px;
    }

.registration-attachment button
{
    float: right;
    margin-right: 3px;
}

    .registration-attachment button.remove-attachment .icon
    {
        width: 16px;
        height: 16px;
        background-image: url(../themes/base/images/ui-icons_454545_256x240.png);
        background-position: -80px -128px;
        display: block;
    }

.attachment-icon
{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.attach-button
{
    margin: 2px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    float: right;
    display: inline;
    text-decoration: underline;
}

    .attach-button:hover
    {
        color: #ddd;
    }

    .attach-button:disabled
    {
        border: 1px solid #aaa;
        background: #ddd;
        cursor: default;
    }

    .attach-button:after
    {
        clear: both;
    }
