body, html {
	background-color: #a3dbed;
	font-size: 100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #34393e;
	margin: 0;
	padding: 0;
}

#survey {
	width: 765px;
	margin: 10px auto 0 auto;
}

/*Fix error in IE*/
* html #survey div.question,
* html #survey div.buttons
{
	width: 700px;
}
/* End of IE fix */

#survey table.grouped-table{
	width: 100%;
}


#survey table.grouped-table tbody tr:hover{
	background-color: #f0f0f0;
}

#survey div.question,
#survey div.buttons {
	border: 0;
	background-color: #fff;
	padding: 30px;
	margin: 0 0 20px 0;
	border-left: 5px solid #90C2D2;
	overflow-x:auto;
}

#survey h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: .83em 0;
	color: #32373B;
}

#survey h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: .83em 0;
	color: #32373B;
}
#survey h3 {
	margin: 0;
	font-size: 1.17em;
	font-weight: bold;
	color: #C51920;
}

#survey label {
	display: block;
	font-weight: bold;
}

#survey p, #survey span{
	margin: 1em 0;
}

#survey p, #survey td, #survey li, #survey th, #survey span {
	font-size: 85%;
}


#survey div.question-body li, #survey .errorlist li {
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}
#survey li label {
	vertical-align:middle;
	display: inline;
	font-weight: normal;
}
#survey li.variable label {
	display: inline-block;
	text-align: right;
	font-weight: bold;
	padding-right: 1em;
}

#survey td  {
	text-align: left;
	padding: 0 5px 0 0;
}

#survey p > input[type="text"] {
	width: 600px;
}

#survey input[type="submit"], input[type="button"] {
	font-size: 85%;
	border:1px solid #93A4B5;
	color:black;
	text-decoration:none;
}

p:last-child {
	margin-bottom: 0px;
}

p:first-child {
	margin-top: 0px;
}

#survey div.question-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#survey ul.errorlist {
	background-color: #f05040;
	margin: .5em;
	padding: .5em;
	position: relative;
	color: white;
	font-weight: bold;
}
#survey table tbody th{
	text-align:left;
}

#survey div.question-body table{
	text-align:left;
}

th { padding: 5px; }

div.survey-progress-outer{
    display: block;
    border: 1px solid #999;
    width: 150px;	
    height: 15px !important;
    background-color: #fff;
	font-size: 75%;
	margin-top: 6px;
	margin-right: 15px;
	overflow: hidden;
}

#survey div.header-progress-container{
	position: relative;
}

div.survey-progress-inner {
    background-color: #b6c6cc;
    border-right: 1px solid #ccc;

}

/* Currently only being used for text-response matrices
Breaks firefox 2
*/
#survey ul.matrix {
	display: table;
}
#survey ul.matrix li{
	display:table-row;
}
#survey ul.matrix li label, #survey ul.matrix li .fake-label {
	display: table-cell;
	*display: inline-block;
    *width: 20%;
}

/* Make IE align all the labels properly */
* html #survey ul.matrix li label{
	display: inline-block;
	width: 20%;
}

.custom-survey-question td{
	text-align:left !important;
}

#survey_footer{
	width: 765px;
	margin: 0 auto;
}

/* --------------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;*/
	text-align: center;
}

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

/*Colours for the odd columns*/
#survey .threedRadiocolodd{
	background-color: #d8ecfc;
}
/*Colours for the odd columns*/
#survey .threedRadiocoleven{
	background-color: #d2eaff;
}
/*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 #90c2d2;
}

/*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: #d2eaff;
	text-align: center;
}

#survey .threedRadioCellStartEnd{
	border-top: none;
	border-bottom: none;
}

#survey .threedRadioHeader{
	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;
}