PNG  IHDR;IDATxܻn0K )(pA 7LeG{ §㻢|ذaÆ 6lذaÆ 6lذaÆ 6lom$^yذag5bÆ 6lذaÆ 6lذa{ 6lذaÆ `}HFkm,mӪôô! x|'ܢ˟;E:9&ᶒ}{v]n&6 h_tڠ͵-ҫZ;Z$.Pkž)!o>}leQfJTu іچ\X=8Rن4`Vwl>nG^is"ms$ui?wbs[m6K4O.4%/bC%t Mז -lG6mrz2s%9s@-k9=)kB5\+͂Zsٲ Rn~GRC wIcIn7jJhۛNCS|j08yiHKֶۛkɈ+;SzL/F*\Ԕ#"5m2[S=gnaPeғL lذaÆ 6l^ḵaÆ 6lذaÆ 6lذa; _ذaÆ 6lذaÆ 6lذaÆ RIENDB` /* CSS-Tricks Example by Chris Coyier http://css-tricks.co= */ * { margin: 0; padding: 0; } body { font-family: inherit !important; } #page-wrap { width: 800px; margin: 0 auto; } textarea { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; } table { border-collapse: collapse; } table td, table th { border: 1px solid black; padding: 1px; } #items td { border: 1px solid black; padding: 1px; } #header { height: 15px; width: 100%; margin: 20px 0; background: #fff; text-align: center; color: black; font: bold 15px Helvetica, Sans-Serif; text-decoration: uppercase; letter-spacing: 1px; padding: 8px 0px; } #address { width: 250px; height: 100px; float: left; } #customer { overflow: hidden; } #logo { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; } #logo:hover, #logo.edit { border: 1px solid #000; margin-top: 0px; max-height: 125px; } #logoctr { display: none; } #logo:hover #logoctr, #logo.edit #logoctr { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; } #logohelp { text-align: left; display: none; font-style: italic; padding: 10px 5px;} #logohelp input { margin-bottom: 5px; } .edit #logohelp { display: block; } .edit #save-logo, .edit #cancel-logo { display: inline; } .edit #image, #save-logo, #cancel-logo, .edit #change-logo, .edit #delete-logo { display: none; } #customer-title { font-size: 20px; font-weight: bold; float: left; } #meta { margin-top: 1px; /*width: 300px;*/ float: right; } #meta td { text-align: right; } #meta td.meta-head { text-align: left; font-weight: bold; font-size: 12px; /*background: #eee; */ } #meta td.meta-head1 { text-align: left; font-size: 12px; /*background: #eee; */ } #meta td textarea { width: 100%; height: 20px; text-align: right; } #items { /*clear: both;*/ width: 100%; /*margin: 30px 0 0 0; */ border: 1px solid black; } #items th { background: #eee; } #items textarea { width: 80px; height: 50px; } #items tr.item-row td { /*border: 0; */ vertical-align: top; } #items td.description { width: 300px; } #items td.item-name { width: 175px; } #items td.description textarea, #items td.item-name textarea { width: 100%; } #items td.total-line { border-right: 0; text-align: right; } #items td.total-value { border-left: 0; padding: 5px 10px; } #items td.total-value textarea { height: 20px; background: none; } #items td.balance { background: #eee; } #items td.blank { border: 0; } #terms { text-align: center; margin: 20px 0 0 0; } #terms h5 { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; } #terms textarea { width: 100%; text-align: center;} textarea:hover, textarea:focus, #items td.total-value textarea:hover, #items td.total-value textarea:focus, .delete:hover { background-color:#EEFF88; } .delete-wpr { position: relative; } .delete { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }