@charset "utf-8";
#topTabs {
	display: inline-block;
	width: 100%;
}
/*tab css*/
ul.tabs {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	background-color: #eeb111;
		}
ul.tabs li  {
	background: none;
	color: #222;
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	padding-left: 10px;
		}
ul.tabs li.current  {
	/*background: #ededed;*/
	color: #222;
	border-top: thin solid #C5C5C5;
	border-right: thin solid #C5C5C5;
	border-left: thin solid #C5C5C5;
	background-color: #B4B4B4;
		}
.tab-content {
	display: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 0px;
	margin-top: -15px;
	
}
.tab-content.current {
	display: inherit;
	/* [disabled]border-top: thin solid #C5C5C5; */
}



.subtab-contents {
	width: 100%;
	border-radius: 3px;
	background-color: #F0EDEE;
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	min-height: 500px;
	display: block;
	margin-top: -15px;
	padding-top: 5px;
   
}

ul.subtabs {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	background-color: #eeb111;
}
ul.subtabs li  {
	background: none;
	color: #222;
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	padding-left: 10px;
}
ul.subtabs li.active  {
	/*background: #ededed;*/
	color: #222;
	border-top: thin solid #C5C5C5;
	border-right: thin solid #C5C5C5;
	border-left: thin solid #C5C5C5;
	background-color: #B4B4B4;
}
#subtab5, #subtab6, #subtab7 , #subtab8{
	display: none;
}


.subtab-content {
	display: none;
}
.subtab-content.active {
	display: block;
	/* [disabled]border-top: thin solid #C5C5C5; */
	margin-top: 10px;
	
}


#titleBar {
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: middle;
}
#todaysDate  {
	font-weight: bold;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}


.optionDiv {
	display: inline-block;
	background-color: #B4B4B4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 4px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	float: right;
}

.optionDiv input, .optionDiv select, .searchArea input, .searchArea select{
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: small;
	border-radius: 4px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#tab1 #reminderGrid {
	margin-top: 15px;
	height: 800px;
}
#tab2 h3   , #tab3 h3, #tab1 h3{
	font-size: small;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.searchArea  {
	display: inline-block;
	background-color: #B4B4B4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 4px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.searchArea #neighborDD , .searchArea #neighborDD2{
	display: none;
}

.noDecor, .noDecorSub {
	list-style-type: none;
}
.noDecor label {
	width: 125px;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	min-width: 0px;
}

.noDecor input[type="text"] {
    border-radius: 4px;
    border-width: thin;
    border-style: inset;
    width: 235px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.noDecor select{
    border-radius: 4px;
    border-width: thin;
    border-style: inset;
    width: 235px;
    margin-left: -5px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.noDecor textarea {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 200px;
	border-radius: 4px;
	border-style: inset;
	border-width: thin;
}


#searchMapLocation {
	position: absolute;
	z-index: 50;
	top: 308px;
	left: 35px;
}
#caseinformation li {
	display: inline-block;
}

.noDecorSub input[type="text"] {
	border-radius: 4px;
	border-width: thin;
	border-style: inset;
	width: 70%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	min-width: 200px;
}


.noDecorSub label {
	width: 20%;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	min-width: 125px;
}

.noDecorSub input[type="button"]  {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 135px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	display: inline-block;
	float: left;
	font-size: small;
}


.noDecorSub select{
	border-radius: 4px;
	border-width: thin;
	border-style: inset;
	width: 70%;
	margin-left: -5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	min-width: 200px;
}
.noDecorSub textarea {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 70%;
	border-radius: 4px;
	border-style: inset;
	border-width: thin;
	min-width: 200px;
}
.sendButtons{
    list-style-type: none;
	
}

.sendButtons li {
    display: inline-block;
    width: 400px;
    margin-left: -15px;
		
}
.sendButtons input {
   
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	font-size: small;
}

#sendDirector, #sendDeputy{
    width: 269px;
}
#sendDirector , #directorsText{
    display: none;
}



