/***********************************************
 **               WWCM Styles                 **
 ***********************************************/

/*  Page Navigation  */
.hideIfOnePage_1 {
     display:none;
  }
  
.pageNav, .PageNav {
		 font-size: 1.0em;
		 vertical-align: middle;
		 text-align:center;
		 float:right;
		 padding: 4px;
		 margin: 4px;
		 border: 1px hidden green;
}

/*.active, .Active {
        vertical-align: middle;
        text-align:center;
        padding: 0px;
        margin: 0px;
        border: 1px hidden red;
}*/

.inactive, .Inactive {
        vertical-align: middle;
        text-align:center;
        color: #CCCCCC;
        padding: 0px;
        margin: 0px;
        border: 1px hidden blue;
}

/* Links */
.mainLinks {
		 border: 1px hidden orange;
}

.Links, .links {
		  border: 1px hidden grey;
}

fullLinksScroll, .FullLinksScroll {
		 
		 height: 200px;
		 min-height: 200px;
		 padding: 1px;
		 margin: 2px;
		 overflow: scroll;
		 border: 1px hidden blue;
		 }

.fullLinks, .FullLinks{
		 
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 }

.linkItem {
            padding: 2px;
            padding-bottom: 10px;
            margin: 2px;
            border: 1px hidden blue; 
        }
		
.linkItem-NoImage {
            padding: 0px;
            margin: 0px;
            border: 1px hidden blue; 
        }		


.linkIcon {
		 width: 20px;
		 min-width: 20px;
		 height: 20px;
		 min-height: 20px;
		 padding: 0px;
		 margin: 2px;
		 display: inline;
		 border: 1px hidden purple;
		 }

.linkTitle {
		 width: 20px;
		 min-width: 20px;
		 height: 20px;
		 min-height: 20px;
		 padding: 0px;
		 margin: 2px;
		 display: inline;
		 border: 1px hidden red;
		 }
		 
.linkTitle-NoImage {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden brown;
		 		 		 }		 
						 
.subLink, .SubLink {
		 padding: 0px;
		 margin: 2px;
		 border: 1px hidden blue;
		 }


/* I want to... */

.IWantTo {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden red;
}


/* Option */

.optionList {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
}
.optionItem {
		 width: 175px;
		 min-width: 175px;
		 padding: 0px;
		 margin: 2px;
		 border: 1px solid;
}


/* Document */

.documentList {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
}

.documentItem {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
}


/* FAQ */

.FAQList {
		
		 height: 200px;
		 min-height: 200px;
		 padding: 4px;
		 margin: 0px;
		 overflow-y: auto;
		 border: 1px hidden;
}

.FAQItem {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
}

.Question, .question {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden purple;
}

.Answer, .answer {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
}


/* Definition */
.definitionList		 		 {
		 
		 width: 99%;
		 min-height: 200px;
		 padding: 4px;
		 margin: 0px;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.definitionItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

.Term, .term		 		 {
		 padding: 1px;
		 margin: 2px;
		 		 		 }

.Definition, .definition{
		 padding: 1px;
		 margin: 2px;
		 		 		 }


/* Alert */

		 		 		 		 		 
.alertMajorList, .AlertMajorList {
            color: #48525B;
           
            background-color: #d2e6f7;
            padding-bottom: 5px;
            padding-left: 5px;
            margin: 0px;
		     margin-bottom: 0px;
            border: 1px solid #c2d4e2;
      }


.alertMajorItem, .AlertMajorItem		 {
		 float: left;
		 width: 47%;
		 min-width: 47%;
		 height: 40px;
		 min-height: 40px;
		 margin-top: 4px;
		 margin-bottom: 4px;
		 margin-left: 4px;
		 padding: 0px;
		 display: inline;
		 border: 1px hidden orange;
		 height: 100%;
}
		 		 		 		 
.alertMajorListTitle, .AlertMajorListTitle {
		 color: #ec1e22;
		 font-weight: bold;
		 font-size:1.4em;
}

.alertTitle, .AlertTitle  {
		 color: #C97962;
		 font-style: italic;
		 font-size: 1.1em;
		 font-weight: bolder;
}

.alertMajorList .Date, .alertMajorList .abstract {
		 color: #48525B;
}

.alertMajorList a, .alertMajorList a visited, .alertMajorList a linked  {
		 color: #000022;
}

.alertList {
            background-color: #ffeb42;
            padding: 0px;
            margin: 0px;
            border: 1px hidden red;
}

.alertItem {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
}

.alertItem a  {
		 color: #ec1e22;
		 font-weight: bold;
		 text-decoration:none;
}

.amberAlertTitle, .AmberAlertTitle,
         a.amberAlertTitle:visited, a.AmberAlertTitle:link    {
            color: #ec1e22;
            font-style: italic;
            font-weight: bolder;
      }

 .majoralert_Fire, .majoralert_Flood, .majoralert_Earthquake, .majoralert_General, .majoralert_Emergency, .majoralert_Tornado, .majoralert_Tsunami, .majoralert_Terrorist
 {
      background-repeat: no-repeat;
      margin: 0px;
      padding: 0px;
      width: 35px;;
   }

   .majoralert_Fire { background-image: url('/wps/themes/html/LACounty/images/Fire.gif'); }
.majoralert_Flood {background-image: url('/wps/themes/html/LACounty/images/SevereWeather.gif'); }
.majoralert_Earthquake { background-image: url('/wps/themes/html/LACounty/images/Earthquake.gif'); }
.majoralert_General {background-image: url('/wps/themes/html/LACounty/images/General.gif'); }
.majoralert_Emergency { background-image: url('/wps/themes/html/LACounty/images/Emergency.gif'); }
.majoralert_Tornado {background-image: url('/wps/themes/html/LACounty/images/Tornado.gif'); }
.majoralert_Tsunami {background-image: url('/wps/themes/html/LACounty/images/Tsunami.gif'); }
.majoralert_Terrorist { background-image: url('/wps/themes/html/LACounty/images/Security.gif'); }

/* Standard Elements */
.header, .Header		 {
		 font-size: 1.3em;
		 font-weight: bolder;
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden blue;
		 		 		 }

		 
.ArticleTitle, .articleTitle		 		 {
		 font-size: 1.4em;
		 font-weight: bolder;
		 width: 250px;
		 min-width: 250px;
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden blue;
		 		 		 }

.Abstract, .abstract		 {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden orange;
		 		 		 }



.Date, .date		 		 {
		 color: #202020;
		 font-style: italic;
		 width: 80px;
		 min-width: 80px;
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden orange;
		 		 		 }

.Number, .number		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }


