body {
    font-size: 1.35em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    /*margin: 1em 0px;     padding: 1em;*/
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    border: 1px solid #ccc;
    margin: 0px;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    border: 0px none;
    width: 110px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

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

.input-validation-error {
    border: 1px solid red; /*background-color: #fee;*/
    background-color: pink;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

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


/********************************************************MY CSS************************************************************/

.header-container {
    background-color: #7ac0da;
    background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
    background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    color: #3e5667;
    height: 68px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

#bodyContent {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
    padding: 15px;
    margin-bottom: 15px;
}

.leftLogo {
    width: 100px;
    padding-left: 15px;
    padding-top: 9px;
}

.rightLogo {
    /*width: 190px;*/
    padding-top: 9px;
    margin-right: 15px;
}

.logout {
    float: right;
}

@media (max-width: 768px) {
    .logout {
        float: left;
    }

    #layout-menu {
        min-height: 200px;
        max-height: 300px;
    }

    .dropdown {
        padding-left: 5px;
    }
}

.currentMenuItem {
    background-color: #e7e7e7;
}

.currentMenuLabel {
    color: #777;
    background-color: #e7e7e7;
    font-weight: normal;
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    margin-bottom: 0px;
}

.menuLabel {
    color: #777;
    font-weight: normal;
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    margin-bottom: 0px;
}

.contentDiv {
    /*border: 1px solid #e7e7e7;*/
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 0px 10px 5px 10px;
    color: #000;
    width: 80%;
    background-color: White;
}

.centerAligned {
    text-align: center;
}

.leftAligned {
    text-align: left;
}

.pageTitle {
    font-size: 1em;
    font-weight: bold;
    color: #347ABE;
    padding: 10px 0px 10px 0px;
}

.newParagraph {
    padding-top: 30px;
    padding-left: 15px;
}

.button {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #AAA 20%, #F0F0F0 100%); /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #AAA 20%, #F0F0F0 100%); /* Opera */
    background-image: -o-linear-gradient(bottom, #AAA 20%, #F0F0F0 100%); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #999), color-stop(1, #F0F0F0)); /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #AAA 20%, #F0F0F0 100%); /* W3C Markup, IE10 Release Preview */
    background-image: -linear-gradient(to top, #AAA 20%, #F0F0F0 100%);
    background-color: #EEE; /*background-repeat: no-repeat;*/
    background-position: left;
    color: #000;
    cursor: pointer;
    display: -inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    border: 1px solid #AAA;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap;
}

a.button {
    text-decoration: none;
    color: black;
}

.buttonRed {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #A11B15 20%, #E53C33 100%); /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #A11B15 20%, #E53C33 100%); /* Opera */
    background-image: -o-linear-gradient(bottom, #A11B15 20%, #E53C33 100%); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #A11B15), color-stop(1, #E53C33)); /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #A11B15 20%, #E53C33 100%); /* W3C Markup, IE10 Release Preview */
    background-image: -linear-gradient(to top, #A11B15 20%, #E53C33 100%);
    background-color: #DA251C; /*background-repeat: no-repeat;*/
    background-position: left;
    color: #FFFFFF;
    cursor: pointer;
    display: -inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    border: 1px solid #A11B15;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap;
}

    .buttonRed:disabled {
        color: Gray;
    }

.bottomButton {
    padding: 30px 0px 30px 0px;
}

.grayBorder {
    border: 1px solid rgba(0, 0, 0, .15);
}

a.loggOffItem {
    color: #777;
}

.headerLink {
    color: #347ABE;
}

.normalRow {
    background: #E9E8E8;
    color: #545454;
    border: 1px solid #FBFBFB;
}

    .normalRow:hover {
        background: #CCFFFF;
    }

    .focusRow {
    background: #7cbaf7  ;
    color: #545454;
    border: 1px solid #FBFBFB;
}

    .focusRow:hover {
        background: #CCFFFF;
    }

.alternateRow {
    background: #FFFFFF;
    color: #545454;
    border: 1px solid #FBFBFB;
}

    .alternateRow:hover {
        background: #CCFFFF;
    }

.fieldDescription {
    font-weight: bold;
    white-space: nowrap;
    padding: 7px 20px 7px 10px;
    font-size: 0.9em;
}

.fieldValue {
    padding: 7px 10px 7px 10px;
}

.table {
    border: none;
    border-collapse: collapse;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 3px 3px 3px;
}

    .table td {
        border: solid 1px #CCCCCC;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        white-space: normal;
        padding: 3px 3px 3px 3px;
    }

    .table th {
        font-weight: bold;
        text-align: left;
        padding: 3px 3px 3px 3px;
        border: solid 1px #CCCCCC !important;
        white-space: normal;
        font-size: 0.9em;
    }

.actions {
    width: 200px;
}

.smallWidth {
    width: 10%;
}

.smallWidth1 {
    width: 15%;
}

.smallMediumWidth {
    width: 20%;
}

.mediumWidth1 {
    width: 35%;
}

.mediumWidth {
    width: 40%;
}

.tableNoDecoration {
    border: none;
    border-collapse: collapse;
}

    .tableNoDecoration td {
        border: none;
        border-collapse: collapse;
    }

    .tableNoDecoration th {
        border: none;
        border-collapse: collapse;
    }

.grayColor {
    color: #696969;
}

.fullWidth {
    width: 100%;
}

.quarterWidth {
    width: 24%;
    padding-left: 5px;
    padding-right: 5px;
}

.imageButton {
    cursor: pointer;
}

.breakWord {
    word-wrap: break-word;
}

.editRow {
    background-color: #CCFFFF;
}

.normalFont {
    font-weight: normal;
    height: 18px;
    padding: 0px;
    margin: 0px;
    font-size: 0.9em;
}

.smallFont {
    font-weight: normal;
    height: 18px;
    padding: 0px;
    margin: 0px;
    font-size: 0.8em;
}

.buttonBlue {
    background-image: -ms-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -moz-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -o-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #63778f ), color-stop(1, #5794d8 ));
    background-image: -webkit-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -linear-gradient(to top, #63778f 20%, #5794d8 100%);
    background-color: #63778f;
    background-position: left;
    color: #FFFFFF;
    cursor: pointer;
    display: -inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    border: 1px solid #63778f;
    margin: 0;
    padding: 3px 8px;
    white-space: nowrap;
}

    .buttonBlue:disabled {
        color: pink;
    }

.imageBorder {
    border: 1px solid #BBB;
    padding: 1px;
    background-color: transparent;
}

    .imageBorder:hover {
        border: 1px solid Navy;
    }

.backButton {
    width: 100px;
}


.colorGray {
    background-color: #E9E8E8;
}

.colorBlue {
    background-color: blue;
}
.colorRed {
    background-color: Red;
}

.colorGreen {
    background-color: Green;
}

.colorLightGreen {
    background-color: LightGreen;
}

.colorYellow {
    background-color: Yellow;
}

.colorOrange {
    background-color: #ffcc80;
}

.yellowText {
    color: Yellow;
}

.redText {
    color: Red;
}

.greenText {
    color: green;
}

.blueText{
    color:blue;
}

.colorTrGray {
    background-color: #f5f5f5;
}

.colorTrBlue {
    background-color: #81d4fa;
}
.colorTrRed {
    background-color: #ef9a9a;
}

.colorTrLightCoral{
    background-color: #FA8072;
}

.colorTrGreen {
    background-color: Green;
}

.colorTrLightGreen {
    background-color: #a5d6a7;
}

.colorTrYellow {
    background-color: #fff59d;
}

.colorTrOrange {
    background-color: #ffcc80;
}

.colorTrLimeGreen {
    background: -webkit-linear-gradient(yellow, lime) !important;
    background: -o-linear-gradient(yellow, lime) !important;
    background: -moz-linear-gradient(yellow, lime) !important;
    background: linear-gradient(yellow, lime) !important;
}

.colorTrYellowOrange {
    background: -webkit-linear-gradient(yellow, #ffcc80) !important;
    background: -o-linear-gradient(yellow, #ffcc80) !important;
    background: -moz-linear-gradient(yellow, #ffcc80) !important;
    background: linear-gradient(yellow, #ffcc80) !important;
}

.divRadio {
    width: 50px;
    border: solid 1px #CCCCCC;
    float: left;
    margin-right: 3px;
    padding-left: 3px;
}

.labelRadio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/*WEB GRID CSS*/
.tfootrow {
    color: #FFFFFF;
}

    .tfootrow a {
        color: #FFFFFF;
    }
/*WEB GRID CSS*/

.italic {
    font-style: italic;
}

.gradientBlue {
    background-image: -ms-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -moz-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -o-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #63778f ), color-stop(1, #5794d8 ));
    background-image: -webkit-linear-gradient(bottom, #63778f 20%, #5794d8 100%);
    background-image: -linear-gradient(to top, #63778f 20%, #5794d8 100%);
    background-color: #63778f;
}

.injuriesHeader
{
    background: #E9E8E8;
    color: #347ABE;
}