#actionGrid {
	width: 100%;
	margin-top: 5px;
}
#createNewAnyway {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 135px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	font-size: small;
	display: none;
}
#addViolation {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	font-size: small;
}
#tab5a {
    font-size: large;
}



#tab5a .letterWarning {
	font-style: italic;
	font-size: small;
	font-weight: bold;
	text-shadow: 0px 0px;
	color: #FB0004;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#tab5a .titleBar5a {
	background-color: #C5C5C5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 50px;
	width: 100%;
	margin-right: 22px;
}

#tab5a .leftAlign5a        {
	display: inline-block;
	margin-top: 9px;
	margin-left: 5px;
}
#tab5a .rightAlign5a    {
	display: inline;
	margin-top: 9px;
	text-align: right;
	float: right;
	margin-right: 10px;

}
#tab5a #owner5a  {
    margin-top: 20px;
}

#tab5a .contactInfo5a {
    width: 100%;
    margin-top: 5px;
}
#tab5a .caseNum5a {
    display: inline;
    float: right;
    padding-right: 10px;
}
#tab5a .contactList5a{
	margin-top: 40px;
}
#tab5a .contactList5a , #tab5a .inspectorContact5a{
	list-style-type: none;
}
#tab5a .contactList5a label , #tab5a .caseNum5a label{
	font-weight: bold;
	
}
#tab5a .ralignLabel {
    width: 155px;
    text-align: right;
    margin-right: 5px;
}
#tab5a .vioDescript5a, #tab5a .genViolations5a, #tab5a .notice5a {
	margin-left: 40px;
	margin-right: 20px;
	
}
#tab5a .vioDescript5a label, #tab5a .genViolations5a label, #tab5a .notice5a label {
	font-weight: bold;
	
	
}
#tab5a .smallNote5a {
	font-size: small;
}
#tab5a .vioDescript5a textarea   {
    width: 100%;
	height: 200px;
    border-style: none;
    
	
}
#tab5a .notice5a p {
	margin-top: -8px;
}
#tab5a .inspectorContact5a, #tab5a  .inspectorName5a {
	font-weight: bold;
}
#tab5a .sigLine5a    {
	width: 400px;
}
#tab5a #violationDD   {
	max-width: 300px;
}
#tab5a #tenvsownerLbl, #tab5a #ownerVSten {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#tab5a #genLetterLabel {
	margin-left: 5px;
	margin-top: 5px;
}

#tab6a ul {
	list-style-type: none;
}

#tab6a .topRow li {
	display: inline-block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
#tab6a .topRow li label {
	margin-right: 3px;
}

#tab6a .topRow .green {
	background-color: #77A140;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}
#tab6a .topRow .grey {
	background-color: #A4A4A4;
	margin-bottom: 5px;
}
#tab6a .fiMid {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	border: thin solid #414141;
	min-height: 350px;
	margin-bottom: 5px;
}

#tab6a #rSide label  {
	width: 150px;
	text-align: right;
	padding-right: 5px;
}
#tab6a #rSide input {
	min-width: 175px;
	width: 60%;
	font-size: small;


}
#tab6a .fiMid h5    {
	background-color: #A4A4A4;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#tab6a #violationDDFI  {
	width: 85%;
	margin-left: 3px;
}
#tab6a #addViolationFI     , #tab7a #addViolationT{
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	border-radius: 4px;
	padding-left: 7px;
	border-width: thin;
}
#tab6a #vioDescriptionFI {
	width: 95%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0px;
	margin-left: 5px;
	min-height: 300px;
}
#tab7a ul , #tab8a ul{
	list-style-type: none;
}
#tab7a .ticketTop li {
	display: inline-block;
}
.savemessage {
	color: #AD0002;
	font-style: italic;
	font-size: small;
	display: none;
}
/*General Letter CSS*/
/* css for general letter print */
#showGrid, #printGenLetter,#saveGenLetter,#justPrintGenLetter, #fiJustPrint, #fiSave, #ticketSave, #ticketOpen, #attachSave, #cblSave, #saveContact, #saveCaseInfo  , #saveContact2 , #fiSavePrint, #exportReport{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 135px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	font-size: small;
}



