/* Formatowanie domyslne */
.df-main {
	
}
.df-main h2 {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.5rem;
}
.df-main h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.1rem;
}
.df-main p {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.df-main input[type=text],
.df-main div.div-input-text,
.df-main textarea,
.df-main div.div-textarea,
.df-main select {
	margin: 0px;
	padding: 1px;
	min-width: 0px;
	padding:5px 1px;
	background-color: #FFFFFF;
	border: 1px solid #dfdfd6;
	font-family: Verdana;
	font-size: 1.1rem;
	color: #000000;
}
.df-main input[type=text],
.df-main div.div-input-text {
	padding: 2px 1px 2px 1px;
}
.df-main label {
	cursor: pointer;
}
.df-main input[type=radio],
.df-main input[type=checkbox] {
	width: 16px;
	height: 16px;
	margin: 0px 2px 0px 2px;
	padding: 0px\9; /* IE+8 Hack */
	padding: 0px !iefix; /* IE+7 Hack */
	vertical-align: -4px;
}

.df-center {
	text-align: center;
}

.df-clear {
	clear: both;
}
.df-clear-left {
	clear: left;
}
.df-clear-right {
	clear: right;
}

/* Przyciski */
.df-buttons {
	clear: both;
	padding: 0px 4px 2px 4px;
	-padding-bottom:34px;
	margin: 0px 0px 1px 0px;
    overflow:hidden;
}
/*.df-button-prev,
.df-button-next,
.df-button-submit {
	background: url(../images/btn_send.gif) no-repeat 0px 0px;
	width: 59px;
	height: 24px;
	color: #ffffff;
	border: none;
	font-size: 1.1rem;
	font-weight: bold;
	cursor: pointer;
}
.df-button-prev {
	float: left;
}
.df-button-next {
	float: right;
}
.df-button-submit {
	float: right;
}*/

/* Formatowanie kontrolki */
.df-control {
	padding: 5px;
	margin: 0px 0px 10px 0px;
}
.df-control .df-veil {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.df-control .df-required {
	color: #0979c7;
}

.df-sortable {
	display: block;
	clear: both;
	height: 1px;
	margin: 5px 0px 5px 0px;
	background-color: #f8fafc;
	border: 1px solid #c1d4e7;
}

.df-control input.error, 
.df-control select.error, 
.df-control textarea.error {
	border: 1px solid red;
}


/* Uklad kontrolki w wierszu formularza */
.df-left-half {
	clear: left;
	float: left;
	width: 47%;
}
.df-right-half {
	clear: right;
	float: right;
	width: 47%;
}

/* Formatowanie ukladu elementow pola */
.df-label,
.df-label-top .df-label {
	display: block;
	padding: 0px 0px 4px 0px;
	font-weight: bold;
}
.df-label-left .df-label {
	float: left;
	width: 24%;
	padding: 4px 4px 0px 0px;
}
.df-label-right .df-label {
	float: left;
	width: 24%;
	padding: 4px 4px 0px 0px;
	text-align: right;
}

.df-element,
.df-label-top .df-element {
	display: block;
	position: relative;
}
.df-label-left .df-element {
	float: right;
	width: 74%;
}
.df-label-right .df-element {
	float: right;
	width: 74%;
}

.df-description,
.df-label-top .df-description {
	clear: both;
	padding: 4px 0px 0px 0px;
	text-align: justify;
}
.df-label-left .df-description {
	clear: none;
	float: right;
	width: 74%;
}
.df-label-right .df-description {
	clear: none;
	float: right;
	width: 74%;
}

.df-center .df-description {
	text-align: center;
}

/* Formatowanie rozmiaru inputow */
.df-small .df-element input[type=text],
.df-small .df-element div.div-input-text {
	width: 24%;
	padding:5px 1px;
	border: 1px solid #dfdfd6;

}
.df-element input[type=text],
.df-element div.div-input-text,
.df-medium .df-element input[type=text],
.df-medium .df-element div.div-input-text {
	width: 48.5%;
	padding:5px 1px;
	border: 1px solid #dfdfd6;
	
}
.df-large .df-element input[type=text], 
.df-large .df-element div.div-input-text {
	width: 99%;
	padding:5px 1px;
	border: 1px solid #dfdfd6;
}

/* Formatowanie rozmiaru textarea */
.df-small .df-element textarea,
.df-small .df-element div.div-textarea {
	padding:5px 1px;
	width: 412px;
	border: 1px solid #dfdfd6;
}
.df-element textarea,
.df-element div.div-textarea,
.df-medium .df-element textarea,
.df-medium .df-element div.div-textarea {
	width: 412px;
	padding:5px 1px;
	border: 1px solid #dfdfd6;
}
.df-large .df-element textarea,
.df-large .df-element div.div-textarea {
	padding:5px 1px;
	width: 412px;
	border: 1px solid #dfdfd6;
}


/* Formatowanie rozmiaru selectow */
.df-small .df-element select {
	width: 62px;
	padding:5px 1px;
	border: 1px solid #dfdfd6;
}
.df-element select,
.df-medium .df-element select {
	width: 252px;
	padding:5px 1px;
	border: 1px solid #dfdfd6;
}
.df-large .df-element select {
	width: 412px;
	border: 1px solid #dfdfd6;
	padding:5px 1px;
	
}
.df-field {	border: 1px solid #dfdfd6;}
div.df-element select.df-field { border: 1px solid #dfdfd6;}




/* Formatowanie dowolnej odpowiedzi */
.df-element .df-allowother {
	clear: both;
}
.df-element .df-allowother label {
	float: none;
	width: auto;
}
.df-element .df-allowother div {
	padding: 4px 0px 0px 20px;
}


/* Formatowanie rozmiaru dowolnej odpowiedzi */
.df-element .df-allowother div input {
	width: 47%;
}
.df-left-half .df-allowother div input,
.df-right-half .df-allowother div input {
	width: 99%;
}


/* Formatowanie tabeli ocen */
.df-matrix {
	width: 100%;
	background-color: #FFFFFF;
	border-left: 1px solid #dfdfd6;
	border-top: 1px solid #dfdfd6;
}
.df-matrix th,
.df-matrix td {
	padding: 1px 2px 1px 2px;
	border-right: 1px solid #dfdfd6;
	border-bottom: 1px solid #dfdfd6;
	text-align: center;
}
.df-matrix th {
	padding: 3px 2px 3px 2px;
	background-color: #F5F4F2;
}
.df-matrix td span {
	display: block;
}
.df-matrix td.df-matrix-label {
	width: 200px;
	text-align: left;
}