iframe  { margin-left: -10px }
body      { color: #d7d7d7; font-family: arial, sans-serif; line-height: 120%; background-color: #56a9d1; background-image: url("img/bg.gif"); background-repeat: repeat-x; background-position: 0 top; text-align: center; margin-top: 0 }
#frame        { background-color: #fff; text-align: left; margin: 5px auto 10px; width: 746px; border-style: solid; border-color: #242424 }
#header       { color: #ac1717; font-size: 16px; font-weight: bold; background-color: #3a3939; background-image: url("img/zgadywanka.jpg"); background-repeat: no-repeat; background-position: center top; text-align: right; height: 196px }
div.bar   { background-color: #0383a8; background-image: url("img/fill_tab.png"); background-repeat: repeat-x; background-position: 0 top; height: 30px; border-right: 2px solid #3a3939; border-bottom: 2px solid #3a3939; border-left: 2px solid #3a3939 }
div.bar h1,div.bar h1 a       { color: #242424; font-size: 24px; text-align: right; letter-spacing: 2px; margin-top: 0; padding-top: 5px; padding-right: 10px }
div.bar h1 span       { color: #a1ecf9; font-size: 14px; font-weight: 600; letter-spacing: 0.8px; margin-left: 14px }
h1.getstarted { background-color: white !important; background-image: url("img/getstarted.gif"); background-repeat: no-repeat; background-attachment: inherit; margin: 0; padding: 0; width: 496px; height: 57px }
h1.getstarted span { font-size: 5px; background-color: #ccf4fe; display: none; width: 5px; height: 5px }
h1 span.number { color: #440700 !important; font-size: 23px !important }
#header h2    { color: #db2222; font-size: 14px; padding-top: 5px; padding-right: 10px }
#content        { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 700px }
#content div   { }
#contentbox       { color: #555555; font-size: 12px; text-align: justify; margin: 0; padding: 10px 12px; border-right: medium none #242424; border-left: medium none #242424 }
#contentbox a   { color: #507c9d; font-weight: bold }
#contentbox h1       { color: #ae0000; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 4px; margin-left: 2px; padding: 6px; border-color: #0383a8 }
#contentbox h1 span   { color: #de7636; font-size: 80%; letter-spacing: 1.5px }
#contentbox h2  { color: #db2222; font-size: 15px; margin: 0; padding: 18px 0 15px 15px }
#contentbox h3     { color: #29516f; font-size: 16px; margin: 0; padding-top: 8px; padding-right: 0; padding-bottom: 4px }
#contentbox input.button  { font-size: 16px; font-weight: bold; cursor: pointer }
#contentbox p       { line-height: 110%; margin: 0 10px 0 0; padding: 8px 0 }
#footer         { color: #e1dfdc; font-size: 12px; font-family: verdana; background-color: #000; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding: 5px 0; width: 748px; border: solid 2px #768394; -moz-opacity: 0.60; filter: alpha(opacity=60); opacity: 0.60    }
#footer a   { color: #f04c79; font-size: 10px; text-decoration: none;}
a.getstarted, a:visited.getstarted   { color: #fffbe7 !important; font-size: 18px; text-decoration: none; background-color: #156990; padding: 3px 5px; border: solid 2px #1d80ae }
a:hover.getstarted  { color: #fff; text-decoration: underline }
table  { color: #242424 }
div.progress  { margin-top: 5px }
/*----------------------------*/
fieldset      { background-color: #ccf4fe; background-image: url("img/fieldset.jpg"); background-repeat: repeat-x; background-position: center 0; margin-top: 1px; margin-bottom: 1px; padding: 15px 4px 8px 25px; position: relative; border-top: none #507c9d; border-right: 2px solid #507c9d; border-bottom: 2px solid #507c9d; border-left: 2px solid #507c9d }
legend       { color: #fffffa; font-size: 18px; font-weight: bold; background-color: #41a3c8; text-align: center; letter-spacing: 1px; margin-bottom: 4px; margin-left: 2px; padding: 6px; position: absolute; top: -0.8em; border: solid 3px #3294b9 }
input.button    { color: #fff8df; font-size: 16px; font-weight: bold; background-color: #900; text-align: center; cursor: pointer; margin: 20px 0 5px 120px; padding: 4px 14px; border: groove 3px #900 }
input.button:hover    { color: #fff8df; background-color: #6d0606; border: groove 3px #900 }
input.feld  { color: #921717; background-color: #fffcf6 }
p.question  { font-size: 16px; font-weight: bold }
p.question span  { color: #ae0000 }
input.question    { background-color: #f9feec; width: 100% }
input.answer,input.answers  { background-color: #fbf4ee; width: 480px }
span.askquestion   { color: #29516f; font-size: 20px }
td.chooseanswer    { color: #921717; font-size: 12px; font-weight: 600 }
input.textfield, input.email, input, textarea.textarea    { font-size: 16px; font-family: arial, Helvetica; font-weight: bold; margin: 3px; padding: 3px 4px }
p.small { font-size: 12px; font-weight: normal }
label.radio_label   { color: #f6edb3; background-color: #62003b; padding: 1px 5px 2px }
fieldset.odpowiedz   { font-weight: bold; background-color: #3a3939; background-image: none; margin: 3px; padding: 6px 5px 6px 10px; height: 15px; vertical-align: middle }
fieldset.odpowiedz input[id]     { visibility: hidden }
html[lang] fieldset.odpowiedz input  { visibility: visible }
fieldset.odpowiedz label    { color: #ffd1b7; font-size: 16px; cursor: pointer; vertical-align: middle }
fieldset.odpowiedz label:hover { color: #f04c79; text-decoration: underline; cursor: pointer }
table.comments    { background-color: #ffe2cf; background-repeat: no-repeat; background-position: 0 top; padding: 2px; border-style: solid; border-color: #a42400 }
td.comments_left   { background-color: #ffffef; padding: 5px; border: ridge 1px }
td.comments_right   { background-color: #fff5f4; padding: 5px; border: ridge 1px }
ul.quizlinks   { background-color: #ca3435; padding: 4px; width: 300px; border: solid 2px #440700 }
ul.quizlinks li    { color: #fcffd8; background-color: #a73535; list-style-type: none; margin: 3px; padding: 3px; border: solid 1px #440700 }
ul.quizlinks a     { color: #fcffd8 !important }
div.quizend     { color: #3294b9; font-size: 20px; background-color: #eff8fc; text-align: center; margin-right: auto; margin-left: auto; padding: 15px 20px; border-style: solid; border-color: #0383a8 }
div.right    { background: #deffb1 url("img/right.gif") no-repeat right center; margin: 8px; padding: 4px; border: solid 2px #4e8205 }
div.right b { color: #4e8205; text-transform: uppercase }
div.wrong   { background: #fdd6e2 url("img/wrong.gif") no-repeat right center; margin: 8px; padding: 4px; border: solid 2px #d74227 }
div.wrong b { color: #d74227; text-transform: uppercase }
form  { margin: 8px; padding: 4px }
a.moz img, a:visited.moz img     {
 color: #2f2f2f; margin-top: 3px; margin-bottom: 3px; padding-bottom: 4px; border:none;
 /* -moz-opacity: 0.70; filter: alpha(opacity=70); opacity: 0.70   }
a:hover.moz img    { margin-top: 3px; margin-bottom: 3px; padding-bottom: 0; -moz-opacity: 1.00; filter: alpha(opacity=100); opacity: 1.00  */ 
}
div.info  { font-size: 14px; line-height: normal; background-color: #ecfcff; margin-right: 10%; margin-left: 10%; padding: 10px; border: solid 1px #0383a8 }