@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/*This creates an easy two column layout where you can insert your information. It is currently set up for a left hand sidebar with a right hand content, but can easily be switched by simply switching the float statements of each the #main and #sidebar to the other side*/
#content {
	position:relative;	
	display: block;
}

#blog_content { 
	color:#535e6e;
}

.separator {width:630px;height:2px;background-color:#bfcae5;margin:5px 0 5px 8px;}

div.image_fullsize .left {width:240px;margin-right:15px}

.section_image_col {margin:5px 10px 5px 10px;text-align:center}

.section_image_col img {margin-bottom:6px}

.section_text_col {margin:0 10px 0 10px;float:left;margin-left:-8px}

#blog_content h5 {color:#486590;margin:4px 0 0 -10px;font-style:italic} 

#content strong {font-weight:bold}

#commissioner_content {}

#content #main {
	width: 100%;
	min-width: 230px;
	display: table-cell;
}
h6.dropdown_section_divider {
	background-color:#d2e1ff;
	border-bottom:3px solid #bad0fa;
	line-height:19px;
	padding-top:4px;
}

#sidebar .address_heading {
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.8em;
}

#sidebar .address_disclaimer{
	font-weight:bold;
}

#primary_content .address_heading {
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.3em;
}

#primary_content .address_disclaimer{
	font-weight:bold;
}

#primary_content span.address_small {font-size:.9em}

#content #sidebar, #blog_content #sidebar{
	width: 100%;
	min-width: 250px;
	padding:0 0 12px 0;
	font-size:.9em;
	background-color: #edf3f8;
}

#content #sidebar .widget,
#blog_content #sidebar .widget {
	
	margin-bottom: 40px;
}

#content #sidebar .widget  p {
	font-size: 100%;
}

#content #sidebar .widget  p.small{
	font-size: 80%;
}

#content #sidebar .widget  p.large{
	font-size: 110%
}

/* WCAG update
#content #sidebar .widget h5 {

	padding-left: 16px;
	color: #014c8b;
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
*/

#content #sidebar .widget h3 {

	padding-left: 16px;
	color: #014c8b;
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content #sidebar.hr .widget h3 {

	padding-left: 16px;
	color: black;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#content #sidebar .widget.long_title h4 {
	margin-bottom: 4px;
	margin-top: 20px;
}

#content #sidebar .widget .widget_section {

	padding-top: 20px;
}

#content #sidebar .widget .widget_section.isolated {

	padding-top: 40px;
}

#blog_content #main {

	width: 100%;
	margin-bottom: 40px;
}

#blog_content iframe {
	margin:8px 0 11px 11px;
}

#blog_content video {
	margin:8px 0 11px 9px;
}

#content #sidebar ul {
	padding: 5px 16px 5px 36px;
}

#content #sidebar li {
	margin-bottom: 6px;
}

#content .sidebar_content, #blog_content .sidebar_content 
{
	padding: 0 16px;
}

#blog_content #sidebar ul, #blog_content #sidebar p {
	font-size:.8em;	
}

.h2_container_sidebar {
	padding: 40px 0px 0px 8px;
    margin: -1px 16px 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.h2_container_sidebar.first {
	border: none;
}

#sidebar h2 {
    font-size: 1.6em;
    width: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding: 40px 0px 0px 8px;
    margin: -1px 16px 16px;
}

#sidebar .h2_container_sidebar h2 {
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar h2.small { 
	font-size: 1.5em;
}

#sidebar h2.smaller { 
	font-size: 1.4em;
}

#sidebar h2.smallest {
	font-size: 1.3em;
}

#sidebar h2.sub-header{
	font-size: 1.1em;
}

#sidebar .small { font-size: .8em;}

#sidebar h3 {
	padding: 5px 16px 0px 16px;
	color: black;

}

#content #sidebar h4 {
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	text-transform:none;

}


#content #sidebar p {
	letter-spacing:.01em;
	padding: 5px 16px;
}

