@import url("css/variations/stylesheetwidget.css");
       @import url("css/bootstrap-grid-only.css");
       @import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
       #CountyMenuDiv {
       	width: 680px!important;
       	height: 37px;
       	padding: 0px;
       	margin: 0px;
       	background: url(images/LightBlue_r5_c7.jpg);
       	float: left;
       }
       #googlesearchCell {
       	width: 292px!important;
       	display: table-cell;
       	float: right;
       	position: relative;
       	left: 0px;
       	background: url(images/LightBlue_r5_c7.jpg);
       	padding-right: 40px;
       }
       .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;
       }
       #googlesearchCell {
       	background: rgba(0, 0, 0, 0) url("images/LightBlue_r5_c7.jpg") repeat scroll 0 0;
       	display: table-cell;
       	float: right;
       	left: 0;
       	/*padding-left: 40px;*/
       	position: relative;
       	width: 292px !important;
       }
       table.gsc-search-box {
       	/* position & size of search box on  menu  */
       	position: relative;
       	/*top: -16px!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 Subpeona 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 {
   	width: 22px;
   	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 ******************************/
   
   
       #Countycontent="0;URL=/ {
       	position: relative;
       	width: 1012px;
       	margin: 0 auto;
       	font-family: sans-serif;
       	padding: 0px;
       	padding-top: 5px;
       	padding-bottom: 5px;
       }
       #Countycontent="0;URL=/ #countySeal {
       	width: 20px;
       	float: left;
       	margin-right: 10px;
       	margin-top: 3px;
       }
       #Countycontent="0;URL=/ p a {
       	display: block;
       	color: #D8C19F;
       	font-size: 16px;
       	margin: 0;
       	margin-top: -5px;
       	text-decoration: none;
       	-webkit-transition: all .7s;
       	transition: all .7s;
       	padding: 8px;
       	width: 190px;
       }
       #Countycontent="0;URL=/ p a:hover {
       	color: white;
       	text-shadow: 2px 2px 8px rgba(216, 193, 159, 0.3);
       }
       .content="0;URL=/Home {
       	position: absolute;
       	right: 10px;
       	color: #D8C19F;
       	font-size: 20px !important;
       	top: 0px;
       	padding: 3px;
       	border-radius: 5px;
       }
       .content="0;URL=/Home:hover {
       	background: rgba(255, 255, 255, 0.1);
       }
       .content="0;URL=/HomeText {
       	font-size: 12px;
       	position: relative;
       	top: -1px;
       }
       .content="0;URL=/HomeText:hover {
       	color: white;
       }
       @media (max-width: 769px) {
       	.bodyContent,
       	#Countycontent="0;URL=/,
       	.container,
       	.containers {
       		width: 100%;
       	}
       }
	   /******************** this could be upstream in sccinternetmenu *****************/
       #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: 3px;
		padding-bottom: 0px;
       }
       /*Google Banner Fixes*/
       
       #googlesearch {
       	width: 200px;
       	position: absolute;
       	top: 2px;
    	right: 7px;
       }
	   
	   




       #gsc-i-id1 {
       	background: none !important;
       }
       /*******end of scc banner*******/
       /*DA Banner*/
       
       .daBanner {
       	background: #305E89;
       	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: rgba(255, 255, 255, 0.29) !important;
       	border-top: 2px solid #CCCCCC;
       }
       .HorizontalMenu .root {
       	display: block;
       	border-bottom: 1px solid rgba(37, 37, 37, 0.04);
       }
       /*.leftPane {
           padding: 0;
       }*/
       
       #dnn_SaviMenu_tblHorizontalMenu {
       	width: 200px;
       }
       .HorizontalMenu span {
       	color: #252525;
       	margin-top: 15px;
       	display: block;
       }
       .HorizontalMenu .hov {
       	height: 39px !important;
       	background-color: #4F8DC7 !important;
       }
       @media (max-width:769px) {
       	.HorizontalMenuBar {
       		display: none;
       	}
       }
       /*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, transparent 11px);
       	background-image: linear-gradient( 90deg, #5d9cbe 10px, #f4f4f4 10px, #f5f2f2 11px, transparent 11px);
       }
       .pressDate {
       	font-size: 16px;
       }
       /*Google Search*/
       
       #___gcse_1 {
       	position: absolute;
       	right: -5px;
       	width: 100%;
       }
       #gs_tti50 input {
       	/*background: transparent !important;*/
		text-indent:0px!important;
       }
	   
	   #gs_tti50 {padding:0px;}
	   
       input.gsc-search-button {
       	background-image: none !important;
       }
       /*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-left: 65% !important;
       }
       @media screen and (max-width:769px) {
       	.bstrap30 .col-sm-9 textarea {
       		position: relative;
       		left: -360px;
       		margin-bottom: 10px;
       		width: 250px !important;
       	}
       	.bstrap30 .col-sm-offset-3 {
       		margin-left: 0% !important;
       	}
       	.bstrap30 .col-sm-9 input {
       		width: 240px;
       	}
       	.bstrap30 .col-sm-9 textarea {
       		position: relative;
       		left: 0;
       		margin-bottom: 10px;
       		width: 100% !important;
       	}
       	.bstrap30 .row {
       		padding: 10px;
       	}
       }
       /*Google Translate*/
       /*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: 700px !important;
       }
       @media screen and (max-width:769px) {
       	#twitter-widget-0 {
       		min-height: 220px !important;
       	}
       }
       /*Capta in witness check in form*/
       
       .CaptchaControl {
       	width: 300px !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;
       }
       /*Menu Styling*/
       
       #sccMenu {
       	background: #FFF;
       }
       #sccMenu .topLevel a {
       	padding: 10px;
       }
       /*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;
       }
       /*Hover Color*/
       
       .sm-blue a:hover,
       .sm-blue a:focus,
       .sm-blue a:active,
       .sm-blue a.highlighted {
       	background: #363636 !important;
       	color: white !important;
       }
       /* 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-menu {
       	width: 700px;
       	position: relative;
       	top: -8px;
       	left: 85px;
       }
       #department-menu li h2 a,
       #department-menu li a {
       	font-size: 10pt!important;
       	font-family: arial!important;
       	color: white!important;
       }
       #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 {
       	font-size: 10pt!important;
       	font-family: arial!important;
       	font-weight: bold!important;
       	color: #white!important;
       }
       #dnn_ContentPane #sccMenu {
       	background: transparent;
       	border: none;
       }
       .contentPane #sccMenu {
       	width: 320px!important;
       }
       .contentPane #sccMenu ul {
       	font-weight: bold;
       	width: 500px!important;
       	/* test width */
       	margin-left: auto;
       	margin-right: auto;
       	padding-top: 10px;
       	font-size: 14px !important;
       	padding-left: 20px!important;
       }
       .contentPane #sccMenu ul li {
       	display: list-item;
       	list-style-type: disc!important;
       	list-style: disc outside none!important;
       	width: 100%!important;
       }
       .contentPane #sccMenu a,
       .contentPane #sccMenu a:link,
       .contentPane #sccMenu a:visited,
       .contentPane #sccMenu a:active {
       	text-decoration: none!important;
       	font: bold 14px verdana!important;
       	color: #0D397C;
       }
       .contentPane #sccMenu a:hover {
       	text-decoration: underline!important;
       	font: bold 14px verdana!important;
       	color: #990000!important;
       	background-color: transparent!important;
       }
       /* extrabit neede here to override */
       
       .contentPane #sccMenu ul li a:hover {
       	background-color: transparent !important;
       	color: darkred !important;
       }
       .leftPane #sccMenu {
       	width: 228px!important;
       }
       .leftPane #sccMenu ul {
       	font-weight: bold;
       	width: 228px!important;
       	/* test width */
       	margin-left: auto;
       	margin-right: auto;
       	padding-top: 10px;
       	font-size: 14px !important;
       }
       .leftPane #sccMenu ul li {
       	width: 100%!important;
       }
       .leftPane #sccMenu a,
       .leftPane #sccMenu a:link,
       .leftPane #sccMenu a:visited,
       .leftPane #sccMenu a:active {
       	text-decoration: none!important;
       	color: #0D397C;
       }
       .leftPane #sccMenu a:hover {
       	background-color: transparent!important;
       }
       /*********************************\
# 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;
       }
       .content="0;URL=/put-box-focus {
       	outline: #ff8c00 solid 2px !important;
       }
       a:hover {
       	text-decoration: underline !important;
       }
       .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: 40px;
       	margin-bottom: -10px;
       }