body {
    margin: 0%;
    font-size: 100%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #333;
}
html{
position:relative;
min-height:100%;
}
.masterfooter{
position:absolute;
left:0;
bottom:0;
width:100%;
overflow:hidden;
}

/*
* Master page styles -
* Change these as little as possible 
* so that users will have a consistent experience between Ecology applications.
*/
.banner {
    border-collapse: collapse;
    border: none;
    background-color: #45759A;
    height: 57px;
    width: 100%;
}

.bannerLogoArea {
    border: none;
    margin: 0%;
    padding: 0%;
    width: 257px;
}

.bannerEcologyLink {
    border: none;
    text-decoration: none;
}

.bannerEcologyLogo {
    border: none;
    margin: 0%;
    padding: 0%;
    width: 257px;
    height: 57px;
    display: block;
}

.bannerTitleArea {
    border: none;
    margin: 0%;
    padding: 0%;
    white-space: nowrap;
    /*You can replace this image with an image to represent your application. 
    Use an imaged sized to the same height as the banner. 
    Adjust the width of the background height as needed.*/
    background-image: url(../../Images/sa_banner_right_a.jpg);
    background-size: 244px 57px;
    background-position: right center;
    background-repeat: no-repeat;
}
.H1 {
    font-size: 20px;
    margin: 0;
    font-weight: normal;
}
.bannerAppTitle {
    text-align: left;
    font-family: Georgia, serif;
    color: white;
    white-space: nowrap;
}

.bannerAppEnvironment {
    text-align: left;
    font-family: Arial;
    padding-left: 2%;
    font-size:70%;
    color: #fff5e2;
}


.menu {
    vertical-align: middle;
    background-color: #234f78;
    margin: 0%;
    padding: 5px 0;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

    .menu li {
        display: inline;
        font-size: 80%;
        margin: 0px 1%;
        white-space: nowrap;
    }

        .menu li a {
            color: white;
            text-decoration: none;
        }

            .menu li a:hover {
                text-decoration: underline;
            }

.mainContent {
    padding: 10px 0.5%;
    position: relative;
    z-index: 1;
}

.footer {
    text-align: left;
    padding: 10px 0;
    width: 100%;
    white-space: nowrap;
    color: #06C;
    font-size: 70%;
    margin: 0%;
    float: left;
}

    .footer li {
        display: inline;
    }

        .footer li a {
            color: #666;
            text-decoration: none;
            padding: 10px 1%;
        }

            .footer li a:hover {
                color: #06C;
            }

        .footer li:after {
            color: #CCC;
            font-size: 80%;
            content: "|";
        }

.version {
    text-align: left;
    width: 100%;
    white-space: nowrap;
    color: #6a6a6a;
    font-size: 75%;
    float: left;
}

/*#parisversion {
    padding-left: 2em;
}*/

.copyright a {
    text-align: left;
    /*padding-left: 2em;*/
    width: 100%;
    white-space: nowrap;
    color: #6a6a6a;
    font-size: 75%;
    text-decoration: none;
}

.contentArea {
    font-size: .8em;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*master page styles - end*/

/*These styles are used throughout the demo, but are useful for ui elements common to most applications. 
    You can change them, extend them, or replace them to fit your application.*/
/*h1 {
    font-weight: bold;
    color: #7194b6;
    margin: 0;
}*/

.H2 {
    color: black;
    font-weight: bold;
    font-size:17px;
    margin:0;
}

.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;
}
 #ParisMainMenuP a:active, #ParisMainMenuP a:focus {
    
 border-color:white;
 border-width:2px;
 border-style:inset;
}
.fieldHint {
    /*Nest the field hint in its 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 0%;
}

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

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

.buttonStyle {
    margin: 10px 0%;
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-image: url(../../Images/ButtonBGDarkBlue.jpg);
    background-repeat: repeat-x;
    border: white 1px solid;
    padding: 5px 2%;
}

.errorSummary {
    font-size: 75%;
    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;
    }

    .table th {
        border: none;
        background-color: #eee;
        font-weight: normal;
        text-align: left;
        padding: 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 0%;
    min-width: 300px;
    font-size: 70%;
    line-height: 1.4;
}
/*table styles - end*/