#letterLimit{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 135px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-radius: 3px;
	font-size: small;
	display: none;
}

#tab7a label  {
	margin-right: 5px;
	font-weight: bold;
}
#tab7a #violationDDT {
	width: 300px;
}
#tab7a #vioDescriptionT , #tab7a #summonsDisposition{
    width: 95%;
	
    
}
#tab8a #vioDescriptionAttach {
	width: 100%;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#tab8a label {
	font-weight: bold;
}
.cblForm   {
	list-style-type: none;
}
.cblForm label {
	width: 120px;
	text-align: right;
	margin-right: 5px;
}
.cblForm input[type="text"]  {
	width: 250px;
}
.cblForm select {
	width: 250px;
	margin-left: -5px;
}




#deleteLabel {
	color: #B90205;
	display: none;
	clear: left;
	font-style: italic;
	font-weight: bold;
}

#attach , #attach2{
	margin-left: 35px;
}
.attachFile {
	margin-bottom: 15px;
}

.removebutton {
	font-size: small;
	margin-right: 3px;
	margin-left: 5px;
	color: #C70003;
	font-weight: bold;
	padding-top: 0px;
}
#revistCB {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;

}

.header5A {
	display: none;
}
.footer5A {
	display: none;
}
.watermark {
    background-image: url(../extra/watermark.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

input[type="date"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	min-height: 1.2em;
	min-width:60px;
}


@media (max-width:765px){
.optionDiv {
	float: none;
	display: inline-block;

}
.subtab-content.active {
	margin-top: 0px;


}



}

@media print{
#titleBar {
	display: none;
}
.titleBar5a {
	margin-top: 125px;
}

#topTabs {
	display: none;
}
#caseinformation {
	display: none;
}
	
#tab5a .titleBar5a {
	background-color: transparent;
}
#tab5a .vioDescript5a textarea   {
    background-color: transparent;
    
}
	
.header5A {
	display: inline
}
.footer5A {
    display: inline;
    /* position: fixed; */
    bottom: 5px;
}
	
/*.subtab-content.active {
	margin-top: -50px;
}*/
.subtabs {
	display: none;
}
.subtab-contents {
	background-color: #FFFFFF;
}
#caseInfoTitle {
	display: none;
}

#printGenLetter {
	display: none;
}
.sendButtons, #addViolation, #violationDD, #removeViolation,#justPrintGenLetter, #saveGenLetter, .letterWarning, #tenvsownerLbl, #ownerVSten, #genLetterLabel, #genLetterInspector,#fiJustPrint, #fiSave, #fiSavePrint, #violationDDFI, #addViolationFI{
	display: none;
}
.topRow  {
	display: none;
}
	
#fiTop {
	height: 50px;
}

	
#tab6a #customer, #tab6a #employeeInfo, #tab6a #fiBottom .fiMid{
	/*width: 48% !important;
	display: inline-block !important;
	vertical-align: top;
	border: thin solid #414141;
	min-height: 350px;*/
	margin-bottom: 10px;
	
}

.removebutton {
	display: none;
}
.savemessage {
	
	display: none;
}
	


}



@media (max-width:550px){
#tab4 .subtab-contents  {
	padding-top: 139px;
}

.subtab-content.active {
	margin-top: -135px;


}
#fiTop label {

}
#tab6a .topRow li {
	width: 260px;
	margin-bottom: 5px;
}


	
}

@media (max-width:930px){
#tab6a .fiMid {
	display: block;
	width: 100%;
}

}

@media (max-width:660px){
#tab5a {
    font-size: small;
}
#tab5a .rightAlign5a   {
    float: left;



}
#tab5a .caseNum5a {
    float: left;
}



}