/*--------------------------*/
/*GLOBAL RESET*/
/* c/o http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline; }
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*--------------------------*/
/*GLOBAL*/
html{
	height:		101%;
}
body{
	font-family:		verdana;
	font-size:			62.5%;
	color:				#666;
}
/*--------------------------*/
/*TYPOGRAPHY*/

h1{
	color:			#000066;
	font-size:		2em;
	margin-bottom:	10px;
}
h2{
	color:			#0033CC;
	font-size:		1.6em;
	margin-bottom:	10px;
}
p{
	margin-bottom:	10px;
	line-height:	1.6em;
}
a{}
a:hover{}
	/*--------------------------*/
	/*LISTS*/
	li{
		margin-bottom:		10px;
	}

/*--------------------------*/
/*LAYOUT*/

#hold{
	width:		500px;
	margin:		0 auto;
	padding:	20px 0;
}

/*--------------------------*/
/*MAIN*/

.info{
	margin:				10px 0;
	background-color:	#DDDDFF;
	font-weight:		bold;
	padding:			4px;
	color:				#000066;
}

.note{
	margin-bottom:		10px;
	font-size:			90%;
	font-style:			italic;
}

.stepUp,
.stepDown,
.submit{	
	display:			block;
	margin:				30px 0;
	padding:			4px 10px 4px 4px;
	background:			url(../images/bullet_go.png) right center no-repeat #DFDFDF;
	border-top:			2px solid #aaa;
	border-right:		2px solid #aaa;
	border-bottom:		2px solid #ccc;
	border-left:		2px solid #ccc;
	color:				#333;
	text-decoration:	none;
	width:				25%;
	float:				right;
}
.stepDown{
	float:				left;
	padding:			4px 4px 4px 20px;
	background:			url(../images/bullet_go_back.png) left center no-repeat #DFDFDF;
}

a:hover.stepUp, a:hover.stepDown, a:hover#addCourse{
	background-color:	#cfcfcf;
}

.group{
	margin:				15px;
}

.ethnic{
	font-weight:		bold;
}

#addCourse{	
	display:			block;
	margin:				10px 0;
	padding:			4px 4px 4px 20px;
	background:			url(../images/add.png) left center no-repeat #DFDFDF;
	border-top:			2px solid #aaa;
	border-right:		2px solid #aaa;
	border-bottom:		2px solid #ccc;
	border-left:		2px solid #ccc;
	color:				#333;
	text-decoration:	none;
	width:				25%;
}
#courses div{
	margin-bottom:	20px;
}
#courses .textbox{
	margin-bottom:		5px !important;
}
	/*--------------------------*/
	/*PERCENTAGE*/
	.percentage{
		width:				300px;
		border:				1px solid #999;
		padding:			3px;
		margin-top:			10px;
	}
		.percentage div{
			background-color:	#DDDDFF;
			padding:			5px 0;
		}
		.percentage span{
			padding:			0 5px;
		}
		.percent0{
			width:				0%;
		}
		.percent10{
			width:				10%;
		}
		.percent20{
			width:				20%;
		}
		.percent30{
			width:				30%;
		}
		.percent40{
			width:				40%;
		}
		.percent50{
			width:				50%;
		}
		.percent60{
			width:				60%;
		}
		.percent70{
			width:				70%;
		}
		.percent80{
			width:				80%;
		}
		.percent90{
			width:				90%;
		}
		.percent100{
			width:				100%;
		}

/*--------------------------*/
/*FORMS*/

#step3 label, 
#step5 label, 
#step7 label, 
.label{
	display:		block;
}
#step3 input, 
#step5 input, 
#step7 input, 
.textbox{
	width:			492px;
	border:			solid #999;
	padding:		4px;
	font-size:		100%;
	color:			#666;
	border-width:	2px 1px 1px 1px;
	margin-bottom:	20px;
}
.dateBox{
	width:			30px;
	padding:		4px;
	font-size:		100%;
	color:			#666;
	border:			solid #999;
	border-width:	2px 1px 1px 1px;
}
#tc_manager_name{
	margin-bottom:	0 !important;
}

#error{
	font-size:			1.2em;
	background:			url(../images/exclamation.png) no-repeat 10px center #FFAFAF;
	text-align:			center;
	padding:			5px 0;
	margin-bottom:		5px;
	color:				#ff0000;
}
/*--------------------------*/
/*FOOTER*/

/*--------------------------*/
/*CLASSES*/
.centre{
	text-align:		center;
}
.error{
	color:			#ff0000;
	font-weight:	bold;
	padding:		3px 0 0 20px;
	background:		url(../images/error.png) no-repeat left center;
}
/*--------------------------*/
/*IMAGE REPLACEMENT*/

.ifr {position:absolute; left:-2000px;}


/*--------------------------*/
/*CLEARFIX*/

.step:after {
    content: 		".";
    display: 		block;
    clear: 			both;
    visibility: 	hidden;
    line-height: 	0;
    height: 		0;
}

.step {
    display: 		inline-block;
}

html[xmlns] .step {
    display: 		block;
}

* html .step {
    height: 		1%;
}

#required{
	position: absolute;
	left: -5000px;
}