�PNG  IHDR��;���IDATx��ܻn�0���K�� �)(�pA��� ���7�LeG{�� �§㻢|��ذaÆ 6lذaÆ 6lذaÆ 6lom��$^�y���ذag�5bÆ 6lذaÆ 6lذa{���� 6lذaÆ �`����}H�Fkm�,�m����Ӫ���ô�ô!� �x�|'ܢ˟;�E:���9�&ᶒ�}�{�v]�n&�6� �h��_��t�ڠ͵-ҫ���Z;��Z$�.�P���k�ž)�!��o���>}l�eQfJ�T��u і���چ��\��X=8��Rن4`Vw�l�>����n�G�^��i�s��"ms�$�u��i��?w�bs[m�6�K4���O���.�4��%����/����b�C%��t ��M�ז� �-l�G6�mrz2���s�%�9��s@���-�k�9�=���)������k�B5����\��+͂�Zsٲ ��Rn��~G���R���C����� �wIcI��n7jJ���hۛNCS|���j0��8y�iHKֶۛ�k�Ɉ+;Sz������L/��F�*\��Ԕ�#"5��m�2��[S��������=�g��n�a�P�e�ғ�L�� lذaÆ 6l�^k��̱aÆ 6lذaÆ 6lذa;���� �_��ذaÆ 6lذaÆ 6lذaÆ ���R���IEND�B` /* 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; }