/**
 *  @fileoverview  CSS3 VENDOR PREFIX GENERATOR VER. 0.1
 *  @author        Tohl SMALLFIELD
 */
/*------------------------------------------------
    reset
------------------------------------------------*/
body,h1,header,section,div,p,button,textarea{
    margin: 0; padding: 0;
}

/*------------------------------------------------
    body
------------------------------------------------*/
html,body{
    height: 100%;
}
body{
    background-color: #194c99;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#36c), to(#036));
    background-image: -moz-linear-gradient(#36c, #036);
    background-image: linear-gradient(#36c, #036);
    font-family: myriad, helvetica, verdana, sans-serif;
}

/*------------------------------------------------
    header
------------------------------------------------*/
header{
    position: absolute;
    top: 50%; left: 10px; right: 10px;
    display: block;
    height: 40px;
    margin-top: -20px;
    background: transparent none no-repeat scroll right center;/* :-) */
    overflow: hidden;
    z-index: 2;
}
h1{
    float: left;
    width: 142px; height: 27px;
    margin-top: 7px;
    text-indent: -9999px;
}
p{
    position: absolute;
    top: 4px; left: 50%;
    width: 140px; height: 32px;
    margin-left: -70px;
    background-color: #026;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00468c), to(#002142));
    background-image: -moz-linear-gradient(#00468c, #002142);
    background-image: linear-gradient(#00468c, #002142);
    border-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    -ms-border-radius:     5px;
    -o-border-radius:      5px;
    border-radius:         5px;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, .2), 0 0 1px #000 inset;
    -moz-box-shadow:    1px 1px 0 rgba(255, 255, 255, .2), 0 0 1px #000 inset;
    -ms-box-shadow:     1px 1px 0 rgba(255, 255, 255, .2), 0 0 1px #000 inset;
    -o-box-shadow:      1px 1px 0 rgba(255, 255, 255, .2), 0 0 1px #000 inset;
    box-shadow:         1px 1px 0 rgba(255, 255, 255, .2), 0 0 1px #000 inset;
}
p:hover{
    opacity: .75;
}
p:active{
    opacity: .5;
}
button{
    display: block;
    width: 140px; height: 32px;
    background: transparent none no-repeat scroll 11px 6px;
    border-style: none;
    text-indent: -9999px;
    cursor: pointer;
}

/*------------------------------------------------
    section
------------------------------------------------*/
section{
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 50%;
}
#in{
    bottom: 50%;
}
#out{
    top: 50%;
}

/*------------------------------------------------
    h2
------------------------------------------------*/
h2{
    position: absolute;
    width: 100%;
    padding: 2px;
    color: #222;
    font-size: 300%;
    font-weight: bold;
    text-align: center;
}
#in h2{
    top: 50%;
    margin-top: -0.5em;
}
#out h2{
    bottom: 50%;
    margin-bottom: -0.5em;
}

/*------------------------------------------------
    div
------------------------------------------------*/
div{
    position: absolute;
    top: 10px; right: 10px; bottom: 10px; left: 10px;
    background-color: #000;
    border: 10px solid #000;
    z-index: 1;
}
#in div{
    bottom: 20px;
    -webkit-border-radius: 10px 10px 3px 3px;
    -moz-border-radius:    10px 10px 3px 3px;
    -ms-border-radius:     10px 10px 3px 3px;
    -o-border-radius:      10px 10px 3px 3px;
    border-radius:         10px 10px 3px 3px;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, .2);
    -moz-box-shadow:    1px 0 0 rgba(255, 255, 255, .2);
    -ms-box-shadow:     1px 0 0 rgba(255, 255, 255, .2);
    -o-box-shadow:      1px 0 0 rgba(255, 255, 255, .2);
    box-shadow:         1px 0 0 rgba(255, 255, 255, .2);
}
#out div{
    top: 20px;
    -webkit-border-radius: 3px 3px 10px 10px;
    -moz-border-radius:    3px 3px 10px 10px;
    -ms-border-radius:     3px 3px 10px 10px;
    -o-border-radius:      3px 3px 10px 10px;
    border-radius:         3px 3px 10px 10px;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow:    1px 1px 0 rgba(255, 255, 255, .2);
    -ms-box-shadow:     1px 1px 0 rgba(255, 255, 255, .2);
    -o-box-shadow:      1px 1px 0 rgba(255, 255, 255, .2);
    box-shadow:         1px 1px 0 rgba(255, 255, 255, .2);
}

