body {
    font-size: 12px;
    margin: 0;
    padding: 0;
    height: 100%
}

p, h1, form, button {
    border: 0;
    margin: 0;
    padding: 0
}

.spacer {
    clear: both;
    height: 1px
}

.myform {
    margin: 0 auto;
    width: 400px;
    padding: 14px
}

#auth, #company_loader, #passreset, #passwd {
    height: 320px;
    width: 500px;
    border: solid 3px #209CEE;
    background: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #333;
    -webkit-box-shadow: 5px 5px 5px #333;
    box-shadow: 5px 5px 5px #333
}

#auth h1, #passreset h1, #passwd h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px
}

#auth p, #passreset p, #passwd p {
    font-size: 11px;
    color: #666;
    margin-bottom: 20px;
    border-bottom: solid 1px #b7ddf2;
    padding-bottom: 10px
}

#auth label, #passreset label, #passwd label {
    display: block;
    font-weight: bold;
    text-align: left;
    width: 140px;
    float: left
}

#auth .small, #passreset .small, #passwd .small {
    color: #999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    width: 140px
}

#auth input, #auth select, #passreset input, #passreset select, #passwd input, #passwd select {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    width: 280px;
    margin: 2px 0 20px 10px
}

#auth button, #passreset button, #passwd button {
    clear: both;
    margin-left: 150px;
    width: 100px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
}

#auth a, #passreset a, #passwd a {
    color: #4788c0
}

#auth a:hover, #passreset a:hover, #passwd a:hover {
    color: #000
}

#header {
    display: none;
    position: absolute;
    padding-top: 4px;
    top: 0;
    width: 100%;
    height: 24px;
    background: #d0cece;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    text-align: center;
    color: #fff;
    font-size: 16px
}

#footer {
    border-top: 1px solid #A9A9A9;
    position: absolute;
    padding-top: 2px;
    bottom: 0;
    width: 100%;
    height: 24px;
    background: #A9A9A9;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    text-align: left;
    color: #fff
}

#feeback {
    width: 500px
}

.info, .success, .warning, .error, .locked, .info_gray {
    border: 1px solid;
    border-radius: 5px;
    margin: 5px 0;
    padding: 10px 5px 10px 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    -moz-box-shadow: 5px 5px 5px #333;
    -webkit-box-shadow: 5px 5px 5px #333;
    box-shadow: 5px 5px 5px #333
}

.info {
    color: #00529b;
    background-color: #bde5f8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKcSURBVDjLpZPLa9RXHMU/d0ysZEwmMQqZiTaP0agoaKGJUiwIxU0hUjtUQaIuXHSVbRVc+R8ICj5WvrCldJquhVqalIbOohuZxjDVxDSP0RgzyST9zdzvvffrQkh8tBs9yy9fPhw45xhV5X1U8+Yhc3U0LcEdVxdOVq20OA0ooQjhpnfhzuDZTx6++m9edfDFlZGMtXKxI6HJnrZGGtauAWAhcgwVnnB/enkGo/25859l3wIcvpzP2EhuHNpWF9/dWs/UnKW4EOGDkqhbQyqxjsKzMgM/P1ymhlO5C4ezK4DeS/c7RdzQoa3x1PaWenJjJZwT9rQ1gSp/js1jYoZdyfX8M1/mp7uFaTR8mrt29FEMQILr62jQ1I5kA8OF59jIItVA78dJertTiBNs1ZKfLNG+MUHX1oaURtIHEAOw3p/Y197MWHEJEUGCxwfHj8MTZIcnsGKxzrIURYzPLnJgbxvG2hMrKdjItjbV11CYKeG8R7ygIdB3sBMFhkem0RAAQ3Fuka7UZtRHrasOqhYNilOwrkrwnhCU/ON5/q04vHV48ThxOCuoAbxnBQB+am65QnO8FqMxNCjBe14mpHhxBBGCWBLxD3iyWMaYMLUKsO7WYH6Stk1xCAGccmR/Ozs/bKJuXS39R/YgIjgROloSDA39Deit1SZWotsjD8pfp5ONqZ6uTfyWn+T7X0f59t5fqDhUA4ry0fYtjJcWeZQvTBu4/VqRuk9/l9Fy5cbnX+6Od26s58HjWWaflwkusKGxjm1bmhkvLXHvh1+WMbWncgPfZN+qcvex6xnUXkzvSiYP7EvTvH4toDxdqDD4+ygT+cKMMbH+3MCZ7H9uAaDnqytpVX8cDScJlRY0YIwpAjcNcuePgXP/P6Z30QuoP4J7WbYhuQAAAABJRU5ErkJggg==)
}

