/*CSS for Home Page*/

/*Adjustments to rows, columns, and general layout elements*/
#desktop-CarouselInnerRow { padding-top: 13px; }
#carouselColumns { padding-right: 0px; }
#tablet-CarouselRow div.pageBodyColumns { padding-top: 10px; }
#popularTopicsColumns { padding-left: 0px; }
#spotlightsColumns { padding-bottom: 0px; }
#desktop-ResourcesRow>div.columns>div.row>div.columns { padding: 0px; }

/*-----Component: Image Carousel-----*/
/*Image Carousel - Desktop (Chrome, FF, Safari, IE9)*/
#desktop-CarouselColumns { padding-left: 0px; padding-right: 0px; }
#desktop-CarouselColumns div.orbit-container { height: 275px; }
/*Shrink the carousel images for mobile*/
@media only screen and (min-width: 48em) {
	#desktop-CarouselColumns div.orbit-container { height: 350px; }
}
.orbit-carousel {}
.orbit-carousel li.desktop-orbit-list-item { text-align: center; background-color: Black; }
.orbit-carousel li.desktop-orbit-list-item a { width: 100%; height: auto; min-height: 100%; }
.orbit-carousel li.desktop-orbit-list-item a img.desktop-orbit-image { width: 100%; height: auto; min-height: 100%; }
.orbit-carousel li.desktop-orbit-list-item .desktop-orbit-caption { text-align: left; padding: 3px 10px; font-size: 16px; font-weight: bold; color: white; background-color: rgba(0, 0, 0, 0.8);}
#desktop-CarouselColumns .orbit-prev {}
#desktop-CarouselColumns .orbit-next {}
#desktop-CarouselColumns .orbit-slide-number { visibility: hidden; }
#desktop-CarouselColumns .orbit-timer { visibility: hidden; }
#desktop-CarouselColumns ol.orbit-bullets { text-align: center; }
#desktop-CarouselColumns ol.orbit-bullets li { display: inline-block; float: none; border: none; width: 8px; height: 8px; margin-bottom: 1px; background-color: #575757; }
#desktop-CarouselColumns ol.orbit-bullets li.active { border: 2px solid #575757; width: 10px; height: 10px; margin-bottom: 0px; background-color: white; }

/*Image Carousel - Desktop (IE8)*/
#ie8-desktop-image-carousel {}
#ie8-desktop-ImageCarouFredSel {}
#ie8-desktop-ImageCarouFredSel .ie8-desktop-carousel-list-item {}
#ie8-desktop-ImageCarouFredSel .ie8-desktop-carousel-list-item .ie8-desktop-carousel-image {}
#ie8-desktop-ImageCarouFredSel .ie8-desktop-carousel-list-item .ie8-desktop-carousel-image-caption-container {}
#ie8-desktop-ImageCarouFredSel .ie8-desktop-carousel-list-item .ie8-desktop-carousel-image-caption-container .ie8-desktop-carousel-image-caption {}
.ie8-carouFredSelPrevButton {}
.ie8-carouFredSelNextButton {}

/*Image Carousel - Mobile*/
/* image carousel */
#mobile-ImageCarouFredSel, #mobile-ImageCarouFredSel li { background-color: black; height: 275px; }
#mobile-image-carousel .caroufredsel_wrapper { width: 100%; }
#mobile-image-carousel ul li { display: inline-block; max-height: 275px; position: relative; }
#mobile-image-carousel ul li a { width: 100%; height: 275px; display: inline-block; }
.mobile-carousel-image { width: 100%; display: inline-block; margin-left: auto; margin-right: auto; }
.mobile-carousel-image-caption-container { width: 100%; text-align: center; display: inline-block; width: 100%; background-image: url('images/Transparency/Black/transparency-30.png'); background-repeat: repeat; position: absolute; bottom: 0px; left: 0px; }
.mobile-carousel-image-caption { color: white; font-size: 16px; margin: 0px; display: inline-block; vertical-align: bottom; padding: 0px 5px; width: 100%; }
a.mobile-carousel-carouFredSelPrevButton { top: 140px; left: 16px; }
a.mobile-carousel-carouFredSelNextButton { top: 140px; right: 5px; }

