@charset "UTF-8"; 
/* CSS Document */

* { padding: 0; margin: 0; }

body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; background-color:#FFFFFF; }

/* General Styles ---------------------------------- */

p { font-size: 13px; line-height: 18px; padding: 5px 2px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; }

a { color: #000000; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 { font-family: PT Serif, Times New Roman, Arial; font-size: 32px; margin: 0 0 8px 0; }
h2 { font-size: 19px; font-weight: bold; }
h2 li { list-style-type: none; }
h3 { width: auto; padding: 8px 10px; background-color: #666; color: #FFF; font-size: 13px;}
h4 { font-size: 13px; font-weight: bold; }
h3.video, h3.video p.NormalParagraphStyle { font-weight:normal; font-size:15px; margin-top: 5%; padding:0; background-color:#FFF; color:#666; text-align:center; }

#breaking div a, #breaking div a h3 { font-size: 16px; color: #FFF; }

hr { height:1px; border-width:0; color:#DDD; background-color:#DDD; margin: 10px 0px; }
ul,ol,li { margin: 0px; padding: 0px; }

.right { float: right; }
.left { float: left; }
.center { text-align: center; }

img { border: none; }
img.left { float: left; margin: 2% 2% 2% 0%; } /* margin key: top-right-bottom-left */
img.right { float:right; margin: 2% 0% 2% 2%; } /* margin key: top-right-bottom-left */
.storyimg { width:auto; }
.storyimgPortrait { width: auto; }
.storyimgLandscape { width: 100%; }


/* END General Styles ------------------------------ */

/* Classifieds Feed Styling */
.clsClass { color:#2A688D; font-weight:normal; font-size:13px; text-transform:uppercase; }
.clsSubClass { color:#0074BB; font-weight:bold; font-size:12px; }
.adContent { font-size:12px; font-family:Arial, sans-serif; line-height:18px; }
.clsAnnouncements, .clsAutomotive, .clsJobs, .clsMerchandise, .clsPets, .clsRealEstate, .clsServices, .clsTagSales, .clsLegals { margin: 12px 0; padding:6px 10px; border: 1px solid #eee; }
#accordion h1 { font-size:26px; font-family: PT Serif, Arial, sans-serif; color:#263F5D; }
#accordion h3 { font-size:18px; font-family: PT Serif, Arial, sans-serif; color:#2a688d; background: #e9e9e9; padding:4px 12px; margin-top:10px; font-weight: normal; }
#accordion h3:hover { text-decoration:underline; background-color:#e5e5e5; cursor: pointer; }

#accordion div.hidecls { display:none; } 


/* Paragraph Styles ------------------------ */
.BodyText { font-size: 13px; padding: 7px 0px; line-height: 17px; margin: 0 0 0 0; }
.BylineName { color:#777; font-variant:small-caps; margin-bottom:0; text-align: left; }
.BylineID { color:#777; font-style:italic; margin-top:0; margin-bottom: 14px; text-align: left; }
.story-dates { font-size: 11px; text-align: left; font-style: italic; color: #AAA; }
.by-line { margin: 5px 0; font-size: 11px; color: #111; font-weight:bold;} /* being used on the full story page to format the byline font styles */
.WebContactHead1 { font-size: 14px; font-weight: normal; color: #777; text-transform: uppercase; border-bottom: 2px solid #999; padding: 6px 0 3px 0; margin: 20px 5px 0 4px; }
.WebContactHead2 { font-size: 12px; font-weight: bold; color: #000; text-decoration: underline; padding: 0 0 0 0; margin: 16px 5px 8px 4px; } /* top right bottom left */
.WebContactName { font-size: 12px; font-weight: normal; padding: 0 0 0 0; margin: 14px 5px 0 4px; } /* top right bottom left */
.WebContactInfo { font-size: 12px; font-weight: normal; padding: 0 0 0 0; margin: 0 8px 0 4px; } /* top right bottom left */
#TabbedPanels1 p, #TabbedPanels1 a { font-size: 11px; margin: 0 0 0 0; }
.summarydatetime { font-weight:normal; font-size: 11px; font-style:italic; color:#AAA; }
.sectionlabel { margin-bottom: 16px; padding: 5px 12px; background-color: #666; text-transform:capitalize; font-size: 16px; color: #FFF; position: relative; 
}
p.FactoidHead { font-size: 14px; font-weight:bold; }
.WebBold, .HeadlineBriefsInColumn {font-weight:bold;}
.HeadlineBold20-22 { font-size:120%; font-weight:bold; }
.BodyTextBold { font-weight:bold; }
.BannerText { font-weight: bold; }
.PhotoSummary, .PhotoBigSummary { padding: 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.grid4 .pulling { width: 100%; }
.grid4 .pulling .content-list li:hover { background-color:#FFF; }
.grid4 .pulling .content-list li { border-top: 0px; }
.pulling { list-style-type:none; display:table;}
li.HeadlineSummaryBlockTop { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
li.PhotoSummaryBlockTop { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.MainNewsTopSummary { font-family: PT Serif, serif; font-size: 24px; line-height: 30px; }
.MainNewsSummary { font-family: PT Serif, serif; font-size:24px; line-height: 30px; }
.ContentSummary { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 5px; }
.headline { list-style-type:none; margin-top:5px; clear:both; }
.SummaryByline { font-size: 10px; color: #888; font-weight:normal; font-style:italic; font-family: Arial, Helvetica, sans-serif; padding-top:8px; margin-bottom:20px; border-bottom:1px dotted #CCC; }
.SummaryDates { font-size: 11px; color: #666; font-weight:normal; }
.fullstory a { color: #387CA0; }
h3.electionheadline { font-family: PT Serif, Arial, sans-serif; color:#000; background:none; font-size:16px; }
/* END Paragraph Styles ------------------------ */

/*------------------------ PULLING SECTIONS ------------------------------------------------------------------------ */
.PhotoGalleryOne { width:42%; margin: 2% 3%; line-height:12px; float:left; text-align:center; display:inline-flex;height:140px; }
.PhotoGalleryOne a { font-size:10px; }
.PhotoGalleryOne img { border: 1px solid #e8e8e8; max-height:93px; max-width:140px; }
.PhotoGalleryOne img:hover { border: 1px solid #046; }


div.PhotoGalleryTable { display:inline-table; width: 45%; margin:1%; }
div.PhotoGalleryTable a { font-size:11px; }
div.PhotoGalleryTable img { border:1px solid #CCC; }


/* Header Styles ------------------------------------------- */
.celebratehdrws { width: 90%; padding: 6px 20px; background-color: #024B82; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 18px; margin: 10px 0; font-weight:normal; border-radius: 20px 20px 0 0; }

.celebratehdrrj { width: 90%; padding: 6px 20px; background-color: #DDD; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 18px; margin: 10px 0; font-weight:normal; border-radius: 20px 20px 0 0; }

#header { width: 100%; margin: 0px; z-index: -1; }
.logo { float: left; width: auto;}
.headlineindent ul { margin-left: 0; padding-left: 0; } /*fix for email headlines styling problem */
/* END Header Styles ------------------------------------------- */


/* Colored Tab Styles ------------------------------------------- */
#tabs, #tabs li { margin: 0px; padding: 0px; list-style-type: none; }
#tab-container { float: right; overflow: auto; clear: both;  }
#tabs { vertical-align: baseline; font-size: 12px; font-weight:bold; z-index: 999; }
#tabs li { float: left; }
#tabs li a { display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 5px 10px; color: #ffffff; margin-top:10px; background-color:#999; }
#tabs .red a { background-color: #EE0000; }
#tabs .blue a { background-color: #0000EE; }
#tabs .green a { background-color: #007000; }
#tabs .orange a { background-color: #ffaa11; }
#tabs .purple a { background-color: #800080; }
#tabs li:hover a { padding-bottom: 15px; margin-top: 0px; text-decoration: none; }
/* END Colored Tab Styles ------------------------------------------- */


/* Header Extras Box ------------------------------------------- */
.additionallinks { text-align: right; float: right; width: auto; height: auto; color: #999; border-radius: 7px; padding: 6px 10px; }
.additionallinks a { text-transform: uppercase; font-size: 10px; color: #777; margin: 0; padding: 0; }
a:link.subscribelink, a:visited.subscribelink, a:active.subscribelink, a:hover.subscribelink {font-weight: bold; background-color: #004A82; padding: 2px 8px; border-radius: 3px; color: #FFF; }
.additionallinks .search { padding: 10px 0; }
.additionallinks .search-btn { border-radius: 0px 3px 3px 0px; margin-left: -5px; margin-right: 4px; background: #AAA; color: #FFF; padding: 3px 6px; border: 0; font-size: 11px; }
.additionallinks .search-btn:hover { border: 0px; }
.additionallinks #search-text { border-radius: 3px 0px 0px 3px; margin-right: 0px; padding: 3px 6px; border: 1px solid #AAA; color: #666; font-size: 11px; }
#specialreport { width:100%; }
/* END Header Extras Box ------------------------------------------- */


/* DFP AD STYLES ------------------------------------------- */
#peelContainer { position: absolute; top: 0; left: 0; z-index: 999; } 

#leaderboard .leaderLeft { float:left; }
#leaderboard .leaderRight { float:right; }

.lead-ad-left {  float: left; }
.lead-ad-right {  float: right; }
#dti_spotlight3 { margin-top: 22px; }
#spotlightStory { float:left; display: block; margin: 0 15px 0 0; position: relative; }

.REadvertisers { float: left; margin:4px 25px; border:4px solid #e8e8e8; }


/* DFP AD STYLES ------------------------------------------- */


/* Breaking News  ----------------------- */
.featured { min-height: 50px; background: #09C; box-shadow: 0 0 100px 30px #069 inset; border-radius: 10px; overflow: auto; margin: 10px 0px; width: 960px; }
.featured-head { background: #000; color: #fff; text-align: left; font-weight: bold; padding: 5px 20px; }
.featured-content { position: relative; overflow: hidden; height: 120px; white-space: nowrap; }
.featured-story { position: absolute; width: 460px; margin: 10px; height: 100px; overflow: hidden; white-space: normal; }
.featured-image { float: left; padding: 0px 10px; }
.featured-headline { font-weight: bold; color: #fff; float: left; width: 50%; }
.weblabel { color:#D20000; font-style:italic; font-weight:normal; }
/* END Breadking News ----------------------- */


/* Container and Grid Styles ----------------------- */
@media (max-width:640px) {
	/* Ads */
	#adLeaderboard1 { display:none; }
	#adLeaderboard2 { display:none; }
	#adBanner { display:none; }
	#adButton { display:none; }
	#adMobileBanner { display: block; clear:both; }
	#adPushdown1 { display:none; }
	#spotlight3mobile { display:block; clear:both; width:300px; margin:0 auto; }
	#instoryMobile { display:block; clear:both; width:300px; margin: 20px auto; }
	.contentAd { display:none; }
	.adYieldMo { display:block; clear:both; height:auto; width:290px; margin:0; padding:0;}
	
	#carousel { display:block; width:96%; margin:0 auto; padding:0 2%; }
	
	/* Widgets */
	.addthismedia { display:none; }
	.addthismobile {display:block; width:200px; margin: 2% 0; }
	
	/* Grids */
	.featurebar { display:none; }
	#wrapper { padding:0px 0px; }
	.grid3-right { display:block; }
	.footer-body { display:none; }
	.grid5 .headline-list-main { line-height: 1.25em; }
	
	.grid8 { width: 96%; padding:0 2%; }
	.grid8 h1 { font-size: 1.5em; color: #000; line-height:1.4em; }
	.grid8 .storyimg { width:100%; }
	.grid8 .photocaption { margin-bottom: 10px; color:#666; font-size: 0.85em; }
	.grid8 p { line-height: 1.2em; margin: 3% 0; }
	.grid8, .grid8Container, .BodyText { font-size: 1.1em; line-height: 1.1em; }
	
	.by-line, .story-dates { font-size: 0.9em; }
	#backtotopbox, #backtotopbox a { font-size: 1.5em; text-align:center; }
	
	.grid8 .grid4 { display:block; width: 100%; }
	.grid4 .columnheader { clear:both; display:inline-block; margin-top: 7%; background-color:#EEE; }
	.grid4 .columnheader a { font-size:20px; padding:3px 8px; }
	.socialfoot { float:none; }
	.BannerText { font-size: 1.2em; }
	.HideMobile { display:none; }
	.topstories { display:block; width:100%; clear:both; margin:10px 0; height:auto; overflow:auto; }
	.topstoriesinner { height:auto;  }
	.topstoriesinner p { padding: 5px 10px; clear:both; }
	
	.seeclickfix { display:none; }
	.headline-topstory { font-size: 1.2em; line-height:1.3em; }
	.additionallinks { display:none; }

	#RightColumn, .content-4-right { display:none; }
	.grid8Container { width: 96%; padding:0 10px; }
	.mobilelogos { width: 100%; }
	#nav-container { display:none; }
	#breaking { width: 100%; clear:both; margin: 2% 0;  }
	.leaderRight { display:none; }
	#mainNav { display:none; }
	#navigationMobile { display:inherit; }	
	
	#LogoRJ { width:98%; max-width:400px; display:block; clear:both; margin:0 auto; }
	#logoBC {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoCE {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoMY {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoNC {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoPC {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoSC {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
	#logoTT {  width:100%; max-width:400px; margin-top: 10px; margin-bottom: -20px; }
}

@media (min-width:641px) {
	/* Ads */
	#adLeaderboard1 { display:inherit; }
	#adLeaderboard2 { display:inherit; }
	#adInstory { display:inherit; }
	#adSpotlight1 { display:inherit; }
	#adSpotlight2 { display:inherit; }
	#adSpotlight3 { display:inherit; }
	#adBanner { display:inherit; }
	#adButton { display:inherit; }
	#adPushdown1 { display:inherit; }
	#adMobileBanner { display: none; }
	.contentAd { display:block; clear:both; float:left; margin-bottom:25px; width:310px; border:1px solid #DDD; padding-left:10px; }
		
	/* Widgets */
	.addthismobile {display:none; }
	.addthismedia { width: 96%; height: 30px; margin: 10px 0; border: 1px solid #CCC; border-radius: 6px; padding: 11px 10px 0px 10px; }
	
	/* Grids */
	#mainNav { display:inherit; }
	#navigationMobile { display:none; }
	#leaderboard {width: 1060px; height:90px; margin:0 auto; padding-bottom:0;}
	#breaking { width: 100%; clear:both; }
	#carousel { display:block; float:left; height:auto; margin:0;}
	#carouselWS { display:block; float:left; height:auto; padding:10px; background:#e8e8e8; width:65%; }
	#carouselRJ { display:block; float:left; height:auto; padding:10px; background:#e8e8e8; width:65%; }
	#wrapper { position: relative; width:1060px; margin: 0 auto; text-align:left; z-index: 100; }
	#content, #left-col { font-size: 12px; }
	.PagingStyle { display:block; color:#777; text-align: left; margin-bottom: 20px;}
	.PagingLink { padding:6px; }
	.PagingLink:hover { color: #000066; background-color: #CCC; }
	.PagingCurrent { color: #000066; font-weight: bold; }
	.grid3 { width: 31%; margin: 0 2% 0 0; float: left; font-size: 13px; }
	.grid4 { clear:none; }
	.grid3-right { width: 190px; margin: 0 0 2% 2%; float: right; background-color: #FFF; } /* margin: top-right-bottom-left */
	.grid5 { width: 63%; margin: 0 3% 0 0; float: left; }
	.grid8 h1 { font-size: 22px; color: #000; margin: 0 0 8px 0; font-weight:bold;}
	.boxwidget { padding: 0 0 20px 0; margin:0; }
	.TabbedPanelsContent p { width: 100%; margin: 3% 0; padding: 3% 0; border-bottom: 1px solid #CCC; }
	.relatedarea { padding: 4%; }
	.relatedarea p, .relatedarea p a { font-size:12px; line-height:15px; }
	#gridStoryList .TopStories { width: 64%; float: left;}
	.grid4 .columnheader { display:block; font-weight:normal; clear:both; margin: 30px 0 0 0; }
	#siteFooter { display: block; width: 100%; max-width: 1060px; margin: 0 auto; }
	.footer-container { display: inherit; margin: 0 auto; }
	.footer-body { display: block; padding: 0; width: 100%;margin: 0 auto;}
	.seeclickfix { display: inline; }
	#content #leftCol { float:left; width:70%; }
	#content #rightCol { float:right; width: 300px; }

	#RightColumn, .content-4-right { display:block; float:right; width:302px; margin:0; padding:0 0 0 10px; border-left: 1px dotted #DDD; }
	.content-4-right>div { margin-left:0px; }
	.grid8 { float:left; width:100%; max-width:730px; margin:0; }
	.grid8Container { float:left; width:70%; overflow:hidden; }
	.grid4 { display:block; float:left; width: 48%;}
	#nav-container, #tab-container { display:inherit; }
	
	/* Misc */
	#backtotopmobile { display:none; }
	.rilivingiframe { display: inline; }
	.rilivingbutton { display: none; }
	.socialfoot { float:right; }
	.topstories { display:block; float:right; width:380px; }
	.topstoriesinner { height:440px; margin-top:10px; overflow-y:scroll; }
	.topstoriesinner p { padding: 5px 10px; clear:both; }
	.fbcommentcount { text-align: center; border: 1px solid #CCC; font-weight: bold; padding-top: 8px; margin-top: 5px; }
}

/* END Container and Grid Styles ----------------------- */

/* MOBILE NAVIGATION ------------------------------------ */
.mobilecontacttext { display:block; width:100%; margin:0 auto; clear:both; height:auto; }
.mnav { display: block; float:right; width: 100%; background-color: #047; clear:both; padding: 0; }
.OTMmobileNav { display: block; float:right; width: 100%; background-color: #751A14; clear:both; padding: 0; margin: 0 0 10px 0; }
.mnav a, .OTMmobileNav a { display:inline; float:left; width: 40%; background-color:#047; color:#FFF; font-size:1.3em; text-decoration: none; padding: 3% 5%; text-align:left;}
.OTMmobileNav a {
	background-color: #751A14;
}
#mmenubtn, #OTMmenubtn { 
	width: 35%;
	float:right;
	font-size: 1.5em;
	padding: 2% 40px 2% 2%; 
	color: #FFF; 
	border: 0; 
	background-color: #047; 
	text-align: right; 
	background-image: url('/csp/mediapool/sites/Shared/assets/img/MobileButtonLines.gif'); 
	background-repeat: no-repeat; 
	background-position: right center; 
	border-radius:3px; 
	margin-right:1%;
}
#OTMmenubtn {
	background-color: #751A14; 
}
/* END MOBILE NAVIGATION ------------------------------------ */


/* MOBILE REPONSIVE VIDEOS ----------------------- */
.video-container { 	position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 640px;
}
/* ------------------------------------------------------------------------------------------------------- */


/* Search stories and search form ------------------------------ */
#fmSearch2 legend { font-weight: bold; padding: 6px;}
#fmSearch2 fieldset { border: 1px solid #CCC; border-radius: 6px; padding: 20px; margin-bottom: 30px; }
.searchfield { padding: 6px; }
.searchresults { clear: both; width: 97%; height: auto; }
.searcresults .story-dates { margin-bottom: 0; }
.searchimage img { float: left; margin: 0px 10px 18px 0px; }
#Feed01 h2 { font-size: 12px; font-weight: bold; margin: 0; }
#Feed01 .story-dates { margin: 0; }

#websearch { width: auto; margin-bottom: 20px; display: block; clear: both; padding: 20px 10px; border: 1px solid #999; border-radius: 0 6px 6px 6px;}
#archivesearch { width: auto; margin-bottom: 20px; display: block; clear: both; padding: 20px 10px; border: 1px solid #999; border-radius: 0 6px 6px 6px; }
#archivesearch h1 { color: #555; }
#webresbtn { display: inline; width: 40%; margin-bottom: -1px; text-align: center; border: 1px solid #999; border-radius: 6px 6px 0 0;padding: 6px 0; font-weight: bold; }
#archiveresbtn { display: inline; width: 40%; margin-bottom: -1px; margin-left: 1%; text-align: center; border: 1px solid #999; border-radius: 6px 6px 0 0; padding: 6px 0; font-weight: bold; }
#archiveresbtn:hover, #webresbtn:hover, #archiveresbtn.hover, #webresbtn.hover { text-decoration: underline; }

.feedItemsContainer { background-color: #FFF; }
.feedItemClass { background-color: #FFF; }
.feedItemTitleClass { padding: 2px;	font-weight: bold; }
.feedItemPublishedDateClass { font-weight: normal; color:#CCC; }
.feedItemDescriptionClass { font-weight: normal; margin-bottom: 15px; }
.feedTitleClass { padding: 4px;	text-align: center; font-weight: bold; font-size: 18px; }

/* END Search stories and search form -------------------------- */


/******************************
* Start Top Story / Headlines *
******************************/
.headline-topstory { font-weight:bold; padding: 6px 0 6px 0; text-align:left; }
.headline-list { list-style-type: none; margin: 0; padding:4px 0px; overflow: auto; clear:both; }
.headline-list li.top-story { float: left; width: 60.9%; height:420px; overflow: auto; border: none; }
.headline-list li.top-story>* { width: 100%; }
.headline-list li.top-story p { color: #666; } 
.headline-list li { float: right; width: 33.1%; margin: 0 3% 0 0; padding: 0px 0px; border-bottom: 1px solid #CCC; overflow: auto; }
.alt { background-color: #F7F7F7; }
.content-list { list-style-type: none; overflow: none; }
.content-list li { padding: 6px 0; border-bottom: 1px dotted #DDD; }
.content-list-topstory { clear: both; }
.headline-list-main { margin:0 0 8px 0; clear: left; }
.rulestyle { height:1px; color:#CCC; background-color:#CCC; border:none; margin-bottom:15px;}
.rulestylethick { height:3px; color:#999999; background-color:#999999; border:none; margin-top:2px ; margin-bottom:5px; padding:0; }
.topstoryimgleft { float: left; clear: both; }
.content-list .headline-list-main { clear: none; font-weight:bold; }
.grid5 .headline-list-main { font-weight: bold; }
.content-list .left { padding-bottom: 3%; }
.MainNewsSummary a img { float: left; margin: 1% 2% 3% 0; }
/****************************
* End Top Story / Headlines *
****************************/

/* Social Media ----------------------- */

.followmobile { display:none; }
.fbCommentsBox { margin: 28px 0; display:block; clear:both; }
.fbnumcomments { float: right; text-align: right; margin-top: 3px; }
.fbnumcomments, .fbnumcomments a { color: #004A82; font-weight: bold; text-decoration: underline; }
.fbnumcomments a:hover, a.over { color: #BBB; }
.commentsheader { font-weight: normal; color: #FFF; border-bottom: 0px solid #CCC; margin: 10px 0; padding: 6px; background-color: #666; border-radius:6px; }

/* END Social Media ----------------------- */


/***************
* Label Styles *
***************/
.contentreverse-label, .contentreverse-label a  { width: auto; color:#FFF; background-color:#999; padding: 1% 3%; font-weight:bold; }
.photocredit { display:block; color:#CCCCCC; font-style:italic; font-variant:small-caps; text-align:right; width:99% }
.photocaption { display:block; margin-bottom:10px; }
.datetime { font-style:italic; color:#CCC; }
/*******************
* End Label styles *
*******************/

/**********************
* Start Form Styles *
***********************/
.newsletterform { 
	border: 0px solid #CCC; 
	padding: 0; 
	height: 400px;
	width: 300px;
	background-color: #FFF; 
	font-family:Arial, Helvetica, sans-serif; 
	color: #777;
	}
.newsletter input, option { 

	font-family:Arial, Helvetica, sans-serif; 
	color: #777;
	}
/********************
* End Form Styles *
*********************/

/* All Access Pages ------------------------------------------- */

#AllAccessWS { width: 100%; }
#AllAccessWS h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color:#888888; 
	padding:0; 
	margin: 5px; 
	font-weight: normal;
	text-align: left;
	clear: both;
	}
#AllAccessWS .AllAccessSubscribeButton a { 
	padding: 10px; 
	background-color: #777; 
	width: auto; 
	display: block; 
	text-align: center; 
	color: #FFF; 
	font-weight: bold; 
	border-radius: 3px;
	font-size: 16px;
 }
	
#AllAccessWS .AllAccessSubscribeButton a:hover { background-color: #004A82;  border-radius: 3px; }


#AllAccessRJ { width: 100%; }
#AllAccessRJ h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color:#888888; 
	padding:0; 
	margin: 5px; 
	font-weight: normal;
	text-align: left;
	clear: both;
	}

#AllAccessRJ .AllAccessSubscribeButton a { 
	padding: 10px; 
	background-color: #777; 
	width: auto; 
	display: block; 
	text-align: center; 
	color: #FFF; 
	font-weight: bold; 
	border-radius: 3px; 
	font-size: 16px;
	}
#AllAccessRJ .AllAccessSubscribeButton a:hover { background-color: #999;  border-radius: 3px; }

/* All Access Pages ------------------------------------------- */


/* User account styles ----------------- */
.AccountContainer { width:97%; float:left; padding:15px; margin-bottom:35px; border: 1px solid #999; } 
.AccountContainer input { padding: 3px; font-size: 11px; color: #000; }



/* Popup Box Overlay Styles ----------------------------------------- */
#pubactivator {
	width:300px;
	height:85px;
	
    cursor:pointer;
	}

.puboverlay {
    background: transparent;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 900;
	}
	
.pubbox {
    position:fixed;
    top:-9999px;
    left:30%;
    right:30%;
	bottom:100%;
    background-color:#fff;
    padding:20px;
    border:2px solid #ccc;
    z-index:901;
	}

a.pubboxclose {
    float:right;
    width:25px;
    height:25px;
    background:transparent url('http://www2.myrecordjournal.com/images/pubclose.png') repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
	}
	
.pubbox h1 {
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#EEE;
    color:#006699;
	}
	

	
/* Make Us Your Homepage Box Overlay Styles ----------------------------------------- */
#homeactivator {
    cursor:pointer;
	background-color: transparent;
	}

.homeoverlay {
    background: transparent;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 900;
	}
	
.homebox {
    position:fixed;
    top:-9999px;
    left:30%;
    right:30%;
	bottom:100%;
    background-color:#fff;
    padding:20px;
    border:2px solid #ccc;
    z-index:901;
	text-align:left;
	color: #333;
	}

a.homeboxclose {
    float:right;
    width:25px;
    height:25px;
    background:transparent url('http://www2.myrecordjournal.com/images/pubclose.png') repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
	}
	
.homebox h1 {
    margin:-20px -20px 0px -20px;
    padding:10px;
    color:#3399cc;
	}

.makeushome li { 
	list-style: outside decimal;
	margin: 0 0 10px 20px;
	display: list-item;
	font-size: 11px;
	}
/* ------------------------------------------------------------------ */



/********************
/* Spacers
*********************/
.spacer_5 {min-height: 5px;}
.spacer_10 {min-height: 10px;}
.spacer_15 {min-height: 15px;}
.spacer_20 {min-height: 20px;}
.spacer_30 {min-height: 30px;}
.spacer_40 {min-height: 40px;}
.spacer_50 {min-height: 50px;}
.spacer_100 {min-height: 100px;}
.spacer_150 {min-height: 150px;}
.spacer_200 {min-height: 200px;}

/********************
/* Sign Up Registration Form Styles *
*********************/
.Registration { margin-left: 6px; }
.Registration h1 { color: #111; }
.Registration p { color: #111; padding: 6px 0px; }
.Registration hr { color: #CCC; border: 0; background-color: #CCC; height: 1px; margin: 10px 0px; }
.Registration input { padding: 4px; border: 1px solid #CCC; }
.Registration p label { }
.Registration label { }
.Registration select { padding: 4px; border: 1px solid #CCC; }
.Registration select option { color: #777; }
/* END Sing Up Registration Form Styles */


/* CLASSIFIEDS pages */

#adListArea { margin: 1% 3% 1% 1%; }
.summaryAdArea { width: 100%;}
.featured-pane { border: 1px solid #A31C1C; }
.featured-pane h2.title {
	background-color: #A31C1C;
	color: #FFFFFF;
	font-size: 1.24em;
	line-height: 2em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	}
.featuredAdArea { border: 3px solid #F0D088; padding: 10px; }
.featured-bus-pane { border: 1px solid #A31C1C; }
.featured-bus-pane h2.title {
	background-color: #00C;
	color: #FFFFFF;
	font-size: 1.24em;
	line-height: 2em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	}

.featuredBusAdArea { border: 3px solid #F0D088;	padding: 10px; }
.featuredAd { border: 1px solid grey; width: 300px;	height: 150px; padding: 3px; }

/* Site Footer ------------------------------------------- */

.copyright {clear: both; margin-bottom: 20px; font-size: 11px; text-align: center; }
.site-map-container { padding: 10px 0px; margin: 10px 0px; border-top: 1px solid black; border-bottom: 1px solid black; overflow: auto; }
.site-map-container .footer-title { float: left; }
.footer-links-container { width: 100%; float: left; margin: 0 auto; }
.footer-list-container { float: left; width: 20%; }
.footer-list { list-style-type: none; margin: 0px; padding: 0px; }
#backtotopbox { width: 100%; clear: both; margin: 4% 0 1% 0; padding-bottom: 3px; border-bottom: 1px solid #CCC; font-size: 10px;}

#backtotopmobile a { 
	display: block;
	width: 98%; 
	margin: 3% 0 0 0; 
	padding: 2% 0 2% 2%; 
	border-bottom: 0;
	background-color: #047; 
	color: #FFF; 
	text-align: center;
	font-size: 1.2em;
	}


/* Site Footer ------------------------------------------- */


/*--- New Styling for new elements Ron Rainey 07/28/15 ---*/
/*------------------------------------------------- ---*/

/*-- Feature Summary Grid 8 Full Width --*/
.FeatureSummaryContainerGrid8 {
	width:100%;
	margin-top:15px;
	margin: auto;
}
.FullWidthPicWrap {
	position: relative;
	width: 100%; 
	margin: 15px 0 30px 0;
}
.FullWidthPicWrap h1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	color: white;
	font-weight:bold;
}
.FullWidthPicWrap span {
	display: block;
	padding: 15px;
	max-width:100%;
}
.FullWidthPicWrap img {
	width: 100%;
}
/*.FullWidthText {
	color: #751A14;
	Float:left;
	padding: 10px 0 20px 0;	
	margin: 0 0 20px 0;
}*/
/*-- On The Menu Styles --*/
/*-- NOTE THERE ARE ALSO SOME STYLINGS MIXED INTO THE OTHER CSS SECTIONS SUCH AS NAVIGATION--*/
#OTMheader {
	float:left;
	width: 100%;
	background-color: #FCB040;
}
#OTMheaderLogo {
	float:left;
	width: auto;
	margin: 5px 50px 10px 30px;
}
#OTMheaderblurb {
	font-size:30px;
	font-weight: bold;
	color: #751A14;
	float:left;
	margin: 40px 0 0 100px;
	padding: 10px 0;
	text-align:center;
	border-top: 1px solid #751A14;
	border-bottom: 1px solid #751A14;
}
.poweredBy {
	float:right;
	font-size:12px;
	font-weight:bold;
	margin: 15px 20px 0 0;
}
.poweredBy a, .poweredBy a:visited {
	text-decoration: underline;
}
.OTMnav ul { 
	width:100%; 
	background-color:#751A14; 
	display:inline-block; 
	list-style:none;
	margin: 10px 0 -15px 0;
}
.OTMnav a {
	color: white;
	float: left;
	font-weight:bold;
	padding: 10px 15px 10px 30px;
}
.OTMwidgetHead {
	display:block; 
	clear:both; 
	padding:5px 0 5px 0px;
	margin-top: 15px;
	margin-bottom:5px; 
	border-left:15px solid #751A14;
	background-color:#FCB040;
	color:White;
}
.OTMwidgetHead img {
	max-width: 65px;
	float: left;
	margin: -18px 20px 0 15px;	
}
#OTMmobileLogo {
	background-color: #FCB040;
	padding: 15px 0;
}
.OTMstoryTop {
	margin-bottom: 80px;
}
.OTMpicText {
	color: #751A14;
	font-weight:bold;
	margin: 0 0 5px 0;
}
.OTMhorizImg {
	max-width: 60%;
	float:left;
	margin-right:20px;
}
.location {
	font-weight: bold;
}
#OTMmapWrapper {
	background-color: #FCB040;
	border-radius: 20px;
	width: 60%;
	padding: 15px 0 50px 20px;
	margin: 15px 0 -55px 0;
	clear: both;
}
#OTMmapWrapper a {
	color:white;
}
#dtiStoryMap {
	border: medium solid #751A14;
}
#OTMcalltoaction {
	width: 100%;
	text-align:center;	
}
#OTMcalltoaction h1 {
	color: #751A14;
	font-weight: bold;
	font-size: 275%;
}
.testwrap {
	margin-top: -25px;
}
.groupwrap {
	text-align:center;	
	width:100%;
}
.OTMareaWrap {
	width:250px;
	/*width: 211px;*/
	margin: 5px auto 0 auto;
}
.OTMareaWrap img {
	display:block;
	margin:auto;
}
.OTMareaText h2 {
	font-size: 120%;
}
.OTMareaText {
	background-color: #751A14;
	border-radius: 12px;
	margin: -10px auto 20px auto;
	max-width: 100%;
	padding: 15px 10px;
	text-align:center;
	color:white;
}
#OTMfooter {
	clear:both; 
	width: 100%; 
	max-width: 1060px; 
	margin: 0 auto;
	padding:5px 0 5px 8px;
	background-color:#751A14;
	color:White;
	font-weight:bold;
	text-align: center;
}
#OTMfooter a, #OTMfooter a:visited {
	color:White;
	text-decoration: underline;
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #000000;
  color: white;
}