.info_gray {
    color: #555;
    background-color: #efefef;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKcSURBVDjLpZPLa9RXHMU/d0ysZEwmMQqZiTaP0agoaKGJUiwIxU0hUjtUQaIuXHSVbRVc+R8ICj5WvrCldJquhVqalIbOohuZxjDVxDSP0RgzyST9zdzvvffrQkh8tBs9yy9fPhw45xhV5X1U8+Yhc3U0LcEdVxdOVq20OA0ooQjhpnfhzuDZTx6++m9edfDFlZGMtXKxI6HJnrZGGtauAWAhcgwVnnB/enkGo/25859l3wIcvpzP2EhuHNpWF9/dWs/UnKW4EOGDkqhbQyqxjsKzMgM/P1ymhlO5C4ezK4DeS/c7RdzQoa3x1PaWenJjJZwT9rQ1gSp/js1jYoZdyfX8M1/mp7uFaTR8mrt29FEMQILr62jQ1I5kA8OF59jIItVA78dJertTiBNs1ZKfLNG+MUHX1oaURtIHEAOw3p/Y197MWHEJEUGCxwfHj8MTZIcnsGKxzrIURYzPLnJgbxvG2hMrKdjItjbV11CYKeG8R7ygIdB3sBMFhkem0RAAQ3Fuka7UZtRHrasOqhYNilOwrkrwnhCU/ON5/q04vHV48ThxOCuoAbxnBQB+am65QnO8FqMxNCjBe14mpHhxBBGCWBLxD3iyWMaYMLUKsO7WYH6Stk1xCAGccmR/Ozs/bKJuXS39R/YgIjgROloSDA39Deit1SZWotsjD8pfp5ONqZ6uTfyWn+T7X0f59t5fqDhUA4ry0fYtjJcWeZQvTBu4/VqRuk9/l9Fy5cbnX+6Od26s58HjWWaflwkusKGxjm1bmhkvLXHvh1+WMbWncgPfZN+qcvex6xnUXkzvSiYP7EvTvH4toDxdqDD4+ygT+cKMMbH+3MCZ7H9uAaDnqytpVX8cDScJlRY0YIwpAjcNcuePgXP/P6Z30QuoP4J7WbYhuQAAAABJRU5ErkJggg==)
}

.success {
    color: #4f8a10;
    background-color: #dff2bf;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAEAAAABAAXMatwwAAAd9JREFUOMulkk1rE1EYhU9SpGSM2EwyU2rDZKT/wI0g3WjBRRt10VhFqGRTUArjQjeioBatH7vRnYtU7U5w50LRraL9UCNYJ85k0qko+AMmncx9771ubIQ2ltqe/XNe3nNOQkqJnSi5I3o7BqdnT9ijlZFr2zI49eS4rWc0q1fVrg/fP3IZABJbzWDs8TG7V9WtgYKJ5moE16+j4QdXt2Rw8lHR1jOaNVDYDwGBJaeGhh8gbrFU+4XJ1+Whcy/GJ9bDpZmirfXkLNMogCTHl68OPLfBW1GcenNjPkoCwOSr8iAxPqumMg/Lz8YurMGjlRFb68lapmGAS46lPzCLWfrt1EIEAInzL88e5cQrZs7o797VjUWnyonRRcYor2eylwoFE1JyODUXvhdwYpR+d/NDtHYkMfH8TEqQbGb3qNin9SFcbeLHr5/oSnZB1zTIJPDNceF7gSDGd7+/9RdutzD+tKQILsLsXhX5vn4IwRELBkigVvOw7K1IxkiZm/4Yrc+o3UJppqgIEmFWVWEYeZDgcJ06lusrkhgpc7c/bYA37GD4wZAiSISalgMjhqD+XRIjZf5OtSPccUiHpw8pXIgwjmIixtMLd6utzTbScUgHrxxQiBFfvPd5U/ifBv+j330N+zeevzqhAAAAJXRFWHRjcmVhdGUtZGF0ZQAyMDA5LTExLTE2VDIyOjE4OjE3LTA3OjAwWwD+wQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wMS0xMVQwNjo1MjozNi0wNzowMPfDz5oAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMDEtMTFUMDY6NTI6MzYtMDc6MDCGnncmAAAAYnRFWHRMaWNlbnNlAGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LzMuMC8gb3IgaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvYnkvMi41L4uGPGUAAAAldEVYdG1vZGlmeS1kYXRlADIwMDYtMDMtMTJUMjE6NTg6NDgtMDc6MDCucoBEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABt0RVh0U291cmNlAEZBTUZBTUZBTSBTaWxrIEljb25zgnpk+wAAADN0RVh0U291cmNlX1VSTABodHRwOi8vd3d3LmZhbWZhbWZhbS5jb20vbGFiL2ljb25zL3NpbGsvwsQNDQAAAABJRU5ErkJggg==)
}

