form
{
    margin: 0;
}

div.da-panel
{
    margin-bottom: 20px;
    position: relative;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

    div.da-panel .da-panel-header
    {
        display: block!important;
        position: relative;
        border: 1px solid #bfbfbf;
        background-image: url(../images/panel-header.png);
        padding: 0 16px;
        -webkit-border-radius: 3px 3px 0 0;
        -o-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    }

        div.da-panel .da-panel-header .da-panel-title
        {
            font-size: 16px;
            display: block;
            line-height: 20px;
            padding: 16px 0;
            margin-right: 32px;
            color: #2795b6;
            font-weight: lighter;
        }

    div.da-panel .da-panel-content
    {
        border-top: 0;
    }

    div.da-panel .da-panel-content, div.da-panel-widget
    {
        background-color: white;
        background-image: url(../images/panel-content.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #bfbfbf;
    }

    iv.da-panel, div.da-panel .da-panel-content
    {
        display: block;
    }

.da-form .da-form-row
{
    padding: 23px 16px;
    display: block;
    border-bottom: 1px solid #d3d3d3;
}

    .da-form .da-form-row .row
    {
        display: table;
        width: 100%;
    }

        .da-form .da-form-row .row div
        {
            width: 20%;
            float: left;
        }

            .da-form .da-form-row .row div.colButton
            {
                width: 10%;
                float: left;
            }
            .da-form .da-form-row .row div.colInput
            {
                width:15%;
                float:left;
            }
            .da-form .da-form-row .row div.colInput input[type="text"]
            {
                background-color: #fcfcfc;
                border: 1px solid #d1d1d1;
                padding: 6px;
                outline: 0;
                width: 100%;
                margin: 0;
                color: #444;
                font-size: 1em;
                -webkit-border-radius: 2px;
                -o-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.04);
                -moz-box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.04);
                -o-box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.04);
                box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.04);
                -webkit-transition: background 150ms linear;
                -moz-transition: background 150ms linear;
                -ms-transition: background 150ms linear;
                -o-transition: background 150ms linear;
                transition: background 150ms linear;
                height:25px;
                margin-top:-1px;
            }
            .da-form .da-form-row .row div.colLabel
            {
                text-align:center;
                width:auto;
                font-size:14px;
                margin-top:4px;
                margin-left:5px;
                margin-right:2px;
            }
            .da-form .da-form-row .row div.colLabel.f
            {
                width:35%;
            }

.da-form .da-button-row
{
    background-color: #f2f0f0;
    border-top: 1px solid #d3d3d3;
    margin: 0;
    padding: 16px;
    margin-top: -1px;
    text-align: right;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}

.da-button
{
    display: inline-block;
    border: 0;
    outline: 0;
    font: 12px/17px 'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding: 4px 12px;
    margin: 0;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    zoom: 1;
    overflow: hidden;
    color: #fff;
    border: 1px solid;
    text-shadow: 1px 1px rgba(0,0,0,0.35);
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.35);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.35);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.35);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.35);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .da-button.gray
    {
        background-color: #e3e3e3;
        background-image: linear-gradient(bottom,#e3e3e3 0,#f9f9f9 100%);
        background-image: -o-linear-gradient(bottom,#e3e3e3 0,#f9f9f9 100%);
        background-image: -moz-linear-gradient(bottom,#e3e3e3 0,#f9f9f9 100%);
        background-image: -webkit-linear-gradient(bottom,#e3e3e3 0,#f9f9f9 100%);
        background-image: -ms-linear-gradient(bottom,#e3e3e3 0,#f9f9f9 100%);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e3e3e3),color-stop(1,#f9f9f9));
        color: #666;
        text-shadow: 1px 1px rgba(0,0,0,0.1);
        border-color: #9e9e9e;
    }


.hidden
{
    visibility:hidden;
    display:none;
    position:absolute;
}
.visible
{
    visibility:visible;
    display:block;
    position:relative;
}

@media only screen and (max-width:700px)
{
    .da-form .da-form-row .row div.colButton
            {
                width: 100%;
                float: left;
                margin-bottom:10px;
            }
            .da-form .da-form-row .row div.colInput
            {
                width:100%;
                float:left;
            }
            
            .da-form .da-form-row .row div.colLabel
            {
                text-align:left;
                width:auto;
                font-size:14px;
                margin-top:4px;
                margin-left:5px;
                margin-right:2px;
            }
            .da-form .da-form-row .row div.colLabel.f
            {
                width:100%;
                margin-bottom:6px;
            }

            .da-form .da-form-row .row div.colInput input[type="text"]
            {
                max-width:200px;
            }
}