/*these are styles for generic elements*/
.inputFieldLabel {
    /*line-height: 1.6;*/
    /*font-size: 75%;*/
    font-weight: bold;
    color: #1a3b69;
    vertical-align: top;
}

.inputFieldLabelAbove {
    display: block;
    margin-top: 10px;
    /*line-height: 1.6;*/
    /*font-size: 75%;*/
    font-weight: bold;
    color: #1a3b69;
    vertical-align: top;
}

.fieldHint {
    /*Nest the field hint in it's related label so that it gets picked up by screen readers*/
    /*font-size: 80;*/
    font-weight: normal;
    color: #333;
}

.readOnlyFieldLabel {
    /*line-height: 1.6;*/
    /*font-size: 70;*/
    font-weight: bold;
    color: #1a3b69;
}

.readOnlyFieldText {
    /*line-height: 1.6;*/
    /*font-size: 80;*/
}

.imageLink {
    color: #0066cc;
    text-decoration: none;
    display: inline-block;
    padding: 5px 0px 5px 0px;
}

.lesserImageLink {
    color: #0066cc;
    text-decoration: none;
    /*font-size: 80;*/
}

.primaryButtonStyle {
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-color: #d65f37;
    border: white 1px solid;
    padding: 5px 2% 5px 2%;
    font-size: 1.8rem;
}

.buttonStyle {
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-color: #324c69;
    border: white 1px solid;
    padding: 5px 2% 5px 2%;
    font-size: 1.8rem;
}

.lesserImageButton {
    color: #0066cc;
    text-decoration: none;
    /*font-size: 80;*/
    border:none;
    background-color:white;
    cursor:pointer;
}
.errorSummary {
    display: block;
    color: red;
}

.errorFieldMarker {
    vertical-align: top;
    color: Red;
    /*font-size: 120;*/
    font-weight: bold;
}

/*table styles - start*/
.table {
    border: 1px solid #828282;
    border-collapse: collapse;
    background: #fff;
    /*font-size: 70;*/
    /*line-height: 1.4;*/
}

    .table tr:nth-child(odd) {
        background-color: #F2F2F2;
    }

    .table td {
        border: none;
        padding: 4px 7px 4px 7px;
    }

    .table th {
        border: none;
        background-color: #eee;
        font-weight: normal;
        text-align: left;
        padding: 9px 7px 9px 7px;
        white-space: nowrap;
    }

.sortLink {
    border-style: none;
    color: #333;
    text-decoration: none;
}

.sortLinkSelected {
    font-weight: bold;
    border-style: none;
    color: #333;
    text-decoration: none;
}

.pagingContainer {
    padding: 4px 0px 4px 0px;
    min-width: 300px;
    /*font-size: 70;*/
    /*line-height: 1.4;*/
}
/*table styles - end*/

/*styles specific to template example pages - begin*/
/*The service list style makes a definition list item appear on the same line when the page is wide 
and seperate lines when it is narrow. (In compatiblity mode it'll always be seperate lines)*/
.serviceList {
    border-collapse: collapse;
    width: 100%;
    font-size:90%;
}

    .serviceList dt {
        display: inline-block;
        line-height: 2;
        margin-left: 0%;
        margin-right: 2%;
        padding-right: 0%;
        padding-left: 0%;
        /* The min-width and width need to be adjusted depending on longest text in the dt section to look right.
       Anything you add to the width should be subtracted from the dd width and vice versa.*/
        min-width: 160px;
        width: 15%;
    }

    .serviceList dd {
        display: inline-block;
        margin: 0%;
        padding-right: 0%;
        padding-left: 0%;
        padding-bottom: 10px;
        width: 73%;
    }

        .serviceList dd:after {
            content: "\a";
            white-space: pre;
        }

 a:link img {
    border: none;
}

/*styles specific to template example pages - end*/

/* make the validation messages not visible if there are no errors */

.validation-summary-valid, .field-validation-valid {
    display:none;
}

/* validation error style */

.validation-summary-errors, .field-validation-error {
    color: red; 
    font-weight: bold;
}

/* background image for delete link */

.delete {
    background-image: url('../Images/delete_icon.gif');
    background-position: left center;
    background-repeat: no-repeat;
    color: transparent;
}

.about_demo {
    margin: 0;
}