﻿
    /* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    font-size: 0.86em;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.hidden {
    display: none;
}


 .webgrid-table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border: solid 1px #D3D3D3;
        background-color: white;
        text-align: center;
        vertical-align: middle;
    }
  .webgrid-table  th {
            border: 1px solid #D3D3D3;
            padding: 3px 7px 2px;
            text-align: center;
            vertical-align: middle;
        }
   .webgrid-table td {
            border: 1px solid #D3D3D3;
            padding: 3px 7px 2px;
            /*text-align: center;*/
            vertical-align: middle;
        }
    .webgrid-header {
        background-color: #D3D3D3;
        /*color: #FFFFFF;*/
        padding-bottom: 4px;
        padding-top: 5px;
        text-align: left;
        text-align: center;
        vertical-align: middle;
    }
.webgrid-row-style {
    padding: 3px 7px 2px;
}

.money {
    text-align: right;
}

 .cta-ribbon {
        background-color: #555555;
        background-color: rgba(85, 85, 85, .75);
        font-family: 'Open Sans Condensed', sans-serif;
        text-transform: uppercase;
        color: #fff;
        padding: 10px;
        position: relative;
        top: 40%;
        -webkit-transform: translateY(-40%);
        -moz-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
        transform: translateY(-40%);
        margin-left: -15px;
        border-top: 2px solid #42b5e3;
    }

 .ui-widget {
     font-size: 14px;
 }

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ffd800;
    background: #f00;
    font-weight: normal;
}*/