/* NOTES on debugging: If you output debugging text BEFORE the initial command, it will probably break some of your CSS later in the document. In particular the specified font size may be ignored or overridden. */ @media only screen and (min-width: 1025px) { .mobile-only { display:none !important; } } @media only screen and (max-width: 1026px) { .desktop-only { display:none !important; } } p#score { font-family: Calibri, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FF0033; } /* default elements ---------------------------------------------------- */ .tdtruncate { white-space: nowrap; text-overflow: clip; overflow: hidden; max-width: 1px; } body { background-color: #DDDDDD; /* font-family: Arial, Helvetica, sans-serif; font-size: 13px; */ } body.white { background-color: #FFFFFF; color: #000000; /* I have no idea why color is necessary here when trying to get archives index to plot; */ } form { margin: 0px; } /* default form includes a CR after the form for some reason */ h1, p.h1 { /* styles for headers and datagrid groups */ font-family: Arial, Helvetica, sans-serif; font-size: 25px; /*font-variant: small-caps; */ font-weight: bold; margin: 12px 0px 6px 6px; } h2, p.h2 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-variant: normal; font-weight: bold; margin: 10px 0px 5px 6px; } h3, p.h3, p.dg-group1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-variant: normal; font-weight: bold; margin: 14px 0px 4px 6px; } h4, p.h4, p.dg-group2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-variant: normal; font-weight: bold; margin: 6px 0px 3px 6px; } h5, p.h5, p.dg-group3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-variant: normal; font-weight: bold; margin: 6px 0px 3px 6px; } p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35; margin: 0; } li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35; margin: 0; /* no space between items */ } ul, ol { margin-top: 8px; /* default appears to be 0px */ margin-bottom: 8px; /* default appears to be 8px */ } input { /* fix the margins on the input box to conform with expectations */ font-family: Arial, Helvetica, sans-serif; /* -input- does not inherit font from "body" spec */ font-size: 13px; margin: 2px -3px 2px -1px; } /* -textarea- does not inherit font from "body" spec */ textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 3px; } /* -select- does not inherit font from "body" spec */ select { /* list box */ font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 2px -3px 2px -1px; } img { vertical-align: middle; } /* default hyperlinks ---------------------------------------------------- */ a:link { text-decoration: none; color: #0000FF; } a:visited { text-decoration: none; color: #0000FF; /* #660000; */ } a:hover { text-decoration: underline; color: #0000FF; } a:active { text-decoration: none; color: #0000FF; } /* div styles ------------------------------------------------------------------------ */ div.clear { clear: both; } div.break { page-break-before: always; } div.left { float: left; } div.right { float: right; } div.right2 { overflow: hidden; text-align: left; } /* global classes ---------------------------------------------------- */ table.center { margin-left: auto; margin-right: auto; } /* for tables */ td.top { vertical-align: top; } /* for cells */ td.mid { vertical-align: middle; } /* for cells */ td.bot { vertical-align: bottom; } /* for cells */ tr.null { background-color: #CCCCCC; } /* blank row used for setting the width of the columns */ tr.null td { padding: 0px !important; } /* blank row used for setting the width of the columns */ p.bef4 { margin-top: 4px; } /* for paragraphs, space before */ p.bef { margin-top: 8px; } /* for paragraphs, space before */ p.aft { margin-bottom: 8px; } /* for paragraphs, space after */ p.fli { text-indent: 25px; } /* for paragraphs, first line indent */ p.i10 { margin-left: 10%; margin-right: 10%; } /* for paragraphs, indent 10% both sides */ p.i15 { margin-left: 15%; margin-right: 15%; } /* for paragraphs, indent 10% both sides */ p.i20 { margin-left: 20%; margin-right: 20%; } /* for paragraphs, indent 20% both sides */ p.i30 { margin-left: 30%; margin-right: 30%; } /* for paragraphs, indent 20% both sides */ p.halfline { height: 6px; } p.floatl { float: left } /* for paragraphs within a div */ p.floatr { float: right } /* for paragraphs within a div */ .h200 { height: 200px; } .h150 { height: 150px; } .h140 { height: 140px; } .h130 { height: 130px; } .h120 { height: 120px; } .h100 { height: 100px; } .h90 { height: 90px; } .h80 { height: 80px; } .h70 { height: 70px; } /* for tables and cells */ .h65 { height: 65px; } .h60 { height: 60px; } .h50 { height: 50px; } .h40 { height: 40px; } .h35 { height: 35px; } .h33 { height: 33px; } .h30 { height: 30px; } .h27 { height: 27px; } .h25 { height: 25px; } .h20 { height: 20px; } .h10 { height: 10px; } .h05 { height: 5px; } .h04 { height: 4px; } .h2 { height: 2px; } .w100, .fullwidth { width: 100%; } /* for tables and cells */ .w90 { width: 90%; } .w80 { width: 80%; } .w70 { width: 70%; } .w60 { width: 60%; } .w50 { width: 50%; } .w40 { width: 40%; } .w30 { width: 30%; } .l { text-align: left; } .c { text-align: center; } .r { text-align: right; } .b { font-weight: bold; } .i { font-style: italic; } .u { text-decoration: underline; } .strike { text-decoration: line-through; } .sc { font-variant: small-caps; } .zallcaps {text-transform: uppercase; } .vertical-text { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .red { color: #FF0033; } .green { color: #006600; } .blue { color: #000066; } .yellow { color: #FFFF66; } .pink { color: #FF99CC; } .orange { color: #FF6600; } .white { color: #FFFFFF; } .gray { color: #666666; } .mltgray { color: #999999; } .ltgray { color: #CCCCCC; } .dkgray { color: #222222; } .purple { color: #663399; } .black { color: #000000; } .ltblue { color: #BFDFFF; } .ltgreen { color: #BCEFB4; } .teal { color: #00FF99; } .brown { color: #8C5242; } .country { color: #005B40; } .bgred { background-color: #FF0033; } .bgreddish { background-color: #AA0000; } .bggreen{ background-color: #006600; } .bgblue { background-color: #000066; } .bgmedblue { background-color: #5353FF; } .bgyellow { background-color: #FFFF66; } .bgltyellow { background-color: #FFFF99; } /* light yellow = highliter */ .bgpink { background-color: #FF99CC; } .bgorange { background-color: #FF6600; } .bgwhite { background-color: #FFFFFF; } .bggray { background-color: #666666; } .bgltgray { background-color: #CCCCCC; } .bgdkgray2 { background-color: #333333; } .bgdkgray { background-color: #222222; } .bgpurple { background-color: #663399; } .bgblack { background-color: #000000; } .bgltblue { background-color: #BFDFFF; } .bgteal { background-color: #00FF99; } .bgltgreen { background-color: #BCEFB4; } .bgmedpink { background-color: #FFCCD2; } .bgltpink { background-color: #FFE8F3; } .bgvltgray { background-color: #EEEEEE; } .bgvltblue { background-color: #DFF1FF; } .bgvltblue2 { background-color: #cce6ff; } .bgvltyellow { background-color: #FFFFCC; } .bgerror { background-color: #FFCECE; } .bgaction { background-color: #FFB0B0; } .bgltpurple { background-color: #FF99FF; } .bgltorange { background-color: #FFAA44; } .bgvltgreen { background-color: #DBF7D7; } .bgvltorange { background-color: #FFD9AA; } .bgbrown { background-color: #8C5242; } .bgcountry { background-color: #005B40; } .bgltbrown { background-color: #E3CDC6; } .bgdkgreen { background-color: #005500; } .bgdkgreen2 { background-color: #004400; } /* colors used in video table */ span.M { background-color: #FF0000; padding: 1px 2px 1px 2px; margin: 1px; color: #FFFFFF;} span.L1A { background-color: #AAAAAA; padding: 1px; margin: 1px; } span.L1B { background-color: #DDDDDD; padding: 1px; margin: 1px; } span.L2 { background-color: #FFFF80; padding: 1px; margin: 1px; } span.L3 { background-color: #FFA0FF; padding: 1px; margin: 1px; } span.L5 { background-color: #00FF00; padding: 1px 2px 1px 2px; margin: 1px; font-weight: bold; } span.Powell { background-color: #FFFFFF; padding: 1px 2px 1px 2px; } span.ByOther { background-color: #40FFFF; padding: 1px 2px 1px 2px; margin: 1px; font-weight: bold; } .pad8, .pad { padding: 8px; } .pad4 { padding: 4px; } .pad2 { padding: 2px; } .pad0 { padding: 0px; } .px80 { font-size: 80px; } .px70 { font-size: 70px; } .px60 { font-size: 60px; } .px50 { font-size: 50px; } .px40 { font-size: 40px; } .px36 { font-size: 36px; } .px32 { font-size: 32px; } .px30 { font-size: 30px; } .px28 { font-size: 28px; } .px26 { font-size: 26px; } .px24 { font-size: 24px; } .px23 { font-size: 23px; } .px22 { font-size: 22px; } .px21 { font-size: 21px; } .px20 { font-size: 20px; } .px19 { font-size: 19px; } .px18 { font-size: 18px; } .px17 { font-size: 17px; } .px16 { font-size: 16px; } .px15 { font-size: 15px; } .px14 { font-size: 14px; } .px13 { font-size: 13px; } .px12 { font-size: 12px; } .px11 { font-size: 11px; } .px10 { font-size: 10px; } .px9 { font-size: 9px; } .px8 { font-size: 8px; } .px7 { font-size: 7px; } .arial { font-family: Arial, Helvetica, sans-serif; } .narrow { font-family: "Arial Narrow", Helvetica, sans-serif; } .times { font-family: "Times New Roman", Times, serif ; } .calibri { font-family: Calibri, Arial, Helvetica, sans-serif; } .dotted { border-style: dotted !important; } .dashed { border-style: dashed !important; } .plain { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; } .box8, .box { border-width: 1px; border-style: solid; padding: 8px; } .box2 { border-width: 1px; border-style: solid; padding: 2px; } .box4 { border-width: 1px; border-style: solid; padding: 4px; } .boxr { border-width: 1px; border-style: solid; padding: 8px; border-radius: 15px; /* rounded corners */ } .underline { border-bottom-width: 1px; border-bottom-style: solid; } .top { vertical-align: top; } /* common elements classes -------------------------------------------------------- */ div.menu-icon { width: 100px; height: 70px; border: 1px solid #AAAAAA; padding: 3px; margin: 3px; float:left; } div.menu-icon a:link { text-decoration: none; color: #000000; } div.menu-icon a:visited { text-decoration: none; color: #000000; /* #660000; */ } div.menu-icon a:hover { text-decoration: underline; color: #000000; } div.menu-icon a:active { text-decoration: none; color: #000000; } div.frame { /* outer bordered frame */ width: 960px; padding: 8px; border: 1px solid #888888; background-color: #FFFFFF; margin-left:auto; margin-right:auto; } p.form-title { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-align: center; vertical-align: middle; width: 100%; color: #000000; padding: 5px; margin: 4px 0 0 0; } p.last-update { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; } p.Xalert { font-weight: bold; margin: 3px 0px 6px 0px; padding: 8px; border: 1px solid; border-color: #999999; background-color: #FF9999; } p.Xwarning { font-weight: bold; margin: 3px 0px 6px 0px; padding: 8px; border: 1px solid; border-color: #999999; background-color: #FFCC66; } /* standard container used as basic component of most pages ------------------------------ */ table.container { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: 0px solid #FFFFFF; /* border now 0px */ width: 100%; margin: 0; } table.container tr { margin: 0px 0 0 0; padding: 0; } table.container td { border: 0px solid #FFFFFF; /* border now 0px */ padding: 8px; } table.container td.submenu { text-align: center; vertical-align: top; padding: 8px 10px 8px 10px; background-color: #FFFFCC; border: 1px solid #CCCCCC; } table.container td.intro { text-align: left; vertical-align: top; padding: 8px 10px 8px 10px; background-color: #DFF1FF; border: 1px solid #CCCCCC; } /* standard datagrids ---------------------------------------------------- */ /* original datagrid, used for stored queries (only?), uses a smaller font (11px) */ table.datagrid { border: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 8px; } table.datagrid tr { border: 1px solid #CCCCCC; border-collapse: collapse; } table.datagrid tr.alt { border: 1px solid #CCCCCC; border-collapse: collapse; background-color: #EEEEEE; } table.datagrid tr.alt2 { border: 1px solid #CCCCCC; border-collapse: collapse; background-color: #E7E7E7; } table.datagrid th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 3px 1px 3px; text-align: center; font-weight: bold; background-color: #DFF1FF; } table.datagrid td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 3px 1px 3px; text-align: center; } /* "dg" datagrid, each cell is aligned to the left and the top, uses 13 px font */ table.dg { border: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 4px; } table.dg tr { border: 1px solid #CCCCCC; border-collapse: collapse; } table.dg tr.alt { background-color: #E6E6E6; } table.dg th { font-weight: bold; background-color: #DFF1FF; color: #333333; vertical-align: bottom; /* since this is specified, global classes won't change it */ /* text-align: center ' is the default; if specified here, global classes won't change it */ border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 6px 1px 6px; } table.dg td { vertical-align: top; /* since this is specified, global classes won't change it */ /* text-align: left ' is the default; if specified here, global classes won't change it */ border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 6px 1px 6px; } table.dg td.tdnarrow { vertical-align: top; /* since this is specified, global classes won't change it */ /* text-align: left ' is the default; if specified here, global classes won't change it */ border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 1px 1px 1px; } /* "dgdefault" datagrid, where each cell is centered to the left and the middle (vertically), uses 13 px font */ table.dgdefault { border: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 8px; } table.dgdefault tr { border: 1px solid #CCCCCC; border-collapse: collapse; } table.dgdefault tr.alt { background-color: #E6E6E6; } table.dgdefault th { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background-color: #DFF1FF; color: #333333; /* vertical-align: middle; ' is the default; if specified here, global classes won't change it */ /* text-align: center ' is the default; if specified here, global classes won't change it */ border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 6px 1px 6px; } table.dgdefault td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* vertical-align: middle; ' is the default; if specified here, global classes won't change it */ /* text-align: left ' is the default; if specified here, global classes won't change it */ border: 1px solid #CCCCCC; border-collapse: collapse; padding: 1px 6px 1px 6px; } /* vanilla tables ---------------------------------------------------- */ table.simple { border: 0px; } table.simple td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* vertical-align: middle; ' is the default; if specified here, global classes won't change it */ /* text-align: left ' is the default; if specified here, global classes won't change it */ border: 0px; padding: 1px 6px 1px 6px; } table.full { width:100%; border-collapse: collapse; } table.full td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* vertical-align: middle; ' is the default; if specified here, global classes won't change it */ /* text-align: left ' is the default; if specified here, global classes won't change it */ border: 1px solid lightgray; padding: 1px 8px; } /* DEPRECATED CLASSES ---------------------------------------------------- */ p.nospace { margin-top: 0px; margin-bottom: 0px; }