/*Agency template position Style 8/13/13*/
body.site {
  background:#678dbe url(../img/page.jpg) no-repeat top center fixed;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
div.agencytopbar {
  background:url(../img/darkbg.png) left top repeat-x;
  min-height:50px;
  margin:0 0 10px 0;
  padding:0;
}
.agencymaintop {
  clear:both;
  display:block;
  max-width: 960px;
  margin-left:auto;
  margin-right:auto;
}
.citylogo  {
  margin-left:30px;
  float:left;
}
.agencytop {
  margin-left:30px;
  float:left;
}
.agencysearch {
  margin-right:30px;
  float:right;
}
div.header-search {
  padding-right:30px;
}
div.header-search  .search form{
  margin-top:8px;
  float:left;
}
.citymenu {
  align:center;
}
.maincontent {
  padding:20px;
background:#fff url(../img/kapa.png) right top repeat-y; /**jane 11/13/13-make pattern bg**/
}
/*.body{padding-bottom:100px;}*/
.footer{
    width: 100%;
    bottom: 0;
	}
.footergroup{
  background:#3e3e3e url(/rep/main/sprite-main.png) 0 0 repeat;
  padding:0px 0px 0px 40px;
  margin-top:20px;
}
.footerinner {
		padding: 6px 0px 6px 0px;
	}
.footergroup a{color:#c0c0c0;}
.footergroup a:hover{color:#08c;}
.footerinner {
  line-height:14px;
  text-align:center;  
  }
.copyright {
  width:100%;
  bottom:0;
  text-align:center;
  height:20px;
  background-color:#333;
  border-top:solid 1px #e76024; 
  padding:5px 0px 4px 0px;
  color:#c0c0c0;
  }
.copyright .small {
  color:#c0c0c0;
}
.copyright a{
  color:#F38200;
}
.agencybranding {
  background:#fff url(../img/sprite-agency.png) 0 0 no-repeat;
  border-bottom: 1px solid rgba(0,0,0,0.075);
  max-height:110px;
  max-width:940px;
  overflow:hidden;
}
.agencysearch input{
        border-radius:12px;
        margin: 10px;
        background-color:#e3e3e3;
}
.headertop {
  background: url(/rep/main/sprite-main.png) 0 -170px repeat-x;
  margin-bottom:20px;
}
.headerpos{
  margin:0 auto;
  max-width:1000px;
}
.mainnav{
  width:930px;
  margin: 0 auto -4px auto;
}
.banner-header{margin:0;}
.search-top{
  margin-top:10px;
}
/**Jane 9/23/13 - Smart Search style for agency search**/
.smartsearch input{border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;}
.smartsearch button.btnsearch {margin-top:10px;
  left:180px;
}
ul.mytoolicons {display:inline-block;
list-style:none;}
ul.mytoolicons li{float:left; padding-right:10px;}
.mayormenu{margin-left:-12px;}
.plus-header-logo
{ 
  background:url(/rep/main/sprite-main.png) 40px -605px no-repeat;
  padding-bottom:4px;
}
/*<!--link href='http://fonts.googleapis.com/css?family=Cherry+Cream+Soda|Merienda+One' rel='stylesheet' type='text/css'-->*/
@font-face {
  font-family: 'Cherry Cream Soda';
  font-style: normal;
  font-weight: 400;
  src: local('Cherry Cream Soda'), local('CherryCreamSoda'), url(font/OrD-AUnFcZeeKa6F_c0_WxqwWSV7TiEqKBI7h3gm4xc.woff) format('woff');
}
@font-face {
  font-family: 'Merienda One';
  font-style: normal;
  font-weight: 400;
  src: local('Merienda One'), local('MeriendaOne-Regular'), url(font/bCA-uDdUx6nTO8SjzCLXvXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
.logotext{font-weight:bold;margin-left:20px;min-height: 60px;padding-bottom:8px;}
.logotext h1{
  font-family: 'Merienda One', cursive; 
  font-weight: bold; 
  font-size: 1.2em;
  margin: 11px 0 0 -1px;
  color: #333; 
  text-shadow: 2px 2px #FFF; 
  
}
.logotext a{text-decoration:none;}
.logotext span{
  font-family: 'Cherry Cream Soda', cursive; 
  color: #c14000;/*#e24b00;*/
  text-shadow: 2px 2px #fff;
  margin: -14px 0px 0px -1px;
  font-size: 1.9em; 
}
.fontsize {margin-top:30px;text-align:center;}
.header-right{}
.search-top{}
/*agency blue menu style*/
ul.blue {
       background-color: #3562ac;
       font-size:1.1em;
       font-weight:bold;
       padding-left:20px;
}
ul.blue li{
      display:inline-block;
      padding: 10px;
}
ul.blue a{color:#fff;}
ul.blue a:hover {
      background:#799ad1 url(../img/bluemenubg.png) left bottom repeat-x;
}
ul.blue a:active {
    background:#799ad1 url(../img/bluemenubg.png) left bottom repeat-x;;
}
/*Jane 10/3/13- disable Smart Search result page's Search form*/
#search-form{display:none;}
/***Error page **/
.errorheader {
	margin: 0 auto;
	max-width: 1000px;
	height: 90px;
	}
.errorcontent {padding:20px;}
/**Jane 2/12/14 agency menu style***/
.ux-menu-container {
	margin-bottom: 20px;
}
/**Jane 2/12/14 back to top link style**/
#agency_gotoplink
{
	font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	transition: color 0.3s linear, background 0.3s ease-out;
	-moz-transition: color 0.3s linear, background 0.3s ease-out;
	-webkit-transition: color 0.3s linear, background 0.3s ease-out;
	color: #fff;
	z-index: 9999999;
	padding: 25px 12px 8px;
	display: block;
	position: fixed;
	right: 2%;
	bottom: 0;
	text-transform: uppercase;
	font-size: 0.9em;
	bottom: 10px;
	background: #666 url(../img/sprite-agency.png) -965px 8px no-repeat;
}
#agency_gotoplink:hover {
	color: #e5e5e5;
	text-decoration: none;
	background-color: #333333;
}
/**Module style - blueboxshadow**/
div.blueboxshadow {
	margin: 5px 5px 25px 5px;
	border: solid 1px #e1e1e1;
	padding: 0px 10px 0px 10px;
	background: #F5FAFF;
	background: -moz-linear-gradient(top, #F5FAFF, #BADEF2);
	background: -webkit-gradient(linear, left top, left bottom, from(#F5FAFF), to(#BADEF2));
	box-shadow: 5px 5px 5px #888888;		
}
/****Module style - darkblue****/
.module-darkblue .module-box{
  background:url(/rep/main/sprite-main.png) 0 0 repeat; /*#2f4254;*/
  padding:5px;
 }
   .module-darkblue .module-boxtitle > span {
    color:#09e1f4;
    font-size:1.1em;
    margin-left:5px; 
   }
   .module-darkblue .module-boxcontent {
     padding-top: 5px;
     font-size:1.2em;
	 color:#fff;
   }
/******Module dark-red Birdofparadise Style from hnl_main********/
.module-birdofparadise .module-box{
  background: url(/rep/main/sprite-mainbody.png) 0 0 repeat;
  padding:3px 0 5px 5px;
 }
   .module-birdofparadise .module-boxtitle > span {
    margin-left:5px;
  color:#fff;
	font-size:0.8em;
   }
   .module-birdofparadise .line {
     background-color:  #968289;
     height: 2px;
     display: block;    
     margin-right:3px;
   }
   
   .module-birdofparadise .more a{
     color:#fff;
     font-size:1em;
     float:right;
     margin-top:-26px;
   }
/******Module dark-blue turtle Style from hnl_main********/
.module-turtle .module-box{
  background:url(/rep/main/sprite-mainbody.png) 60px -250px repeat;
  padding:0px 0px 3px 5px;
 }
   .module-turtle .module-boxtitle > span {
     color:#fff;
    margin-left:5px; 
   }
   .module-turtle .line {
     background-color:  #556574;
     height: 2px;
     display: block;
     margin-top:-5px;
   }
   .module-turtle .module-boxcontent {
   }
   .module-turtle .more a{
     color:#fff;
     font-size:1em;
     float:right;
     margin-top:-26px;
   }
/****tablefooter style ****/
.tablefooter{margin-left:-20px;width:100%;}
.socialicon{background:url(/rep/main/sprite-main.png) 0 -420px no-repeat;width:60px;height:33px;}
/**General agencymenu position Menu style**/
.navigation ul.menu {
	padding-left:10px;
	margin-bottom:0;
}
.navigation ul.menu li {
	display:inline-block;
	padding:0 5px;
	font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
	/*z-index:100;*/
	font-size:1.1em;
}
.navigation ul.menu li a{color:#4d4d4d;}
/*==top main menu***/
.agencymain #cse-search-box input.btn {
  background-image: linear-gradient(to bottom,#999,#666);
  color:#fff;
  text-shadow: 0 0px 0px rgba(255,255,255,0.75);
  border-radius:0 10px 10px 0;
}
.agencymain #cse-search-box input.btn:hover {
  background-image: linear-gradient(to bottom,#666,#333);
  background-color: #333;
  background-position: 0 0;
}
.agencymain #cse-search-box input.inputbox {  
  border: 1px solid rgb(126, 157, 185); 
  padding: 2px 2px 6px 8px;
  float:left;
  width: 180px;
  border-radius: 10px 0 0 10px;
  background-image:none;
}
.agencymain .gs-webResult {
width: 100%;
padding: 2px 0;
}
.agencymain .btn {
padding: 1px 12px 4px 12px;
}
/*===2-21-14 Agency MENU - TOOLBAR POSITION =sample site:Council === */
.white-mainmenu [class*="black-"],[class*="black-"] {background:url("icon/menu-icons-black.png") no-repeat;} /**black icon sprint image**/
.black-mainmenu [class*="white-"],[class*="white-"] {background:url("icon/menu-icons-white.png") no-repeat;} /**white icon sprint image**/
[class*="black-"],[class*="white-"]{padding:0 0 0 25px;}
ul.white-mainmenu li a{
	padding:0px 0px 10px 25px;
}
ul.white-mainmenu li a.black-pencil, ul.black-mainmenu li a.white-pencil, .black-pencil, .white-pencil {
	background-position: 0 2px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-calendar, ul.black-mainmenu li a.white-calendar, .black-calendar, .white-calendar {
	background-position:0 -78px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-cart, ul.black-mainmenu li a.white-cart, .black-cart, .white-cart {
	background-position:0 -165px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-comment,ul.black-mainmenu li a.white-comment, .black-comment, .white-comment {
	background-position:0 -252px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-display, ul.black-mainmenu li a.white-display, .black-display, .white-display  {
	background-position:0 -338px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-download, ul.black-mainmenu li a.white-download, .black-download, .white-download  {
	background-position:0 -424px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-folder, ul.black-mainmenu li a.white-folder, .black-folder, .white-folder  {
	background-position:0 -509px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-help, ul.black-mainmenu li a.white-help, .black-help, .white-help  {
	background-position:0 -595px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-home, ul.black-mainmenu li a.white-home, .black-home, .white-home  {
	background-position:0 -682px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-image, ul.black-mainmenu li a.white-image, .black-image, .white-image  {
	background-position:0 -767px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-info, ul.black-mainmenu li a.white-info, .black-info, .white-info  {
	background-position:0 -853px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-mail, ul.black-mainmenu li a.white-mail, .black-mail, .white-mail  {
	background-position:0 -939px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-online, ul.black-mainmenu li a.white-online, .black-online, .white-online  {
	background-position:0 -1025px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-rss, ul.black-mainmenu li a.white-rss, .black-rss, .white-rss  {
	background-position:0 -1112px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-search, ul.black-mainmenu li a.white-search, .black-search, .white-search  {
	background-position:0 -1199px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-selection, ul.black-mainmenu li a.white-selection, .black-selection, .white-selection  {
	background-position:0 -1283px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-settings, ul.black-mainmenu li a.white-settings, .black-settings, .white-settings  {
	background-position:0 -1370px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-star, ul.black-mainmenu li a.white-star, .black-star, .white-star {
	background-position:0 -1455px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-statistics, ul.black-mainmenu li a.white-statistics, .black-statistics, .white-statistics  {
	background-position:0 -1540px;
	margin-top:10px;
}
ul.white-mainmenu li a.black-user, ul.black-mainmenu li a.white-user, .black-user, .white-user {
	background-position:0 -1628px;
	margin-top:10px;
}

ul.white-mainmenu li:hover {
	background-color: #93d6f5;
}
ul.white-mainmenu li a:hover {
	background-color: transparent; /*color: #3498db;*/
}
/*---------------------2nd level menu style----------------*/
ul.white-mainmenu ul li.parent {
    /*background:url("icon/arrow.png") 100% 8px no-repeat;*/
}
ul.white-mainmenu ul li, ul.white-mainmenu ul ul li{
	padding:5px;
	border-bottom: 1px #f5f5f5 solid;
	width:93%;
}
ul.white-mainmenu ul li:last-child, ul.white-mainmenu ul ul li:last-child  {border-bottom:0;}
ul.white-mainmenu ul li:hover{
	background:#93d6f5;
	
}
ul.white-mainmenu ul li a:hover{
	/*color: #3498db;*/
}
/* =============== END White background MENU ============================= */
/**ChronoForm button**/
input[type="submit"].Chronobutton,input[type="reset"].Chronobutton{padding:8px;border-radius:5px;background:#379ddd;border:1px solid #005992;border-bottom:2px solid #004c7d;box-shadow:4px 4px 3px #888888;font-weight:bold;font-size:1.1em;color:#fff;}
/***hide CMS login module remember Me check-box***/
#form-login-remember{display:none;}
/**content style*/
h1,h2,h3,h4,h5,h6,.site-title{font-family: 'Open Sans', sans-serif;}
	body.site{border-top: 0px solid #08C;background-color: #fff;/*F4F6F7;*/}
	a{color: #005e8e;}
	.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover,
	.btn-primary{background: #08C;}
	.navbar-inner{box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);}
	#plcontentslider885 .pl_handles{top: 0px !important;right: 5px !important}
	@media screen and (max-width: 480px){.pl-cs .pl-row{width:100%!important;}}
	#plcontentslider897 .pl_handles_num{top: -30px !important;right: 15px !important}
	#langflags{display:none;position:absolute;z-index:99999;background-color:#ddd;border-radius:5px;}
	#panel{padding:0;}
	#btntrans span{font-size:14px;font-family:arial;font-weight:800;color:#0054a5;margin-left:5px;position:relative;top:0px;}
    a.flaglink img{box-shadow:0px 0px 2px #333 !important;margin-right:2px !important;border-radius:3px !important;border:1px solid #fff !important;}
    #google_translate_element{opacity:0;position:relative;top:35px}#trans{padding:3px;}.goog-tooltip skiptranslate,#goog-gt-tt{display:none !important;}#trans{width:200px;}	
	/*-- Search style -- */
	#cse-search-box input.btn {
		background-image: linear-gradient(to bottom, #999, #666);
		color:#fff;
		text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
		border-radius:0 10px 10px 0;
	}
	#cse-search-box input.btn:hover {
		background-image: linear-gradient(to bottom, #666, #333);
		background-color: #333;
		background-position: 0 0;
	}
	#cse-search-box input.inputbox {
		border: 1px solid rgb(126, 157, 185);
		padding: 2px 2px 6px 8px;
		float:left;
		width: 70%;
		border-radius: 10px 0 0 10px;
		background-image:none;
	}
	.gs-webResult {
		width: 100%;
		padding: 2px 0;
	}
	.btn {padding: 1px 12px 4px 12px;}
	
	  /*notification style*/
	  .notification {
					background: #3b579d;/*#b91a25;*/
				}
				.siteAlert {
					background: #3b579d;
					width: 100%;
					text-align: center;
					padding:10px 0 5px 0;
					height:100%;
				}
				.siteAlert p, .siteAlert li {
					margin: 0;
					color: #fff;
					/*padding: 10px;
				font-size: large;
				font-weight: 600;*/
				}
				.siteAlert a {
					text-decoration:underline;
					color:#fff;
				}
				.siteAlert a:hover {
					text-decoration:underline;
					color:#fff;
				}
	  /*search*/
	  .agencymain #cse-search-box input.btn {
					  background-image: linear-gradient(to bottom,#999,#666);
					  color:#fff;
					  text-shadow: 0 0px 0px rgba(255,255,255,0.75);
					  border-radius:0 10px 10px 0;
					}
					.agencymain #cse-search-box input.btn:hover {
					  background-image: linear-gradient(to bottom,#666,#333);
					  background-color: #333;
					  background-position: 0 0;
					}
					.agencymain #cse-search-box input.inputbox {  
					  border: 1px solid rgb(126, 157, 185); 
					  padding: 2px 2px 6px 8px;
					  float:left;
					  width: 180px;
					  border-radius: 10px 0 0 10px;
					  background-image:none;
					}
					.agencymain .gs-webResult {
					width: 100%;
					padding: 2px 0;
					}
					.agencymain .btn {
					padding: 1px 12px 3px 12px;
					}
	  /*footer*/
	  .footerinner {
		padding:6px 0px 6px 0px;
	}
#agency_gotoplink{
	margin-left:-40px;
	opacity:0.8;
	visibility:visible;
}
.chrono_credits{display:none;}
/*added top translate and social center style 1/26/2017/Jane*/
.logoright{margin-top:30px;position:relative;}
.logoright,.logoright a {color:#000;font-size:1.1em;text-decoration:none;padding-left:1em;}
#hnl-translate {pointer-events:none;float:right;}					
#google_translate_element{
	position:absolute;
	overflow:hidden;
	opacity:0;
	width:70px;
	right:0;
	top:0;
	pointer-events:auto;	
}
/*****module style*******/
.greenhead-box{    
	background: #eee;
    border: 1px solid #c7c5c5;
	margin-top:10px;	
}
.greenhead-box h1{
	background:#40840d;
	color:#fff;
	padding:0.4em; 
	font-size: 1.125em;
    line-height: 1.43822;
    margin-top: 0;
}
/*hide search result category name*/
/*.result-category{display:none;}*/
/*******Custom style****************/
/*4/23/15 Jane homepage thumbnail slide show module style: order from top to bottom*/
#plcontentslider885 .slide {padding: 6px 0 6px 50px;}
#plcontentslider885 #plslide3 {background:url(/rep/main/minicarousel/mainslide.png) 0 0;width:90px;height:62px;} /*Tsunami*/
#plcontentslider885 #plslide4 {background:url(/rep/main/minicarousel/mainslide.png) 0 -112px;width:90px;height:62px;} /*POM*/
#plcontentslider885 #plslide5 {background:url(/rep/main/minicarousel/mainslide.png) 0 -224px;width:90px;height:62px;} /*Golf*/
#plcontentslider885 #plslide6 {background:url(/rep/main/minicarousel/mainslide.png) 0 -336px;width:90px;height:62px;} /*GIS*/
#plcontentslider885 #plslide7 {background:url(/rep/main/minicarousel/mainslide.png) 0 -448px;width:90px;height:62px;} /*NCO*/
#plcontentslider885 #plslide8 {background:url(/rep/main/minicarousel/mainslide.png) 0 -560px;width:90px;height:62px;} /*JOBS*/
#plcontentslider885 #plslide9 {background:url(/rep/main/minicarousel/mainslide.png) 0 -672px;width:90px;height:62px;} /*Rail*/
#plcontentslider885 #plslide10 {background:url(/rep/main/minicarousel/mainslide.png) 0 -784px;width:90px;height:62px;} /*Dabus*/
#plcontentslider885 #plslide11 {background:url(/rep/main/minicarousel/mainslide.png) 0 -896px;width:90px;height:62px;} /*GoAkamai*/
#plcontentslider885 #plslide12 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1008px;width:90px;height:62px;} /*Traffic Cameras*/
#plcontentslider885 #plslide13 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1120px;width:90px;height:62px;} /*TOD*/
#plcontentslider885 #plslide14 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1232px;width:90px;height:62px;} /*Blaisdell*/
#plcontentslider885 #plslide15 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1344px;width:90px;height:62px;} /*Document Guide*/
#plcontentslider885 #plslide16 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1456px;width:90px;height:62px;} /*JTMC*/
#plcontentslider885 #plslide17 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1568px;width:90px;height:62px;} /*Severe Weather*/
#plcontentslider885 #plslide18 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1680px;width:90px;height:62px;} /*City lights**/ 
#plcontentslider885 #plslide2 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1792px;width:90px;height:62px;} /*State of the City**/ 
#plcontentslider885 #plslide1 {background:url(/rep/main/minicarousel/mainslide.png) 0 -1904px;width:90px;height:62px;} /*Kapalama Hale**/ 
#plcontentslider885 #plslide19 {background:url(/rep/main/minicarousel/mainslide.png) 0 -2016px;width:90px;height:62px;} /*Moped Registration Information*/
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}