body{

	margin: 5px;

	padding: 0px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	background-color: #AEA8FF;

	text-align: center;





}



#HeadContainer{

	background-color: #FFFFFF;

	text-align: center;

	border-top: 1px solid #000000;

	border-right: 1px solid #000000;

	border-bottom: 0px solid #000000;

	border-left: 1px solid #000000;

	voice-family:"\"}\"";

	voice-family:inherit;

	height:63px;

}

html>body #HeadContainer {

height:62px;

}



#HeadLogo{

	background-image: url(../Images/ChecklistMainLogo.gif);

	background-repeat: no-repeat;

	height: 60px;

	width: 350px;

	background-position: 0px 7px;

	margin-right: auto;

	margin-left: auto;

}



#HeadLeftImage, #HeadRightImage{

	margin: 0px;

	padding: 0px;

	height: 61px;

	width: 45px;

	background-repeat: no-repeat;

	background-position: left 1px;

}

#HeadLeftImage, #HeadRightImage{

	background-image: url(../Images/InvaderLeft.gif);

	float: left;

}

#HeadRightImage{

	background-image: url(../Images/InvaderRight.gif);

	float: right;

	background-position: right 1px;

}

.ThinLine{

	height: 20px;

	margin: 0px;

	padding: 0px;

	clear: both;

	background-color: #2F58FF;

	font-size: 80%;

	border-width: 1px;

	border-style: solid;

	border-color: #000000;

	background-image: url(../Images/BarSlice.jpg);

	font-weight: normal;

	color: #CFD3F5;

}

.ThinLineLeft{

	height: 20px;

	margin: 0px;

	padding: 0px;

	clear: both;

	background-color: #2F58FF;

	font-size: 80%;

	border-width: 1px;

	border-style: solid;

	border-color: #000000;

	background-image: url(../Images/BarSlice.jpg);

	font-weight: normal;

	color: #CFD3F5;

	text-align: left;

}



.IndexLine{

	height: 20px;

	margin: 0px;

	padding: 0px;

	background-color: #2F58FF;

	font-size: 80%;

	border-width: 1px;

	border-style: solid;

	border-color: #000000;

	background-image: url(../Images/BarSlice.jpg);

	font-weight: bold;

	color: #FFFFFF;

	overflow: visible;



}



.ContentContainer{

	margin: 10px;

	background-color: #CCCCCC;

	text-align: center;

}



.IndexTable{

	width: 220px;

	margin: 4px;

	float: left;







}







.IndexTableContainer{

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

	padding: 2px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 155px;

}



.SelectorTableContainer{

	background-color: #FFFFFF;

	border-width: 0px 1px 1px 1px;

	border-style: solid;

	border-color: #000000;

	padding: 4px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 25px;

}



.IndexTableContainer a:link{

	font-weight: bold;

	color: #000066;

	text-decoration: none;

}

.IndexTableContainer a:visited{

	font-weight: bold;

	color: #000066;

	text-decoration: none;

}

.IndexTableContainer a:hover{

	font-weight: bold;

	color: #0000CC;

	text-decoration: underline;

}

.IndexTableContainer a:active{

	font-weight: bold;

	color: #000066;

	text-decoration: none;

}



.Spacer{

	clear: both;

	height: 10px;

	margin: 0px;

	padding: 0px;

}



/* IMAGES START */