.warning {
    color: #9f6000;
    background-color: #feefb3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIsSURBVDjLpVNLSJQBEP7+h6uu62vLVAJDW1KQTMrINQ1vPQzq1GOpa9EppGOHLh0kCEKL7JBEhVCHihAsESyJiE4FWShGRmauu7KYiv6Pma+DGoFrBQ7MzGFmPr5vmDFIYj1mr1WYfrHPovA9VVOqbC7e/1rS9ZlrAVDYHig5WB0oPtBI0TNrUiC5yhP9jeF4X8NPcWfopoY48XT39PjjXeF0vWkZqOjd7LJYrmGasHPCCJbHwhS9/F8M4s8baid764Xi0Ilfp5voorpJfn2wwx/r3l77TwZUvR+qajXVn8PnvocYfXYH6k2ioOaCpaIdf11ivDcayyiMVudsOYqFb60gARJYHG9DbqQFmSVNjaO3K2NpAeK90ZCqtgcrjkP9aUCXp0moetDFEeRXnYCKXhm+uTW0CkBFu4JlxzZkFlbASz4CQGQVBFeEwZm8geyiMuRVntzsL3oXV+YMkvjRsydC1U+lhwZsWXgHb+oWVAEzIwvzyVlk5igsi7DymmHlHsFQR50rjl+981Jy1Fw6Gu0ObTtnU+cgs28AKgDiy+Awpj5OACBAhZ/qh2HOo6i+NeA73jUAML4/qWux8mt6NjW1w599CS9xb0mSEqQBEDAtwqALUmBaG5FV3oYPnTHMjAwetlWksyByaukxQg2wQ9FlccaK/OXA3/uAEUDp3rNIDQ1ctSk6kHh1/jRFoaL4M4snEMeD73gQx4M4PsT1IZ5AfYH68tZY7zv/ApRMY9mnuVMvAAAAAElFTkSuQmCC)
}

