/* ------------------------------------------
project:	Wartość Zwłok
date:		2007/08/22
------------------------------------------ */
html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #3a4b63 url(http://zegar.s3.amazonaws.com/wz-bg.gif) repeat-x; color: #666; font: 75%/117% Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

p { margin: 0 0 12px; }

a { color: #2a55ac; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

.offset { position: absolute; left: -10001em; top: -10001em; }

/* LAYOUT
-------------------------------------*/
#wrapper {  }
 #wrapper div.top { width: 728px; height: 33px; margin: 0 auto; padding: 64px 0 0; background: url(http://zegar.s3.amazonaws.com/wz-zegar.png) -2px 6px no-repeat; }
 #wrapper div.content { padding: 15px 0 0; border-bottom: 3px solid #868686; background: #fff; }
  #wrapper div.inner { width: 600px; min-height: 500px; _height: 500px; margin: 0 auto; padding: 70px 28px 50px 100px; background: url(http://zegar.s3.amazonaws.com/wz-logo.png) 12px 3px no-repeat; }
   #wrapper h1,
   #wrapper h2 { position: absolute; left: -10001em; top: -10001em; }
   #wrapper h2#presents { position: absolute; left: 50%; top: 10px; width: 300px; height: 30px; margin: 0 0 0 -364px; }
    #wrapper h2#presents a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001em; }
   div.progress { width: 620px; margin: 0 -10px 10px; }
    div.progress p { position: relative; height: 15px; margin: 0 0 2px; padding: 0 10px; color: #566b95; font-size: 0.75em; text-transform: uppercase; }
     div.progress p span.e { position: absolute; right: 10px; }
    div.progress p.bar { overflow: hidden; width: 616px; height: auto; padding: 1px; border: 1px solid #bfbfbf; }
     div.progress p.bar img { display: block; }
    form { display: block; margin: 0; }
     div.item { position: relative; width: 100%; }
      div.item button { position: absolute; right: 0; overflow: visible; padding: 2px 15px; border: 1px solid #e3e3e3; background: #fff; color: #bf1414; cursor: pointer; font-size: 1.1em; font-weight: bold; line-height: 1.2em; vertical-align: middle; }
      p.count { margin: 0 0 3px; color: #566b95; font-size: 0.75em; text-transform: uppercase; }
      ul.answers { list-style: none; margin: 0 -10px 10px; padding: 10px 12px 5px; border: 1px solid #bfbfbf; border-width: 1px 0; }
       ul.answers li { margin: 0 0 5px; font-size: 0.91em; }
        ul.answers li label { color: #2a55ac; font-weight: bold; text-decoration: underline; vertical-align: middle; cursor: pointer; }
        ul.answers li input { vertical-align: middle; }
    div.result { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 35px 0 25px; border: 1px solid #bfbfbf; border-width: 1px 0; }
     div.result p { margin: 0 0 5px; color: #969696; font-size: 1.5em;  text-align: center; }
     /*div.result h3 { float: left; width: 290px; margin: 0; padding: 0 20px 0 0; color: #ca1c1c; font: 4em Georgia,sans-serif; text-align: right; }*/
     div.result h3 { float: left; width: 290px; margin: 0; padding: 0 20px 0 0; color: #566b95; font: 4em Georgia,sans-serif; text-align: right; }
     div.result div.sense { float: left; padding: 10px 0 0; }
	div.actions { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #bfbfbf; }
	 div.actions div.code { float: left; width: 47.5%; }
	  div.actions div.code p { margin: 0 0 5px; }
	   div.actions div.code p span { font-size: 0.75em; }
	  div.actions div.code textarea { width: 98%; height: 130px; _height: 145px; padding: 2px 0 2px 2px; color: #999; font: 0.75em Tahoma,sans-serif; }
	 div.actions div.other { float: right; width: 47.5%; }
	  div.actions div.other p { margin: 0 0 15px; }
	  div.actions div.other ul { min-height: 110px; margin: 0 0 5px; padding: 0 0 0 15px; background: url(http://zegar.s3.amazonaws.com/wz-indicator.gif) -100px -100px no-repeat; }
	   div.actions div.other ul li { margin: 0 0 5px; font-size: 0.75em; }
	    div.actions div.other ul li label { }
	    div.actions div.other ul li input { width: 150px; _margin: 0 5px 0 0; padding: 2px 0 2px 3px; border: 1px solid #aaa; vertical-align: middle; }
	    div.actions div.other ul li button { overflow: visible; padding: 2px 5px 1px; border: 1px solid #aaa; background: #fff; color: #3a4b63; cursor: pointer; font-size: 1em; font-weight: bold; line-height: 1em; text-transform: uppercase; vertical-align: middle; }
	    div.actions div.other ul li span.send-loading { display: none; line-height: 1; }
	     div.actions div.other ul li span.send-loading img { vertical-align: -4px; }
		div.actions div.other ul li span.send-done { display: none; }
	  
	p.center { text-align: center; }
	 p.center a { color: #aaa; font-size: 0.75em; text-align: center; }
 #wrapper div.footer { padding: 15px 0 0; border-top: 1px solid #fff; color: #556986; text-align: center; }
  #wrapper div.footer p { font-size: 0.75em; }
  #wrapper div.footer p.first { color: #879fc1; font-size: 1em; }
   #wrapper div.footer p.first a { color: #879fc1; }
   #wrapper div.footer p.first span { padding: 0 5px; font-size: 0.75em; }