@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('files/YanoneKaffeesatz-Light-webfont.eot');
    src: url('files/YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/YanoneKaffeesatz-Light-webfont.woff') format('woff'),
         url('files/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'),
         url('files/YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: lighter;
    font-style: normal;
	}
@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('files/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('files/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('files/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('files/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('files/YanoneKaffeesatz-Bold-webfont.eot');
    src: url('files/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
         url('files/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
         url('files/YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: bold;
    font-style: normal;
	}

html, body, div, img, p, ul, ol, table, form, input, textarea, h1, h2, h3, h4, h5, h6, hr {margin:0; padding:0; border:0;}
html {height:100%; background:#fff;}
body {position:relative; width:100%; height:100%; min-width:960px; min-height:800px; background:#fff url(images/bg.jpg) left center no-repeat; font-family:Myriad, helvetica, arial, sans-serif; color:#fff;}
textarea, input, #bar, #start, a:hover {background:#000;}
form, textarea, input, a, #bar, #or, #arrow, #output, #start {display:block; position:absolute;}
h1, form, textarea, p, ol { text-shadow:0 0 3px #000; font-weight:normal;}
form, #or, #start, a {left:16%;}
form {width:33%; height:160px; background: url(images/bg-form.gif) repeat-x;}
textarea {padding:20px 5%; padding-top:20px; width:90%; height:80px; font-family:Myriad, helvetica, arial, sans-serif; color:#fff; font-size:13px;}
input {width:50%; line-height:40px; bottom:0; cursor:pointer;}
input[name="re_parse"], input[name="new_form"] {right:0;}
a.footer {color:#000; text-decoration:none; bottom:0; line-height:40px; font-size:11px;}
h1, input {font-family:'Yanone Kaffeesatz', Myriad, helvetica, arial, sans-serif; font-size:24px; font-weight:lighter;}
h1 {color:#fff; padding-right:20px;}
h1 span, input, a:hover {color:#9f3;}
input[disabled="disabled"] {color:#fff; cursor:default; opacity:0.5; filter:alpha(opacity=50);}
input[type="file"] {position:fixed; opacity:0; filter:alpha(opacity=0);}
p.last {margin-bottom:40px;}

#bar {top:40px; left:0; width:33%; line-height:40px; text-align:right;}
#output {width:23%; height:100%; top:0; right:0; border-left:solid 2px #9f3;}
#or {width:33%; top:320px; height:40px; background: url(images/or.png) center center no-repeat;}
#arrow {top:320px; left:50%; width:16%; height:40px; background: url(images/arrow.png) center center no-repeat;}
#start {width:23%; min-height:400px; padding:20px 5%; z-index:100; border:solid 2px #9f3;}
#start p, #start ol {font-size:13px; line-height:20px;}
#start input {width:66%;}
#contents {display:none;}

.form2, #start {top:120px;}
.form1 {top:400px;}