* {
	/*scrollbar-base-color:		#F0F0F0; 
	scrollbar-track-color		#F0F0F0;
	scrollbar-face-color		#EFEFEF;
	scrollbar-highlight-color:	#CCC;
	scrollbar-3dlight-color:	#F6F6F6;
	scrollbar-darkshadow-color:	#BBB;
	scrollbar-shadow-color:		#C0C0C0;
	scrollbar-arrow-color:		#999; */
}



p,li,td {
/*	font:						normal 12px/16px arial,helvetica,sans-serif; */
font: normal 12px/16px 'Comic Sans MS',arial,helvetica,sans-serif; 
	/*color:						#444; */
}

h1 {
	margin-top:					0px;
	color:						#707070;
	margin-bottom:				10px;
	font:						bold 16px/31px 'Comic Sans MS',arial,helvetica,sans-serif;
}


h2 {
	margin-top:					0px;
	padding-top: 10px;
	color:						#666;
	margin-bottom:				0px;
	font:						bold 16px/20px  'Comic Sans MS',arial,helvetica,sans-serif;

}

.Header {
	margin-top:					10px;
	color:						#666;
	margin-bottom:				0px;
	font:						bold 16px/20px  'Comic Sans MS',arial,helvetica,sans-serif;
}

h2.subtitle {
	font:						normal 14px/14px  'Comic Sans MS',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 11px  'Comic Sans MS',arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}

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

input.small {
	width:						100px;
	font:						normal 11px  'Comic Sans MS',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 11px  'Comic Sans MS',arial,sans-serif;
	color:						#333;
	background-color:			#EEE;
	border:						1px solid #999;
}


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

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

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

select {
	font:						normal 11px  'Comic Sans MS',arial,sans-serif;
	/* color:						#333; 
	background-color:			#EEE; */
	border:						1px solid #999;
}


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

textarea.medium {
	width:						250px;
	height:						42px;
	font:						normal 11px  'Comic Sans MS',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 12px/16px  'Comic Sans MS',arial,helvetica,sans-serif;
	visibility:					hidden;
}