body { font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; color: #44448a; font-size: 10pt; background-color:#6666b3; background-image: url(_images/bg2.gif); background-repeat: repeat; background-attachment: fixed; /*margin-top: 0; margin-left: 0*/}
a:link {color: #6666b3; text-decoration: none; border-bottom: 1px dashed #ff0000;}
a:visited {color: #6666b3; text-decoration: none; border-bottom: 1px dashed #ff0000;}
a:hover {color: #333369; text-decoration: none; background-color: #f4eaff;border-bottom: 1px dashed #ff0000; /* old background-color: ffe1f0; border-top: 1px solid #ff0000;*/}
a:active {color: #333369;text-decoration: none; background-color: #f4eaff;border-bottom: 1px dashed #ff0000; /*border-top: 1px solid #ff0000; ffe1f0=pink; fafed2 light yellow; other light yellow fefbde; lilac e6ccff; purple 330066; light lilac f4eaff*/}
/*blockquote a:link {color: #6666b3;text-decoration: none; border-bottom: 1px dashed #ff0000;}
blockquote a:visited {color: #6666b3;text-decoration: none; /*border-bottom: 1px dashed #6666b3;}
blockquote a:hover {color: #333369; text-decoration: none; background-color: #e1e1f0;border-bottom: 1px dashed #ff0000; /*border-top: 1px solid #ff0000;}
blockquote a:active {color: #333369;text-decoration: none; background-color: #e1e1f0;border-bottom: 1px dashed #ff0000; /*border-top: 1px solid #ff0000; ffe1f0=pink; fafed2 light yellow}*/
.email a:link {text-decoration: none; background-color: transparent; border-bottom: 1px solid #ffffff;}
.email a:visited {text-decoration: none; background-color: transparent;border-bottom: 1px solid #ffffff;}
.email a:hover {text-decoration: none; background-color: transparent; border-bottom: 1px solid #ffffff; }
.email a:active {text-decoration: none; background-color: transparent; border-bottom: 1px solid #ffffff; }
.email2 a:link {text-decoration: none; border-bottom: 1px dashed #ff0000;}
.email2 a:visited {text-decoration: none; border-bottom: 1px dashed #ff0000;}
.email2 a:hover {color: #333369; text-decoration: none; background-color: #ffe1f0;border-bottom: 1px dashed #ff0000; }
.email2 a:active {color: #333369;text-decoration: none; background-color: #ffe1f0;border-bottom: 1px dashed #ff0000;}
/*for e-mail image links with no borders*/
a.acd:link {color: #ffffff; border-bottom: 0px solid #ffffff; font-weight: bold; background-color: transparent; text-decoration: none;}
a.acd:visited {color: #ffffff; border-bottom: 0px solid #ffffff; font-weight: bold; background-color: transparent; text-decoration: none;}
a.acd:hover {color: #ffffff; border-bottom: 0px solid #ffffff; font-weight: bold; background-color: transparent; text-decoration: none;}
a.acd:active {color: #ffffff; border-bottom: 0px solid #ffffff; font-weight: bold; background-color: transparent; text-decoration: none;}
.footer a:link {text-decoration: none; color: #ffffff; border-bottom: 0px; background-color: transparent;}
.footer a:visited {text-decoration: none; color: #ffffff; border-bottom: 0px; background-color: transparent;}
.footer a:hover {text-decoration: none; color: #ffffff; border-bottom: 0px; background-color: transparent;}
.footer a:active {text-decoration: none; color: #ffffff; border-bottom: 0px; background-color: transparent;}
a.arrow:link {border-bottom: 0px; background-color: #ffffff; text-decoration: none;}
a.arrow:visited {border-bottom: 0px; background-color: #ffffff; text-decoration: none;}
a.arrow:hover {border-bottom: 0px; background-color: #ffffff; text-decoration: none;}
a.arrow:active {border-bottom: 0px; background-color: #ffffff; text-decoration: none;}
/*.top a:link {border-bottom: 0px; background-color: #ffffff;}
.top a:visited {border-bottom: 0px; background-color: #ffffff;}
.top a:hover {border-bottom: 0px; background-color: #ffffff;}
.top a:active {border-bottom: 0px; background-color: #ffffff;}*/
a img {border: border-bottom: 3px solid #44448a; }
/*colors: dark blue, #44448a (light table border color from this is #99aab7); very dark blue, #333369; medium blue, #cfdce6; blue (not used) #6096bf; light blue, #eaf0f4 (used for some borders); dark blue extended from #eaf0f4 is #38688b; very very dark blue used for headers, etc. #33414d*; light yellow, #fafed2/
/* The following border syntax for "part" is needed for Firefox:
.part a:link {color: #33414d; border-width: 1; border-style: solid; border-color: #eaf0f4;background-color:#ffffff;text-decoration: none;}
.part a:hover {color: #33414d; border-width: 1; border-style: solid; border-color: #eaf0f4;background-color:#fafed2;text-decoration: none;}*/
/*a:link.part {color: #33414d; border: 1 solid #99aab7;background-color:#ffffff;text-decoration: none;}*/
hr.hr250 {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 250px; text-align: center; margin-left: auto; margin-right: auto;}
hr.hr150 {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 150px; text-align: center; margin-left: auto; margin-right: auto;}
hr.hr75 {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 75%; text-align: center; margin-left: auto; margin-right: auto;}
hr.hr40 {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 40%; text-align: center; margin-left: auto; margin-right: auto;}
hr.hr40L {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 40%; text-align: left;}
hr.hr25 {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 25%; text-align: left;}
hr.hr {color: #b8b8dc; background-color: #b8b8dc; height: 1px; border:none; width: 100%; text-align: center; margin-left: auto; margin-right: auto;}
hr.boxes {width: 250px; height: 1px; border: none; color: #6666b3; background-color: #6666b3; text-align: center;}
hr.boxes2 {width: 150px; height: 1px; border: none; color: #6666b3; background-color: #6666b3; text-align: center; margin-left: auto; margin-right: auto;}
img.mid {vertical-align:middle; border: 0;}
img.mid1 {vertical-align: baseline; border: 0;}
img.ttop {vertical-align:text-top;}
img.vlogo {float: left; vertical-align: top; padding-right: 5px;}
p {text-align: left;}
p.center {text-align: center;}
p.right {text-align: right;}
table { font-family: Arial, Verdana, Helvetica, sans-serif; color: #44448a; font-size: 10pt }
table.main { font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 10pt; width:900px; background-color:#ffffff; border: 2px solid #333369; margin-left: auto; margin-right: auto; border-spacing: 0; border-collapse:collapse; }
/*original width of table.main was 95%*/
table.center { font-family: Arial, Verdana, Helvetica, sans-serif; color: #333369; font-size: 10pt; font-weight:bold; background-color:#ffffff; text-align:center; border: 1px solid #e1e1f0; margin-left: auto; margin-right: auto; border-collapse:collapse;border-spacing: 0; }
/*center used */
table.centered {margin-left: auto; margin-right: auto;}
table.centerdir { font-family: Arial, Verdana, Helvetica, sans-serif; color: #333369; font-size: 10pt; font-weight:bold; background-color:#ffffff; text-align:center; border: 0px solid #e1e1f0; margin-left: auto; margin-right: auto; border-collapse:collapse;border-spacing: 0; }
/*center used */
table.tableText {font-family: Arial, Verdana, Helvetica, sans-serif; color: #333369; font-size: 10pt; border: 0; width: 100%; border-spacing: 0; border-collapse: collapse;margin-left: auto; margin-right: auto;}
table.table100 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #333369; font-size: 10pt; border: 0; width: 100%; border-spacing: 0; border-collapse: collapse;}
table.table100B {font-family: Arial, Verdana, Helvetica, sans-serif; color: #333369; font-size: 10pt; border: 0; width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: bottom;}
table.searchR {width: 100%; text-align: right;}
table.dirmenu {border: 1px solid #e1e1f0; border-collapse: collapse; text-align: center;border-spacing: 0; margin-left: auto; margin-right: auto;}
table.subtable {border: 1px solid #e1e1f0; border-collapse:collapse; border-spacing: 0;}
table.subtable td {padding: 3px; vertical-align: top; text-align: left;}
/*table.calendar {border: 1px solid #e1e1f0; border-spacing: 0; border-collapse: collapse; margin-left: auto; margin-right: auto; width: 600px;}
table.calendar td {padding: 6px; text-align: left; vertical-align: top;}*/
table.nominations {border: 1px solid #e1e1f0;}
table.nominations td {padding: 6px; text-align: center; vertical-align: top;}
table.projects td {padding: 3px; text-align: left; vertical-align: top;}
table.projects {width: 500px; border: 1px solid #e1e1f0;border-spacing: 0; border-collapse: collapse; margin-left: auto; margin-right: auto;}
table.matching td {padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; text-align: left; vertical-align: top;}
table.matching {width: 750px; border: 5px solid #e1e1f0;border-spacing: 0; border-collapse: collapse; margin-left: auto; margin-right: auto;}
table.leaders td {padding: 3px; text-align: left; vertical-align: top; width: 175px;}
table.leaders {width: 350px; border: 1px solid #e1e1f0; border-spacing: 0; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #e1e1f0;}
table.awards {margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing: 0; border: 1px solid #e1e1f0;}
table.awards td {padding: 3px;}
table.history {margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing: 0; border: 1px solid #e1e1f0;}
table.history td {padding: 3px;}
table.calendar {margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing: 0; border: 1px solid #e1e1f0; width: 600px;}
table.calendar td {padding: 3px;}
table.donation {width: 600px; border-collapse:collapse; border-spacing: 0;}
table.donation td {padding: 3px;}
table.dues {width: 320px; border-collapse:collapse; border-spacing: 0;}
table.dues td {padding: 3px;}
table.campaign {background-color:#ffffff; border: 0px; margin-left: auto; margin-right: 10px; border-spacing: 0; border-collapse:collapse; float:left;}
table.campaign td {width: 190px; padding: 10px; background-color:#f4eaff; vertical-align: top; text-align: left; border: solid #333369 1px;}
table.width400 {width: 400px;}
table.width425 {width: 425px;}
table.width450 {width: 450px;}
table.width550 {width: 550px;}
table.width300 {width: 300px;}
table.width350 {width: 350px;}
table.mvsp1 {width: 550px; border-spacing: 0; border-collapse:collapse; border: 1px solid #e1e1f0;}
table.pad3 td {padding: 3px;}
table.pad5 td {padding: 5px;}
table.pad8 td {padding: 8px;}
table.pad10 td {padding: 10px;}
td.mvsp {text-align: left; padding: 10px;}
td.width90 {width: 315px;}
td.width33 {width: 33%; vertical-align: top;}
td.width10 {width: 35px;}
td.width20 {width: 20px;}
td.width300 {width: 300px;}
td.width40px {width: 40px;}
td.width14 {width: 14%;}
td.width86 {width: 86%;}
td.width17 {width: 17%;}
td.width66 {width: 66%;}
td.width83 {width: 83%;}
blockquote {font-family: Arial, Verdana, Helvetica, sans-serif; color: #44448a; font-size: 10pt;}/*blue was #336084*/
/*table.borders {border-collapse:collapse; border: solid #e1e1e1 1px; background-color:#ffffff;}*/
/*.leftcol { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; width: 80px; valign:top; background-color: #eaf0f4;/*#fefbde light yellow; #cfdce6 yellow; good blue #d5e6e6; color:#eaf0f4; border-right: solid #99aab7 1px;} only used in genealogy3complete.htm*/
/* for td background-color:#eaf0f4;*/
/*top dark color for gradient smaller tables #e4e4f1, bottom color is #eeeef7; see http://www.allcrunchy.com/Web_Stuff/Gradient_Generator */
/*for main top and bottom gradoemt, dark blur color at top is #333369 and lighter blue color at bottom is #6666b3 see http://www.allcrunchy.com/Web_Stuff/Gradient_Generator */
/*new for 2-10-2014, use: http://www.gradientmaker.in/ */
td.shaded-borderb {font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#eeeef7; color:#6666b3; border-bottom: solid #e1e1f0 1px; text-align: center; vertical-align: top; background: url(_images/gradienttable.png)}
/*border bottom*/
td.shaded-borderb1 {font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#eeeef7; color:#6666b3; border-bottom: solid #e1e1f0 1px; background: url(_images/gradienttable25.png)}
/*border bottom msvp.htm*/
td.shaded-borderb2 {font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#eeeef7; color:#6666b3; border-bottom: solid #e1e1f0 1px; vertical-align: top; background: url(_images/gradienttable41.png)}
/*border bottom acdethics3.htm table 7*/
td.shaded-borderb3 {font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#eeeef7; color:#6666b3; border-bottom: solid #e1e1f0 1px; background: url(_images/gradienttable56.png)}
/*border bottom acdethics3.htm*/
td.shaded-bordertb {font-family: Arial, Verdana, Helvetica, sans-serif;background-color:#eeeef7; color:#6666b3; border-top: solid #e1e1f0 1px; border-bottom: solid #e1e1f0 1px;background: url(_images/gradienttable.png)}
/*border top and bottom*/
/*td.shaded-bordertbl {font-family: Arial, Verdana, Helvetica, sans-serif;background-color:#eaf0f4; color:#33414d; border-top: solid #99aab7 1px; border-bottom: solid #99aab7 1px; border-left: solid #99aab7 1px; }*/
/*border top, bottom, left*/
/*td.shaded-borderlb {font-family: Arial, Verdana, Helvetica, sans-serif;background-color:#eaf0f4; color:#33414d; border-left: solid #99aab7 1px; border-bottom: solid #99aab7 1px; }*/
/*border left and bottom*/
/*td.shaded-borderrb {font-family: Arial, Verdana, Helvetica, sans-serif;background-color:#eaf0f4; color:#33414d; border-right: solid #99aab7 1px; border-bottom: solid #99aab7 1px; }*/
/*border right and bottom*/
td.borderc {font-family: Arial, Verdana, Helvetica, sans-serif; border-bottom: solid #333369 1px; background: url(_images/bluegradient.png) ;}
/*was used in header*/
td.borderH {font-family: Arial, Verdana, Helvetica, sans-serif; border-bottom: solid #333369 1px; background: url(_images/bluegradient.png) ;}
/*used in header*/
td.borderd {font-family: Arial, Verdana, Helvetica, sans-serif;border-bottom: solid #333369 1px; background: url(_images/bluegradient22.png) ;}
/*used in table row*/
td.bordert {font-family: Arial, Verdana, Helvetica, sans-serif;border-top: solid #333369 1px; border-bottom: 0px; background: url(_images/bluegradient60.png); padding: 2px;}
/*border top*/
td.borderF {font-family: Arial, Verdana, Helvetica, sans-serif;border-top: solid #333369 1px; border-bottom: 0px; background: url(_images/bluegradient60.png); padding: 0px; height: 60px;}
/*border footer top*/
td.width36 {width: 36px;}
td.width175 {width: 175px;}
td.width100px {width: 100px;}
td.width125 {width: 125px;}
td.width180 {width: 180px;}
td.width183 {width: 183px;}
td.width195 {width: 195px;}
td.width200 {width: 200px;}
td.width202 {width: 202px;}
td.width206 {width: 206px;}
td.width300 {width: 300px;}
td.width350 {width: 350px;}
td.width450 {width: 450px;}
td.width50 {width: 50%;}
td.width75 {width: 70%;}
td.width25 {width: 30%;}
td.width150 {width: 150px;}
td.widthLL {width: 50%; background: url('_images/redlilac2.gif') #ffffff no-repeat left bottom; height: 55px; padding: 0px;}
td.widthTR {width: 55px; background: url('_images/redlilac.gif') #ffffff no-repeat right top; height: 55px; padding: 0px;}
td.padText {padding: 20px;}
td.pad3 {padding: 3px;}
td.pad5 {padding: 5px;}
td.headerL {width: 50%; text-align:left; vertical-align: middle; padding: 2px; height: 30px;}
td.headerR {width: 50%; text-align:right; vertical-align: middle; padding: 2px; height: 30px;}
td.menu1 {padding-left: 3px; padding-top: 3px; text-align: left; vertical-align: top; height: 55px; width: 1px; margin: 0px;} /*width was 700px but doesn't work with menu3 below 1px causes td to expand only to its actual width */
td.menu2 {padding-left: 3px; padding-top: 3px; vertical-align: top; text-align: left; height: 55px;} /* used for search menu in milonic menu */
td.menu3 {padding-left: 10px; padding-top: 5px; background-color:transparent; vertical-align: top; text-align: left; height: 55px; width: auto; margin: 0px;} /* used for search menu in body not in milonic menu*/
td.dirmenu1 {text-align: center; padding: 8px;}
td.center {text-align: center;}
td.top {vertical-align: top;}
td.left {text-align: left;}
td.right {text-align: right;}
td.rightB {text-align: right; padding-right: 3px; padding-bottom: 3px;}
td.bottom {vertical-align: bottom;}
td.bottomimg {position: relative; left: 0px; top: 0px;}
td.bgcolorP {background-color: #44448a; padding: 0px;}
td.bgcolorW {background-color: #ffffff; padding: 0px;} /* padding: 0px needed to put redlilac images into corners*/
span.header {color: #ffffff; font-size: 10pt; text-decoration: none; font-weight:bold;}
span.header1 {color: #ffffff; font-size: 10pt; text-decoration: none; }
span.footer {color: #ffffff; font-size: 8pt; text-decoration: none;}
/*span.header {color: #000000; border-width: 1; border-style: solid; border-color: #eaf0f4; background-color:#eeeeee;text-decoration: none;}*/
span.hspan {font-family: Arial, Verdana, Helvetica; color: #333369; font-weight:bold;}
span.font12 {font-size: 12pt;}
span.font14 {font-size: 14pt;}
span.hspan1 {font-family: Arial, Verdana, Helvetica; color: #333369;}
/*used very limited for text in date entry in generatiosn without bold, see generation d*/
span.steps {font-family: Arial, Verdana, Helvetica; color: #ff0000; font-weight:bold; border: 1px solid #44448a; background-color: #ffff99;}
span.steps2 {font-family: Arial, Verdana, Helvetica; color: #333369; font-weight:bold; border: 1px solid #44448a; background-color: #ffff99;}
span.steps3 {font-family: Arial, Verdana, Helvetica; color: #333369; font-weight:bold; border: 1px solid #44448a; background-color: #ffff99;}
span.steps4 {font-family: Arial, Verdana, Helvetica; color: #333369; font-weight:bold; border: 1px solid #6666b3; background-color: #fafed2;}
span.bluebox {font-family: Arial, Verdana, Helvetica; color: #333369; font-weight:bold; border: 1px solid #6666b3; background-color: #eeeef7;} /*old border color 333369*/
span.menubox {font-family: Arial, Verdana, Helvetica; color: #44448a; font-weight:normal; border: 1px solid #6666b3; background-color: #eeeef7;}
span.body {font-family: Arial, Verdana, Helvetica; color: #33414d;font-weight:bold;}
span.acdcolorlilac {font-family: Arial, Verdana, Helvetica; color: #330066;font-weight:bold; border: 1px solid #330066;background-color: #E6CCFF;}
span.acdcolorred {font-family: Arial, Verdana, Helvetica; color: #FFFFFF;font-weight:bold; border: 1px solid #990033;background-color: #ff0000;}
/*STOP*/
span.question {font-family: Arial, Verdana, Helvetica; color: #ff0000; font-weight:bold; border: 1px solid #44448a; background-color: #ffffff; font-size: 9pt;}
span.homeb {font-family: Arial, Verdana, Helvetica; color: #7e7e99; font-weight:bold; border: 0px solid #ff0000; background-color: transparent; font-size: 12pt;}
a:hover span.homeb {font-family: Arial, Verdana, Helvetica; color: #ff0000; font-weight:bold; border: 0px solid #ff0000; background-color: transparent; font-size: 12pt;}
span.homem {font-family: Arial, Verdana, Helvetica; color: #ffffff; font-weight: normal; border: 0px solid #ff0000; background-color: transparent; font-size: 10pt; padding-top: 1px; padding-bottom: 1px;}
a:hover span.homem {font-family: Arial, Verdana, Helvetica; color: #44448a; font-weight: normal; border: 1px solid #b8b8dc; background-color: transparent; font-size: 10pt; padding-top: 1px; padding-bottom: 1px; }
span.home{font-family: Arial, Verdana, Helvetica; color: #6666b3; /*#7e7e99*/ font-weight:bold; border: 0px solid #9999ac; background-color: transparent; font-size: 10pt; }
a:hover span.home {font-family: Arial, Verdana, Helvetica; color: #44448a; font-weight:bold; border: 0px solid #7e7e99; background-color: transparent; font-size: 10pt; }
.dropcap {float: left; line-height: 1; font-size: 24pt; margin-right: 0.1em; font-weight: bold;}
span.red {font-family: Arial, Verdana, Helvetica; color: #ff0000;}
span.redA {font-family: Arial, Verdana, Helvetica; color: #44448a; border-bottom: 0px; background-color: #ffffff;}
a:hover span.redA {font-family: Arial, Verdana, Helvetica; color: #ff0000; border-bottom: 0px; background-color: #ffffff;}
span.whitebold {font-family: Arial, Verdana, Helvetica; color: #ffffff;font-weight:bold;}
span.white {font-family: Arial, Verdana, Helvetica; color: #ffffff;}
span.underline {text-decoration: underline;}
span.left {text-align: left;}
span.center {text-align: center;}
span.redACD {font-size: 26pt; color: #ff0000; font-weight: bold;}
span.blueNEWS {font-size: 26pt; color: #330066;}
/*arrow box test begin; ► = arrow */
span.redarr {color: #e6ccff; font-size: 12pt; vertical-align: middle; }
span.redarr2 {background-color: #ffffff; border: 1px solid #6666b3; }
/*arrow box test end*/
#ul {color: #33414d; text-align: left;}
ul {text-align: left;}
#li {list-style-image:url(http://www.acd.org/_images/redbox.gif)}
ol {text-align: left;}
ol.list {line-height: 150%; text-align: left;}
li.list1 {line-height: 100%; text-align: left;}
/*ul.box {list-style-image: url(_images/rarrowboxbw.gif)}*/
/*ul.bullet {list-style-image: url(_images/rarrowboxbullet.gif); align: absmiddle;}*/
ul.red {list-style-image: url(_images/redbox.gif); text-align: left;}
ul.blue {color: #33414d; text-align: left;}
/*.cell { font-family: Arial, Verdana, Helvetica, sans-serif; color: #eaf0f4; font-size: 10pt; width: 80px; valign:top; background-color: #ececec;}*/
/*#table.center {margin-left:auto; margin-right:auto;} see point below regarding IE; font-weight: bold;text-align: left; */
/*body {text-align:center;} This needs to be included with margin-left: auto; margin-right: auto; to make it work with IE */
.center {text-align: -moz-center; #text-align: center; width: auto; margin-left: auto; margin-right: auto;}
div.centered {margin-left: auto; margin-right: auto; display: table;}
div.right {text-align: right; margin-left: auto; margin-right: 0;}
div.left {text-align: left; margin-left: 0; margin-right: auto;}
/*#container {text-align: center;}
#centered {margin-left: auto; margin-right: auto; width: 200px; text-align: left;}*/
basefont {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt}
dt {font-size: 10pt}
dd {font-size: 10pt}
dl {font-size: 10pt}
/*blue for links #0a7abb ; dodger blue =#153E7E ; dark slate blue = #33414d ; steel blue = #2B547E ; old table text #eaf0f4 (now #33414d; graybackgrounddk.gif; bg.gif*/
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
h1 {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 16pt; font-weight: bold; text-align: center;}
h2 {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 16pt; text-align: center;}
h3 {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 14pt; font-weight: bold; text-align: center;}
h3.left {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 14pt; font-weight: bold; text-align: left;}
h4 {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 12pt; font-weight: bold; text-align: left;}
h4.center {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 12pt; font-weight: bold; text-align: center;}
h5 {font-family: Arial, Verdana, Helvetica; color: #333369; font-size: 10pt; font-weight: bold; text-align: left;}
h6 {font-family: Arial, Verdana, Helvetica; color: #333369;}
/*.itembord{border-collapse: #cfdce6;padding: 0px 0px 0px 0px;border-top:1px solid #99aab7;border-right:1px solid #99aab7;border-bottom:0px solid #ece8dd;border-left:1px solid #99aab7}*/
/* for tables, but doesn't seem to work: padding: 1px 1px 1px 1px; cellspacing: 3px 3px 3px 3px;*/
/*Popup Title*/
#adpTitle{
font:bold 10pt arial;
color: #ffffff;
/*background: url(bg1.gif) no-repeat; [change: ACD Survey in ACDPoll.js]*/
background: url(_images/bluegradient22.png);
text-align:left;
background-color: transparent;
border-bottom: 1px solid #333369;
/*background:url(someimage.gif) top left repeat-x;*/
}
/*Rounded Corner Code from www.roundedcornr.com*/
.roundedcornr_box_774404 {
background: url(_images/roundedcornr_774404_tl.png) no-repeat top left;
}
.roundedcornr_top_774404 {
background: url(_images/roundedcornr_774404_tr.png) no-repeat top right;
}
.roundedcornr_bottom_774404 {
background: url(_images/roundedcornr_774404_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_774404 div {
background: url(_images/roundedcornr_774404_br.png) no-repeat bottom right;
}
.roundedcornr_content_774404 {
background: url(_images/roundedcornr_774404_r.png) top right repeat-y;
}
.roundedcornr_top_774404 div,
.roundedcornr_top_774404,
.roundedcornr_bottom_774404 div,
.roundedcornr_bottom_774404 {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content_774404,
.roundedcornr_bottom_774404 {
margin-top: -19px;
}
.roundedcornr_content_774404 { padding: 0 15px; }
/*silver */
.roundedcornr_box_566787 {
background: url(_images/roundedcornr_566787_tl.png) no-repeat top left;
}
.roundedcornr_top_566787 {
background: url(_images/roundedcornr_566787_tr.png) no-repeat top right;
}
.roundedcornr_bottom_566787 {
background: url(_images/roundedcornr_566787_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_566787 div {
background: url(_images/roundedcornr_566787_br.png) no-repeat bottom right;
}
.roundedcornr_content_566787 {
background: url(_images/roundedcornr_566787_r.png) top right repeat-y;
}
.roundedcornr_top_566787 div,
.roundedcornr_top_566787,
.roundedcornr_bottom_566787 div,
.roundedcornr_bottom_566787 {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content_566787, .roundedcornr_bottom_566787 {
margin-top: -19px;
}
.roundedcornr_content_566787 { padding: 0 15px; }
/*other yellow, used*/
.roundedcornr_box_892341 {
background: url(_images/roundedcornr_892341_tl.png) no-repeat top left;
}
.roundedcornr_top_892341 {
background: url(_images/roundedcornr_892341_tr.png) no-repeat top right;
}
.roundedcornr_bottom_892341 {
background: url(_images/roundedcornr_892341_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_892341 div {
background: url(_images/roundedcornr_892341_br.png) no-repeat bottom right;
}
.roundedcornr_content_892341 {
background: url(_images/roundedcornr_892341_r.png) top right repeat-y;
}
.roundedcornr_top_892341 div,
.roundedcornr_top_892341,
.roundedcornr_bottom_892341 div,
.roundedcornr_bottom_892341 {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content_892341,
.roundedcornr_bottom_892341 {
margin-top: -19px;
}
.roundedcornr_content_892341 { padding: 0 15px; }
/*end*/
/*other light lilac*/
.roundedcornr_box_258942 {
background: url(_images/roundedcornr_258942_tl.png) no-repeat top left;
}
.roundedcornr_top_258942 {
background: url(_images/roundedcornr_258942_tr.png) no-repeat top right;
}
.roundedcornr_bottom_258942 {
background: url(_images/roundedcornr_258942_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_258942 div {
background: url(_images/roundedcornr_258942_br.png) no-repeat bottom right;
}
.roundedcornr_content_258942 {
background: url(_images/roundedcornr_258942_r.png) top right repeat-y;
}
.roundedcornr_top_258942 div,
.roundedcornr_top_258942,
.roundedcornr_bottom_258942 div,
.roundedcornr_bottom_258942 {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content_258942,
.roundedcornr_bottom_258942 {
margin-top: -19px;
}
.roundedcornr_content_258942 { padding: 0 15px; }
/*end*/
/*div id*/
#rc1 {
width: 300px;
color: #440
}
#rc1_poll {
float: right;
width: 240px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
#rc1_ad {
float: right;
width: 190px;
color: #fff}
#rc1_jacd {
float: right;
width: 350px;
padding-right: 10px;
padding-bottom: 5px;
}
#rc1_history {
width: 370px;
}
#rc1_overview {
float: right;
width: 350px;
padding-left: 10px;
padding-bottom: 5px;
}
#rc1_handbook {
width: 255px;
float: left;
padding-right: 10px;
padding-bottom: 5px;
}
#rc1_pei {
width: 248px;
float: left;
padding-right: 10px;
padding-bottom: 5px;
}
#rc1_poll {
float: right;
width: 202px;
padding-left: 10px;
padding-bottom: 5px;
}
#rc1_index {
width: 260px;
}
#rc1_index1 {
width: 315px;
float: left;
padding-right: 5px;
/*padding-bottom: 2px;*/
}
#rc1_index2 {
width: 335px;
float: right;
padding-left: 10px;
padding-bottom: 1px;
}
#rc1_index3 {
width: 285px;
float: right;
padding-left: 10px;
padding-bottom: 1px;
}
#rc1_index4 {
width: 600px;
padding-bottom: 1px;
}
#rc1_card {
width: 270px;
color: #6600cc
}
#rc1_redlilac {
float: right;
}
#search
{
/*vertical-align:middle;*/
float: right;
}
#search1
{
padding-bottom: 2px
}
/* ========================================================================================================================================= */
/*NEW 4-9-20158?
/*The following controls all input boxes: */
/*input {color: #000066; border: 1px solid #9999ac; background-color: #ffffff;}*/
/*The following controls all buttons with class="educ"*/
/*input.educ {color: #000066; border: 1px solid #9999ac; background-color: #f0f0e1;}*/
/*input.educ:hover {color: #000066; background-color: #f7f7ee; cursor: pointer; border: 1px solid #7e7e99;/*was #9999ac;} cfdce6 6666b3 very light blue: f4f4fa very very light is f6f6fb, then f8f8fc is lightest*/
button.testbuttons {padding-left: 3px; padding-right: 3px; color: #44448a; border: 1px solid #44448a; background-color: #f6f6fb;}
button.testbuttons:hover {padding-left: 3px; padding-right: 3px; color: #ffffff; border: 1px solid #44448a; background-color: #6666b3;}
input.testbuttons {padding-left: 3px; padding-right: 3px; color: #44448a; border: 1px solid #44448a; background-color: #f6f6fb;}
input.testbuttons:hover {padding-left: 3px; padding-right: 3px; color: #ffffff; border: 1px solid #44448a; background-color: #6666b3;}
input.zoom_button {padding-left: 3px; padding-right: 3px; color: #44448a; border: 1px solid #44448a; background-color: #f6f6fb;}
input.zoom_button:hover {padding-left: 3px; padding-right: 3px; color: #ffffff; border: 1px solid #44448a; background-color: #6666b3;}
input.zoom_searchbox {border: 1px solid #44448a; background-color: #ffffff; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;}
input.zoom_searchbox:focus {border: 1px solid #7e7e99; background-color:#ffffcc; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;}
input.testbuttonsSearch {padding-left: 3px; padding-right: 3px; color: #44448a; border: 1px solid #44448a; background-color: #f6f6fb; /*font-size:.8em;*/ width:50px; margin-right:3px; margin-left: 3px;}
input.testbuttonsSearch:hover {padding-left: 3px; padding-right: 3px; color: #ffffff; border: 1px solid #44448a; background-color: #6666b3; /*font-size:.8em;*/ width:50px; margin-right:3px; margin-left: 3px;}
/*NEW for form field boxes, 4-23-2015*?
/* used for search in header */
input.zoom_searchboxS { /*this was blank in original*/ width: 125px; border: 1px solid #44448a; background-color: #ffffff; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
input.zoom_searchboxS:focus { /*this was blank in original*/ width: 125px; border: 1px solid #7e7e99; background-color:#ffffcc; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
/* For input areas on login, registration, and tests */
input.regtest { /*this was blank in original*/ width: 145px; border: 1px solid #44448a; background-color: #ffffff; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
input.regtest:focus { /*this was blank in original*/ width: 145px; border: 1px solid #7e7e99; background-color:#ffffcc; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
/* regtest end */
/* For input areas on login, registration, and tests NS = No Size specified*/
input.regtestNS { /*this was blank in original*/ border: 1px solid #44448a; background-color: #ffffff; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
input.regtestNS:focus { /*this was blank in original*/ border: 1px solid #7e7e99; background-color:#ffffcc; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
/* regtest end */
/* For text area on eval form */
.regtextarea { /*this was blank in original*/ border: 1px solid #44448a; background-color: #ffffff; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
.regtextarea:focus { /*this was blank in original*/ border: 1px solid #7e7e99; background-color:#ffffcc; font-size: 10pt; color:#333369; padding: 2px 0px 2px 3px;} /* change padding-top was to 2px? */
/* text area end */
select {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #ffffff;
color: #333369;
font-size: 13px;
border: 1px solid #44448a;
outline: 0px;
}
select option {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #ffffcc;
color: #333369;
font-size: 13px;
border: 0px solid #44448a;
outline: 0px;
}
/* ========================================================================================================================================= */
/*HSE style elements below this line*/
/*input {
color: #44448a;
}
input:hover {
color: #44448a;
background-color: clear;
}
select {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #44448a;
font-size: 13px;
}
select:hover {
background-color: clear;
}*/
/* ========================================================================================================================================= */
/* How HSE should print bold and small text, respectively */
.HSE-bold {
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
.HSE-small {
font-size: 11px;
color: gray;
}
a.HSE-small:link {
color: gray;
text-decoration: none;
}
a.HSE-small:visited {
color: gray;
text-decoration: none;
}
a.HSE-small:hover {
color: gray;
text-decoration: none;
}
/* Result links belong to the class "HSE-link" */
a.HSE-link:link {
color: #333369;
text-decoration: none;
}
a.HSE-link:visited {
color: #6666b3;
text-decoration: none;
}
a.HSE-link:hover {
color: #333369;
background-color: clear;
text-decoration: none;
}
/* ========================================================================================================================================= */
/* Style of each result file: First, an icon is printed (unless you have turned that off via hse.ini's "results_details") */
.HSE-icon-div {
/* border: 1px solid gray; */
/* width: 120px; */
background-color: white;
overflow: hidden;
text-align: center;
float: left;
padding: 0px;
margin: 0px 5px 15px;
}
.HSE-icon {
width: 16px;
height: 16px;
}
/* Then, the ranking number is printed (unless you have turned that off via hse.ini's "results_details") */
.HSE-rank {
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: right;
float: left;
width: 15px;
padding-left: 0px;
}
/* The description division. If you don't want it intented, specify '0px' as 'margin-left' value. */
.HSE-description {
margin-left: 55px;
padding: 4px;
}
/* Within that division, a meta description is printed (unless you have turned that off via hse.ini's "description") */
.HSE-meta-desc {
color: #4682b4;
font-size: 12px;
display: none;
/* you might want to uncomment the above line if your hse.ini's "results_global" contains "head:description" */
}
/* Then, list items are printed (unless you have turned that off via hse.ini's "description") */
.HSE-list-item {
list-style: none outside;
padding-top: 2px;
font-size: 11px;
}
/* Matches belong to the class "HSE-match". Some might want to experiment with these. */
.HSE-match:before {
}
.HSE-match:after {
/* content: ""url(); */
}
/* ========================================================================================================================================= */
/*
* If there are more than one results pages, a navigation panel appears below the results, containing a "previous" and "next" image. The
* style of these images and of the currently displayed result range (such as "1-10") can be defined here.
*/
.HSE-nav-image {
width: 11px;
height: 11px;
border-width: 0px;
}
.HSE-current-range {
border: 1px solid #4682b4;
padding: 1px;
}
/* ========================================================================================================================================= */
/* How the pre-built input form (search box) should look like (unless you have turned it off via hse.ini's "searchbox_place") */
/* The search box's general outfit */
.HSE-searchbox {
width: 300px;
border: 1px solid #4682b4;
padding: 2px;
/* background-color: transparent; */
background-color: #fefbde;
/* background: url(/hse/images/lang/lang_es.png) repeat; */
}
/*.HSE-searchbox1-old {
width: 118px;
border: 3px solid #e1e1f0;
padding: 2px;
background-color: #ffffff;
color: #44448a;*/
/*}*/
/*DO NOT alter the following casually; it controls the search window at the top of the pages*/
.HSE-searchbox1 {
width: 134px;
border: 3px solid #bcbcde;
/*padding: 2px;*/
color: #44448a;
background: url(acd.gif) no-repeat;
background-color:#ffffff;
padding-left: 20px;
padding-bottom: 1px;
padding-top: 2px;
height: 22px;
/*width: 15em; e1e1f0 cccce6*/
/* background-color: transparent; */
/* background: url(/hse/images/lang/lang_es.png) repeat; */
}
.HSE-searchbox2 {
width: 120px;
border: 3px solid #bcbcde;
/*padding: 2px;*/
color: #44448a;
background: url(bg1.gif) no-repeat;
background-color:#ffffff;
padding-left: 20px;
padding-bottom: 1px;
padding-top: 2px;
height: 22px;
/*width: 15em; e1e1f0 cccce6*/
/* background-color: transparent; */
/* background: url(/hse/images/lang/lang_es.png) repeat; */
}
/*.HSE-searchbox3 {
width: 14px;
border: 3px solid #e1e1f0;
padding: 2px;
color: #44448a;
background: url(bg1.gif) no-repeat;
background-color:#ffffff;
padding-left: 20px;
height: 22px;
/*width: 15em;*/
/* background-color: transparent; */
/* background: url(/hse/images/lang/lang_es.png) repeat; */
/*}*/
/* The input text field of the search box */
.HSE-inputtext {
font-family: Courier New, Courier;
font-size: 13px;
width: 300px;
}
/* Selection menus within the search box */
.HSE-selection {
background-color: #cce6e6;
}
.HSE-selection:hover {
background-color: lightyellow;
}
/* Text and Links */
.HSE {
color: #000099;
font-size: 13px;
line-height: 16px;
}
a.HSE:link {
color: #000099;
text-decoration: none;
font-size: 13px;
}
a.HSE:visited {
color: #000099;
text-decoration: none;
font-size: 13px;
}
a.HSE:hover {
color: red;
font-size: 13px;
}
/* The form button */
.HSE-button {
font-size: 100%;
border: 1px outset gray;
background-color: gray;
color: white;
}
/* ========================================================================================================================================= */
/*
* During the search, one or two progress bars may be displayed temporary using a DHTML techniqe.
* You can disable them by changing the 'display' value below from 'inline' to 'none'.
*/
#dhtml {
display: inline;
/* display: none; */
}
/* Don't change the following definition! It only exists to ensure that this file is being recognized */
.HSE-hidden {
display: none;
}
/*IMPORTANT: searchmenu controls the search window on each page */
.searchmenu {
width: 100px;
border: 1px solid #6666b3;
/*border: 1px solid #333369; THIS WAS ORIGINAL BORDER COLOR*/
color: #44448a;
/*background: url(acd.gif) no-repeat;*/
background-color:#ffffff;
padding-left: 2px;
padding-bottom: 1px;
padding-top: 2px;
height: 20px;
/*width: 15em; e1e1f0 cccce6*/
/* background-color: transparent; */
/* background: url(/hse/images/lang/lang_es.png) repeat; */
}
/*Zoom styles*/
.highlight { color: #ff0000; background: #ffff99; }
.searchheading { font-size: 130%; font-weight: bold; color:#333369;} /* padding-top: 20px was needed to add line space before "Search results for: " line; also had to change line 1709 in search.php by removing two
*/
.summary { font-size: 80%; font-style: italic;} /* padding-top: 20px was needed to add line space before "Search results for: " line*/
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.description { font-size: 100%; color: #808080; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }
input.zoom_button { }
input.zoom_button1 { color:#44448a; width:20px }
/*input.zoom_searchbox { /*border: 1px solid #44448a; }*/
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }
.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }
.searchtime { font-size: 80%; }
.recommended
{
background: #DFFFBF;
border-top: 1px dotted #808080;
border-bottom: 1px dotted #808080;
margin-top: 15px;
margin-bottom: 15px;
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }
/* header search window begin */
/*input.zoom_searchbox { /*this was blank in original*/ /*border: 1px solid #333369; background-color: #ffffff; font-size: 10pt; color:#333369; padding-left: 3px; padding-top:3px; padding-bottom: 3px;} /* change padding-top was to 2px? */
/* used for search in body but not included in milonic menu */
input.zoom_searchbox2 { /*this was blank in original*/ width: 125px; border: 1px solid #6666b3; background-color: #ffffff; font-size: 10pt; color:#333369; padding-left: 3px; padding-top:2px; padding-bottom: 2px;} /* change padding-top was to 2px? */
/* regular search button at top of pages */
input.buttonS {font-size:.8em; width:55px;}
.zoom_searchform1 { font-size: 100%; /*aligns form in Firefox:*/ display: inline; margin: 0; padding: 0;}
/*below is for Advanced Search magnifying glass image */
input.zoom_button1 {width: 18px; background: transparent url(searchmagsm6.gif) no-repeat center top; overflow: hidden; border: 0; cursor: pointer; /* hand-shaped cursor */ cursor: hand;}
input.zoom_button1:hover {width: 18px; background: transparent url(searchmagsm5.gif) no-repeat center top; overflow: hidden; border: 0; cursor: pointer; /* hand-shaped cursor */ cursor: hand;}
td.form1 {font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; vertical-align: middle; padding: 0px;}
td.form2 {width: 16px; text-align: center; vertical-align: middle; padding: 0px;}
/* used for search in header */
input.zoom_searchbox3 { /*this was blank in original*/ width: 125px; border: 1px solid #6666b3; background-color: #ffffff; font-size: 10pt; color:#333369; padding-left: 3px; padding-top:2px; padding-bottom: 2px;} /* change padding-top was to 2px? */
input.zoom_searchbox3:focus { /*this was blank in original*/ width: 125px; border: 1px solid #6666b3; background-color:#fafed2; font-size: 10pt; color:#333369; padding-left: 3px; padding-top:2px; padding-bottom: 2px;} /* change padding-top was to 2px? */
input.search3 {color: #44448a; background-color: #eeeef7; border: 1px solid #6666b3;}
input.search3:hover {color: #333369; background-color: #f4f4fa; cursor: pointer; border: 1px solid #6666b3;}
/*eeeef7 = 238 238 247 light blue version = 244 244 250 #f4f4fa */
/*The following controls all input boxes: */
/*input {color: #44448a; border: 1px solid #6666b3; background-color: #eeeef7;}*/
/*The following controls all buttons with class="educ"*/
input.button3 {color: #333369; border: 1px solid #6666b3; background-color: #f4f4fa;}
.bold {font-weight: bold;}
/* header search window end */