* { margin: 0; padding: 0; }
html { height: 100%; }
body { color: black; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 17pt; background-color: #e6e7e8; text-align: center; height: 100%; margin: 0 auto; padding: 0; }
.nodisplay { display: none; }
#container { text-align: center; position: relative; width: auto; height: auto; min-height: 100%; margin: 0 auto; padding-bottom: 5px; }
#header { background-image: url(/Images/drpshadow.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: right center; text-align: right; position: relative; right: -5px; width: 1000px; z-index: 5; visibility: visible; margin: 0 auto; }
#HeaderLogo { position: relative; z-index: 5; overflow: hidden; float: left; padding-top: 5px; padding-left: 50px; }
#HeaderPic { position: relative; width: 550px; height: 120px; z-index: 5; padding-right: 20px; }
#content { background-image: url(/Images/contentrepeat.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 5px 100%; text-align: left; position: relative; width: 1000px; height: 100%; z-index: 8; min-height: 100%; margin: 0 auto; padding-bottom: 20px; display: table; }
#MainContent { position: relative; width: 715px; height: 100%; z-index: 9; min-height: 100%; margin-top: 40px; margin-left: 235px; padding-right: 20px; padding-left: 10px; }
#MainContent img { vertical-align: text-bottom; }
#contentbottom { background-image: url(/Images/contentbottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px bottom; text-align: center; width: 1000px; height: 30px; clear: both; margin: 0 auto; }
/**/
#SideNav { text-align: left; position: relative; z-index: 9; width: 200px; height: 100%; float: left; padding-top: 6px; padding-bottom: 30px; padding-left: 5px; }
#SearchBar { line-height: 18px; text-align: center; margin-left: 10px; padding-bottom: 2px; position: relative; vertical-align: middle; }
.SearchBarimg { position: relative; top: 7px; left: 3px; }
#backarrow { vertical-align: text-bottom; padding-top: 10px; }
.sideheader { color: #fff; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; background-image: url(/Images/navback.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; margin-top: 10px; position: relative; width: 200px; height: 20px; }
.sidetext { text-align: left; position: relative; left: 10px; width: 180px; padding-bottom: 5px; }
.newssidebar { line-height: 17px; position: relative; left: 10px; width: 175px; margin-bottom: 10px; padding-top: 10px; }
/**/
/* I DON'T THINK #NavDrp IS USED */
#NavDrp { background-image: url(/Images/drpshadow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }
/**/
#TopNav { background-image: url(/Images/navback.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 100% center; text-align: center; width: 100%; height: 20px; z-index: 10; min-width: 1010px; border-top: 0.25pt solid black; border-bottom: 0.25pt solid black; display: block; }
#TopNav a { color: #fff; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; display: block; }
#TopNav ul li:hover, #TopNav ul li.navhover { color: #000; background-image: url(/Images/navback_ovr.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: center top; height: 20px; border-top: 0.25px solid #000; border-bottom: 0.25px solid #000; display: block; }
#TopNav ul li a:hover, #TopNav ul li a.navhover { color: #000; background-image: url(/Images/navback_ovr.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: center top; text-decoration: none; width: 122px; height: 20px; display: block; }
#TopNav a:hover { color: #000; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; display: block; }
#NavList { line-height: 20px; text-align: center; width: 990px; z-index: 10; overflow: hidden; min-width: 985px; margin: 0 auto; display: block; }
#TopNav ul { text-align: center; list-style-type: none; display: inline; }
#TopNav ul li { line-height: 20px; text-align: center; width: 122px; float: left; }
#Home #MainNav .Home a, #About #MainNav .About a, #News #MainNav .News a, #Cap #MainNav .Cap a, #eCommerce #MainNav .eCommerce a, #Resources #MainNav .Resources a, #Support #MainNav .Support a, #Contact #MainNav .Contact a { color: #000; font-size: small; font-weight: bold; background-image: url(/Images/navback_ovr.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: center top; text-decoration: none; width: 122px; height: 20px; overflow: hidden; border-top: 0.25px solid #000; cursor: default; display: block; }
/**/
/**/
.SideHome #SectionNav .SideHome a, .SideAbout #SectionNav .SideAbout a, .SideExpect #SectionNav .SideExpect a, .SideAffil #SectionNav .SideAffil a, .SideTest #SectionNav .SideTest a, .SideMission #SectionNav .SideMission a, .SidePriv #SectionNav .SidePriv a, .SideContact #SectionNav .SideContact a, .SideSocial #SectionNav .SideSocial a, .SideMap #SectionNav .SideMap a, .SideJobOp #SectionNav .SideJobOp a, .SideNews #SectionNav .SideNews a, .SideKNews #SectionNav .SideKNews a, .SideOtherNews #SectionNav .SideOtherNews a, .SideAwards #SectionNav .SideAwards a, .SideCap #SectionNav .SideCap a, .SideSamples #SectionNav .SideSamples a, .SideSupported #SectionNav .SideSupported a, .SideEcommerce #SectionNav .SideEcommerce a, .SideResources #SectionNav .SideResources a, .SideAbbrev #SectionNav .SideAbbrev a, .SideFileExt #SectionNav .SideFileExt a, .SideGlossary #SectionNav .SideGlossary a, .SideLinks #SectionNav .SideLinks a, .SideColor #SectionNav .SideColor a, .SideWeight #SectionNav .SideWeight a, .SideDownloads #SectionNav .SideDownloads a, .SideSiteMap #SectionNav .SideSiteMap a, .SideSupport #SectionNav .SideSupport a, .SideFAQ #SectionNav .SideFAQ a, .SideKB #SectionNav .SideKB a, .SideLogin #SectionNav .SideLogin a, .SideSignup #SectionNav .SideSignup a, .SideForgot #SectionNav .SideForgot a, .SideMainMenu #SectionNav .SideMainMenu a, .SideSubmitJob #SectionNav .SideSubmitJob a, .SideDownloadFiles #SectionNav .SideDownloadFiles a, .SideMyJobs #SectionNav .SideMyJobs a, .SideMyAccount #SectionNav .SideMyAccount a, .SideIntPaper #SectionNav .SideIntPaper a, .SideVideos #SectionNav .SideVideos a, .SideMisc #SectionNav .SideMisc a { color: #fff; font-size: small; font-weight: bold; background: #b31b34 repeat-x center top; text-decoration: none; cursor: default; width: 190px; display: block; }
.redtext { color: #b31b34; }
#SectionNav { text-align: left; width: 195px; margin-left: 5px; list-style-type: none; display: block; }
#SectionNav li { font-weight: bold; text-align: center; width: 190px; border-bottom: 1px solid #003c79; display: block; }
#SectionNav li a:link { text-decoration: none; width: 190px; display: block; }
#SectionNav li a:visited { text-decoration: none; width: 190px; display: block; }
#SectionNav li a:hover { color: #000; background-color: #e6e7e8; width: 190px; display: block; }
#DynamicClock { font-size: 12px; }
#ToTop { text-align: left; position: relative; z-index: 100; bottom: 25px; left: 175px; width: 50px; height: 20px; float: left; }
/* I DON'T THINK #KDLink IS USED */
#KDLink { text-align: center; width: 175px; height: 100px; padding-left: 15px; }
#Toplink { text-decoration: none; width: 180px; margin-top: 10px; border-top: 1px solid #003c79; }
.TopLink a { color: #b31b34; font-size: x-small; text-decoration: none; }
.TopLink a:link { color: #b31b34; font-size: x-small; text-decoration: none; }
.TopLink a:hover { color: #b31b34; font-size: x-small; text-decoration: underline; }
/**/
/**/
.PageHeader { color: #b31b34; font-size: large; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; display: block; margin-right: 25px; padding-bottom: 5px; }
.SectionHeader { color: #003c79; font-size: medium; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; }
.RedSectionHeader { color: #b31b34; font-size: medium; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; }
.headline { color: #b31b34; font-size: x-large; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding-bottom: 5px; }
/**/
/**/
.smallerText { font-size: 1em; }
.mediumText { font-size: 16px; }
#footercontainer { background-position: center 0; text-align: center; position: relative; width: 100%; clear: both; margin: 0 auto; padding-bottom: 10px; }
.footer { font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px; text-align: center; }
.drpbox { color: #003c79; font-size: 12px; background-color: #c9cacb; width: 220px; }
.drpoption { font-weight: bold; }
/**/
/**/
a { color: #003c79; }
a:link { color: #003c79; }
a:hover { color: #b2b3b5; }
/**/
.clear { clear: both }
#Alphabet { text-align: center; margin-top: 20px; margin-bottom: 20px; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
#txtSearchFor { width: 125px; }
.ImageOpen { cursor: pointer; }
#Icons img { padding-bottom: 3px; vertical-align: text-bottom; }
.Required { color: #b31b34; }
/**/
.SubSectionNav { text-align: left; width: 195px; margin-left: 5px; list-style-type: none; display: block; }
.SubSectionNav li:first-child { text-decoration: none; width: 190px; margin-top: 10px; border-top: 1px solid #003c79; }
.SubSectionNav li { font-weight: bold; text-indent: 5px; width: 190px; border-bottom: 1px solid #003c79; display: block; }
.SubSectionNav li a:link { text-decoration: none; width: 190px; display: block; }
.SubSectionNav li a:visited { text-decoration: none; width: 190px; display: block; }
.SubSectionNav li a:hover { color: #000; background-color: #e6e7e8; width: 190px; display: block; }
.SubSectionNav img { vertical-align: middle; padding-top: 2px; padding-bottom: 2px; }
/**/
/* ONLY USED ON SmallVideoReplace.inc. */
.VideoReplaceSmall { color: #456381; text-align: center; padding: 20px 10px 10px; position: relative; z-index: 200; width: 300px; height: 125px; clear: both; margin-right: 50px; border: solid 1px; }
/* I'M NOT SURE IF .VideoContainer IS STILL USED. MIGHT BE USED ON Videos.asp or SmallVideoReplace.inc. */
.VideoContainer { position: relative; height: 317px; }
.VideoContainer object { }
.headline4 { font-weight: bold; line-height: 14px; width: 320px; }
/* ONLY USED ON Videos.asp. */
#UpperRightLogo { float: right; margin-top: -20px; margin-left: 20px; }
#SocialMediaSideBar { text-align: center; margin: 0 auto; position: relative; width: 200px; }
.caption { color: black; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: italic; line-height: 12px; text-align: center; position: relative; margin-right: auto; margin-left: auto; }
/**/
.fb_share_button { line-height: 30px; padding: 1px 20px 0 5px; border: solid 1px #d8dfea; background: url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat right center; text-decoration: none; }
.fb_share_button:hover { color: #fff; line-height: 30px; background: #3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat right center; text-decoration: none; border: solid 1px #295582; }
.FBShare { font-weight: bold; text-decoration: none; text-align: right; width: 700px; vertical-align: middle; }
.FBShare a:link { text-decoration: none; vertical-align: middle; }
#SalemIDMQuote { font-size: small; background-color: #fff; width: 350px; float: left; margin-right: 10px; padding: 10px; border: dashed 1pt #808080; }
#SalemIDMQuote p { color: #8db028; font-size: medium; font-weight: bold; }
/**/
/**/
.BlueHeader, .GoldHeader, .GreenHeader, .OrangeHeader, .PurpleHeader, .REDHeader { font-size: 24px; font-weight: bold; }
.BlueHeader { color: #4ab6fe; }
.GoldHeader { color: #eabe0d; }
.GreenHeader { color: #90d45a; }
.OrangeHeader { color: #f8a750; }
.PurpleHeader { color: #684588; }
.REDHeader { color: #d21034; }
.BlueSubHeader, .GreenSubHeader, .RedSubHeader { font-size: 18px; font-weight: bold; margin-top: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.BlueSubHeader { color: #99CCFF; }
.GreenSubHeader { color: #7ac043; }
.RedSubHeader { color: #d21034; }
/**/
#MainContent ul li { margin-left: 30px; padding-left: 5px; list-style-type: disc; }
.imgright { float: right; margin-right: 10px; margin-left: 10px; text-align: center; }
.imgleft { padding-right: 10px; float: left }
.imgcenter { text-align: center; position: relative; margin: 0 auto; }
/* ONLY USED ON PictureGallery.inc. */
.speedmaster { border: solid 1px #000; }
/* I DON'T THINK .facebookimgs IS USED. AS FAR AS I CAN TELL, IT WAS ONLY USED ON KPMainFeed.xml. */
.facebookimgs { margin-bottom: 5px; border: solid 1px #000; }
/* I DON'T THINK #addbtn AND #newpics ARE USED. */
#addbtn { vertical-align: middle; }
#newpics { vertical-align: middle; }
/**/
#Contact hr { margin-top: 1em; margin-bottom: 1em; clear: both }
/**/
/**/
/* THERE ARE 3 REFERENCES TO WebmailConfirm. THERE IS A JAVASCRIPT CALL FOR THIS, BUT I DON'T KNOW IF A STYLE IS NEEDED. */
#ContactForm { position: absolute; float: left; z-index: 1000; top: 200px; left: 30%; text-align: center; margin: 0 auto; background-color: #cccccc; background-color: rgba(204, 204, 204, 0.98); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: white 2px solid; padding: 30px; -webkit-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); }
#SalesRepForm { position: relative; float: none; top: 0; left: 0; background-color: transparent; padding: 0; }
#WebmailConfirm { position: absolute; color: #000000; padding: 30px; border: 2px solid #c9cacb; float: left; top: 300px; left: 45%; width: 215px; height: auto; z-index: 5000; text-align: center; background-color: #e7e7e7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); }
#SalesConfirm { position: absolute; color: #000000; padding: 30px; border: 2px solid #c9cacb; float: left; top: 300px; left: 200px; width: 215px; height: auto; z-index: 2000; text-align: center; background-color: #e7e7e7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75); }
#ContactForm .ui-hidden-accessible, #SalesRepForm .ui-hidden-accessible { display: none; }
#ContactForm input, #ContactForm textarea, #SalesRepForm input, #SalesRepForm textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; width: 90%; margin-top: 5px; margin-bottom: 5px; outline: none; border: 1px solid #DDDDDD; color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; background-color: #e7e7e7; }
#ContactForm select, #SalesRepForm select { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; width: 90%; margin-top: 5px; margin-bottom: 5px; outline: none; border: 1px solid #DDDDDD; color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; background-color: #ffffff; }
#ContactForm input:focus, #ContactForm textarea:focus, #SalesRepForm input:focus, #SalesRepForm textarea:focus, #SalesRepForm select:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; width: 90%; margin-top: 5px; margin-bottom: 5px; background-color: #ffffff; }
#ContactForm .popupClose, #SalesRepForm .popupClose { background-color: #4ab6fe; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; float: right; margin-top: -40px; margin-right: -40px; }
#WebmailConfirm .popupClose, #SalesConfirm .popupClose { background-color: #4ab6fe; border: 2px solid #c9cacb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; float: right; margin-top: -40px; margin-right: -40px; }
#ContactForm .popupClose a.ui-btn-right, #WebmailConfirm .popupClose a.ui-btn-right, #SalesRepForm .popupClose a.ui-btn-right, #SalesConfirm .popupClose a.ui-btn-right { text-decoration: none; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; vertical-align: middle; cursor: pointer; }
::-webkit-input-placeholder { color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
:focus::-webkit-input-placeholder { color: transparent; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
/* Firefox 18- */
:-moz-placeholder { color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
/* Firefox 19+ */
::-moz-placeholder { color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
:-ms-input-placeholder { color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
#contactRadios, #phoneRadios, #drpState2container, #uploadResume { background-color: #e7e7e7; width: 90%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; text-align: left; margin-top: 5px; margin-bottom: 5px; }
#ContactForm #contactRadios { margin: 5px auto; text-align: center; }
#ContactForm #contactRadios #contactRadiosButtons { text-align: left; }
#drpState2container label { color: #333333; font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; }
#contactRadios input, #phoneRadios input, #uploadResume input { background-color: #ffffff; }
#contactRadios legend, #phoneRadios legend, #drpState2container legend, #uploadResume legend { text-align: left; color: rgba(51,51,51,.6); font-family: "MS Shell Dlg", san-serif; font-size: 13.3333px; line-height: 16px; padding-bottom: 10px; }
/* Hide radio button (the round disc) we will use just the label to create pushbutton effect. */
#contactRadios input[type=radio], #phoneRadios input[type=radio] { display: none; margin: 10px; }
/* Change the look'n'feel of labels (which are adjacent to radiobuttons). Add some margin, padding to label. */
#contactRadios input[type=radio] + label, #phoneRadios input[type=radio] + label { display: inline-block; margin: -2px; padding: 4px 12px; background-color: #ffffff; border-color: #ddd; }
/* Change background color for label next to checked radio button to make it look like highlighted button. */
#contactRadios input[type=radio]:checked + label, #contactRadios #submitBtn, #phoneRadios input[type=radio]:checked + label, #phoneRadios #submitBtn { background-image: none; background-color: #4ab6fe; }
.radio-left { -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.radio-right { -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
#SalesRepForm #submitBtn, #ContactForm #submitBtn { background-color: #4ab6fe; text-align: center; margin: 0 auto; cursor: pointer; }
#SalesRepForm #submitBtn:focus, #ContactForm #submitBtn:focus { background-color: #ffffff; text-align: center; margin: 0 auto; cursor: pointer; }
/**/