#sidebar #event_legend {
	padding: 0 16px;
}

/* #sidebar p.small {font-size:.7em;line-height:1.2em;margin:5px 10px 5px 10px;font-weight:bolder;color:#5269a0} */

#commissioner_page_primary_content {
	float: left;
	width: 650px;
	margin:0 0 20px 0;
	color:#535e6e;
	font-size:.9em;
}

#commissioner_sidebar{
	float: right;
	width: 250px;
}

#commissioner_sidebar ul li {font-size:.9em;line-height:14px}

#commissioner_sidebar img, 
#sidebar img {
	display:block;
	margin:5px auto 0px auto;
	width: 300px;
}

#commissioner_sidebar .caption {font-size:.6em;font-style:normal;color:#535e6e;font-family: 'Segoe UI', Helvetica, Arial, sans-serif;line-height:1.2em;display:block;text-align:left;width:220px;margin:0 auto}

#commissioner_page_primary_content p {}

#commissioner_page_primary_content .photo {float:left;width:200px;text-align:center;margin-right:15px}

#commissioner_page_primary_content .deputy_photo {clear:both;display:block;margin:0 auto;width:200px;text-align:center}

#commissioner_page_primary_content img {margin-top:9px}



.expand_header img {float:left;margin:0 3px 0 3px}

#main .col_one, #commissioner_page_primary_content .col_one 
{
	width:100%;
	min-width:190px;
	float:left
}

#main .col_two, #commissioner_page_primary_content .col_two 
{
	width:100%;
	min-width:190px;
	float:left
}

#main .col_one.locked_col,
#main .col_two.locked_col{
	width:45%;
	min-width: 117px;
	box-sizing: border-box;
}

#main .col_one.locked_col {
margin-right: 10px;
}

#main .col_two.locked_col {
margin-left: 10px;
}

.image_row.two_col,
.text_row.two_col {
	min-width: 256px;
	width: 60%;
	margin: auto;
}







/* "Patches" table style */
#patches {
margin:5px 9px;
color:#666;
font-size:.9em;
}

#patches td {
	vertical-align:top;
	padding-right:14px;
	padding-bottom: 0;
}

#patches tr {
	
}

#patches tr:nth-child(even) td {
padding-bottom:13px;
}

#patches .number {
	position:relative;
	bottom:28px;
	width:30px;height:30px;
	left:3px;
	font-weight:bold;
	font-size:1.2em;
	color:#082858;
	text-shadow:
	-1px -1px 0 #f3f7fe,
    1px -1px 0 #f3f7fe,
    -1px 1px 0 #f3f7fe,
    1px 1px 0 #f3f7fe;
	margin-bottom:-33px;
}

#patches img {
	max-height: 128px;
	max-width: 110%;
}











/* START OF CSS FOR MAP */
dl.map {
	position:relative;
	width:650px;
	height:477px;
	background:url('/probation-parole/images/alaska_map_blank.png') no-repeat;
	background-size: contain;
	border-radius: 2px;
	text-align:left;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}
.institution_photo.back {background-color:#a7bad4}

dl.map dt {
	list-style:none;
	display:inline;
}
dl.map dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:11;
	font-size:0.8em;
	color:#FFF;
	
}
dl.map a.location {
	display:block;
	position:absolute;
	background:url('/probation-parole/images/pointer_icon.png') no-repeat;
	width:26px;
	height:32px;
	outline:none;
	z-index:10;
	text-decoration:none;
}

dl.map a.location span {
	color:#ffb612;
	text-shadow:    
	-1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
	display:block;
	left:22px;
	position:absolute;
	font-size:.8em;
	font-weight:bold;
}

dl.map a.location span#anchorage-text {
	left:-59px;
}

dl.map a.location span#kenai-text {
	left:-29px;
}

dl.map a.location span#kodiak-text {
	left:-37px;
}

