dom_large_table.html 39 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <style>
  7. /* Style definitions for pdfs */
  8. /**********************************************************************/
  9. /* Default style definitions
  10. /**********************************************************************/
  11. /* General
  12. -----------------------------------------------------------------------*/
  13. body {
  14. background-color: #114C8D;
  15. color: #000033;
  16. font-family: "verdana", "sans-serif";
  17. margin: 0px;
  18. padding-top: 0px;
  19. font-size: 1em;
  20. }
  21. h1 {
  22. font-size: 1.1em;
  23. color: #114C8D;
  24. font-style: italic;
  25. }
  26. h2 {
  27. font-size: 1.05em;
  28. color: #114C8D;
  29. }
  30. h3 {
  31. font-size: 1em;
  32. color: #114C8D;
  33. }
  34. img {
  35. border: none;
  36. }
  37. img.border {
  38. border: 1px solid #114C8D;
  39. }
  40. pre {
  41. font-family: "verdana", "sans-serif";
  42. color: #FFFFff;
  43. font-size: 0.7em;
  44. }
  45. ul {
  46. color: #BEAC8B;
  47. list-style-type: circle;
  48. list-style-position: inside;
  49. margin: 0px;
  50. padding: 3px;
  51. }
  52. li {
  53. color: #000033;
  54. }
  55. li.alpha {
  56. list-style-type: lower-alpha;
  57. margin-left: 15px;
  58. }
  59. p {
  60. font-size: 0.8em;
  61. }
  62. a:link,
  63. a:visited {
  64. text-decoration: none;
  65. color: #114C8D;
  66. }
  67. a:hover {
  68. text-decoration: underline;
  69. color: #860000;
  70. }
  71. hr {
  72. border: 0;
  73. }
  74. #page_header {
  75. position: relative; /* required to make the z-index work */
  76. z-index: 2;
  77. }
  78. #body {
  79. background-color: #F9F0E9;
  80. padding: 12px 0.5% 2em 3px;
  81. min-height: 20em;
  82. margin: 0px;
  83. width: 100%;
  84. }
  85. #body pre {
  86. color: #000033;
  87. }
  88. #left_column {
  89. width: 84%;
  90. height: auto;
  91. padding-right: 8px;
  92. padding-bottom: 30px;
  93. }
  94. #right_column {
  95. /* position: absolute;
  96. right: 0.5%;*/
  97. padding-left: 16px;
  98. width: 15%;
  99. min-width: 160px;
  100. }
  101. /* Inputs
  102. -----------------------------------------------------------------------*/
  103. input {
  104. color: #114C8D;
  105. border: 1px solid #114C8D;
  106. background-color: #FFFFff;
  107. font-family: "verdana", "sans-serif";
  108. font-size: 1em;
  109. padding-left: 3px;
  110. }
  111. select {
  112. color: #114C8D;
  113. border: 1px solid #114C8D;
  114. background-color: #FFFFff;
  115. font-family: "verdana", "sans-serif";
  116. font-size: 1em;
  117. }
  118. textarea {
  119. color: #114C8D;
  120. border: 1px solid #114C8D;
  121. background-color: #FFFFff;
  122. font-family: "verdana", "sans-serif";
  123. font-size: 1em;
  124. }
  125. a.button {
  126. color: #114C8D;
  127. border: 1px solid #114C8D;
  128. background-color: #FFFFff;
  129. font-size: 11px;
  130. font-weight: normal;
  131. /* font-size: 0.75em; */
  132. -moz-border-radius: 4px;
  133. padding: 1px 6px 1px 6px;
  134. cursor: pointer;
  135. white-space: nowrap;
  136. text-align: center;
  137. }
  138. a.button:hover {
  139. text-decoration: none;
  140. }
  141. a.block_button {
  142. color: #114C8D;
  143. border: 1px solid #114C8D;
  144. background-color: #FFFFff;
  145. font-size: 11px;
  146. -moz-border-radius: 4px;
  147. padding: 1px 6px 1px 6px;
  148. cursor: pointer;
  149. white-space: nowrap;
  150. text-align: center;
  151. display: block;
  152. }
  153. a.block_button:hover {
  154. text-decoration: none;
  155. }
  156. input[type=button],
  157. input[type=submit],
  158. input[type=reset] {
  159. -moz-border-radius: 4px;
  160. cursor: pointer;
  161. font-size: 11px;
  162. /* font-size: 0.75em; */
  163. padding: 0px 3px 0px 3px;
  164. }
  165. input[type=checkbox] {
  166. border: none;
  167. }
  168. input[disabled],
  169. input[readonly] {
  170. background-color: #dddddd;
  171. }
  172. input.ok {
  173. padding-left: 12px;
  174. background-image: url(/images/check.png);
  175. background-repeat: no-repeat;
  176. background-position: 3px center;
  177. }
  178. input.cancel {
  179. padding-left: 12px;
  180. background-image: url(/images/small_cancel.png);
  181. background-repeat: no-repeat;
  182. background-position: 3px center;
  183. }
  184. /* Footer
  185. -----------------------------------------------------------------------*/
  186. #footer {
  187. color: #FFFFff;
  188. border-top: 1px solid #000033;
  189. }
  190. #copyright {
  191. padding: 5px;
  192. font-size: 0.6em;
  193. background-color: #114C8D;
  194. }
  195. #footer_spacer_row {
  196. border-spacing: 0;
  197. width: 100%;
  198. }
  199. #footer_spacer_row td {
  200. padding: 0px;
  201. border-bottom: 1px solid #000033;
  202. background-color: #F7CF07;
  203. height: 2px;
  204. font-size: 2px;
  205. line-height: 2px;
  206. }
  207. #logos {
  208. padding: 5px;
  209. float: right;
  210. }
  211. /* Plugins
  212. -----------------------------------------------------------------------*/
  213. #plugin_box {
  214. width: 100%;
  215. min-width: 160px;
  216. padding: 0px;
  217. float: right;
  218. background-color: #EDF2F7;
  219. border: 1px solid #114C8D;
  220. margin: 0px 0px 2em 0px;
  221. }
  222. .plugin_header {
  223. font-size: 0.7em;
  224. font-weight: bold;
  225. padding: 2px;
  226. background-color: #114C8D;
  227. color: #FFFFff;
  228. }
  229. ul.side_menu_list>li {
  230. color: #BEAC8B;
  231. }
  232. ul.side_menu_list>li {
  233. font-size: 0.7em;
  234. font-weight: bold;
  235. margin-left: 0.5%;
  236. list-style-type: none;
  237. }
  238. ul.side_menu_sublist>li {
  239. font-size: 0.7em;
  240. color: black;
  241. font-weight: normal;
  242. margin-left: 10%;
  243. list-style-position: outside;
  244. }
  245. .plugin_shade {
  246. float: right;
  247. }
  248. #plugin_box p {
  249. font-size: 0.7em;
  250. margin: 0px 0px 3px 5%;
  251. }
  252. .plugin {
  253. border-spacing: 0px;
  254. width: 98%;
  255. margin: 3px auto 3px auto;
  256. }
  257. .plugin td {
  258. font-size: 0.7em;
  259. }
  260. .plugin td.field {
  261. background-color: #EDF2F7;
  262. }
  263. .plugin td.field_center {
  264. background-color: #EDF2F7;
  265. }
  266. .plugin td.label {
  267. background-color: #EDF2F7;
  268. }
  269. .plugin tr.foot td {
  270. text-align: center;
  271. font-size: 0.7em;
  272. }
  273. /* Menu
  274. -----------------------------------------------------------------------*/
  275. #main_menu {
  276. width: 100%;
  277. position: absolute;
  278. margin: 0px;
  279. font-size: 0.7em;
  280. background-color: #F9F0E9;
  281. z-index: 1;
  282. }
  283. #menu_group_head {
  284. margin: 0px;
  285. position: relative;
  286. background-color: #EDF2F7;
  287. white-space: nowrap;
  288. font-weight: bold;
  289. border-bottom: 1px solid #114C8D;
  290. padding: 3px 3px 2px 3px;
  291. color: #114C8D;
  292. }
  293. #menu_group_head>a {
  294. padding: 4px 6px 2px 6px;
  295. }
  296. #menu_group_head>a:hover {
  297. text-decoration: none;
  298. cursor: pointer;
  299. color: #FFFFff;
  300. background-color: #114C8D;
  301. }
  302. ul.menu_group {
  303. z-index: 2;
  304. position: absolute;
  305. display: none;
  306. background-color: #EDF2F7;
  307. border: 1px solid #114C8D;
  308. border-top: none;
  309. padding: 2px 0px 4px 0px;
  310. }
  311. ul.menu_group li {
  312. color: #114C8D;
  313. list-style: none;
  314. margin-top: 4px;
  315. margin-bottom: 4px;
  316. padding: 2px 12px 2px 12px;
  317. font-size: 1.05em;
  318. }
  319. ul.menu_group>a:hover,
  320. ul.menu_group>a:hover>li,
  321. ul.menu_group>a>li:hover {
  322. text-decoration: none;
  323. color: #114C8D;
  324. background-color: #DDE1E6;
  325. }
  326. /* Message area
  327. -----------------------------------------------------------------------*/
  328. #message_area {
  329. background-color: #EDF2F7;
  330. color: #000033;
  331. margin-left: 0.5%;
  332. /* margin-right: 19.5%; */
  333. margin-bottom: 1em;
  334. padding: 0.2em 1% 0.5em 1%;
  335. border: 1px solid #114C8D;
  336. }
  337. #message_area h2 {
  338. margin: 0px 0px 0.5em 0px;
  339. font-size: 1em;
  340. font-style: italic;
  341. }
  342. .message {
  343. font-size: 0.8em;
  344. }
  345. /* Tooltips
  346. -----------------------------------------------------------------------*/
  347. .tooltip {
  348. display: none;
  349. position: absolute;
  350. font-size: 10px;
  351. line-height: 12px;
  352. width: 20em;
  353. background-color: #EDF2F7;
  354. border: 1px solid #114C8D;
  355. color: #114C8D;
  356. padding: 5px;
  357. z-index: 3;
  358. }
  359. /* Section Header
  360. -----------------------------------------------------------------------*/
  361. #section_header {
  362. /* margin-right: 19.5%; */
  363. background-color: #BEAC8B;
  364. padding: 5px;
  365. margin-right: 8px;
  366. border: 1px solid #8B7958;
  367. }
  368. #job_info {
  369. font-weight: bold;
  370. }
  371. #job_buttons a.button {
  372. background-color: #E5D9C3;
  373. }
  374. .header_details {
  375. border-spacing: 0px;
  376. }
  377. .header_details td {
  378. font-size: 0.6em;
  379. }
  380. .header_label {
  381. padding-left: 20px;
  382. font-weight: bold;
  383. }
  384. .header_field {
  385. padding-left: 5px;
  386. }
  387. /* Content
  388. -----------------------------------------------------------------------*/
  389. .page_buttons {
  390. text-align: center;
  391. margin: 3px;
  392. font-size: 0.7em;
  393. white-space: nowrap;
  394. font-weight: bold;
  395. width: 74%;
  396. }
  397. .link_bar {
  398. white-space: nowrap;
  399. padding: 3px 0px 0px 0px;
  400. margin: -1px 8px 2em 0px;
  401. font-size: 0.7em;
  402. text-align: center;
  403. }
  404. .link_bar a {
  405. background-color: #E5D9C3;
  406. border: 1px solid #8B7958;
  407. -moz-border-radius-bottomleft: 4px;
  408. -moz-border-radius-bottomright: 4px;
  409. border-top: none;
  410. padding: 2px 3px 3px 3px;
  411. margin-right: 2px;
  412. white-space: nowrap;
  413. }
  414. .link_bar a.selected,
  415. .link_bar a:hover {
  416. background-color: #BEAC8B;
  417. color: #114C8D;
  418. padding-top: 3px;
  419. border: 1px solid #8B7958;
  420. border-top: none;
  421. text-decoration: none;
  422. }
  423. .page_menu li {
  424. margin: 5px;
  425. font-size: 0.8em;
  426. }
  427. /* Pop-Up
  428. -----------------------------------------------------------------------*/
  429. #popup_header {
  430. padding: 3px;
  431. text-align: center;
  432. }
  433. #popup_body {
  434. background-color: #F9F0E9;
  435. padding-bottom: 5px;
  436. padding-top: 5px;
  437. }
  438. #popup_content {
  439. padding: 0.2em 1% 0px 1%;
  440. }
  441. /* Tables
  442. -----------------------------------------------------------------------*/
  443. table {
  444. empty-cells: show;
  445. }
  446. .head td {
  447. color: #8B7958;
  448. background-color: #E5D9C3;
  449. font-weight: bold;
  450. font-size: 0.7em;
  451. padding: 3px;
  452. }
  453. .head input {
  454. font-weight: normal;
  455. }
  456. .sub_head td {
  457. border: none;
  458. white-space: nowrap;
  459. font-size: 10px;
  460. }
  461. .foot td {
  462. color: #8B7958;
  463. background-color: #E5D9C3;
  464. font-size: 0.8em;
  465. }
  466. .label {
  467. color: #8B7958;
  468. background-color: #F8F5F2;
  469. padding: 3px;
  470. font-size: 0.75em;
  471. }
  472. .label_right {
  473. color: #8B7958;
  474. background-color: #F8F5F2;
  475. padding: 3px;
  476. font-size: 0.75em;
  477. text-align: right;
  478. padding-right: 1em;
  479. }
  480. .sublabel {
  481. color: #8B7958;
  482. font-size: 0.6em;
  483. padding: 0px;
  484. text-align: center;
  485. }
  486. .field {
  487. color: #000033;
  488. background-color: #F9F0E9;
  489. padding: 3px;
  490. font-size: 0.75em;
  491. }
  492. .field_center {
  493. color: #000033;
  494. background-color: #F9F0E9;
  495. padding: 3px;
  496. font-size: 0.75em;
  497. text-align: center;
  498. }
  499. .field_nw {
  500. color: #000033;
  501. background-color: #F9F0E9;
  502. padding: 3px;
  503. font-size: 0.75em;
  504. white-space: nowrap;
  505. }
  506. .field_money {
  507. color: #000033;
  508. background-color: #F9F0E9;
  509. padding: 3px;
  510. font-size: 0.75em;
  511. white-space: nowrap;
  512. text-align: right;
  513. }
  514. .field_total {
  515. color: #000033;
  516. background-color: #F9F0E9;
  517. padding: 3px;
  518. font-size: 0.75em;
  519. white-space: nowrap;
  520. text-align: right;
  521. font-weight: bold;
  522. border-top: 1px solid black;
  523. }
  524. /* Table Data
  525. -----------------------------------------------------------------------*/
  526. .h_scrollable {
  527. overflow: -moz-scrollbars-horizontal;
  528. }
  529. .v_scrollable {
  530. overflow: -moz-scrollbars-vertical;
  531. }
  532. .scrollable {
  533. overflow: auto;/*-moz-scrollbars-horizontal;*/
  534. }
  535. tr.head>td.center,
  536. tr.list_row>td.center,
  537. .center {
  538. text-align: center;
  539. }
  540. .left,
  541. tr.head>td.left,
  542. tr.list_row>td.left {
  543. text-align: left;
  544. padding-left: 2em;
  545. }
  546. .total,
  547. .right,
  548. .list tr.head td.right,
  549. tr.list_row td.right,
  550. tr.foot td.right,
  551. tr.foot td.total {
  552. text-align: right;
  553. padding-right: 2em;
  554. }
  555. .list tr.foot td {
  556. font-weight: bold;
  557. }
  558. .no_wrap {
  559. white-space: nowrap;
  560. }
  561. .bar {
  562. border-top: 1px solid black;
  563. }
  564. .total {
  565. font-weight: bold;
  566. }
  567. .summary_spacer_row {
  568. line-height: 2px;
  569. }
  570. .light {
  571. color: #999999;
  572. }
  573. /* Detail
  574. -----------------------------------------------------------------------*/
  575. .fax_head,
  576. .narrow,
  577. .detail {
  578. border-spacing: 1px;
  579. border-top: 1px solid #8B7958;
  580. border-bottom: 1px solid #8B7958;
  581. width: 99%;
  582. padding: 3px;
  583. margin-bottom: 10px;
  584. }
  585. .detail td.label {
  586. width: 16%;
  587. background-color: #F9F0E9;
  588. }
  589. .detail td.field {
  590. width: 33%;
  591. text-align: center;
  592. background-color: #F8F5F2;
  593. }
  594. .detail_spacer_row td {
  595. background-color: #BEAC8B;
  596. font-size: 2px;
  597. line-height: 2px;
  598. padding: 0px;
  599. border-top: 1px solid #F9F0E9;
  600. border-bottom: 1px solid #F9F0E9;
  601. }
  602. .detail td.field_money {
  603. width: 33%;
  604. background-color: #F8F5F2;
  605. }
  606. .narrow {
  607. width: 60%;
  608. }
  609. .narrow td.label {
  610. width: 50%;
  611. background-color: #F9F0E9;
  612. }
  613. .narrow td.field_money,
  614. .narrow td.field_total,
  615. .narrow td.field {
  616. width: 49%;
  617. }
  618. .narrow td.field_money,
  619. .narrow td.field {
  620. background-color: #F8F5F2;
  621. }
  622. .narrow td.field_total,
  623. .narrow td.field_money {
  624. padding-right: 4em;
  625. }
  626. .detail td.field {
  627. text-align: center;
  628. background-color: #F8F5F2;
  629. }
  630. .fax_head td.label {
  631. width: 7%;
  632. }
  633. .fax_head td.field {
  634. width: 26%;
  635. }
  636. .operation {
  637. width: 1%;
  638. }
  639. /* Wizards
  640. -----------------------------------------------------------------------*/
  641. .wizard {
  642. /* border-spacing: 0px; */
  643. border-top: 1px solid #8B7958;
  644. border-bottom: 1px solid #8B7958;
  645. }
  646. .wizard_buttons {
  647. font-size: 0.75em;
  648. margin: 3px;
  649. }
  650. /* Forms
  651. -----------------------------------------------------------------------*/
  652. .form {
  653. /* border-spacing: 0px; */
  654. border-top: 1px solid #8B7958;
  655. border-bottom: 1px solid #8B7958;
  656. padding: 1px;
  657. }
  658. .form tr.head input {
  659. font-weight: normal;
  660. }
  661. .form tr.head td {
  662. padding: 2px;
  663. }
  664. .form tr.foot td {
  665. text-align: center;
  666. padding: 2px;
  667. }
  668. /* Lists
  669. -----------------------------------------------------------------------*/
  670. .list {
  671. border-collapse: collapse;
  672. border-spacing: 0px;
  673. border-top: 1px solid #8B7958;
  674. border-bottom: 1px solid #8B7958;
  675. width: 99%;
  676. margin-top: 3px;
  677. }
  678. .list tr.head td {
  679. font-size: 0.7em;
  680. white-space: nowrap;
  681. padding-right: 0.65em;
  682. border-bottom: 1px solid #8B7958;
  683. }
  684. .list table.sub_head td {
  685. border: none;
  686. white-space: nowrap;
  687. font-size: 10px;
  688. }
  689. .list tr.foot td {
  690. border-top: 1px solid #8B7958;
  691. font-size: 0.7em;
  692. }
  693. tr.list_row>td {
  694. background-color: #EDF2F7;
  695. border-bottom: 1px dotted #8B7958;
  696. font-size: 0.65em;
  697. padding: 3px;
  698. }
  699. tr.list_row:hover td {
  700. background-color: #F8EEE4;
  701. }
  702. tr.problem_row>td {
  703. background-color: #FDCCCC;
  704. border-bottom: 1px dotted #8B7958;
  705. font-size: 0.65em;
  706. padding: 3px;
  707. }
  708. tr.problem_row:hover td {
  709. background-color: #F8EEE4;
  710. }
  711. .row_form td {
  712. font-size: 0.7em;
  713. padding: 3px;
  714. white-space: nowrap;
  715. /* text-align: center; */
  716. }
  717. .row_form td.label {
  718. text-align: left;
  719. white-space: normal;
  720. }
  721. .inline_header td {
  722. color: #8B7958;
  723. font-size: 0.6em;
  724. white-space: nowrap;
  725. text-align: center;
  726. }
  727. /* Sub-Tables
  728. -----------------------------------------------------------------------*/
  729. .sub_table {
  730. border-spacing: 0px;
  731. }
  732. .sub_table tr.head td {
  733. font-size: 11px;
  734. padding: 3px;
  735. background-color: #F9F0E9;
  736. }
  737. .sub_table td {
  738. padding: 3px;
  739. }
  740. /* Reports
  741. -----------------------------------------------------------------------*/
  742. .report {
  743. border-collapse: collapse;
  744. border-spacing: 0px;
  745. border-top: 1px solid #8B7958;
  746. border-bottom: 1px solid #8B7958;
  747. width: 80%;
  748. margin-top: 3px;
  749. }
  750. .report tr td {
  751. padding: 4px 6px;
  752. }
  753. .report tr.head td {
  754. font-size: 0.7em;
  755. white-space: nowrap;
  756. text-align: center;
  757. border-bottom: 1px solid #8B7958;
  758. }
  759. .report tr.foot td {
  760. font-size: 0.7em;
  761. border-top: 1px solid #8B7958;
  762. }
  763. .report tr.list_row>td {
  764. background-color: #EDF2F7;
  765. border-bottom: 1px dotted #8B7958;
  766. font-size: 0.65em;
  767. }
  768. .report tr.list_row:hover td {
  769. background-color: #F8EEE4;
  770. }
  771. .report td.total_col {
  772. font-weight: bold;
  773. border-left: 1px dotted #8B7958;
  774. text-align: center;
  775. width: 10%;
  776. }
  777. .report tr.head td.group_col {
  778. text-align: left;
  779. }
  780. .report td.group_col {
  781. font-weight: bold;
  782. text-align: left;
  783. border-right: 1px dotted #8B7958;
  784. width: 12%;
  785. }
  786. .graph {
  787. width: 80%;
  788. margin-top: 2em;
  789. margin-bottom: 3em;
  790. text-align: center;
  791. }
  792. /* Notifications
  793. -----------------------------------------------------------------------*/
  794. .notification_list {
  795. border-collapse: collapse;
  796. border-spacing: 0px;
  797. border-top: 1px solid #8B7958;
  798. border-bottom: 1px solid #8B7958;
  799. width: 99%;
  800. }
  801. .notification_list tr.head td {
  802. font-size: 0.65em;
  803. white-space: nowrap;
  804. text-align: center;
  805. border-bottom: 1px solid #8B7958;
  806. }
  807. .notification_list tr.foot td {
  808. border-top: 1px solid #8B7958;
  809. }
  810. .notification_list tr.list_row td {
  811. padding: 7px;
  812. }
  813. div.notif_list_text {
  814. margin-bottom: 1px;
  815. font-size: 1.1em;
  816. }
  817. .list_row>td.notif_list_job {
  818. white-space: nowrap;
  819. text-align: center;
  820. font-weight: bold;
  821. font-size: 0.65em;
  822. white-space: nowrap;
  823. }
  824. /* Some of the system messages are long and look bad with a highlighted
  825. background... */
  826. #system_notif_table tr.list_row:hover > td {
  827. background-color: #EDF2F7;
  828. }
  829. .notif_select_column {
  830. width: 2%;
  831. padding: 0px;
  832. text-align: center;
  833. }
  834. .notif_job_column {
  835. width: 8%;
  836. white-space: nowrap;
  837. padding-left: 0px;
  838. font-weight: bold;
  839. text-align: center;
  840. }
  841. .notif_notif_column {
  842. width: auto;
  843. }
  844. .notif_date_column {
  845. width: 15%;
  846. text-align: center;
  847. white-space: nowrap;
  848. padding-right: 3px;
  849. }
  850. /* Notes
  851. -----------------------------------------------------------------------*/
  852. /* Note Table */
  853. table#topic_list {
  854. border-bottom: 1px solid #E5D9C3;
  855. border-collapse: separate;
  856. }
  857. /* Note Form */
  858. .note_form {
  859. background-color: #F9F0E9;
  860. position: absolute;
  861. left: 20%;
  862. display: none;
  863. border: 2px solid #114C8D;
  864. }
  865. .note_form table.form {
  866. margin-top: 2em;
  867. }
  868. .handle {
  869. background-color: #114C8D;
  870. color: #FFFFff;
  871. margin-bottom: 3px;
  872. height: 16px;
  873. }
  874. .note_form_close {
  875. font-weight: bold;
  876. font-size: 9px;
  877. padding: 0px 2px 0px 2px;
  878. margin-right: 2px;
  879. position: absolute;
  880. right: 0%;
  881. border: 1px solid #114C8D;
  882. }
  883. a.note_form_close:hover {
  884. text-decoration: none;
  885. }
  886. .list_row:hover>td table.add_note tr.add_note_foot td,
  887. .list_row:hover>td table.add_note tr.add_note_head td { background-color: #E5D9C3; }
  888. .list_row:hover>td table.add_note tr td { background-color: #F9F0E9; }
  889. .add_note td {
  890. border: none;
  891. padding: 3px;
  892. background-color: #F9F0E9;
  893. font-size: 9px;
  894. }
  895. .add_note_head td {
  896. background-color: #E5D9C3;
  897. border-top: 1px solid #8B7958;
  898. border-bottom: 1px solid #8B7958;
  899. color: #8B7958;
  900. padding: 3px;
  901. text-align: center;
  902. font-weight: bold;
  903. font-size: 9px;
  904. }
  905. .add_note input {
  906. color: #114C8D;
  907. background-color: #FFFFff;
  908. border: 1px solid #114C8D;
  909. padding: 1px 2px 1px 2px;
  910. text-decoration: none;
  911. font-size: 9px;
  912. }
  913. .add_note textarea {
  914. color: #114C8D;
  915. background-color: #FFFFff;
  916. border: 1px solid #114C8D;
  917. padding: 1px 2px 1px 2px;
  918. font-family: "verdana", "sans-serif";
  919. font-size: 9px;
  920. }
  921. .add_note select {
  922. color: #114C8D;
  923. background-color: #FFFFff;
  924. font-size: 9px;
  925. }
  926. .add_note_foot td {
  927. background-color: #E5D9C3;
  928. border-bottom: 1px solid #8B7958;
  929. color: #8B7958;
  930. padding: 3px;
  931. text-align: center;
  932. font-weight: bold;
  933. font-size: 9px;
  934. }
  935. /* Note List */
  936. .note>td {
  937. background-color: #EDF2F7;
  938. padding-left: 10px;
  939. border-bottom: 1px dotted #E5D9C3;
  940. }
  941. .note:hover>td,
  942. .note:hover>td>p {
  943. background-color: #EDF2F7;
  944. }
  945. .note_author {
  946. font-size: 0.65em;
  947. text-align: center;
  948. border-right: 1px dotted #E5D9C3;
  949. }
  950. .note p {
  951. margin-left: 3%;
  952. font-size: 0.75em;
  953. background-color: #EDF2F7;
  954. }
  955. .topic_spacer td {
  956. border-bottom: 1px solid #8B7958;
  957. line-height: 2px;
  958. }
  959. td.note_indent {
  960. background-color: #F9F0E9;
  961. width: 2%;
  962. border-bottom: none;
  963. }
  964. .note_control td {
  965. padding-left: 2%;
  966. padding-bottom: 1%;
  967. font-weight: normal;
  968. font-size: 0.6em;
  969. background-color: #EDF2F7;
  970. border-bottom: 1px dotted #E5D9C3;
  971. }
  972. .topic_title {
  973. font-size: 0.8em;
  974. font-weight: bold;
  975. }
  976. .note_title {
  977. font-size: 0.8em;
  978. }
  979. .problem .topic_title {
  980. color: #860000;
  981. }
  982. .thread>tr { display: none; }
  983. /* Summaries
  984. -----------------------------------------------------------------------*/
  985. .summary {
  986. border: 1px solid black;
  987. background-color: white;
  988. padding: 1%;
  989. font-size: 0.8em;
  990. }
  991. .summary h1 {
  992. color: black;
  993. font-style: normal;
  994. }
  995. /* Print preview
  996. -----------------------------------------------------------------------*/
  997. .page {
  998. background-color: white;
  999. padding: 0px;
  1000. border: 1px solid black;
  1001. /* font-size: 0.7em; */
  1002. width: 95%;
  1003. margin-bottom: 15px;
  1004. margin-right: 5px;
  1005. padding: 20px;
  1006. }
  1007. .page table.header td {
  1008. padding: 0px;
  1009. }
  1010. .page table.header td h1 {
  1011. padding: 0px;
  1012. margin: 0px;
  1013. }
  1014. .page h1 {
  1015. color: black;
  1016. font-style: normal;
  1017. font-size: 1.3em;
  1018. }
  1019. .page h2 {
  1020. color: black;
  1021. }
  1022. .page h3 {
  1023. color: black;
  1024. font-size: 1em;
  1025. }
  1026. .page p {
  1027. text-align: justify;
  1028. font-size: 0.8em;
  1029. }
  1030. .page table {
  1031. font-size: 0.8em;
  1032. }
  1033. .page em {
  1034. font-weight: bold;
  1035. font-style: normal;
  1036. text-decoration: underline;
  1037. margin-left: 1%;
  1038. margin-right: 1%;
  1039. }
  1040. .page table.money_table {
  1041. font-size: 1.1em;
  1042. border-collapse: collapse;
  1043. width: 85%;
  1044. margin-left: auto;
  1045. margin-right: auto;
  1046. }
  1047. .page table.money_table tr.foot td {
  1048. font-size: 1em;
  1049. border-top: 0.4pt solid black;
  1050. font-weight: bold;
  1051. background-color: white;
  1052. color: black;
  1053. }
  1054. .page table.money_table tr.foot td.right {
  1055. padding-right: 1px;
  1056. }
  1057. .written_field {
  1058. border-bottom: 1px solid black;
  1059. }
  1060. .page .written_field {
  1061. border-bottom: 0.4pt solid black;
  1062. }
  1063. .page .indent * { margin-left: 4em; }
  1064. .checkbox {
  1065. border: 1px solid black;
  1066. padding: 1px 2px;
  1067. font-size: 7px;
  1068. font-weight: bold;
  1069. }
  1070. table.signature_table {
  1071. width: 80%;
  1072. font-size: 0.7em;
  1073. margin: 2em auto 2em auto;
  1074. }
  1075. table.signature_table tr td {
  1076. padding-top: 1.5em;
  1077. vertical-align: top;
  1078. white-space: nowrap;
  1079. }
  1080. #special_conditions {
  1081. font-size: 1.3em;
  1082. font-style: italic;
  1083. margin-left: 2em;
  1084. font-weight: bold;
  1085. }
  1086. .sa_head p {
  1087. font-size: 1em;
  1088. }
  1089. .page hr {
  1090. border-bottom: 1px solid black;
  1091. }
  1092. .page table.detail,
  1093. .page table.fax_head {
  1094. margin-left: auto;
  1095. margin-right: auto;
  1096. }
  1097. .page .narrow,
  1098. .page .fax_head {
  1099. border: none;
  1100. }
  1101. .page tr.head td {
  1102. color: black;
  1103. background-color: #eee;
  1104. }
  1105. .page td.label {
  1106. color: black;
  1107. background-color: white;
  1108. width: 20%;
  1109. }
  1110. .page td.label_right {
  1111. color: black;
  1112. background-color: white;
  1113. }
  1114. .page td.field {
  1115. background-color: white;
  1116. font-weight: bold;
  1117. }
  1118. .page td.field_money {
  1119. background-color: white;
  1120. }
  1121. .page td.field_total {
  1122. font-weight: bold;
  1123. background-color: white;
  1124. }
  1125. .page tr.detail_spacer_row td {
  1126. background-color: white;
  1127. border-top: 1px solid black;
  1128. }
  1129. .page .header {
  1130. border-spacing: 0px;
  1131. border-collapse: collapse;
  1132. padding: 0px;
  1133. }
  1134. .page .header tr td {
  1135. border-top: 1px solid black;
  1136. border-bottom: 1px solid black;
  1137. background-color: #eee;
  1138. }
  1139. /* Style definitions for printable pages */
  1140. /* Hide non-printing stuff
  1141. -----------------------------------------------------------------------*/
  1142. #page_header,
  1143. #main_menu,
  1144. #right_column,
  1145. #footer {
  1146. display: none;
  1147. }
  1148. /* General
  1149. -----------------------------------------------------------------------*/
  1150. @page {
  1151. margin: 0.25in;
  1152. }
  1153. body {
  1154. background-color: white;
  1155. color: black;
  1156. }
  1157. h1 {
  1158. color: black;
  1159. }
  1160. h2 {
  1161. color: black;
  1162. }
  1163. pre {
  1164. color: black;
  1165. }
  1166. ul {
  1167. color: black;
  1168. }
  1169. a:link,
  1170. a:visited {
  1171. color: black;
  1172. }
  1173. a:hover {
  1174. text-decoration: none;
  1175. color: black;
  1176. }
  1177. p a {
  1178. display: none;
  1179. }
  1180. #body {
  1181. background-color: white;
  1182. }
  1183. #body pre {
  1184. color: black;
  1185. }
  1186. /* Inputs
  1187. -----------------------------------------------------------------------*/
  1188. input {
  1189. color: black;
  1190. border: 1px solid black;
  1191. background-color: white;
  1192. }
  1193. select {
  1194. color: black;
  1195. border: 1px solid black;
  1196. background-color: white;
  1197. }
  1198. textarea {
  1199. color: black;
  1200. border: 1px solid black;
  1201. background-color: white;
  1202. }
  1203. a.button {
  1204. display: none;
  1205. }
  1206. a.block_button {
  1207. display: none;
  1208. }
  1209. input[type=button],
  1210. input[type=submit],
  1211. input[type=reset] {
  1212. display: none;
  1213. }
  1214. /* Tooltips
  1215. -----------------------------------------------------------------------*/
  1216. .tooltip {
  1217. display: none;
  1218. }
  1219. /* Message area
  1220. -----------------------------------------------------------------------*/
  1221. #message_area {
  1222. display: none;
  1223. }
  1224. /* Section Header
  1225. -----------------------------------------------------------------------*/
  1226. #section_header {
  1227. background-color: #ddd;
  1228. border: 1px dashed #666;
  1229. }
  1230. /* Content
  1231. -----------------------------------------------------------------------*/
  1232. .page_buttons {
  1233. display: none;
  1234. }
  1235. .link_bar {
  1236. display: none;
  1237. }
  1238. /* Tables
  1239. -----------------------------------------------------------------------*/
  1240. .head td {
  1241. color: black;
  1242. background-color: white;
  1243. }
  1244. .head input {
  1245. }
  1246. .foot td {
  1247. color: black;
  1248. background-color: white;
  1249. }
  1250. .label {
  1251. color: black;
  1252. background-color: white;
  1253. }
  1254. .sublabel {
  1255. color: black;
  1256. }
  1257. .field {
  1258. color: black;
  1259. background-color: white;
  1260. }
  1261. .field_center {
  1262. color: black;
  1263. background-color: white;
  1264. }
  1265. .field_nw {
  1266. color: black;
  1267. background-color: white;
  1268. }
  1269. .field_money {
  1270. color: black;
  1271. background-color: white;
  1272. }
  1273. .field_total {
  1274. color: black;
  1275. background-color: white;
  1276. }
  1277. /* Detail
  1278. -----------------------------------------------------------------------*/
  1279. .detail {
  1280. border-top: 1px solid black;
  1281. border-bottom: 1px solid black;
  1282. }
  1283. .detail td.label {
  1284. background-color: white;
  1285. }
  1286. .detail td.field_total,
  1287. .detail td.field {
  1288. font-weight: bold;
  1289. background-color: #eee;
  1290. }
  1291. .detail td.field_money {
  1292. background-color: #eee;
  1293. }
  1294. .detail_spacer_row td {
  1295. background-color: white;
  1296. border-top: 1px solid black;
  1297. border-bottom: 1px solid black;
  1298. }
  1299. .narrow td.label {
  1300. background-color: white;
  1301. }
  1302. .narrow td.field {
  1303. background-color: #eee;
  1304. }
  1305. /* Wizards
  1306. -----------------------------------------------------------------------*/
  1307. .wizard {
  1308. border-top: 1px solid black;
  1309. border-bottom: 1px solid black;
  1310. }
  1311. /* Forms
  1312. -----------------------------------------------------------------------*/
  1313. .form {
  1314. border-top: 1px solid black;
  1315. border-bottom: 1px solid black;
  1316. }
  1317. /* Lists
  1318. -----------------------------------------------------------------------*/
  1319. .list {
  1320. border-top: 1px solid black;
  1321. border-bottom: 1px solid black;
  1322. }
  1323. .list tr.head>td {
  1324. border-bottom: 1px solid black;
  1325. }
  1326. .list tr.foot td {
  1327. border-top: 1px solid black;
  1328. }
  1329. tr.list_row>td {
  1330. background-color: white;
  1331. border-bottom: 1px dotted #666;
  1332. }
  1333. tr.list_row:hover td {
  1334. background-color: white;
  1335. }
  1336. /* Notifications
  1337. -----------------------------------------------------------------------*/
  1338. .notification_list {
  1339. border-top: 1px solid black;
  1340. border-bottom: 1px solid black;
  1341. }
  1342. .notification_list tr.head td {
  1343. border-bottom: 1px solid black;
  1344. }
  1345. .notification_list tr.foot td {
  1346. border-top: 1px solid black;
  1347. }
  1348. #system_notif_table tr.list_row:hover > td {
  1349. background-color: white;
  1350. }
  1351. /* Notes
  1352. -----------------------------------------------------------------------*/
  1353. /* Note Table */
  1354. table#topic_list {
  1355. border-bottom: 1px solid #eee;
  1356. }
  1357. /* Note Form */
  1358. .note_form {
  1359. display: none;
  1360. }
  1361. /* Note List */
  1362. .note>td {
  1363. background-color: white
  1364. border-bottom: 1px dotted #eee;
  1365. }
  1366. .note:hover>td,
  1367. .note:hover>td>p {
  1368. background-color: white;
  1369. }
  1370. .note_author {
  1371. border-right: 1px dotted #eee;
  1372. }
  1373. .note td {
  1374. background-color: white;
  1375. }
  1376. .note p {
  1377. background-color: white;
  1378. }
  1379. .topic_spacer td {
  1380. border-bottom: 1px solid black;
  1381. }
  1382. td.note_indent {
  1383. background-color: white;
  1384. }
  1385. .note_control td {
  1386. background-color: white;
  1387. border-bottom: 1px dotted #eee;
  1388. }
  1389. .problem .topic_title {
  1390. color: black;
  1391. }
  1392. /* Summaries
  1393. -----------------------------------------------------------------------*/
  1394. .summary {
  1395. border: 1px solid black;
  1396. background-color: white;
  1397. }
  1398. .summary h1 {
  1399. color: black;
  1400. }
  1401. /* Pages
  1402. -----------------------------------------------------------------------*/
  1403. .page>*>p, .page>p {
  1404. font-size: 1.5em;
  1405. }
  1406. .written_field {
  1407. font-size: 1em;
  1408. border-bottom: 1px solid black;
  1409. }
  1410. .page h1 {
  1411. font-size: 1em;
  1412. }
  1413. .page h2 {
  1414. font-size: 0.9em;
  1415. }
  1416. @page {
  1417. margin-bottom: 0.75in;
  1418. }
  1419. /* General
  1420. -----------------------------------------------------------------------*/
  1421. body { background-color: white; }
  1422. /* Detail
  1423. -----------------------------------------------------------------------*/
  1424. .narrow td.field,
  1425. .detail td.field {
  1426. text-align: left;
  1427. padding-left: 1em;
  1428. background-color: white;
  1429. }
  1430. /* Lists
  1431. -----------------------------------------------------------------------*/
  1432. .list tr.head td {
  1433. background-color: #eee;
  1434. }
  1435. tr.list_row>td {
  1436. background-color: white;
  1437. border-bottom: 0.7pt dotted #666;
  1438. }
  1439. .list tr.foot td {
  1440. background-color: #eee;
  1441. }
  1442. /* Pages
  1443. -----------------------------------------------------------------------*/
  1444. .page {
  1445. font-size: 1em;
  1446. border: none;
  1447. margin: none;
  1448. width: auto;
  1449. padding: 0px;
  1450. }
  1451. .foot td {
  1452. font-size: 1em;
  1453. }
  1454. .page>*>p, .page>p {
  1455. font-size: 0.8em;
  1456. }
  1457. table.signature_table {
  1458. width: 88%;
  1459. font-size: 0.6em;
  1460. }
  1461. #special_conditions {
  1462. font-size: 1.5em;
  1463. }
  1464. .header h1 {
  1465. font-size: 0.8em;
  1466. }
  1467. p.small {
  1468. font-size: 0.8em;
  1469. }
  1470. .page td {
  1471. padding: 1px;
  1472. }
  1473. td.label {
  1474. font-size: 0.7em;
  1475. }
  1476. td.field {
  1477. font-size: 0.7em;
  1478. }
  1479. td.field_money {
  1480. font-size: 0.7em;
  1481. }</style>
  1482. </head>
  1483. <body class="page">
  1484. <script type="text/php">
  1485. if ( isset($pdf) ) {
  1486. $font = Font_Metrics::get_font("sans-serif");
  1487. $size = 6;
  1488. $color = array(0,0,0);
  1489. $text_height = Font_Metrics::get_font_height($font, $size);
  1490. $foot = $pdf->open_object();
  1491. $w = $pdf->get_width();
  1492. $h = $pdf->get_height();
  1493. // Draw a line along the bottom
  1494. $y = $h - 2.5 * $text_height - 24;
  1495. $pdf->line(16, $y, $w - 16, $y, array(0,0,0), 1);
  1496. $y += $text_height;
  1497. // Add the job number
  1498. $text = "Job: 404-135";
  1499. $pdf->text(16, $y, $text, $font, $size, $color);
  1500. $pdf->close_object();
  1501. $pdf->add_object($foot, "all");
  1502. if ( !"2004-11-18 17:19:38" ) {
  1503. // Add an initals box if the document has not already been approved
  1504. global $initials;
  1505. $initials = $pdf->open_object();
  1506. $text = "Initials:";
  1507. $width = Font_Metrics::get_text_width($text, $font, $size);
  1508. $pdf->text($w - 16 - $width - 38, $y, $text, $font, $size, $color);
  1509. $pdf->rectangle($w - 16 - 36, $y - 2, 36, $text_height + 4, array(0.5,0.5,0.5), 0.5);
  1510. $pdf->close_object();
  1511. $pdf->add_object($initials);
  1512. } else {
  1513. // Mark the document as a duplicate if has been approved
  1514. $watermark = $pdf->open_object();
  1515. $pdf->text(110, $h - 240, "DUPLICATE", Font_Metrics::get_font("verdana", "bold"),
  1516. 110, array(0.5, 0.5, 0.5), 0, 0, -52);
  1517. $text = "Approved: 2004-11-18";
  1518. $width = Font_Metrics::get_text_width($text, $font, $size);
  1519. $pdf->text($w - 16 - $width, $y, $text, $font, $size, $color);
  1520. $pdf->close_object();
  1521. $pdf->add_object($watermark, "all");
  1522. }
  1523. $text = "Page {PAGE_NUM} of {PAGE_COUNT}";
  1524. $width = Font_Metrics::get_text_width("Page 1 of 2", $font, $size);
  1525. $pdf->page_text($w / 2 - $width / 2, $y, $text, $font, $size, $color);
  1526. }
  1527. </script>
  1528. <table style="width: 100%" class="header">
  1529. <tr>
  1530. <td style="width: 50%; vertical-align: middle;">
  1531. <h1 style="text-align: left">SCHEDULE A</h1>
  1532. </td>
  1533. <td style="width: 50%; text-align: right;">
  1534. <h1 style="text-align: right">404-135 - Schedule A</h1>
  1535. <span style="font-weight: bold; font-size: 0.7em;">APPROVED: 2004-11-18</span>
  1536. </td>
  1537. </tr>
  1538. </table>
  1539. <table class="detail" style="margin: 0px; border-top: none;">
  1540. <tr>
  1541. <td class="label">Job:</td>
  1542. <td class="field">404-135</td>
  1543. <td class="label">Purchasers:</td>
  1544. <td class="field">
  1545. Komant</td>
  1546. </tr>
  1547. <tr>
  1548. <td class="label">Created:</td>
  1549. <td class="field">2004-09-28</td>
  1550. <td class="label">Last change:</td>
  1551. <td class="field">2004-11-18</td>
  1552. </tr>
  1553. <tr>
  1554. <td class="label">Job address:</td>
  1555. <td class="field">2904-26 Street</td>
  1556. <td class="label">Legal:</td>
  1557. <td class="field">28B/22/032-5210</td>
  1558. </tr>
  1559. </table>
  1560. <table class="detail" style="border-top: none; margin: 0px 0px 1.5em 0px;">
  1561. <tr>
  1562. <td class="label" style="width: 8.25%">Model:</td>
  1563. <td class="field" style="width: 16.5%"></td>
  1564. <td class="label" style="width: 8.25%">Elevation:</td>
  1565. <td class="field" style="width: 16.5%"></td>
  1566. <td class="label" style="width: 8.25%">Size:</td>
  1567. <td class="field" style="width: 16.5%"></td>
  1568. <td class="label" style="width: 8.25%">Style:</td>
  1569. <td class="field" style="width: 16.5%"></td>
  1570. </tr>
  1571. </table>
  1572. <table class="list" style="width: 99%; margin-top: 1em;">
  1573. <tr class="head">
  1574. <td class="center" style="width: 15%">Item</td>
  1575. <td style="width: 30%">Description</td>
  1576. <td class="center" style="width: 10%">Quantity</td>
  1577. <td class="center" colspan="2" style="width: 15%">Unit Cost</td>
  1578. <td class="right" style="width: 15%;">Total</td>
  1579. </tr>
  1580. <tr class="list_row">
  1581. <td style="font-weight: bold" colspan="6">Standard items:</td>
  1582. </tr>
  1583. <tr class="list_row"><td class="center">1</td>
  1584. <td>add bank of drawers - to bathroom vanity</td>
  1585. <td class="center">2</td>
  1586. <td style="text-align: right">$125.00</td>
  1587. <td>Ea.</td>
  1588. <td class="right">$250.00</td>
  1589. </tr><tr class="list_row"><td class="center">2</td>
  1590. <td>add sweep outlet - central vac</td>
  1591. <td class="center">1</td>
  1592. <td style="text-align: right">$100.00</td>
  1593. <td>Ea.</td>
  1594. <td class="right">$100.00</td>
  1595. </tr><tr class="list_row"><td class="center">3</td>
  1596. <td>run central vac rough in to attached garage c/w separate circuit</td>
  1597. <td class="center">1</td>
  1598. <td style="text-align: right">$120.00</td>
  1599. <td>Ea.</td>
  1600. <td class="right">$120.00</td>
  1601. </tr><tr class="list_row"><td class="center">4</td>
  1602. <td>add fan to FIREPLACE</td>
  1603. <td class="center">1</td>
  1604. <td style="text-align: right">$195.00</td>
  1605. <td>Ea.</td>
  1606. <td class="right">$195.00</td>
  1607. </tr><tr class="list_row"><td class="center">5</td>
  1608. <td>upgrade to laminate flooring - Entire Main Floor</td>
  1609. <td class="center">1</td>
  1610. <td style="text-align: right">$2,400.00</td>
  1611. <td>Ea.</td>
  1612. <td class="right">$2,400.00</td>
  1613. </tr><tr class="list_row"><td class="center">6</td>
  1614. <td>upgrade oh door to insulated (9ft)</td>
  1615. <td class="center">1</td>
  1616. <td style="text-align: right">$95.00</td>
  1617. <td>Ea.</td>
  1618. <td class="right">$95.00</td>
  1619. </tr><tr class="list_row"><td class="center">7</td>
  1620. <td>change upper stairwell ledge to painted MDF</td>
  1621. <td class="center">1</td>
  1622. <td style="text-align: right">$45.00</td>
  1623. <td>Ea.</td>
  1624. <td class="right">$45.00</td>
  1625. </tr><tr class="list_row"><td class="center">8</td>
  1626. <td>upgrade standard door to pocket door</td>
  1627. <td class="center">1</td>
  1628. <td style="text-align: right">$145.00</td>
  1629. <td>Ea.</td>
  1630. <td class="right">$145.00</td>
  1631. </tr><tr class="list_row"><td class="center">9</td>
  1632. <td>add RIDP</td>
  1633. <td class="center">1</td>
  1634. <td style="text-align: right">$400.00</td>
  1635. <td>Ea.</td>
  1636. <td class="right">$400.00</td>
  1637. </tr>
  1638. <tr class="list_row">
  1639. <td style="font-weight: bold" colspan="6">Standard items:</td>
  1640. </tr>
  1641. <tr class="list_row"><td class="center">1</td>
  1642. <td>add bank of drawers - to bathroom vanity</td>
  1643. <td class="center">2</td>
  1644. <td style="text-align: right">$125.00</td>
  1645. <td>Ea.</td>
  1646. <td class="right">$250.00</td>
  1647. </tr><tr class="list_row"><td class="center">2</td>
  1648. <td>add sweep outlet - central vac</td>
  1649. <td class="center">1</td>
  1650. <td style="text-align: right">$100.00</td>
  1651. <td>Ea.</td>
  1652. <td class="right">$100.00</td>
  1653. </tr><tr class="list_row"><td class="center">3</td>
  1654. <td>run central vac rough in to attached garage c/w separate circuit</td>
  1655. <td class="center">1</td>
  1656. <td style="text-align: right">$120.00</td>
  1657. <td>Ea.</td>
  1658. <td class="right">$120.00</td>
  1659. </tr><tr class="list_row"><td class="center">4</td>
  1660. <td>add fan to FIREPLACE</td>
  1661. <td class="center">1</td>
  1662. <td style="text-align: right">$195.00</td>
  1663. <td>Ea.</td>
  1664. <td class="right">$195.00</td>
  1665. </tr><tr class="list_row"><td class="center">5</td>
  1666. <td>upgrade to laminate flooring - Entire Main Floor</td>
  1667. <td class="center">1</td>
  1668. <td style="text-align: right">$2,400.00</td>
  1669. <td>Ea.</td>
  1670. <td class="right">$2,400.00</td>
  1671. </tr><tr class="list_row"><td class="center">6</td>
  1672. <td>upgrade oh door to insulated (9ft)</td>
  1673. <td class="center">1</td>
  1674. <td style="text-align: right">$95.00</td>
  1675. <td>Ea.</td>
  1676. <td class="right">$95.00</td>
  1677. </tr><tr class="list_row"><td class="center">7</td>
  1678. <td>change upper stairwell ledge to painted MDF</td>
  1679. <td class="center">1</td>
  1680. <td style="text-align: right">$45.00</td>
  1681. <td>Ea.</td>
  1682. <td class="right">$45.00</td>
  1683. </tr><tr class="list_row"><td class="center">8</td>
  1684. <td>upgrade standard door to pocket door</td>
  1685. <td class="center">1</td>
  1686. <td style="text-align: right">$145.00</td>
  1687. <td>Ea.</td>
  1688. <td class="right">$145.00</td>
  1689. </tr><tr class="list_row"><td class="center">9</td>
  1690. <td>add RIDP</td>
  1691. <td class="center">1</td>
  1692. <td style="text-align: right">$400.00</td>
  1693. <td>Ea.</td>
  1694. <td class="right">$400.00</td>
  1695. </tr>
  1696. <tr class="list_row">
  1697. <td style="font-weight: bold" colspan="6">Custom items:</td>
  1698. </tr>
  1699. <tr class="list_row">
  1700. <td class="center">1</td>
  1701. <td>upgrade to brushed chrome hardware </td>
  1702. <td class="center">1</td>
  1703. <td style="text-align: right">$195.00</td>
  1704. <td>Ea.</td>
  1705. <td class="right">$195.00</td>
  1706. </tr>
  1707. <tr class="list_row">
  1708. <td class="center">2</td>
  1709. <td>box out FIREPLACE as per plan attached</td>
  1710. <td class="center">1</td>
  1711. <td style="text-align: right">$250.00</td>
  1712. <td>Ea.</td>
  1713. <td class="right">$250.00</td>
  1714. </tr>
  1715. <tr class="list_row">
  1716. <td class="center">3</td>
  1717. <td>reduce WIC size by 6&quot; to 8&quot; to allow for large vanity ensuite</td>
  1718. <td class="center">1</td>
  1719. <td style="text-align: right">$0.00</td>
  1720. <td>Ea.</td>
  1721. <td class="right">$0.00</td>
  1722. </tr>
  1723. <tr class="list_row">
  1724. <td class="center">4</td>
  1725. <td>add gas line to basement for future gas FP</td>
  1726. <td class="center">1</td>
  1727. <td style="text-align: right">$300.00</td>
  1728. <td>Ea.</td>
  1729. <td class="right">$300.00</td>
  1730. </tr>
  1731. <tr class="list_row">
  1732. <td class="center">5</td>
  1733. <td>add pocket dorr to ensuite joining WIC and Ensuite. Delete 2 existing doors</td>
  1734. <td class="center">1</td>
  1735. <td style="text-align: right">$0.00</td>
  1736. <td>Ea.</td>
  1737. <td class="right">$0.00</td>
  1738. </tr>
  1739. <tr class="list_row">
  1740. <td class="center">6</td>
  1741. <td>Main floor to be ISLAND Kitchen design</td>
  1742. <td class="center">1</td>
  1743. <td style="text-align: right">$0.00</td>
  1744. <td>Ea.</td>
  1745. <td class="right">$0.00</td>
  1746. </tr>
  1747. <tr class="list_row">
  1748. <td class="center">7</td>
  1749. <td>price adjustment</td>
  1750. <td class="center">1</td>
  1751. <td style="text-align: right">($0.37)</td>
  1752. <td>Ea.</td>
  1753. <td class="right">($0.37)</td>
  1754. </tr>
  1755. <tr class="list_row">
  1756. <td style="font-weight: bold" colspan="6">Custom items:</td>
  1757. </tr>
  1758. <tr class="list_row">
  1759. <td class="center">1</td>
  1760. <td>upgrade to brushed chrome hardware </td>
  1761. <td class="center">1</td>
  1762. <td style="text-align: right">$195.00</td>
  1763. <td>Ea.</td>
  1764. <td class="right">$195.00</td>
  1765. </tr>
  1766. <tr class="list_row">
  1767. <td class="center">2</td>
  1768. <td>box out FIREPLACE as per plan attached</td>
  1769. <td class="center">1</td>
  1770. <td style="text-align: right">$250.00</td>
  1771. <td>Ea.</td>
  1772. <td class="right">$250.00</td>
  1773. </tr>
  1774. <tr class="list_row">
  1775. <td class="center">3</td>
  1776. <td>reduce WIC size by 6&quot; to 8&quot; to allow for large vanity ensuite</td>
  1777. <td class="center">1</td>
  1778. <td style="text-align: right">$0.00</td>
  1779. <td>Ea.</td>
  1780. <td class="right">$0.00</td>
  1781. </tr>
  1782. <tr class="list_row">
  1783. <td class="center">4</td>
  1784. <td>add gas line to basement for future gas FP</td>
  1785. <td class="center">1</td>
  1786. <td style="text-align: right">$300.00</td>
  1787. <td>Ea.</td>
  1788. <td class="right">$300.00</td>
  1789. </tr>
  1790. <tr class="list_row">
  1791. <td class="center">5</td>
  1792. <td>add pocket dorr to ensuite joining WIC and Ensuite. Delete 2 existing doors</td>
  1793. <td class="center">1</td>
  1794. <td style="text-align: right">$0.00</td>
  1795. <td>Ea.</td>
  1796. <td class="right">$0.00</td>
  1797. </tr>
  1798. <tr class="foot">
  1799. <td colspan="5" class="right">(GST is not included)&nbsp;&nbsp;
  1800. <strong>Grand total:</strong></td>
  1801. <td class="right" style="font-weight: bold">$4,494.63</td>
  1802. </tr>
  1803. </table><div style="font-size: 0.8em">
  1804. <table class="signature_table">
  1805. <tr>
  1806. <td>WITNESS:</td><td class="written_field" style="width: 38%">&nbsp;</td>
  1807. <td style="padding-left: 1em">PURCHASER:</td>
  1808. <td class="written_field" style="width: 39%; text-align: right;">X</td>
  1809. </tr>
  1810. <tr>
  1811. <td colspan="3" style="padding-top: 0em">&nbsp;</td>
  1812. <td style="text-align: center; padding-top: 0em;">
  1813. Tammy Komant</td>
  1814. </tr>
  1815. </table>
  1816. <p style="font-size: 0.65em">This change order shall have no force or effect until approved and signed
  1817. by an authorizing signing officer of the Builder. Any change or special
  1818. request not noted on this document is not contractual.</p>
  1819. <table class="signature_table">
  1820. <tr>
  1821. <td>ACCEPTED THIS
  1822. <em>18 DAY OF NOVEMBER, 2004</em>
  1823. </td>
  1824. <td style="padding-left: 1em;">LINCOLNBERG COMMUNITIES<br/><br/>
  1825. PER:
  1826. <em>Keith Jansen</em>
  1827. </td>
  1828. </tr>
  1829. </table>
  1830. </div>
  1831. </body>
  1832. </html>