.sectionContainer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; position: relative; } .sectionContainer .key { display: table-cell; vertical-align: top; text-align: right; padding: 4px; background-color: #ECEFF9; text-align: right; margin-bottom: 1px; width: 160px; font: inherit; font-weight: bold; } .sectionContainer .single .value { width: 725px; } .sectionContainer .double .value { width: 275px; } .sectionContainer .triple .value { width: 140px; } .sectionContainer .markText.value { width: 403px; } .sectionContainer .value { display: table-cell; word-wrap: break-word; vertical-align: top; border-bottom: 1px solid #EEE; padding: 4px; font: inherit; } .sectionContainer .value span{ display: block; } .sectionContainer .key.maintenanceKey { width: 360px; } .sectionContainer .value.maintenanceValue { /* Helg: .container = 920 - 2x4 = 912px, left column ( .maintenanceKey = 360+2*4 = 368 px) right column should be 912-368 = 544px less 2x4px padding is 536px */ width: 528px; } .sectionContainer .row { display: table-row; } .sectionContainer .table { display: table; table-layout: fixed; width: 900px; } .sectionContainer .table .caption{ display: table-caption; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 3px; padding-left: 5px; margin: 0px; background: url(../image/line.png) bottom left repeat-x; background-color: #efefef; } .sectionContainer .empty.key { background: #fff; border-bottom: 1px solid #EEE; } .sectionContainer img.mark { float: right; width: 100px; } .sectionContainer h2 { color: #369; cursor: pointer; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 5px; padding-left: 20px; background-color: #EEE; margin: 0px; } .sectionContainer .collapsedSectionTitle { background-image: url(https://tsdr.uspto.gov/image/ui-bg_glass.png); } h3.expand_heading span { background: url(../image/up_arrow.png) 6px center no-repeat; display: block; } h3.active span { background: url(../image/down_arrow.png) 6px center no-repeat; } h3.expand_heading { padding: 0px; margin: 0px; } h3.expand_heading a { color: black; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; height: auto; border-bottom: 1px solid #069; padding: 7px; padding-left: 20px; margin: 0px; text-decoration: none; } .sectionContainer h4 { color: black; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 3px; padding-left: 5px; border-bottom: 1px solid #eee; margin: 0px; background-color: #efefef; border-bottom: 1px solid #eee; } .sectionContainer .separator { background: #DDDDDD; clear: both; float: none; width: 100%; height: 5px; margin: 1px; border: 0px; } .sectionContainer td.subTitle { background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto; border-collapse: separate; border: 0px; border-right: 1px solid #E6E7EA; border-bottom: 1px solid #E6E7EA; background-color: #F2F2F2; color: black; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; padding: 3px; padding-left: 20px; text-align: left; width: 100px; } .sectionContainer td.subTitleRight { border-right: 0px; } .sectionContainer tr.odd td { background-color: #ECEFF9; border-bottom: 1px solid #E6E7EA; } .sectionContainer td { border-bottom: 1px solid #E6E7EA; } .sectionContainer td.large { width: 355px; line-height: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .expand_all_proceedings { background: url(../image/extra_buttons.png) no-repeat left top; cursor: pointer; float: right; height: 30px; width: 102px; position: relative; } .expand_all_assignments { background: url(../image/extra_buttons.png) no-repeat left top; cursor: pointer; float: right; height: 30px; width: 102px; position: relative; } #proceedings_container2 { position:relative; } .floatingHeader { position: fixed; top: 0; visibility: hidden; } div#filterProceedingsContainer span { background: url(../image/down_arrow.png) 6px center no-repeat; padding-left: 20px; } div#filterAssignmentsContainer span { background: url(../image/down_arrow.png) 6px center no-repeat; padding-left: 20px; } div#filterPartyContainer span { background: url(../image/down_arrow.png) 6px center no-repeat; padding-left: 20px; } .summary { background-color: #F2F2F2; color: black; text-align: left; padding: 4px; padding-left: 20px; border-bottom: 1px solid #EEE; font-weight: bold; } div#proceedingsSection { position: relative; } .smallHeaderTitle { width: 50px; text-align: center; padding-left: 0px } .sectionContainer div.note{ background: url(../image/line.png) bottom left repeat-x; background-color: #EFEFEF; color: #666; padding-left: 5px; } .sectionContainer div.note ul{ padding-left: 15px; } .sectionContainer div.note ul li{ list-style-type: disc; margin-left: 25px; } .sectionContainer div.note span{ display: block; } @media pdf { .key { font-weight: bold; float: left; background: #fff; border: none; } .value { float: left; border: none; } }