#survey {

    margin: 0 auto;

    line-height: 1.5em;

    background-color: white;

      width: 99%; 

}

#survey #survey-progress-number-display{

	position: relative;

	top: -2px;

}

#survey #tools {

	

}

#survey ul {

    margin: 1.5px 0;

    padding: 0;

}

#survey li {

    margin: 0;

    padding: 0;

    list-style-type: none;

    line-height: 1.9em;

}

#survey .question {

    margin: 1.5em 0;

	background-color: #f9f9f6;

}

#survey .nobg {	

	background-color: inherit !important;

}

#survey .start-date-span{

	margin-bottom: 0px;

}

#survey .question.buttons{

	margin-bottom: 5px;

}

#survey .question-body{

	padding: 3px 5px 5px 5px;

}

#survey table.grouped-table td, #survey table.grouped-table th {

	text-align: center;

}

/*

#survey h1 {

    font-size: 18px;

}

#survey h2 {

    font-size: 12px;

	background-color:#f0f0f0;

	padding: 0.3em;

	margin-bottom: 0.5em;	

}

*/

.ui-datepicker {

	width:auto;

}

#survey div.header-progress-container{

	position: relative;

}

div.survey-progress-outer{

    display: block;

	position: relative;

	float: right;

	top: 0;

	right: 0;

    border: 1px solid #999;

    width: 150px;	

    height: 15px !important;

    background-color: #fff;

	font-size: 75%;

	margin-top: 6px;

	margin-right: 15px;

	overflow: hidden;

}

div.survey-progress-inner {

    display: block;

    background-color: #b6c6cc;

    height: 19px;

    width: 0;

    border-right: 1px solid #ccc;

    position: absolute;

	top: 0px;

}

#footer {

    width: 950px;

    margin: 0 auto;

    text-align: right;

}

#survey table tbody th{

	text-align:left;	

}

#survey div.question-body table{

	text-align:left;

}

#survey .matrix td {

	padding: .5em;

}

#survey ul.matrix {

    display: table;

}

#survey ul.matrix li {

    display: table-row;

}

#survey ul.matrix li label{	

    display: table-cell;

    margin: .5em;

	*display: inline-block;

    *width: 20%;

}

#survey ul.matrix li input {

    margin: .5em;

	*display: inline-block;

    *width: 20%;

}

#survey ul.errorlist {

	background-color: #eb7064;

	padding: .2em;

	color: white;

	font-weight: bold;	

    font-size: 10px;

}

/* Make IE align all the labels properly */

* html #survey ul.matrix li label {

    display: inline-block;

    width: 20%;

}

#survey .buttons {

	padding:10px;

}

	

#survey input.button {

  -moz-appearance: button;

  /* The sum of border-top, border-bottom, padding-top, padding-bottom

     must be the same here, for text inputs, and for <select>.  For

     buttons, make sure to include the -moz-focus-inner border/padding. */

  border: 2px outset #CCCCCC;

  background-color: #DDDDDD;

  padding:2px 7px;

  font-size:0.96em;

  font-family:Verdana, arial;

}

#survey input.button:hover {

	border: 2px outset #D3D3D3;

	background-color: #D3D3D3;

	color:#000000;

}

#survey input.button:active {

	border: 2px inset #D3D3D3;

}

/* --------------3d Matrix Dropdown Display Options (Scroll down for radio display)------------------------ */

/*Colours for the odd columns*/

#survey .threedcolodd{	

	/*background-color: #d5e6f7;*/

}

/*Colours for the odd columns*/

#survey .threedcoleven{	

	/*background-color: #b0d8ff;*/

}

/*Colours for the odd rows*/

#survey .threedrowodd{

	/*set row colours here*/

}

/*Colours for the even rows*/

#survey .threedroweven{

	/*set row colours here*/

}

/*Border to use for the three d dropdown display table*/

#survey .threedBorder{	

	/*border: 1px solid #90c2d2;*/

}

/*Disable borders on certain sides*/

#survey .threedCellStart{

	border-right: none;

	border-top: none;

	border-bottom: none;

}

#survey .threedCellEnd{	

	border-left: none;

	border-top: none;

	border-bottom: none;

}

#survey .threedCellStartEnd{	

	border-top: none;

	border-bottom: none;

}

#survey .threedCellBottom{	

	border-top: none;

}

#survey .threedCellTop{	

	border-bottom: none;

}

/*Row of choice labels*/

#survey td.threedColHeader{

	text-align: center;

	/*background-color: #FFFFFF;*/

}

/*The main cells with the radio buttons in them*/

#survey td.threedCell{

	/*text-align: center !important;*/

}

/*Labels for the rows*/

#survey table.threedMatrix td label{

	font-weight: normal;

}

/*Entire table*/

#survey .threedMatrix{

}

/*Top left box in the corner*/

#survey .threedTopLeft{

	/*background-color: #b0d8ff;*/

}

/* --------------3d Matrix Radio Display Options------------------------ */

/*Colours for the odd columns*/

#survey .threedRadiocolodd{	

	background-color: #f9f9f9;

}

/*Colours for the odd columns*/

#survey .threedRadiocoleven{	

	background-color: #ededed;

}

/*Colours for the odd rows*/

#survey .threedRadiorowodd{

	/*set row colours here*/

}

/*Colours for the even rows*/

#survey .threedRadioroweven{

	/*set row colours here*/

}

/*Border to use for the three d radio display table*/

#survey .threedRadioBorder{	

	border: 1px solid #888888;

}

/*Disable borders on certain sides*/

#survey .threedRadioCellStart{

	border-right: none;

	border-top: none;

	border-bottom: none;

}

#survey .threedRadioCellEnd{	

	border-left: none;

	border-top: none;

	border-bottom: none;

}

#survey .threedRadioCellBottom{	

	border-top: none;

}

#survey .threedRadioCellTop{	

	border-bottom: none;

}

/*Row of choice labels*/

#survey td.threedRadioColHeader{

	text-align: center;

	background-color: #FFFFFF;

}

/*The main cells with the radio buttons in them*/

#survey td.threedRadioCell{

	text-align: center !important;

}

/*Labels for the rows*/

#survey table td label{

	font-weight: normal;

}

/*Entire table*/

#survey .threedRadioMatrix{

}

/*Top left box in the corner*/

#survey .threedRadioTopLeft{

	background-color: #ededed;

}

#survey .threedRadioCellStartEnd{	

	border-top: none;

	border-bottom: none;

}

#survey table.grouped-table td, #survey table.grouped-table th {

	text-align: center;

}

	

/* Make bullets visible for extra description, (when the user is taking the survey)*/

#survey .surveyheader li {

    list-style-type: disc;

	margin-left: 20px;

}