/**************************************/
/* Define table classes used to display tables */
/*************************************/

table.question_details, table.search_results, table.selected_questions_output
{
	display:				table;
	border-style:			solid;		/* In separated borders model, border makes entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove' (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset). */
	border-width:			2px;
	border-color:			#000000;
	border-collapse:		separate;	/* Sets whether table borders are collapsed into a single border or detached as in standard HTML (collapse | separate | inherit) */
	border-spacing:			10px;		/* Border spacing in separate border model */
	background-color:		#E8E8E8;	/* Colour between cells. */
	-moz-border-radius:		5px;		/* Rounded corners in Mozilla. */
	-webkit-border-radius:	5px;		/* Rounded corners in Safari. */
	empty-cells:			show;		/* (show | hide | inherit) */
	width:					100%;
	margin-bottom:			5px;
}


table.search_results
{
	border-collapse:		collapse;
}

td.edit_details, td.question_details, td.question_details_noeditlink, td.search_results
{
	font-family:			times, "times new roman", serif;
	border-width:			1px;
	padding:				5px;
	border-style:			solid;
	border-color:			#9D9D9D;
	background-color:		#FFFFFF;
	-moz-border-radius:		3px;		/* Rounded corners in Mozilla. */
	-webkit-border-radius:	3px;		/* Rounded corners in Safari. */
	text-align:				left;
}

td.question_details
{
	background-color:		transparent;
}


td.question_details_noeditlink
{
	background-color:		transparent;
	border-style:			none;
}


td.search_results
{
	border-width:			0px;
	background-color:		transparent;
	vertical-align:			top;
}


td.heading_cell, tr.column_heading
{
	font-family:		verdana, arial, sans-serif;
	font-style:			normal;		/* Options are normal | italic | oblique | inherit. */
	font-variant:		normal;		/* Options are normal | small-caps | inherit. */
	font-size:			small;
	font-weight:		bold;		/* Options are normal | bold | bolder | lighter | 100 - 900. */
	
	border-style:		none;
	border-width:		5px;
	padding:			5px;
	border-color:		black;
	background-color:	transparent;
	
	text-align:			left;
	vertical-align:		top;
}

tr.column_heading
{
	text-align:			center;
	vertical-align:		middle;
}

td.table_link
{
	font-family:		verdana, arial, sans-serif;
	font-style:			normal;
	font-variant:		normal;
	font-size:			small;
	font-weight:		normal;

	border-style:		none;
	border-width:		5px;
	padding:			5px;
	border-color:		black;
	background-color:	transparent;
	text-align:			right;
	vertical-align:		middle;
}


td.bottom_border, tr.bottom_border
{
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		gray;
}	


table.selected_questions_output
{
	display:				table;
	border-style:			solid;		/* In separated borders model, border makes entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove' (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset). */
	border-left-style:		none;
	border-right-style:		none;
	border-width:			2px;
	border-color:			#000000;
	border-collapse:		collapse;	/* Sets whether table borders are collapsed into a single border or detached as in standard HTML (collapse | separate | inherit) */
	empty-cells:			show;		/* (show | hide | inherit) */
	width:					95%;
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:			5px;
}

th.output_column_heading
{
	font-family:		verdana, arial, sans-serif;
	font-style:			normal;
	font-variant:		normal;
	font-size:			small;
	font-weight:		bold;

	text-align:			center;
	vertical-align:		middle;
	
	border-bottom:		1px solid black;
	padding:			5px;
}

tr.output_odd
{
	background-color:	#FFFFFF;
}

tr.output_even
{
	background-color:	#e8e8e8;
}


td.output_q_number, td.output_q_id, td.output_q_and_a
{
	text-align:			center;
	vertical-align:		top;
	
	padding:			5px;
}

td.output_q_and_a
{
	text-align:			left;
}



/*********************/
/* Define heading styles */
/*********************/

h1
{		
	font-family:		verdana, arial, sans-serif;
	font-size:			2em;
	font-weight:		bold;
	margin:				0.67em 0;
	color:				#2e308f;
}


h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }


/*************************************************/
/* Define classes used to display page headers and footers */
/*************************************************/

.breadcrumb, .footer, .login_status, .page_header
{
	border:				none;
	padding:			4px;
	
	margin:				5px 0px 5px 0px;
	
	font-style:			normal;
	font-family:		verdana, arial, sans-serif;
	font-variant:		normal;
	font-weight:		bolder;
	font-size:			x-small;
	text-transform:		none;
	text-align:			left;
	text-decoration:	none;

	color:				#2e308f;
	background-color:	#84adc4;
}

.footer
{
	text-align:			right;
}

.login_status
{
	padding:			0px;
	margin:				0px 0px 0px 0px;
	font-weight:		normal;
	font-size:			small;
	color:				black;
	background-color:	white;
}

.page_header
{
	padding:			0px;
	margin:				0px 0px 0px 0px;
	font-weight:		bold;
	font-size:			2em;
	background-color:	white;
}

.greyed_out
{
	color:				gray;
}

.bold
{
	font-weight:		bold;
}