/*	--------------------------------------------------
	#steps
	Created by Dantong Lin
	Used to control form label and element layout in
	-------------------------------------------------
*/

/*layout*/
/*twoColLayout must combine with clearFix*/
div.twoColLayout
{
	padding: 1em;
	margin: 0 auto;
}

div.twoColLayout .leftPan
{
	float: left;
	width:46%;
	height: 23em;
}

div.twoColLayout .rightPan
{
	float: right;
	width:46%;
	height: 23em;
	text-align:center;
}

div.twoColLayout .rightPan p
{
   padding: 1em;
   text-align:left;   
	
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*		The following styles are for steps icons and step explain area
/*--------------------------------------------------------------------------------------------------------------------------*/
#stepBar{
	background:#fff;
	border:1px dotted #cccccc;
	padding:0.5em 0.5em 0 0.5em;
	margin-bottom:1em;
}

#stepBar .bar{
   background:#fff;
   margin-bottom:1em;
 }


#steps .icon
{
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 1em;
}


 #steps .icon.i1{
	background:url(/gw/assets/images/icons/32x32/steps/1.gif) 0 0 no-repeat;
}

 #steps .icon.i1s
{
	background:url(/gw/assets/images/icons/32x32/steps/1_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i1c
{
	background:url(/gw/assets/images/icons/32x32/steps/1_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i1p
{
	background:url(/gw/assets/images/icons/32x32/steps/1_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i1sp
{
	background:url(/gw/assets/images/icons/32x32/steps/1_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i1sc
{
	background:url(/gw/assets/images/icons/32x32/steps/1_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i2{
	background:url(/gw/assets/images/icons/32x32/steps/2.gif) 0 0 no-repeat;
}

 #steps .icon.i2s
{
	background:url(/gw/assets/images/icons/32x32/steps/2_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i2c
{
	background:url(/gw/assets/images/icons/32x32/steps/2_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i2p
{
	background:url(/gw/assets/images/icons/32x32/steps/2_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i2sp
{
	background:url(/gw/assets/images/icons/32x32/steps/2_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i2sc
{
	background:url(/gw/assets/images/icons/32x32/steps/2_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i3{
	background:url(/gw/assets/images/icons/32x32/steps/3.gif) 0 0 no-repeat;
}

 #steps .icon.i3s
{
	background:url(/gw/assets/images/icons/32x32/steps/3_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i3c
{
	background:url(/gw/assets/images/icons/32x32/steps/3_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i3p
{
	background:url(/gw/assets/images/icons/32x32/steps/3_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i3sp
{
	background:url(/gw/assets/images/icons/32x32/steps/3_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i3sc
{
	background:url(/gw/assets/images/icons/32x32/steps/3_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i4{
	background:url(/gw/assets/images/icons/32x32/steps/4.gif) 0 0 no-repeat;
}

 #steps .icon.i4s
{
	background:url(/gw/assets/images/icons/32x32/steps/4_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i4c
{
	background:url(/gw/assets/images/icons/32x32/steps/4_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i4p
{
	background:url(/gw/assets/images/icons/32x32/steps/4_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i4sp
{
	background:url(/gw/assets/images/icons/32x32/steps/4_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i4sc
{
	background:url(/gw/assets/images/icons/32x32/steps/4_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i5{
	background:url(/gw/assets/images/icons/32x32/steps/5.gif) 0 0 no-repeat;
}

 #steps .icon.i5s
{
	background:url(/gw/assets/images/icons/32x32/steps/5_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i5c
{
	background:url(/gw/assets/images/icons/32x32/steps/5_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i5p
{
	background:url(/gw/assets/images/icons/32x32/steps/5_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i5sp
{
	background:url(/gw/assets/images/icons/32x32/steps/5_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i5sc
{
	background:url(/gw/assets/images/icons/32x32/steps/5_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i6{
	background:url(/gw/assets/images/icons/32x32/steps/6.gif) 0 0 no-repeat;
}

 #steps .icon.i6s
{
	background:url(/gw/assets/images/icons/32x32/steps/6_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i6c
{
	background:url(/gw/assets/images/icons/32x32/steps/6_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i6p
{
	background:url(/gw/assets/images/icons/32x32/steps/6_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i6sp
{
	background:url(/gw/assets/images/icons/32x32/steps/6_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i6sc
{
	background:url(/gw/assets/images/icons/32x32/steps/6_selected_completed.gif) 0 0 no-repeat;
}


 #steps .icon.i7{
	background:url(/gw/assets/images/icons/32x32/steps/7.gif) 0 0 no-repeat;
}

 #steps .icon.i7s
{
	background:url(/gw/assets/images/icons/32x32/steps/7_selected.gif) 0 0 no-repeat;
}

 #steps .icon.i7c
{
	background:url(/gw/assets/images/icons/32x32/steps/7_completed.gif) 0 0 no-repeat;
}

 #steps .icon.i7p
{
	background:url(/gw/assets/images/icons/32x32/steps/7_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i7sp
{
	background:url(/gw/assets/images/icons/32x32/steps/7_selected_problem.gif) 0 0 no-repeat;
}

 #steps .icon.i7sc
{
	background:url(/gw/assets/images/icons/32x32/steps/7_selected_completed.gif) 0 0 no-repeat;
}



 #pageStepIcon
{
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 1em;
	
}


 #pageStepIcon.i1{
	background:url(/gw/assets/images/icons/48x48/steps/1_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i1sc{
	background:url(/gw/assets/images/icons/48x48/steps/1_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i1sp{
	background:url(/gw/assets/images/icons/48x48/steps/1_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i2{
	background:url(/gw/assets/images/icons/48x48/steps/2_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i2sc{
	background:url(/gw/assets/images/icons/48x48/steps/2_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i2sp{
	background:url(/gw/assets/images/icons/48x48/steps/2_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i3{
	background:url(/gw/assets/images/icons/48x48/steps/3_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i3sc{
	background:url(/gw/assets/images/icons/48x48/steps/3_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i3sp{
	background:url(/gw/assets/images/icons/48x48/steps/3_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i4{
	background:url(/gw/assets/images/icons/48x48/steps/4_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i4sc{
	background:url(/gw/assets/images/icons/48x48/steps/4_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i4sp{
	background:url(/gw/assets/images/icons/48x48/steps/4_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i5{
	background:url(/gw/assets/images/icons/48x48/steps/5_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i5sc{
	background:url(/gw/assets/images/icons/48x48/steps/5_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i5sp{
	background:url(/gw/assets/images/icons/48x48/steps/5_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i6{
	background:url(/gw/assets/images/icons/48x48/steps/6_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i6sc{
	background:url(/gw/assets/images/icons/48x48/steps/6_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i6sp{
	background:url(/gw/assets/images/icons/48x48/steps/6_selected_problem.gif) 0 0 no-repeat;
}


 #pageStepIcon.i7{
	background:url(/gw/assets/images/icons/48x48/steps/7_selected.gif) 0 0 no-repeat;
}

 #pageStepIcon.i7sc{
	background:url(/gw/assets/images/icons/48x48/steps/7_selected_completed.gif) 0 0 no-repeat;
}

 #pageStepIcon.i7sp{
	background:url(/gw/assets/images/icons/48x48/steps/7_selected_problem.gif) 0 0 no-repeat;
}



#step-info
{
	font-size:0.8em;
	color:grey;
    width:15em;
	line-height:1.4em;
 	float:right;
	border-left:1px dotted #CCCCCC;
	padding-left:4em;
}


#step-info .cur
{
  color:maroon;
  font-weight:bold;
}

/*Buttons*/
a.newRegister{
   margin:2em;
   font-size:1.4em;
   font-weight:bold;
}