body

{

	background-image: url(images/background.gif);

	background-repeat: repeat-x;

	background-color: #837056;

	text-align: center;

}



table

{

	border-style: none;

	padding: 0px;

	margin: 0px;

	border-collapse: collapse;

}



tr

{

	border-width: 0px;

	border-style: none;

	margin: 0px;

	padding: 0px;

}



td

{

	border-width: 0px;

	border-style: none;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

}



img

{

	display: block;

}





/***** Wrapper *****/



#Wrapper

{

	text-align: left;

	width: 817px;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

	position: relative;

}





/****** Left Column *****/



#LeftColumnTop

{

	float: left;

	width: 31px;

	height: 224px;

	position: relative;

	background: url(images/left_column_top.gif) no-repeat;

}



#LeftColumnMiddle

{

	width: 31px;

	background: url(images/left_column_tile.gif) repeat-y;

	height: 100%;

	position: absolute;

	left: 0px;

	top: 224px;

}



#LeftColumnBase

{

	position: absolute;

	width: 31px;

	height: 19px;

	background: url(images/left_column_base.gif) no-repeat;

	left: 0px;

	bottom: 0px;

}



#LeftColumnOverlap

{

	position: absolute;

	left: 0px;

	top: 49px;

	width: 3px;

	height: 19px;

	background-image: url(images/left_column_base_overlap.gif);

	background-repeat: no-repeat;

}





/***** Right Column *****/



#RightColumnTop

{

	float: left;

	width: 31px;

	height: 224px;

	position: relative;

	background: url(images/right_column_top.gif) no-repeat;

}



#RightColumnMiddle

{

	width: 31px;

	background: url(images/right_column_tile.gif) repeat-y;

	height: 100%;

	position: absolute;

	left: 786px;

	top: 224px;

}



#RightColumnBase

{

	position: absolute;

	width: 31px;

	height: 19px;

	background: url(images/right_column_base.gif) no-repeat;

	left: 786px;

	bottom: 0px;

}



#RightColumnOverlap

{

	position: absolute;

	left: 374px;

	top: 49px;

	width: 3px;

	height: 19px;

	background-image: url(images/right_column_base_overlap.gif);

	background-repeat: no-repeat;

}





/***** Banner *****/



#Banner

{

	float: left;

	width: 755px;

	height: 224px;

	position: relative;

	background: url(images/banner.gif) no-repeat;

	text-decoration: none;

}



#OverallPercentageContainer

{

	position: absolute;

	left: 354px;

	top: 175px;

	width: 40px;

	height: 16px;

	font-weight: bold;

}



#OverallPercentage

{

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#OverallProgressBar

{

	position: absolute;

	left: 4px;

	top: 202px;

	width: 747px;

	height: 12px;

	background-image: url(images/overall_progress_bar.gif);

	background-repeat: no-repeat;

}



#OverallProgressNote

{

	position: absolute;

	left: 30px;

	top: 125px;

	width: 150px;

	height: 50px;

	color: #FFDE6F;

	font-size: small;

}



#OverallProgressNote2

{

	position: absolute;

	left: 620px;

	top: 125px;

	width: 150px;

	height: 50px;

	color: #FFDE6F;

	font-size: small;

}





/***** Content *****/



#Content

{

    float: left;

    width: 755px;

	position: relative;

	left: 31px;

	background-color: #000F24;

}





/***** Progress Cell Containers *****/



.ProgressCell11

{

	position: relative;

	width: 378px;

	height: 68px;

	background-color: #646665;

}



.ProgressCell12

{

	position: relative;

	width: 377px;

	height: 68px;

	background-color: #646665;

}



.ProgressCell21

{

	position: relative;

	width: 378px;

	height: 68px;

	background-color: #7B7D7C;

}



.ProgressCell22

{

	position: relative;

	width: 377px;

	height: 68px;

	background-color: #7B7D7C;

}





/***** Progress Cell Icons *****/



.ProgressCellIconBug

{

	position: absolute;

	left: 9px;

	top: 2px;

	width: 64px;

	height: 64px;

	background-image: url(images/icon_bug.gif);

	background-repeat: no-repeat;

}



.ProgressCellIconFeature

{

	position: absolute;

	left: 9px;

	top: 2px;

	width: 64px;

	height: 64px;

	background-image: url(images/icon_feature.gif);

	background-repeat: no-repeat;

}



.ProgressCellIconSecretFeature

{

	position: absolute;

	left: 9px;

	top: 2px;

	width: 64px;

	height: 64px;

	background-image: url(images/icon_secret_feature.gif);

	background-repeat: no-repeat;

}





/***** Progress Cell Progress Bar Bases *****/



.ProgressCellBugProgressBarBase

{

	position: absolute;

	left: 132px;

	top: 50px;

	width: 200px;

	height: 16px;

	background-image: url(images/bug_progress.gif);

	background-repeat: no-repeat;

}



.ProgressCellFeatureProgressBarBase

{

	position: absolute;

	left: 132px;

	top: 50px;

	width: 200px;

	height: 16px;

	background-image: url(images/feature_progress.gif);

	background-repeat: no-repeat;

}



.ProgressCellSecretFeatureProgressBarBase

{

	position: absolute;

	left: 132px;

	top: 50px;

	width: 200px;

	height: 16px;

	background-image: url(images/secret_feature_progress.gif);

	background-repeat: no-repeat;

}





/***** Progress Cell Difficulty Levels *****/



.ProgressCellDifficultyEasy

{

	position: absolute;

	left: 75px;

	top: 44px;

	width: 55px;

	height: 22px;

	background-image: url(images/difficulty_easy.gif);

	background-repeat: no-repeat;

}



.ProgressCellDifficultyMedium

{

	position: absolute;

	left: 75px;

	top: 44px;

	width: 55px;

	height: 22px;

	background-image: url(images/difficulty_medium.gif);

	background-repeat: no-repeat;

}



.ProgressCellDifficultyHard

{

	position: absolute;

	left: 75px;

	top: 44px;

	width: 55px;

	height: 22px;

	background-image: url(images/difficulty_hard.gif);

	background-repeat: no-repeat;

}





/***** General Progress Cell Styles *****/



.ProgressCellDescription

{

	position: absolute;

	left: 75px;

	top: 2px;

	width: 300px;

	height: 46px;

	font-weight: bold;

}



.ProgressCellProgressBar

{

	position: absolute;

	left: 2px;

	top: 3px;

	width: 196px;

	height: 10px;

	background-image: url(images/progress_bar.gif);

	background-repeat: no-repeat;

}