BODY {
	BACKGROUND-IMAGE: url(http://www.michigan.gov/images/deq/deqPgBG_349190_7.gif); 
	TEXT-ALIGN: center; 
	BACKGROUND-COLOR: #fff; 
	MARGIN: 10px auto 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-POSITION: 0px 0px; 
	font-size:100%;
}
BODY A, A, LI, TD {
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	COLOR: black; 
	FONT-WEIGHT: normal;
}
legend {
    text-align: left;
}
A:active {
	COLOR: blue; 
	TEXT-DECORATION: underline;
}
A:visited {
	COLOR: purple
}
P {
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	COLOR: black; 
	FONT-WEIGHT: normal;
    text-align: left;
}
.legend_title {
    font-size: large;
    font-weight: bold;
    color: Black;
}
.legend_text {
    font-weight: bold;
    color: Black;
}
.bodylinks {
	COLOR: black; 
	FONT-SIZE: 87.5%; 
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
}
.WidthScreen {
	BACKGROUND-COLOR: transparent; 
     margin:0;
	margin-left:auto;
     margin-right:auto;
     padding:0;
	WIDTH: 960px;
     background-color:#066;
}
.navi {
	WIDTH: 85%
}
#carouselNav {
	TOP: 140px
}
.accordion {
    WIDTH: 150px
}

.graynav {
	TEXT-ALIGN: left; 
	COLOR: gray;
     margin:0;
     padding:0;
     background-color:#066;
}
.graynav li {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
	background-color:#066;
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none;
     padding-top:5px;
     padding-bottom:0;
     display:inline-block;
     float:left;
}

/*.graynav:first-child li:first-child {
    width:280px;
}*/

.graynav .graynavSearchTD {
	TEXT-ALIGN: right;
}

#topnav TD {
	WIDTH: 420px
}
#linkArea {
	DISPLAY: inline
}
#form2 {
	MARGIN: 3px
}
.topnavlinks {
	TEXT-DECORATION: none
}
.topnavlinks em {
    text-decoration:underline;
    font-style:normal;
}
A.topnavlinks, A.topnavlinks:link, A.topnavlinks:visited {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none;
     PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 8px; 
	PADDING-RIGHT: 8px; 
	DISPLAY: inline-block;
	COLOR: #fff; 
	FONT-SIZE: 0.8em; 
	BORDER-TOP: medium none; 
	FONT-WEIGHT: bold; 
	BORDER-RIGHT: medium none; 
	TEXT-DECORATION: none;
}
A.topnavlinks:hover, A.topnavlinks:hover:visited, A.topnavlinks:focus {
    BACKGROUND-COLOR: #fff;
    COLOR: #066; 
}
#linkdivider, #linkdivider2 {
    list-style: none;
    padding: 0;
    margin: 0;	
}
#linkdivider li, #linkdivider2 li {
    display: inline;
    padding: 0;
    margin: 0;	
}
#linkdivider li:before, #linkdivider2 li:before {
    COLOR: #dddddd;
    content: "| "; 
}
#linkdivider li:first-child:before, #linkdivider2 li:first-child:before {
    content: ""; 
}
 
.copyright {
	FONT-SIZE: 0.9em;
}
.gutter {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px;
	position: relative; 
	min-height: 60px; 
	vertical-align: top;
}
.lnavtd {
	BACKGROUND-COLOR: #ffffff; 
	WIDTH: 150px; 
	PADDING-TOP: 7px;
}
.lnavtd A {
	BACKGROUND-COLOR: #ffffff; 
	FONT-SIZE: 0.8em;
}
A.lnavButton, A.lnavButton:link, A.lnavButton:visited, A.lnavButton:hover {
	BORDER-BOTTOM: #066 1px dotted; 
	POSITION: relative; 
	PADDING-BOTTOM: 7px; 
	PADDING-LEFT: 5px; 
	WIDTH: 140px; 
	PADDING-RIGHT: 5px; 
	DISPLAY: block; 
	BORDER-TOP: medium none; 
	FONT-WEIGHT: bold; 
	PADDING-TOP: 7px;
	text-decoration: none;
}
A.lnavButton, A.lnavButton:link, A.lnavButton:visited {
	BACKGROUND-COLOR: #fff; 
	COLOR: #066; 
}
A.lnavButton:hover, a.lnavButton:focus {
	BACKGROUND-COLOR: #066; 
	COLOR: #fff; 
}
.footerArea A, .footerArea A:link, .footerArea A:visited {
	FONT-SIZE: 0.8em;
	MARGIN: 0px 3px;
	text-decoration: none;
}
.footerArea .linkdivider {
	FONT-SIZE: 1.2em;
}
.article-tree {
     text-align:left;
     margin-left:5px;
}
#layoutArea {
	BORDER-LEFT: #fff 0px solid; 
	BACKGROUND-COLOR: #fff; 
	MARGIN: 0px auto;
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: #fff 2px solid;
}
.layoutArea {
     background-color:#000000;
}
.content-area {
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; 
    COLOR: black; 
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
}
.version-area {
     height:15px;
     bottom:0!important;
     position:relative;
     left:5px; 
     top:50px;
     text-align:left;
     FONT-WEIGHT: normal;
     FONT-SIZE: 0.9em;
     color:#063843;
     font-weight:bold;
}
.database-area {
     height:15px;
     bottom:0!important;
     position:relative;
     left:5px; 
     top:50px;
     text-align:left;
     FONT-WEIGHT: normal;
     FONT-SIZE: 0.9em;
     color:#063843;
     font-weight:bold;
     margin-top:6px;
}