.error {
    color: #d8000c;
    background-color: #ffbaba;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAQAAAAEABcxq3DAAADc0lEQVQ4y1WRW2gcZQCFz/z/zGRuO3vfzTYm21Yj1qTSkpStSdWAYsW3sn0qKAoKxRuxRSw0ppWKD9EqaqUUiih9URQEX0RExQebaqhJECw0BpJNTFLNZrKZy87ln/l9SVG/x3PO93QEbFMHcABQJCDeCUR1/J8rAP4GqA4o3wPuZ9s5uT1YAdTHTo2/Vh89cXoekK/8R74M4AYgPl4/emrf8ZfObQFZYbsTn3/oCD788Uvtnh1dZ/TunpNmwvhgtSreXFx843PAbwLYAuSR6s5XcnsHxmVVFXd198h8qTF2/OH6Jq1kCtk9nZWxJ/r2ju5LiCQ5baLpxkE0/+KTrvvTNYAcLpVP9tUOjWWNjJJxfSGtGvvX/MBc8b3rdGRX/6H7BwbPHQ58M575FU5jESpLqCaKw0VFJvcZqaG7ipXxrCCqzh83kSwuoCtm1NezvVzPXhP2k5SxaUhPHzPN118Ig6zn2mCEoINQyLVanPhhHM1Oy1GSgPIEhijhY1F0LjneREVOXaBdVAt/b1szy223ZRBS6wwCba3toRn4cFdXSOvPJXrLsbEVBuCM4ds4bl3yvLfmIv+dqpK26WriA0CsJclvThJbRd04YBKiW1GErSjCFmNoA5BEEfOiZH2dJBPLMXt/E3Abgf3vjTUq+l4UfULT6R+UUhkeIXAAOABsQQDN5CCY6eshiy72U+rc9igAnBcE6CDSo7oxWgiCp6yNdYXFMSQAIgABAAtD5Ckp75bEUArDySOEJN9wDjr74glc/XlSHtC0VzspOcNcx6CMIQOgJ2WirOsgfhs0SUBYJOc6lAcMUZSWw+Dq+aPHGH3uwRFtx8b6y6Ztn4bnqh1xjAyAkiyD5/M+MfSw6HkSjWOAc4AxmpLkg+VsnvDu6i/02TvvfqRUKLwdzc+Z1PeRA1BUFDiq2lq17bOWY3+la/pQRRA0GkWIOYdIKC1WqwNEkmbokwKxmtNTMJJ4sADIOUlGU1GctcCfyLX9CynGplc4b8m6PtQJqBIArnQE61bzMlz7U/pM5Y723ML8VAmcl/r6B6xCwb+1ujKx2w/edQCPA3GFsdmlOG6J+XwtW8gLG5Z1cdlrnzXTmaY4NDOFLwhxhTB674ai9Ko82ewNwg8WCPGGkwQA8B2E8N4g+KihyOWNlLlH84M3VUpaw40G/gGlo4Yc8HX1lQAAACV0RVh0Y3JlYXRlLWRhdGUAMjAwOS0xMS0yOFQxNzoxODoyOC0wNzowMDGRsiwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTAtMDItMjBUMjM6MjY6MTUtMDc6MDAGO1yBAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEwLTAxLTExVDA4OjQyOjU2LTA3OjAwe5mt0QAAADV0RVh0TGljZW5zZQBodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9saWNlbnNlcy9MR1BMLzIuMS87wbQYAAAAJXRFWHRtb2RpZnktZGF0ZQAyMDA5LTExLTI4VDE0OjMyOjE3LTA3OjAw5GP21AAAABZ0RVh0U291cmNlAENyeXN0YWwgUHJvamVjdOvj5IsAAAAndEVYdFNvdXJjZV9VUkwAaHR0cDovL2V2ZXJhbGRvLmNvbS9jcnlzdGFsL6WRk1sAAAAASUVORK5CYII=)
}

.locked {
    color: #d8000c;
    background-color: #ffbaba;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAEAAAABAAXMatwwAAAolJREFUOMttks9rlFcUhp/vzmSSmSZxarUhY0knTtqAhVK6SxeFQl2Uli7UnbsKlsJAVmaZhVn6V3QxoXTh2j9AFMRqoJ20SY3DGFqQSDPmczIz955zTxef0c8fBw73LO59eN/33MTMyNf6+vpkjPGKqi6p6nFVRVX/U9XbInJteXn5Wf5+kge0Wq3PYozXa7Xa/PT0NM45YowMh0P29vbodDodVT23srKy8Qag1WpNqur9RqOx4L1nd3eXfr+PqlIsFpmZmQFgc3Pzgap+urq6OgBwRyRV/Wl2dnYhhMD29vbDNE3rIYRSCKGUpml9a2vrX+89tVptQUSaR++KR4OILFUqFXZ2dgghfNdsNrs5q921tbWvu93uZr1eR0SW3gY46ZwjTVNEpMNrJSKdEALOOVT15CsZPLr5g93eWeTx0zKqyvef3KVgAVPBJOsQlJ83PifGyMzEPt+eusvi5XtJpsCMC+e/IsGRFMokfAMxgeIEYKABlZSrZ/sQAwAPfrn10oKpAIY8+ZXi+AmSZBLiGJSrYBEOn6IHf+MH/xDlkPJ8E/OjHEAEooF6eu3fcO4dqme+YPfGNSy+z9yXZ+n91cYP9pmqv4uZYsHnAQHMMA1UFz/GlU5AEtGR8vuTMnN4qo15hv1xTA7B4guAA7AQMFPQwP4fG/Tad8AJcRgZDUZgnt7Wn/S2H2V2Y8RCyCkIIaOqp/pRnULlPXCe0xd/5HQQOHjMsUaN0sFYpiDa6wAPMRLF02u3KVSmYGISiiWIAgc9Bvt7hH7K1Nw0Rsxs5wFmyvgHlyh/WCApjWcrdGMQFfyAqUGKhhEWNctLJAfwIx5ev5JlIYJJeN7y4kQ1+1iq2RwVgP8BcrKyzdlQVjEAAAAldEVYdGNyZWF0ZS1kYXRlADIwMDktMTEtMTZUMjI6MTg6MTctMDc6MDBbAP7BAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAxLTExVDA2OjUzOjAxLTA3OjAwUymdyQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wMS0xMVQwNjo1MzowMS0wNzowMCJ0JXUAAABidEVYdExpY2Vuc2UAaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvYnkvMy4wLyBvciBodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9saWNlbnNlcy9ieS8yLjUvi4Y8ZQAAACV0RVh0bW9kaWZ5LWRhdGUAMjAwNi0wMy0xMlQyMTo1NDoxOC0wNzowMPyubq4AAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAG3RFWHRTb3VyY2UARkFNRkFNRkFNIFNpbGsgSWNvbnOCemT7AAAAM3RFWHRTb3VyY2VfVVJMAGh0dHA6Ly93d3cuZmFtZmFtZmFtLmNvbS9sYWIvaWNvbnMvc2lsay/CxA0NAAAAAElFTkSuQmCC)
}