.Link, .link		 		 {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden brown;
		 		 		 }

.URL		 		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }




/* Biography */
.biographyList, BiographyList		 {
		
		 padding: 1px;
		 margin: 2px;
		 border: 0px hidden brown;
		 		 		 		 }
		 		 		 
.biographyHeader, .BiographyHeader		 {
		 font-size: 1.1em;
		 font-weight: bold;
		 padding: 1px;
		 margin: 2px;
		 border: 0px hidden brown;
		 		 		 		 }

.bioDistict, .BioDistrict		 {
		 width: 40%;
		 min-width: 40%;
		 padding: 1px;
		 margin: 2px;
		 border: 0px hidden brown;
		 		 		 }

.bioSupervisor, .BioSupervisor		 {
	
		 font-weight: bold;
		 margin: 2px;
		 padding: 1px;
		 border: 0px hidden brown;
		 		 		 }


/* contact */
.Address, .address		 {
		 font-size: Large;
		 background-color: #AAFFFF;
		 color: #2020AA;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }

.Contact, .contact		 {
		 font-size: Large;
		 background-color: #FAAAAA;
		 color: #2020AA;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }

.Email, .email		 		 {
		 font-size: Large;
		 background-color: #FFFFFA;
		 color: #2020AA;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }

.Name, .name		 		 {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden brown;
		 		 		 }

.Phone, .phone		 		 		 {
		 font-size: Large;
		 background-color: #AFFFAF;
		 color: #2020AA;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }

.Position, .position		 		 {
		 font-style: italic; 
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden brown;
		 		 		 }

.contactList		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
		 		 		 }

.contactItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }



/* news */
.Source, .source		 		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 		 		 }

.newsList, .NewsList		 		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 		 		 }

.newsItem, .NewsItem		 		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 		 		 }
.View, .view 		 		 		 		 {
		 font-weight:bold;
		 text-align:right;
		 		 		 		 		 }

/* Promotions */

.promotionItem, .PromotionItem		 		 {
		 vertical-align:  middle;
		 text-align:  center;
		 		 		 		 		 }


/* Images */
.MainImageRight, .mainImageRight		 {
		 float: right;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 		 		 } 

.MainImageLeft, .mainImageLeft		 		 {
		 float: left;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 		 		 }

.Icon, .icon		 		 		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 }
.ListIcon, .listIcon		 		 {
		 width:55px;
		 min-width:55px;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 }
		 		 		 
.largeIcon, .LargeIcon		 		 {
		 float: left;
		 width:55px;
		 min-width:55px;
		 height: 30px;
		 min-height: 30px;
		 text-align: center;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 }
		 		 		 
.Image, .image		 		 {
		 text-align:center;
		 padding: 3px;
		 margin: 4px;
		 border: 1px hidden green;
		 		 		 }

.Caption, .caption		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden green;
		 		 		 }



/* Services */
.serviceMain		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden orange;
		 		 		 }

.servicelist		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
		 		 		 }

.serviceItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }




/* Detail */
.ArticleDetail, .articleDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.BlurbDetail, .blurbDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.ContactDetail, .contactDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.Definitiondetail, .definitionDetail		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.FAQDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.questionItem {
            font-size: 1.4em;
            font-weight: bolder;
            width: 250px;
            min-width: 250px;
            padding: 0px;
            margin: 0px;
            border: 1px hidden blue;
      }

.NewsDetail, .newsDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.PageDetail, .pageDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }

