@charset "utf-8";

html, body {margin: 0; padding: 0;}
body {font: 12px Tahoma, Helvetica; color: #555; background: #074a74;}

img, a, object {outline: none;}
div, a, img, ul, h5, form, table, tr, td, fieldset {margin: 0; padding: 0; border: 0;}

a {color: #074a74; text-decoration: none;}
a:hover {text-decoration: underline;}

textarea {font: 12px Tahoma, Helvetica; color: #555;}
select {cursor: pointer;}

hr {width: 100%; height: 2px; margin: 15px 0 5px 0; padding: 0; border: none; border-top: 1px solid #ded5cf; background: #fff; float: left;}
hr.bottom {margin: 10px 0;}

/* ##########
#
# HEAD
#
########## */

#head {width: 100%; height: 125px; margin-top: 5px; background: url(../images/head-bg.png) repeat-x;}
#headInner {width: 100%; height: 119px; margin-top: 6px; background: #fff; float: left;}
#headWrapper {width: 1000px; margin: 0 auto; overflow: hidden;}
#headWrapper #logo {width: 198px; height: 90px; margin: 15px 0; float: left; display: block; text-indent: -9999em; background: url(../images/logo.png) no-repeat;}
#headWrapper #mwsl {width: 198px; height: 60px; margin: 30px 50px; float: left; display: block; text-indent: -9999em; background: url(../images/logo_mwsl.png) no-repeat;}

#headWrapper #mainMenu {height: 42px; margin: 38px 0; padding: 0 20px; border: 1px solid #ded5cf; float: right; background: #e7e6db url(../images/mainmenu-bg.png) repeat-x;}

#headWrapper #mainMenu form {margin: 8px 0; float: left;}
#headWrapper #mainMenu label {height: 25px; line-height: 25px; font-weight: bold; float: left; cursor: pointer;}
#headWrapper #mainMenu div {float: left;}
#headWrapper #mainMenu div input {width: 100px; height: 15px; margin: 0 10px; padding: 5px 10px; border: 1px solid #ded5cf; font-size: 11px;}
#headWrapper #mainMenu div input[type="submit"] {width: 70px; height: 27px; line-height: 27px; margin: 0; padding: 0; border: 1px solid #f89c2e; font-size: 11px; cursor: pointer; text-align: center; background: #fdb632; color: #000;}

#headWrapper #mainMenu ul {list-style: none; float: left;}
#headWrapper #mainMenu ul li {height: 42px; line-height: 42px; float: left;}
#headWrapper #mainMenu ul li a {padding: 0 17px 0 15px; display: block; background: url(../images/mainmenu-separator.png) no-repeat right bottom; color: #4f4f4f; text-shadow: 0 1px 0 #fff;}
#headWrapper #mainMenu ul li a:hover, #headWrapper #mainMenu ul .active a {color: #074a74; text-decoration: none;}
#headWrapper #mainMenu ul .active a {font-weight: bold;}
#headWrapper #mainMenu ul li:first-child a {padding-left: 0;}
#headWrapper #mainMenu ul li:last-child a {padding-right: 0; background: none;}

/* ##########
#
# SLIDER
#
########## */

#slider {width: 100%; height: 150px; background: #c1ceca; border-top: 1px solid #ded5cf;}
#sliderWrapper {width: 1000px; margin: 0 auto; padding: 20px 0; overflow: hidden;}

#SlideWrap {width: 1000px; height: 110px; float: left; position: relative; overflow: hidden; list-style: none;}
#SlideWrap li {width: 1000px; height: 110px; float: left; text-align: justify; color: #000; text-shadow: 0 1px 0 #fff; overflow: hidden;}
#SlideWrap li h1 {font-size: 16px; margin-top: 0;}
#SlideWrap li div {width: 800px; float: left; clear: both;}

.biuro-karier {width: 156px !important; float: right !important; display: inline;}

/* ##########
#
# CONTAINER
#
########## */

#container {width: 100%; padding-bottom: 20px; background: #f0efe0 url(../images/container-bg.png) repeat-x; border-top: 1px solid #ded5cf; float: left;}
#containerWrapper {width: 1000px; margin: 0 auto; /*overflow: hidden;*/}

#containerWrapperInner {width: 710px; min-height: 100px; margin-right: -1px; padding: 20px; border: 1px solid #ded5cf; border-top: none; background: #f2f1e5; float: left;}

.home-img {width: 1000px; height: 562px; margin: 0 auto; display: block;}

/* ##########
#
# FORMS
#
########## */

.add {height: 16px; line-height: 16px; padding-left: 20px; font-size: 10px; background: url(../images/add.png) no-repeat; display: block; color: #72bb08;}
.addBig {width: 690px; height: 20px; line-height: 16px; padding: 0 0 10px 20px; font-size: 16px; border-bottom: 1px solid #ded5cf; background: url(../images/add.png) no-repeat 0 2px; display: block; color: #72bb08; float: left;}

.hide {height: 16px; line-height: 16px; margin-right: 10px; font-size: 10px; color: #000; float: left;}

.new_add {margin-top: 0 !important; margin-bottom: 0 !important; float: left;}
.new_remove {margin-left: 10px; float: left;}

.Users {margin: 10px 0; float: left; clear: both;}
.Users label, .form-label {width: 150px; height: 27px; margin-bottom: 10px; line-height: 27px; cursor: pointer; font-weight: bold; float: left;}
.form-label {width: 170px;}

.forms-element {width: 538px; margin-bottom: 10px; float: left;}
.forms-element input {width: 528px; padding: 5px; border: 1px solid #ded5cf;}
.forms-element select {width: 540px; padding: 5px; border: 1px solid #ded5cf;}

.forms-element2 {width: 560px; margin-bottom: 10px; float: left;}
.forms-element2 input {width: 548px; padding: 5px; border: 1px solid #ded5cf;}
.forms-element2 select {width: 560px; padding: 5px; border: 1px solid #ded5cf;}

.forms-element-confirm {float: right; clear: both;}
.forms-element-confirm input, .button {margin-right: 10px; width: 70px; height: 27px; line-height: 27px; margin: 0; border: 1px solid #f89c2e; font-size: 11px; cursor: pointer; text-align: center; background: #fdb632; color: #000;}
.forms-element-confirm input:last-child {margin-right: 0;}
.button {width: 90px; margin-top: 10px; margin-left: 10px; float: right;}
.button:hover {text-decoration: none;}

.successful {width: 690px; padding: 10px; margin-bottom: 10px; border: 1px solid #269200; background: #fff; color: #269200; text-align: center;}
.unsuccessful {width: 690px; padding: 10px; margin-bottom: 10px; border: 1px solid #ff0000; background: #fff; color: #ff0000; text-align: center;}
.successful-result {width: 690px; padding: 10px; color: #269200; text-align: center; font-weight: bold; font-size: 13px;}

input.error {border: 1px solid #ff0000 !important;}
label.error {margin-bottom: 0 !important; cursor: default !important; color: #ff0000;}

.BigTextarea {width: 528px; height: 200px; padding: 5px; border: 1px solid #ded5cf;}

.tinymce_adv {width: 555px; height: 200px;}

/* ##########
#
# USERS
#
########## */

.help {cursor: help !important;}
.help_desc {padding: 10px; position: absolute; top: 50px; left: 0; display: none; color: #000; background: #c1ceca;}

.addOne {width: 50%; float: left; border-bottom: 1px solid #ded5cf;}
.addBigOne {height: 20px; line-height: 16px; padding: 0 0 10px 20px; font-size: 16px; background: url(../images/add.png) no-repeat 0 2px; display: block; color: #72bb08; float: left;}

#addOneUser, #addMoreUsers {padding: 10px 0; border-bottom: 1px solid #ded5cf; float: left; display: none; position: relative;}

#ShowUsers {width: 710px; padding: 5px; border: 1px solid #ded5cf;}
#ShowUsers th, #ShowUsers td {padding: 5px; text-align: left; border: 1px solid #ded5cf;}
#ShowUsers th {background: #fff;}

/* ##########
#
# LISTS
#
########## */

.square {width: 97%; margin: 10px 0 0 20px; list-style: square; float: left;}
.square li, .decimal li {width: 100%; border: none; float: left;}
.square li:hover, .decimal li:hover {background: #f6f5f5;}

.square h5 {margin-bottom: 5px; font-size: 12px; font-weight: normal; cursor: pointer;}
.square h5 div {color: #074a74; display: inline; font-weight: bold;}
.square .hide_quest {width: 100%; margin: 5px 0 10px 0; display: none; float: left;}

.square .hide_quest ul {width: 97%; margin-left: 20px; float: left;}
.square .hide_quest ul li {margin-bottom: 5px;}
.square .hide_quest ul li:last-child {margin-bottom: 0;}
.square .hide_quest ul li span a {font-size: 10px; color: #000;}
.square .hide_quest .true {color: #3a9805;}
.square .hide_quest .false {color: #ff0000;}

.decimal {width: 97%; margin: 10px 0 0 20px; list-style: decimal; float: left;}
.decimal li {padding: 10px 0; border-bottom: 1px dashed #ded5cf;}
.decimal li:first-child {padding-top: 0;}
.decimal li:last-child {padding-bottom: 0; border-bottom: 0;}

.disc {width: 98%; margin: 0 0 0 20px; float: left; clear: both; list-style: disc;}
.disc li {width: 99%;}
.disc li:hover {background: #ddd;}

.square span, .disc span, .decimal span {float: right;}
.square li span .remove, .disc li span .remove {height: 16px; line-height: 16px; padding-left: 20px; font-size: 10px; background: url(../images/remove.png) no-repeat; display: block; color: #e0503e;}
.square li span .add, .disc li span .add {margin: 2px 0 10px 0;}

.hidden, .hidden a {color: #ccc;}

/* ##########
#
# KWESTIONARIUSZE
#
########## */

#AddEditQuestionnaire, #AddEditPoll {position: relative;}
#AddEditQuestionnaire label, #AddEditPoll label, .txt-label {clear: both;}
.txt-label {width: 146px; height: 30px; line-height: 30px; margin-right: 4px; font-weight: bold; float: left; cursor: default;}
.txt-element {min-height: 30px; line-height: 30px;}

/* #AddEditQuestionnaire .forms-element2 {width: 808px;}
#AddEditQuestionnaire .forms-element2 input {width: 798px;} */

#Questionnaire, #Poll {width: 100%; margin-top: 10px; float: left; position: relative;}
#Questionnaire .forms-element, #Poll .forms-element {width: auto;}
#Questionnaire .addIdButton, #Questionnaire .addIdButtonForm, #Poll .addIdButton, #Poll .addIdButtonForm {width: 16px; height: 16px; margin-top: 6px; background: url(../images/add.png) no-repeat; cursor: pointer; float: right; text-indent: -9999em;}
#Questionnaire .removeIdButton, #Questionnaire .removeIdButtonForm, #Poll .removeIdButton, #Poll .removeIdButtonForm {width: 16px; height: 16px; margin-top: 6px; background: url(../images/remove.png) no-repeat; cursor: pointer; float: right; text-indent: -9999em;}

#Questionnaire .JqQuestion, #AddEditQuestionnaire #Result, #Poll .JqQuestion, #AddEditPoll .Result {width: 100%; padding-top: 10px; border-top: 1px solid #ded5cf; float: left; clear: both;}
#AddEditPoll .Result {padding-top: 0; border-top: none;}
#AddEditPoll .Result label {color: #ff0000;}
#AddEditPoll .Result select {width: 537px; padding: 5px; border: 1px solid #ded5cf;}
#Questionnaire .JqQuestion .question {width: 379px;}
#Poll .JqQuestion .question {width: 525px;}
#Questionnaire .JqQuestion .question_feature {width: 130px;}
#Questionnaire .JqAnswer, #Poll .JqAnswer {width: 100%; float: left; clear: both;}
#Questionnaire .images_field, #Poll .images_field {position: relative; float: left;}
#Questionnaire .images_field label, #Questionnaire .JqAnswer label, #Poll .images_field label, #Poll .JqAnswer label {width: 130px; margin-left: 20px;}
#Questionnaire .JqAnswer .forms-element .answer {width: 328px;}
#Poll .JqAnswer .forms-element .answer {width: 525px;}
#Questionnaire .JqAnswer .feature, #Poll .JqAnswer .feature {width: 130px; padding: 4px;}
#Questionnaire .JqAnswer .rank, #Poll .JqAnswer .rank {width: 35px; text-align: center;}
#Questionnaire .JqAnswer .addAnswer, #Questionnaire .JqAnswer .removeAnswer, #Questionnaire .JqAnswer .removeAnswerForm, #Poll .JqAnswer .addAnswer, #Poll .JqAnswer .removeAnswer, #Poll .JqAnswer .removeAnswerForm {height: 27px; line-height: 27px; float: right;}
#Poll .JqAnswer .addAnswer .addIdAnswer {width: 16px; height: 16px; margin-top: 6px; background: url(../images/button_plus_blue.png) no-repeat; cursor: pointer; text-indent: -9999em; display: block;}
#Questionnaire .JqAnswer .addAnswer a:hover, #Poll .JqAnswer .addAnswer a:hover {color: #608701; text-decoration: none;}
#Poll .JqAnswer .removeAnswer .removeIdAnswer {width: 16px; height: 16px; margin-top: 6px; background: url(../images/button_minus_red.png) no-repeat; cursor: pointer; text-indent: -9999em; display: block;}

#Questionnaire .JqAnswer .removeAnswer a:hover, #Questionnaire .JqAnswer .removeAnswerForm a:hover, #Poll .JqAnswer .removeAnswer a:hover, #Poll .JqAnswer .removeAnswerForm a:hover {color: #ff0000; text-decoration: none;}

.question-img {margin: 0 0 10px 150px; border: 1px solid #ded5cf; float: left;}
.question-button {margin: 39px 0 39px 10px; cursor: pointer;}

#StickyScroll {width: 28px; height: 28px; position: absolute !important; top: 0; right: -48px; z-index: 2;}
#StickyScroll .addQuestion {width: 16px; height: 16px; padding: 5px; border: 1px solid #ded5cf;}
#StickyScroll .addQuestion .addIdButton {width: 16px; height: 16px; margin-top: 1px; float: none; background: url(../images/add.png) no-repeat; cursor: pointer; text-indent: -9999em; display: inline-block;}

#solveQuestionnaire h1, #solvePoll h1 {margin-top: 0; padding-bottom: 5px; border-bottom: 1px solid #ded5cf; font-size: 16px; color: #074a74; text-shadow: 0 1px 0 #fff;}
#solveQuestionnaire .lead, #solvePollContent .lead {width: 100%; float: left; font-weight: bold;}
#solveQuestionnaire .lead p, #solvePollContent .lead p {width: 100%; margin-bottom: 0; float: left; text-align: justify;}
#solveQuestionnaire .tips, #solvePollContent .tips {width: 100%; text-align: justify; float: left; font-style: italic;}
#solveQuestionnaire .tips p, #solvePollContent .tips p {margin-bottom: 0;}

#solveQuestionnaire .QuestionnaireField, #solvePollContent .QuestionnaireField {width: 100%; float: left;}
#solveQuestionnaire .question, #solvePollContent .question {width: 688px; margin: 10px 0; padding: 10px; border: 1px solid #ded5cf; color: #000; text-align: justify; background: #fff; float: left; font-size: 13px; font-weight: bold;}
#solveQuestionnaire .question-image {float: right;}
#solveQuestionnaire .question-image a {display: block;}
#solveQuestionnaire .question-image a img {border: 1px solid #ded5cf;}

#solveQuestionnaire .viewAnswers, #solvePollContent .viewAnswers {list-style: none; float: left;}
#solveQuestionnaire .viewAnswers li, #solvePollContent .viewAnswers li {min-height: 15px; line-height: 15px; margin-bottom: 5px; clear: both;}
#solveQuestionnaire .viewAnswers li input, #solvePollContent .viewAnswers li input {margin: 0 10px; float: left; border: none !important;}
#solvePollContent .viewAnswers li textarea {width: 670px; height: 50px; margin: 0 10px; padding: 10px; float: left; border: 1px dashed #ded5cf; resize: vertical;}
#solveQuestionnaire .viewAnswers li label, #solvePollContent .viewAnswers li label {cursor: pointer;}

#solveQuestionnaireForm label.error {width: 500px; display: block; clear: left;}

.filled {text-indent: 30px; float: right; color: #3a9805; background: url(../images/filled.png) no-repeat left center;}
.no-filled {text-indent: 30px; float: right; color: #ff0000; background: url(../images/no-filled.png) no-repeat left center;}

#solveQuestionnaire p, #solvePollContent p {width: 100%; margin-top: 0; clear: both; float: left;}
#solveQuestionnaire .headQuest, #solvePollContent .headQuest {width: 400px; margin: -10px 144px 10px; padding: 10px; background: #c1ceca; text-shadow: 0 1px 3px #000; color: #fff; border: 1px solid #ded5cf; border-top: none; text-align: center; float: left; font-weight: bold;}

#database {display: none;}
#charts {width: 975px; margin-bottom: 10px; border: 1px solid #ded5cf; float: left;}

.xls {height: 16px; line-height: 16px; text-indent: 20px; font-size: 10px; background: url(../images/xls.png) no-repeat; display: inline-block; float: left; color: #127e0e;}
.xls:hover {color: #5ead00;}

.clear_results {height: 16px; line-height: 16px; margin-right: 5px; font-size: 10px; float: left;}

.answ-list {margin-left: 15px; list-style: square;}

/* ##########
#
# SIDEBAR
#
########## */

#Sidebar {width: 248px; float: left; position: relative; z-index: 2;}
#Sidebar ul {width: 248px; list-style: none; float: left;}
#Sidebar ul li {clear: both;}
#Sidebar ul li:first-child {margin-top: -1px;}
#Sidebar ul .active {background: #f2f1e5; border: 1px solid #ded5cf; border-left: none;}
#Sidebar ul .active a {font-weight: bold;}
#Sidebar ul a {padding: 10px; display: block; color: #7b5a47;}
#Sidebar ul a:hover {font-weight: bold; text-decoration: none;}

/* ##########
#
# FOOTER
#
########## */

#footer {width: 100%; height: 50px; background: url(../images/footer-bg.png) repeat-x; clear: both;}
#footerWrapper {width: 1000px; height: 24px; margin: 0 auto; padding-top: 16px; line-height: 24px; color: #fff; text-shadow: 0 1px 0 #000;}
#footerWrapper a {color: #fdb632;}

/* ##########
#
# CLASS
#
########## */

.left {float: left;}
.right {float: right;}

.mt0 {margin-top: 0 !important;}

/* ##########
#
# INPUT TYPE FILE
#
########## */

.file_input_textbox {width: 412px; padding: 5px; border: 1px solid #ded5cf; float: left;}
.file_input_div {width: 100px; height: 28px; float: left; position: relative; overflow: hidden;}
.file_input_button {width: 100px; height: 29px; line-height: 29px; border: 0; padding: 0; font-size: 10px !important; position: absolute; top: 0; background: #8d8e90; color: #fff; cursor: pointer;}
.file_input_hidden {font-size: 45px; cursor: pointer; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}