.passwd {
    background-position: left;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAEAAAABAAXMatwwAAAolJREFUOMttks9rlFcUhp/vzmSSmSZxarUhY0knTtqAhVK6SxeFQl2Uli7UnbsKlsJAVmaZhVn6V3QxoXTh2j9AFMRqoJ20SY3DGFqQSDPmczIz955zTxef0c8fBw73LO59eN/33MTMyNf6+vpkjPGKqi6p6nFVRVX/U9XbInJteXn5Wf5+kge0Wq3PYozXa7Xa/PT0NM45YowMh0P29vbodDodVT23srKy8Qag1WpNqur9RqOx4L1nd3eXfr+PqlIsFpmZmQFgc3Pzgap+urq6OgBwRyRV/Wl2dnYhhMD29vbDNE3rIYRSCKGUpml9a2vrX+89tVptQUSaR++KR4OILFUqFXZ2dgghfNdsNrs5q921tbWvu93uZr1eR0SW3gY46ZwjTVNEpMNrJSKdEALOOVT15CsZPLr5g93eWeTx0zKqyvef3KVgAVPBJOsQlJ83PifGyMzEPt+eusvi5XtJpsCMC+e/IsGRFMokfAMxgeIEYKABlZSrZ/sQAwAPfrn10oKpAIY8+ZXi+AmSZBLiGJSrYBEOn6IHf+MH/xDlkPJ8E/OjHEAEooF6eu3fcO4dqme+YPfGNSy+z9yXZ+n91cYP9pmqv4uZYsHnAQHMMA1UFz/GlU5AEtGR8vuTMnN4qo15hv1xTA7B4guAA7AQMFPQwP4fG/Tad8AJcRgZDUZgnt7Wn/S2H2V2Y8RCyCkIIaOqp/pRnULlPXCe0xd/5HQQOHjMsUaN0sFYpiDa6wAPMRLF02u3KVSmYGISiiWIAgc9Bvt7hH7K1Nw0Rsxs5wFmyvgHlyh/WCApjWcrdGMQFfyAqUGKhhEWNctLJAfwIx5ev5JlIYJJeN7y4kQ1+1iq2RwVgP8BcrKyzdlQVjEAAAAldEVYdGNyZWF0ZS1kYXRlADIwMDktMTEtMTZUMjI6MTg6MTctMDc6MDBbAP7BAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAxLTExVDA2OjUzOjAxLTA3OjAwUymdyQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wMS0xMVQwNjo1MzowMS0wNzowMCJ0JXUAAABidEVYdExpY2Vuc2UAaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvYnkvMy4wLyBvciBodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9saWNlbnNlcy9ieS8yLjUvi4Y8ZQAAACV0RVh0bW9kaWZ5LWRhdGUAMjAwNi0wMy0xMlQyMTo1NDoxOC0wNzowMPyubq4AAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAG3RFWHRTb3VyY2UARkFNRkFNRkFNIFNpbGsgSWNvbnOCemT7AAAAM3RFWHRTb3VyY2VfVVJMAGh0dHA6Ly93d3cuZmFtZmFtZmFtLmNvbS9sYWIvaWNvbnMvc2lsay/CxA0NAAAAAElFTkSuQmCC)
}

