@import "../Subscriber-w500-800.css";
/* GLOBALS */
#titleBarNarrower
{
    background-color:#fff;
    opacity:1;
}

#titleBarNarrower .toggle{
	text-indent: -9999px;
	width: 70px;
	height: 47px;
	position: absolute;
	right: 0;
	top: -2px;
    z-index: 1100;
    outline:none;
}
#titleBarNarrower .toggle:before{
	content: '';
	display: block;
	position: absolute;
	right: 14px;
	top: 10px;
	width: 40px;
	height: 30px;
	background:#e33539;
	border-radius: 5px;
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
}
#titleBarNarrower .toggle:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 18px;
	width: 44px;
	height: 30px;
	background: url('../../Images/city/nav-opener-bg.png') 0 0 no-repeat;
	opacity: 0.75;
}
 .no-svg #titleBarNarrower .toggle:after{
    background: url('../../Images/city/nav-opener-bg.png') 0 0 no-repeat;
}
.no-svg #titleBarNarrower .toggle{
    *background: url('../../Images/city/nav-opener-bgie7.png') 50% 50% no-repeat;
    *background-color:black;
}
#titleBarNarrower .toggle:active:before{
	background-color: #d95673;
}
#titleBarNarrower .toggle:active:after{
	opacity: 1.0;
}        
#titleBarNarrower .title .zoneTitle{
    /*display: block;*/
    text-align: center;
    vertical-align: middle;
    font:bold 18px verdana;
    color:white;        
    text-decoration: none;
    cursor:default;
}
/*#titleBarNarrower .title a{float:left;width:118px;height:55px;background:url(../../images/city/logo.png) no-repeat 0 0;padding:0 0 0 0px;color:#f00;line-height:1.9em; font-size:1.9em; text-transform:uppercase;font-family:Georgia; margin-left:20px;}*/
	
/* @media only screen and (min-width: 500px) and (max-width: 800px) */
body{font-size:98%; line-height:1.4;}
.wrapper{max-width:68.625em;max-width:77.125em;max-width:100%;}
.containter{max-width:800px;}
.home_body{max-width:100%;background-position:0% -54%;} 
.logo a{ margin-left:10px;padding: 0 0 0 0px;}
header{height:45PX;}
.logo{display:none;}
.generic_body { padding-top:20px; }
.generic_body .containter{box-shadow:none;padding-top:0px}
.BodyEnd{ height:55px;}
.bannerh2{font-size: 2.6em; line-height:0.88em;margin:20px 0 15px;}
.bannerh3{margin:15px 0;}

/* layout: navigation start */
/*.topsearch{margin: 10px 69px 0 0;}
.searchbtn {margin: 17px -34% 0 0;}*/
#searchbar{ display:none;}
.title #searchBox{ float:right;margin:9px 60px 0 0;}

