@import url("css/variations/stylesheetwidget.css");
       @import url("css/bootstrap-grid-only.css");
       @import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
       a:focus {
       	color: #803224 !important;
       }
       #CountyMenuDiv {
       	width: 680px!important;
       	height: 37px;
       	padding: 0px;
       	margin: 0px;
       	background: url(images/LightBlue_r5_c7.jpg);
       	float: left;
       }
      
       .menuContainer {
       	padding-top: 0px;
       	padding-left: 0px;
       	padding-right: 2px;
       	padding-bottom: 3px;
       }
       .bannerpane {
       	display: table-row;
       }
       .topleftPane {
       	padding-top: 5px;
       	padding-left: 7px;
       	padding-right: 7px;
       	padding-bottom: 3px;
       }
       .toprightPane {
       	padding-top: 5px;
       	padding-left: 7px;
       	/*only for admin page */
       	padding-right: 7px;
       	padding-bottom: 3px;
       	vertical-align: top;
       }
       .leftPane {
       	padding-top: 7px;
       	padding-left: 7px;
       	padding-right: 7px;
       	padding-bottom: 3px;
       	width: 230px;
       	vertical-align: top;
       }
       .contentPane {
       	padding-top: 3px;
       	padding-left: 7px;
       	padding-right: 7px;
       	padding-bottom: 3px;
       	vertical-align: top;
       }
       .rightPane {
       	padding-top: 7px;
       	padding-left: 7px;
       	padding-right: 7px;
       	padding-bottom: 3px;
       	width: 230px;
       	vertical-align: top;
       }
       .bottomPane {
       	padding-top: 10px;
       	padding-left: 10px;
       	padding-right: 10px;
       	padding-bottom: 10px;
       }
       .BottomleftPane {
       	width: 300px;
       	padding-left: 7px!important;
       	padding-right: 7px!important;
       }
       .BottomcontentPane {
       	width: 384px;
       }
       .BottomrightPane {
       	width: 300px;
       	padding-left: 7px!important;
       	padding-right: 7px!important;
       }
       @media screen and (max-width:769px) {
       	.contentPane {
       		padding: 0;
       	}
       	.BottomleftPane,
       	.BottomcontentPane,
       	.BottomrightPane {
       		width: 100%;
       	}
       }
       .gsc-input-box {
       	height: auto !important
       }
       .cse .gsc-control-cse,
       .gsc-control-cse {
       	background-color: transparent!important;
       	border: none !important;
       }
       .gsc-search-button {
       	position: relative;
       	top: 2px !important;
       }
       input.gsc-search-button {
       	background-color: #2e6e90 !important;
       	border: none !important;
       	width: 13px !important;
       	height: 13px !important;
       	padding: 10px !important;
       }
	  
	   #CountyBrand #googlesearchCell {
       	
       	display: table-cell;
       	float: right;
       	position: relative;
       	left: 0px;
       	background: url(images/LightBlue_r5_c7.jpg);
       	padding-right: 40px;
       }
	  	  
       #CountyBrand table.gsc-search-box {
       	/* position & size of search box on  menu  */
       	position: relative;
       	top: 0px !important;
		width: 220px!important;
       	/*added to postion google search*/
       }
	   
	   /*Google Banner Fixes*/
       
       #googlesearch {
       	position: absolute;
       	top: 2px;
       	right: 7px;
       	height: 37px;
       }
	   
       #gsc-i-id1 {
       	background: none !important;
       }

       @media(max-width:769px) {
       	table.gsc-search-box {
       		/* position & size of search box on  menu  */
       		position: relative;
       		top: 0px !important;
       		/*added to postion google search*/
       	}
       }

       }
       .gsc-search-box-tools .gsc-search-box .gsc-input {
       	padding-right: 12px;
       	/*    padding-top: 6px !important;*/
       }
       .mobile-search {
       	background-color: #14394d;
       	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
       	display: none;
       	height: 50px;
       }
       @media screen and (max-width:769px) {
       	#qlinks {
       		width: 200px;
       		margin: 0 auto;
       	}
       	#apnhome {
       		width: 200px;
       		margin: 0 auto;
       	}
       	#relinfo {
       		width: 200px;
       		margin: 0 auto;
       	}
       	#assessormsg {
       		width: 100%;
       	}
       	#homefooter {
       		width: 100%;
       	}
       	#saldaviapic {
       		display: none;
       	}
       	.DnnModule-2873 {
       		top: -15px;
       		left: 10px;
       		margin: 0 auto;
       	}
       	/*Order of Panes When Mobile*/
       	.flex {
       		display: -webkit-box!important;
       		display: -ms-flexbox!important;
       		display: flex!important;
       		-webkit-box-orient: vertical!important;
       		-webkit-box-direction: normal!important;
       		-ms-flex-direction: column!important;
       		flex-direction: column!important;
       	}
       	.flex-1 {
       		-webkit-box-ordinal-group: 2!important;
       		-ms-flex-order: 1!important;
       		order: 1!important;
       	}
       	.flex-2 {
       		-webkit-box-ordinal-group: 3!important;
       		-ms-flex-order: 2!important;
       		order: 2!important;
       	}
       	.flex-3 {
       		-webkit-box-ordinal-group: 4!important;
       		-ms-flex-order: 3!important;
       		order: 3!important;
       	}
       	.flex-4 {
       		-webkit-box-ordinal-group: 2!important;
       		-ms-flex-order: 1!important;
       		order: 1!important;
       	}
       	.flex-5 {
       		-webkit-box-ordinal-group: 3!important;
       		-ms-flex-order: 2!important;
       		order: 2!important;
       	}
       	.flex-6 {
       		-webkit-box-ordinal-group: 4!important;
       		-ms-flex-order: 3!important;
       		order: 3!important;
       	}
       	.DNNAligncenter {
       		display: block;
       		text-align: center;
       		margin: 0 auto;
       		display: block;
       		width: 260px;
       	}
       	/*Drop Down PDF's*/
       	.DnnModule-2873,
       	.DnnModule-2872 {
       		margin: 30px;
       		width: 280px;
       		margin-left: auto;
       		margin-right: auto;
       		padding: 0px;
       		border: 0px solid black;
       		height: 26px;
       	}
       	footer .social {
       		position: absolute !important;
       		left: 0px !important;
       	}
       }
       /*****************************DA STYLES*****************************/
       /******************** Header and County Brand ************************thisd could be moved upstream ********/
       
       .headerPane {
       	position: relative;
       	z-index: 1;
       	width: 100%;
       	background-color: #1C4E69;
       	box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.19);
       	height: 37px;
       	/* min-width: 1135px; */
       }
       #CountyBrand {
       	position: relative;
       	width: 1012px;
       	margin: 0 auto;
       	font-family: sans-serif;
       	height: 27px;
       	padding: 0px;
       	padding-top: 5px;
       	padding-bottom: 5px;
       }
       #CountyBrand #countySeal {
       	float: left;
       	margin-right: 7px;
       	margin-left: 7px;
       }
       #CountyBrand #CountyHomeLink,
       #CountyBrand #CountyHomeLink:link,
       #CountyBrand #CountyHomeLink:visited {
       	display: block;
       	color: #f4ece2;
       	font-size: 16px;
       	margin: 0;
       	margin-top: -6px;
       	text-decoration: none;
       	-webkit-transition: all .7s;
       	transition: all .7s;
       	padding: 8px 0px;
       	width: 190px;
       }
       #CountyBrand #CountyHomeLink:hover,
       #CountyBrand #CountyHomeLink:active {
       	color: #D9B007;
       	text-shadow: 2px 2px 8px rgba(216, 193, 159, 0.45);
       	text-decoration: none!important;
       }
       #CountyBrand #CountyHomeLink:focus {
       	color: #f5ab35 !important;
       }
       .brandHome {
       	position: absolute;
       	right: 10px;
       	color: #D8C19F;
       	font-size: 20px !important;
       	top: 0px;
       	padding: 3px;
       	border-radius: 5px;
       }
       .brandHome:hover {
       	background: rgba(255, 255, 255, 0.1);
       }
       .brandHomeText {
       	font-size: 12px;
       	position: relative;
       	top: -1px;
       }
       .brandHomeText:hover {
       	color: white;
       }
       @media (max-width: 769px) {
       	.bodyContent,
       	#CountyBrand,
       	.container,
       	.containers {
       		width: 100%;
       	}
       }
       /****************************** END Header and County Brand ******************************/
       
       #tblNavigationMenu {
       	background-color: #1C4E69 !important;
       	background: -webkit-linear-gradient(#1C4E69, #1C4E69)!important;
       	background: linear-gradient(#1C4E69, #1C4E69)!important;
       	position: absolute;
       	width: 580px;
       	left: 200px;
       	top: 2px;
       	padding-bottom: 1px;
       }
       
       /******end of scc banner*******/
       /*DA Banner*/
       
       .daBanner {
       	background: #03213D;
       	width: 1012px;
       	margin: 0 auto;
       	position: relative;
       	height: 100px;
       }
       .daSeal {
       	padding: 0;
       }
       .daSeal img {
       	width: 160px;
       	margin-bottom: -50px;
       }
       .daHeading {
       	padding: 0!important;
       }
       .daHeading h1,
       .daHeading .bannertext {
       	color: white;
       	font-family: serif;
       	font-size: 3em;
       	font-weight: bold;
       	margin-top: 5px;
       	margin-left: 85px;
       	margin-bottom: 20px !important;
       	text-align: left;
       	letter-spacing: 3px;
       	line-height: 1.1em;
       }
       .santaCruzHeading {
       	font-size: 16px;
       	color: rgba(255, 255, 255, 0.7);
       }
       .daRightIcon {
       	padding: 0;
       }
       .daRightIcon img {
       	width: 207px;
       	position: relative;
       	right: 38px;
       	height: 100px;
       }
       /*DA Nav*/
       
       .HorizontalMenuBar {
       	background-color: #565656 !important;
       	border-top: 2px solid #CCCCCC;
       	box-shadow: 0px 6px 10px -7px #252525;
       }
       /*Press Releases*/
       
       #PressReleases ul {
       	margin: 0 auto;
       	padding: 0;
       	border: 1px solid rgba(0, 0, 0, 0.1);
       	padding: 5px 5px 0 5px;
       	border-left: none;
       	border-right: none;
       	margin-bottom: 30px;
       }
       #PressReleases li {
       	list-style: none;
       	background-color: rgba(0, 0, 0, 0.05);
       	background-image: -webkit-linear-gradient( left, #1C4E69 10px, #EEE 10px, #EEE 11px, transparent 11px);
       	background-image: linear-gradient( 90deg, #1C4E69 10px, #EEE 10px, #EEE 11px, transparent 11px);
       	padding: 10px 15px 10px 25px;
       	border: 1px solid #CCC;
       	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
       	margin-bottom: 5px;
       	width: 100%;
       	box-sizing: border-box;
       	cursor: pointer;
       	border-radius: 3px;
       	-webkit-transition: all 1s;
       	transition: all 1s;
       }
       #PressReleases li:hover {
       	background-image: -webkit-linear-gradient( left, #5d9cbe 10px, #f4f4f4 10px, #f5f2f2 11px, white 11px);
       	background-image: linear-gradient( 90deg, #5d9cbe 10px, #f4f4f4 10px, #f5f2f2 11px, white 11px);
       }
       .pressDate {
       	font-size: 16px;
       }
       /*Google Search*/
       
       #___gcse_1 {
       	position: absolute;
       	right: -5px;
       }
       @media (max-width:769px) {
       	#___gcse_1 {
       		width: 100%;
       	}
       }
       #gs_tti50 {
       	padding: 0px;
       }
       #gs_tti50 input {
       	text-indent: 0px!important;
       }
       input.gsc-search-button {
       	background-image: none !important;
       }
       /*Left Pane Navigation*/
       
       .leftPaneNav {
       	max-width: 500px;
       	font-family: sans-serif;
       	margin: 0 auto;
       	border: 1px solid #d6d6d6;
       }
       .leftPaneNav ul {
       	list-style-type: none !important;
       	margin: 0;
       	padding: 0;
       }
       .leftPaneNav ul li {
       	list-style-type: none !important;
       	margin: 0;
       	padding: 10px;
       	border: 1px solid rgba(37, 37, 37, 0.1);
       	border-bottom: none;
       	background: white;
       }
       .leftPaneNav ul li:hover {
       	box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.1);
       }
       .leftPaneNav ul li:last-of-type {
       	border-bottom: 1px solid rgba(37, 37, 37, 0.1);
       }
       .leftPaneNav ul li a {
       	font-size: 14px;
       }
       /*Navigation Marker Icon*/
       
       .fa-map-marker {
       	color: #DF5962;
       	font-size: 20px !important;
       }
       /*Form Button for Witness Check in*/
       
       .btn-info {
       	color: #fff;
       	background-color: #1C4E69!important;
       	border-color: #134058!important;
       }
       .btn-info:hover {
       	color: #fff;
       	background-color: #306886!important;
       	border-color: #134058!important;
       }
       /*Contacr Form*/
       
       .bstrap30 .col-sm-9 textarea {
       	margin-left: 0px!important;
       }
       .bstrap30 .col-sm-offset-3 {
       	margin: auto;!important;
       }
       @media screen and (max-width:769px) {
       	.bstrap30 .col-sm-9 textarea {
       		position: relative;
       		left: -340px;
       		margin-bottom: 10px;
       		width: 250px !important;
       	}
       	.bstrap30 .col-sm-offset-3 {
       		margin-left: 0% !important;
       	}
       	.bstrap30 .col-sm-9 input {
       		width: 240px;
       	}
       	.bstrap30 .row {
       		padding: 10px;
       	}
       }
       /*Google Translate*/
       
       .goog-logo-link {
       	//display: none !important;
       }
       #google_translate_element {
       	color: #1C4E69 !important;
       	position: absolute;
       	top: 15px;
       	right: 10px;
       }
       /*Twitter Feed*/
       
       #twitter-widget-0 {
       	min-height: 420px!important;
       	height: 420px!important;
       }
       @media screen and (max-width:769px) {
       	#twitter-widget-0 {
       		min-height: 220px !important;
       	}
       }
       .CaptchaControl {
       	width: 300px !important;
       }
       /*MENU STYLING*/
       /*menu color*/
       
       #department-nav {
       	background: #565656 !important;
       	border-top: 2px solid #CCCCCC;
       }
       /*Arrow color*/
       
       .sm-blue a span.sub-arrow {
       	border-color: #e6e6e6 transparent transparent transparent!important;
       	margin-left: -15px!important;
       }
       /*Hover Color*/
       
       .sm-blue a:hover,
       .sm-blue a:focus,
       .sm-blue a:active,
       .sm-blue a.highlighted {
       	background: #363636 !important;
       	color: white !important;
       }

		.sm-blue a 
       /* SUB LEVEL BACKGROUND COLOR */
       
       .sm-blue ul {
       	border-left: 4px solid #565656 !important;
       }
       /*FONT RESIZE*/
       
       .mediumText {
       	font-size: 1.2em!important;
       	line-height: 20px;
       }
       .largeText {
       	font-size: 1.4em!important;
       	line-height: 25px;
       }
       .normalText {
       	font: default;
       }
       .content * {
       	-webkit-transition: .2s ease;
       	transition: .2s ease;
       }
       .skip {
       	position: absolute;
       	top: 40px;
       	left: 0px;
       	width: 200px;
       	height: 23px;
       	z-index: 10000;
       }
       .skip a {
       	text-decoration: none;
       	display: block;
       	position: absolute;
       	top: -300px;
       	left: 0;
       	z-index: 100;
       	padding: 0.2em 0.5em;
       	width: 123px;
       	text-align: center;
       	font-size: 12px;
       	background: #252525;
       	color: #ffffff;
       }
       .skip a:focus,
       .skip a:active {
       	top: 0;
       	background: #252525;
       	color: #ffffff !important;
       	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
       }
       .pagebg {
       	position: relative;
       }
       .backToTop {
       	position: absolute;
       	right: 0;
       	padding: 5px 0;
       }
       .toTop {
       	text-decoration: none !important;
       }
       .toTop span {
       	background: #600000;
       	color: white;
       	padding: 1px 5px;
       	font-size: 16px;
       }
       /****** department-nav - main horiz DA menu desktop becomes DNN menu in mobile**********/
       
       #department-menu {
       	position: relative;
       	top: -8px;
		left: 70px;
       }
       #department-menu li h2 a,
       #department-menu li a {
       	font-size: 10pt!important;
       	font-family: arial!important;
       	color: white!important;
       }
       #department-menu li a.has-submenu {
       	padding-right: 23px;
       }
       #department-menu li ul li a {
       	font-size: 10pt!important;
       	font-family: arial!important;
       	font-weight: bold!important;
       	color: #1e5b79!important;
       }
       #department-menu li ul li a:hover,
       #department-menu li ul li a:focus {
       	font-size: 10pt!important;
       	font-family: arial!important;
       	font-weight: bold!important;
       	color: #ffffff!important;
       }

		#department-menu li a, #department-menu li a:link, #department-menu li a:visited, #department-menu li a:hover, #department-menu li a:active {
    		padding-left: 6px;
    		padding-right: 6px;
		}
       /****** ENDdepartment-nav - main horiz DA menu desktop becomes DNN menu in mobile**********/
       /****** SCC menu when it appears on page as list**********/
       
       .contentPane #sccMenu {
       	background: transparent;
       	border: none;
       	width: auto!important;
       }
       .contentPane #sccMenu ul {
       	/* centers list on page because of width set in sccmenu.css *******/
       	margin: 0px auto 10px auto!important;
       }
       .contentPane #sccMenu ul li {
       	display: list-item;
       	list-style-type: disc!important;
       	list-style: disc outside none!important;
       }
       .contentPane #sccMenu a,
       .contentPane #sccMenu a:link,
       .contentPane #sccMenu a:visited,
       .contentPane #sccMenu a:active {
       	text-decoration: none!important;
       	font: bold 16px arial!important;
       	color: #0D397C;
       }
       .contentPane #sccMenu a:hover {
       	text-decoration: underline!important;
       	color: #990000!important;
       }
       /* extrabit neede here to override */
       
       .contentPane #sccMenu ul li a:hover {
       	background-color: transparent !important;
       	color: #990000!important;
       }
       @media screen and (max-width:769px) {
       	#skip_nav {
       		display: none;
       	}
       }
       /******END SCC menu when it appears on page as list**********/
       /*********************************\
# Courts Site Link 
\*********************************/
       
       #courts-website-banner {
       	position: relative;
       	margin: 20px auto 0 auto;
       	width: 200px;
       	height: 95px;
       	background-color: #fcf8f8;
       	padding: 10px;
       	border-radius: 10px;
       	border: 1px solid #dedede;
       	-webkit-transition: all 1s;
       	transition: all 1s;
       }
       #courts-website-banner:hover {
       	background-color: #fff;
       	box-shadow: 0px 0px 10px -8px #222;
       }
       #courts-website-banner p {
       	margin-top: 10px;
       	margin-right: 0;
       	margin-bottom: 0;
       	text-align: center;
       	font-family: sans-serif;
       	font-weight: bold;
       	font-size: 16px;
       	color: #222;
       }
       #alert-banner {
       	position: absolute;
       	font-size: 30px;
       	color: #d13c3c;
       	top: -10px;
       	left: -5px;
       }
       a:focus,
       .gsc-search-button:focus {
       	outline: #ff8c00 solid 2px;
       }
       .gsc-input-box-focus {
       	outline: #ff8c00 solid 2px !important;
       }
       a:hover {}
       .bstrap30 .form-control:focus {
       	outline: 3px solid #ff9c00 !important;
       }
       a:focus {
       	color: #252525 !important;
       }
       #terms a:focus {
       	color: white !important;
       }
       .BreadcrumbBar {
       	margin-left: 10px;
       	margin-top: 20px;
       	margin-bottom: -10px;
       }
       @media screen and (max-width:769px) {
       	#mobileMenuBtn {
       		text-indent: -9999px;
       	}
		
       }
       #dnn_SCCInternetMenu_NavigationMenu a:focus {
       	color: #fdfdfd !important;
       }

/* List Style */
.pretty-list {
	margin-left: 1.5rem;
	margin-bottom: .8rem;
	padding-top: .2rem;
}

ol.pretty-list {
	margin-left: 2rem;
}

.pretty-list li {
	list-style-position: outside;
	padding-left: 0.3rem;
	line-height: 1.5;
	padding-bottom: .2rem;
}

ol.pretty-list li {
	padding-left: .5rem;
}

.pretty-list ul {
	margin-left: .5rem;
	margin-bottom: 0;
}

.pretty-list ul li {
	padding-left: .2rem;
}




@media (min-width: 768px) {
    .sm-blue a span.sub-arrow { 
        left: auto!important;
        right: 0px!important;
	}
 	.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        padding: 4px 8px!importantimportant;	
	}

	#department-menu li a.has-submenu {
    	padding-right: 12px;
	}

    
	
}

.btn {
	width: fit-content;
  background-color: #1c4e69;

  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

.btn a, .btn a:hover, .btn a:focus, .btn a:visited {
	  color: #fff!important;
	text-decoration:none!important;
	font-weight: bold!important;
	border: 0px solid blue!important;
	outline: #ff8c00 solid 0px!important;
}