/* ogolne styl designu */
div.DesignContainer_blackAndYellow {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #F9BD3A;
}

div.DesignContainer_blackAndYellow h3.RequiredFailed,
div.DesignContainer_blackAndYellow span.required {
	
	color: #f00;
	font-weight: bold; 
}

/* buttony polokragle */
div.DesignContainer_blackAndYellow div.Button {
	
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
	height: 19px;
	float: left;
}

div.DesignContainer_blackAndYellow div.Button div.buttonLeft {

	width: 4px;
	height: 19px;
	background: url( '/inc.img/theme/blackAndYellow/button.left.gif' );
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}

div.DesignContainer_blackAndYellow div.Button div.buttonRight {

	width: 4px;
	height: 19px;
	background: url( '/inc.img/theme/blackAndYellow/button.right.gif' );
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}

div.DesignContainer_blackAndYellow div.Button div.buttonCenter {

	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 19px;
	font-size: 11px;
	color: #fff;
	background-color: #404040;
	text-align: center;
	vertical-align: middle;
	float: left;
}

div.DesignContainer_blackAndYellow div.Button div.buttonCenter a,
div.DesignContainer_blackAndYellow div.Button div.buttonCenter a:link,
div.DesignContainer_blackAndYellow div.Button div.buttonCenter a:visited,
div.DesignContainer_blackAndYellow div.PageButton div.Content a,
div.DesignContainer_blackAndYellow div.PageButton div.Content a:link,
div.DesignContainer_blackAndYellow div.PageButton div.Content a:visited {

	color: #f8f8f8;
	text-decoration: none;
}
div.DesignContainer_blackAndYellow div.QuestButton div.Content a,
div.DesignContainer_blackAndYellow div.QuestButton div.Content a:link,
div.DesignContainer_blackAndYellow div.QuestButton div.Content a:visited {

	color: #404040;
	text-decoration: none;
}

div.DesignContainer_blackAndYellow div.Button div.buttonCenter a:hover,
div.DesignContainer_blackAndYellow div.PageButton div.Content a:hover {

	color: #f8f8f8;
	text-decoration: underline;
}
div.DesignContainer_blackAndYellow div.QuestButton div.Content a:hover {

	color: #404040;
	text-decoration: underline;
}

div.DesignContainer_blackAndYellow div.presentationText {
	
	text-align: left;
}

/* belka tytulowa */
div.DesignContainer_blackAndYellow div.TitleBarContainer {

	padding: 15px;
	vertical-align: middle;
}

/* tytul */
div.DesignContainer_blackAndYellow div.Title {

	line-height: 30px;
	color: #404040;
	font-size: 22px;
	float: left;
}

/* belka operacji na ankiecie */
div.DesignContainer_blackAndYellow div.ButtonBar {

	padding-top: 6px;
	float: right;
}