dl.map a.location span#ketchikan-text {
	left:-54px;
}

dl.map a.location:hover,
dl.map a.location:focus {
	background:url('/probation-parole/images/pointer_icon_hover.png') no-repeat;
}

/* START OF CSS FOR MAP POINTS */

dl.map a#fairbanks {
	top:169px;
	left:380px;
}

dl.map a#palmer {
	top:252px;
	left:349px;
}

dl.map a#anchorage {
	top:261px;
	left:336px;
}

dl.map a#kenai {
	top:280px;
	left:319px;
}

dl.map a#kodiak {
	top:342px;
	left:290px;
}

dl.map a#dillingham {
	top:302px;
	left:214px;
}

dl.map a#bethel {
	top:250px;
	left:189px;
}

dl.map a#nome {
	top:148px;
	left:195px;
}

dl.map a#kotzebue {
	top:99px;
	left:236px;
}

dl.map a#utqiagvik  {
	top:8px;
	left:312px;
}

dl.map a#juneau {
	top:347px;
	left:542px;
}

dl.map a#sitka {
	top:381px;
	left:529px;
}

dl.map a#ketchikan {
	top:416px;
	left:591px;
}

.standard_form {
	margin:8px;
}

.standard_form .row {
	clear:both;
	padding-top:4px;
}

.standard_form label {
	display:block;	
	float:left;
	width:100px;
}

.standard_form input[type=text] {
	float:left;
	width:200px;
}

#primary_content .threecol {
	width: 100%;
}

#primary_content .threecol ul{
	padding:4px 4px 10px 30px;
}

#primary_content .section.row{
	margin-bottom: 0;
}



@media screen and (min-width: 36em) {
	
	#primary_content .section.row{
		margin-bottom: 20px;
	}
	
	#primary_content .threecol,
	#primary_content .threecol_one,
	#primary_content .threecol_two,
	#primary_content .threecol_three {
		width:31%;
		margin:0 4px 0 5px;
		float:left;
		padding:0;
	}
	
	.col_center {
		width: 48%;
		min-width: 260px;
		margin: auto;
	}
	
	#main .col_one, #commissioner_page_primary_content .col_one {
		width:48%;
		min-width:190px;
		margin:0 20px 40px 0;
		float:left
	}

	#main .col_two, #commissioner_page_primary_content .col_two {
		width:48%;
		min-width:190px;
		margin:0 0px 40px 0;
		float:left
	}
	
	#main  .bottom_widget .col_one,
	#main  .bottom_widget .col_two {
		margin-bottom: 0;
	}
	
	
	
	#primary_content .col_one, .expand_body .col_one {
	max-width:48%;
	min-width: 190px; 
	margin:0 20px 0 0;
	float:left;
	padding:0;
	}
	

	#primary_content .col_two, .expand_body .col_two {
		max-width:48%; 
		min-width:190px; 
		margin:0;
		float:left;
		padding:0;
		
	}
	
	#primary_content .col_one .no_margin
	{
		margin-right: 10px;
	}
	
	#primary_content .fourcol {
		width:25%;
		min-width: 136px;
		margin:0;
		float:left;
		padding:0;
	}
}

@media screen and (min-width: 48em) { 

	#content,
	#blog_content	{
		display: flex;
	}

	#content #main{
		width: 64.0%;
		display: table-cell;
		margin-right: 40px;
		padding: 0;
		float: left;
	}
	
	#blog_content #main{
		width: 66.0%;
		display: table-cell;
		margin-right: 40px;
		padding: 0;
	}
	

	
	#content #sidebar, #blog_content #sidebar {
		float: right;
		width: 32%;
		min-width: 179.45px;
		display: block;
		box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.06) inset;
	}
	
	#blog_content #sidebar {
		width: 31%;
	}
	
	#content #sidebar .widget {
		border-right: none;
	}

	#breadcrumbs_text {
		width: 64%;
	}
	
	

}