/***************************************************************************************************************************************************************
 *
 * Application styles: <%--http://stackoverflow.com/questions/19817691/sticking-html-5-table-footer-at-bottom-of-the-page--%>
 *
 ***************************************************************************************************************************************************************/
/*
    html, body, #expandtable, #tablecontainer 
    {
        height:100%;
        margin: 0;
        padding: 0;
        border: none;
        overflow-y: hidden;
    }
*/
#expandtable, #tablecontainer {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    overflow-y: hidden;
}

#tablecontainer {
    width: 100%;
    margin: 0 auto;
    /*padding-top: 50px;*/
    padding-top: 30px;
    /*max-width: 900px;*/
    /*max-width: 470px;*/
    max-width: 80%;
}

#tablecontainer2 {
    width: 80%;
    margin: 0 auto;
    /*padding-top: 50px;*/
    padding-top: 30px;
    /*max-width: 900px;*/
    /*max-width: 470px;*/
    max-width: 80%;

    border:1px solid black;
    border-collapse:collapse;
}

#resultcontainer {
    width: 80%;
    margin: 0 auto;
    /*padding-top: 50px;*/
    padding-top: 30px;
    /*max-width: 900px;*/
    /*max-width: 470px;*/
    /*max-width: 70%;*/

    border:1px solid black;
    border-collapse:collapse;
}

#expandtable {
    margin: 5px 0 0 0px;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    height: 60%;
    border-bottom: 0;
    /*background-color: #eee;*/
    margin: 0 auto;
}

.legends {
    width: 97%;
    margin: 0 auto;
    /*padding-top: 50px;*/
    padding-top: 30px;
    /*max-width: 900px;*/
    /*max-width: 470px;*/
    /*max-width: 93%;*/
    border:0;
}

.ReqFields, .ErrorMessages {
    padding-left: 10%;
}

.mapContainer {
    width: 100%;
    margin: 0 auto;
    /*padding-top: 50px;*/
    padding-top: 30px;
    /*max-width: 900px;*/
    /*max-width: 470px;*/
    max-width: 70%;
    /*border:1px solid black;
    border-collapse:collapse;*/
}

.breakline {
    clear: both;
}

.divrow {
}

.divcell {
    float: left;
    border: 1px solid #999;
    box-sizing: border-box;
    min-height: 30px;
}

/*.colname { float:left; border: 1px solid #e5e5e5; box-sizing: border-box;}*/
.colname {
    /*float: left;*/
    /*border: 1px solid #999;*/
    /*box-sizing: border-box;*/
    /*min-height: 30px;*/
    height:25px;
    /*my changes*/
    /*border:1px solid black;*/
    /*border-collapse:collapse;*/
}

/*
    .cellwidth1 { width:10%; }
    .cellwidth2 { width:45%; }
    .cellwidth3 { width:35%; }
    .cellwidth4 { width:10%; }
*/
.cellHeader {
    width: 100%;
    height:23px;
    background-color: #919191;
    /*background-color: black;*/
    color:white;
    font-weight:bold;
    text-align: center;
    /*my changes go here*/
    font-size:14px;
    /*padding-top: 7px;*/
    /*border:1px solid black;*/
    /*border-collapse:collapse;*/
}

.cellFooter {
    width: 100%;
    height:23px;
    /*background-color: lightyellow;*/
    /*background-color: black;*/
    /*color:white;*/
    text-align: center;
    /*my changes go here*/
    /*padding-top: 3.3px;*/
    /*border:1px solid black;*/
    /*border-collapse:collapse;*/
}

.cellwidth1 {
    width: 50%;
    font-weight:bold;
    /*background-color: lightblue;*/
    background-color: #b3b3b3;
    /*my changes go here*/
    /*padding-top: 7px;*/
    padding-left: 4px;
    /*padding-bottom: 5px;*/
    font-size:12px;
}

.cellwidth2 {
    width: 50%;
    /*my changes go here*/
    /*padding-top: 5px;*/
    padding-left: 4px;
    /*padding-bottom: 4px;*/
    font-size:12px;
    margin-left: 120px;
}

.cellwidth3 {
    width: 100%;
    /*my changes go here*/
    /*padding-top: 5px;*/
    /*padding-left: 4px;*/
    /*font-size:12px;*/
}

#divDisclaimer {
    text-align: center;
    font-size:12px;
    padding-left: 70px;
    padding-right: 70px;
}

fieldset 
{
    border: 1px solid black;
    font-family:Arial;
}

pre
{
    display:inline;
}

.gridCaption {
    width: 100%;
    height:23px;
    background-color: #919191;
    color:white;
    font-weight:bold;
    text-align: center;
    font-size:14px;
    /*border-style:solid solid solid solid;*/
    /*padding-top: 7px;*/
    border:1px;
    border-collapse:collapse;
}

/*for Ajax progress bar background*/
.ModalBackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.classHeader {
    border-style:none;
    font-size:12px;
    font-weight:normal;
    vertical-align:top;
}

header, section, footer, aside, nav, main, article, figure
{ 
    display: block; 
}



/***************************************************************************************************************************************************************
 *
 * M-DC Styles
 *
 ***************************************************************************************************************************************************************/
h1 {
    font-size: 22px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h1, h3 {
    /* top & bottom margin based on font size */
}

h1, h2, h3, h4, h5, h6, strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}

em {
    /*bringing italics back to the em element*/
    font-style: italic;
}

/*I added these tag - table, th, td*/
/*table, th, td
{
    border:1px solid black;
    border-collapse:collapse;
}*/

th, td {
    /*borders and padding to make the table readable*/
    padding: 4px;
    vertical-align: top;
}

th {
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}


html, body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ebebeb;
    font-size: 12px;
    height: 100%;
    color: #333;
    margin: 0;
    padding: 0;
}

a {
    color: #1182ac;
}

ol {
    list-style: decimal;
    list-style-position: inside;
}

#mainContainer {
    min-height: 100%;
    margin: 0 auto;
    width: 1000px;
    padding: 0 10px;
    background: #fff url(../images/background.gif) repeat-y center top;
}

#mainContainer_100 {
    min-height: 100%;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}

.md_logo {
    float: right;
}

#navigation {
    background-image: url(../images/navBgBlue.jpg);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
}

#banner {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

    #banner h1 {
        float: left;
    }

#contentBody {
    padding: 15px;
    min-height: 100%; /* added for right column 100% */
}

#footer {
    padding: 15px;
    border-top: 1px solid #ccc;
}

.copyright {
    padding-top: 5px;
}

.clear {
    clear: both;
    height: 0px;
}

.clear15 {
    clear: both;
    height: 15px;
}