/*------------------------------------------------
    textarea
------------------------------------------------*/
textarea{
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: transparent;
    border-style: none;
    color: #aaa;
    outline: none;
}
textarea:focus{
    color: #fff;
}

/*------------------------------------------------
    DATA URIs
------------------------------------------------*/
header{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8A\
AAAMCAMAAACtMpY+AAABIFBMVEX///91k8IbTZobTpocT5scTp\
odT5seUJsfUJwfUZwgUZwhUp0hU50iU50jVJ4kVZ4lVZ4mVp8n\
V58pWaAqWaEqWqErWqEsW6IsW6EtW6ItXKIuXKIvXaMwXqMzYK\
U1YqU2Y6Y3Y6Y5Zac6Zqg7Zqg7Z6g8aKk9aKk+aalAa6tBa6tD\
baxEbaxFbqxGb61HcK1Kcq9Kc69MdLBPdrFQd7JRd7JSeLJUer\
NWfLRYfbVZfrZafrZaf7Zegrhgg7lfgrhgg7hihbphhLljhrpk\
h7plh7tmiLtnibxqi71rjL5tjb5ykcB0k8J0k8F2lcJ3lcN4ls\
N8mcV+m8Z9msWAnMd/nMaBnceCnsiEn8mEn8iGocqFoMmHosqL\
pcyKpMuMpswXeb6zAAAAAXRSTlMAQObYZgAAAPNJREFUeNptkG\
07AkEUhg+22ggpLUrpxWuJ9KJCYUtF1qDa3Wx5/v+/MNvs+NT9\
5Zx57rnOnGuIlnPY68S9tu8IbLssbbILzlPC7Td+ITkTVusARi\
rN+I0o0WpSkJoiJjyDkfGdZpWTDzCixE1pQW1u+YV/PFZy78Aw\
rZy3iVr/4/vy+dwK8MDzYYYfLhr3LncMVU/rQEtTA/FnoE1rsY\
hIB3I9YvpuoGKbZf9e95P252PVDSM/0Dy/FSxZmJj4vla3KQ98\
NY8uX2w43npUtGDerm/Wp5gU6KDnLJabvcrxZIxrIbeG66bBy8\
7V20jPh5f/8x+hjzabE1qJKwAAAABJRU5ErkJggg==");
}
.DnD header{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIA\
AAAMCAMAAACJKxn+AAAB3VBMVEX///9sjL51k8IaTZkbTZobTp\
ocT5scTpodT5seUJsfUJwfUZwgUZwgUpwhUp0hU50iU50jVJ4j\
VJ0kVJ4kVZ4lVp8lVZ4mVp8nV58oV6AoWKApWKApWaAqWaEqWq\
ErWqEsW6IsW6EtW6ItXKIuXKIvXaMwXqMxX6QyX6QyYKQzYKUz\
YKQ0YaU1YqU2YqY2Y6Y3ZKc3Y6Y4ZKc5Zac6Zqg7Zqg7Z6g8Z6\
k8aKk8Z6g9aKk+aao+aalAa6tAaqpBa6tCbKtDbaxEbaxEbqxF\
bqxGb61IcK5Ica5HcK1Jca5Kcq9Kc69Lc69MdLBOdbFNdbBPdr\
FQd7JRd7JReLJSeLJTebNTerNVe7RUerNWe7RWfLRXfbVXfLRY\
fbVZfrZZfrVafrZaf7ZcgLdbf7Zegrhdgbdgg7lfgrhfg7hgg7\
hihbphhLljhrpkh7plh7tliLtmiLtnibxoibxoirxpir1pirxq\
i71rjL5rjL1tjb5tjr5uj79wkMBxkcBykcFzksFykcB0k8J0k8\
F1lMJ2lMJ2lcJ3lcN4lsN5l8R7mMV6l8R6mMR8mcV+m8Z9msWA\
nMd/m8Z/nMaBnceCnsiEn8mEn8iGocqFoMmHosqJo8uIosqLpc\
yKpMuMpcyMpszxNcz1AAAAAXRSTlMAQObYZgAAAqNJREFUeNq9\
lGtXUkEUhrepoBgIUoBpkoBSeAs5mrdETdNQzBDNNLySN9TA0q\
zUFBOxVPKAYqLvb+1wTVh909X7ZfZ6ZtY8M3vNOUT/LSXOBXWk\
qHSDC1fgenFXXtndFYwmEDDHUelieNWchitZ3IwS7F+j6CJBG6\
JEucAdSlfl4aSFMVNC2c/oO7dhr9X3srg013sBb3eF8RcQmnyy\
xM17jdXMcPC001AzHcJqvcGJ9abHXd7YHrFklEajO0FRlHjg1v\
PrDLzaXXhSlaLSES1vp144ImJwmE2D2BWqept/AmvC8WzOvEwv\
LTz9PjWbae0jPWsh1zt680ierNR0myKxhPxZUTJTw2O2ga0qXt\
N0qjLPjHNpV6MObVI4lEYtGuRnkYk0obkoCKzSAZw0x19FhlXb\
BDBaWwYHk5X2RF9dccTcAiY4vqWnVKXkBVBe3ZxnvjuJurY0/o\
HchKn+dcCZSTu2AW53Dw5pUFxrLN7gTwJvxVYy5WuTlU+Hx8MZ\
9eBVjDgAu1KQrZ4HIrcci/Gx8C17EJI9b8kz8L+HZBIVOZQtGK\
Ye+HJmDS2yKU75A2vkEJUXVJyLueO1F9vSG1/7k5SZRYposRp/\
PeRx3M/uC7DmrAeLe5HLLfE5yp8Pl7kNm8Z0d30p7jV/o9FlqX\
GcLJtiE45o6D3JzvGBFlckZfvk8tJXKzlmyWan34lORVMc8gnC\
o+IUyhiS5Jj8OGZx2CW4E+3nupAEXyIVoyg0rKG1BgNlVs0F+j\
RnE2qxbhmYKVR3aFawkV+g6vL7FU6UDITMUnn/pUNxkqI0Age2\
iralAIKx10PtfrDW2+KhExy3ki+yfO+h+7rfpS+hVDmDEXL2Kd\
5XcvssueFRNsS6iWFxI2GZK38fecfnI4dR9u8f3x+bpcbEVU6j\
cQAAAABJRU5ErkJggg==");
}

