/** reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
h1 { font-size: 2em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.2em;}
/** główny kontener strony */
#container, .container { width: 900px; margin: 0 auto; overflow: hidden; font-size: 12px; }
/** nagłówek */
#header { height: 108px; margin: 5px 0; }
/* linki */
a.link-green { font-size: 12px; color: #6a8638; text-decoration: none; }
a.link-gray, a.link-gray2 { font-size: 12px; color: #aaa; text-decoration: none; }
a.link-gray2 { font-size: 11px; }
a.link-gray:hover, a.link-gray2:hover, a.link-green:hover { text-decoration: underline; }
/* stopka */
#footer { width: 900px; margin: 5px auto 20px auto; clear: left; font-size: 11px; color: gray; background: #fff; text-align: right; }
.innerfoot { background: #9d9797; height: 32px; line-height: 32px; overflow: hidden; text-align: left; padding-left: 20px; color: white; }
.innerfoot a { font-size: 11px; font-family: "Trebuchet MS", Tahoma; color: white; text-decoration: none; margin: 0 10px; }
.innerfoot a:hover { text-decoration: underline; }
/** lewa + prawa kolumna */
#column-left { width: 346px; height: 563px; margin-right: 5px; overflow: hidden; float: left; }
#column-right { width: 549px; height: 563px; overflow: hidden; float: left; }
/** lewa kolumna */
#column-left {}
#week-color { width: 346px; font-size: 19px; font-family: "Trajan Pro", "Trebuchet MS", Tahoma; text-align: center; line-height: 1.2em; display: table-cell; vertical-align: middle; background: #b50a37; color: white; height: 76px;}
#current-gown { width: 321px; height: 481px; float: left; background: gray; }
#gown-name-back { position: absolute; bottom: 0; left: 0; width: 321px; height: 40px; background: black; z-index: 100;}
#gown-name { position: absolute; bottom: 0; left: 0; width: 321px; height: 40px; line-height: 40px; background: transparent; z-index: 101; color: white; font-size: 20px; text-align: center;}
#color-palette { width: 15px; padding: 2px 2px 0 2px; margin-left: 4px; border: 1px solid #444; float: left; }
.color-palette-button { width: 15px; height: 15px; margin-bottom: 2px; cursor: pointer; }
/** prawa kolumna */
#column-right {}
#head-info { width: 549px; height: 76px; font-size: 25px; font-family: "Trajan Pro", "Trebuchet MS", Tahoma; text-align: left; line-height: 25px;; display: table-cell; vertical-align: middle; background: #b50a37; color: white;}
.head-info-1 {font-size: .8em; font-family: "Trebuchet MS", Tahoma; color: #ffaac0; font-style: italic;}
.head-info-2 {color: #ffaac0; font-family: "Trajan Pro", "Trebuchet MS", Tahoma; text-align: right; }
.outer { width: 539px; background: #dcddd8; padding: 5px;}
.inner { width: 487px; border: 1px solid white; padding: 10px 25px; text-align: justify; font-size: 19px; line-height: 21px; }
.inner, .inner *, #inner * { font-family: "Trajan Pro", "Trebuchet MS", Tahoma; }
.question { font-family: "Trajan Pro", "Trebuchet MS", Tahoma; font-size: 18px; margin-bottom: 10px; }
.page-head { font-family: "Trajan Pro", "Trebuchet MS", Tahoma; margin-bottom: 15px; font-size: 20px; height: 25px; overflow: hidden;}
.screen { height: 448px; overflow: auto; }
a.next { font-size: 18px; color: gray; font-family: "Trebuchet MS", Tahoma; text-decoration: none; font-weight: bold; font-style: italic;}
a.next:hover { color: white; }
#page-1 {}
#page-1 .inner { height: 280px; }
#page-1 .inner-list { font-size: 14px; margin: 15px 0 15px 20px; }
#page-1 table { }
#page-1 table td { font-size: 12px; vertical-align: bottom; padding-right: 20px; }
#page-1 .input { font-size: 12px; height: 16px; width: 150px; background: #f0f0f0; border: 1px solid gray; text-align: left; padding: 0;}
.www { font-family: "Trajan Pro", "Trebuchet MS", Tahoma; letter-spacing: 2px; text-align: center; font-size: 16px; padding: 8px 0; }
.tip { width: 549px; height: 132px; overflow: hidden; }
.tip-left { float: left; width: 190px; }
.tip-right { float: left; width: 346px; height: 132px; font-size: 12px; background: #e0e0e0; border-left: 3px solid white; padding: 5px; text-align: justify; }
.tip-right-head { padding: 0 10px; }
.tip-right-head a { font-family: "Trebuchet MS", Tahoma; font-size: 18px; text-decoration: none; color: #6d6d6d; font-style: italic;}
.tip-text { padding: 0 10px 0 5px; }
.tip-text a { font-family: "Trebuchet MS", Tahoma; font-size: 12px; color: #6d6d6d; text-decoration: none; text-align: justify; line-height: 16px;}
#page-2 {}
#page-2 table { width: 80%; margin: 20px auto; height: 80%; }
#page-2 table td { width: 25%; height: 20%; vertical-align: middle; }
.answer { width: 100%; height: 100px; border: 1px solid gray; margin: 5px 0; font-family: Verdana; }
.verdana { font-family: Verdana!important; }
.file { width: 80%; border: 1px solid gray; background: #ffaac0; }
#week-palette { padding: 2px 2px 0 2px; border: 1px solid #444; text-align: center; }
.week-palette-button { width: 15px; height: 15px; margin: 2px 2px 2px 2px; cursor: pointer; float: left; }
.survey { font-size: 11px; }
.survey .head { font-size: 1.1em; background: maroon; color: white; margin-bottom: 2px; padding: 2px; line-height: 1.1em;}
.survey p { line-height: 13px; }
/** info flash */
#flashMessage { color: white; text-align: center; font-size: 1.3em; font-weight: bold; padding: 5px; margin-bottom: 5px; }
#flashMessage.message, .message { background: #80ff80; border: 1px solid #008000; font-size: 11px; padding: 2px; margin: 2px; }
#flashMessage.error-message, .error-message { background: #ff8080; border: 1px solid #800000; font-size: 11px; padding: 2px; margin: 2px; }
/** strony z pytaniami */
.dot-out { width: 10px; height: 10px; padding: 2px; border: 1px solid transparent; }
.dot-in { background: #ccc; font-size: 1px; line-height: 1px; height: 10px; }
.dot-current { border-color: black; }
.dot-current .dot-in { background: green!important; }
.button-table { width: 100%; margin-top: 15px; }
.button-table td { width: 33%; color: gray; }
.progress-table td.current { color: black!important; font-weight: bold; }
.progress-table td { width: 12.5%!important; }
/** dymek pomocy */
#tooltip, #tooltip-wide { display:none; background: url(/img/tooltipback.png); font-size: 12px; height: 60px; width: 160px; padding: 35px 25px 25px 25px; color: #fff; z-index: 10; }
#tip-right { display:none; background: url(/img/white.png); width: 159px; height: 49px; padding: 35px 25px 25px 25px; font-size: 12px; color: #000; z-index: 10; }
/** osobliwości ;) */
.gray { color: gray; font-size: 0.9em; }
div.hdots { border-bottom: 1px dotted gray; height: 1px; overflow: hidden; margin: 5px 0; }
.position-continer {position: relative;}
.top-space { line-height: 1px; font-size: 1px; height: 5px; }
/** paginacja */
div.paging { background:transparent; color: #404040; font-size: 12px; }
div.paging div.disabled { color: #ddd; display: inline; }
div.paging span {}
div.paging span.current { color: black; font-weight: bold; margin: 0 5px; }
div.paging a { text-decoration: underline; color: gray; margin: 0 4px; }
div.paging a:hover { text-decoration: none; }
/* formularz */
.input-form { width: 330px; background: url(/img/input_back.gif) repeat-x; border: 1px solid #A5A5A5; }
.submit { cursor: pointer; background: url(/img/button_back.gif) repeat-x!important; border: 1px solid gray; font-weight: bold; font-size: 12px; width: 100px!important; }
.input input { border: 1px solid gray; font-family: Verdana!important; }
.embed + img { position: relative; left: -18px; top: 3px; }
/* błąd przy wypełnianiu formularza */
.error-message { color: red!important; font-weight: bold; background-color: #fff0f0!important; border: 1px solid red!important; }
.message-ok { color: green; font-weight: bold; background-color: #eeffee!important; }