html {height:100%;}
  
body {
		border-top: 0px solid #FAC622;			
		background-color:#0262AC!Important;
		background-color:#042946!Important;
		height:auto;
		height:100%;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #593815;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		
		
		
}


#title p{color:#fff!important;font-size:20px!important;padding:3px!important;margin-top:-6px!important;}
#title span{color:#2FC0CC!important;font-size:21px!important;}

.showme{color:#DE543E!Important; }
select .txt{color:#A9A9A9!Important;}

#upload{position:relative; }
#upload a{border:2px solid #E5E5E5; }
#upload a:hover{background-color:#C6C6A5; }
#upload input{position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent; }


.bg33 {background-image: url(../../admin/images/bg-tile.jpg);
		background-repeat: repeat-x;}
 
a img {border:none;}

.clear_all {clear:both;line-height:0px;font-size:0px;}
.fl_right{float:right;}
.fl_left{float:left;}
.red{color:#CC0000;font-weight:bold;}
.red_lt{color:#CC0000;font-weight:normal;}
.underline {border-bottom: 1px dotted #CCCCCC;}
.white {background-color:#fff;}
.minheight{height: 500px;}
.border {border: 1px solid #ccc!Important;border-radius:0px;}
.msg{color:#CC0000;font-weight:normal;padding-left:10px;font-size:.8em;}

.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}

.padding-bottom-25{padding-bottom:25px;}
.padding-bottom-10{padding-bottom:10px;}

.logintext{color:#666!Important; letter-spacing:1px; }
.popup-pw {width:130px;background-color:#990000;color:#fff;border-radius:4px;border:1px solid #000;padding-left:4px;}

.sel{background-color:#FFFFCC; }

.btn-default2{background-color:#2FC0CC; color:#fff; }
.btn-primary{background-color:#2FC0CC!Important; color:#fff; }
.btn-primary:hover{background-color:#8CDBE2!Important; color:#fff; }
.btn-warning{ background-color:#DE543E}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.upload{position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;background-color:transparent;color:transparent; }

#RequestPriority {display: none;}

#map_canvas { height:100%; width:100%; position:relative; z-index:20; border:1px solid #CCC; border-radius:10px; } 

#mapDiv {height:400px; width:95%; position:relative; text-align: center;  }

#addRepDiv { display:none;}
#addNoteDiv	{ display:none;}
#addNoticeDiv { display:none;}
#updateHearingDiv { display:none;}
#updateViolationDiv { display:none; }
#addEvidenceDiv { display:none; }
#addPaymentDiv { display:none; }
#updatePropertyDiv { display:none; }
#fileTypeDiv {
	display:none;
	position:absolute;
	background-color: #98E0F8;
	width: 200px;
	text-align:center;
}

.gallery {
	margin: 10px;
	border:1px solid #315EB3;
	border:1px solid #000000;
	border-radius:4px;
	box-shadow: 2px 2px 2px #888;
}

/*#inquiryDiv {display:none; width:715;}*/

#pageContent {
	position:relative;
}


.pic-left {
	margin-right:10px;
	margin-bottom:0px!Important;
	padding:4px;
	border: 1px solid #EDECEB;
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
}

.pic-right {
	margin-left:10px;
	margin-bottom:0px!Important;
	padding:4px;
	border: 1px solid #EDECEB;
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
}

.pic-border {
	margin-bottom:0px!Important;
	padding:4px;
	border: 1px solid #EDECEB;
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
}

.login-box {
	height: inherit;
	width: 279px;
	height: 240px;
	text-align: center;
	padding-top: 25px;
	float:left;
	margin-left: 5px;
	background-color: #eee;
	border:1px solid #ddd;
	border-radius:8px;
	
	
}

.login-msg {
	height: 194px;
	width: 279px;
	background-image: url(../../images/bg-login.gif);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 25px;
	float:left;
	
}

/******************************************************/
/* ---------- HEADER STYLES ----------------- */
/******************************************************/
header {height:100px;margin-bottom:0px;
	background-color:#042946!Important;
	background-color:#fff!important;
	background-color:#042946!important;
	border-top: 0px solid #EFBE71;
	color: #fff;
	padding-bottom:5px;
	padding-left:5px;
	letter-spacing:2px;
	border-bottom: 1px solid #ccc;
	cursor:hand;
	}
header h1 {padding-left:5px;font-size:30px;color:#fff;}
header h2 {padding-left:5px;font-size:18px; font-style:italic;color:#fff; letter-spacing:normal;margin-top:1px;}

/******************************************************/
/* ---------- TOP NAVIGATION STYLES ----------------- */
/******************************************************/
.bg-menu{background-color:#e4e4e4!important;height:50px;}
nav2 {background-color:#037AD5;border:0px solid red;margin-left:-11px;margin-right:-12px;border-bottom:1px solid #ddd; }
nav {background-color:#e4e4e4;border:0px solid red;margin-left:-11px;margin-right:-13px;border-bottom:1px solid #ddd;margin-top:-20px; }
.navbar-nav{border:0px solid #C00!Important;margin-left:-15px!Important;}
.navbar-nav a{color:#000!Important; text-transform:uppercase;letter-spacing:1px;}
.navbar-nav a:hover{text-decoration:underline!Important;background-color:#2FC0CC!Important;color:#fff!Important;}


/******************************************************************/
/* ---------- Overwrite Bootstrap Styles to Fit ----------------- */
/******************************************************************/
.container{border:0px solid red;max-width:1300px;}
.container-fluid {background-color:#fff;padding-top:20px;padding-bottom:20px;border:0px solid red;}
.col-sm-3 ul li a{font:13px Arial, Helvetica, sans-serif;color:#363838;padding: 0px 13px 10px 13px;border:0px solid #fff;}
.col-sm-3 h4{color:#F9BA0F;text-transform:uppercase;text-shadow:1px 1px 1px #363838;}


	
/******************************************************/
/* ---------- VERY TOP BAR LINK STYLES ----------------- */
/******************************************************/
#topbar a {color:#fff!Important;border-radius:2px;
letter-spacing:2px;text-decoration: none;padding:12px; background-color:#2FC0CC;}
#topbar a:hover {text-decoration:underline;}





/******************************************************/
/* ---------- CONTENT SECTION STYLES ----------------- */
/******************************************************/
#content {background-color:#fff;margin-left:12px;margin-right:12px;min-height:500px;}
#content .header {
	background-color:#2FC0CC;
	border-top: 3px solid #DE543E;
	color: #fff;
	padding-bottom:5px;
	padding-left:5px;
	letter-spacing:2px;
	border-bottom: 0px solid #000000;
	cursor:hand;
	height:35px;
	max-height:35px;
	
}

#content .subheader {font-size: 10pt;font-weight: normal;	color: #000000;	
background-color: #C6C6A5;	letter-spacing: 1px; height:35px; padding-left:8px;
border-bottom-width: 1px solid #123668;	font-family: Tahoma, Arial, Verdana;}






#sectiontitle {height:45px;padding-top:10px; font-size:16px; font-weight:bold;}
#sectiontitle h3{ clear:both;margin:0px!Important; }
#sectiontitle .lowfocus {	font-family: Arial, Tahoma, Verdana;	color: #CCCCCC; }
#sectiontitle .lowfocus2 {	color: #CCCCCC;}

#sectionmenu {height:45px;padding-top:12px;}

/******************************************************/
/* ---------- Crums STYLES ----------------- */
/******************************************************/

#crums {border-bottom: 1px solid #E4E4E4;padding-bottom:6px;margin-bottom:10px;  }

/******************************************************/
/* ---------- CONTENT SECTION STYLES ----------------- */
/******************************************************/

/*----------- CONTENT AREA STYLES -----------*/


#sortDiv {
	position: absolute;
	width: 50%;
	border:1px solid #ccc;
	display: none;
	background-color:#FFFFFF;
	padding: 10px;
}


.next {		border-top-width: 0px;	border-bottom-width: 1px;	border-top-style: dotted;	border-bottom-style: dotted;	border-top-color: #cccccc;	border-bottom-color: #cccccc;}


@media (min-width: 768px) {
  #content3 {width: 750px;}
  
}

@media (min-width: 992px) {
  #content3 {width: 970px;}
  
}
@media (min-width: 1200px) {
  #content3 {width: 1140px;}
}



#content3 {min-height:570px;background-color:#fff;border-radius:8px;border:1px solid #F1840F;margin-top:25px;}
#content3 .picture-home {
	border:1px solid #315EB3;
	border:1px solid #000000;
	border-radius:4px;
	box-shadow: 1px 1px 1px #ccc;
	
}

#content3 .cell-bg {clear:both;
	background-color: #fae2a9;
	border: 1px solid #dca230;
	border-radius:8px;
	padding: 10px;
	width:230px;
	margin-bottom:10px;
	margin-top:10px;
	float:right;
}

#content3 h1{margin-bottom:8px;font-size:28px; }
#content3 h2{margin-bottom:8px;font-size:20px; }
#content3 h3{margin-bottom:8px;font-size:18px; }

#list33 {float:left;width:75%;
	background-image: url(../../admin/images/page-bg-tile.gif);
	background-repeat: repeat-y;}
#list {float:left;width:75%;}
#list {max-width:1040px;float:left;border:1px solid #ccc;}

#filter {width:20%;border:0px solid #ccc;}
#filter .box1 {
	width:190px;
	float:left;
	border:1px solid #cecece;
	border-radius:10px;
	padding:11px 5px 5px 8px;
	margin-bottom:12px;
	background-color:#F8F8F2;
	position:relative;
}
#filter .box1 h2{font-size:1.75em; }

#violation {border-right:1px solid #ccc; border-radius:0px;}
#violation .red{color:#CC0000;font-weight:normal;font-size:16px;}
#property {border:0px solid #ccc; border-radius:5px; margin-left:;}


/*----------- HEARING DETAIL TABS -----------*/

.tabs {margin-top: 15px;}

.active .pointer {background-color:#c0c0a0;}

#title-line { background-color:#c0c0a0;}

.tab-subheader {font-weight:normal;}

.tab-content {border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:35px;}

.nav-tabs{cursor:pointer;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #000;
    cursor: default;
    background-color: #C0C0A0!Important;
    border: 1px solid #dddddd;
	margin-left:0px;
	font-weight:normal;
    border-bottom-color: transparent;
	
} 

#edit {margin-right:3px;}

/*----------- FORM FIELD STYLES -----------*/
.field-label {
	border-bottom: 1px dotted #CCCCCC;
	color:#000;
	
}

.field {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 175px;
	margin: 2px;
	color: #333333;
	height: 24px; 
	padding-left: 4px;
}
.field-sm {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 70px;
	margin: 2px;
	color: #333333;
	height: 24px;
	padding-left: 4px;
}

.field-xsm {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 50px;
	margin: 2px;
	color: #333333;
	height: 24px;
	padding-left: 4px;
}

.field-md {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 100px;
	margin: 2px;
	color: #333333;
	height: 24px;
	padding-left: 4px;
}

.field-date {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 100px;
	margin: 2px;
	color: #333333;
	height: 24px;
	padding-left: 4px;
}

.field-lg {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 200px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	height: 24px;
	padding-left: 4px;
}
.field-xlg {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 250px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	height: 24px;
	padding-left: 4px;
}
.field-xxlg {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	height: 24px;
	padding-left: 4px;
}
.field-xxxlg {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 650px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	height: 24px;
	padding-left: 4px;
}

.field-memo {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	padding-left: 4px;
}

.field-quick {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 175px;
	margin: 2px;
	color: #333333;
	height: 24px;
	padding-left: 4px;
}
.field-quickmemo {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 175px;
	height:60px;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	padding-left: 4px;
}




/******************************************************/
/* ---------- FOOTER STYLES ----------------- */
/******************************************************/
footer{margin-top:0px!Important; }
.footer {
	min-height:115px;
	padding-bottom:14px;
	margin-top:0px;
	padding-top:10px;
	background-color:#042946;
	border-top:0px solid #666;
	color:#fff;
}

.footer ul {
	list-style:none;
	margin-left:-45px;}

.footer ul li a {
font:13px Arial, Helvetica, sans-serif;
color:#fff;
padding: 0px 13px 10px 13px;
text-decoration:none;
}

.footer ul li a:hover, .footer ul li.active a {
color:#fff;
text-decoration:underline;

}

#copywright {
	margin-top:25px; 
	text-align:center;
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	}

#copywright p a.footlink {
	color:#2FC0CC;
	text-decoration:none;
}

#copywright p a.footlink:hover {
	color:#2FC0CC;
	text-decoration:underline;
}

/*****************************************************/
/* -------- Adjustments for SmartPhone Display ----- */
/*****************************************************/
@media screen and (max-width: 28.75em) {
	#logo img{max-width:320px;height:auto;padding-top:15px!Important;margin-left:-60px;}
	#topbar {display:none!Important; }
	#phone {margin-top:-25px;}
	#crums {display:none;}
	.listing-description {display:none;}
	.listing-name{display:none;}
	.cell-bg{display:none;}
	#search {padding-top:90px!Important;margin-bottom:0px!Important;}
	#content .cell-bg {float:left;}
	.field-label {
	border-bottom: 1px dotted #CCCCCC;
	color:#000;
	
}

.field {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 100%;
	margin: 2px;
	color: #333333;
	height: 24px; 
	padding-left: 4px;
}


.field-memo {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	width: 100%;
	margin: 2px;
	color: #333333;
	line-height: 14px;
	padding-left: 4px;
}


	
}

/* used to print webpages, removes header and footer when printing */
/* keep this code at bottom of style sheet */
@media print {
	header {display:none;}
	footer {display:none!Important;}
	#topbar {display:none!Important; }
	#crums {display:none;}
	#search {display:none!Important;}
	#logo {max-width:320px;width:auto;}
	}



.subhead4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	
	background-color:#95907D;
	background-color: #FFCC66;
	letter-spacing: 1px;
	padding-left:10px;
	padding-top:8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 35px;
}

.subhead5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	background-color: #FFE1AD;
	letter-spacing: 1px;
	padding-left:10px;
	padding-top:8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 35px;
}


.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #dd;
	width: 175px;
	
	color: #000033;
	height: 30px;
	padding-left: 4px;
}
.field-sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #dd;
	width: 65px;
	color: #000033;
	height: 30px;
	padding-left: 4px;
}

.field-date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #dd;
	width: 90px;
	color: #000033;
	height: 30px;
	padding-left: 4px;
}

.field-lg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #dd;
	width: 200px;
	color: #000033;
	line-height: 14px;
	height: 30px;
	padding-left: 4px;
}
.field-xlg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #dd;
	width: 250px;
	color: #000033;
	line-height: 14px;
	height: 30px;
	padding-left: 4px;
}
.field-xxlg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #ddd;
	width: 350px;
	
	color: #000033;
	line-height: 14px;
	height: 30px;
	padding-left: 4px;
}

.field-memo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #ddd;
	width: 350px;
	
	color: #000033;
	line-height: 14px;
	padding-left: 4px;
}

.field-notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #ddd;
	width: 450px!Important;
	
	color: #000033;
	line-height: 14px;
	padding-left: 4px;
}

.field-pop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #ddd;
	width: 150px;
	
	color: #000033;
	height: 30px;
	padding-left: 4px;
}

.field-pop-lg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF5E3;
	border: 1px solid #ddd;
	width: 250px;
	
	color: #000033;
	height: 30px;
	padding-left: 4px;
}

@media print {
	a[href]:after {display:none!important;}
	}