h1{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4A\
AAAbCAMAAACdiEfKAAADAFBMVEX///+cTE+ZTFCVTFORTFSOTF\
eBTF5+TGB6TGJzTGZtTGpqTGtlTG5gTHFfTHFaTHRXTHZRTHlM\
THzr6+xITH5GTH9FTIBBTII7TIY0TIowTIwxTIslTJMeTJYbTJ\
gdT5shUp0lVZ4oWKAsW6EwXqM0YaU4ZKc7Z6hAaqpDbaxHcK1L\
c69PdrFTebPr7e7x+Pvr8PLs9fjr9Pfr8fPr7u/q7e7w9/nr8v\
Tq8fPr+v7r8/Xr7/Dx+vzr9/nw9vfr8fLq8PHr8/Tr7Oz///7r\
6+r+9/P97eX+9O/++PXr5+XwXh3vXx/wYSHwYyXwZCbxZijwZS\
jyaCnxZinxZynxZyrwaCvxbzbxcDbyfUnzgE31lGn70sD839Lv\
XB3wXh/vXh/wXyHwYCLvXyLwYSTwYiXuXyXxZSjwZCjvYyjwZC\
nwZSnvYinuYinuYynxai/xazLxcTrxczzxcz3ydD7ydUDzf03y\
f07zhFT0jmL2oX32o4D3qYf6xa76yrX83tH849n95tz96N/96u\
L+9/TtXifsXCftXyjrWyj+8Ov+8ez+8+/+9vPpWCfqWSjqWijp\
VyjoVSfuz8Xv4t7q3dnp3Nj/+ffr5ePmSRvmSh3mTyPmUCTlTy\
bkTybnVCfmUSfmUyfnXDTnYTnobUnrl3/ttqbpzcXq1c/jPhXj\
QhrjQxvjRBzjRR3iQx3jRh7iRR/jSCHjSSLiSCLjSSPjSiPiSS\
PjSiTiSSTjSyXiSiXkTSbkTibjSybjTCbjTSblTyfiSibiSybh\
TCfgSyjjTinjUCriTyvdTCrjVTLkVzTkWzjjWjjkWznkYD7kZk\
blaEnkbE/lb1LlcFPldVnlel7mfWTmhW3njnfnkXvnl4Pnn4zn\
oI7orp/os6bpuKzpvLDpwbfpyMDpycHp0Mrq083p1tHr4+H/+/\
rbTCvZSyvVTC/PSzHPTDHoyMHq4d/w5+Xr4uDNTDPETDi7TD26\
TD2zTEKxTEOvTEStTEWsTEaoTEfr6en//v7w7+/r6ur////r6+\
vAx7PlAAAAAXRSTlMAQObYZgAABedJREFUeNrNVnm8VUMcn6RF\
SrJUtJx1zjlzZiYUUsmzhaR6RNlDC0JF9qUsLfY1suRlLZV4Sp\
J38i5RSFmzZctSkq0SKW5+v9+cc+8t/X/9Pp87c8/8ZvnOb/sO\
227tum3IH6xMsj4pyrxMkgXlglOnACZXdcH5qby8qqC3XBs7h1\
rbKS50XRxwbccFsSz8pLmu62QrLdOZHv/YtMQ1HzgxbR1aDpux\
egBkdjXKcw/0HIjSc8iQiT9mYITWOmRcaR0wT2ods0BogRsKDW\
2kHZyhXVdrj7maM/xSAawM4Y+wYMz0jDTS4tgF6TBLW0G7xfCr\
nyRzFi56E+StR0dchHLhCefMXZPCibVvWbatI+Y4TErLdhnnnl\
Kg4nA2UxI2IlvBUQaOYE4Efai5zeEmOBZoH+EI5umAaxfuaOOw\
GTOtA3eE2WyHJJn6ya6/gvz8S7dbQLpd32/QvHUGDSwnT+kYza\
yUm4KUaHSwFOozOFL7KRxmKWnRQaDDMY/OxhEtAA7Ac7aGA/Bj\
BYc0TpKnPu7abt+KioMPypNc22dsssGci2tRwPChxXwwLMRFIJ\
VnLGfBvnCkEAJPlTKDg6an4zh6UXAVk7NiF0wGFgvIaFIIn2nJ\
uU9rbE1X3zlJpi095NDu4+8Zf/dNJNccM7Zm+wyOZ/74Epe4Qi\
tAFSiRKtFMAo7gCMfXQQYnVk4RjoyNjSFM4gCGYklhJjh3mVZC\
BLTG1bRyN4DzQYfOX762cOEj/fqiDOs9JtfQoHCMMY0tsA3IXM\
Zojg7xnMxZHHyYwnEh1hQ6VCpSQKwUHIOxo0yYbeEsqUK8e6uV\
yfT3unT+asq0p+/v0R9lwPG31TZKQQiwZuBboeeDRQLfi5XFqU\
UlJJpDjoFUxu3hghxdAnkIEa8jL6JBDv/9UjiQjxDKIaZ4AY4P\
kQ/JwFqvTmYs2djxm8WLFz920iUowwffUbtTluhcauXbQsUQO5\
GUkQOtiowLA1zPskTn5DfEGIdkwljH3JjNwZwpgcMx6rMUJ42l\
tIXJyNqsSZ59+752mw//Z+Pfm1AOu+LoO3PNylWV2dqk+o3v23\
fo2PGA/U1mXd7j4VzzssH5M5kz//Mnv16+/Ke7Th058qh8/rIz\
ql5tWTY4dYElZs2cWT3r+Qd7DagclV9x4lkTV+65FTcZYoLOxv\
8Z46T8Q3onnUS8ZHjOjBJBOfQFRd1MyBTbkIZJMuOzyd++P/3F\
qsqBw47I3zBi0NzVrbNQRuaBNDXxCl2clloKxJR/sGBrmQY1Jh\
IwnHTMt/JNyaGibhbwEgVWNBWYawvK/UbAEss6dVo65YVJlacP\
PTJ/Y99BydpiteE287Ligvv4WeVPawjVFKhPkPMOVl3X9nVoe4\
rgMZvKD2S2S+mVVvmiAopxyM1mSlLfBFji030qvljy+oReF1+1\
In/d0NHJX5mjKENZCRwpt4SD/IMpb9iNjqOqxMmW+EEmAC3MKY\
GTKmDEZlIYz9KmzQDOR103V7T77omR90Jijeo9uqYOK5KEi8Xc\
EBN0vvYJDjFOyj9QEGOm4gwO1RJTjHlEBZBZ4GQ8HxhCCKdEQc\
jSuxo4u0PsvNu9c/u9u+yFab7p6gFjcvVK4Pix2ZlTnYNXRqQz\
xkn5B8kdyqWdwlFFOEIpE9RQhxE34OfcLlX8B07LVyCzFn24bP\
J+B+ZvPuXKS88ePC7XoOCsKNs5W+zBS6I0djAG8NII2sCJEFhI\
XF/wNuBA3EVnkcK2MmdZdgYHSCtJqqdNnf/O4ycP73/amZXH3l\
7buBjKkccJDiW6uQtthome8g8MWYZt6ThXxz7Xwty6ELE6fbJh\
oqcKJCnHhDLa1sBpvco8lWc/M6HHwOP6DDlvXFXNLoWXchhDmH\
jFRKeXQDHRiX8wMpBQrfT2HkQ8UBzNJlPRvUKCkyY6KSwZZYke\
SSuF0/b37Ok+qc+5Y2+tSmprVpavKIN5mjdYvwDxPDTppZra3J\
q6TVu1ZeWVPZrU+Q3s88OGhi3asP+FtGpaf8cW5TbLv77MGVci\
vg/TAAAAAElFTkSuQmCC");
}

