html
{
	margin: 0px;
	padding: 0px;
}


/*This is to preload any images so that they will already be loaded when needed*/
#preload_images
{
	background: url('radiobutton_selected.png') no-repeat -9999px -9999px,
				url('checkbox_selected.png') no-repeat -9999px -9999px;
	width: 0;
	height: 0;
}

body
{
	font: 10pt Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	background-color: #e2ebed;
	margin: 0px; 
	padding: 0px;
	text-align: center;
}

.page
{
	padding: 0px;
}

.page_header
{
	background-color: #317082;
	color: #ffffff;
	height: 40px;
	font-size: 20pt;
	padding: 10px;
	text-align: left;
	margin: 0px;
}

.question
{
	text-align: left;
	font-size: 10pt;
}

.options
{
	font-size: 10pt;
}

.header1
{
	font-size: 12pt;
}

.header2
{
	padding-left: 10px;
	font-size: 9pt;
}

.page_footer
{
	font-size: 8pt;
}

.alt_color1
{
	color: #e2ebed;
	background-color: #578b9a;
}

.alt_color2
{
	color: #317082;
	background-color: #e2ebed;
}

.progress_bar_inner
{
	background-color: #317082;
}

.highlight, .highlight td, .highlight label
{
	background-color: #317082 !important;
	color: #e2ebed;
}

.checkbox 
{
	background:url('checkbox_unselected.png') no-repeat center center; 
}

.checkboxselected 
{
	background:url('checkbox_selected.png') no-repeat center center; 
}

.radiobox 
{
	background:url('radiobutton_unselected.png') no-repeat center center;
}

.radioboxselected 
{
	background:url('radiobutton_selected.png') no-repeat center center; 
}

/* Slider */

.slider_control .ui-slider-handle
{
	background-image: url(handle_bg.png);
	background-position:center;
	background-repeat: no-repeat;
	background-color: #DBDBDB;
	border: 1px solid #666;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	margin-top:2px;
	width:20px;
	height:13px;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.slider_control .ui-slider-handle:hover
{
	background-image: url(handle_bg.png);
	background-position:center;
	background-repeat: no-repeat;
	background-color: #DBDBDB;
	border: 1px solid #666;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}

.ui-slider-horizontal {
	background-image: url(bar_bg.png);
	background-position:center;
	background-repeat: repeat-x;
	background-color:#eaeaea;
	border-color:  #666;
	height:11px;
	margin:5px 0 5px 0;
/*	
	-moz-box-shadow: inset 0 1px 2px #888;
-webkit-box-shadow: inset 0 1px 2px#888;
box-shadow: inner 0 1px 2px #888;
*/
}