/****** Full 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, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/****** End Full Reset ******/
/****** Global ******/
/****** End Global ******/
/* ========================================================= */
/* Full screen desktop */
/* ========================================================= */
/*@media only screen and (-webkit-max-device-pixel-ratio: 1),(max--moz-device-pixel-ratio: 1),(-o-max-device-pixel-ratio: 1/1),(min-resolution: 96dpi) and (min-device-width:961px) {*/
html { background: url('images/BrownBackground.jpg') ; background-size: cover; }
body { font-family: Calibri; font-size: 100%; }
/* ----------------- */
/* globals */
/* ----------------- */
.mGrid { background-color: #bbc3ce; height: 100%; width: 100%; font-family: Calibri; font-size: 1em; font-weight: 400; box-shadow: 3px 3px 7px black; }
.mGrid td { height: 20px; vertical-align: middle; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; padding-top: 0px; padding-bottom: 5px; color: #000000; }
.mGrid td a { vertical-align: middle; color: #000000; margin-left: 2px; text-decoration: none; font-size: 1.1em; font-weight: normal; }
.mGrid td a:visited { color: #000000; }
.mGrid td a:hover { color: #1db7e9; font-style: italic; }
.mGrid th { font-size: 1.0em; padding: 4px 2px 3px 8px; color: #fff; background: #87421f url(images/BrownBackgroundBar.jpg) repeat-x top; }
.mGrid th a { text-decoration: none; text-decoration-color: white; color: white; }
.mGrid th a:hover { color: #1db7e9; }
.mGrid .alt { background: #CCCCCC; }
.mGrid .pgr { background: #424242; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; height: 20px; }
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr hover { color: #1db7e9; text-decoration: none; font-style: normal; }
.mGrid img { border-radius: 4px; }
.mGridPopup { background-color: #bbc3ce; height: 100%; width: 100%; font-family: Calibri; font-size: 1em; font-weight: normal; box-shadow: 3px 3px 7px black; }
.mGridPopup td { font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; padding-left: 6px; padding-right: 6px; padding-top: 0px; padding-bottom: 5px; color: #000000; vertical-align: middle; }
.mGridPopup td a { vertical-align: middle; color: #000000; margin-left: 2px; text-decoration: none; font-size: 1.0em; font-weight:bold; }
.mGridPopup td a:visited { color: #000000; }
.mGridPopup td a:hover { color: #1db7e9; font-style: italic;}
.mGridPopup .alt { background: #CCCCCC; }
.mGridPopup th { font-size: 1.0em; padding: 4px 2px; color: #fff; background: #7e3232; border: solid 2px #3d3434; }
.PhoenixUnorderedListScroll { font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; padding: 10px 0px 0px 0px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #bbc3ce; }
.PhoenixUnorderedListScroll p { font-size: 1.0em; background-color: #7e3232; color: #dcdbcc; font-weight: 700; padding: 3px; border: 1px solid black; border-radius: 5px; margin-left: 20px; margin-right: 20px; }
.PhoenixUnorderedList p img { margin-left: 20px; }
.PhoenixUnorderedListScroll .sub { padding: 0px 20px 20px 20px; border: none; box-shadow: none; border-radius: 0px; background-color: #bbc3ce; overflow-x: hidden; overflow-y: scroll; }
.PhoenixUnorderedListScroll .sub ul { list-style-type: circle; margin-left: 30px; }
.PhoenixUnorderedListScroll .sub ul li { padding-top: 7px; font-size: 1.0em; }
.PhoenixUnorderedListScroll .sub ul li a { text-decoration: none; color: black; font-size: 1.0em; }
.PhoenixUnorderedListScroll .sub ul li a:hover { color: #844728; font-style: italic; }
.PhoenixUnorderedListScroll .sub ul li a img:hover { transform: scale(1.1); }
.PhoenixUnorderedList { font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; padding: 10px 20px 20px 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #bbc3ce; }
.PhoenixUnorderedList p { width: 100%; font-size: 1.0em; background-color: #7e3232; color: #dcdbcc; font-weight: 700; padding: 3px; border: 1px solid black; border-radius: 5px; }
.PhoenixUnorderedList p img { margin-left: 20px; }
.PhoenixUnorderedList ul { list-style-type: circle; margin-left: 30px; }
.PhoenixUnorderedList ul li { padding-top: 7px; font-size: 1.0em; }
.PhoenixUnorderedList ul li a { text-decoration: none; color: black; font-size: 1.0em; }
.PhoenixUnorderedList ul li a:hover { color: #844728; font-style: italic; }
.PhoenixUnorderedList ul li a img:hover { transform: scale(1.1); }
.Header_Description { height: auto; width: 96%; padding: 5px; margin: auto; margin-top: 6px; margin-bottom: 4px; }
.Header_Description p { text-align: justify; color: black; font-size: 0.9em; font-weight: 100; font-family: 'Lucida Sans' ; font-style: normal; }
.PhoenixParagraph { font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; padding: 10px 20px 20px 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #bbc3ce; }
.PhoenixParagraph p { font-size: 1.1em; background-color: #7e3232; color: #dcdbcc; font-weight: 700; padding: 3px; border: 1px solid black; border-radius: 5px; }
.PhoenixParagraph td { font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; padding-left: 6px; padding-right: 6px; padding-top: 5px; padding-bottom: 5px; color: #000000; vertical-align: middle; text-align: justify; text-justify: distribute; }
.DivBorder { border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }
.pdficon { height: 13px; border-radius: 8px; }
.pdficonright { height: 13px; border-radius: 8px; text-align: right; }
.excelicon { height: 13px; border-radius: 8px; }
.clear { clear: both; }
.DataFields { height: 18px; background-color: #b9c6e3; }
.DataDropdownFields { height: 24px; background-color: #b9c6e3; }
.ReqField { font-size: 1.0em; font-family: 'Century Gothic'; font-weight: 700; color: maroon ; }
/* ----------------- */
/* master page */
/* ----------------- */
#wrapper { margin: auto; position: relative; width: 1100px; height: 100%; overflow: visible; }
#upperbar { position: relative; height: 150px; width: 100%; border: solid 3px #163c09; border-radius: 10px; text-align: center; margin: auto; margin-bottom: 4px; background: url('images/navupper.jpg'); }
#logo-div { position: relative; float: left; height: 100%; width: auto; }
#logo-div ul li a { text-decoration: none; color: maroon; text-shadow: 1px 1px 5px #85a689; font-size: 1.0em; font-weight: 600; font-family: 'Arial Rounded MT';}
#logo-div ul li a:hover { font-style: italic;}
#logo-div img { margin-left: 10px; margin-top: 10px; float: none; border: 1px solid maroon; border-radius: 10px; box-shadow: 5px 5px 10px #525252; }
#analyses-divwrapper { position: relative; width: 745px; float: right; height: 100%; margin-top: 0px; margin-right: 5px; }
#analyses-div { width: 240px; height: 100px; margin-top: 20px; margin-left: 0px; float: left; }
#analyses-div li { display: block; text-decoration: none; padding: 2px; }
#analyses-div li a { color: #3f3030; text-decoration: none; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
#analyses-div li a:hover { color: #8d1111; font-size: 1.1em; }
#analyses-div2 { width: 250px; height: 100px; margin-top: 20px; margin-left: 50px; float: left; }
#analyses-div2 li { display: block; text-decoration: none; padding: 2px; }
#analyses-div2 li a { color: #3f3030; text-decoration: none; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
#analyses-div2 li a:hover { color: #8d1111; font-size: 1.1em; }
#upperbarimagediv { width: 205px; height: 100%; float: right; text-align: right; margin-right: 0px; vertical-align: middle; background-color: transparent; }
.upperbarimage { border: 2px solid #c3b2aa; height: 93%; width:93%; margin-right: 0px; margin-top: 3px; vertical-align: middle; border-radius: 5px; z-index: 100; box-shadow: 4px 4px 6px #937d72; }
#upperbarnavul1 { position: relative; top: -140px; left: 5px; text-align: center; z-index: 200; }
#upperbarnavul1 li { display: inline; text-decoration: none; list-style-type: none; }
#upperbarnavul2 { position: relative; top: -45px; left: 5px; text-align: center; z-index: 200; }
#upperbarnavul2 li { display: inline; text-decoration: none; list-style-type: none; }
.hrefMenuButtonSmall {display:inline-block; width: 55px; color: #200001; text-decoration: none; font-size: 0.7em; font-family: 'Century Gothic'; font-weight: 700; border: 1px solid #225a2d; box-shadow: 2px 2px 5px #000000; border-radius: 5px; text-decoration: none; padding-top: 2px; padding-bottom: 3px; background: linear-gradient(to top, rgba(255, 255, 255, .6) 40%,rgba(255,255,255,.7) 80%,rgba(255,255,255,.8) 100%); }
.hrefMenuButtonSmall:hover { color: #6c0b0b; box-shadow: 4px 4px 8px #000000; }
.hrefMenuButtonSmall:active { border: 1px inset lightgray; }
.hrefMenuButtonLarge {display:inline-block; width: 150px; color: #200001; text-decoration: none; font-size: 0.7em; font-family: 'Century Gothic'; font-weight: 700; border: 1px solid #225a2d; box-shadow: 2px 2px 5px #000000; border-radius: 5px; text-decoration: none; padding-top: 2px; padding-bottom: 3px; background: linear-gradient(to top, rgba(255, 255, 255, .6) 40%,rgba(255,255,255,.7) 80%,rgba(255,255,255,.8) 100%); }
.hrefMenuButtonLarge:hover { color: #6c0b0b; box-shadow: 4px 4px 8px #000000; }
.hrefMenuButtonLarge:active { border: 1px inset lightgray; }
.hrefMenuButtonCareer {display:inline-block; width: 150px; color: #200001; text-decoration: none; font-size: 0.8em; font-family: 'Century Gothic'; font-weight: 700; border: 1px solid #225a2d; box-shadow: 2px 2px 5px #000000; border-radius: 5px; text-decoration: none; padding-top: 2px; padding-bottom: 3px; background: linear-gradient(to top, rgba(255, 255, 255, .6) 40%,rgba(255,255,255,.7) 80%,rgba(255,255,255,.8) 100%); }
.hrefMenuButtonCareer:hover { color: #6c0b0b; box-shadow: 4px 4px 8px #000000; }
.hrefMenuButtonCareer:active { border: 1px inset lightgray; }
#lowerbar { position: relative; height: 35px; width: 100%; text-align: center; border: 2px solid black; border-radius: 3px; margin: auto; margin-bottom: 5px; background: url('images/navlower.jpg'); }
#nav { margin-top: 2px; margin-bottom: 0px; position: relative; width: 100%; text-align: center; }
#nav ul { padding: 0px; }
#nav li { display: inline; list-style-type: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; }
.hrefMenuButton { display:inline-block; height: 19px; color: #200001; text-decoration: none; font-size: 0.9em; font-family: 'Century Gothic'; font-weight: 700; border: 3px outset lightgray; border-radius: 8px; background-color: #d0d7e0; text-decoration: none; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 0px; margin: 0px 8px 0px 0px;}
.hrefMenuButton:hover { color: #6c0b0b; box-shadow: 2px 2px 5px #000000; }
.hrefMenuButton:active { border: 3px inset lightgray; }
.aspMenuButton { height: 28px; color: #200001; text-decoration: none; font-size: 0.9em; font-family: 'Century Gothic'; font-weight: 700; border: 3px outset lightgray; border-radius: 8px; background-color: #d0d7e0; text-decoration: none; padding-left: 8px; padding-right: 8px; padding-top: 0px; padding-bottom: 0px; }
.aspMenuButton:hover { color: #6c0b0b; box-shadow: 2px 2px 5px #000000; }
.aspMenuButton:active { border: 3px inset lightgray; }
#contentwrapper { position: relative; width: 100%; min-height: 600px; height: auto; margin: auto; border: 4px solid #163c09; border-radius: 20px; background: url('images/ContentBackground.jpg'); background-size: 100% 100%; }
/*linear-gradient(to top, rgba(255, 255, 255, .6) 40%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.9) 100%); */
.Header_Div { text-align: center; border-bottom: solid 3px darkgreen; box-shadow: 1px 1px 2px black; border-radius: 4px; width: 1060px; float: none; height: 25px; margin: auto; margin-top: 7px; background-color: transparent; padding-top: 2px; }
.Header_Div ul { text-shadow: 1px 1px 5px #85a689; color: maroon; position: relative; top: 0px; margin: auto; text-align: center; font-size: 1.2em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT'; }
.Header_Div ul li { display: inline; vertical-align: top; }
.Header_DivImageLeft { height: 20px; padding-top: 2px; padding-right: 10px; }
.Header_DivImageRight { height: 20px; padding-top: 2px; padding-left: 10px; }
#footer { width: 100%; margin: auto; text-align: center; margin-top: 5px; margin-bottom: 10px; }
/* ----------------- */
/* home page */
/* ----------------- */
.Jon { border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; }
.Linda { width: 175px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; margin-left: 50px; margin-bottom: 10px; }
#Home_Wrapper { height: 430px; width: auto; margin: auto; }
#Home_Image { float: left; margin-left: 30px; margin-top: 20px; height: 380px; width: 740px; box-shadow: 3px 3px 10px #525252; border-radius: 4px }
#Home_Image .gallerylayer img { border-radius: 4px; height: 380px; width: 740px; }
#Home_News { margin-right: 15px; text-align: center; width: 26%; float: right; height: 385px; margin-top: 32px; background: url('images/NewsBackground.jpg'); border-radius: 1px; box-shadow: 5px 5px 10px #525252; }
#Home_News ul { text-align: center; margin-bottom:5px; font-family: 'Times New Roman' ; font-style: italic; font-size: 0.9em; padding: 0px 5px 0px 5px; }
/* #Home_News table tr td { height: 75px; vertical-align:top }*/
#News_Date { text-align: center; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;font-style:italic; font-size: 0.7em; margin-top: 3px; }
#Home_News_Header{margin: auto; text-align: center; margin-top: 1px; margin-bottom: 10px;}
#Home_News_Header img {width: 100%; margin-top: 0px; }
.NewsLink { text-align: center; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 0.8em; text-decoration: none; color:black ; }
.NewsLink:hover { font-size: 0.9em;}
#Home_Working { height: 25px; width: 67%; margin: auto; margin-top: 5px; margin-left: 22px; float: left; text-align: center; }
#Home_Working p span { text-align: center; color: #0d310d; font-style: oblique; font-size: 1.0em; font-weight: 400; font-family: 'Arial Rounded MT'; }
#Home_About { text-align: justify; background: #becac1; height: auto; width: 91%; padding: 8px; margin: auto; margin-top: 12px; margin-left: 3%; border-radius: 8px; box-shadow: 1px 2px 3px #835d4c; border: 2px solid #451501; }
#Home_About p span { text-align: justify; color: black; font-size: 1.1em; font-weight: 500; }
#Home_Footer { height: 30px; margin-top: 12px; margin-bottom: 0px; }
#Home_FooterLeft { margin-left: 10px; margin-right: 10px; float: left; width: 140px }
#Home_FooterLeft img { height: 30px; border-radius: 3px; }
#Home_FooterLeft ul li a img:hover { transform: scale(1.1); }
#Home_FooterLeft ul li { display: inline; }
#Home_Marque { float: left; margin-left: 5px; margin-top: 5px; text-align: center; font-size: 0.9em; margin: auto; width: 75%; height: 30px; }
#Home_FooterRight { margin-right: 10px; float: right; }
#Home_FooterRight img { height: 30px; border-radius: 3px; }
#Home_FooterRight ul li a img:hover { transform: scale(1.1); }
#Home_FooterRight ul li { display: inline; }
.ChristmasSchedule {color:red; font-size: 1.1em; font-weight:400; font-family:'Comic Sans MS'; text-decoration: none; }
.ChristmasSchedule:hover {font-size: 1.2em; color:green;}
/* ----------------- */
/* Careers */
/* ----------------- */
#Careers_Body {width: 950px; height: 625px; margin: auto; margin-top: 10px; margin-bottom: 10px; background: url('images/Careers.jpg'); box-shadow: 4px 4px 10px #937d72; text-align:center; }
#Careers_Body_Spacer {height: 70px;}
#Careers_Body_Columns { height: 550px; overflow-y:scroll; overflow-x:hidden; }
.Careers_Table_Column { text-align:justify; font-size: 0.9em; padding:0px 10px 0px 10px; }
/* ----------------- */
/* News */
/* ----------------- */
#News_Body {width: 950px; height: 515px; margin:auto; margin-top: 10px; background: url('images/PhoenixNews.jpg'); box-shadow: 4px 4px 10px #937d72; }
#News_Body_Spacer {height: 70px;}
#News_Body_Columns {height: 440px; overflow-y:scroll; overflow-x:hidden; }
.News_Table_ColumnLeft {width:30%;}
.News_Table_ColumnMiddle {width:30%;}
.News_Table_ColumnRight {width:30%;}
.News_Table_ColumnHeader { text-align:center; font-weight:600; font-style: italic ; font-size: 1.0em; padding:0px 10px 0px 10px; }
.News_Table_Column { text-align:justify; font-size: 0.9em; padding:0px 10px 0px 10px; }
/* ----------------- */
/* laboratory */
/* ----------------- */
#Laboratory { width: 1000px; margin: auto; }
.LaboratoryHeaderRow { height: 40px; width: 100%; margin: auto; text-align: center; }
.LaboratoryTableHeaderButton { padding-top: 5px; margin-left: 10px; margin-right: 10px; background-image: url("images/buttonbackground.png"); width: 300px; height: 30px; border: 3px outset lightgray; float: left; border-radius: 10px; text-align: center; font-family: Calibri; font-style: normal; font-size: 1.3em; font-weight: 700; text-decoration: none; color: maroon; text-shadow: 2px 2px 4px #cee6c5; }
.LaboratoryTableHeaderButton:hover { color: #5a77a1; box-shadow: 2px 2px 8px #000000; }
.LaboratoryTableHeaderButton:active {border: 3px inset lightgray; }
.LaboratoryImageRow { height: 200px; width: 100%; margin: auto; }
.LaboratoryImageRow img:Hover { transform: scale(1.04); }
.LaboratoryImageRow img:active { border: 3px inset lightgray; }
.LaboratoryTableImage { margin-left: 10px; margin-right: 10px; border: 3px outset lightgray; box-shadow: 2px 2px 8px #9b7562; float: left; height: 180px; width: 300px; border-radius: 5px; background-color: #c2c5c8; text-align: center; }
.Laboratory_MicroLab { height: 160px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 5px; }
.Laboratory_GenChem { height: 130px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 15px; }
.Laboratory_TraceMetals { height: 160px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 5px; }
.Laboratory_GasLab { height: 130px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 15px; }
.Laboratory_AirLab { height: 160px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 5px; }
.Laboratory_MassLab { height: 160px; border-radius: 10px; box-shadow: 4px 4px 6px #937d72; border: 2px solid #c3b2aa; margin-top: 5px; }
/* ----------------- */
/* client login */
/* ----------------- */
#ClientLoginMain { background-color: #a2b7a7; width: 475px; height: 110px; margin: auto; margin-top: 60px; padding: 15px; }
#ClientLoginMain td { font-size: 1.1em; font-weight: 700; padding-right: 10px; }
.txtLoginStyle { width: 200px; height: 18px; background-color: #b9c6e3; }
#ClientLogin { width: 100%; height: 60px; margin: auto;}
#ClientLogin_Fields { width: 325px; height:50px; float:left; margin: auto; margin-left: 20px; }
#ClientLogin_Button { width: 75px; height:40px; float:right; margin: auto; margin-right: 40px; padding-top: 10px; }
#ClientLogin_Error { width: 100%; color: red; height: 20px; text-align: center; margin: auto; }
#AccountButtons { width:100%; height: 30px; text-align: center; margin: auto; margin-top: 5px; }
/* ----------------- */
/* Change Password */
/* ----------------- */
#ChangePasswordMain { background-color: #a2b7a7; width: 400px; height: 175px; margin: auto; margin-top: 60px; padding: 15px; }
#ChangePasswordMain td { font-size: 1.1em; font-weight: 700; padding: 2px; }
.txtLoginStyle { width: 200px; height: 18px; background-color: #b9c6e3; }
#ChangePassword_Fields { width: 100%; height:120px; margin: auto; }
#ChangePassword_Button { width: 100%; height:40px; margin: auto; text-align: center; }
#ChangePassword_Error { width: 100%; color: red; height: 20px; text-align: center; margin: auto;}
#ChangePassword { height: auto; width: 600px; padding: 20px; margin: auto; margin-top: 100px; margin-bottom: 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
.ChangePasswordMsg { margin: auto; margin-top:10px; text-align:center;}
.ChangePasswordMsgLbl {text-shadow: 1px 1px 5px #85a689; color: maroon; position: relative; top: 0px; margin: auto; text-align: center; font-size: 1.2em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT';}
/* ----------------- */
/* sampling */
/* ----------------- */
#SamplingWrapper {height: auto;}
#SamplingPDFsWrapper { width: 100%; height: 140px; background-color: rgba(255, 255, 255, 0.00); margin: auto; margin-top: 0px; overflow: auto; }
#SamplingPDFsWrapper ol { padding: 5px; }
#SamplingPDFsWrapper ol li { font-family: Calibri ; padding: 2px; color: #000000; text-align: left; }
#SamplingPDFsWrapper ol li a { color: #000000; margin-left: 2px; text-decoration: none; font-size: 1.2em; font-weight: 300; }
#SamplingPDFsWrapper ol li a:visited { color: #000000; }
#SamplingPDFsWrapper ol li a:hover { color: #844728; font-style: italic; }
#SamplingPDFsWrapper img:hover { transform: scale(1.1); }
.SamplingImage { position: absolute; top: 45px; left: 40px; width: 80px; box-shadow: 2px 3px 4px #ceb8ad; border-radius: 5px; }
#SamplingPDFsWrapperTop { position: absolute; top: 45px; left: 0px; width: 100%; height: 25px; text-align: center; }
#SamplingPDFsWrapperTop ol li { text-align: center; padding: 0px; }
#SamplingPDFsWrapperLeft { position: absolute; top: 75px; left: 145px; width: 420px; height: 100px; }
#SamplingPDFsWrapperRight { position: absolute; top: 75px; left: 575px; width: 520px; height: 100px; }
.SamplingGuide_Header { background-color: #7e3232; height: 20px; border: 1px solid black; padding: 5px; }
.SamplingGuide_Header p { font-family: 'Arial Rounded MT'; font-size: 1.1em; color: #dcdbcc; text-align: center; font-weight: 600; }
.SamplingGuide_GroupHeader { background-color: white; height: 18px; border: 1px solid black; padding: 3px; }
.SamplingGuide_GroupHeader p { font-family: Arial; font-size: 1em; color: maroon; text-align: center; font-weight: 600; }
#SamplingGuide_SoilDiv {top: 180px; left: 15px; height: auto; width: 485px; margin: auto; background-color: white; border: 1px solid black; border-top: none; border-bottom: none; box-shadow: 5px 5px 8px #835d4c; }
#SamplingGuide_WaterDiv {top: 180px; left: 520px; height: auto; width: 560px; margin: auto; background-color: white; border: 1px solid black; border-top: none; border-bottom: none; box-shadow: 5px 5px 8px #835d4c; }
.SamplingDataGrid { border: 1px solid black; background: linear-gradient(to top, rgba(255, 255, 255, .6) 40%,rgba(255,255,255,.8) 90%,rgba(255,255,255,1) 100%); height: auto; width: 100%; font-family: Calibri; font-weight: 400; }
.SamplingDataGrid td { padding-left: 4px; font-family: Calibri; font-size: 1em; font-style: normal; color: #000000; vertical-align: middle; text-align: left; }
.SamplingDataGrid th { font-size: 0.9em; padding: 4px 2px; color: #fff; background: #87421f url(images/BrownBackground.jpg) repeat-x top; }
.SamplingDataGrid .rowstyle { height: 20px; }
.SamplingDataGrid .HoldTime { width: 70px; }
.SamplingDataGrid .Analysis { width: 140px; }
.SamplingDataGrid .Preservative { width: 90px; }
.SamplingDataGrid .Volume { width: 180px; }
.SamplingDataGrid .alt { background: #CCCCCC; height: 20px; }
/* ----------------- */
/* drinking water */
/* ----------------- */
.DrinkingWaterImageLeft { position: absolute; left: 40px; top: 170px; height: 250px; box-shadow: 4px 4px 6px #937d72; border-radius: 5px; }
.DrinkingWaterImageRight { position: absolute; left: 860px; top: 170px; height: 250px; box-shadow: 4px 4px 6px #937d72; }
#DrinkingWaterPDFsWrapper { position: absolute; left: 270px; top: 150px; width: 500px; height: auto; margin: auto; }
/* ----------------- */
/* forms */
/* ----------------- */
#FormsWrapper { background-color: rgba(255, 255, 255, 0); width: 100%; height: 580px; margin: auto; padding: 0px; }
#Forms_Certification { position: absolute; top: 50px; left: 20px; width: 190px; }
#Forms_Frequent { position: absolute; top: 50px; left: 270px; width: 380px; }
#Forms_Guides { position: absolute; top: 380px; left: 270px; width: 380px; }
#Forms_SalesTax { position: absolute; top: 50px; left: 710px; width: 320px; }
.FormsImage { position: absolute; top: 430px; left: 40px; height: 120px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ----------------- */
/* quote request */
/* ----------------- */
#QuoteWrapper { width: 900px; height: 660px; margin: auto; margin-top: 10px; }
#QuoteWrapper table { margin: auto; }
#QuoteWrapper h1 { padding: 5px; }
#Quote_Top { background-color: transparent; height: 240px; width: 100%; margin: auto; }
.Quote_TopLeft { padding: 1px; height: 225px; float: left; width: 425px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
.Quote_TopLeft h2 { font-weight: 700; }
.Quote_TopRight { padding: 1px; height: 225px; width: 425px; float: right; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
.Quote_TopRight h2 { font-weight: 700; }
.Quote_SamplingInfo { width: auto; background-color: #a2b7a7; margin: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; padding-bottom: 20px; }
#Quote_Comments_Div { min-width: 250px; width: 600px; background-color: transparent; margin: auto; margin-top: 10px; }
.QuoteCommentsCSS { font-size: 0.9em; font-family: Arial; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; padding: 4px; background-color: #a2b7a7; }
#QuoteSubmitButtonDiv { text-align: center; margin: auto; margin-top: 15px; margin-bottom: 10px; font-size: 0.9em; }
#QuoteSubmitButtonDiv table {width: 100%; }
#QuoteSubmitButtonDiv td {width:33%; text-align: center;}
/* ----------------- */
/* criteria compare */
/* ----------------- */
#CompareProgess { position: absolute; z-index:400; left: 450px; top: 250px; width: 220px; border: solid 2px #3c1010; border-radius: 10px; padding: 5px; background-color: #7e3232 ;}
#CompareProgess li img {height: 60px; border-radius: 5px; }
#CompareProgess li p { font-size: 1.1em; color: #fff; font-style: italic; }
#CriteriaWrapper {width: auto; height: auto; margin: auto; margin-top: 50px; }
#CriteriaWrapper table { margin: auto; }
#CriteriaWrapper h1 { padding: 5px; }
#CriteriaSelection { position: relative; width: 600px; height: 350px; margin: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#CriteriaSelection tr { padding: 5px; }
#CriteriaSelection td { padding-left: 2px; }
.Criteria_CenterLabels { text-align: center; font-size: 1.1em; font-weight: 700; height: 30px; }
.CriteriaTable { background-color: transparent; }
.CriteriaTable td { padding-top: 2px; padding-right: 10px; }
#CriteriaSubmit { padding-top: 20px; text-align: center; }
#Criteria_Header { width: 100%; margin: auto; text-align: center; padding-bottom: 20px; padding-top: 0px; }
#Criteria_Header table { width: 100%; text-align: center; }
#Criteria_Header td { padding-left: 0px; }
.Criteria_SDGHeader { text-align: center; text-shadow: 1px 1px 5px #85a689; color: maroon; font-size: 1.3em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT'; }
#CriteriaDisclaimer {padding-top: 20px; padding-left: 20px; padding-right: 20px; font-size: 0.8em;}
/* ----------------- */
/* bottle request */
/* ----------------- */
.BO_CenterLabels { text-align: center; font-size: 1.1em; font-weight: 700; }
.DeleteMenuButton { height: 22px; color: #200001; text-decoration: none; font-size: 0.7em; font-family: 'Century Gothic'; font-weight: 700; border: 3px outset lightgray; border-radius: 8px; background-color: #d0d7e0; text-decoration: none; padding-left: 8px; padding-right: 8px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; }
.DeleteMenuButton:hover { color: #6c0b0b; box-shadow: 2px 2px 5px #000000; }
.DeleteMenuButton:active { border: 3px inset lightgray; }
.BOTable { background-color: transparent; }
.BOTable td { padding-top: 2px; padding-right: 2px; }
.BO_textboxes { width: 150px; }
#BottleOrderWrapper { width: 900px; height: 1000px; margin: auto; margin-top: 5px; }
#BottleOrderWrapper table { margin: auto; }
#BottleOrderWrapper h1 { padding: 5px; }
#BottleOrderAirContainer {margin: auto; text-align:center; }
#BottleOrderLoadSavedOrders {margin-top: 5px; }
.LoadSavedOrderLabel {font-size: 1.1em; color: maroon; font-style: italic; }
#BottleOrderSaveOrders {margin-top: 5px; font-size: 1.1em; color: maroon; font-style: italic; }
.SaveOrderLabelExisting{font-size: 0.8em; color: red; font-style:italic; }
.DeleteSavedOrderLabel {font-size: 0.8em; color: maroon; font-style: italic; }
.SaveOrderLabelNote {font-size: 0.7em; color: maroon; font-style: italic; }
#BO_ClientInfo { position: relative; padding: 2px; height: 150px; margin: auto; margin-top: 5px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#BO_ProjectAndDelivery {height:220px; margin: auto; margin-top: 10px; }
#BO_Project { position: relative; padding: 2px; width: 445px; height: 210px; float: left; margin: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#BO_Project h2 { font-weight: 700; }
#BO_DeliveryInformation { Position: relative; padding: 2px; width: 430px; height: 210px; float: right; margin: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#BO_DeliveryInformation h2 { font-weight: 700; }
#BO_SamplingInfoAndAdditionalSupplies { height: 330px; margin-top: 10px; }
#BO_SamplingInfo { position: relative; width: 600px; height: 320px; float: left; margin: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#BO_SamplingInfo tr { padding: 5px; }
#BO_SamplingInfo td { padding-left: 2px; }
#BO_AdditionalSupplies { position: relative; width: 280px; height: 320px; float: right ; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#BO_Comments { position: relative; height: 120px; margin-top: 5px; margin-bottom: 10px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
.BOCommentstextbox { font-family: Calibri; font-size: 0.9em; width: 845px; height: 60px; margin-left: 20px; padding-left: 5px; background-color: #b9c6e3; border-radius: 0px; }
#BOSubmitButtonDiv { text-align: center; margin: auto; margin-top: 10px; font-size: 0.9em; }
#BOSubmitButtonDiv table {width: 100%; }
#BOSubmitButtonDiv td {width:33%; text-align: center;}
#BO_Confirm { width: 800px; height: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; margin: auto; padding: 15px 20px 15px 20px; margin-top: 30px; background-color: #bec7c0; }
#BO_Confirm p { font-size: 1.1em; text-indent: 10px; font-style: normal; text-align: justify; }
/* ----------------- */
/* CustomerFeedBack */
/* ----------------- */
#CustomerFeedBackWrapper { width: 900px; height: auto; margin: auto; margin-top: 50px; }
#CustomerFeedBackWrapper table { margin: auto; }
#CustomerFeedBackWrapper h1 { padding: 5px; }
/* ----------------- */
/* reports */
/* ----------------- */
#ReportWrapper { height: auto; width: auto; margin: auto; margin: 10px 20px 5px 20px; background-color: rgba(0, 0, 0, 0.00); overflow: hidden; }
#ReportsDiv { z-index: 100; width: 1050px; height: 540px; margin: auto; padding: 0px 0px 0px 0px; overflow: hidden; }
#ReportBarWrap { margin-bottom: 2px; border: 2px black solid; color: #dcdbcc; background-color: #7e3232; border: solid 2px #3c1010; border-radius: 5px; width: auto; padding-top: 5px; height:80px; box-shadow: 2px 2px 2px #525151; overflow: hidden; }
#ReportBarList { width: 75%; display: block; float: left; padding-left: 2px; overflow: hidden; }
.ReportsSearch { }
.ReportsSearch tr td { padding-top: 4px; }
.ReportsSearchLabel { text-align: right; width: 80px; }
.ReportsSearchField { text-align: left; padding-left: 4px }
.ReportsSearchText { width:185px; text-align: center; padding-left: 4px }
.ReportsSearchField Input { width:100px; background-color: #b9c6e3 }
#GridView_SDGsHeader {width: 100%; margin: auto; text-align: left; padding-bottom: 0px; padding-top: 0px; background-image: url(images/BrownBackgroundBar.jpg) }
#GridView_SDGsHeader table { width: 98%; }
#GridView_SDGsHeader td { height: 20px; vertical-align: middle; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; padding: 2px 2px 2px 8px; color: #fff; }
#GridVIew_SDGsWrapper {border: 1px solid #4c1906; box-shadow: 2px 2px 2px #525151; }
#GridVIew_SDGs { border-radius: 5px; height: 425px; width: 100%; margin: auto; background-color: transparent; overflow-x: hidden; overflow-y: auto; }
.GridVIew_SDGs_LogBatch {width: 10%; text-align: left;}
.GridVIew_SDGs_ProjectId {width: 45%; text-align: left;}
.GridVIew_SDGs_SubDate {width: 12%; text-align: center;}
.GridVIew_SDGs_LocCode {width: 20%; text-align: left;}
.GridVIew_SDGs_ReportDate {width: 12%; text-align: center;}
#NoSDGs { text-align: "center"; padding: 10px; color: #000000; font-weight: bold; }
#ViewSDGFilesWrapper { }
#ViewSDGFilesWrapper2 { z-index: 200; position: absolute; top: 47px; left: 25px; width: 1050px; height: 542px; border-radius: 5px; text-align: center; background: linear-gradient(to top, rgba(80, 28, 6, .5) 40%,rgba(80, 28, 6, .6) 90%,rgba(80, 28, 6, .7) 100%); }
#ViewSDGFiles {height: 280px; width: 700px; margin: auto; margin-top: 130px; background-color: #ccc; padding: 10px; border: 2px solid #4c1906; border-radius: 10px; }
#ViewSDGFilesHeader { width: 100%; margin: auto; text-align: left; padding-bottom: 10px; padding-top: 0px; }
#ViewSDGFilesHeader table { width: 100%; text-align: left; }
#ViewSDGFilesHeader2 {width: 100%; margin: auto; text-align: left; padding-bottom: 0px; padding-top: 0px; background-image: url(images/BrownBackgroundBar.jpg) }
#ViewSDGFilesHeader2 table { width: 100%; }
#ViewSDGFilesHeader2 td { height: 20px; vertical-align: middle; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; color: #fff; }
.ViewSDGFilesHeaderleft { text-align: left; text-shadow: 1px 1px 5px #85a689; color: maroon; font-size: 1.3em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT'; }
.ViewSDGFilesHeader1 { text-align: right; width: 75px;}
.ViewSDGFilesHeader2 { text-align: right; width: 50px;}
#ViewSDGFilesHeaderDataWrapper {border: 1px solid #4c1906; box-shadow: 2px 2px 2px #525151; }
#ViewSDGFilesHeaderData { width:100%; height: 205px; overflow-x: hidden; overflow-y: auto; }
.ReportReportName { width: 55%; text-align: left; }
.ReportVersionCol { width: 6%; text-align: center; }
.ReportFileType { width: 15%; text-align: center; }
.ReportDocDate { width: 24%; text-align: left; }
#searchDiv { float: right; width: 100px; position: static; margin-top: 15px; margin-right: 20px; }
#searchDiv2 { float: right; width: 100px; position: static; margin-top: 15px; }
.ReportsDataGridProgess { position: absolute; z-index:400; left: 500px; top: 200px; width: 220px; border: solid 2px #3c1010; border-radius: 10px; padding: 5px; background-color: #7e3232 ;}
.ReportsDataGridProgess li img {height: 60px; border-radius: 5px; }
.ReportsDataGridProgess li p { font-size: 1.1em; color: #fff; font-style: italic; }
/* ----------------- */
/* clients
/* ----------------- */
#ViewSDGAnalysesWrapper { overflow: hidden; }
#ViewSDGAnalysesWrapper2 { z-index: 200; position: absolute; top: 40px; left: 25px; width: 1050px; height: 520px; border-radius: 5px; background: linear-gradient(to top, rgba(80, 28, 6, .5) 40%,rgba(80, 28, 6, .6) 90%,rgba(80, 28, 6, .7) 100%); }
#ViewSDGAnalyses {height: 460px; width: 900px; margin: auto; margin-top: 20px; background-color: #ccc; padding: 10px; border: 2px solid #4c1906; border-radius: 10px; }
#ViewSDGAnalysesHeader { width: 100%; margin: auto; text-align: left; padding-bottom: 10px; padding-top: 0px; }
#ViewSDGAnalysesHeader table { width: 100%; text-align: left; }
#ViewSDGAnalysesHeader2 {width: 100%; margin: auto; text-align: left; padding-bottom: 0px; padding-top: 0px; background-image: url(images/BrownBackgroundBar.jpg) }
#ViewSDGAnalysesHeader2 table { width: 97%; }
#ViewSDGAnalysesHeader2 td { height: 20px; vertical-align: middle; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; color: #fff; }
.ViewSDGAnalysesHeaderleft { text-align: left; text-shadow: 1px 1px 5px #85a689; color: maroon; font-size: 1.3em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT'; }
.ViewSDGAnalysesHeaderright { text-align: right; width: 75px;}
#ViewSDGAnalysesHeaderDataWrapper {border: 1px solid #4c1906; box-shadow: 2px 2px 2px #525151; }
#ViewSDGAnalysesHeaderData { width:100%; height: 400px; overflow-x: hidden; overflow-y: auto; }
.ClientsSampNo { width: 14%; text-align: left; }
.ClientsAcode { width: 20%; text-align: left; }
.ClientsAname { width: 35%; text-align: left; }
.ClientsStatus { width: 13%; text-align: left; }
.ClientsAddOn { width: 17%; text-align: left; }
#ReportBarWrapClient { margin-bottom: 2px; border: 2px black solid; color: #dcdbcc; background-color: #7e3232; border: solid 2px #3c1010; border-radius: 5px; width: auto; padding-top: 5px; height: 35px; box-shadow: 2px 2px 2px #525151; overflow: hidden; }
#searchDivClient { float: right; width: 100px; position: static; margin-top: 2px; margin-right: 20px; }
#searchDiv2Client { float: right; width: 100px; position: static; margin-top: 2px; }
#GridView_SDGClientsHeader {width: 100%; margin: auto; padding-bottom: 0px; padding-top: 0px; background-image: url(images/BrownBackgroundBar.jpg); }
#GridView_SDGClientsHeader table { width: 99%;}
#GridView_SDGClientsHeader td {height: 20px; vertical-align: middle; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; color: #fff; padding-bottom: 5px; }
.GridVIew_SDGClients_DueDate_H {width: 4%; text-align: center;}
.GridVIew_SDGClients_LogBatch_H {width: 7%; text-align: center;}
.GridVIew_SDGClients_Rush_H {width: 5%; text-align: center;}
.GridVIew_SDGClients_LocCode_H {width: 10%; text-align: left;}
.GridVIew_SDGClients_ProjectId_H {width: 35%; text-align: left;}
.GridVIew_SDGClients_Ready_H {width: 8%; text-align: right;}
.GridVIew_SDGClients_Samples_H {width: 8%; text-align: center;}
.GridVIew_SDGClients_Addon_H { width: 18%; text-align: center;}
.GridVIew_SDGClients_SubDate_H {width: 5%; text-align: center;}
#GridVIew_SDGClientsWrapper {border: 1px solid #4c1906; box-shadow: 2px 2px 2px #525151; }
#GridVIew_SDGClients { border-radius: 5px; height: 425px; margin: auto; background-color: transparent; overflow-x: hidden; overflow-y: auto; }
.GridVIew_SDGClients_DueDate {width: 3%; text-align: center;}
.GridVIew_SDGClients_LogBatch {width: 9%; text-align: center;}
.GridVIew_SDGClients_Rush {width: 3%; text-align: center;}
.GridVIew_SDGClients_LocCode {width: 10%; text-align: left;}
.GridVIew_SDGClients_ProjectId {width: 40%; text-align: left;}
.GridVIew_SDGClients_Ready {width: 5%; text-align: center;}
.GridVIew_SDGClients_Samples {width: 6%; text-align: center}
.GridVIew_SDGClients_Addon {width: 20%; text-align: center}
.GridVIew_SDGClients_SubDate {width: 4%; text-align: center;}
/* ----------------- */
/* invoices */
/* ----------------- */
#InvoiceBarWrap { margin-bottom: 2px; border: 2px black solid; color: #dcdbcc; background-color: #7e3232; border: solid 2px #3c1010; border-radius: 5px; width: auto; padding-top: 5px; height: 60px; box-shadow: 2px 2px 2px #525151; }
#InvoiceHeader {width: 100%; margin: auto; text-align: left; padding-bottom: 0px; padding-top: 0px; background-image: url(images/BrownBackgroundBar.jpg) }
#InvoiceHeader table { width: 100%; }
#InvoiceHeader td { height: 20px; vertical-align: middle; padding-left: 6px; padding-right: 6px; padding-top: 0px; padding-bottom: 5px; font-family: Calibri; font-size: 1.0em; color: black; font-weight: normal; font-style: normal; color: #fff; }
.InvoiceHeader_Invoice { width: 10%; text-align: left; }
.InvoiceHeader_SDG { width: 10%; text-align: left; }
.InvoiceHeader_ProjectId { width: 50%; text-align: left; }
.InvoiceHeader_SubDate { width: 15%; text-align: left; }
.InvoiceHeader_LocCode { width: 15%; text-align: left; }
/* ----------------- */
/* contact us */
/* ----------------- */
#ContactUsDiv1 { width: 500px; height: 100px; padding: 10px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; margin: auto; margin-top: 10px; }
.ContactUsDivTable { margin: auto; }
.ContactUsDivTable ul { list-style: circle; }
.ContactUsDivTable td { vertical-align: middle; text-align: center; text-shadow: 2px 2px 10px #85a689; color: #560e0e; font-family: 'Arial Rounded MT'; font-style: italic; font-size: 1.1em; padding-bottom: 6px; }
.ContactUsDivTable td a { font-size: 0.8em; color: #3f3030; text-decoration: none; font-style: normal; }
.ContactUsDivTable td a:hover { color: #8d1111; font-size: 0.9em; }
#ContactUs_Bottom { background-color: transparent; height: 950px; width: 950px; margin: auto; }
#ContactUs_Bottom p { font-size: 1.1em; background-color: #7e3232; color: #dcdbcc; font-weight: 700; padding: 3px; border: 1px solid black; border-radius: 5px; margin-bottom: 5px;}
#ContactUs_Bottom a:hover { color: #8d1111; font-style: italic; }
#ContactUsDiv2 { padding: 10px; float: left; width: 450px; height: auto; background-color: transparent; border-radius: 10px; }
#ContactUsDiv2 table tr td {padding: 6px; text-align: left; }
#ContactUsDiv3 { padding: 10px; float: right; width: 450px; height: auto; background-color: transparent; border-radius: 10px; }
#ContactUsDiv3 table tr td {padding: 6px; text-align: left; }
/* ----------------- */
/* about us */
/* ----------------- */
#AboutWrapper { width: 100%; height: auto; background-color: transparent; margin: auto; }
#About_Header { width: 990px; height: auto; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; margin: auto; padding: 15px 20px 15px 20px; margin-top: 15px; background-color: #bec7c0; }
#About_Header p { font-size: 1.0em; text-indent: 0px; font-style: normal; text-align: justify; }
#About_Bottom { width: 100%; height: 350px; }
#About_Bottom img { position: absolute; top: 265px; left: 830px; height: 300px; border-radius: 8px; border: 1px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; }
#AboutDP { position: absolute; top: 245px; left: 60px; width: 325px; height: 125px; }
#AboutEDD { position: absolute; top: 245px; left: 440px; width: 325px; height: 125px; }
#AboutCourier { position: absolute; top: 420px; left: 60px; width: 325px; height: 125px; }
#AboutCourier a { font-size: 0.9em; }
#AboutFormat { position: absolute; top: 420px; left: 440px; width: 325px; height: 125px; }
/* ----------------- */
/* links */
/* ----------------- */
#Links { z-index: 200; margin: auto; width: 70%; margin-top: 30px; }
.LinksImage { z-index: 200; position: absolute; top: 130px; left: 610px; height: 200px; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; }
/* ----------------- */
/* microbiology */
/* ----------------- */
#MicroBioLabDiv { background-color: rgba(255, 255, 255, 0); height: auto; width: auto; margin: auto; }
#MicroDivEquipment { position: absolute; top: 100px; left: 660px; width: 350px; height: 275px; }
#MicroDivEquipmentSub { margin: auto; height:220px; }
#MicroDivAnalysis { position: absolute; top: 370px; left: 85px; width: 190px; height: auto; }
#MicroDivEndorse { position: absolute; top: 200px; left: 420px; padding: 10px; float: left; border: 1px solid #ccc; width: 150px; height: auto; margin: 0px 10px 0px 10px; box-shadow: 3px 3px 8px #3d3434; background-color: #9BC4E2; border-radius: 5px; }
.MicrobiologyImageMantech { position: absolute; top: 100px; left: 50px; height: 230px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.MicrobiologyImageBottles { position: absolute; top: 420px; left: 700px; height: 150px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ----------------- */
/* general chemistry */
/* ----------------- */
#GenChemEquipment { position: absolute; top: 285px; left: 40px; width: 270px; height: 250px; }
#GenChemEquipmentSub { margin: auto; height: 195px; }
#GenChemLab_Hazard { position: absolute; top: 110px; left: 365px; width: 300px; height: auto; }
#GenChemAnalysis { position: absolute; top: 130px; left: 750px; width: 300px; height: 400px; }
#GenChemAnalysisSub { margin: auto; height: 335px; }
.GenChemImageBottles { position: absolute; top: 130px; left: 60px; height: 100px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.GenChemImagePCT { position: absolute; top: 340px; left: 365px; width: 340px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ----------------- */
/* trace metals */
/* ----------------- */
#TraceMetalsAnalysis { position: absolute; top: 150px; left: 50px; }
#TraceMetalsEquipment { position: absolute; top: 200px; left: 320px; width: 240px; width: 423px; height: auto; }
#TraceMetalsEndorse { position: absolute; top: 290px; left: 865px; padding: 10px; border: 1px solid #ccc; width: 170px; height: auto; background-color: #9BC4E2; /*border-radius: 10px;*/ }
.TraceMetalsImageAutoSampler { position: absolute; top: 150px; left: 875px; height: 110px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.TraceMetalsImagePlasma { position: absolute; top: 340px; left: 60px; height: 240px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ----------------- */
/* gc */
/* ----------------- */
#GasChrom_Equipment { position: absolute; top: 170px; left: 30px; width: 290px; height: 370px; }
#GasChrom_Analysis { position: absolute; top: 170px; left: 730px; width: 330px; height: 390px; }
#GasChrom_AnalysisSub { margin: auto; height:335px; }
.GasChromImageInst { position: absolute; top: 165px; left: 435px; height: 110px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.GasChromImageInject { position: absolute; top: 295px; left: 470px; height: 150px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.GasChromImageChromatogram { position: absolute; top: 460px; left: 435px; height: 115px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ----------------- */
/* air lab */
/* ----------------- */
#AirLabAnalysis { position: absolute; top: 150px; left: 30px; width: 280px; height: 125px; }
#AirLabEquipment { position: absolute; top: 150px; left: 740px; width: 280px; height: 205px; }
#AirLabTerms { position: absolute; top: 340px; left: 300px; width: 375px; height: auto; }
#AirLabLinks { position: absolute; top: 460px; left: 60px; width: 170px; height: 70px; }
.AirLabImageInst { position: absolute; top: 150px; left: 420px; height: 150px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.AirLabImageReg { position: absolute; top: 330px; left: 50px; height: 110px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.AirLabImageSuma { position: absolute; top: 430px; left: 790px; height: 130px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
/* ------------------ */
/* air lab directions */
/* ------------------ */
#AirDirectionsWrapper {height: 630px;}
#AirDirectionsDiv1 { position: absolute; top: 50px; left: 10px; width: 320px; height: auto; }
#AirDirectionsDiv2 { position: absolute; top: 50px; left: 385px; width: 660px; height: auto; }
/* ----------------- */
/* mass spec */
/* ----------------- */
#MassSpec_Equipment { position: absolute; top: 155px; left: 30px; width: 350px; height: 400px; }
#MassSpec_EquipmentSub { margin: auto; height:345px; }
#MassSpect_Analysis { position: absolute; top: 155px; left: 715px; width: 350px; height: 400px; }
#MassSpect_AnalysisSub { margin: auto; height:345px; }
.MassSpecImageInst1 { position: absolute; top: 200px; left: 450px; height: 150px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
.MassSpecImageInst2 { position: absolute; top: 380px; left: 450px; height: 155px; border-radius: 5px; box-shadow: 3px 3px 8px #3d3434; }
#MassSpect_Links { position: absolute; top: 145px; left: 400px; width: 300px; height: 400px; }
#MassSpect_Links li {text-align:center; }
#MassSpect_Links li a { color: black; font-size:0.9em; text-decoration-color: black; font-style:italic ; }
#MassSpect_Links li a:hover {font-size:1.0em; }
/* ----------------- */
/* request account */
/* ----------------- */
#RequestAccount { height: auto; width: 600px; padding: 20px; margin: auto; margin-top: 20px; margin-bottom: 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#RequestAccount td { padding-top: 2px; padding-bottom: 2px; padding-right: 5px; }
#RequestAccountSubmit { margin: auto; margin-top: 20px; text-align: center; }
.RequestAccountMsgError { background-color: white; width: 350px; height: auto; border: 1px solid maroon; margin: auto; margin-top: 20px; margin-bottom: 20px; padding: 15px; }
/* ----------------- */
/* forgot password */
/* ----------------- */
#ResetPassword { height: auto; width: 600px; padding: 20px; margin: auto; margin-top: 100px; margin-bottom: 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
.ResetPasswordMsg { margin: auto; text-align:center;}
.ResetPasswordMsgLbl {text-shadow: 1px 1px 5px #85a689; color: maroon; position: relative; top: 0px; margin: auto; text-align: center; font-size: 1.2em; font-style: italic; font-weight: 600; font-family: 'Arial Rounded MT';}
/* ----------------- */
/* forgot password */
/* ----------------- */
#ErrorPage { height: auto; width: 600px; padding: 20px; margin: auto; margin-top: 100px; margin-bottom: 20px; border: 2px solid #4c1906; box-shadow: 3px 3px 8px #3d3434; border-radius: 10px; background-color: #a2b7a7; }
#ErrorPage p {font-size: 1.3em; color:maroon; font-weight:700; }
/* } */