/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent }
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: '';content:none}
/*:focus {outline: 0}*/
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing:0}
/*:focus,:hover,:active {outline: 0 !important;}*/
a:hover {text-decoration: underline;}
input::-moz-focus-inner { border: 0; padding: 0; }
button::-moz-focus-inner {border: 0;}
button { padding: 0; border: 0; margin: 0; }
fieldset legend {display: none;}
a { text-decoration: none; color: #3b60af; }
/* clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after {clear: both;}
.cf {*zoom: 1;}
#skiplink { position: absolute; left: -1000px; line-height: 1; }
#wrap {width: 950px;}
#header .topbar {background: #CCCCFF;}
#footer { clear: both; background: #CCCCFF; }
.main-content { float: left; width: 100%; background: #efefef; }
.main-content.slim {width: 720px;}
/*.rightrail { float:left; width:200px; border-left:1px solid #ccc; }*/
/**** Global */
.hidden {display: none;}
.show {display: block;}
a.more { background: transparent url(../images/arrows.png) no-repeat scroll 100% -57px; padding: 0 12px 0 0; float: right; }
a.hover-container { background: transparent url(../images/arrows.png) no-repeat scroll 100% -57px; padding: 0 12px 0 0; float: right; }
/**** Carousel */
.carousel { width: 630px; height: 348px; overflow: hidden; position: relative; margin: 0 0 20px; padding-bottom: 6px; border-bottom: 5px solid #e5e5e5; float: left; }
.carousel ul {border: 1px solid #999999;}
.carousel ul.slides { height: 351px; position: relative; }
.carousel ul.slides li {height: 100%;}
.carousel ul li img {z-index: 9}
.carousel ul li .body { background: url(../images/feature-opacity.png) repeat-x scroll 0 0; bottom: 0; color: #FFFFFF; padding: 13px 19px; position: absolute; z-index: 700; width: 94% }
.carousel ul li .body h3 { font-size: 22px; margin: 0 0 9px; color: #fefefe; }
.carousel ul li .body p { font-size: 14px; line-height: 18px; margin: 0 0 9px; color: #fefefe; }
.carousel ul li .body p a { background: 0; padding: 0; font-size: 14px; color: #fefefe; }
.carousel ul li .body a { background: transparent url(../images/arrow-white-right.png) no-repeat scroll 100% 2px; color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 0 9px 0 0; text-transform: uppercase; }
.carousel .pagination {border: 0 none; float:left}
.carousel .pagination li { display: block; float: left; }
.carousel .pagination li a { background: url(../images/pagination.png) no-repeat 0 0; display: block; float: left; height: 12px; margin: 0 5px 0 0; text-indent: -99999px; width: 12px; }
.carousel .pagination li a:hover,
.carousel .pagination li.activeSlide a {background-position: -12px 0;}
.carousel .controls { bottom: 10px; position: absolute; right: 10px; border: 0; z-index: 5; }
.carousel .toggle { display: block; float: left; background: url(../images/carousel-controls.png) 0 0 no-repeat; height: 14px; width: 14px; text-indent: -9999px; margin-top: -1px; }
.carousel .toggle.play {background-position: 0 -14px;}
.carousel ul.slides div { font-size: 14px; line-height: 18px; margin: 0 0 9px; color: #fefefe; width: 592px; }
.carousel ul.slides div a { background: 0; padding: 0; font-size: 14px; color: #fefefe; }
.carousel ul.slides ul {border: none;}
.carousel ul.slides ul li { float: left; display: inline; }
/*** CALENDAR ***/
.calendar { margin: 0 0 28px -8px; border: 1px solid silver; padding: 6px; font-size: 0.8em; float: left; width: 930px; }
.calendar .calendar-content { float: left; width: 250px; }
.calendar .calendar-content table tr td {padding: 1px;}
.calendar .calendar-pagination {float: left;}
.calendar .calendar-pagination h2 { font-size: 1.4em; font-weight: bold; }
.calendar .calendar-pagination .pagination { margin: 14px 0 0 0; float: left; }
.calendar .calendar-pagination .pagination a {float: left;}
.calendar .calendar-pagination .pagination a.prev-week { text-decoration: none; color: #22427b; padding: 0 5px 0 12px; margin: 2px 1px 0 0; background: url("../images/cpsc-link-sprite.png") no-repeat scroll -6px 2px transparent; }
.calendar .calendar-pagination .pagination a.next-week { text-decoration: none; color: #22427b; padding: 0 12px 0 2px; margin: 2px 0 0 1px; background: url("../images/cpsc-link-sprite.png") no-repeat scroll 100% -14px transparent; }
.calendar .calendar-utilities {float: right;}
.calendar .calendar-utilities .view-button { border: 1px solid #22427b; background: #d9e1ed; }
.calendar .calendar-utilities .connect { margin: 10px -28px 0 0; float: right; min-width: 270px; white-space: nowrap; }
.calendar .calendar-utilities .connect a { float: left; text-decoration: none; color: #22427b; margin: 2px 24px 0 2px; }
.calendar .calendar-utilities .connect a.rss-link { background: url("../images/cpsc-link-sprite.png") no-repeat scroll 0 -60px transparent; margin: 0; padding: 2px 0 2px 20px; }
.calendar .calendar-utilities .connect a.subscribe-email { margin: 2px 12px 0 22px; cursor: pointer; cursor: pointer; }
.calendar .calendar-list { clear: both; width: 900px; margin: 10px 0 0 0; float: left }
.calendar .calendar-list .event-list { clear: both; width: 928px; margin: 0; border: silver 1px solid; }
.calendar .calendar-list .event-list h3.title { font-size: 1.2em; font-weight: bold; color: #fefefe; clear: both; margin: 0; padding: 6px; background-color: #22427B; width: 916px; position: relative; }
.calendar .calendar-list .event-list .event { min-height: 180px; background: url(../images/event-gradient.png) 0 bottom repeat-x scroll; border-top: silver 1px solid; padding: 6px; }
.calendar .calendar-list .event-list .event .event-info { width: 175px; float: left; }
.calendar .calendar-list .event-list .event .event-info h3.date { font-size: 1.1em; font-weight: bold; }
.calendar .calendar-list .event-list .event .event-info span { display: block; margin: 10px 0 0 0; }
.calendar .calendar-list .event-list .event .event-info a { display: block; margin: 10px 0 0 0; }
.calendar .calendar-list .event-list .event .event-info a.outlook { text-decoration: none; color: #22427b; background: url("../images/cpsc-link-sprite.png") no-repeat scroll 0 -24px transparent; margin: 8px 0; padding: 12px 0 4px 24px; }
.calendar .calendar-list .event-list .event .event-info span.location { font-size: 1.25em; font-weight: bold; }
.calendar .calendar-list .event-list .event-basics {float: left;}
.calendar .calendar-list .event-list .event-basics h2 {font-size: 1.45em;}
.calendar .calendar-list .event-list .event-basics p {margin: 6px 0 6px 0;}
.calendar .calendar-list .event-list .event-basics p.status { margin-top: 16px; font-weight: bold; font-size: 1.45em; }
.calendar .calendar-list .event-list .event-basics p.status span { color: #aaa; font-weight: normal; }
.calendar .calendar-list .event-list .event-tools { width: 175px; float: right; }
.calendar .calendar-list .event-list .event .event-tools a.tool-link { display: block; padding: 4px; margin: 1px; width: 165px; }
a.aid { background: #22427b; color: #fefefe; padding: 5px; text-align: center; border: 1px solid #e1e9f5; }
a.briefingpackage, a.log, a.meetingminutes, a.presentation, a.priormeetings, a.transcript {background: url("../images/cpsc-link-sprite.png") no-repeat scroll 140px -76px #e1e9f5;border:1px solid #22427b}
a.webcast {background: url("../images/cpsc-link-sprite.png") no-repeat scroll 145px -95px #e1e9f5;border:1px solid #22427b}
.calendar .calendar-list .event-list .event .event-tools .tool-links-container { min-height: 140px; position: relative; }
.calendar .calendar-list .event-list .event .event-tools .aid-container { margin: 8px 0 0 0; position: relative; }
.center-module .upcoming-event { font-size: 0.8em; width: 200px; float: right; border: 1px silver solid; margin: 0; padding: 8px; background-color: #fff; }
.center-module .upcoming-event h2 { font-size: 1.25em; margin: 0 0 10px 0; }
.center-module .upcoming-event h3.selected-date, .right-rail-module a { font-size: 1em; margin: 0 0 10px 0; }
.center-module .upcoming-event .event-legend h4 { margin: 8px 0 8px 0; padding: 0; }
.center-module .upcoming-event .event-legend h4 a { font-size: 1em; color: #333; }
.center-module .upcoming-event .event-legend span { font-size: 0.9em; display: block; margin: 0; }
.center-module .upcoming-event .event-legend span.intro { font-size: 1em; margin: 10px 0 10px 0; }
.center-module .upcoming-event a.event {font-style: italic;}
.center-module .more { float: right; border-top: 1px #ccc dotted; width: 100%; padding: 4px 4px 10px 4px; }
.right-rail .upcoming-event { font-size: 0.8em; width: 200px; float: right; border-top: 1px silver solid; margin: 0; padding: 8px; background-color: #fff; }
.right-rail .upcoming-event h2 { font-size: 1.25em; margin: 0 0 10px 0; }
.right-rail .upcoming-event h3.selected-date, .right-rail-module a { font-size: 1em; margin: 0 0 10px 0; }
.right-rail .upcoming-event .event-legend h4 { margin: 8px 0 8px 0; padding: 0; }
.right-rail .upcoming-event .event-legend h4 a { font-size: 1em; color: #333; }
.right-rail .upcoming-event .event-legend span { font-size: 0.9em; display: block; margin: 0; }
.right-rail .upcoming-event .event-legend span.intro { font-size: 1em; margin: 10px 0 10px 0; }
.right-rail .more { float: right; border-top: 1px #ccc dotted; width: 100%; padding: 4px 4px 10px 4px; }
a.webcast-link { margin: 0 0 10px 0; display: inline-block; }
.main-top { clear: both; width: 100%; float: left; }
.main-top .main-top-rail { width: 340px; float: right; }
.home-sidebar {width: 220px;}
.content.home-content .center-module { width: 285px; float: right; }
.content.home-content .center-module .date {display: none;}
.content.home-content .center-module .main-body ul { margin: 4px; list-style: disc none inside; padding: 2px 4px 0 4px; }
.content.home-content .center-module .main-body ul li {color: #3b60af;}
/*** CONNECT WITH US ***/
.connect-container { padding: 12px 10px; background-color: #fff; min-height: 100px; min-width: 260px; }
.connect-container h2 {font-size: 1.25em;}
.connect-container .connect-with-us { clear: both; width: 100%; padding: 10px 0; }
.connect-container .connect-with-us ul { float: left; clear: right; padding: 0; margin: -2px 0 0 12px; }
.connect-container .connect-with-us a.more { float: left; margin: 10px 0 0 10px; }
.connect-container .connect-with-us .links {white-space: nowrap;}
.connect-container .connect-with-us span.social-label {float: left;}
.feed { float: left; width: 900px; }
.sub-navigation { float: left; width: 972px; margin: -3px 0 0 0; position: relative }
.sub-navigation .first a {border-left: 0 none;}
.sub-navigation .last a {border-right: 0 none;}
.sub-navigation li { float: left; margin: 0; white-space: nowrap; min-width: 165px; padding: 0; }
.sub-navigation li a { float: left; padding: 2px; color: #22427b; font-weight: bold; text-align: center; min-width: 100%; display: inline-block; padding: 4px 12px; }
.sub-navigation li.first {margin: 0 0 0 4px;}
.sub-navigation li a:hover {text-decoration: none;}
.sub-navigation li span.selected { background: url("../images/bg-sub-menu-175x22.png") no-repeat scroll 0 0 transparent; color: #fefefe; padding: 3px 4px 4px 4px; text-align: center; min-width: 175px; display: inline-block; }
/*** SUBSCRIBE ***/
.subscribe-iframe { width: 400px; height: 240px; }
#SubscribeEmail { display: none; position: absolute; top: 25%; left: 35%; width: auto; padding: 0; border: 0 solid #a6c25c; background-color: transparent; z-index: 1002; overflow: hidden; }
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 2000px; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.subscribe { background-color: #e1e9f5; min-height: 250px; width: 400px; }
.subscribe .popup-utility { height: 24px; padding: 4px; background: #22427b; width: 395px; clear: both; margin: 0; }
.subscribe .popup-utility .close-subscription { height: 22px; text-indent: -9999px; float: right; background: url("../images/cpsc-link-sprite.png") no-repeat scroll 100% -114px transparent; padding: 12px; margin: 4px 8px 0 0; }
.subscribe .container { float: left; width: 400px; height: 240px; }
.subscribe .container h1 { font-size: 1.4em; margin: 8px; float: left; }
.subscribe .container #ValidationSummary { margin: 0 8px; display: block; color: #c00; float: left; }
.subscribe .container p { margin: 8px; display: block; float: left; }
.subscribe .container .text-box { clear: both; margin: 8px 10px 8px 8px; display: block; float: left; border: 1px solid #333; font-size: 1.3em; width: 380px; }
.container .button { border: 1px solid #22427b; background: #d9e1ed; color: #22427b; clear: both; float: right; margin: 0 10px 0 0; }
/*** Breadcrumbs ***/
.grp ul.breadcrumbs { clear: both; color: #333333; float: left; font-size: 0.9em; font-weight: bold; margin: 0 0 1.5em; width: 100%; }
.grp ul.breadcrumbs li { float: left; line-height: 22px; margin: 0; }
.grp ul.breadcrumbs li a { background: url(../images/general-sprite.png) no-repeat scroll 100% 3px; margin: 0 0.5em 0 0; padding: 0 0.75em 0 0; color: #22427b; }
/*** RIGHT RAIL RSS FEED ***/
.rss-container { border-bottom: 2px solid #D8DBE0; margin: 0 0 10px; }
.rss-container .item {margin: 12px 0;}
.content ul.social li span { display: inline-block; width: 120px; }
/*img.featured-image {width:160px;height:101px;}*/
img.recall-list-image { float: left; max-width: 100px; margin: 0 8px; }
/***NoFEAR Act Tables***/
.noFearTables table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width: auto !important; border-collapse: collapse; margin-bottom: 35px; min-width: 0px; alignment-baseline:middle; alignment-adjust:middle; }
.noFearTables td, .noFearTables th { font-size: 0.9em; border: 1px groove #212d64; vertical-align:middle !important; padding: 3px 3px 3px 3px; width: auto !important; }
.noFearTables th { font-size: 0.9em; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #A3C8FF; color: #ffffff;}
.noFearTables tr.alt td { color: #000000; background-color: #EAF2D3; width: auto !important; max-width: 100px; overflow: hidden; white-space: nowrap; }
/* XForms Table */
.formTable {width: 550px;}
.formTable table {width: 400px;}
.formTable .req { display: block; margin: 0px; padding: 10px 0px; font-size: 11px; }
.formTable .error { font-size: 13px;font-weight: bold;color: #e03b29 !important; margin-bottom: 10px; margin-top: 10px; }
.formTable span.error {color: #e03b29;}
.formTable table tr td { padding-bottom: 10px; vertical-align: middle; }
.formTable table tr td span.req { display: inline; margin: 0px 5px; }
.formTable input[type=text] { width: 235px; float: right; }
.formTable input[type=text].error {border: 1px solid #e03b29;}
.formTable select { width: 240px; padding: 0px; float: right; }
.formTable input[type=file] {float: right;width: 235px;font-size: 12px !important;font-family: Arial !important;}
.formTable select.monthPicker { width: 80px; margin-right: 10px; }
.formTable select.yearPicker {width: 80px;}
.formTable select.error {border: 1px solid #e03b29;}
.formTable textarea { display: block; width: 98%; margin-bottom: 5px; resize: none; padding: 2px; }
.formTable textarea.error {border: 1px solid #e03b29;}
.formTable input[type=checkbox] { float: left; margin-bottom: 10px; margin-right: 5px; }
.formTable input[type=radio] { float: left; margin-bottom: 10px; margin-right: 5px; }
.formTable input[type=submit] { padding: 6px; text-align: center; float: right; background: none repeat scroll 0 0 #DD9C1C; color: #FFFFFF; display: block; font-size: 14px; }
.formTable input[type=text].safety { background: none repeat scroll 0 0 #FFFF00; border-style: solid; width: 50px; display: block; border-color: #336699; border-width: 1px; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size: 11px; padding-left: 3px; }
.formTable #remainingCharacterChecker { font-size: 11px; text-align: right; color: #949494; }
.formTable .notice { padding-left: 23px; font-weight: bold;}
.DoNotDisplayOnScreen {display: none;}
.PrintImageCell {empty-cells: hide;}
.f-right { float: right !important; clear: right; }
html, body {
background: url(../images/gradients.jpg) 0 -213px repeat-x scroll;
font-family: 'Cabin', arial, serif, sans-serif;
font-size: 13px;
text-align: left;
}
p {line-height: 18px;}
.general-select { width: 200px; float: left; margin: 0 5px 0; background: #fff; border: 1px solid #b5b5b5; padding: 4px; }
.view-btn, .go-btn {border-radius: 3px; width: 43px; height: 27px; display: block; background: #d99717; color: #fff; font-size: 14px; position: relative; padding: 0; cursor: pointer }
.view-btn span, .go-btn span { height: 1px; width: 1px; background: #DFE6F1; position: absolute; }
.blue-btn { border-radius: 3px;background: #416CA9; color: #fff; font-size: 14px; display: block; text-align: center; float: left; margin-left: 5px; padding: 5px 10px; position: relative; }
.blue-btn span { height: 1px; width: 1px; background: #DFE6F1; position: absolute; }
.pagination {text-align: center;}
.pagination li {display: inline;}
.pagination li a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #5A81BA; color: #5A81BA; padding: 2px 8px; }
.pagination li a:hover,
.pagination li a.active, .pagination li.active a { background: #5a81ba; color: #fff; text-decoration: none; }
/* Multiselect Box */
.multiselect-box {margin: 0 0 45px;}
.multiselect-box select { width: 100%; border: 1px solid #e0e0e0; height: 300px; border-bottom: 1px solid #ababab; margin: 0 0 8px; }
.multiselect-box select option { font-size: 13px; color: #444; padding: 10px 15px; }
/* Federal Register Searches */
.federal-register-searches { float: left; padding: 30px 0 50px; width: 100%; }
.federal-register-searches button { width: 70px; text-transform: uppercase; }
/* Year Select */
.year-select input {display: none;}
.year-select li { float: left; margin: 0 10px 5px 0; }
.year-select a, .year-select button { background: url("../images/sprites.png") no-repeat scroll -3px -107px transparent; display: block; font-size: 18px; height: 33px; line-height: 33px; text-align: center; width: 110px; }
.year-select button { color: #3B60AF; text-decoration: none; width: 110px; }
.year-select a:hover,
.year-select a.active, .year-select button:hover, .year-select button.active { background-position: -3px -140px; color: #fff; text-decoration: none; }
/*** ADJUSTMENTS FOR . Net PageData Pagination Control ***/
span.pagination {text-align: center;}
span.pagination span.active, .pagination a {display: inline;}
span.pagination a.pagination-page, span.pagination span.active { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #5A81BA; color: #5A81BA; padding: 2px 8px; }
span.pagination a.pagination-page:hover,
span.pagination span.active { background: #5a81ba; color: #fff; text-decoration: none; }
/*** End Adjustements ***/
/* utility nav */
.header a {color: #fff;}
.header .utils { width: 980px; margin: 0 auto; background: url(../images/util-bg.jpg) 0 0 no-repeat scroll; height: 31px; position: relative; z-index: 22; }
.header .offseat { background: url(../images/gradients.jpg) 0 -107px repeat-x scroll; position: absolute; z-index: 11; right: 0; width: 50%; height: 31px; }
.header .utils .report { display: block; float: left; height: 23px; padding: 8px 8px 8px 20px; width: 180px; }
.header .utils ul {float: right;white-space: nowrap;}
.header .utils ul span { color: #a3c8ff; margin: 0 3px 0 0; }
.header .utils ul li.first { border-right: 1px solid #fff; padding-right: 14px; }
.header .utils ul li { float: left; margin: 8px 0 7px 12px; }
.header .utils ul ul { width: auto; margin: 0; }
.header .utils ul ul li { margin: 0 12px 0 0; border-right: 1px solid #fff; padding-right: 12px; }
.header .utils ul ul li.last { border: 0 none; margin: 0; padding: 0; }
/* main header */
.header .more { width: 980px; margin: 0 auto; position: relative; }
.header .more img { position: absolute; top: 0; left: 0; z-index: 10; }
.header .more a.logo { position: absolute; top: 0; left: 0; z-index: 11; display: block; width: 514px; height: 84px; text-indent: -9999em; }
.header .connect { position: absolute; right: 0; top: 0; z-index: 12; }
.header .connect li {color: #cae6ff;}
.header .connect .social {float: right;}
/* social icons */
.social { padding: 6px 0; margin: 0 0 0 65px; height: 20px; }
.home-features .social { margin: 0; padding-left: 0; }
.social li { float: left; padding: 3px 0 0 5px; }
.social a { background: url(../images/sprites.png) 0 0 no-repeat scroll; width: 17px; height: 17px; display: block; float: left; text-indent: -9999em; }
li.yt, li.tw, li.fb, li.fl, li.bl, li.sls, li.googleplus {padding-top: 1px;}
.yt a {background-position: -20px 0;}
.tw a {background-position: -39px 0;}
.fl a {background-position: -58px 0;}
.bl a {background-position: -158px 0;}
.sls a {background-position: -158px -369px;}
.rss a {background-position: -158px -110px;}
.googleplus a { background: url('//ssl.gstatic.com/images/icons/gplus-16.png') 0 0 no-repeat scroll; width: 17px; height: 17px; display: block; float: left; text-indent: -9999em; }
.fb:hover a {background-position: 0 -20px;}
.yt:hover a {background-position: -20px -20px;}
.tw:hover a {background-position: -39px -20px;}
.fl:hover a {background-position: -58px -20px;}
.rss:hover a {background-position: -158px -110px;}
.ar, .email-subscription .subscribe-email { background: transparent url(../images/arrows.png) no-repeat scroll 100% -57px; padding: 0 12px 0 0; }
.email-subscription .subscribe-email {float: right;}
/* global rounded corners */
/* TODO:We can probably do the rounded corners in webkit / mozilla and move these to an IE only stylesheet */
.main { margin: 84px auto 0; width: 980px; background: #fff; overflow: auto; }
.nav { float: left; background: #22427b; width: 972px; margin: 4px; z-index: 900; }
.nav .first a {border-left: 0 none;}
.nav .last a {border-right: 0 none;}
.nav > li { float: left; max-width: 159px; }
.nav > li > a { float: left; padding: 9px 15px 9px 9px; border-right: 1px solid #91a1bd; border-left: 1px solid #000; height: 36px; font-family: Arial Narrow, sans-serif; font-size: 15px; line-height: 15px; color: #fefefe; }
.nav > li.hover > a,
.nav > li:hover > a,
.nav > li.selected a { background: url(../images/gradients.jpg) 0 -138px repeat-x; color: #23437a; }
.nav > li.hover .hover-nav { display: block; z-index: 901; }
.nav li .activeSlide {background: #577aaa;}
.sub-nav { width: 950px; float: left; background: url(../images/subnav-grad.png) repeat-x 0 100%; padding: 4px 11px 0; margin: 0 0 0 4px; }
.sub-nav li { display: table-cell; float: none; vertical-align: bottom; width: 100px; }
.sub-nav li a { display: block; padding: 12px 9px 13px; font-size: 13px; text-align: center }
.sub-nav li.active a { background: #fff; border: 1px solid #ccc; border-bottom: 0; color: #333; }
/* main content div */
.cols { clear: both; float: left; }
.main .content { padding-bottom: 20px; float: left; margin: 0 15px; width: 621px; }
.main .content img { padding: 2px; border: 1px solid #bcbcbc !important; }
.content.full-width {width: 935px;}
.content h2 { margin: 5px 0 13px; font-size: 17px; font-weight: bold; color: #444; }
.content .gist { margin: 0 0 15px; background: #eff4fb; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; width: 100%; }
.content .gist div { float: left; color: #666; margin: 4px 0 4px 10px; /* width:420px; */ }
.content .gist .num { float: right; margin-right: 10px; /* width:170px; */ }
.content .gist div span { text-transform: uppercase; color: #333; }
.full-width p { margin: 0 0 15px; line-height: 18px; }
.content h3 { font-size: 17px; margin: 20px 0 5px; font-weight: bold; }
.content .lbl {font-weight: bold;}
.content .psummary { float: left; width: 310px; }
.content .psummary p {margin: 10px 0 17px 10px;}
.content .rem { float: left; margin: 0 0 18px; }
.content .rem span { float: left; font-weight: bold; display: block; width: 220px; }
#pdetails { background: url(../images/arrows.png) no-repeat scroll 100% -40px transparent; float: left; padding: 0 10px 0 0; }
.content .rem .btns { width: 300px; padding: 7px; background: #eff5fb; clear: both; float: left; margin: 4px 0 0; }
.content .rem .btns a {border-radius: 3px; float: left; display: block; background: #5a81ba; margin: 0 4px 0 0; padding: 5px 7px 3px 3px; color: #fff; position: relative; }
.content .rem .btns a:hover {background: #6a91ca;}
.content .rem .btns a span { background: url(../images/sprites.png) no-repeat scroll 0 -40px; display: block; float: left; height: 18px; width: 18px; margin: -2px 3px 0 0; }
/* Business Pages & CPC and GCC */
.biznote { display: block; padding: 5px; margin: 5px 0 15px 30px; background-color: #FFFF99; font-size:0.9em; }
.bizsample { display: block; padding: 5px; margin: 5px 0 15px 30px; background-color: #CEE8F0; font-style: italic; color:#696969; }
.biznote2 {width: 300px; padding:7px; text-align:center; border: black 1px solid; background-color: #cccccc; margin: 2px 0px 10px 160px; }
.topnote {width: 300px; padding:7px; border: black 2px solid; margin: 2px 0px 5px 160px; }
h9 {font-size:1.4em; font-weight:bold;}
/*
.biznote {padding:5px !important; max-width:495px !important; font-size:0.9em !important; margin: 5px 0px 10px 75px !important; border: none !important; background-color:#FF9 !important; display:block !important; }
.bizsample {color:#696969; font-style:italic; padding-left: 25px; display:block; margin: 3px 0px 10px 0px; }
.biznote2 {width: 300px; padding:7px; text-align:center; border: black 1px solid; background-color: #cccccc; margin: 2px 0px 10px 160px; }
.topnote {width: 300px; padding:7px; border: black 2px solid; margin: 2px 0px 5px 160px; }
h9 {font-size:1.4em; font-weight:bold;}
*/
/* Recall Page*/
.disclaimer { font-size: .90em; margin-bottom: 5px; }
.content .rem .btns a.rpl span {background-position: -40px -40px;}
.content .rem .btns a.rfn span {background-position: -20px -40px;}
.content .rem .btns a.rpr span {background-position: 0 -40px;}
.content .rem .btns a.dsp span {background: url('../images/remedy-dispose.png') no-repeat scroll;}
.content .rem .btns a.la span {background-position: -59px -41px;}
.content .rem .btns a.ni span {background-position: -119px -106px;}
.content a.linkbtn {border-radius: 3px; background: url(../images/gradients.jpg) 0 -46px; padding: 6px 22px; position: relative; }
.content a.linkbtn:hover { text-decoration: none; background-position: 0 -5px; }
.content a.linkbtn span { background: url(../images/arrows.png) right -94px no-repeat scroll; color: #fff; padding: 0 14px 0 0; }
.content .details {clear: both;}
.content .details p {margin: 0 0 0 20px;}
.content .details h5 {margin: 20px 0 10px 0;}
.content .details ul {margin: 5px 0 10px 36px;}
.content .details ul li { list-style: disc; padding: 5px 0; }
.content .legal { border-top: 1px solid #ccc; margin: 25px 0 5px; padding: 13px 0 0; font-size: 12px; }
.content .legal p {margin: 0 0 15px;}
/* Archived */
.archived {text-align: center}
.archived h1 {margin-top: 15px;}
.archived p { margin-bottom: 15px; font-size: 14px; text-align: left }
.archived .date {margin: 25px 0 0; font-size: 12px}
.archived .alert {font-size: 12px}
.archived .smaller {font-size: 12px;}
.archived img {margin: 50px 0;}
.archived h2 { color: #222222; font-size: 18px; margin: 15px; }
/* Search by Product */
.search-by-product { margin: 35px 0 0; padding: 0 0 50px; }
.search-by-product .narrow-results { float: left; border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; padding: 1px 0; margin: 0 0 25px; }
.search-by-product .narrow-results .wrap { background: #eff4fb; width: 495px; padding: 20px 15px; float: left; }
.search-by-product .narrow-results h3 { font-size: 18px; color: #444444; }
.search-by-product .narrow-results .general-select { color: #666666; font-size: 14px; }
.search-by-product .narrow-results .general-select.main-select { width: 245px; margin-left: 0; }
.search-by-product .narrow-results .general-select.sub {width: 240px; margin-right: 0}
.search-by-product .disclaimer { float: right; width: 380px; }
.paging { clear: both; margin: 0 0 8px; width: 100%; float: left; }
.paging h4 { font-size: 16px; color: #444444; font-weight: normal; float: left; }
.paging .pagination {float: right;}
.search-by-product .product-table { clear: both; width: 100%; border-bottom: 3px solid #ccc }
.search-by-product .product-table thead { background: #efefef; border-top: 3px solid #ccc; border-bottom: 1px solid #cccccc; padding: 0 0 0 15px }
.search-by-product .product-table th { text-align: left; vertical-align: middle; font-size: 12px; color: #333; font-weight: normal; text-transform: uppercase; padding: 10px 0; }
.search-by-product .product-table th:first-child {padding-left: 15px;}
.search-by-product .product-table tr.alt td {background: #f7f9fd;}
.search-by-product .product-table td { padding: 30px 15px 15px 0; border-bottom: 1px solid #e5e5e5; }
.search-by-product .product-table .products-td { width: 340px; padding-left: 15px; }
.search-by-product .product-table .law-td {width: 135px;}
.search-by-product .product-table .regulations-td {width: 135px;}
.search-by-product .product-table .regulations-td a { display: block; margin: 0 0 5px; }
.search-by-product .product-table .resources-td {width: 220px;}
/* Latest Recalls */
.latest-recalls { border-bottom: 2px #efefef solid; float: left; width: 100%; clear: both; margin-bottom: 20px; }
.latest-recalls .buttons { clear: both; float: left; margin-bottom: 30px; margin-top: 55px }
.recalls-wrapper a.rss { background: url("../images/sprites.png") no-repeat scroll -158px -110px transparent; display: block; float: right; height: 17px; padding: 0 0 0 22px; }
/* Search Recalls */
.search-recalls { clear: both; float: left; padding-bottom: 50px; width: 100%; }
.search-recalls h2 { font-size: 18px; color: #333333; }
.search-recalls h3 { font-size: 15px; color: #333; font-weight: normal }
.search-recalls h4 {font-size: 16px;}
/* Col List */
.col-list { float: left; width: 195px; padding-right: 10px; }
.col-list h4 { font-size: 16px; color: #333333; margin: 0 0 18px; }
.col-list li {margin: 0 0 14px}
.col-list a {font-size: 13px;}
.col-list .blue-btn {margin: 0;}
/* Grid List */
.grid-list { clear: both; float: left; width: 100%; margin: 0 0 50px }
.grid-list li { float: left; width: 188px; margin-right: 19px; margin-bottom: 20px; }
.grid-list li img { display: block; padding: 0; border: 2px solid #bababa; margin-bottom: 8px; }
.grid-list li .highlight { display: block; padding: 0; border: 2px solid #bababa; margin-bottom: 8px; text-indent: -9999em; height: 86px; width: 186px; }
ul.all-categories { float: left; margin: 0 20px 0 0; width: 45%; }
ul.disc {list-style: disc inside}
table.border-table { border-width: 1px; border-spacing: 2px; border-style: solid; border-color: #D3D3D3; border-collapse: collapse; background-color: white; }
table.border-table th { border-width: 1px; padding: 5px; border-style: solid; border-color: #D3D3D3; background-color: white; }
table.border-table td { border-width: 1px; padding: 5px; border-style: solid; border-color: #D3D3D3; background-color: white; }
.grid-list li.last {margin: 0;}
.grid-list li.first {clear: left}
/*** Category Serch Content ***/
.lightbox-recall-categories { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 900; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.lightbox-content-wrapper { border: 1px solid #ccc; display: block; top: 0; left: 0; position: absolute; z-index: 1000; width: 600px; background: #fff; margin: 20%; height: 500px; }
.lightbox-content-wrapper h4 { color: #333; margin: 10px; font-size: 1.25em; }
.lightbox-content-wrapper h5 {margin: 0 10px 10px 10px;}
.lightbox-content-wrapper ul.all-categories { margin: 10px; float: left; width: 43%; font-size: 1.25em; line-height: 22px; }
.popup-utility { height: 24px; padding: 4px; background: #22427b; width: 592px; clear: both; margin: 0; }
.popup-utility .close-categories { height: 22px; text-indent: -9999px; float: right; background: url("../images/cpsc-link-sprite.png") no-repeat scroll 100% -114px transparent; padding: 12px; margin: 4px 8px 0 0; }
/*** Recall Partners ***/
.details .partners h4 { font-size: 13px; font-weight: normal; margin: 0 0 7px; }
.details .partners a { border: 1px solid #CCCCCC; display: block; float: left; height: 104px; margin: 0 9px 0 0; width: 144px; }
.details .partners a img {margin: 0 auto;}
/** Calendar **/
.calendar .calendar-details { clear: both; width: 100%; }
.calendar h2 {float: left;}
.calendar .subscribe-opts { float: right; font-size: 12px; margin-top: 10px; }
.calendar .subscribe-opts a { cursor: pointer; margin-left: 15px; }
.calendar .subscribe-opts .rss-link { background: url("../images/rss-icon.png") no-repeat scroll left center transparent; height: 25px; padding-left: 20px; }
.calendar .calendar-views { clear: both; width: 100%; height: 35px; padding: 5px 0 0; }
.calendar .calendar-views .date-filter {float: right;}
.calendar .calendar-views .date-filter .view-calendar-by { float: left; font-size: 12px; font-weight: normal; margin-right: 5px; margin-top: 5px; }
.calendar .calendar-views .date-filter select {width: auto;}
.calendar .calendar-views .date-filter .view-by { float: left; font-size: 12px; font-weight: normal; }
.calendar .calendar-views .pagination-items { float: left; padding: 5px 0 0 0; }
.calendar .calendar-views .pagination { float: left; position: relative; margin-top: 5px; }
.calendar .calendar-views .pagination li {float: left; padding: 0 2px}
.calendar .calendar-views h3 { clear: left; float: left; font-size: 12px; font-weight: normal; margin-right: 15px; margin-top: 5px; }
.calendar .meeting-table { clear: both; width: 100%; font-size: 13px; }
.calendar .meeting-table td { padding: 15px 0; border-bottom: 1px solid #cccccc; }
.calendar .meeting-table .date-location { padding: 0 0 0 10px; width: 165px; font-size: 12px; }
.calendar .meeting-table td.date-location .date-time { text-transform: uppercase; margin: 0 0 15px; }
.calendar .meeting-table td.date-location .date-time .event-date { font-weight: bold; display: block; }
.calendar .meeting-table td.date-location .date-time .event-time {display: block;}
.calendar .meeting-table td.date-location a.outlook { display: block; margin: 0 0 15px; }
.calendar .meeting-table .title { width: 535px; padding: 15px 5px; }
.calendar .meeting-table td.title h4 { font-size: 11px; font-weight: normal; margin: 0 0 5px; }
.calendar .meeting-table td.title h3 { font-size: 15px; font-weight: normal; margin: 0 0 5px; }
.calendar .meeting-table td.title p {margin: 0 0 5px;}
.calendar .meeting-table td.title ul.status li { background: url("../images/divider.gif") no-repeat scroll 100% 0 transparent; float: left; margin-right: 10px; padding-right: 10px; }
.calendar .meeting-table td.title ul.status li:last-child,
.calendar .meeting-table td.title ul.status li.last {background: none;}
.calendar .meeting-table td.title ul.status li strong {padding-right: 10px;}
.calendar .meeting-table td.title ul.status .open, .rail-module p.open {color: #3a790b}
.calendar .meeting-table td.title ul.status .closed, .rail-module p.closed {color: #bc401f;}
.calendar .meeting-table .resources {width: 220px;}
.calendar .meeting-table td.resources {position: relative;}
.calendar .meeting-table td.resources li {margin: 0 0 8px;}
.calendar .meeting-table td.resources a {font-weight: bold;}
.calendar .meeting-table td.resources .hearing-aid-request { bottom: 15px; position: absolute; margin: 0 30px; }
.calendar .event-type { font-size: 11px; font-weight: normal; margin: 0 0 5px; }
.calendar .event-heading { font-size: 15px; font-weight: bold; margin: 0 0 5px; }
.calendar .event-intro { line-height: 18px; font-size: 12px; margin: 0 0 5px; }
.calendar .meeting-table .no-events { color: #444; font-size: 17px; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center; width: 400px; }
.calendar .status { font-size: 12px; display: block; margin-top: 10px; }
.calendar .status li
.calendar .status .open, .rail-module p.open {color: #3a790b;}
.calendar .status .closed, .rail-module p.closed {color: #bc401f;}
.calendar .calendar-pagination-bottom {float: left;}
.calendar .calendar-views .view-btn { text-transform: uppercase; border: none; }
.calendar .meeting-table thead { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 1px 0; }
.calendar .meeting-table th { background: #efefef; vertical-align: middle; text-align: left; padding: 10px 0; }
.calendar .meeting-table th:first-child {padding-left: 10px;}
.calendar .meeting-table tr.alt td {background: #f7f9fd;}
/* Article */
.article p {margin: 0 0 25px;}
.article img { float: left; border: 1px solid #b9b9b9; padding: 2px; margin: 0 23px 10px 0; }
.article .featured { width: 585px; padding: 20px 15px; background: #eff4fb; margin: 0 0 25px; clear: both; }
.article .featured p {margin: 0;}
.article .sources { font-size: 10px; border-top: 1px solid #cccccc; padding-top: 10px; line-height: 14px; padding-bottom: 10px; clear: both; }
.article .sources p {margin-bottom: 10px}
/* sidebar */
.sidebar { display: block; float: right; margin-right: 15px; width: 302px; }
.sidebar .box.resources li { background: url(../images/bullet.gif) 0 3px no-repeat; padding-left: 10px; font-size: 13px; margin: 0 0 8px; }
.sidebar .box.resources a {font-weight: bold;}
.sidebar .sidebar-footer { background: url(../images/bordered-gradient.gif) 0 0 repeat-x; padding: 15px 25px; float: left }
.sidebar .top-links { float: left; margin: 0 0 15px; width: 100%; }
.sidebar .top-links li.left {float: left;}
.sidebar .top-links li.right {float: right;}
.sidebar .top-links li a.rss { background: url(../images/rss-small.gif) 0 2px no-repeat; padding-left: 20px; }
.sidebar .research-statistics-search.box { background: #EFF4FB; border-bottom: 2px solid #EFEFEF; padding: 15px; width: 273px; }
.sidebar .research-statistics-search .general-select { color: #666666; font-size: 14px; }
.sidebar .research-statistics-search .general-select.keyword { clear: right; margin: 0 0 15px; width: 265px; }
.sidebar .research-statistics-search .general-select.category { margin-left: 0; margin-right: 10px; }
.sidebar .research-statistics-search button { float: left; width: 55px; }
.sidebar .box.survey { border-bottom: 2px solid #EFEFEF; border-top: 2px solid #EFEFEF; float: left; overflow: hidden; padding: 0; position: relative; width: 100%; height: 124px; }
.sidebar .box.survey h3 { font-size: 19px; color: #333; position: relative; z-index: 700; width: 60%; margin: 10px 0 0 15px; }
.sidebar .box.survey a.ar { float: left; margin: 10px 15px; position: relative; z-index: 700; }
.sidebar .box.survey img { position: absolute; top: 1px; left: 0; }
.sidebar .box.report { padding: 15px 0; width: 303px; }
.sidebar .box.report p {clear: both}
.sidebar .box.report .ar { float: left; clear: both; }
.sidebar .language-links { width: 300px; font-size: 0.85em; }
.sidebar .language-links li { background: url("../images/divider.gif") no-repeat scroll 100% 0 transparent; float: left; margin-right: 10px; padding-right: 10px; }
.sidebar .language-links li.last {background: none;}
#video-search,
#recall_search { background: #fff; margin: 0; padding: 2px 0; border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; float: left; }
#video-search .formwrap,
#recall_search .formwrap { background: #eff4fb; margin: 0; padding: 13px; float: left; }
#video-search .h3,
#recall_search .h3 { font-size: 17px; margin: 0 0 13px; display: block; text-transform: none; color: #333; }
#video-library,
#pcname { border: 1px solid #b5b5b5; color: #666; border-top: 2px solid #b5b5b5; width: 260px; padding: 4px 6px; line-height: 12px; font-size: 12px; }
#video-library { width: 200px; float: left; }
#video-search label,
#recall_search label { color: #757b80; text-transform: uppercase; display: block; float: left; font-size: 12px; margin: 16px 0 0; padding: 0; }
#video-search .submit,
#recall_search .submit { background: url(../images/gradients.jpg) 0 -46px repeat-x; display: block; float: left; border: 0 none; text-transform: uppercase; font-size: 12px; line-height: 12px; color: #fff; padding: 5px; margin: 9px 0 0 3px; }
#video-search .submit {margin-top: 0;}
#video-search select,
#recall_search select {margin-top: 9px;}
.sidebar .tabs .tabbed-tabs > li a { font-size: 0.9em; padding: 13px 6px 9px; }
.rail-formwrap { background: #fff; margin: 0; padding: 2px 0; border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; float: left; }
.rail-formwrap .formwrap { background: #eff4fb; margin: 0; padding: 13px; float: left; }
.rail-formwrap .formwrap .h3 { font-size: 17px; margin: 0 0 13px; display: block; text-transform: none; color: #333; }
.rail-formwrap .formwrap .text, .box .text { border: 1px solid #b5b5b5; color: #666; border-top: 2px solid #b5b5b5; width: 200px; padding: 4px 6px; line-height: 14px; font-size: 14px; }
.research-statistics-search .text {margin: 0 0 6px 0;}
.research-statistics-search p a.ar {margin-top: 4px;}
.rail-formwrap .formwrap label { color: #757b80; text-transform: uppercase; display: block; float: left; font-size: 12px; margin: 16px 0 0; padding: 0; }
.rail-formwrap .formwrap .submit { background: url(../images/gradients.jpg) 0 -46px repeat-x; display: block; float: left; border: 0 none; text-transform: uppercase; font-size: 12px; line-height: 12px; color: #fff; padding: 5px; margin: 9px 0 0 3px; }
.rail-formwrap .formwrap .go-btn { float: right; top: 1px; }
.rail-formwrap .formwrap select {margin-top: 9px;}
.rail-formwrap .email-subscription h3 {margin-bottom: 3px;}
.rail-formwrap .email-subscription input {width: 70%;}
.rail-formwrap .email-subscription #static {width: auto;}
.rail-formwrap .email-subscription .go-btn { width: auto; height: 1.5em; }
.sidebar .box { border-bottom: 2px solid #efefef; padding: 10px 20px; clear: both; float: left; width: 263px }
/* Per Design, all arrow'd links in the right rail are left aligned */
.sidebar h3 { font-size: 16px; padding: 0; margin: 0 0 9px; }
.sidebar .tel { font-size: 15px; margin: 0 0 9px; display: block; }
.sidebar p { padding: 0; margin: 0 0 9px; }
.sidebar .ar {margin: 0 0 12px;}
.sidebar .contact { padding-bottom: 23px; margin-bottom: 20px; }
.sidebar .contact a.ar { margin: 30px 0 0; display: inline-block; }
.sidebar .imgcol { float: left; width: 73px; margin: 0 11px 0 0; }
.sidebar .imgcol img { padding: 3px; border: 1px solid #bebebe; }
.sidebar .textcol a { display: block; float: left; clear: both; margin: 0 0 12px; }
.sidebar .textcol { float: left; width: 175px; }
.sidebar .connect div {float: left;}
.sidebar .connect div a { float: left; display: block; }
.sidebar .connect div a span.icon { background: url(../images/sprites.png) -39px 0 no-repeat scroll; float: left; display: block; width: 18px; height: 18px; }
.sidebar .connect div a span { float: left; display: block; font-size: 11px; color: #3b60af; width: 56px; margin: 0 4px 0 1px; }
.sidebar .connect div a:hover span {text-decoration: underline;}
.sidebar .connect .em span.icon {background-position: -138px 0;}
.sidebar .connect .rc span.icon { background-position: -77px -20px; width: 20px; height: 20px; }
.sidebar .releases a { display: block; font-size: 15px; line-height: 18px; margin: 0 0 15px; }
.sidebar span.date { color: #666666; display: block; font-size: 11px; margin: 0 0 5px; text-transform: uppercase; }
.news-archive { border-top: 1px solid #cccccc; border-bottom: 2px solid #e5e5e5; background: #eff4fb; padding: 10px 20px; float: left; }
.news-archive button {float: right;}
.sidebar .information-act select { float: left; width: 180px; margin: 0; }
.sidebar .information-act button { float: right; padding: 0 5px; }
.sidebar .information-act a.sub { display: block; clear: left; padding: 5px 0 0; }
.sidebar .calendar { padding-left: 0; padding-right: 0; width: 292px; }
.sidebar .calendar h3 {float: left;}
.sidebar .calendar a.view-more { clear: none; display: block; float: right; font-size: 13px; margin-top: 2px; }
.sidebar .calendar .calendar-date { background: url(../images/gradient-blue.gif) repeat-x 0 0; border-top: 1px solid #d6d6d6; clear: both; padding: 7px 11px; }
.sidebar .calendar .calendar-date h4 { font-size: 12px; text-transform: uppercase; }
.sidebar .calendar .calendar-date h4 a { display: block; background: url(../images/arrows.png) 97% -145px no-repeat; color: #666 }
.sidebar .calendar .calendar-date ul { display: none; font-size: 13px; line-height: 16px; margin: 15px 0 0; }
.sidebar .calendar .calendar-date ul li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #d6d6d6; }
.sidebar .calendar .calendar-date ul li.last { border: 0; margin: 0; }
.sidebar .calendar .calendar-date.active h4 a {background-position: 97% -117px;}
.sidebar .calendar .calendar-date.active ul {display: block;}
.sidebar .remarks h3 {margin: 0 0 15px}
.sidebar .remarks img { border: 1px solid #BEBEBE; float: left; margin: 0 10px 0 0; padding: 2px; }
.sidebar .remarks ul {float: left;}
.sidebar .remarks ul li { background: url("../images/bullet.gif") no-repeat scroll 0 6px transparent; clear: both; float: left; padding: 0 0 0 10px; }
.sidebar .remarks ul a { font-size: 12px; margin: 0 0 10px; }
.sidebar .latest-videos li { clear: both; float: left; margin: 0 0 15px; width: 100%; }
.sidebar .latest-videos ul a {margin: 10px 0 0; display: block}
.sidebar .latest-videos ul span {display: block;}
.sidebar .recent-photos { padding: 10px; width: 280px; }
.sidebar .recent-photos ul li { float: left; margin: 0 5px 5px 0; }
.sidebar .recent-photos ul li.alt {margin: 0}
.sidebar .recent-photos ul li a img { border: 1px solid #a6a6a6; background: #fff; padding: 1px }
/* footer */
.footer { background: #dfe6f1; border-top: 1px solid #9bb3d6; clear: both; margin: 30px 0 0; }
.footwrap { border-top: 1px solid #fff; padding-bottom: 25px; }
.footer .content { width: 957px; margin: 0 auto; height: 129px; padding: 30px 0 40px; }
.footer ul.links {float: left;}
.footer ul.links li.col1, .footer ul.links li.col1 li {width: 180px;}
.footer ul.links li { float: left; width: 145px; margin: 0 12px 0 0; }
.footer ul.links > li > ul {margin-top: 25px;}
.footer ul.links > li.col1 > ul,
.footer ul.links > li.col2 > ul {margin-top: 0;}
.footer ul.links ul li span { display: block; float: left; margin: 0 0 8px; font-weight: bold }
.footer ul.links ul li { margin: 0 0 5px; padding: 0; }
.footer .social { width: 120px; margin: 0; padding: 0; clear: none; float: left; }
.footer .social a {text-indent: -999em;}
.footer .lg { background: url(../images/sprites.png) no-repeat 0 -61px; display: block; float: left; height: 44px; width: 171px; text-indent: -999em; }
.footer .yt, .footer .tw, .footer .fb, .footer .fl {padding-top: 1px;}
.footer .yt {background-position: -20px 0;}
.footer .tw {background-position: -39px 0;}
.footer a.fl {background-position: -58px 0;}
.footer .fb:hover {background-position: 0 -20px;}
.footer .yt:hover {background-position: -20px -20px;}
.footer .tw:hover {background-position: -39px -20px;}
.footer .fl:hover {background-position: -58px -20px;}
.push { clear: both; width: 100%; }
/* Home Features */
.home-features { border-bottom: 5px solid #EDEDED; clear: both; float: left; margin: 0 0 15px 4px; width: 973px; padding: 0 0 1px; }
.orange-btn {border-radius: 3px; color: #fff; font-size: 14px; display: block; background: #dd9c1c; position: relative; }
.orange-btn span { height: 1px; width: 1px; background: #fff; position: absolute; }
/* Report Product */
.report-product { margin: 25px 0 0; float: right; width: 320px; }
.report-product h2 { font-size: 21px; color: #333; margin: 0 0 8px; }
.report-product p { clear: both; margin: 0 0 10px; float: left; font-size: 14px; }
.report-product a.orange-btn { float: left; width: 136px; margin: 0 5px; text-align: center; padding: 5px 0 }
.report-product p.more-links {margin-left: 5px;}
.report-product .report-dropdown { clear: both; float: left; margin: 0 0 10px; }
/* Connect */
.home-features .connect { float: right; width: 300px; background: url(../images/gray-fade.png) 0 0 repeat; padding: 10px; }
.home-features .connect h2 { font-size: 21px; color: #333; margin: 0 0 8px; }
.home-features .connect .more-links li { border-bottom: 1px solid #EDEDED; font-size: 14px; padding: 7px 0 7px 3px; }
.home-features .connect .more-links li:last-child {border: none;}
/* Home Content */
.home-content { float: left; margin: 0 0 15px 10px; width: 745px; }
.home-content .side-modules { width: 280px; float: right; }
.home-content .side-modules h3 {font-size: 18px; margin: 0 0 10px}
.home-content .side-modules h4 { font-weight: normal; font-size: 13px; margin: 0 0 10px }
.home-content .side-modules #product-search, .home-content .side-modules .product-search-fieldset { border-top: 1px solid #cccccc; border-bottom: 2px solid #e5e5e5; background: #eff4fb; padding: 10px 20px; margin: 0 0 20px }
.home-content .side-modules #product-search select { margin-top: 0; width: 185px; }
.home-content .side-modules .go-btn {float: right;}
.home-content .side-modules .safer-products { padding: 0 0 15px; border-bottom: 2px solid #e5e5e5; margin: 0 0 20px }
.home-content .side-modules .safer-products-img { float: left; margin: 0 15px 10px 0; }
.home-content .side-modules .safer-products-img img {padding: 1px; border:1px solid #ccc}
.home-content .side-modules .safer-products-text {float: left;margin:16px 0 0}
.home-content .side-modules .safer-products ul {clear: both;}
.home-content .side-modules .safer-products ul li { background: url(../images/bullet.gif) 0 5px no-repeat; margin: 0 0 10px; padding: 0 0 0 10px }
.home-content .side-modules .safer-products ul li a {font-size: 13px;}
.home-content .side-modules .safety-topics ul { border-bottom: 2px solid #E5E5E5; float: left; margin-bottom: 3px; padding-bottom: 5px; width: 100%; }
.home-content .side-modules .safety-topics li { clear: both; float: left; margin: 0 0 5px; width: 100%; }
.home-content .side-modules .safety-topics a.img { float: left; margin: 0 12px 0 0; }
.home-content .side-modules .safety-topics li a {display: block; margin: 4px 0 0 0}
.home-content .side-modules .safety-topics p { clear: both; text-align: right; }
.home-content .side-modules .safety-topics p a {display: inline;}
/* Carousel */
#carousel { clear: both; width: 643px; height: 325px; float: left; position: relative }
#carousel ul.slides > li { position: relative; display: none; width: 643px; height: 325px; }
#carousel ul.slides > li.active {display: block;}
#carousel ul.slides .description { background: url("../images/desc-opacity.png") repeat scroll 0 0 transparent; bottom: 0; padding: 15px; position: absolute; z-index: 99; width: 613px; height: 95px }
#carousel ul.slides .description h2 { font-size: 18px; font-weight: normal; margin: 0 0 7px; }
#carousel ul.slides .description h2 a {color: #fff}
#carousel ul.slides .description p { color: #fff; font-size: 14px; margin: 0 0 7px; }
#carousel ul.slides .description div { color: #fff; font-size: 14px; margin: 0 0 7px; }
#carousel ul.slides .description img { position: absolute; top: 0; left: 0; }
#carousel ul.slides .description ul.ar { padding: 0; background: none; }
#carousel ul.slides ul.more-links { position: absolute; bottom: 15px; }
#carousel ul.slides ul.more-links li { float: left; font-size: 14px; margin-right: 25px; }
#carousel ul.slides ul.more-links li a { color: #fff; padding: 0 10px 0 0; background: url(../images/arrow-orange-right.png) 100% 6px no-repeat; }
#carousel .pagination { bottom: 15px; position: absolute; right: 15px; z-index: 700; }
#carousel .pagination ul {float: left;}
#carousel .pagination a.toggle { background: url("../images/sprites_001.png") no-repeat scroll 103.5% -127px #565656; float: left; margin-left: 4px; margin-top: 0; padding-bottom: 2px; text-indent: -9999px; }
#carousel .pagination li { float: left; margin-left: 4px; }
#carousel .pagination a { background: none repeat scroll 0 0 #565656; color: #FFFFFF; display: block; padding: 1px 1px 2px; text-align: center; width: 18px; border: 0; }
#carousel .pagination .activeSlide {background: #5779a9;}
#carousel .pagination a.play {background-position: -144px -126.5px;}
#carousel .pagination a.pause {background-position: -161px -126.5px;}
/* Tabs */
.home-content .tabs { width: 430px; float: left; }
/* Rebuilt version start */
.ui-tabs { border: 0 none; background: url(../images/tabs-gradient-border.png) 0 0 no-repeat; width: 473px; margin: 0 0 20px 9px; padding: 2px; }
.ui-tabs .ui-tabs-panel {padding: 10px;}
.ui-tabs .ui-tabs-nav { border: 0 none; background: url(../images/home-tabs-grad.png) 0 0 no-repeat; clear: both; float: left; width: 100%; padding: 5px 10px; margin: 0 0 10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {border-color: #CCCCCC;}
.ui-tabs .ui-tabs-nav li.ui-state-hover {border-color: #CCCCCC;}
.ui-tabs .ui-tabs-nav li a { padding: 5px 20px 2px; color: #2b3f46; font-size: 18px; font-family: "Cabin"; }
.ui-tabs .tab-pagination { border-radius: 3px; background: #dfe6f1; width: 83px; height: 30px; float: left; padding: 0 4px; position: relative; }
.ui-tabs .tab-pagination a { border-radius: 3px; background: none repeat scroll 0 0 #416CA9; display: block; float: left; height: 20px; margin-top: 5px; text-indent: -9999em; width: 40px; position: relative }
.ui-tabs .tab-pagination a.next {background: #416CA9 url(../images/arrow-white-down.png) center center no-repeat;}
.ui-tabs .tab-pagination a.prev { float: right; background: #416CA9 url(../images/arrow-white-up.png) center center no-repeat; }
.ui-tabs .tab-buttons { float: right; margin-top: 3px; }
.ui-tabs .tab-buttons .blue-btn { border-radius: 3px; padding: 5px 15px; font-size: 14px; color: #FFFFFF; }
.ui-tabs .tab-footer { clear: both; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 11px; float: left; width: 100%; padding: 1px 0 }
.ui-tabs .tab-footer ul { background: #eff5fb; float: left; width: 100%; padding: 10px 0; }
.ui-tabs .tab-footer ul li { width: 120px; float: left; margin-left: 15px; }
.ui-tabs .tab-footer ul li a { display: block; padding-left: 32px; font-size: 13px; font-family: "Cabin"; color: #3b60af; }
.ui-tabs .tab-footer ul li.email a {background: url(../images/email-icon.png) 0 0 no-repeat;}
.ui-tabs .tab-footer ul li.rss a {background: url(../images/rss-icon-large.png) 0 0 no-repeat;}
.ui-tabs .tab-footer ul li.android a {background: url(../images/android-icon.png) 0 0 no-repeat;}
/* Rebuilt version end */
.tabs .tab-container {display: none; padding: 0 0 0 10px}
.tabs .tab-container.active {display: block;}
.tabs .view-more { margin: 0 0 20px; font-weight: bold; background-color: #22427b; color: #efefef; }
.tabs #video-tab ul.content-list { clear: both; float: left; margin-bottom: 10px; width: 100%; }
.tabs > .ui-tabs-hide {display: none;}
.tabs .content-list p { font-size: 15px; font-family: 'Cabin'; }
.tabs .content-list > li { width: 100%; clear: both; margin: 0 0 15px; float: left; }
.tabs .content-list > li.image img {margin-top: 0;}
.recalls.tabs .tab-buttons .blue-btn { width: auto; padding: 5px 10px; margin-right: 5px; margin-left: 0; }
.recalls.tabs .tab-buttons {float: left;}
/* Partners */
.partners { clear: both; float: left; margin: 0 0 50px; width: 100%; }
.partners h3 { font-size: 11px; margin: 0 0 5px; font-weight: normal; color: #666666 }
.partners .block { padding: 20px; background: #eff4fb; float: left; }
.partners .block ul {margin: 4px 0;}
.partners .block li { float: left; margin: 0 30px 0 0; width: 160px; }
.partners .block img { padding: 2px; border: 1px solid #bcbcbc !important; }
.partners .block li.last {margin: 0}
.partners .block h4 { color: #666666; font-weight: normal; height: 14px; padding: 0 0 3px 5px; }
.partners .block p { margin: 10px 0; padding: 0 0 0 5px; }
/* Right Rail */
.right-rail { background: url("../images/right-rail-gradient.gif") no-repeat scroll 0 0 transparent; float: right; height: 400px; margin: 0; position: relative; top: -15px; width: 175px; padding: 25px 15px; }
.right-rail h4 {font-size: 18px; margin: 0 0 13px}
.right-rail p { font-size: 13px; margin: 0 0 10px; }
.right-rail .rail-module {border-bottom: 2px solid #d8dbe0; margin: 0 0 10px}
.right-rail p.right {text-align: right;}
/* Content List */
.content .content-list > li { float: left; margin: 0 0 25px; width: 100%; }
.content .content-list h3 { margin: 5px 0; font-size: 15px; }
.content-list > li .date { color: #666666; font-size: 11px; text-transform: uppercase; display: block; }
.content-list > li p { font-size: 13px; line-height: 18px; margin: 0 0 15px; }
.content-list > li.image img { padding: 2px; border: 1px solid #bcbcbc !important; float: left; margin: 10px 15px 0 0; }
/* Newsroom */
.featured-story { clear: both; float: left; margin: 0 0 5px; width: 100%; }
/*was - margin: 0 0 35px;*/
.featured-story h1 a { font-size: 18px; color: #3b60af; }
.featured-story > img { background-color: #fff; border: 1px solid #bcbcbc; float: left; margin: 0 20px 0 0; padding: 2px; }
.featured-story .story-details { width: 245px; float: right; }
.featured-story .story-details p { font-size: 13px; line-height: 18px; margin: 0 0 10px; }
.featured-story .story-details ul {float: left;}
/*
.featured-story .story-details li { background: url("../images/bullet.gif") no-repeat scroll 0 5px transparent; margin: 0 0 10px; padding: 0 0 0 7px;}
*/
.featured-story .story-details a {margin: 0;}
.featured-story .story-details.no-image {float: left;}
.newsroom-media { border-bottom: 2px solid #EFEFEF; clear: both; float: left; width: 100%; margin: 0 0 25px; }
.newsroom-media h3 { color: #666666; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.newsroom-media p { font-size: 13px; line-height: 18px; color: #333 }
.newsroom-media .latest-video { width: 160px; float: left; padding: 3px 0 0; }
.newsroom-media .latest-video img { background-color: #fff; border: 1px solid #bcbcbc; padding: 2px; }
.newsroom-media .content-list { float: right; width: 425px; }
.newsroom-media .content-list > li {margin: 0 0 35px;}
.newsroom-media .content-list h3 { color: #333; font-size: 16px; margin: 0 0 12px; }
.newsroom-media .content-list p {margin: 0 0 5px;}
.news-releases { clear: both; position: relative; width: 100%; }
.news-releases h3 {font-size: 18px;}
.news-releases .content-list {padding: 15px 0 0}
.news-releases .news-rss { background: url("../images/rss-icon.png") no-repeat scroll 100% 5px transparent; color: #666666; display: block; font-size: 12px; padding: 6px 25px 5px 0; position: absolute; right: 0; top: 0; margin: 15px 0 0; }
.news-releases .content-list > li h4 { font-size: 15px; margin: 10px 0; }
.news-releases .content-list > li.image p { float: left; width: 80%; }
.news-releases .content-list .related { background-color: #EFEFEF; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; clear: both; padding: 6px 0; width: 100%; float: left; }
.news-releases .content-list .related li { float: left; padding: 0 10px 0 8px; background: url(../images/divider.gif) 100% 50% no-repeat; }
.news-releases .content-list .related .first {margin-left: 5px;}
.news-releases .content-list .related .last {background: 0;}
.reports { border-bottom: 1px solid #EFEFEF; float: left; padding: 30px 0; }
.reports:last-child { border: 0; padding-top: 30px; }
.reports .content-list > li.image img {margin-top: 0;}
.reports .related-reports {padding: 0 0 10px}
.reports .related-reports h4 { font-size: 11px; color: #333333; text-transform: uppercase; margin: 0 0 8px; font-weight: normal }
.reports .related-reports a { display: block; font-size: 13px; margin: 0 0 5px }
.reports .blue-btn {border-radius: 3px;margin-left: 0;}
.featured-resources { clear: both; float: left; margin: 0 0 20px; width: 100%; }
.featured-resources h3 {font-size: 18px;}
.featured-resources ul {margin: 4px 0 4px 0;}
.featured-resources ul li { float: left; margin: 0 30px 0 0; width: 160px; }
.featured-resources ul li.last {margin: 0;}
.featured-resources ul li h4 { padding: 0 0 3px 5px; color: #666666; font-weight: normal; height: 14px; }
.featured-resources ul li h3 {margin: 0 0 15px;}
.featured-resources ul li p { margin: 10px 0; padding: 0 0 0 5px; }
.featured-resources img { padding: 2px; border: 1px solid #bcbcbc !important; }
.featured-content-items li p {padding: 0;}
.lightbox-images {display: none;}
.show {display: block;}
/* State Contacts */
.state-header { position: relative; margin: 25px 0; background: #EFF4FB; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; clear: both; float: left; padding: 15px 25px; width: 94.5% }
.state-header p { font-size: 13px; color: #333333; line-height: 18px; width: 310px; float: left; margin: 0; }
.state-header label { color: #444444; display: block; float: left; font-size: 13px; margin: 9px 12px 0 70px; }
.state-header select { width: 290px; color: #959595; font-size: 14px; }
.state-header a.view-map { font-size: 13px; display: block; float: right; padding: 8px 0 8px 12px; margin-left: 8px; background: url(../images/tall-divider.gif) 0 0 no-repeat }
.state-header .dd-modal { right: 22px; top: 38px; display: none; }
.state-content {padding: 0 25px 50px; overflow: hidden}
.state-content .state.alt {float: right;}
.state-content .state:nth-child(even) {float: right;}
.state-content .state { width: 390px; float: left; min-height: 300px; }
.state-content h2 { padding: 0 0 15px; border-bottom: 1px solid #efefef; margin: 0 0 15px; font-size: 20px; }
.state-content h3 { font-size: 15px; color: #333333; margin: 0 0 7px; font-weight: normal }
.state-content ul { font-size: 13px; margin: 0 0 20px; }
.state-content li {margin: 0 0 5px;}
.dd-modal { background: url("../images/dd-modal-btm.png") no-repeat scroll 0 100% transparent; height: 350px; padding: 0 0 16px; position: absolute; width: 504px; }
.dd-modal .wrap {background: url(../images/dd-modal-top.png) 0 0 no-repeat; height: 100%}
.dd-modal .close { float: right; margin: 23px 10px 0 0; padding-bottom: 3px; position: relative; z-index: 999; font-size: 12px; background: url(../images/close-btn.png) 100% 2px no-repeat; padding-right: 20px; }
/* Testing Lab Results */
.lab-information { border-top: 2px solid #efefef; border-bottom: 2px solid #efefef; background: #eff4fb; padding: 20px 30px; margin: 20px 0 }
.lab-information th { width: 240px; font-size: 18px; color: #444; padding: 0 0 15px; text-align: left }
.lab-information h4 { font-size: 13px; margin: 0 0 5px; }
.lab-information p { font-size: 13px; width: 120px; }
.imagemap { margin: 0 auto; position: relative; width: 431px; }
.main .content .imagemap img { border: 0 !important; padding: 0 !important; }
.product-search-links { clear: both; margin: 10px 0 0 0; float: left; }
.product-search-links a.more {float: left;}
/*** BUSINESS & MANUFACTURING ***/
/* .featured-story img {width:350px;} */
.featured-story .story-details { float: left; width: 100%; }
.featured-story .story-details span.date { display: block; font-weight: bold; width: 100%; }
.featured-story .story-details img { margin: 0 10px 10px 0; float: left; padding: 2px; border: 1px solid #bcbcbc !important; }
ul.featured-content-items li h4 { font-size: 1.25em; padding: 0 0 10px 0; }
ul.featured-content-items li {width: 44%;}
/*ul.featured-content-items li.alt {clear:both;float:right;}*/
ul.featured-content-items li img { border: 1px solid #B9B9B9; margin: 0 0 15px; padding: 2px; border: 1px solid #bcbcbc !important; }
.product-search-fieldset {float: left;}
ul.featured-search-items li h4 { font-size: 1.25em; padding: 0 0 10px 0; }
ul.featured-search-items li {width: 45%;}
ul.featured-search-items li img { border-width: 0; float: left; }
ul.featured-search-items li p { position: relative; margin: 0; top: 0; left: 4px; }
ul.featured-search-items li ul { margin: 4px; position: relative; top: 0; left: 8px; }
.accredited-testing-labs-search .introduction-text { width: 65%; display: inline-block; float: left; }
.accredited-testing-labs-search .call-to-action { display: inline-block; width: 32%; float: right; }
.accredited-testing-labs-search .search-area { width: 100%; clear: both; float: left; }
.search-area .col-left { width: 48%; display: inline-block; float: left; }
.search-area .col-right { width: 48%; display: inline-block; float: right; }
.search-area .col-right div p, .search-area .col-left div p { line-height: 18px; margin: 0 0 8px; }
.search-area .col-right div h3, .search-area .col-left div h3 { line-height: 18px; margin: 0 0 8px; }
.search-area .col-left .general-select { height: 440px; width: 100%; }
.search-area .col-right .lab-search-area { margin: 0 0 20px 0; float: left; }
.search-area .col-right .general-select, .search-area .col-right .text { width: 100%; clear: both; }
.search-area .col-right hr { float: left; clear: both; width: 100%; margin: 20px 0; }
.accredited-testing-labs-search .button-wrap { display: block; float: left; width: 100%; margin: 20px auto; padding: 0 50%; }
.accredited-testing-labs-search .button-wrap .search-btn {display: inline;}
.search-area .col-right .listbox { height: 100px; width: 100%; }
.search-area .col-right h2 {margin: 10px 0 0 0;}
.left {float: left !important;}
.right {float: right !important;}
.bottom { bottom: 10px; position: absolute; }
.wide {width: 100%;}
/*.featured-article {float:left;width:1005;}
.featured-article h1 {float:left;display:block;width:auto;}
.featured-article span.date {float:left;display:block;width:80%;font-weight:bold;}
.featured-article .main-article {float:left;width:65%;}
.featured-article .main-article img {float:left;margin:0 8px 8px 0;max-width:100px;}
.featured-article .main-article .article-content {float:left;}
.featured-article .main-article .article-conten h4 {float:left;margin:0 0 6px 0;display:inline-block;}
.featured-article .main-article .article-conten .main-article-summary {float:left;display:inline-block;}
.featured-article .additional-links {float:right;}
.featured-article .additional-links ul li {background: url("../images/document-sprites.png") no-repeat scroll 0 -24px transparent;height:28px; padding:0 0 0 22px;width:170px;}
.featured-article .additional-links ul li.pdf {background-position:0 -215px;}*/
.summary-items { margin: 5px 0; float: left; width: 100%; }
.summary-items ul.summary-list > li { clear: both; display: block; border-bottom: 1px solid #ccc; height: auto; padding: 8px 0; float: left; }
.summary-items ul.summary-list.nested > li { margin-bottom: 5px; border-bottom: 0; }
/* 11/29/2012 Vinh - Fix issue with list item is not lining up
.summary-items ul.summary-list li h4 {float:left;margin:0 8px 8px 0;}
*/
.summary-items ul.summary-list li .item-content { float: left; padding: 5px 0; width: 100%; }
.summary-items ul.summary-list li .item-content img { float: left; max-width: 100px; margin: 0 8px 8px 0; padding: 2px; border: 1px solid #bcbcbc !important; }
.summary-items ul.summary-list li .item-content .main-item-content { float: left; margin-top: -3px; width: 80%; }
.summary-items ul.summary-list li .item-content .main-item-content-no-image { float: left; width: 100%; }
.summary-items ul.summary-list li .item-content .main-item-content p { margin: 0 0 10px; padding: 0 0; }
.summary-items ul.summary-list li .item-content .main-item-content a.left { clear: both; display: block; margin: 0 0 5px; }
/*** END BUSINESS & MANUFACTURING ***/
/*** RECALL LAWSUITS ***/
.docket-items { float: left; width: 100%; }
.docket-items ul.summary-list {text-align: left;}
.docket-items ul.summary-list li { float: left; clear: both; }
.docket-items ul.summary-list .date { float: left; padding-right: 15px; text-align: right; width: 65px; }
.docket-items ul.summary-list .link { float: left; height: 1.5em; overflow: hidden; width: 500px; }
.docket-items ul.summary-list .see-more {float: left;}
/*** Regulations, Laws & Standards ***/
.featured {margin: 0 0 45px;}
.featured span.date { color: #666666; display: block; font-size: 11px; margin: 0 0 5px; text-transform: uppercase; }
.featured p {margin: 0 0 5px;}
.regulations li { float: left; width: 292px; clear: both; margin: 0 0 25px; }
.regulations li.alt { float: right; clear: none; }
.regulations li img { width: 286px; padding: 1px; border: 1px solid #b9b9b9; margin: 0 0 15px; }
.regulations li h3 {margin: 0 0 15px;}
.regulations li p {margin: 0 0 5px;}
ul.left-column { float: left; width: 48%; list-style: disc; }
ul.right-column { float: right; width: 48%; list-style: disc; }
/*** End Regulations, Laws & Standards ***/
/*** EMAIL SUBSCRIPTION MODULE ***/
.subscription-content {float: left;}
.subscription-content img {float: left;}
.subscription-content .subscription-content-summary { float: right; width: 78%; }
/*** END EMAIL SUBSCRIPTION MODULE ***/
.featured-resources ul.featured_resources_small li {width: 95px;}
.featured_resources_small li a img { padding: 2px; border: 1px solid #bcbcbc !important; }
ul.featured-content-items li h4 {margin: 10px 0;}
.featured-resources {margin: 10px 0;}
/*** RAIL ACCORDION ***/
.rail-accordion { padding: 10px 0 10px 0; clear: both; }
.rail-accordion h3 {margin: 0 9px 13px 21px;}
.rail-accordion .clearing {clear: both;}
.rail-accordion .clearfix {overflow: hidden;}
.rail-accordion .last {margin-bottom: 0;}
.rail-accordion .screenReader { left: -9999px; position: absolute; top: -9999px; }
.rail-accordion ul#railAccordion li { border: 1px solid #91A1BD; border-bottom: none; }
.rail-accordion ul#railAccordion ul li { border: none; border-bottom: 1px solid #91A1BD; color: #999; padding: 5px 10px; }
.rail-accordion ul#railAccordion ul li:last-child {border-bottom: none;}
.rail-accordion ul#railAccordion a.heading { background: url(../images/arrow-white-right.png) 99% center no-repeat #22427B; color: #fefefe; display: block; font-size: 1.05em; padding: 5px; text-decoration: none; }
.rail-accordion ul#railAccordion li.current a.heading,
.rail-accordion ul#railAccordion a.heading:hover { background: url("../images/subnav-grad.png") repeat-x scroll 0 -18px transparent; color: #23437A; }
/*.rail-accordion ul#railAccordion li ul a { border-bottom: 1px solid #91A1BD; color: #025185; text-decoration: none; }
.rail-accordion ul#railAccordion li ul a:hover { border-bottom: none; }
.rail-accordion ul#railAccordion li ul .date { padding-right: 10px; }
.rail-accordion ul#railAccordion li ul .count { padding-left: 10px; }*/
.rail-accordion ul#railAccordion li ul li span.accordion-content img { float: left; margin: 0 6px 6px 0; }
.rail-accordion ul#railAccordion li ul li span.accordion-content p {display: inline;}
.rail-accordion ul#railAccordion li ul li span.accordion-content a.ar { display: inline; margin: 0 0 0 8px; float: none; }
.rail-accordion a.additional-link { background: url("../images/arrows.png") no-repeat scroll 100% -58px transparent; padding: 0 15px 0 0; float: right; position: relative }
.rail-accordion ul#railAccordion { float: left; width: 302px; border-bottom: 1px solid #91A1BD; }
.rail-accordion ul#railAccordion li { float: left; width: 300px; }
.rail-accordion ul#railAccordion a.heading {width: 290px;}
.rail-accordion ul#railAccordion ul li { float: none; width: auto; }
/*****Additional Custom Accordion Styles*****/
.rail-accordion ul#railAccordion li ul {display: none;}
.rail-accordion ul#railAccordion li.current ul {display: block;}
/*** END RAIL ACCORDION ***/
/*** ABOUT ***/
.biography img { float: left; display: inline; margin: 0 10px 10px 0; }
.text-block { float: left; display: inline-block; margin: 12px 0; }
.biography .text-block p { line-height: 16px; margin: 10px; }
.summary-items ul.summary-list li .item-content .main-item-content span.biography-text { float: left; display: block; }
.tabs .tabbed-tabs > li a { font-size: 1.15em; padding: 10px 6px 9px; }
.tabbed-module .tab-wrap ul.content-list li { border-bottom: 1px solid #ccc; padding: 0 0 8px 0; }
.tabbed-module .tab-wrap ul.content-list li a, ul.bio-links li a { padding: 0 4px 0 0; clear: both; display: inline-block; float: left; }
.tabbed-module .tab-wrap ul.content-list li span.bio-info, ul.bio-links li span.bio-info { clear: both; display: inline-block; float: left; }
.biography ul.bio-links li { padding: 10px 0 14px 0; border-bottom: 1px solid #ccc; }
.sidebar .flickr-album h3, .sidebar .tabs h3 { color: #333333; display: block; font-size: 17px; margin: 4px 0 13px 4px; text-transform: none; font-weight: normal; }
.sidebar .flickr-album ul.flickr-album-items { float: left; width: 100%; }
.sidebar .flickr-album ul.flickr-album-items li { float: left; width: 30%; padding: 4px; max-width: 75px; }
.sidebar .gray { background: none repeat scroll 0 0 #EFF4FB; float: left; margin: 0; padding: 13px; }
.sidebar .gray h3 { font-weight: normal; font-size: 1.25em; }
/* Contact Information */
.dropdown-qa .qa-content { clear: both; float: left; width: 100%; display: block; margin: 20px 0; }
.qa-optogroup { font-style: normal; font-weight: bold; }
/*** END ABOUT ***/
/**** Safety Education */
.safety-categories { clear: both; float: left; width: 100%; }
.safety-categories > p {margin: 20px 0;}
.safety-categories h2 { font-size: 18px; margin: 0 0 15px; }
.safety-categories .category-list li { width: 192px; float: left; margin: 0 20px 20px 0; list-style-type: none; }
.safety-categories .category-list li.alt {margin: 0;}
.safety-categories .category-list li .hover-container { border: 1px solid #bababa; display: block; height: 101px; float: left; position: relative; overflow: hidden; }
.safety-categories .category-list .hover-container img {margin: 2px;}
.safety-categories .category-list .hover-container:hover {border-color: #3b60af;background: #3b60af}
.safety-categories .category-list .hover-container p { background: url("../images/blue-opacity.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; padding: 15px 15px 15px 20px; }
.safety-categories .category-list .hover-container:hover p { top: 0; position: absolute; left: 0; }
.safety-categories .category-list li h3 { clear: both; font-size: 16px; padding: 10px 0 0; }
.safety-categories .category-list img { padding: 2px; border: 1px solid #bcbcbc !important; }
.safety-guides { padding-bottom: 25px; border-bottom: 1px solid #efefef; margin: 0 0 25px; float: left; clear: both; width: 100%; }
.safety-guides h2 { font-size: 18px; margin: 0 0 15px; }
.safety-guides > p {margin: 0 0 20px;}
.safety-guides .guide-list { float: left; width: 100%; }
.safety-guides .guide-list li { float: left; margin: 0 40px 0 0; width: 90px; list-style-type: none; }
.safety-guides .guide-list li.last {margin: 0;}
.safety-guides .guide-list li img { margin: 0 0 5px; padding: 2px; border: 1px solid #bcbcbc !important; }
.safety-guides .guide-list li h3 {font-size: 12px;}
.safety-tips { border-bottom: 1px solid #CCCCCC; margin: 0 0 25px; padding: 0 0 25px; }
.safety-tips h2 { font-size: 18px; margin: 0 0 20px; }
.safety-tips > p {margin: 0 0 15px;}
.safety-tips .tip-list li {margin: 0 0 15px;}
.safety-tips .tip-list .item {margin: 0 0 15px;}
.safety-tips .tip-list li .date { font-size: 11px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px; }
.safety-tips .tip-list .item .date { font-size: 11px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px; }
.sources p { font-size: 10px; margin: 0 0 15px; }
/*.sub-nav li.active a {margin: 0 0 -4px 0;min-height: 22px;}*/
/**** Sitemap */
.sitemap {padding-top: 45px;}
.sitemap .column { float: left; margin-right: 35px; width: 275px; }
.sitemap .column .block {margin: 0 0 20px;}
.sitemap .column h3 { font-size: 18px; margin: 0 0 8px; }
.sitemap .column ul li { color: #3B60AF; list-style: disc inside none; margin: 0 0 8px; }
.sitemap .column ul.social-links li {list-style: none;}
.sitemap .column ul.social-links li a { display: block; padding: 4px 0 3px 25px; }
.sitemap .column ul.social-links li .facebook {background: url(../images/icon-facebook-17x17.png) 0 2px no-repeat;}
.sitemap .column ul.social-links li .twitter {background: url(../images/icon-twitter-17x17.png) 0 2px no-repeat;}
.sitemap .column ul.social-links li .youtube {background: url(../images/icon-youtube-17x17.png) 0 2px no-repeat;}
.sitemap .column ul.social-links li .flickr {background: url(../images/icon-flickr-17x17.png) 0 2px no-repeat;}
/**** CPSC Blog */
.cpsc-blog .info .grp .brd { clear: both; float: left; margin-bottom: 35px; }
.cpsc-blog .info .grp {width: 575px;}
.cpsc-blog .info .funcs {margin-top: 30px;}
.cpsc-blog .post { border-bottom: 2px solid #EFEFEF; clear: both; float: left; margin: 0 0 20px; padding: 0 0 20px; width: 100%; }
.cpsc-blog .post .info {margin: 0 0 25px;}
.cpsc-blog .post h3.storytitle { font-size: 18px; margin: 0 0 5px; }
.cpsc-blog .post .storycontent p {margin: 0 0 25px;}
.cpsc-blog .post .storycontent ul {margin: 0 0 25px;}
.cpsc-blog .post .storycontent ul li { margin: 0 0 15px; line-height: 18px; }
.cpsc-blog div .addthis_button {display: none;}
.cpsc-blog .more-posts {margin: 10px 10px 10px 0;}
.cpsc-blog .more-posts a {color: #fff;}
.cpsc-blog .sidebar > div ul li {margin: 0 0 10px;}
.cpsc-blog .sidebar .blog-archive { margin: 0 0 15px; border-top: 1px solid #cccccc; border-bottom: 2px solid #e5e5e5; background: #eff4fb; padding: 10px 20px; float: left; }
.cpsc-blog .sidebar .blog-archive button {float: right;}
.cpsc-blog .sidebar .links h2 {display: none;}
.cpsc-blog .sidebar .twitter-widget .widget-head { background: #C5DDE9; padding: 14px 17px 5px; overflow: hidden; }
.cpsc-blog .sidebar .twitter-widget .widget-head h3 {float: left;}
.cpsc-blog .sidebar .twitter-widget .widget-head ul {float: right;}
.cpsc-blog .sidebar .twitter-widget .widget-head ul li { margin: 0; float: left; }
.cpsc-blog .sidebar .twitter-widget #twitter-feed { border: 1px solid #efefef; border-top: 0; padding: 15px; }
.cpsc-blog .sidebar .twitter-widget #twitter-feed li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #efefef; line-height: 16px; }
.cpsc-blog .sidebar .twitter-widget #twitter-feed li a {color: #3b60af;}
.cpsc-blog .sidebar .box {width: 285px;}
.cpsc-blog .sidebar .flickr-widget #images li { float: left; margin: 0 5px 7px 0; }
.cpsc-blog .sidebar .flickr-widget #images li.alt {margin: 0;}
.cpsc-blog .sidebar .flickr-widget #images a { width: 85px; height: 69px; display: block; padding: 1px; border: 1px solid #a6a6a6; overflow: hidden; }
/**** Individual Blog Post */
.section-header { background: #EFF4FB; overflow: hidden; padding: 10px 15px 5px; margin: 15px 0 8px 0; }
.section-header .section-branding {float: left;}
.section-header .section-branding .section-logo { margin: 0 10px 0 0; float: left; }
.section-header .section-branding .section-title { font-size: 15px; color: #5d5d5d; padding: 10px; border-left: 1px solid #c5cedb; font-weight: normal; float: right; }
.section-header .section-search { float: right; margin: 6px 0 0; }
.section-header .section-search .text { float: left; color: #666666; font-size: 14px; font-family: "Cabin"; border: 1px solid #b5b5b5; padding: 3px 10px; width: 175px; }
.section-header .section-search button { float: right; margin-left: 5px; width: 75px; }
/**** Blog Post List */
ul.blog-posts { clear: both; float: left; margin-top: 25px; width: 100%; }
ul.blog-posts > li { border-bottom: 2px solid #EFEFEF; clear: both; float: left; margin: 0 0 20px; padding: 0 0 20px; width: 100%; }
ul.blog-posts > li h3 { font-size: 18px; margin: 0 0 5px; }
ul.blog-posts > li p {margin: 0 0 25px;}
/**** Blog Post */
.blog-post {margin: 35px 0 0;}
.blog-post h2 { font-size: 18px; color: #345e9d; margin: 0 0 10px; }
.blog-post .info { font-size: 13px; color: #444444; margin: 0 0 10px; }
.blog-post p {margin: 0 0 25px;}
.blog-post img { float: left; border: 1px solid #b9b9b9; padding: 2px; margin: 0 23px 10px 0; }
.blog-post .featured { width: 585px; padding: 20px 15px; background: #eff4fb; margin: 0 0 25px; clear: both; }
.blog-post .featured p {margin: 0;}
.blog-post .sources { font-size: 10px; border-top: 1px solid #cccccc; padding-top: 10px; line-height: 14px; padding-bottom: 10px; clear: both; }
.blog-post .sources p {margin-bottom: 10px}
.feedback {clear: both;}
.feedback .social { float: left; margin: 0 10px 0 0; padding: 0; }
.feedback .send-us { padding: 5px 10px; display: block; float: left; border-left: 1px solid #d8d8d8; }
.feedback .yt {background-position: -20px 0;}
.feedback .tw {background-position: -39px 0;}
.feedback a.fl {background-position: -58px 0;}
.feedback .fb:hover {background-position: 0 -20px;}
.feedback .yt:hover {background-position: -20px -20px;}
.feedback .tw:hover {background-position: -39px -20px;}
.feedback .fl:hover {background-position: -58px -20px;}
/**** General Table */
.general-table { clear: both; width: 100%; border-bottom: 3px solid #ccc }
.general-table thead { background: #efefef; border-top: 3px solid #ccc; border-bottom: 1px solid #cccccc; padding: 0 0 0 15px }
.general-table th { text-align: left; vertical-align: middle; font-size: 12px; color: #333; font-weight: normal; text-transform: uppercase; padding: 10px 0; }
.general-table th:first-child {padding-left: 15px;}
.general-table tr.alt td {background: #f7f9fd;}
.general-table td { padding: 20px 15px 20px 0; border-bottom: 1px solid #e5e5e5; }
.general-table .document-td { width: 350px; padding-left: 15px; }
/*** General use icons ***/
.inline-pdf { background: url('../images/pdf-icon.png') 0 0 no-repeat; padding: 0 0 0 30px; }
/*** Document Listing ***/
.summary-items ul.summary-list li { margin: 0 0 15px; padding: 0 0 0 30px; width: 590px; }
.summary-items ul.summary-list li.pdf {background: url(../images/pdf-icon.png) 0 0 no-repeat;}
.summary-items ul.summary-list li.www {background: url(../images/globe-icon.png) 0 0 no-repeat;}
.summary-items ul.summary-list li.vid {background: url(../images/play-icon.png) 0 0 no-repeat;}
.featured-items ul.summary-list li {padding: 8px 0;}
/*** More News CPSIA */
.more-news { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; clear: both; margin: 25px 0; overflow: hidden; padding: 25px 0; }
.more-news h3 {float: left;}
.more-news h4 { font-size: 15px; margin: 0 0 10px; }
.more-news p {margin: 0 0 5px;}
.more-news .featured-news {float: left; width: 70%}
.more-news .more-news-header { float: left; width: 100%; }
.more-news .featured-news img { border: 1px solid #BCBCBC !important; float: left; margin: 0 15px 0 0; padding: 2px; }
.more-news .featured-news .body { float: left; width: 64%; }
.more-news .date { margin: 0 0 5px; color: #666666; display: block; font-size: 11px; text-transform: uppercase; }
.more-news > ul { float: right; margin: 17px 0 0; width: 30%; }
.more-news > ul li {margin: 0 0 10px;}
.more-news a.rss { float: right; display: inline-block; background: url("../images/sprites.png") no-repeat scroll -158px -110px transparent; height: 24px; padding: 0 0 0 18px; }
/*** Step Navigation ***/
.stepNavigation { display: block; font-size: 12px; }
.stepNavigation:first-child > ol:first-child > li:first-child > a { font-size: 16px; font-weight: bold; padding-bottom: 5px; display: block; }
.stepNavigation li a { margin-bottom: 1px; font-size: 1.05em; padding: 5px; text-decoration: none; display: block; background: #EFF4FB; color: #23437A; }
.stepNavigation li > ul {margin-left: 10px;}
.stepNavigation li > a:hover { background: url("../images/arrow-white-right.png") no-repeat scroll 99% center #22427B; color: #FEFEFE; }
.stepNavigation li.root>a { font-size: 16px; font-weight: bold; background: #EAF0F9; color: #23437A; }
.stepNavigation li.current>a { background: url("../images/arrow-white-right.png") no-repeat scroll -1% center #22427B; color: #FEFEFE; }
/*
.stepNavigation { display: block;font-size:12px;}
.stepNavigation:first-child > ol:first-child > li:first-child > a{ font-size: 16px;font-weight: bold;padding-bottom: 5px;display: block;}
.stepNavigation li {
background: url("../images/subnav-grad.png") repeat-x scroll 0 -18px transparent; color: #23437A;
display: block;
font-size: 1.05em;
padding: 5px;
text-decoration: none;}
.stepNavigation li:hover{ background: url("../images/arrow-white-right.png") no-repeat scroll 99% center #22427B; color: #FEFEFE; }
.stepNavigation li > ol {list-style-type: disc;margin-left: 20px;}
.stepNavigation li.current>a{ background: url("../images/arrow-white-right.png") no-repeat scroll 99% center #22427B; color: #FEFEFE; }
/**/
/*** Subscribe Email ***/
.subscribe-form { float: left; width: 100%; clear: both; margin: 0 0 10px }
.subscribe-form div { float: left; width: 100%; clear: both; }
.subscribe-form h5 {font-size: 14px;}
#SubscribeTwo a { float: left; width: 100%; margin: 10px; }
.subscribe-form div > span { float: left; width: 100%; font-size: 1em }
.subscribe-form div span.input-field { display: block; width: 105px; }
.subscribe-form div .text-box {float: left;}
.subscribe-form div .orange-btn { width: 150px; text-align: center; margin: 10px; padding: 6px; float: left; margin-left: 0; }
.subscribe-form .topic { margin-bottom: 1em; margin-top: 1em; }
.subscribe-form .subscribe-buttons {width: 400px;}
.privacy-policy {width: 500px;}
#SubscribeOne .text-box { color: #3E5174; background: none repeat scroll 0 0 #D9E1ED; border: 1px solid #ECF0F7; font-size: 13px; line-height: 13px; margin: 8px; padding: 5px 12px; width: 354px; }
.page-intro {margin: 10px 0;}
.page-body {margin: 10px 0;}
#related-resources.modal {left: 25% !important}
.no-search-result {margin: 20px 0;}
.no-search-result h2 {margin: 0 0 12px 0;}
.no-search-result ul { width: 45%; float: left; margin: 0 0 0 20px; }
.no-search-result ul li {margin: 12px 0;}
.search-inputs h2 {margin: 0 0 10px 0;}
.report-wrap { float: left; height: 60px; position: relative; width: 204px; }
.report-wrap.active { background: none repeat scroll 0 0 #173772; border: 1px solid #5a7eb8; border-top: none; width: 202px; position: relative; left: -9px; }
.report-wrap.active .report { background: url("../images/arrow-blue-down.gif") no-repeat scroll 8px 14px transparent; margin-left: 8px; }
.report-wrap.active span.corner {display: block;}
.report-popup { clear: both; display: none; overflow: hidden; padding: 0 15px; position: absolute; top: 30px; width: 180px; }
.report-wrap span.corner { display: none; position: absolute; bottom: -1px; height: 5px; width: 5px; }
.report-wrap span.corner.br { right: -1px; background: url(../images/blue-rounded-br.gif) 0 0 no-repeat; }
.report-wrap span.corner.bl { left: -1px; background: url(../images/blue-rounded-bl.gif) 0 0 no-repeat; }
.report-wrap p a { float: left; margin: 0 5px 0 0; padding: 2px 0; text-align: center; width: 85px; }
.report-wrap p a span {background: #173772 !important;}
ul.nav .hover-nav { background: none repeat scroll 0 0 #FFFFFF; display: none; position: absolute; top: 173px; z-index: 99; width: 200px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
ul.nav .hover-nav ul { }
ul.nav .hover-nav li { border-bottom: 1px solid #e4e4e4; padding: 7px; }
ul.nav .hover-nav ul li a {color: #333333;}
a.pagerButtonDisabled { display: none; visibility: hidden; }
a.more img.ie-inline-arrow,
a.ar img.ie-inline-arrow {border: 0 !important}
.ContextMenu .ContextMenuItem {color: #fff !important;}
.page_content ul, .page_content ol {margin: 10px 0;}
.page_content ul > li, .page_content ol > li {margin: 5px 0 0 25px;}
.page_content ul > li { list-style-type: disc; list-style-position: outside; }
.page_content ol > li { list-style-type: decimal; list-style-position: outside; }
.modal .resource-list li {margin: 0 0 15px; padding: 0 0 0 30px}
.modal .resource-list li.pdf {background: url(../images/pdf-icon.png) 0 0 no-repeat}
.modal .resource-list li.www {background: url(../images/globe-icon.png) 0 0 no-repeat}
.modal .resource-list a { font-size: 14px; display: block; margin: 0 0 5px; }
.modal .resource-list span { font-size: 11px; color: #444444; text-transform: uppercase; }
/**** Penalty Search */
.search .search-fields { border-bottom: 3px solid #EFEFEF; border-top: 3px solid #EFEFEF; float: left; margin: 25px 0; padding: 1px 0; }
.search .search-fields .wrap { background: none repeat scroll 0 0 #EFF4FB; float: left; padding: 20px 15px; width: 905px; }
.search .search-fields .select-fields { float: left; width: 300px; }
.search .search-fields .select-fields label { display: block; margin: 0 0 5px; }
.search .search-fields .select-fields select { margin: 0 7px 0 0; text-transform: capitalize; }
.search .search-fields .select-fields button {width: 55px;}
.search .searchResults { margin: 0 0 50px; padding: 0 0 50px; }
.search .searchResults h2 { clear: both; font-size: 18px; font-weight: normal; margin: 0 0 25px; }
.search .searchResults .pagination {padding: 0;}
.featured-resources ul.featured-search-items > li > a img { margin-right: 10px; padding: 2px; border: 1px solid #bcbcbc !important; }
.featured-resources ul.featured-search-items > li > div {float: left;width: 60%}
.featured-resources ul.featured-search-items > li > div ul { left: 0; margin: 0; }
.featured-resources ul.featured-search-items > li > div ul li { margin: 0 0 5px; width: 100%; }
.featured-resources ul.featured-search-items > li > div p { left: 0; margin: 0 0 5px; padding: 0; }
.featured-resources ul.featured-search-items > li > h3 {margin: 0 0 10px;}
/* ------------------------------------------------------------------------------------------- [ START OF REBUILT CSS ELEMENTS] */
/* Buttons */
.orangeButton { font-family: 'Cabin'; letter-spacing: 0.08em; font-weight: bold; text-transform: uppercase; border: 0 none; border-radius: 5px; background: #d99717; color: #FFFFFF; padding: 5px 10px; cursor: pointer; }
/* Header Search Form */
#searchForm { clear: both; float: right; }
#searchForm .searchBox { float: left; display: block; width: 275px; padding: 5px; font-size: 13px; color: #3e5174; border: 1px solid #ecf0f7; margin: 0; }
#searchForm .searchSubmit { display: block; float: left; height: 28px; width: 38px; background: url(../images/sprites.png) -98px -21px; border: 0 none; padding: 0; margin: 0 0 0 10px; text-indent: -9999em; cursor: pointer; }
#searchForm .searchSubmit:hover {background-position: -136px -21px;}
#searchForm .searchFilters { clear: both; float: left; margin-right: -45px; font-size: 12px; }
#searchForm .searchFilters input { margin-left: 0; padding-left: 0; color: #FFFFFF; }
#searchForm .searchFilters label { color: #FFFFFF; padding-right: 5px; }
/* Right Rail Search Form*/
#railSearchForm { clear: both; float: left; margin-bottom: 10px; }
#railSearchForm .searchBox { float: left; display: block; width: 210px; padding: 5px; font-size: 13px; color: #3e5174; margin: 0; }
#railSearchForm .searchSubmit { display: block; float: left; height: 28px; width: 38px; background: url(../images/sprites.png) -98px -21px; border: 0 none; padding: 0; margin: 0 0 0 5px; text-indent: -9999em; cursor: pointer; }
#railSearchForm .searchSubmit:hover {background-position: -136px -21px;}
#railSearchForm .searchFilters { clear: both; float: left; font-size: 12px; margin-left: 10px; margin-top: 3px; }
#railSearchForm .searchFilters input { margin-left: 0; padding-left: 0; }
#railSearchForm .searchFilters label { color: #FFFFFF; padding-right: 5px; }
#railSearchForm .searchFilters .datepicker { width: 75px; font-size: 12px; }
/* Page Heading (Breadcrumbs, H1 header, Correction Alert, Language Selector, Social Toolbox) */
#pageHeading { clear: both; margin: 15px 15px 0; }
#pageHeading table { clear: both; width: 100%; }
#pageHeading #breadcrumbs {padding-bottom: 10px;}
#pageHeading #breadcrumbs ul li { float: left; padding: 0 0 3px; display: block; margin: 0 6px 0 0; color: #666666; }
#pageHeading #breadcrumbs ul li a {color: #5972A7;}
#pageHeading #breadcrumbs ul li.here a {color: #666666;}
#pageHeading #alert_heading { clear: both; width: 626px; vertical-align: bottom; padding-right: 22px; padding-bottom: 15px; }
#pageHeading #alert_heading #alert { font-size: 14px; background-color: #f2dede; color: #a94442; margin-bottom: 10px; text-align: center; padding: 8px; border: 1px solid #ebccd1; border-radius: 4px; }
#pageHeading #alert_heading #heading h1 { clear: both; color: #1E3868; font-size: 24px; }
#pageHeading #alert_heading #heading div {display: none;}
#pageHeading #lang_social { width: 302px; vertical-align: bottom; /*border-bottom: 2px solid #EFEFEF;*/ }
#pageHeading #lang_social.no_border {border-bottom: 0 solid !important;}
#pageHeading #lang_social #social {margin-bottom: 2px;}
#pageHeading #lang_social #social #social_hover { position: relative; height: 18px; }
#pageHeading #lang_social #social #social_hover span { position: absolute; bottom: 0; left: 0; color: #1E3868; }
#pageHeading #lang_social #social .download_pdf {background: url('../images/download_pdf.png') no-repeat !important;}
#pageHeading #lang_social #language {padding-bottom: 10px;}
#pageHeading #lang_social #language .lang_single { background: url('../images/language_globe.png') no-repeat; padding-bottom: 2px; }
#pageHeading #lang_social #language .lang_single a { top: 2px; position: relative; padding-left: 23px; }
#pageHeading #lang_social #language .lang_multiple { float: left; padding: 1px; background: url('../images/language_globe.png') no-repeat 2px 2px; border: 1px solid #CCCCCC; }
#pageHeading #lang_social #language .lang_multiple select { margin-left: 20px; border: 0 solid; color: #3b60af; font-family: 'Cabin', arial, serif, sans-serif; }
/* Home Page Messages (Announcments and Notices) */
.messages { margin: 0 4px; font-size: 16px; }
.messages .panel {margin-bottom: 4px;}
.messages .panel .title { float: left; padding-right: 10px; }
.messages .panel ul { float: left; color: #FFFFFF; width: 75%; height: 18px; }
.messages .panel .pagination { float: right; margin-right: 10px; }
.messages .panel .pagination a { float: left; height: 20px; width: 20px; background: url("../images/message-btns.gif") 0 0 no-repeat; text-indent: -9999em; margin-left: 4px; }
.messages .panel .pagination a.next {background-position: 100% 0;}
.messages .notices { background: #c54343; padding: 10px; }
.messages .notices .title {color: #eec6c6 !important;}
.messages .notices a {color: #FFFFFF !important;}
.messages .announcements { background: #d5e4fb; padding: 10px; }
.messages .announcements .title {color: #355e9e !important;}
.messages .announcements a {color: #3b60ae !important;}
.messages .success { background: #a6c25c; padding: 10px; }
/* Pagination for ListViews */
.listViewPagination { margin: 5px 0; float: right; }
.listViewPagination .paginationStatus { float: left; font-size: 13px; color: #777; margin-right: 15px; }
.listViewPagination .pagination {float: right;}
/* Image Slider Control */
#imageSlider { width: 276px; float: left; position: relative; border: 1px solid #b9b9b9; overflow: hidden; background: #eff5fb; margin: 0 24px 37px 0; }
#imageSlider #imageSlider_Enlarge { z-index: 100; position: absolute; top: 0; right: 0; padding: 7px 25px 7px 7px; background: #FFFFFF; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; }
#imageSlider #imageSlider_Enlarge span { position: absolute; top: 8px; right: 7px; background: url(../images/sprites.png) no-repeat scroll -80px -44px; height: 13px; width: 13px; }
#imageSlider #imageSlider_Slider {height: 410px;}
#imageSlider #imageSlider_Slider li { width: 276px; height: 276px; background-color: #FFFFFF; }
#imageSlider #imageSlider_Slider a { width: 276px; height: 276px; overflow: hidden; display: block; border-bottom: 1px solid #b9b9b9; }
#imageSlider #imageSlider_Slider table { width: 276px; height: 276px; }
#imageSlider #imageSlider_Slider td { text-align: center; vertical-align: middle; }
#imageSlider #imageSlider_Slider img { max-width: 276px; max-height: 276px; border: none !important; margin: 0; padding: 0; }
#imageSlider #imageSlider_Slider p {margin: 10px 10px 0 10px;}
#imageSlider #imageSlider_Controls { position: absolute; top: 277px; right: 0; background: #eff5fb; z-index: 100; }
#imageSlider #imageSlider_Controls .control { position: relative; display: block; float: left; padding: 10px; }
#imageSlider #imageSlider_Controls .control span { background: url(../images/arrows.png) no-repeat 0 0; display: block; width: 12px; height: 9px; position: absolute; }
#imageSlider #imageSlider_Controls #previous { padding-left: 8px; margin-right: 5px; }
#imageSlider #imageSlider_Controls #previous span { top: 14px; left: 0; }
#imageSlider #imageSlider_Controls #next {padding-right: 15px;}
#imageSlider #imageSlider_Controls #next span { background-position: 0 -21px; top: 15px; right: 0; }
#imageSlider #imageSlider_Links { position: absolute; left: 0; bottom: 0; width: 100%; background: #eff5fb; z-index: 100; }
#imageSlider #imageSlider_Links .link { float: left; padding: 10px; }
#imageSlider #imageSlider_Links .link span { margin-right: 5px; background: url(../images/sprites.png) no-repeat; height: 18px; width: 18px; display: block; float: left; }
#imageSlider #imageSlider_Links .download span {background-position: -98px 0;}
#imageSlider #imageSlider_Links .share span {background-position: -155px -404px;}
/* Image Grid Control */
#imageGrid {clear: both;}
#imageGrid li { list-style-type: none; width: 200px; float: left; text-align: center; }
#imageGrid li.first {clear: both;}
#imageGrid table { height: 200px; width: 200px; }
#imageGrid tr { text-align: center; vertical-align: middle; }
#imageGrid img { max-height: 200px; max-width: 200px; border: none !important; margin: 0; padding: 0; }
/* Multimedia Page */
#multimedia {padding-bottom: 20px;}
#multimedia .videoDate { color: #777; margin-bottom: 5px; }
#multimedia .selectedVideo .videoHeading { margin: 24px 0 13px; font-size: 17px; font-weight: bold; color: #444; }
#multimedia .selectedVideo .videoElement {margin-bottom: 10px;}
#multimedia .videoList { margin: 22px; clear: both; padding-top: 30px; width: 936px; }
#multimedia .videoList .videoFilters {padding-bottom: 10px;}
#multimedia .videoList .videoFilters span { float: left; font-size: 14px; font-weight: normal; margin: 0 15px 0 0; }
#multimedia .videoList .videoFilters .filterOptions li { float: left; margin-right: 10px; padding-right: 10px; font-size: 14px; border-right: 1px solid #CCC; }
#multimedia .videoList .videoFilters .filterOptions li.active a {font-weight: bold;}
#multimedia .videoList .videoFilters .filterOptions li:last-child {border-right: none;}
#multimedia .videoList .videoResults { clear: both; padding: 5px 0; }
#multimedia .videoList .videoResults ul { border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; padding: 5px 0; }
#multimedia .videoList .videoResults ul li { clear: both; padding: 10px 0; }
#multimedia .videoList .videoResults ul li .videoImage { width: 156px; height: 97px; float: left; border: 1px solid #CCC; padding: 1px; }
#multimedia .videoList .videoResults ul li .videoImage img { width: 156px; height: 97px; }
#multimedia .videoList .videoResults ul li .videoInfo { width: 766px; float: left; padding-left: 10px; }
#multimedia .videoList .videoResults ul li .videoInfo span a { font-size: 16px; color: #000; }
#multimedia .videoList .videoResults ul li .videoInfo p { font-size: 13px; color: #444; margin-bottom: 5px; }
/* Search Page */
#search .searchBox { border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; padding: 2px 0; background: #FFFFFF; width: 100%; margin: 0 0 20px; }
#search .searchBox fieldset { background: #f1f4f9; padding: 8px 20px; }
#search .searchBox .searchInput { width: 466px; border: 1px solid #B5B5B5; float: left; margin: 0 10px 0 0; padding: 5px; }
#search .searchBox .searchButton { float: left; height: 29px; display: block; font-size: 15px; }
#search .searchSort { float: left; width: 230px; padding-top: 5px; }
#search .searchSort span { float: left; font-size: 13px; font-weight: normal; margin: 0 10px 0 0; color: #777777; }
#search .searchSort .sortOptions li { color: #777777; float: left; margin-right: 10px; padding-right: 10px; font-size: 13px; border-right: 1px solid #CCC; }
#search .searchSort .sortOptions li.active a {font-weight: bold;}
#search .searchSort .sortOptions li:last-child { border-right: none; margin: 0; padding: 0; }
#search .searchResults { clear: both; padding: 5px 0; }
#search .searchResults ul.results { border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; }
#search .searchResults ul.results li.searchResult {margin: 30px 0;}
#search .searchResults ul.results li.searchResult ul.meta {margin-bottom: 5px;}
#search .searchResults ul.results li.searchResult ul.meta li { border-right: 1px solid #999999; padding-right: 5px; margin-right: 5px; font-weight: bold; float: left; color: #666666; text-transform: uppercase; font-size: 11px; }
#search .searchResults ul.results li.searchResult ul.meta li.last { border-right: 0 none; font-weight: normal; }
#search .searchResults ul.results li.searchResult .info {font-size: 14px;}
#search .searchResults ul.results li.searchResult .info a.title { font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px; }
#search .searchResults .noResults { font-weight: bold; font-size: 16px; }
#search .searchFilters { float: left; width: 290px; margin: 10px 0 0 20px; }
#search .searchFilters span { font-size: 16px; font-weight: bold; padding-bottom: 10px; padding-top: 12px; display: block; }
#search .searchFilters label {font-weight: normal;}
#search .searchFilters .filterWrap { background: url("../images/leftrail-bg2.png") 53px 5px no-repeat; min-height: 525px; }
#search .searchFilters .filter { border-top: 3px solid #efefef; margin-right: 3px; padding: 10px 0 20px; }
#search .searchFilters .filter:first-child {margin-right: 0;}
#search .searchFilters .filter span { font-size: 13px; padding-top: 5px; }
#search .searchFilters .filter .datepicker { width: 65px; font-size: 12px; }
#search .searchFilters .orangeButton { float: right; margin-right: 20px; margin-top: 10px; }
#search .content {float: right;}
/* Modals */
.modalBackground { display: none; position: fixed; background: url("/static/images/black-opacity.png") repeat; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; }
.modal { position: absolute; width: 500px; z-index: 999; display: none; }
.modal .top { background: #fff; padding: 10px 10px 10px 30px; text-align: right; }
.modal .top #closeButton { background: url("/static/images/close-btn.png") 100% 2px no-repeat; padding-right: 20px; }
.modal .body { padding: 20px; background: #eff4fb; }
.modal .body .heading { font-size: 18px; color: #444; margin: 0 0 5px; }
.modal .body p {margin-bottom: 10px;}
.modal .body .buttons {margin: 10px 0;}
.modal .body .buttons a { border-radius: 5px; width: 80px; padding: 4px; text-align: center; float: left; margin-right: 12px; }
/* Safety Information Center */
table#sic {border-collapse: collapse;}
table#sic td { vertical-align: top; margin: 0; padding: 0 0 10px 0; }
table#sic td img {margin-right: 10px;}
/* Safety Education Center (Right Rail)*/
table#secrr {border-collapse: collapse;}
table#secrr td { vertical-align: top; margin: 0; padding: 2px 2px 1px 0px; }
table#secrr td img {margin-right: 10px;}
/* Contest Entry Detail & Voting*/
.contestEntries .grade { float: left; width: 100%; }
.contestEntries .grade input { float: left; clear: both; }
.contestEntries .entries { float: left; clear: both; margin: 10px 0px; }
.contestEntries .entry { width: 200px; float: left; font-size: 25px; text-align: center; border: 1px solid #ccc;border-radius: 3px;margin: 5px 5px 0px 0px;}
.contestEntries .entry img {float: left;border: 0px none !important;}
.contestEntries .entry input { float: left; display: none; }
.contestEntries .entry .votebtn { color: #000; font-weight: bold; display: block; width: 150px; background-color: #416CA9;border: 0px none; border-radius: 3px; cursor: pointer; font-size: 25px; text-align: center; }
.contestEntries .entry input[type=radio]+label {padding: 5px;color: #000; font-weight: bold; display: block; background-color: #d5e4fb; cursor: pointer; font-size: 18px; text-align: center; }
.contestEntries .entry .entryModal { display: none; }
.contestEntries .gradeDivider {vertical-align: bottom;}
.contestEntries .gradeDivider .voted { float: left; font-style: italic; margin-left: 10px; margin-top: 9px; }
.contestEntries .entry input[type=radio]:checked+label {color: #fff; background-color:#DD9C1C}
.contestEntries .entryImage { cursor: pointer;position: relative; width: 200px; height: 200px; overflow: hidden;padding: 3px;}
.contestEntries .entryVotes { position: absolute; top: 0px; right: 5px; padding-right: 1px; width: 30px; background: rgba(150,150,150,0.6); color: #fff; text-align: center; }
.contestEntries .messages { font-size: 14px;}
.contestEntries .orange-btn { border: 0px none;border-radius: 3px;padding: 5px 10px;cursor: pointer;clear: both;}
.contestEntries hr {border: 0px none; border-top: 1px solid #ccc; margin: 20px 0px;}
.ui-dialog {z-index: 1000;}
/* Contest Preview Page */
.main .contest img {max-width: 100%;}
/* Taxonomy Page Tree */
#taxonomyPageTree { margin-bottom: 20px;}
#taxonomyPageTree ul {}
#taxonomyPageTree ul li > ul li { margin-left: 15px;}
#taxonomyPageTree a { margin-bottom: 1px; padding: 5px; text-decoration: none; display: block; background: #EFF4FB; color: #23437A; }
#taxonomyPageTree a:hover { background: url("../images/arrow-white-right.png") no-repeat scroll 99% center #22427B; color: #FEFEFE; }
#taxonomyPageTree .SelectedItemTemplate { font-weight: bold;}
#taxonomyPageTree .SelectedExpandedItemTemplate { font-weight: bold;}
#taxonomyPageTree .SelectedExpandedTopTemplate { font-weight: bold;}
/* Taxonomy Top Navigation */
#taxonomyTopNav { margin: 15px;padding-bottom: 10px;border-bottom: 1px solid #23437A;}
#taxonomyTopNav ul {}
#taxonomyTopNav ul li { float: left;list-style-type: none;padding: 5px;background: #EFF4FB;font-size: 14px;margin: 0 5px 5px 0;}
#taxonomyTopNav ul li a { color: #23437A; }
#taxonomyTopNav ul li.selected { font-weight: bold;}
/**** Helmet Table */
.Helmet-table { clear: both; width: 100%; border: 3px solid #542d81; border-collapse:collapse; }
.Helmet-table thead { background: #fbf2c1; border: 3px solid #542d81; padding-left: 15px !important; }
.Helmet-table th {
background: #fbf2c1;
text-align: left;
vertical-align: middle;
border: 3px solid #542d81;
font-size: 1.2em;
color: #542d81;
font-weight: normal;
text-transform: uppercase;
padding: 20px !important; }
.Helmet-table td { padding-left: 15px; !important; border: 2px solid #542d81; }
.Helmet-table .document-td { width: 350px; padding-left: 15px; }
/** #d9d0e3 is light purple **/
/** #fbf2c1 is yellow **/
/** #fcf6d5 is light yellow **/
/** #542d81 is dark purple **/