/* --- module: workshop --- */

.bookingNav {
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 30px 0px;
	background-image: url(../../images/input_bkg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	clear: both;
}
.bookingNav span {
	font-weight: bold;
	display: block;
}
.workshopStepping {
	width: 100%;
	margin: 0px auto 20px auto;
}
.workshopStepping div {
	text-align: center;
	width: 25%;
	float: left;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px;
}
.workshopStepping .done {
	color: #000000;
}
.workshopStepping .todo {
	color: #a3a3a3;
}
.workshopStepping .current {
	font-weight: bold;
}
.requiredField {
	color: #fd8103;
}
.workshopHeader {
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	background-image: url(../../images/input_bkg.gif);
	background-repeat: repeat-x;
	color: #fd8103;
	font-weight: bold;
}
/* todo step */
.workshopStepping .step1.todo {
	background-image: url(../../images/workshop_step1_todo.png);
}
.workshopStepping .step2.todo {
	background-image: url(../../images/workshop_step2_todo.png);
}
.workshopStepping .step3.todo {
	background-image: url(../../images/workshop_step3_todo.png);
}
.workshopStepping .step4.todo {
	background-image: url(../../images/workshop_step4_todo.png);
}
/* current step */
.workshopStepping .step1.current {
	background-image: url(../../images/workshop_step1_current.png);
}
.workshopStepping .step2.current {
	background-image: url(../../images/workshop_step2_current.png);
}
.workshopStepping .step3.current {
	background-image: url(../../images/workshop_step3_current.png);
}
.workshopStepping .step4.current {
	background-image: url(../../images/workshop_step4_current.png);
}
/* done step */
.workshopStepping .step1.done {
	background-image: url(../../images/workshop_step1_done.png);
}
.workshopStepping .step2.done {
	background-image: url(../../images/workshop_step2_done.png);
}
.workshopStepping .step3.done {
	background-image: url(../../images/workshop_step3_done.png);
}
.workshopStepping .step4.done {
	background-image: url(../../images/workshop_step4_done.png);
}


/**** workshop list ****/
.workshopList {}
.workshopList .listInfoWrapper {
	background-color: #f5f5f5;
	padding: 10px;
	margin: 20px 0px 20px 0px;
}
.workshopList .listInfo {
	padding: 0px 0px 10px 0px;
}
.workshopList .listInfo .line {
	clear: both;
	padding: 2px 0px 2px 0px;
}
.workshopList .listInfo .line strong {
	display: block;
	float: left;
	width: 65px;
}
.workshopList .listInfo .line .lineContent {
	float: left;
}
.workshopList .listRegister {
	padding: 10px 0px 0px 65px;
}
.workshopList .listRegisterOnly {
	padding: 0px 0px 0px 0px;
}