p,div,li,td {
	font:						normal 1em/16px arial,helvetica,sans-serif;
	color:						#444;
}

form {
	font-size:					1em;
}

h1 {
	margin-top:					0px;
	color:						#707070;
	margin-bottom:				10px;
	font:						bold 1.6em/31px arial,helvetica,sans-serif;
}

form dt {
	float:						left;
	clear:						both;
	width:						200px;
}

form dd label {
	margin-right:					30px;
}

h2 {
	margin-top:					10px;
	color:						#666;
	margin-bottom:				0px;
	font:						bold 1.6em/20px arial,helvetica,sans-serif;
}

h2.subtitle {
	font:						normal 1.4em/14px verdana,sans-serif;
	color:						#666;
	margin-top:					-12px;
	margin-bottom:				12px;
}

hr {
	color:						#707070;
	background-color:			#707070;
	height:						1px;
}

.message {
	color:						#CC3333;
}


.error {
	font-style:					italic;
	color:						#CC3333;
	font-size:					10px;
}


a {
	text-decoration:			underline;
	color:						#3333CC;
}

a:hover {
	text-decoration:			none;
	color:						#00F;
}

input.large {
	width:						400px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

input.medium {
	width:						250px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

input.small {
	width:						100px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

/* used for file inputs that don't seem to allow width settings in Firefox etc. */
input.nonIE {
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}


select.large {
	width:						400px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

select.medium {
	width:						250px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

select.small {
	width:						100px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

select {
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}


textarea.large {
	width:						400px;
	height:						70px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

textarea.medium {
	width:						250px;
	height:						42px;
	font:						normal 1em arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}


/* links for competency descriptions 
   (also in areas.css, rate.css and analyse.css where link style for <td> needs overriding */
a.description {
	background-image:			url('/images/general/icon_desc.gif');
	background-repeat:			no-repeat;
	text-decoration:			none;
}

a.description:hover {
	background-image:			url('/images/general/icon_desc_highlighted.gif');
	background-repeat:			no-repeat;
	text-decoration:			none;
}

a.description span {
	font:						bold 1.2em/16px arial,helvetica,sans-serif;
	visibility:					hidden;
}

a.assessment {
	background-image:			url('/images/general/icon_assessques.gif');
	background-repeat:			no-repeat;
	text-decoration:			none;
}

a.assessment:hover {
	background-image:			url('/images/general/icon_assessques.gif');
	background-repeat:			no-repeat;
	text-decoration:			none;
}

a.assessment span {
	font:						bold 1.2em/16px arial,helvetica,sans-serif;
	visibility:					hidden;
}