/*
Orange   #F77F00
Smokey   #4C4D4F
Limestone #F0EDE4
*/
h1 {font-size:28px; color: #4C4D4F;}
h2 {font-size:20px; color: #F77F00;}
h3 {font-size:16px; color: #F77F00;}
p, div, td {
	margin:0px auto;
	font-family: sans-serif; 
	font-size:14px; 
	color: #000000;
}

table, tr, td{
    margin:0px auto;
	padding:0px;
    vertical-align: top;
	border-collapse: collapse;
}

.headerImage{
	border: none;
	width: 200px;
	background: none;
}

#pageHeaderDiv , #pageHeaderTable, #pageFooterDiv {
	text-align: center;
	width: 1024px;
	max-width: 1024px;
	padding: 0px;
	margin: 0px auto;
	background: #F0EDE4;
	vertical-align: middle;
}
#pageHeaderDiv {
	border-bottom: 1px #4C4D4F solid;
}

#pageHeaderDiv h1, p{
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#pageTable{
	text-align: center;
	min-height: 480px;
	width: 1024px;
	max-width: 1024px;
	background-color: #F0EDE4;
}
#pageContentContainer{
	max-width: 874px;
	min-height: 480px;
	text-align: center;
}

.pageSectionDiv, .pageSectionDiv div, .pageSectionDiv table{
	text-align: center;
	margin:0px auto;
}

#weatherForecast
{
    text-align:left;
    font-size: 12px;
    width: 420px;
    height: 320px;
    overflow: auto;
}

.prettyTable table{
	margin: 0px auto;
	padding:0px;
	border:1px solid #4C4D4F;
    border-collapse: collapse;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

.prettyTable thead th,.prettyTable thead td{
    text-align: center;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
    background-color:#F77F00;
	border:1px solid #4C4D4F;
	border-width:0px 1px 1px 0px;
}

.prettyTable  tr:nth-child(odd){ background-color:#ffffff; }

.prettyTable  tr:nth-child(even)    {background-color:#F0EDE4; }

.prettyTable  tbody td{
	vertical-align:middle;
	text-align: left;
	border:1px solid #4C4D4F;
	border-width:0px 1px 1px 0px;
	padding:0px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#4C4D4F;
}


.prettyTable  tfoot td{
	vertical-align:middle;
	text-align: left;
	border:1px solid #4C4D4F;
	border-width:0px 1px 1px 0px;
	padding:0px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#4C4D4F;
}


.prettyTable tbody tr{
	padding: 0px 0px;
}

.prettyTable tbody input{
	height: 12px;
	font-size: 12px;
	padding: 0px 0px;
	margin: 0px auto;
	text-align: center;
}

.prettyTable  tbody tr:hover td{
	background-color:#4C4D4F;
	color:#ffffff;
}


#dateSelectorTable
{
    border-collapse: separate;
    padding: 10px;
    text-align: center;
    font-family:Arial;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    color:#4C4D4F;
}

.datePicker
{
	display: block;
}


#stateSelectorTable td
{
	padding: 8px;
    font-family:Arial;
    font-size:12px;
}


#countySelectorTable td
{
    padding: 8px;
    font-family:Arial;
    font-size:12px;
}

.changeStatus
{
	font-size:14px;
	font-weight: bold;
	color: #FF0000;
}

.error
{
	font-size:14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}