/*-----Component: Popular Topics-----*/
/*Popular Topics - Universal*/
#popular-topics-header { font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; }
.popular-topics-list { list-style-position: outside; list-style-image: url('images/ULIcon.gif') }
.popular-topics-list li { background-image: url('images/Pop-Topics-Divider.JPG'); background-repeat: repeat-x; }
.popular-topics-list li:first-child { background-image: none; }
.popular-topics-list li a { line-height: 1.3em; }
.popular-topics-list li a:hover { color: #03C; }

/*Popular Topics - Desktop*/
#desktop-popular-topics-container { min-height: 350px; padding: 0px 20px; background: #ffffff; /* Old browsers */	background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */	background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ }
#desktop-popular-topics-header { font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; margin-top: .3em; margin-bottom: .4em; color: #05496e;}
#popular-topics-content-container { }
#desktop-popular-topics-list { padding-left: 15px; padding-bottom: 3px; }
#desktop-popular-topics-list li { padding-top: 3px; padding-bottom: 3px; line-height: 2.2; }
#desktop-popular-topics-list li a { font-size: .9em; color: #595758; font-family: 'Droid Sans', sans-serif; display:block;}

/*Popular Topics - Tablet*/
#tablet-popular-topics-container {}
#tablet-popular-topics-header { color: #2a6b0f; font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; margin-top: .3em; margin-bottom: .4em; color: #05496e;}
#tablet-popular-topics-content-container { }
#tablet-popular-topics-list { padding-left: 15px; padding-bottom: 3px; }
#tablet-popular-topics-list li { padding-top: 3px; padding-bottom: 3px;}
#tablet-popular-topics-list li a { font-size: .9em; color: #595758; font-family: 'Droid Sans', sans-serif; }

/*Popular Topics - Mobile*/
#mobile-popular-topics-container {}
#mobile-popular-topics-header { color: #2a6b0f; font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; margin-top: .3em; margin-bottom: .4em; color: #05496e;}
#mobile-popular-topics-content-container { }
#mobile-popular-topics-list { padding-left: 15px; padding-bottom: 3px; }
#mobile-popular-topics-list li { padding-top: 3px; padding-bottom: 3px; background-image: none; }
#mobile-popular-topics-list li a { font-size: .9em; color: #595758; font-family: 'Droid Sans', sans-serif; }

/*-----Component: Ask Karen-----*/
/*Ask Karen - Universal*/
.ask-karen-container { position: relative; overflow: visible; padding-left: 20px; padding-right: 20px; }
.ask-karen-image-link { position: absolute; right: -30px; bottom: -27px; width: 150px; }
.ask-karen-image { width: 150px; }
.ask-karen-header { font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; color: #2a6b0f; }
.ask-karen-description { margin-bottom: 10px; font-weight: bold; }
.ask-karen-link { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe;  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');  background-color:#3d94f6;  -moz-border-radius:6px;  -webkit-border-radius:6px;  border-radius:6px;  border:1px solid #337fed;   display:inline-block; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #1570cd; }
a.ask-karen-link:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');  background-color:#1e62d0; }
a.ask-karen-link:active { position:relative; top:1px; }

/*Ask Karen - Desktop*/
#desktop-ask-karen-container {}
#desktop-ask-karen-image-link {}
#desktop-ask-karen-image {}
#desktop-ask-karen-header {}
#desktop-ask-karen-description { margin-right: 70px; font-size: .9em; }
#desktop-ask-karen-link {}

/*Ask Karen - Tablet*/
#tablet-ask-karen-container { min-height: 265px; }
#tablet-ask-karen-image-link { position: absolute; right:-35px; bottom:-35px }
#tablet-ask-karen-image {}
#tablet-ask-karen-header {}
#tablet-ask-karen-description { margin-right: 0px; font-family: arial; }
#tablet-ask-karen-link {}

/*Ask Karen - Mobile*/
#mobile-ask-karen-container {}
#mobile-ask-karen-image-link {  }
#mobile-ask-karen-image {}
#mobile-ask-karen-header {}
#mobile-ask-karen-description { margin-right: 70px; font-family: arial; }
#mobile-ask-karen-link {padding-bottom: 5px;}

/*-----Component: Information For-----*/
/*Information For - Universal*/
.information-for-container {}
.information-for-header { font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; color: #2a6b0f; }
.information-for-content-container {}
.information-for-link-list { list-style-image: url('images/ULIcon.gif'); list-style-position: outside; padding-left: 15px; }
.information-for-link-list li { margin-bottom: 0px;}
.information-for-link-list li a { color: #444; }
.information-for-link-list li a:hover { color: #03C; }

/*Information For - Desktop*/
#desktop-information-for-container { padding: 5px 20px; background-image: url('images/horizontal-divider.jpg');	background-repeat: repeat-x; }
#desktop-information-for-header { margin-top: 0px; padding-top: 20px; }
#desktop-information-for-content-container {}
#desktop-information-for-link-list {}

/*Information For - Tablet*/
#tablet-information-for-container {}
#tablet-information-for-header {}
#tablet-information-for-content-container {}
#tablet-information-for-link-list {}

/*Information For - Mobile*/
#mobile-information-for-container {}
#mobile-information-for-header {display:none;}
#mobile-information-for-content-container {}
#mobile-information-for-link-list {}

/*-----Component: Resources-----*/
/*Resources - Universal*/

/*Resources - News - Universal*/
.news-article-container { padding: 5px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left: 15px; margin-right: 15px; background-image: url('images/Pop-Topics-Divider.jpg'); background-repeat: repeat-x; }
.news-article-container:first-child { background-image: none; }
.news-article-header { font-family: 'Droid Sans', sans-serif; font-size: .925em; padding: 0; margin-top: 0px; margin-bottom: 0px; display: inline; }
.news-article-header a { color: #03C; line-height: 2; }
.news-article-header a:hover { color: #005; text-decoration: underline;  }
.news-article-date { font-size: .925em; color: #686868; display: inline; margin-right: 10px; }
.news-article-content { font-size: .875em; }

/*Resources - Regulations and Policies - Universal*/
.regs-and-policies-container { padding: 5px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left: 15px; margin-right: 15px; background-image: url('images/Pop-Topics-Divider.jpg'); background-repeat: repeat-x;  }
.regs-and-policies-container:first-child { background-image: none; }
.regs-and-policies-header { font-family: 'Droid Sans', sans-serif; font-size: .925em; padding: 0; margin-top: 0px; margin-bottom: 0px; display: inline; }
.regs-and-policies-header a { color: #03C; line-height: 2; }
.regs-and-policies-header a:hover { color: #005; text-decoration: underline;  }
.regs-and-policies-date { font-size: .925em; color: #686868; display: inline; margin-right: 10px; }
.regs-and-policies-content { font-size: .875em; }

/*Resources - Recalls - Universal*/
.recalls-container { padding: 5px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left: 15px; margin-right: 15px; background-image: url('images/Pop-Topics-Divider.jpg'); background-repeat: repeat-x;  }
.recalls-container:first-child { background-image: none; }
.recalls-header { font-family: 'Droid Sans', sans-serif; font-size: .925em; padding: 0; margin-top: 0px; margin-bottom: 0px; display: inline; }
.recalls-header a, .recalls-header a p { color: #03C; line-height: 2; display: inline; font-weight: bold; }
.recalls-header a:hover, .recalls-header a:hover p { color: #005; text-decoration: underline;  }
.recalls-date { font-size: .925em; color: #686868; display: inline; margin-right: 10px; }
.recalls-content { font-size: .875em; }
.recalls-more-link { font-size: 12px; }

/*Resources - Food Safety Education - Universal*/
.fse-container { padding: 5px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left: 15px; margin-right: 15px; background-image: url('images/Pop-Topics-Divider.jpg'); background-repeat: repeat-x;  }
.fse-container:first-child { background-image: none; }
.fse-header { font-family: 'Droid Sans', sans-serif; font-size: .925em; padding: 0; margin-top: 0px; margin-bottom: 0px; display: inline; }
.fse-header a { color: #03C; line-height: 2; }
.fse-header a:hover { color: #005; text-decoration: underline; }
.fse-date { font-size: .925em; color: #686868; display: inline; margin-right: 10px; }
.fse-content { font-size: .875em; }

/*Resources - Twitter - Universal*/

/*Resources - Desktop*/
#desktop-resources-container { position: relative; z-index: 1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#desktop-resources-panels { width: 100%; height: 40px; list-style-position: inside; margin: 0px; display: inline-block; }
#desktop-resources-panels li { display: inline-block; text-align: center; height: 40px; float: left; border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; background-image: url('images/bg-tab.jpg'); font-family: 'Droid Sans', sans-serif; -webkit-box-shadow: inset 2px -2px 12px 1px rgba(0,0,0, .1); /* this adds a slight shadow inside the tabs */ box-shadow: inset 2px -2px 12px 1px rgba(0, 0, 0, .1); /* this adds a slight shadow inside the tabs */ padding-top: 4px; }
#desktop-resources-panels li:first-child { border-top-left-radius: 5px; }
#desktop-resources-panels li:last-child { border-top-right-radius: 5px; border-right: 1px solid #cacaca; }
#desktop-resources-panels li.ui-state-active { display: inline-block; text-align: center; height: 40px; float: left; background-color: rgb(247, 251, 254); background-image: none; border-left: thin solid #CBCAC8; border-right: thin solid #CBCAC8; border-top: thin solid #CBCAC8; border-bottom: 0px; box-shadow: none; }
#desktop-resources-panels li.ui-state-focus { border-left: thin solid #CBCAC8; border-right: thin solid #CBCAC8; border-top: thin solid #CBCAC8; border-bottom: 0px; }
#desktop-resources-panels li a.ui-tabs-anchor { font-size: .8em; color: #5B5D5A; font-weight: bold; height: 40px; width: 100%; display: inline-block; padding-top: 5px; padding-bottom: 5px;  outline-color: transparent !important; }
#desktop-ResourcesPanels li a.ui-tabs-anchor:hover { text-decoration: none; }
#desktop-ResourcesPanels li.ui-state-active a.ui-tabs-anchor { color: #2B6C12; text-decoration: none; }
#desktop-ResourcesPanels li.ui-state-active a.ui-tabs-anchor:hover { text-decoration: none; }
.desktop-resources-content-container { background-color: rgb(247, 251, 254); border: 1px solid #cacaca; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; min-height: 300px; }
/*.desktop-resources-content-container a { color: #03C; }
.desktop-resources-content-container a:hover { color: #005; }*/
#desktop-resources-panels .resources-tab-1 { width: 10%; }
#desktop-resources-panels .resources-tab-2 { width: 30%; }
#desktop-resources-panels .resources-tab-3 { width: 15%; }
#desktop-resources-panels .resources-tab-4 { width: 30%; }
#desktop-resources-panels .resources-tab-5 { width: 15%; }
.resources-content-row { padding-top: 10px; }
.resources-content-row [class*="column"] + [class*="column"]:last-child { float: left; } /*This is a fix to override Foundation's tendency to pull columns right*/

/*Resources - News - Desktop*/
.desktop-news-article-container {}
.desktop-news-article-header {}
.desktop-news-article-date {}
.desktop-news-article-content {}

/*Resources - Regs and policies - Desktop*/
.desktop-regs-and-policies-container {}
.desktop-regs-and-policies-header {}
.desktop-regs-and-policies-date {}
.desktop-regs-and-policies-content {}

/*Resources - Recalls - Desktop*/
.desktop-recalls-container {}
.desktop-recalls-header {}
.desktop-recalls-date {}
.desktop-recalls-content {}

/*Resources - Food Safety Education - Desktop*/
.desktop-fse-container {}
.desktop-fse-header {}
.desktop-fse-date {}
.desktop-fse-content {}

/*Resources - Twitter - Desktop*/
#desktop-resources-tab-5 { text-align: center; }
#desktop-resources-tab-5 iframe{ display: inline-block; height: 400px; width: 100%; }

/*Resources - Tablet*/
#tablet-resources-container { position: relative; z-index: 1; }
#tablet-resources-panels { width: 100%; height: 40px; list-style-position: inside; margin: 0px; display: inline-block; margin-bottom: -1px;}
#tablet-resources-panels li { display: inline-block; text-align: center; height: 40px; float: left; border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; background-image: url('images/bg-tab.jpg'); font-family: 'Droid Sans', sans-serif; -webkit-box-shadow: inset 2px -2px 12px 1px rgba(0,0,0, .1); /* this adds a slight shadow inside the tabs */ box-shadow: inset 2px -2px 12px 1px rgba(0, 0, 0, .1); /* this adds a slight shadow inside the tabs */ padding: 5px 20px; }
#tablet-resources-panels li:first-child { border-top-left-radius: 5px; }
#tablet-resources-panels li:last-child { border-top-right-radius: 5px; border-right: 1px solid #cacaca; }
#tablet-resources-panels li.ui-state-active { display: inline-block; text-align: center; height: 40px; float: left; background-color: rgb(247, 251, 254); background-image: none; border-left: thin solid #CBCAC8; border-right: thin solid #CBCAC8; border-top: thin solid #CBCAC8; border-bottom: 0px; box-shadow: none; }
#tablet-resources-panels li.ui-state-focus { border-left: thin solid #CBCAC8; border-right: thin solid #CBCAC8; border-top: thin solid #CBCAC8; border-bottom: 0px; }
#tablet-resources-panels li a.ui-tabs-anchor { font-size: .8em; color: #5B5D5A; font-weight: bold; height: 40px; width: 100%; display: inline-block; padding-top: 5px; padding-bottom: 5px; outline-color: transparent !important;}
#tablet-ResourcesPanels li a.ui-tabs-anchor:hover { text-decoration: none; }
#tablet-ResourcesPanels li.ui-state-active a.ui-tabs-anchor { color: #2B6C12; text-decoration: none; }
#tablet-ResourcesPanels li.ui-state-active a.ui-tabs-anchor:hover { text-decoration: none; }
.tablet-resources-content-container { background-color: rgb(247, 251, 254); border: 1px solid #cacaca; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; min-height: 400px; }
#tablet-resources-tab-1 {}
#tablet-resources-tab-2 {}
#tablet-resources-tab-3 {}
#tablet-resources-tab-4 {}
#tablet-resources-tab-5 {}
.resources-content-row {}

/*Resources - News - Tablet*/
.tablet-news-article-container { }
.tablet-news-article-header {}
.tablet-news-article-date {}
.tablet-news-article-content {}

/*Resources - Regs and policies - Tablet*/
.tablet-regs-and-policies-container { }
.tablet-regs-and-policies-header {}
.tablet-regs-and-policies-date {}
.tablet-regs-and-policies-content {}

/*Resources - News - Tablet*/
.tablet-recalls-container { }
.tablet-recalls-header {}
.tablet-recalls-date {}
.tablet-recalls-content {}

/*Resources - News - Tablet*/
.tablet-fse-container { }
.tablet-fse-header {}
.tablet-fse-date {}
.tablet-fse-content {}

/*Resources - Twitter - Tablet*/
#tablet-resources-tab-5 { }
#tablet-resources-tab-5 iframe{ display: inline-block; height: 400px; width: 100%; }

/*Resources - Mobile*/
#select-a-category-container {}
#select-a-category-box { font-size: 1.75em; }
#select-a-category-box option {}
#mobile-see-more-link-container {}
#mobile-see-more-link-container a {}
#mobile-selected-category-container {}
.selected-category-container {}

/*Resources - News - Mobile*/
.mobile-news-article-container { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; margin-top: 10px; background-color: transparent; }
.mobile-news-article-header { font-size: 1.25em; }
.mobile-news-article-header a { text-decoration: none; }
.mobile-news-article-header a:hover { text-decoration: none; }
.mobile-news-article-date { font-size: 1em; margin-bottom: 10px; margin-top: 3px; }
.mobile-news-article-content {}

/*Resources - Recalls - Mobile*/
.mobile-regs-and-policies-container { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; margin-top: 10px; background-color: transparent; }
.mobile-regs-and-policies-header { font-size: 1.25em; }
.mobile-regs-and-policies-header a { text-decoration: none; }
.mobile-regs-and-policies-header a:hover { text-decoration: none; }
.mobile-regs-and-policies-date { font-size: 1em; margin-bottom: 10px; margin-top: 3px; }
.mobile-regs-and-policies-content {}

/*Resources - Recalls - Mobile*/
.mobile-recalls-container { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; margin-top: 10px; background-color: transparent; }
.mobile-recalls-header { font-size: 1.25em; }
.mobile-recalls-header a { text-decoration: none; }
.mobile-recalls-header a:hover { text-decoration: none; }
.mobile-recalls-date { font-size: 1em; margin-bottom: 10px; margin-top: 3px; }
.mobile-recalls-content {}
.mobile-recalls-container .recalls-more-link { font-size: 15px; }

/*Resources - Food Safety Education - Mobile*/
.mobile-fse-container { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; margin-top: 10px; background-color: transparent; }
.mobile-fse-header { font-size: 1.25em; }
.mobile-fse-header a { text-decoration: none; }
.mobile-fse-header a:hover { text-decoration: none; }
.mobile-fse-date { font-size: 1em; margin-bottom: 10px; margin-top: 3px; }
.mobile-fse-content {}

/*Resources - Twitter - Mobile*/
.selected-category-container iframe{ display: inline-block; height: 400px; width: 100%; }


/*-----Component: Spotlights-----*/
/*Spotlights - Desktop*/
/*Spotlights - Tablet*/
/*Spotlights - Mobile*/
#spotlights-container { padding: 10px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
#spotlights-header { font-size: 1.8em; font-family: 'Droid Sans', sans-serif; margin-top: .2em; margin-bottom: .2em; margin-bottom: 5px; color: #2a6b0f; }
#spotlights-content {}
#spotlights-content .list_carousel {}
#spotlights-CarouFredSel { margin: 0; padding: 0; list-style: none; display: block; }
#spotlights-CarouFredSel li { font-size: 40px; text-align: center; width: 50px; padding: 0; margin: 6px; display: block; float: left; background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; background-repeat: no-repeat !important; }
.spotlight-article-container { height: 150px; overflow: hidden; text-align: center; padding: 2px 3px; position: relative; background-color: transparent; background-image: none; padding-top: 20px; padding-left: 10px; padding-right: 10px; transition: padding-top .25s; -moz-transition: padding-top .25s; /* Firefox 4 */ -webkit-transition: padding-top .25s; /* Safari and Chrome */ -o-transition: padding-top .25s; /* Opera */ visibility: hidden; }
.spotlight-article-container.imageVisible { background-image: url('images/Transparency/Black/transparency-30.png'); padding-top: 5px; visibility: visible; }
.spotlight-article-container .spotlight-article-header { font-family: 'Droid Sans', sans-serif; font-size: 20px;	font-weight: normal; line-height: 1.4em; z-index: 1; color: rgb(102,201,255); color: rgba(102,201,255,.0); z-index: 1; transition: color .5s; -moz-transition: color .5s; /* Firefox 4 */ -webkit-transition: color .5s; /* Safari and Chrome */ -o-transition: color .5s; /* Opera */ margin: 0px 0px; }
.spotlight-article-container.imageVisible .spotlight-article-header a { color: rgb(43, 166, 203); }
.spotlight-article-container.imageVisible .spotlight-article-header a:hover { color: rgb(111,213,75); }
.spotlight-article-container .spotlight-article-caption { font-size: 12px; line-height: 1.4em; z-index: 1; color: white; color: rgba(255,255,255,0); transition: color .5s; -moz-transition: color .5s; /* Firefox 4 */ -webkit-transition: color .5s; /* Safari and Chrome */ -o-transition: color .5s; /* Opera */ }
.spotlight-article-container.imageVisible .spotlight-article-caption { color: rgba(255,255,255,1); }
a.carouFredSelPrevButton { background: url('images/Spotlight Arrow Left - Normal.png') no-repeat transparent; width: 50px; height: 150px; display: block; position: absolute; top: 62px; }
a.carouFredSelPrevButton:hover { background: url('images/Spotlight Arrow Left - Hover.png') no-repeat transparent; }
a.carouFredSelNextButton { background: url('images/Spotlight Arrow Right - Normal.png') no-repeat transparent; width: 50px; height: 150px; display: block; position: absolute; top: 62px; right: 15px; }
a.carouFredSelNextButton:hover { background: url('images/Spotlight Arrow Right - Hover.png') no-repeat transparent; }
a.carouFredSelPrevButton.disabled, a.carouFredSelNextButton.disabled { cursor: default; }
a.carouFredSelPrevButton span, a.carouFredSelNextButton span { display: none; }
.clearfix  { float: none; clear: both; }

/*-----Component: Category Accordion (Mobile only)-----*/
/*Category Accordion - Mobile*/
#mobile-category-accordion-container {}
#mobile-category-accordion {}
#mobile-category-accordion .mobile-category-container {}
#mobile-category-accordion .mobile-category-container .category-title { font-weight: normal; display: inline-block; }
#mobile-category-accordion .mobile-category-container .category-title a { color: #05496e; padding-top: 3px; padding-bottom: 3px; }
#mobile-category-accordion .mobile-category-container .category-title a span.accordion-image { display: inline-block; width: 18px; height: 18px; float: left; margin-top: 7px; margin-right: 10px; margin-left: 5px; background-image: url('images/accordionPlus.gif'); }
#mobile-category-accordion .mobile-category-container.active .category-title a span.accordion-image { display: inline-block; width: 18px; height: 18px; float: left; margin-top: 7px; margin-right: 10px; margin-left: 5px; background-image: url('images/accordionMinus.gif'); }
#mobile-category-accordion .mobile-category-container .mobile-category-content-container {}

/*A fix to hide the default mobile-category-accordion tab image*/
#mobile-category-accordion> li > div.title:after, #mobile-category-accordion > li.active > div.title:after { display: none; }


/*-----Component: Stay Connected-----*/
/*Stay Connected - Universal*/
.stay-connected-container { width: 100%; display: inline-block; }
.stay-connected-button-container { width: 15%; padding: 0px 4px; display: inline-block; }
.stay-connected-button-container a {}
.stay-connected-button-container a img { max-width: 35px; }


/*Stay Connected - Desktop*/
#desktop-stay-connected-container {}

/*Stay Connected - Tablet*/
#tablet-stay-connected-container { margin-top: 10px; }
#tablet-stay-connected-container .stay-connected-button-container { text-align: center; }
#tablet-stay-connected-container .stay-connected-button-container a { display: inline-block; }

/*Stay Connected - Mobile*/
#mobile-stay-connected-container {}

/*----Component: Search Bar (Tablet Only)-----*/
/*Search Bar - Tablet*/
#tablet-search-container {}
#tablet-search-container .searchBarContainer {}
#tablet-search-container .searchBarContainer input.searchBar { margin-bottom: 3px; border: 3px solid rgb(4,73,110); border: 3px solid  rgba(4,73,110,0.2); padding: 12px 5px; width: 90%; margin-left: 5%; }
#tablet-search-container .searchBarContainer img.searchBarImage {}
#tablet-search-bar-nav-list { width: 90%; margin-left: 5%; display: inline-block; }
#tablet-search-bar-nav-list li { width: 25%; text-align: center; margin: 0px; float: left; }
#tablet-search-bar-nav-list li a {}

/*----Component: Info Links-----*/
/*Info Links - Tablet*/
/*Info Links - Mobile*/
#tablet-info-links-container { text-align: center; margin-top: 10px; margin-bottom: 10px; }
#tablet-info-links {}
#tablet-info-links li { display: inline-block; margin-left:5px; margin-right: 5px; }
#tablet-info-links li a {}


/* CSS Fixes for Native Portal and WCM Controls */
div[name=desktop-carousel]>div.component-control>section, div[name=spotlights]>div.component-control>section
{
	margin-bottom: 0px;
}
div[name=deskop-information-for]
{
	display: inline-block;
	vertical-align: top;
}
.wpthemeOverflowAuto, div[name=desktop-ask-karen], div[name=tablet-information-for], div[name=desktop-resources], div[name=category-accordion]
{
	overflow: visible;
}
.component-container
{
	overflow: hidden;
}
div[name=desktop-resources]
{
	padding-left: 15px;
}


/*Testing font sizes and contrasting per Kim's request*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul,p,span,ol,div { font-size: 12px; }

.orbit-carousel li.desktop-orbit-list-item .desktop-caption { font-size: 18px; }
#popular-topics-header, #desktop-popular-topics-header, #tablet-popular-topics-header, #mobile-popular-topics-header, .information-for-header, #select-a-category-box, #spotlights-header , .ask-karen-header { font-size: 22px; }
.popular-topics-list li a, #desktop-popular-topics-list li a, #tablet-popular-topics-list li a, #mobile-popular-topics-list li a, #desktop-ask-karen-description { font-size: 12px; }




.news-article-header { font-size: 12px; }
.news-article-date { font-size: 12px; }
.news-article-content { font-size: 11px; }
.regs-and-policies-header { font-size: 12px; }
.regs-and-policies-date { font-size: 12px; }
.regs-and-policies-content { font-size: 11px; }
.recalls-header { font-size: 12px; }
.recalls-date { font-size: 12px; }
.recalls-content { font-size: 11px; }
.fse-header { font-size: 12px; }
.fse-date { font-size: 12px; }
.fse-content { font-size: 11px; }

.mobile-news-article-header { font-size: 15px; }
.mobile-news-article-date { font-size: 12px; }
.mobile-regs-and-policies-header { font-size: 15px; }
.mobile-recalls-header, .mobile-recalls-header p { font-size: 15px; }
.mobile-fse-header { font-size: 15px; }
.mobile-fse-date { font-size: 12px; }

a.carouFredSelPrevButton, a.carouFredSelNextButton { top: 56px; }
a.footerLink { font-size: 11px; }
li.mainTabHeader  a, #desktop-resources-panels li a.ui-tabs-anchor, #tablet-resources-panels li a.ui-tabs-anchor { font-size: 14px; }

#FSISHeader, #USDAHeader { font-size: 16px; }
#USDAHeader { margin-bottom: 50px; }
#desktop-SearchContainer { bottom: -20px; }


.popular-topics-list li a { font-size: 12px; }
/*Popular Topics - Desktop*/
#desktop-popular-topics-list li a { color: rgb(20,20,40); font-weight: bold; /*color: #595758*/; font-family: 'Droid Sans', sans-serif; display:block;}
#desktop-popular-topics-list li a:hover { color: #03C; }

/*Popular Topics - Tablet*/
#tablet-popular-topics-list li a { color: rgb(20,20,40); font-weight: bold; }
#tablet-popular-topics-list li a:hover { color: #03C; }

/*Popular Topics - Mobile*/
#mobile-popular-topics-list li a { color: rgb(20,20,40); font-weight: bold; }
#mobile-popular-topics-list li a:hover { color: #03C; }

.ask-karen-description { font-weight: bold; }

.information-for-link-list li a { font-weight: bold; }

.spotlight-article-container .spotlight-article-caption { font-weight: bold; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/