.help {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAACXZwQWcAAAAQAAAAEABcxq3DAAAC+UlEQVQ4y2WTy2ucZRTGf+9lvkxmMpPLZKZjxiSkmLSRUDRQGpTSIooUF2KpCG68rAU3LhXXigv/ArsQDN7AhRsVsSRtvKCtQq2Z1KRNyY3OZO6XzDff9x4XaSTGA2f3PL9zDpxH8f8aMjYy0zeYOW9jA1NO0EG7drddvb8Q+J0bQBEID8TqkNEAk0Mjx99In5y7lBh7bFjiaV3fCwmbJfG3b1Vrqz99U99c+dCJuwH4RwGPZicf/2D87MvPeKOz1ieCHwq1dkA3FCwhurjsKr9+9vtufulNEfkRCM0Dc3p4dOrdiadev2jHz1jfaYyGRNRijaLlhwSikb6MSgznstS3Hm6Xd64CZQuYiNczl505d9EbmzV7oZBJerz/0jSD8QhOhF/Wqrz9RZ76XoCkplRq5ulzrcL6hXat9JEG+pOZsef6HzmT7IpFRHh2Jk0ndFxevMfS7TLnp1O8eDqLUqCUIjY+25M4NvE8MGyBZHxoZFYnssp3ggj8fb/J/M+blBtdMskezp5IkRuKYrXCaIWNp4inx05w+7cBC0RtLDHoTA/OCaEIV5ZLhE5IJz3eeWESoxXX71bRah+grcWL9/dpRb8GEBeGzjmcgAg4JzgnXDr9EDO5JAv5Xb69WSRi9gFGK5QLnQi+BpqdRnkTv4ET+U8PxCJ8d7PAW/O3/jUarbDi4zd2dwUaGig3CxvXOsU7IQqCUPADIQghv9Pgj3vVB7eD0WCNQmrbUt+5cx0oaKBRK2x8XfprYUPaVdpdhx/ub/DK3AivPpE7NF0TVV0qy4uVyvbap0D14JGqfr0k0d7eJyOp45EAgxOYzsUpNjpcyVfwjCZuHZ3Vq931pS8vN6u7nwC1A4Df7bRW/fIGvdo/FR/IRJUX44d8hcWVCrEIxIIKrfz37fVrn8+XttbeAzaOZgEg7cUSF/pzJ1/ry02f8gaycWOMcs1iu7G5vFJa//PjVq30FbB1kMijAAAPOGaMnfB6Y6OgbHevtRUE3VVgG2gfFv8D0UFonM37ASoAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAACV0RVh0Y3JlYXRlLWRhdGUAMjAwOS0xMS0xN1QyMDowNjo1NS0wNzowMFmmKrsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTAtMDEtMTFUMTQ6Mjk6NTktMDc6MDDrbAy9AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEwLTAxLTExVDE0OjI5OjU5LTA3OjAwmjG0AQAAADR0RVh0TGljZW5zZQBodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9saWNlbnNlcy9HUEwvMi4wL2xqBqgAAAAldEVYdG1vZGlmeS1kYXRlADIwMDktMTEtMTdUMjA6MDY6NTUtMDc6MDAGF1yPAAAAGHRFWHRTb3VyY2UASW50cmlndWUgSWNvbiBTZXSuJ6E/AAAARnRFWHRTb3VyY2VfVVJMAGh0dHA6Ly9zaW1wbGVpbm5vdmF0aW9uLm5ldC9pbmRleC5waHA/cGFnZT0yMiZzb3VyY2U9MiZpZD0ylUH5xgAAAABJRU5ErkJggg==)
}

.progress {
    overflow: hidden;
    margin: 100px auto;
    padding: 0 15px;
    width: 220px;
    height: 34px;
    background: #d3d5d9;
    border-radius: 17px;
    background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
    background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 2px 4px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 2px 4px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, .1)
}

.progress-val {
    float: left;
    margin-left: 15px;
    font: 700 15px/34px Helvetica, Arial, sans-serif;
    color: #333;
    text-shadow: 0 1px rgba(255, 255, 255, .6)
}

.progress-bar {
    display: block;
    overflow: hidden;
    height: 8px;
    margin: 13px 0;
    background: #b8b8b8;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2), transparent 60%);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .6)
}

.progress-in {
    display: block;
    min-width: 8px;
    height: 8px;
    background: #1997e6;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -o-linear-gradient(left, #147cd6, #24c1fc);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), linear-gradient(to right, #147cd6, #24c1fc);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .2)
}

div#progress-log {
    border: 0;
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 12px;
    font-style: normal;
    text-align: center
}