.AlertText {
    color:#FF0000;
}

.ActiveBox {
    margin-left:5px;
    margin-right:5px;
}

.ActiveBoxTop {
    height:16px;
    vertical-align:middle;
    padding-top:5px;
    background-color:#006666;
    border-top-right-radius:1.25em;
    border-top-left-radius:1.25em;
    border:2px solid #006666;
    text-align:center;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}
.ActiveBoxBody {
	border:1px solid #006666;
     margin-top:1px;
     text-align:center;
     padding-top:3px;
     font-size:0.6em;
}
.ActiveBoxBody > .LabelActiveRecord {
    display:inline-block;
    margin-bottom:5px;
}
.LabelActiveRecord {
	font-size: 9pt;	
	color:#063843;
	white-space:nowrap;
}
.activeboxText {
    FONT-WEIGHT:normal;
    FONT-SIZE: 0.6em;
    color:#063843;
}
.divError {
    border: 0px solid #FF0000;
    color: #FF0000;
    font-weight:100;
    position: absolute;
    top: 10px;
    white-space:nowrap;
    right: 50px;
    height:25px;
}
.errorSummary {
    width: 100%;
    text-align:left;
}
.errorSummary ul {
    list-style: square url('../Images/errorIcon.jpg');
}
.errorSummary a {
    color: red; font-weight: normal;
}
@-moz-document url-prefix() 
{
    .divError {
        border: 0px solid #FF0000;
        color: #FF0000;
        font-weight:100;
        position: absolute;
        top: 150px;
        white-space:nowrap;
        right: 500px;
        height:25px;
    }
}
.underline {
    text-decoration:underline;
}
.tableSpace2FullWidth {
    border-spacing:2px;
    border-collapse:collapse;
    width: 100%;
}
.tableSpace2HalfWidth {
    border-spacing:2px;
    border-collapse:collapse;
    width: 50%;
}
.tableSpace0FullWidth {
    border-spacing:0px;
    border-width: 0px;
    border-collapse:collapse;
    width: 100%;
}
.noLinkUnderline {
    COLOR: black; 
    FONT-SIZE: 87.5%;
    text-decoration:none;
}
.mandatory {
    font-weight:bold;
    color:#005E5E;
}
.bulletlinks a {
    COLOR: black; 
    FONT-SIZE: 87.5%; 
    TEXT-DECORATION: underline;
}
ul.bulletlinks li {
    height:25px;
}
.nonClickableLink:link, .nonClickableLink:visited, .nonClickableLink:hover
{
       text-decoration: none;
       cursor: default;
}

.strike
{
    text-decoration: line-through;
}
.success {
    color:Green;
    font-size: smaller;
}
.failure {
    color:Red;
    font-weight: bolder;
}

/* Standard Button Stuff */
.btnStandard, .btnStandardDisabled {
    border: 1px solid #BDB76B;
    color: black;
    padding: 5px 10px 5px 10px;
    min-width: 75px;
    FONT-WEIGHT: bold;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.btnStandard em {
    text-decoration:underline;
    font-style:normal;
}

/* Standard Button Hover Stuff */
.btnStandard:hover, .btnStandard:focus {
    border: 1px solid #d2cc83;
    color: white;
    cursor: pointer;
}

/* Standard Button Disabled Stuff */
.btnStandard:disabled{
    color: white;
    opacity: 0.5;
}

.btnLeftAlign
{
    float: left;
}

.btnLightBlue {
    background: linear-gradient(#7cbfd8, #b6e8fc); /* Standard syntax */
    background-color: #7cbfd8; /* In case of older browser */
}

.btnDarkBlue {
    background: linear-gradient(#1645a8, #6584e8); /* Standard syntax */
    background-color: #6584e8; /* In case of older browser */
}

.btnGreen {
    background: linear-gradient(#5aae62, #90d980); /* Standard syntax */
    background-color: #90d980; /* In case of older browser */
}

.btnLightRed {
    background: linear-gradient(#ff947c, #ffd7d0); /* Standard syntax */
    background-color:#ff947c; /* In case of older browser */
}

.btnDarkRed {
    background: linear-gradient(#ff5a5a, #ff9688); /* Standard syntax */
    background-color:#ff9688; /* In case of older browser */
}

.btnOrange {
    background: linear-gradient(#be6800, #ff9925); /* Standard syntax */
    background-color:#ff9925; /* In case of older browser */
}

.btnYellow {
    background: linear-gradient(#ffc85e, #ffe882); /* Standard syntax */
    background-color:#ffc85e; /* In case of older browser */
}

.btnPurple {
    background: linear-gradient(#957dff, #c2a3ff); /* Standard syntax */
    background-color:#c2a3ff; /* In case of older browser */
}

.btnGrey {
    background: linear-gradient(#a4a4a4, #cccccc); /* Standard syntax */
    background-color:#cccccc; /* In case of older browser */
}

.btnGrey:hover, .btnGrey:focus {
    color: black;
}

.skipToContentDiv a:link, skipToContentDiv a:visited {
    position:absolute;
    color:#FFF;
    text-decoration: none;
    font-size:0px;
}
.skipToContentDiv a:focus,.skipToContentDiv a:hover, .skipToContentDiv a:active {
    color: #009;
    background-color: #ffc;
    font-size:1em;
    text-decoration: none;
}

.pnlContent {
    padding:15px;
    text-align:left;
}

.readOnly{
    background-color:lightgray;
}

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}