button{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQA\
AAATCAMAAAB2tdn3AAACPVBMVEX////////8/P3u8PPo6u3n6e\
zm6Ovu8fXd4OTM0dcRKEEvQ1lDVWlmdYV3hpZ3hZR3hJJ5hpSq\
ucmKlaG3xdSOmaW8yde7x9SqsrvV3eYAMmQAMmMAMWIAMWEAMG\
AAMF8AL14ALlwALFgALFcAKlUAKlQAKVMAKlMAKVIAKFAAJ08A\
KE8AJ04AJk0AJUsAJUoAI0cAJEcAIkQAIEAAHDgAGzYAGjUAGT\
MFLlgHOWoIOWsKO2wLNmEIJ0YRQXAVRHMRNVoYRnQNJT0bSXYc\
SXceSnYfSnQiTnoTKkIiSG4pVH8iRGYXLkUiQWAzXIUeNEsiO1\
Q5YYgoQ14zVHUiOE5EaY9EZ4pKbpJEZIVMcJQwRVowRFlKaYgz\
R1xWeJpVd5lMaohNaodEXXZdfZ5EW3Nff59ggKBEWW9Wb4hmg6\
FEV2tsiadEVmlxjap3kq1VZnd3jqZxh55vhZtxh51YaHlaanuI\
oLh3jKFdbX1fb3+Fma2ZrcJ9jp+dsMN0gpCZqbp9ipequ8yIlK\
CZprO4xtS7yNWuusa+y9i6xtKZo62mr7jN1+HM1uDR2uPM1Ny7\
wsnd5OvZ3uPM0dbr7/Pd4eXu8fTf4uX2+Prs7vDp6+33+Pn19v\
f09fYAHz0AHTkAHDcAGzUYMEczSV5EYX1EW3FhgaBmhaNriaZ3\
kapmfJGEnbWdscSbqLS7yda7yNS7x9K7xc7P2eLO2OGyusG+xs\
3d5Orj6e7u8fP3+fry9PXu8PH6+/v5+vr4+fn+/v6y9+t7AAAA\
AXRSTlMAQObYZgAAAzxJREFUeNrFlfdD00AUx9/DAVbQulAxWh\
tAEAtaocRZcVZF66KKo+LAHSvuDYKiFtFiFRegKAquCC7UOP42\
312SkpT+Kn5/6L3e5d7nkvfNC0CfJs+AgZfw/OSAsaY4dYkrfx\
6n+3VOzeh3jehyuUQ2anKAk/3QOUVRYDGTk/9lg3YLIlszFuly\
hx7Q2qSZReuGb9eUin9OQP6abRsXWJEujyTb7fY9AJLM1eErDM\
ovfXQIm1zupZip0u+SbDQG3QLbVEBxhxf0RYpLy7QgQAmXjBmK\
fUoK5V/BX182mJluya7yxVqQ9MtChRHEOwSVEQMsZlJcdi246q\
VdbXXsOjAWEc/qqwjwdBRadC3zEv1ONDFzpTDNNCr1lMICxUMJ\
oI319xHHAzikKKrYCKAkgBY/QLz9jutyA2L6Uthy/TdbiKktDb\
GJngl4vQyq8EkO+uaNQbUyUNoAlEQR/eAqQ6TDemPTxsDU3oK9\
y3RHLcQbi2jMHmeBSjyJHiN2c4MQqAfxdQzK3cXTCm08+Ww7Jr\
9A7LRCyzWjtbfiLT1jxor0xWzMOWWGihIrprOQ5GTQKHmBzBPB\
D2EctMqAcnextJUe2zBMBkGagLVulXZaoHbmNw79qDNhHmdCzj\
kLVGZ+EIORSKTbb9SUgZS1iDXmmoZY2mhExWQ/ZNkQqwrCPJEJ\
yktvgmZNn6tjsi1QB4cK5ZxlgTooZ1o8lKmKHH+M1mQycEUiaH\
ErfuI35Dl4RMfknbbUdD3iaHJRR1iDxoykQCk9r3gjhTZHGcIT\
1o93MZGRnrXg3TnELEr9cWEaV15RtQWam4K4SdD26EZyalBhJL\
0VMSOJelo6ZK1TooesKD0qNscbibWpWY8RG3aKntQh+Pm8purB\
Fii8QVTTbJIOjfLmw6FQomKfkeSAlt2dgs0FQVYTyA3zt8diJH\
IhTHlP+x5mHlYtLeKepQ3WGNOxmioaFEagqaaoZc8i0oE6/poJ\
VPIz8TVl8fKbSfgddrSYmb37rc2386uG8oEBpUbDi9vEchhNB0\
I8YwWRmui1Yf0EWVPSptlgQGH+1q5XALse4dguXXtX9/vMeAMB\
3z/4wu1+8vY/fMP3HR0o0l/os/jZTJartAAAAABJRU5ErkJggg\
==");
}