body, th, td, p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } p { line-height: 18px; } body { background-color: #fc0; background-image: url("http://heraldry.ansteorra.org/images/bg.gif"); margin: 0 } .table { border: 1px solid #000000; } .table .head{ color: #fff; background-color: #000000; padding: 3px; border-bottom: 1px solid #000000; font-weight: 700; } .table .head2{ color: #fff; background-color: #000000; padding: 3px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: 700; } .gray { background-color: #cccccc; font-size: 10px; padding: 3px; border-bottom: 1px dotted #000; } .grayb { background-color: #cccccc; font-size: 10px; padding: 3px; } .white { background-color: #ffffff; font-size: 10px; padding: 3px; border-bottom: 1px dotted #000; } .whiteb { background-color: #ffffff; font-size: 10px; padding: 3px; } h1 { padding-top: 15px; font-size: 20px; font-weight: 700; padding-left: 5px; border-bottom: 1px solid #C80000; width: 100%; } .override { padding: 0px; border: 1px solid #ffffff; background-color: #fff; } form { padding: 15px; border: 1px solid #000000; background-color: #ccc; } h2 { padding-top: 10px; font-size: 18px; font-weight: 700; padding-left: 5px; border-bottom: 1px solid #C80000; width: 100%; } .signed { text-align: right; } a { color: #C80000 } a:hover { color: #C80000 } li { list-style-image: url("http://heraldry.ansteorra.org/images/bullet.gif"); list-style: none; margin-left: 0; padding-left: 1em; padding-bottom: 4px; line-height: 18px; } form li { list-style-image: url("http://heraldry.ansteorra.org/images/dbullet.gif"); list-style: none; margin-left: 0; padding-left: 1em; padding-bottom: 4px; line-height: 18px; } .red_horizontal { background-image: url("http://heraldry.ansteorra.org/images/tmpl_07.gif") } .red_vertical { background-image: url("http://heraldry.ansteorra.org/images/tmpl_10.gif") } .content_table { margin-top: 50px; } .content_table #frame { height: 90%; border: solid 10px #000 } .v_star { margin-bottom: 250px } #layer1 { visibility: visible; position: absolute; top: 20px; width: 100%; height: 100px } #layer2 { visibility: visible; position: absolute; top: 10px; width: 100%; height: 100px } #layer3 { visibility: visible; position: absolute; top: 200px; left: 10px; width: 5%; height: 100% } #layer4 { visibility: visible; position: absolute; top: 200px; right: 10px; width: 5%; height: 100% } #menu { visibility: visible; position: absolute; top: 130px; width: 100% } #menu a { color: #900; font-weight: 700; text-decoration: none; font-size: 14px; } #menu a:hover { color: #000; font-weight: 700; text-decoration: none; font-size: 14px; } #copy { background-color: #000; position: relative; bottom: 5px; width: 95%; height: 20px } #copy a { color: #fff; font-size: 10px; padding-bottom: 3px } .bottom_pad { padding-bottom: 7px } .pad_top { padding-top: 4px } .dgreen { color: #063; font-style: italic; font-weight: 700 } .dblue { color: #006; font-style: italic; font-weight: 700 } .dred { color: #C80000; font-style: italic; font-weight: 700 } .fwhite{ color: #fff; } .italic { font-style: italic; } .bolder { font-weight: bolder; } .center { margin-left: auto; margin-right: auto; text-align: center; } .smaller { font-size: smaller; } .lighter { font-weight: lighter; } .top { vertical-align: top; } .orders table { border-collapse: collapse; width: 100%; } .orders table, .orders th, .orders td { border: 1px solid #000000; } .orders th, .orders td { text-align: center; width: 20% } .dataTable table { border: 1px solid #000000; width: 100%; border-spacing: 0px; border-collapse: collapse; } .dataTable td, .dataTable th { vertical-align: top; white-space: nowrap; padding: 3px; text-align: left; } .dataTable th { color: #fff; background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: 700; } .dataTable td { font-size: 10px; border-bottom: 1px dotted #000; } .dataTable tr:nth-child(even) td { background-color: #ffffff; } .dataTable tr:nth-child(odd) td{ background-color: #cccccc; }