*
{
	margin: 0px;
	padding: 0px;
}
body
{
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#layout
{
	width: 950px;
	margin: 0 auto;
}
#header
{
	height: 145px;
}
#SiteLogo
{
	height: 102px; /*background-image: url(img/MooncakeLogo.gif); 	background-repeat:no-repeat; 	background-position:0px 35px;*/
	padding-top: 35px;
}
#HeaderSpace
{
	border-top: 5px solid #cc3a00;
	height: 38px;
	background-color: #ff851b;
}

#StepMark
{
	height: 145px;
}

#StepMark ol
{
	list-style: none;
	color: #ff851b;
	font-size: 20px;
	font-weight: 200;
	margin-top: 25px;
	margin-left: 23px;
}
#StepMark ol li
{
	float: left;
	width: 120px;
	height: 90px; /*background-image:url(img/step1_current.gif);*/
	background-repeat: no-repeat;
	background-position: 30px 5px;
}
#StepMark ol li img
{
	margin-top: 35px;
	margin-left: 5px;
	float: left;
}
#StepMark ol li.CurrentStepMark
{
	width: 520px;
}
.StepDiscrpion
{
	margin-left: 120px;
	margin-top: 20px;
}

#Step1Passed
{
	background-image: url(img/step1_passed.gif);
}
#Step2Passed
{
	background-image: url(img/step2_passed.gif);
}
#Step3Passed
{
	background-image: url(img/step3_passed.gif);
}

#Step2Normal
{
	background-image: url(img/step2_normal.gif);
}
#Step3Normal
{
	background-image: url(img/step3_normal.gif);
}
#Step4Normal
{
	background-image: url(img/step4_normal.gif);
}


#Step1Current
{
	background-image: url(img/step1_current.gif);
}

#Step2Current
{
	background-image: url(img/step2_current.gif);
}
#Step3Current
{
	background-image: url(img/step3_current.gif);
}
#Step4Current
{
	background-image: url(img/step4_current.gif);
}

.clear-both
{
	clear: both;
}

#ContentSection
{
	background-color: #ffebc3;
	padding: 50px;
}

.buttonStyle
{
	width: 100px;
	height: 25px;
	background-color: #cc3a00;
	color: white;
	font-weight: bold;
	font-size: 16px;
	border-width: 1px;
	border-color: #ea6000 #ea6000 #a71200;
}
img
{
	border-width: 0px;
}

/* Select Potos page*/
#photoList .photoBox
{
	float: left;
	margin-right: 30px;
	margin-top: 30px;
}

.photoBox
{
	background-color: white;
	width: 81px;
	height: 81px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.photoChklabel
{
	display: block;
	width: 81px;
	height: 81px;
}
#chkCountLabel
{
	margin: 10px 0px;
	display: inline;
	color: #cc3a00;
	font-weight: 900;
	font-size: 20px;
}

#userNameLabel
{
	/* 	font-size:20px; 	font-weight:700;*/
}
#leftSection
{
	float: left;
}
#rightSection
{
	float: right;
	width: 200px;
	text-align: right;
}

#progressText
{
	margin-left: 100px;
	padding-left: 80px;
}

#SilverlightControlBox
{
	float: left;
	width: 600px;
	height: 400px;
}

#codeBox
{
	float: right;
}
#codeTextArea
{
	font-size: 11px;
}

/* Font Style */

.OrangeTitle
{
	color: #ff3600;
	font-size: 18px;
	font-weight: 700;
}
.RedTitle
{
	color: #800c00;
	font-size: 18px;
	font-weight: 700;
}
.DarkOrange
{
	color: #cc3a00;
	font-size: 18px;
	font-weight: 700;
}
.ServiceLogo
{
	cursor: hand;
}