@font-face { font-family: 'ClearviewATTBook'; src: url('fonts/clvatt-book-webfont.eot'); src: url('fonts/clvatt-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clvatt-book-webfont.woff') format('woff'), url('fonts/clvatt-book-webfont.ttf') format('truetype'), url('fonts/clvatt-book-webfont.svg#ClearviewATTBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClearviewATTBold'; src: url('fonts/clvatt-bold-webfont.eot'); src: url('fonts/clvatt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clvatt-bold-webfont.woff') format('woff'), url('fonts/clvatt-bold-webfont.ttf') format('truetype'), url('fonts/clvatt-bold-webfont.svg#ClearviewATTBold') format('svg'); font-weight: normal; font-style: normal; } body { font-family: verdana, helvetica, sans-serif; font-size: 62.5%; font-weight: normal; font-style: normal; text-align: left; margin: 0px; padding: 0px; border: none; vertical-align: baseline; background-color: white; color: #666666; } p { margin-bottom: 3px; margin-top: 3px; } h1 { font-family: 'ClearviewATTBold'; font-size: 2.4em; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; color: #222222; } h2 { font-family: 'ClearviewATTBold'; font-size: 2.0em; text-align: center; margin-top: 4px; margin-bottom: 4px; } h3 { font-size: 1.2em; font-weight: bold; text-align: center; margin-top: 4px; margin-bottom: 4px; } h4 { font-size: 1.2em; font-weight: bold; margin-top: 2px; margin-bottom: 2px; } h5 { font-size: 1em; font-weight: bold; margin-top: 2px; margin-bottom: 2px; } h6 { font-size: 0.8em; font-style: normal; margin-top: 2px; margin-bottom: 0px; } table { border-collapse:collapse; } table, th, td { border:1px solid #CCCCCC; } th { font-weight:bold; } ul { list-style-type: disc; list-style-position: outside; margin-left: 0px; padding-left: 1em; } ul ul { list-style-type: square; list-style-position: outside; margin-left: 1em; padding-left: 1em; } ul ul ul { list-style-type: circle; list-style-position: outside; margin-left: 2em; padding-left: 1em; } a:link, a:visited { color: #2491C6; text-decoration: none; } a:active, a:hover { color: #2491C6; text-decoration: underline; } hr { color: #DBE0E6; background-color: #DBE0E6; border-width:0; height:1px; } input, select, textarea, button { font-family: verdana, helvetica, sans-serif; font-size: 1em; color: #666666; } input[readonly] { background-color: #DBE0E6; border:1px solid #999999; border-top:1px solid #666666; border-bottom:1px solid #AAAAAA; } form { display:inline; clear:both; } optgroup { font-weight:normal; } img { border-style: none; } .center { text-align:center; } .bold { font-weight:bold; } .error { font-weight: bold; color: #0071A2; } .errorcenter { font-weight: bold; color: red; margin-top: 12px; text-align: center; } .footnote { clear:both; padding-top: 2px; font-size: 0.9em; } .infoboxtext { padding: 5px; } table.userform{ border: none; width: 100%; margin: 0px; } .userform th { font-weight: bold; text-align: left; background-color: #DBE0E6; padding-left: 4px; border: none; } .userform td { padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 4px; border: none; } .userform div { padding-top: 6px; } .userform ul { list-style-type: none; list-style-position: outside; margin-left: 0px; padding-left: 1em; margin-top: 0px; margin-bottom: 0px; } .userform ul ul { list-style-type: none; list-style-position: outside; margin-left: 1em; padding-left: 1em; } .userform ul ul ul { list-style-type: none; list-style-position: outside; margin-left: 2em; padding-left: 1em; } .userformbutton { text-align: center; padding-top: 12px; margin-bottom: 0px; border: none; } .userformfoot { text-align: center; margin-top: 16px; margin-bottom: 4px; border: none; } table.reportbox { width: 100%; border: 1px solid #DBE0E6; border-collapse: collapse; border-spacing: 0px; padding: 2px; text-align:left; } .reportbox th { font-weight: bold; text-align: left; background-color: #DBE0E6; border: 1px solid #DBE0E6; } .date td { width:80px; text-align:center; } .leftbar { padding: 0; border: none; background-color: #DBE0E6; width: 220px; vertical-align: top; font-size: 1.1em; } .leftbar hr { color: #666666; background-color: #666666; border-width: 0px; height:1px; width: 100%; margin-top:12px; margin-bottom:0px; } .lbsection { padding-top:6px; font-weight:bold; } .lb { max-width: 218px; width: 218px; } .lb input { max-width: 98% } .cjlist { padding:0; border: none; background-color: white; font-size: 1.1em; vertical-align:top; } .cjlist table { margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .cjlist td { text-align:center; min-width: 10px; padding-right:2px; padding-left:2px; } .cjlist th { text-align:center; padding-right:2px; padding-left:2px; } .cmlist { padding:0; border: none; background-color: white; font-size: 1.1em; vertical-align:top; } .cmlist table { margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .cmlist td { text-align:center; min-width: 10px; padding-right:2px; padding-left:2px; } .cmlist th { text-align:center; padding-right:2px; padding-left:2px; } .dashboard { padding:0; border: none; background-color: white; font-size: 1.1em; vertical-align:top; } .dashboard table { margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .dashboard td { text-align:center; min-width: 100px; padding-right:2px; padding-left:2px; } .dashboard th { text-align:center; padding-right:4px; padding-left:4px; } .dbtitle { font-size: 1.25em; font-weight: bold; } .dbsubtitle { font-weight: bold; } .dbrowlabel td { text-align:left; } .smallbase { font-size: 0.8em; font-style: italic; } .recipient { padding:0; border: none; background-color: white; font-size: 1.1em; vertical-align:top; } .recipient table { margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .recipient td { text-align:left; min-width: 100px; padding-right:2px; padding-left:2px; } .verbatim { padding:0; border: none; background-color: white; font-size: 1.1em; vertical-align:top; margin-left: auto; margin-right: auto; } .verbatim table { margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .verbatim th { text-align:center; } .verbatim td { text-align:left; padding:4px 2px; } .verbatim_note { text-align: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } table.foot{ border: none; width: 100%; margin: 0px; } .foot th { border: none; } .foot td { border: none; } table.dbhead{ border: none; width: 100%; margin: 0px; } .dbhead th { border: none; } .dbhead td { border: none; } .textcolor { color: #666666; } .blue {color:#0000FF;} .red {color:#FF0000;} .green {color:#006600;} .darkcyan {color:#008B8B;} .darkmagenta {color:#8B008B;} .chocolate {color:#8B4513;} .aquamarine {color:#458B74;} .crimson {color:#DC143C;} .darkorange {color:#FF7600;} .cadetblue {color:#53868B;} .seagreen {color:#698B69;} .goldenrod {color:#EEAD0E;} .huntergreen {color:#227D4C;} .firebrick {color:#C11B17;} .armygreen {color:#827839;} .darkviolet {color:#394382;} .bgseagreen {background-color:#91FF91} .bggoldenrod {background-color:#EEDD82;} .bgsteelblue {background-color:#CAE1FF;} .bgthistle {background-color:#FFE1FF;} .bgrosybrown {background-color:#FFC1C1;} .bglavendar {background-color:#E6E6FA;} .bglemonchiffon {background-color:#FFFA66;} .bgivorytusk {background-color:#FDFCDC;} .bggreenveil {background-color:#DDFFDD;} #container { min-width: 1024px; max-width: 1366px; margin-left: auto; margin-right: auto; } #popup_container { width: 680px; margin-left: auto; margin-right: auto; } #insidecontainer { width: 100%; } #header { display:block; border-top:2px solid #DBE0E6; border-bottom:1px solid #DBE0E6; border-left:2px solid #DBE0E6; border-right:2px solid #DBE0E6; } #main { clear:both; border: 1px solid #DBE0E6; } #loginbox { width: 400px; font-size: 1.1em; margin-left: auto; margin-right: auto; border: 1px solid #DBE0E6; margin-top:25px; margin-bottom:25px; } #infobox { width: 650px; font-size: 1.1em; margin-left: auto; margin-right: auto; border: 1px solid #DBE0E6; margin-top:15px; margin-bottom:25px; clear:both; } #nologinmenu { display:block; height:18px; background-color: #0071A2; border:2px solid #DBE0E6; border-top:1px solid #DBE0E6; border-bottom:1px solid #DBE0E6; } #loginmenu { display:block; height:18px; background-color:#0071A2; border-left:1px solid #DBE0E6; border-right:2px solid #DBE0E6; border-top:1px solid #DBE0E6; border-bottom:1px solid #DBE0E6; } #logininfo { text-align:right; margin:0px; padding:0px; } #reportbox { width: 98%; font-size: 1.1em; margin-left: auto; margin-right: auto; border: none; margin-top:25px; margin-bottom:25px; clear:both; } #dbcontainer { width: 100%; border: none; font-size: 1.1em; } #dbtype { font-size: 1.25em; font-weight: bold; text-transform: uppercase; text-align: left } #navlinks { text-align: center; border: 1px solid #DBE0E6; padding: 2px; } #menu { display:block; background: #0071A2; float: left; margin-top:0; margin-bottom:10px; padding: 0; } #menu ul { list-style: none; margin: 0; padding: 0; width: 150px; float: left; text-align: center; } #menu a, #menu h2 { font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 1.1em; display: block; border: 1px solid #DBE0E6; border-top: none; margin: 0; padding: 2px 10px 2px 10px } #menu h2 { color: #FFFFFF; background: #0071A2; } #menu a { color: #FFFFFF; background: #0071A2; text-decoration: none; } #menu a:hover { color: #2491C6; background: #FFFFFF; } #menu li { position: relative; } #menu ul ul { position: absolute; text-align: left; z-index: 500; } #menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; } #menu ul ul h2 { text-align: left; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none; } div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; }.datepickr-wrapper { display: inline-block; position: relative; } .datepickr-calendar { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background-color: #eee; color: #333; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 2px; display: none; position: absolute; top: 100%; left: 0; z-index: 100; } .open .datepickr-calendar { display: block; } .datepickr-calendar .datepickr-months { background-color: #A6A9AB; border: 1px solid #0071A2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 2px; text-align: center; font-size: 120%; } .datepickr-calendar .datepickr-prev-month, .datepickr-calendar .datepickr-next-month { color: #fff; text-decoration: none; padding: 0 .4em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .datepickr-calendar .datepickr-prev-month { float: left; } .datepickr-calendar .datepickr-next-month { float: right; } .datepickr-calendar .datepickr-current-month { padding: 0 .2em; } .datepickr-calendar .datepickr-prev-month:hover, .datepickr-calendar .datepickr-next-month:hover { background-color: #fdf5ce; color: #c77405; } .datepickr-calendar table { border-collapse: collapse; padding: 0; width: 100%; } .datepickr-calendar thead { font-size: 90%; } .datepickr-calendar th, .datepickr-calendar td { width: 14.3%; } .datepickr-calendar th { text-align: center; padding: 2px; } .datepickr-calendar td { text-align: right; padding: 1px; } .datepickr-calendar .datepickr-day { display: block; color: #0071A2; background-color: #f6f6f6; border: 1px solid #ccc; padding: 2px; cursor: pointer; } .datepickr-calendar .datepickr-day:hover { color: #C77405; background-color: #fdf5ce; border: 1px solid #fbcb09; } .datepickr-calendar .today .datepickr-day { background-color: #fff0A5; border: 1px solid #fed22f; color: #363636; } .datepickr-calendar .selected .datepickr-day { background-color: #1c94c4; color: #f6f6f6; } .datepickr-calendar .disabled .datepickr-day, .datepickr-calendar .disabled .datepickr-day:hover { background-color: #eee; border: 1px dotted #ccc; color: #bbb; cursor: default; }