/* ogolne styl designu */
div.DesignContainer_grey {

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

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

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

div.DesignContainer_grey div.Button div.buttonLeft {

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

div.DesignContainer_grey div.Button div.buttonRight {

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

div.DesignContainer_grey div.Button div.buttonCenter {

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

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

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

div.DesignContainer_grey div.Button div.buttonCenter a:hover,
div.DesignContainer_grey div.PageButton div.Content a:hover,
div.DesignContainer_grey div.QuestButton div.Content a:hover {

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

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

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

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

/* tytul */
div.DesignContainer_grey div.Title {

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

div.DesignContainer_grey input.TitleInput {
	text-align: center;
	line-height: 30px;
	color: white;
	background-color:#A6A4A4;
	border: 0px;
	padding: 0;
	font-size: 22px;
}

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

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

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

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

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

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

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

div.DesignContainer_grey div.MarkedPageButton div.Border {
	
	border-top: 1px #c0c0c0 solid;
	border-bottom: 1px #f6f6f6 solid;
	border-left: 1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
}

div.DesignContainer_grey div.MarkedPageButton div.Padding {

	padding: 2px;
}

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




div.DesignContainer_grey div.MarkedPageButton div.Content span.Visible {

	color: #2c3852;
	padding: 1px;
}

div.DesignContainer_grey div.MarkedPageButton div.Content span.Unvisible {

	color: #aaa;
}

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

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

div.DesignContainer_grey div.PageNumber div.Padding {

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

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

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

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

div.DesignContainer_grey div.PageButton div.Padding {

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

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

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

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

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

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

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

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

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

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

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

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

div.DesignContainer_grey div.QuestionContainer  div.Border {
	
	background-color: #eee;
}

div.DesignContainer_grey div.QuestionContainer  div.QuestionMenu {
	
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

/* kontener wlasciwej zawartosci pytania */
div.DesignContainer_grey div.QuestionContainer  div.Content {

	padding: 10px;
}

/* przyciski w pytaniu */
div.DesignContainer_grey div.QuestButton {
	
	padding: 0;
	margin: 0;
	height: 26px;
	float: left;
}

div.DesignContainer_grey div.QuestButton div.Border {
	
	border: 0;
}

div.DesignContainer_grey div.QuestButton div.Padding {

	padding: 0;
	padding-bottom: 6px;
}

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

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

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

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

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

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

	div.DesignContainer_grey .matrix td, div.DesignContainer_grey .matrix th {

		padding: 5px;
	}

	div.DesignContainer_grey .matrix .odd-c {

		background-color: #F1F1F1;
		border: 1px #D9D9D9 dotted;
	}
	
		div.DesignContainer_grey .matrix .odd-r {
			
			background-color: #F7F7F7; 
			border: 1px #D9D9D9 dotted;
		}
		
	div.DesignContainer_grey .matrix select {
		
		border: 0;
		background: transparent;
		padding: 0 3px 0 0;
	}
