﻿/*Global Items*/
.FieldTitle {font-weight:bold; margin-right: 4px;}
#returnLink {clear:left; margin-top:10px;}
.datePosted { font-style:italic;}
.rowDivider {clear:both;border-bottom:1px solid #999; height:10px; margin-bottom:8px; }
.itemDivider {clear:both;height:10px; margin-bottom:18px; }
.crimeFilesFooter {}
.imageRightSideContent {display:inline-block; white-space: normal;}

/*Daily Highlight Listing*/
#dailyHighlightListing .dailyHighlight {width:100%;}

/*Media Release Listing*/
#mediaReleaseListing .mediaRelease {width:100%;}

/* Success Story Listing*/
#successStoryListing .successStory {padding-left:10px; width:100%; }
#successStoryListing .successStory .image {float:right;}
#successStoryListing .successStory .abstract {margin-top:1em; }

/* Success Story Details*/
#successStoryDetail .image {float:left; margin-right:10px; }
#successStoryDetail #wrapper {margin-top:10px;}

/*Missing Person Listing*/
#missingPersonListing .missingPerson {width:100%;}
#missingPersonListing .missingPerson .image {float:left; width:30%; }
#missingPersonListing .missingPerson .info {float:left; padding-left:10px; width:70%; }
#missingPersonListing .missingPerson .info .description { margin-top:1em; }

/*Missing Person Details*/
#missingPerson #Image1 {float:left; margin-right:10px; margin-bottom:10px;width:200px; }
#missingPerson #personInfo {margin-bottom:1em; }
#missingPerson #content {}
#missingPerson #images {clear:both;}
#missingPerson #videoEmbed {clear:both; margin-bottom:10px;}

/*Unsolved Homicide Listing*/
#unsolvedHomicideListing .unsolvedHomicide {width:100%;}
#unsolvedHomicideListing .unsolvedHomicide .image {float:left; width:30%; }
#unsolvedHomicideListing .unsolvedHomicide .info {float:left; padding-left:10px; width:70%; }
#unsolvedHomicideListing .unsolvedHomicide .info .Abstract { margin-top:1em; }

/*Unsolved Homicide Details*/
#unsolvedHomicide #Image1 {float:left; margin-right:10px; margin-bottom:10px;width:200px; }
#unsolvedHomicide #personInfo {margin-bottom:1em; }
#unsolvedHomicide #content {}
#unsolvedHomicide #images {clear:both;}
#unsolvedHomicide #videoEmbed {clear:both; margin-bottom:10px;}


/*Most Wanted Listing*/
#mostWantedListing .mostWanted {width:100%;}
#mostWantedListing .mostWanted .image {float:left; width:30%; }
#mostWantedListing .mostWanted .info {float:left; padding-left:10px; width:70%; }
#mostWantedListing .mostWanted .info .description {margin-top:1em; }
#mostWantedListing .mostWanted .info .abstract {margin-top:1em; }

/*Most Wanted Details*/
#mostWanted #Image1 {float:left; margin-right:10px; margin-bottom:10px;width:200px;}
#mostWanted #personInfo {margin-bottom:1em; }
#mostWanted #personInfo #description {margin-top:1em; }
#mostWanted #content {}
#mostWanted #images {clear:both;}
#mostWanted #videoEmbed {clear:both; margin-bottom:10px;}

/*Assist to Identify Listing*/
#assistToIdentifyListing .AssistToIdentify {width:100%; }
#assistToIdentifyListing .AssistToIdentify .image {float:left; width:30%; }
#assistToIdentifyListing .AssistToIdentify .info {float:left; padding-left:10px; width:70%; }
#assistToIdentifyListing .AssistToIdentify .info .Description {margin-top:1em; }
#assistToIdentifyListing .AssistToIdentify .info .abstract {margin-top:1em; }

/*Assist to Identify Details*/
#assistToIdentifyDetail #Image1 {float:left; margin-right:10px; margin-bottom:10px;width:200px;}
#assistToIdentifyDetail #personInfo {margin-bottom:1em; }
#assistToIdentifyDetail #content #Description {margin-top:1em; }
#assistToIdentifyDetail #content {}
#assistToIdentifyDetail #images {clear:both;}
#assistToIdentifyDetail #videoEmbed {clear:both; margin-bottom:10px;}

/*Hot Cars Listing*/
#hotCarListing .hotcar {width:100%;}
#hotCarListing .hotcar .image {float:left; width:30%; }
#hotCarListing .hotcar .info {float:left; padding-left:10px; width:70%; }
#hotCarListing .hotcar .info .model {font-weight: bold;}
#hotCarListing .hotcar .info .abstract {margin-top:1em; }

/*Hot Cars Details*/
#hotCarDetail #Image1 {float:left; margin-right:10px; margin-bottom:10px;}
#hotCarDetail #carInfo {margin-bottom:1em; }
#hotCarDetail #carInfo #model {font-weight:bold;}
#hotCarDetail #content {}
#hotCarDetail #images {clear:both;}
#hotCarDetail #videoEmbed {clear:both; margin-bottom:10px;}

/*CFMH Listing*/
#CFMHListing .cfmh {width:100%;}
#CFMHListing .cfmh .image {float:left; width:35%; }
#CFMHListing .cfmh .info {float:left; padding-left:10px; width:65%; }
#CFMHListing .cfmh .info .name {font-weight: bold;}

/* Caught On Camera Listing*/
#CaughtOnCameraListing .CaughtOnCamera {width:100%; }
#CaughtOnCameraListing .CaughtOnCamera .image {float:left; width:30%; }
#CaughtOnCameraListing .CaughtOnCamera .info {float:left; padding-left:10px; width:70%; }
#CaughtOnCameraListing .CaughtOnCamera .info .Description {margin-top:1em; }
#CaughtOnCameraListing .CaughtOnCamera .info .abstract {margin-top:1em; }

/* Caught On Camera Details*/
#CaughtOnCameraDetail #Image1 {float:left; margin-right:10px; margin-bottom:10px;Width:200px; }
#CaughtOnCameraDetail #personInfo {margin-bottom:1em; }
#CaughtOnCameraDetail #personInfo #description {margin-top:1em; }
#CaughtOnCameraDetail #content {}
#CaughtOnCameraDetail #images {clear:both;}
#CaughtOnCameraDetail #videoEmbed {clear:both; margin-bottom:10px;}

/* Reenactment Listing*/
#ReenactmentListing .Reenactment {width:100%; }
#ReenactmentListing .Reenactment .video {float:left; width:35%;}
#ReenactmentListing .Reenactment .info {float:left; padding-left:10px;width:65%; }
#ReenactmentListing .Reenactment .info .Content {margin-top:1em; }

/* Reenactment Details*/
#ReenactmentDetail #content {}
#ReenactmentDetail #videoEmbed {clear:both;margin-bottom:10px; text-align:center}

/*Police Beat Listing*/
#policeBeatListing .policeBeat {width:100%; }
#policeBeatListing .policeBeat .image {float:left; padding-right:10px; width:25%; }
#policeBeatListing .policeBeat .info {float:left; width:75%; }
#policeBeatListing .policeBeat .info .Description {margin-top:1em; }
#policeBeatListing .policeBeat .info .abstract {margin-top:1em; }
#policeBeatListing .policeBeat .footer {clear:both; }
#policeBeatListing h2 {border-bottom:1px solid #999; text-align:left;}
#policeBeatListing h3 {border-bottom:1px dashed 999; text-align:left;}
#policeBeatListing .datePosted {clear:both; font-style:italic; padding-top:10px;}


/*Crime File images to be set to 100% width when screen is 900px or less so Image takes entire portion of the page with details startting below */
@media only screen and (max-width: 900px) {
    #unsolvedHomicide #Image1 {width:100%;}
    #CaughtOnCameraDetail #Image1 {width:100%;}
    #missingPerson #Image1 {width:100%;}
    #assistToIdentifyDetail #Image1 {width:100%;}
    #mostWanted #Image1 {width:100%;}
    #crimeFileDetail #Image1 { width: 100%;}
}