<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> <script src="js/main.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery-timers.js" type="text/javascript"></script> <style type="text/css"> body { margin: 0; padding: 0; color: #FFF; width: 130; height: 80; } a { color: #FFFFFF; text-decoration: none; } #imgBackground { position:absolute; z-index:-1; width: 130; height: 80; background: url(img/background-docked.png) no-repeat scroll center center; padding: 12px; } #container-docked #header { font: normal 8px Verdana, Geneva, sans-serif; margin-top: 9px; } #container-dockedd #mainslot { padding-top: 25px; } #container-docked .sdgcode { font: 12px Arial, Helvetica, sans-serif; display: block; position: absolute; top: 45px; left: 11px; } #container-docked .sdgrate { font: 24px Arial, Helvetica, sans-serif; display: block; position: absolute; left: 40px; top: 36px; } #container-docked .mainarrow { position: absolute; left: 103px; top: 40px; } #container-docked .last-upate { font: 8px Arial, Helvetica, sans-serif; color: #C0C0C0; position: absolute; top: 64px; left: 11px; } #container-docked #mainslot-arrow { display: block; height: 18px; width: 18px; position: absolute; top: 39px; left: 103px; background: url(img/arrow-up-docked1.png) no-repeat scroll center center; } #imgBackground2 { position:absolute; z-index:-1; background: url(img/background-undocked.png) no-repeat scroll center center; padding: 12px; top: 100px; width: 240px; height: 149px; } #container-undocked #header { font: normal 9px Verdana, Geneva, sans-serif; padding-top: 2px; } #container-undockedd #mainslot { padding-top: 25px; } #container-undocked .sdgcode { font: 13px Arial, Helvetica, sans-serif; display: block; position: absolute; top: 48px; left: 14px; } #container-undocked .sdgrate { font: 26px Arial, Helvetica, sans-serif; display: block; position: absolute; left: 46px; top: 36px; } #container-undocked .mainarrow { position: absolute; left: 114px; top: 42px; } #container-undocked .last-upate { font: 9px Arial, Helvetica, sans-serif; color: #C0C0C0; position: absolute; top: 127px; left: 14px; } .slot { position: absolute; width: 75px; height: 15px; padding-left: 25px; font: 12px Arial, Helvetica, sans-serif; } #slot01 { top: 82px; left: 17px; background: url(img/no-flag.png) no-repeat scroll left center; } #slot03 { top: 82px; left: 122px; background: url(img/no-flag.png) no-repeat scroll left center; } #slot02 { top: 103px; left: 17px; background: url(img/no-flag.png) no-repeat scroll left center; } #slot04 { top: 103px; left: 122px; background: url(img/no-flag.png) no-repeat scroll left center; } .slot-arrow { display: block; height: 15px; width: 15px; position: absolute; left: 58px; top: 0px; } #slot01-arrow { background: url(img/small-arrow-left1.png) no-repeat scroll center top; } #slot02-arrow { background: url(img/small-arrow-up1.png) no-repeat scroll center top; } #slot03-arrow { background: url(img/small-arrow-down1.png) no-repeat scroll center top; } #slot04-arrow { background: url(img/small-arrow-left1.png) no-repeat scroll center top; } #container-undocked #mainslot-arrow { display: block; height: 22px; width: 22px; position: absolute; top: 40px; left: 117px; background: url(img/arrow-up-undocked1.png) no-repeat scroll center center; } </style> </head> <body onLoad="init()"> <g:background id="imgBackground" > <div id="container-docked"> <div id="header"> 1 US DOLLAR = </div> <div id="mainslot"> <span class="sdgcode">SDG</span> <span class="sdgrate">0.000 </span><span class="mainslot-arrow-docked" id="mainslot-arrow"></span> </div> <div class="last-upate"><span class="date">mm-dd-yyyy </span>&nbsp;<span class="time">h:mm am</span> </div> </div> <div id="container-undocked"> <div id="header"> 1 US DOLLAR = </div> <div id="mainslot"> <span class="sdgcode">SDG</span> <span class="sdgrate">0.000 </span><span class="mainslot-arrow-undocked" id="mainslot-arrow"></span> </div> <a title="N/A" class="slot" id="slot01"><span id="slot01-span">0.000 </span><span class="slot-arrow" id="slot01-arrow"></span></a> <a title="N/A" class="slot" id="slot02"><span id="slot02-span">0.000 </span><span class="slot-arrow" id="slot02-arrow"></span></a> <a title="N/A" class="slot" id="slot03"><span id="slot03-span">0.000 </span><span class="slot-arrow" id="slot03-arrow"></span></a> <a title="N/A" class="slot" id="slot04"><span id="slot04-span">0.000 </span><span class="slot-arrow" id="slot04-arrow"></span></a> <div class="last-upate"><span class="date">mm-dd-yyyy </span>&nbsp;<span class="time">h:mm am</span> </div> </div> </g:background> </body> </html>