.Image_GP32{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/GP32.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_Amiga{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/Amiga.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_GP2X{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/GP2X.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_XBox{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/XBox.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_Tux{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/tux.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_PC{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/PC.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_PDA{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/PDA.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_PS2{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/PS2.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

.Image_PSP{

	border: 0px solid #AAA4FF;

	background-image: url(http://www.berzerk.eclipse.co.uk/CheckList/PSP.gif);

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;

}

/* IMAGES END */



.SystemInfoContent{

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 224px;

	font-weight: bold;

	height: auto;



}



.EmuList{

	font-weight: normal;

	margin: 0px 0px 0px 220px;

	text-align: left;

	font-size: 80%;

	padding: 10px;

	height: auto;





}



.EmuList a:link{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;



}

.EmuList a:visited{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;

}

.EmuList a:hover{

	color: #0000FF;

	text-decoration: underline;

	font-size: 130%;

	font-weight: normal;

}

.EmuList a:active{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;

}



.ThinLine a:link{

	color: #FFFFFF;

	text-decoration: none;

	font-size: 130%;

	font-weight: bold;



}

.ThinLine a:visited{

	color: #FFFFFF;

	text-decoration: none;

	font-size: 130%;

	font-weight: bold;

}

.ThinLine a:hover{

	color: #FFFFFF;

	text-decoration: underline;

	font-size: 130%;

	font-weight: bold;

}

.ThinLine a:active{

	color: #FFFFFF;

	text-decoration: none;

	font-size: 130%;

	font-weight: bold;

}



.InfoTable{

	margin-left: 240px;

	margin-top: 4px;

	margin-right: 4px;

	margin-bottom: 4px;

}



.SelectorTable{

	margin-left: 4px;

	margin-top: 4px;

	margin-right: 4px;

	margin-bottom: 4px;

}







.InfoBox{

	margin: 4px;

	width: 200px;

	border: 1px solid #A59BFF;

	float: left;

	voice-family:"\";

	font-size: 80%;

	color: #0000FF;



}\"";

	voice-family:inherit;

	height:142px;

}

html>body .InfoBox {

height:144px;

}



.InfoText{

	font-size: 80%;

	color: #000099;

	font-weight: normal;

	margin: 4px;

	height:144px;

	vertical-align: middle;

	overflow: auto;

}



.AppName{

	width: 200px;

	font-size: 80%;

	color: #000066;

}

.AppVer{

	width: 100px;

	font-size: 90%;

	color: #FFFFFF;

}

.AppDesc{

	font-size: 90%;

	color: #FFFFFF;

}

.AppNameList{

	width: 200px;

	font-size: 80%;

	color: #000066;



}

.AppVerList{

	width: 100px;

	font-size: 80%;

	color: #0000CC;

}

.AppDescList{

	font-size: 80%;

	color: #0000CC;

}

.AppTableList{

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #000000;

	border-bottom-color: #D5D2D2;

	border-left-color: #000000;

	text-align: left;

	background-color: #FFFFFF;

}



.AppNameList a:link{

	color: #0000CC;

	text-decoration: none;

}

.AppNameList a:visited{

	color: #0000CC;

	text-decoration: none;

}

.AppNameList a:hover{

	color: #FF0000;

	text-decoration: underline;

}

.AppNameList a:active{

	color: #0000CC;

	text-decoration: none;

}



.BackButton{

	height: 25px;

	width: 100px;

}



.BackButton a:link{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;

}

.BackButton a:visited{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;

}

.BackButton a:hover{

	color: #0000FF;

	text-decoration: underline;

	font-size: 130%;

	font-weight: normal;

}

.BackButton a:active{

	color: #0000FF;

	text-decoration: none;

	font-size: 130%;

	font-weight: normal;

}



/* Main List Start */

.ListContainer{

	background-color: #FFFFFF;

	border-style: solid;

	border-color: #000000;

	border-width: 0px 1px 0px 1px;

	width: 100%;

}



.AppContainer{

	margin-right: 0px;

	margin-left: 0px;

	border-width: 0px;

	border-style: solid;

	border-color: #D2D2FF;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

.ListEditIcons{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 39px;

	font-size: 60%;

	

	

}

.ListAppName{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 150px;

	font-size: 75%;

	text-align: center;

}

.ListStatusRed{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 80px;

	font-size: 75%;

	text-align: center;

}

.ListStatusGreen{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 80px;

	font-size: 75%;

	text-align: center;

}

.ListStatusBlue{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 80px;

	font-size: 75%;

	text-align: center;

}

.ListStatusGrey{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 80px;

	font-size: 75%;

	text-align: center;

}

.ListStatusComment{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	font-size: 75%;

	text-align: center;

}

.ListWhoInfo{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 100px;

	font-size: 75%;

	text-align: center;

}

.ListRating{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 0px;

	width: 100px;

	font-size: 75%;

	text-align: center;

	margin: 0px;

}

.ListReviews{

	border-width: 0px;

	border-style: solid;

	border-color: #FFFFFF;

	background-color: #ECF1FF;

	text-align: center;

	padding: 1px;

	width: 30px;

	font-size: 75%;

	text-align: center;

}











/* Main List END */

.SystemImage {

	border: 0px solid #AAA4FF;

	

	background-repeat: no-repeat;

	height: 125px;

	width: 215px;

	background-position: center;

	margin-top: 4px;

	margin-bottom: 4px;
}
