* {
	color:#333;	
	font-size: 100%;
}

h1 { font-size:174%; color:#333; }
h2 { font-size:167%; color:#333; }
h3 { font-size:153.9%; color:#333; }
h4 { font-size:130%; color:#333; }

p { line-height:1.5em; margin-top:1em; margin-bottom:1em; }
ul { 
	margin-bottom:1em;
}
li {
	list-style-type:square;
	list-style:inside;
	line-height:1.5em;
	margin-left:1em;
}
del {
	text-decoration:line-through;
}
h4#progress, #progress_current {
	color:#425077;
}
#speakers h3 {
	width:100%;
	border-bottom:1px solid #425077;
	color:#425077;
}
strong {
	font-weight:bold;	
}
.browserVersion, .reportOptions {
	width:95%;
	padding:.7em;
	margin:.5em;
	border:1px solid #ccc;
	background-color:#eee;
}
dl {
    padding: 0.5em;
  }
  dt {
    float: left;
    clear: left;
    width: 10em;
    text-align: right;
    font-weight: normal;
    color: #369;
	font-size:90%;
  }
  dd {
    margin: 0 0 0 10em;
    padding: 0 0 0.2em 0;
  }
/* ...................................................

structure
...................................................... */
	#hd {
		
	}
	#hd h1, #hd h3 {
		color:#fff;
	}
	#ft {
		margin-top:.5em;
		border-top:2px solid #425077;
		padding:.5em;
		text-align:center;
	}
/* ...................................................

			Navigation
...................................................... */
	#breadcrumb
	{
		font-size:11px;
		background-image:url('../images/bc_bg.png'); 
		background-repeat:repeat-x;
		height:30px;
		line-height:30px;
		color:#9b9b9b;
		border:solid 1px #cacaca;
		width:100%;
		overflow:hidden;
		margin:0px;
		padding:0px;
		margin-bottom:1em;
	}
	#breadcrumb li 
	{
		list-style-type:none;
		float:left;
		padding-left:10px;
	}
	#breadcrumb a
	{
		height:30px;
		display:block;
		background-image:url('../images/bc_separator.png'); 
		background-repeat:no-repeat; 
		background-position:right;
		padding-right: 15px;
		text-decoration: none;
		color:#454545;
	}
	.home
	{
		border:none;
		margin: 8px 0px;
	}
	
	#breadcrumb a:hover
	{
		color:#35acc5;
	}

/* ................................................... */

		/*  Standard Data Table format - simply apply class="data" and use thead/tbody/tfoot */
		table.data {
			width:75%;
			margin:1em;
			color:#333;
		}
		table.data th {
			border-top:1px solid #425077;
			border-bottom:1px solid #000;
			font-weight:bold;
			color:#fff;
			x-background-image:url(../images/headerbg.png);
			x-background-repeat:repeat-x;
			height:2em;
			background-color:#666;
		}
		table.data tbody tr {
			height:2em;
		}
		table.data tr.even {
			background-color:#C9DCE4;
		}
		table.data tr.odd {
			background-color:#FFFFFF;
		}
		
		table.data tfoot td {
			border-top:1px solid #425077;
			font-weight:bold;
		}
		


/* ...................................................

FORMS
...................................................... */
	input {
		margin-bottom:0.5em;
	}
	label {
		width: 12em;
		float: left;
		text-align: right;
		margin-right: 0.5em;
		display: block
	}
	#loginwrap label {
		width:auto;
		float:none;
		text-align:left;
		margin-right:0px;
		margin-bottom:.5em;
		display:block;
	}
	#loginwrap input {
		width:100%;
	}
	/* legend isn't picking up the hint...*/
	fieldset {
		border: 1px dotted #ccc;	
	}
	legend {
		color:#425077;	
	}
	/* wrapper div class for multiple sub-element inputs (radio/checkboxes mostly) */
	.multiline-form-field input {
		margin-bottom:0em;
	}
	.multiline-form-field {
		margin-left:12.5em;
		padding-left:.5em;
		margin-bottom:0.5em;
		
	}
	.inputComment {
		font-size:70%;
	}
	div.Error {
		width:90%;
		margin:1em;
		padding:.5em;
		background-color:#fbe3e4;
		border:1px solid #900;
	}
	div.Error img {
		position:relative;
		top:0px;
		left:0px;
	}
	
	.req {
		border-left: 2px solid #FF4500;	
	}
	.invalid {
		background-color:#ffcccc;	
	}
	.maxlength-status {
		border:1px solid #C7F2C8;
		color: #33aa33;
	}


	.buttons a, .buttons button{
		
		display:block;
		float:left;
		margin:10px 7px 0 0;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:100%;
		line-height:130%;
		text-decoration:none;
		font-weight:bold;
		color:#565656;
		cursor:pointer;
		padding:5px 10px 6px 7px; /* Links */
	}
	.buttons button{
		width:auto;
		overflow:visible;
		padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type]{
		padding:5px 10px 5px 7px; /* Firefox */
		line-height:17px; /* Safari */
	}
	
	.buttons button img, .buttons a img{
		margin:0 3px -3px 0 !important;
		padding:0;
		border:none;
		width:16px;
		height:16px;
	}		
	button:hover, .buttons a:hover{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
	}
	.buttons a:active{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
	
	/* POSITIVE */
	
	button.positive, .buttons a.positive{
		color:#529214;
		border-bottom:1px solid #529214;
	}
	.buttons a.positive:hover, button.positive:hover{
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
	}
	.buttons a.positive:active{
		background-color:#529214;
		border:1px solid #529214;
		color:#fff;
	}
	
	/* NEGATIVE */
	
	.buttons a.negative, button.negative{
		color:#d12f19;
	}
	.buttons a.negative:hover, button.negative:hover{
		background:#fbe3e4;
		border:1px solid #fbc2c4;
		color:#d12f19;
	}
	.buttons a.negative:active{
		background-color:#d12f19;
		border:1px solid #d12f19;
		color:#fff;
	}