.PolicyDetail, .policyDetail		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden blue;
		 		 		 }
		 		 		 

/* Factoid */
.factoidItem, .FactoidItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

   .factoidList, .FactoidList {
      padding: 7px;
      margin: 0px;
      background-color: #fee9e4;
      border: 1px hidden red;
   }

   .factoidList ul, .FactoidList ul {
      padding: 0px;
      margin-right: 7px;
      margin-left: 10px;
      margin-top: 0px;
      margin-bottom: -4px;
      border: 1px hidden red;
   }

.hiddenFactoid {
  display: none;
}

/* Article */
.articleItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

.articleList		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
		 		 		 }


/* Blurb */
.blurbTitle, .BlurbTitle {
		 font-size:1.4em;
		 text-transform: uppercase;
		 font-family: "Trebuchet MS";
		 font-weight: bold;
		 text-align: center;
		 color: #996317;
		 		 		 }

.blurbItem, .blurbItem		 {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden purple;
		 		 		 }

.blurbList, .BlurbList		 {
		 padding: 0px;
		 margin: 0px;
		 border: 1px hidden red;
		 		 		 }


/* gallery */
.galleryList		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
		 		 		 }

.galleryItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }


/* policy */
.policyList		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden red;
		 		 		 }

.policyItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

.ArticleBody, .articleBody          { 
		 padding: 1px; 
		 margin: 2px; 
		 border: 1px hidden brown; 
		 font-size: 1em;      
               }


/* Citizen's Guide */
.citGuideList		 		 {
		 
		 padding: 1px;
		 margin: 2px; 
 		 height:250px;
 		 overflow-y: scroll;
		 border: 1px hidden red;
		 		 		 }						

.citGuideHeader 			 {
		 background-color: #FFFFCC;
 		 
		 padding: 1px;
		 margin: 2px;  
		 }
		 
.citGuideItem		 		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

.citGuideBody, .citGuideBody          { 
		 padding: 1px; 
		 margin: 2px; 
		 border: 1px hidden brown; 
		 font-size: 1em;      
		 overflow-y: scroll;
		 height: 500px;
               }


/* Main Heading */
.MainHeading		 		 {
		 font-size: Large;
		 background-color: #AFAFAA;
		 color: #2020AA;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden brown;
		 		 		 }



/* Navigation */

.moreItems		 		 {
		 float: right;
		 font-size: small;
		 		 		 }
		 		 		 
.inLineEdit		 		 {
		 float: right;
		 font-size: .7em;
		 *margin-right:10px;
		 		 		 }

.inLineAdd		 		 {
		 font-size: .7em;
		 		 		 }



/* Cluster */
.clusterList, .ClusterList		 {
		 
		 height: 140px;
		 min-height: 140px;
		 padding: 0px;
		 margin: 2px;
		 border: 1px hidden #C8C8C8;
		 		 		 		 }

.clusterItem, .ClusterItem		 {
		 float: left;
		 width: 44%;
		 min-width: 44%;
		 height: 60px;
		 min-height: 60px;
		 font-size: 1.2em;
		 font-weight: bold;
		 text-align: center;
		 padding: 5px;
		 margin: 5px;
		 display: inline;
		 border: 1px hidden orange;
		 		 		 		 }


/* Modified Content */ 
.featureMain      {
     
     padding: 0px;
     margin: 0px;
     border: 1px hidden #C8C8C8;
}

.superFeaturedList      {
	
	padding: 0px;
	margin: 0px;
	border: 1px hidden #C8C8C8;
	background-color: #f2f3f5;
	border-bottom: inset 2px #9f9fa1;
}

.superFeaturedItem      {
       font-size: 1.2em;
       padding: 6px;
       margin: 0px;
       border: 1px hidden blue;
}

.featuredList {
    
     padding: 0px;
     margin: 0px;
     border: 1px hidden #C8C8C8;
}

.featuredItem {
     padding: 6px;
     margin: 0px;
     border: 1px hidden green;
}


.superHighlightedList		 {
		 background-color: #FFFFAA;
		 color: #2020AA;
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden #C8C8C8;
		 		 		 }

.superHighlightedItem		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }

.highlightedList		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden #C8C8C8;
		 		 		 }

.highlightedItem		 {
		 padding: 1px;
		 margin: 2px;
		 border: 1px hidden purple;
		 		 		 }


/* Document Display */
/*   these are displayed */
.PDFPDF, .NativeNative		 {
		 margin: 0px;
		 display: inline;
		 border: 1px hidden red;
		 		 		 }

.PDFBoth, .NativeBoth		 {
		 margin-right: 10px;
		 display: inline;
		 border: 1px hidden purple;
		 		 		 }

/*   these are not displayed */
.PDFNative, .NativePDF 		 {
		 display: none;
		 		 		 }
/* We add these because 6.15 addes these as class values to the table*/
.layoutColumn{width:100%;}
.layoutRow{width:100%;}

#servicesLocatorQuery img{float:right; margin-left:5px; marging-top:-15px;}
#servicesLocatorQuery form{width:10px;}
.Active{vertical-align:middle;}