﻿#Instructions { width: 95%; margin: 0 auto; }

/* =================== Accordion Box ================= */
.Accordion { margin: 0 0 10px 0; padding: 0; border: 1px solid #28325a; background-color: #DDDEF5; border-radius: 10px; position: relative; }
.Accordion h1 { text-align: center; margin: 0; width: auto; background-color: #9F8F64; color: #fff; text-shadow: 2px 2px #484233; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 3px 10px; }
.Accordion a.ShowHide { position: absolute; right: 10px; top: 2px; display: block; width: 30px; margin-right: 8px; margin-top: 3px; text-align:center; padding: 2px 5px; color: #fff; }
.Accordion a.ShowHide:hover { color: #FFFF00; background-color: transparent; }
.Accordion .AccordionContent { margin: 5px 7px; border: 1px dashed #ccc; background-color: #fff; padding: 0 5px; }
.HideAccordion .AccordionContent  { display: none; }
.HideAccordion h1 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.FormLayout { margin: 0 auto; background-color: transparent; width: 100%; }
.FormLayout td { vertical-align: top; padding: 3px; }
.FormLayout th { background-color:#103471; padding: 8px 5px; color: #fff; border-color: transparent; }
.FormLayout select.AreaType, .FormLayout select.Grouping { width: 260px; }
.FormLayout select.Area { width: 260px; height: 525px; }
.FormLayout td.LabelCol { width:65px; padding-top:10px; font-weight: bold; white-space: nowrap; }

.WEBLIB_Form { width: 100%; margin: 0; }
.FormErrorPanel td { padding: 5px; height: 50px; }
.WEBLIB_Form .FormErrorPanel { background-image: none; }
.WEBLIB_Form .FormErrorPanel img { background: url('Images/Icons_48.png') no-repeat 0 -200px; height: 48px; width: 48px; float: left; }
.WEBLIB_Form .FormErrorPanel div, .WEBLIB_Form .FormErrorPanel ul { margin-left: 55px; }


.CriteriaItem { width: 100%; margin-bottom: 15px; border: 1px solid #103471; }
.CriteriaItem th { background-color:#D3D3E9; color:#103471;  }
.CriteriaItem td { padding: 5px; vertical-align: middle; border-top: 1px solid #103471; border-left: 1px solid #103471; height: 25px; background-color: #fff; }
.CriteriaItem td:first-child { border-left-width: 0; }
.CriteriaItem input[type="checkbox"] { margin-right: 5px; vertical-align:middle; }
.CriteriaItem .RadioSelected, .RadioItem .RadioSelected td { background-color: #9F8F64;  }
.CriteriaItem .RadioSelected label { color: #FFFF00; }
.RadioItem tr td { border-left-width: 0; }
		
.StateSelect { list-style-type: none; display:inline-block; }
.StateSelect li { display:inline-block; width: 50px; text-align: center; padding: 3px; }
.StateSelect .RadioSelected { background-color: #9F8F64;  }
.StateSelect .RadioSelected label { color: #FFFF00; }

.DataPanel { margin: 10px auto 15px auto; border: 1px solid #ccc; background-color: #efefef; padding: 0 15px 15px 15px; display:table; min-width: 400px; }
.DataPanel .ExportBtn { float: right; width: 150px; text-align: right; }
.DataPanel .Title h2 { margin-bottom: 0; border-bottom: 1px solid #8C784A; }
.DataPanel .Title a { font-size: 12px; font-weight: normal; margin-left: 10px; line-height: 16px; }
.DataPanel .AreaListRow { padding: 2px; border: 1px solid #8C784A; background-color: #8C784A; color: #fff; }
.DataPanel .AreaListRow span { font-weight: bold;  }
.DataPanel .ResultGrid { margin: 10px auto; display: table; }

.TableLegend { width: 900px; margin: 5px auto; border: 1px solid #103471; border-collapse:separate !important; }
.TableLegend th { padding: 5px; border-bottom: 1px solid #103471; border-right-width: 0; }
.TableLegend td { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; vertical-align: top; }
.TableLegend td:last-child { white-space:normal; }
.TableLegend tr.Title th { background-color: #8c784a; color: #fff; text-align:center; height: 25px; font-size: 16px; }
.TableLegend tr.ColHeaders { background-color: #D2E1E9; color: #103471; }