/* layout: topnav start */
.navigation{float:right; padding:0; margin:0; }
.navigation li{color:#333; list-style:none; padding:0 0px;display: inline-block;float:none}
.navigation li.homeIcon{ width:100%;border-bottom:1px solid #EEE;box-shadow:2px 0px 8px #BBB}
.navigation li.SigninIcon,.navigation li.SignupIcon{width:47%;*width:inherit}
.navigation li a.backIcon{ display:block;width:30px;margin:10px 0px 5px 18px;padding:0;float:left;color:#999;cursor:pointer;font-weight:bold}
.navigation li a.backIcon:before{ content:'<<';}
.navigation li a.home{ display:block;margin:10px 4% 5px 18px;float:right}
.navigation li a.profile{ margin-left:18px;}
.navigation li.topnav_select{display: inline-block;height: 100%;}
.navigation li a{color:#3976B6;display:inline-block;margin:0 0 0 0px;text-transform:uppercase;font-weight: bold;padding: 1.3em 1em 0.5em 32px; width:90%;}
.navigation li a:hover{color:#333; text-decoration:none;}
.navigation li a.SignIn{display:inline-block;width:80%;padding:6px 2%; border-radius:4px; text-align:center;margin:18px 0px 0px 20px;background:#428bca;border-color:#357ebd;color:#fff;line-height:1.5em}
.navigation li a.SignIn:hover {background-color:#3276b1;border-color:#285e8e;color:#fff;text-decoration:none;}
.navigation li a.SignUp{display:inline-block;width:80%;padding:6px 2%; border-radius:4px; text-align:center; color:#fff;margin:15px 0px 0px 5%;*margin-left:20px;border-color:#b6292b;line-height:1.5em}
.navigation li a.SignUp:hover {background:#c82e31;border-color:#8e1e20;color:#fff;text-decoration:none;}

.topnav_select{height:20px;padding:3px 0 0px 5px;display:inline-block;color:#333;cursor:pointer;position:static;}
.topnav_select a{_letter-spacing:0px;}
#descri,#officallink,#profileInfo{display:inline-block;word-break:break-all;position:static;padding:1px 0 0;background:#fff;box-shadow:0 3px 10px #fff;border-radius:4px 4px 4px 4px;border:1px solid #ddd; margin:0 20px;}
#officallink{position:static;right:0;top:21px;}
.topnav_dropdown{ width:100%;height:100%; /*min-height:70px;*/padding:0px; text-align:left;background:#fff; }
.topnav_dropdown li{ border-bottom:0px dashed #d9d9d9;padding:0px; color:#666}
.topnav_dropdown li a{display:inline-block;text-indent:14px;color:#2966B6; padding:5px 0px 8px;  font-size:14px;  line-height:150%;font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; width:100%;border-bottom: solid 1px #ddd;font-weight:400;text-transform:none;}
.topnav_dropdown li a:hover{color:#fff;background:#0062a1; text-decoration:none;padding:5px 0px 8px;}
.morebtn{padding: 1em 1em 1em 10px;}
.topnav_disc{ background:url(../../images/city/bullet.gif) no-repeat 26px 50%;}
.skel-panels-panel-right { overflow-x:hidden }
/* layout: topnav end */
.banner {height:130px;}
.bannerpic{position:absolute; left:18%; top:0;width:36%;height:50%;width:60%;height:55%; display:none;}
.bannerfont{position:absolute;left:13%; top:9%;width:85%; height:180px;background-size:100%;}
.block{height:auto;}
.block01, .block02 { width:49.4%;width:99%; }
.block03{width:99%;float:none;clear:both}
.block01 .blockfont a,.block02 .blockfont a, .block03 .blockfont a{ display:inline-block; font-size:1.6em;position: absolute;top:71%;width:99%; height:80px;}
.block01 .blockfont a{font-size:1.6em;}
/*.block02 .blockfont a{font-size:2.9em;line-height:0.9em;position:absolute; top:35%; left:9%; width:80%; font-weight:900;}
.block03 .blockfont a{font-size:3.2em;line-height:0.9em;position:absolute; top:38%; left:9%; width:80%; font-weight:900;}*/

/**/
.footerlink{min-height:270px;}
.footerlink ul.footer05{padding: 35px 3% 0px 1%;}
.footerlink ul.footer04{width:150px;padding:35px 1% 0 3%; margin-bottom:0;margin:0;}
.footer04 a{margin:0 10px 8px 0; }
a.facebook{background:url(../../images/city/facebook.png) no-repeat 0 0;}
a.twitter{ background:url(../../images/city/facebook.png) no-repeat 57% 0;}
a.Google{ background:url(../../images/city/facebook.png) no-repeat 112% 0;}
/* @media only screen and (min-width: 500px) and (max-width: 800px) */

.footerlink ul.footer01{display:none;}
@media only screen and (max-width: 780px) {
.footerlink ul{float:left; width:42%; margin:25px 0 0; padding:0 4% 0 0; min-height:30px;}
.footerlink ul.footer04 {width:414px;width:99%;padding:25px 0 0 0; margin-bottom:0;height:100px;}
.footer04 li {padding:0;width:100%;}
.footerlink ul.footer05 {width:187px; height:115px;margin:0;padding:15px 3% 0 0; float:left;}
.footerlink ul.footer01 {padding:0 4% 5% 0;}
.footerlink ul.footer02 {padding:0 4% 5% 0;}
.footer04 a {margin:5px 1% 8px 0; }
.footerlink {min-height:400px;}
}

a.agency_box{width:38%;padding:15px 3.5% 0px 3.5%;margin-right:5px}
.agency_useinfo{ margin:10px;padding:15px 1% 5px;width:43%;}

@media only screen and (max-width: 610px) {
.block01 .blockfont a,.block02 .blockfont a, .block03 .blockfont a{font-size: 1.3em;line-height: 1.5em;top:79%;}
}

/* feedback style [begin] */
.autoDiv_content { width:85%;padding-left:5%;text-align:left; }
.autoDiv_content .feedbackBox div > span { width:99%;text-align:left}
.autoDiv_content .feedbackBox div input.all{width:99%}
.autoDiv_content .feedbackBox div input.partial{width:99%}
.autoDiv_content .feedbackBox div textarea{width:99%}
input.button{display: inline-block; color: #FFF !important; cursor: pointer; font: bold 100% Verdana,Arial,Helvetica,sans-serif;font-size:0.9em; background-color:#124589; text-decoration: none; width:auto;height: 26px;border: 0;padding: 0px;margin: 0px;line-height: 25px;padding:0px 10px;border-radius:6px }
.autoDiv_content .feedbackBox div > span.spacer_width { display:none}
/* feedback style [end] */

/* CodeEnforcement start */
.divcasedetail_text,.divcasedetail_Authority,.divcasedetail_File{ float:left;width:74%; border:1px solid #fff; min-height:25px;}
.divcasedetail_weight{float:left; font-weight:700;width:25%;border:1px solid #fff; }
#tabmain .divcasedetail_weight{width:29%;}
#tabmain .divcasedetail_text{width:69%;}
#divcenter input.searchcomplaint_input[type=text]{width:70%; padding:3px 3px; font-size:1em;}
.divcasedetail_textarea {width: 99%;}

@media only screen and (max-width: 750px) {
.divcasedetail_text,.divcasedetail_Authority,.divcasedetail_File{ float:left;width:69%; border:1px solid #fff; min-height:25px;}
.divcasedetail_weight{float:left; font-weight:700;width:30%;border:1px solid #fff; }
#tabmain .divcasedetail_weight{width:34%;}
#tabmain .divcasedetail_text{width:64%;}
#divcenter .reportcomplaint_box input[type=text] {width:80%;}
}
@media only screen and (max-width: 650px) {
.divcasedetail_text,.divcasedetail_Authority,.divcasedetail_File{ float:left;width:64%; border:1px solid #fff; min-height:25px;}
.divcasedetail_weight{float:left; font-weight:700;width:35%;border:1px solid #fff; }
#tabmain .divcasedetail_weight{width:39%;}
#tabmain .divcasedetail_text{width:59%;}
#divcenter input.searchcomplaint_input[type=text]{width:55%; padding:3px 3px; font-size:1em;}
#divcenter .reportcomplaint_box input[type=text] {width:80%;}
}
@media only screen and (max-width: 550px) {
    .divcasedetail_text, .divcasedetail_Authority, .divcasedetail_File { float: left; width: 60%; border: 1px solid #fff; min-height: 25px; }
    .divcasedetail_weight { float: left; font-weight: 700; width: 39%; border: 1px solid #fff; }
    #tabmain .divcasedetail_weight { width: 90%; text-align: left; }
    #tabmain .divcasedetail_text { width: 98%; }
    #divcenter .reportcomplaint_box input[type=text] { width: 99%; }
}
.navigation { display:none }

.agencylist_righth2 { background:none;border-bottom:1px solid #ccc }
.issuelist_rightdetail li { width:30% }
.icon_print {margin-top:12px;}