/* -----TARE APPLICATION STYLE SHEET ----- */

/* ----- LEFT SIDE MENU ----- */
@import url("/Adoption_and_Foster_Care/common/app/menu-side.css");

#mainnav { /* hack to correct for differences in layout between app and website*/
	margin: 6px 0;
}

/* ----- BASIC STYLES ------*/
body {
	text-align:left;
	background: #005cb3;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
header, div.Content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
a:link, a:visited { color: #255aad }

a:hover, a:active, a:focus {
	color: #b2202b;
	text-decoration: underline;
}
a:focus {
	outline-style: dotted !important;
	outline-width: 1px !important;
}

/* ----- ACCESSIBILITY PANEL ----- */
#access {
	margin: 0;
	padding: 3px;
	background: #E5E5E5;
	border: solid #000000;
	border-width: 0 0 1px 0;
	text-align: right;
	line-height: 1.3;
}
#access a:link, #access a:visited {
	color: #333333;
	text-decoration: none;
}
#access a:hover, #access a:active, #access a:focus {
	color: #CC3333;
	text-decoration: underline;
}

/* ----- BANNER ----- */
header { /* HTML5 tag */
	min-width: 1110px;
}
#top {
	color:#FFFFFF;
	white-space: nowrap;
	padding: 0 5px 3px 0;
	text-align:right;
}
#top a:link, #top a:visited, #footer a:link, #footer a:visited {
	color:#e0ebf6;
	text-decoration: none;
}
#top a:hover, #top a:active, #top a:focus, #footer a:hover, #footer a:active, #footer a:focus, #bottom a:hover, #bottom a:active, #bottom a:focus {
	color: #F7F7F7;
	text-decoration: underline;
}

#header {
	background-color: #005cb3;
}
#header td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#bottom {
	background-color: #F7F7F7;
}
#header_image {
	padding: 0;
}
#header_image img {
	margin: 0;
	vertical-align:bottom;
}
td #header_links {
	padding: 0 20px 2px 0;
	white-space: nowrap;
	text-align: right;
	vertical-align: middle;
}
td #dfps_logo {
	text-align: right;
}
td #header_links img {
	 vertical-align:middle;
}
td #header_links a:link, #header_links a:visited, #header_links a:hover, #header_links a:active {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
td #header_links a:link, #header_links a:visited {
	color: #888888;
}
td #header_links a:hover, td #header_links a:active {
	color: #b2202b;
}
/* ----- BROAD LAYOUT ----- */
.Content { /* encompasses left nav, main content, and footer */
	margin-top: 5px;
}
section { /* HTML5, main content area */
	background: #F7F7F7;
	padding: 10px;
	min-height: 400px;
	margin-left: 170px;
	min-width: 920px;
}
.container { /* main content area */
	padding: 10px;
	width: 900px;
	display:inline-block;
}
#footer { /* only used in footer */
	margin-bottom: 10px;
}
/* ----- VALIDATION HELPERS ----- */ 
.field-validation-error {
	color: #ff0000;
}
.field-validation-success {
	color: Green;
}
.field-validation-valid {
	display: none;
}
.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}
.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}
.validation-summary-valid {
	display: none;
}
fieldset {
	border: none;
}
.groupHeader {
	background-color: #e0ebf6;
	border-bottom: thin solid #255aad;
	color: #255aad;
	padding: 5px;
}
.groupBody {
	padding: 10px;
}
label, input, .label, select {
	font-size: 90% !important;
	vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea, select {
	margin: 0.2em 0;
}
.label {
	font-weight: bold;
}
.registerBar { /* this needs to be updated, but I haven't figured out how it's used... Randy Anthony 10/23/19 */
	background-color:#F4FBFF;
	height:31px;
	border:1px solid #DDDDDD;
	padding:8px;
	margin:0px 0px 0px 0px;
	-moz-border-radius:9px 9px;
	border-radius:9px 9px;
}
#faq a:link, #faq a:visited {
	text-decoration: none;
}
h1, h2 {
	color: #002F86;
	font-weight: bold;
}
h3, h4 {
	color: #255aad;
	font-weight: bold;
}
h5, h6 {
	color: #b2202b;
	font-weight: bold;
}

/* ------------- STYLES COPIED FROM TARE WEBSITE ------------- */
.alert {
	color: #b2202b;
}
.feature, .picture {
	background-color: #e0ebf6;
	border: 0.1em solid #255aad;
}
.feature {
	border-top-width: 1em;
}
.feature h1, .feature h2, .feature h3, .feature h4, .feature h5, .feature h6 {
	color: #255aad;
}
.print-only {
	display: none;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
h1 {
	margin: 0 0 1.0em 0;
}
#pageContent > h1:first-child {
	margin: 1.0em 0;
}
h2, h3, h4, h5, h6 {
	margin: 1.0em 0;
}
.groupHeader h2, .groupHeader h3, .groupHeader h4, .groupHeader h5, .groupHeader h6 {
	margin: 0.3em;
}
#lightbox-container-image-box h2 {
	margin: 0;
	padding-top: 0.3em;
}
#contentGallery h2:first-child {
	padding: 0.5em 0
}
h1 {
	font-size: 190%;
}
h2 {
	font-size: 175%;
}

h3 {
	font-size: 160%;
}
h4 {
	font-size: 145%;
}
h5 {
	font-size: 130%;
}
h6 {
	font-size: 115%;
}

/* HOME PAGE STYLES */
#cbPresentChild {
	background-color: #e0ebf6;
	border: 0.1em solid #255aad;
	text-align: center;
	margin-left: 10px;
	display: inline-block;
}
#cbPresentChild .label {
	font-style:italic
}
div.news {
	border: 1px solid #255aad;
	border-top-width: 10px;
	background: #e0ebf6;
	height: 100%;
	margin: 10px 10px 25px 10px;
	padding: 10px;
	vertical-align:top;
}
#home_page h2:first-child {
	margin-top: -10px;
}
#home_page table.news h1 {
	margin-top:0
}
.vtabs .vtabs-tab-column ul li a.open, .vtabs .vtabs-tab-column ul li a.closed {
    color: #255aad !important;
}
.resultParameters {
    background-color: #e0ebf6 !important;
	border: 1px solid #255aad !important;
    margin-bottom: 1.5em !important;
}