/* belka pod tytulem ankiety */
div.DesignContainer_blackAndYellow div.ButtonBarContainer {

	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

/* belka przyciskow dotyczacych strony */
div.DesignContainer_blackAndYellow div.PageBarContainer {

	padding: 0;
	padding-top: 15px;
	background-color: #F9BD3A;
	vertical-align: bottom;
	border: 0;
	border-bottom: 1px #404040 solid;
}

/* przycisk strony (bialy) */
div.DesignContainer_blackAndYellow div.MarkedPageButton {
	
	font-size: 14px;
	color: #404040;
	background-color: #eaeeef;
	padding: 0;
	margin: 0;
	height: 26px;
	float: left;
}

div.DesignContainer_blackAndYellow div.MarkedPageButton div.Border {
	
	border-top: 1px #404040 solid;
	border-bottom: 1px #eaeeef solid;
	border-left: 1px #404040 solid;
	border-right: 1px #404040 solid;
}

div.DesignContainer_blackAndYellow div.MarkedPageButton div.Padding {

	padding: 2px;
}

div.DesignContainer_blackAndYellow div.MarkedPageButton div.Content {
	
	text-align: center;
	line-height: 21px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

div.DesignContainer_blackAndYellow div.MarkedPageButton div.Content span.Visible {

	color: #404040;
	padding: 1px;
}

div.DesignContainer_blackAndYellow div.MarkedPageButton div.Content span.Unvisible {

	color: #959595;
}

/* numer strony */
div.DesignContainer_blackAndYellow div.PageNumber {
	
	padding: 0;
	margin: 0;
	height: 25px;
	float: left;
}

div.DesignContainer_blackAndYellow div.PageNumber div.Border {
	
	border: 0;
	border-bottom: 1px #404040 solid;
}

div.DesignContainer_blackAndYellow div.PageNumber div.Padding {

	padding: 0;
	padding-top: 1px;
}

div.DesignContainer_blackAndYellow div.PageNumber div.Content {
	
	background: url( '/inc.img/theme/blackAndYellow/pagenumber.bg.gif' );
	background-repeat: repeat-x;
	background-position: left;
	font-size: 14px;
	color: #f8f8f8;
	text-align: center;
	line-height: 25px;
	padding: 0;
	padding-left: 7px;
	padding-right: 7px;
}

/* przyciski szare */
div.DesignContainer_blackAndYellow div.PageButton {
	
	padding: 0;
	margin: 0;
	height: 26px;
	float: left;
}

div.DesignContainer_blackAndYellow div.PageButton div.Border {
	
	border: 0;
	border-bottom: 1px #404040 solid;
}

div.DesignContainer_blackAndYellow div.PageButton div.Padding {

	padding: 0;
	padding-top: 5px;
}

div.DesignContainer_blackAndYellow div.PageButton div.Left {
	
	width: 2px;
	height: 21px;
	background: url( '/inc.img/theme/blackAndYellow/pagebtn.left.gif' );
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}

div.DesignContainer_blackAndYellow div.PageButton div.Right {
	
	width: 2px;
	height: 21px;
	background: url( '/inc.img/theme/blackAndYellow/pagebtn.right.gif' );
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}

div.DesignContainer_blackAndYellow div.PageButton div.Content {
	
	background-color: #404040;
	font-size: 11px;
	color: #f8f8f8;
	text-align: center;
	line-height: 21px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

/* odstepy miedzy przyciskami */
div.DesignContainer_blackAndYellow div.PageButtonSpace {
	
	padding: 0;
	margin: 0;
	height: 26px;
	float: left;
}

div.DesignContainer_blackAndYellow div.PageButtonSpace div.Border {
	
	border: none;
	border-bottom: 1px #404040 solid;
}

div.DesignContainer_blackAndYellow div.PageButtonSpace div.Padding {
	
	padding: 0;
}

div.DesignContainer_blackAndYellow div.PageButtonSpace div.Content {
	
	height: 26px;
}

/* komunikat braku stron */
div.DesignContainer_blackAndYellow div.NoPages {

	padding: 15px;
	background-color: #eaeeef;
	vertical-align: middle;
	height: 20px;
	line-height: 16px;
	font-size: 14px;
	color: #f8f8f8;
}

/* kontener strony */
div.DesignContainer_blackAndYellow div.PageContainer {
	
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #eaeeef;
}

/* kontener pytania */
div.DesignContainer_blackAndYellow div.QuestionContainer {
	
	padding: 15px;
}

div.DesignContainer_blackAndYellow div.QuestionContainer  div.Border {
	
	background-color: #f9bd3a;
}

div.DesignContainer_blackAndYellow div.QuestionContainer  div.QuestionMenu {
	background-color: #f8f8f8;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

/* kontener wlasciwej zawartosci pytania */
div.DesignContainer_blackAndYellow div.QuestionContainer  div.Content {
	background-color: #f8f8f8;
	padding: 10px;
}

/* przyciski w pytaniu */
div.DesignContainer_blackAndYellow div.QuestButton {
	background-color: #f8f8f8;
	color: #404040;
	padding: 0;
	margin: 0;
	height: 26px;
	float: left;
}

div.DesignContainer_blackAndYellow div.QuestButton div.Border {
	color: #404040;
	border: 0;
}

div.DesignContainer_blackAndYellow div.QuestButton div.Padding {
	background-color: #f8f8f8;
	padding: 0;
	padding-bottom: 6px;
}

div.DesignContainer_blackAndYellow div.QuestButton div.Left {
	color: #404040;
	width: 2px;
	height: 21px;
	background: url( '/inc.img/theme/blackAndYellow/questbtn.left.gif' );
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}

div.DesignContainer_blackAndYellow div.QuestButton div.Right {
	color: #404040;
	width: 2px;
	height: 21px;
	background: url( '/inc.img/theme/blackAndYellow/questbtn.right.gif' );
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}

div.DesignContainer_blackAndYellow div.QuestButton div.Content {
	
	background-color: #f9bd3a;
	font-size: 11px;
	color: #404040;
	text-align: center;
	line-height: 21px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

/* belka opisu strony */
div.DesignContainer_blackAndYellow div.PageDescription {

	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	color: #404040;
	text-align: justify;
}

div.DesignContainer_blackAndYellow .matrix {
	
	border-collapse: collapse;
}

	div.DesignContainer_blackAndYellow .matrix td, div.DesignContainer_blackAndYellow .matrix th {

		padding: 5px;
	}

	div.DesignContainer_blackAndYellow .matrix .odd-c {

		background-color: #FBFBFB;
		border: 1px #E9E9E9 dotted;
	}
	
		div.DesignContainer_blackAndYellow .matrix .odd-r {
			
			background-color: #FDFDFD; 
			border: 1px #E9E9E9 dotted;
		}
		
	div.DesignContainer_blackAndYellow .matrix select {
		
		border: 0;
		background: transparent;
		padding: 0 3px 0 0;
	}