<style type="text/css">

	.style1 {
		font-family: "Bradley Hand ITC";
		font-size: medium;
		color: #FF6600;
		font-weight: bold;
	}
	a:link {
	color: #5A8FD1;
	}
	a:visited {
	color: #5A8FD1;
	}
	a:hover {
	color: #5A8FD1;
	}
	a:active {
	color: #5A8FD1;
	}
	.formText {
		font-family: Arial;
		font-size: small;
		color: #00CC00;
		font-weight: bolder;
		text-align: center;
	}
	
	.style1 {
		font-family: Arial;
		font-size: x-small;
		color: #FFFFFF;
		font-weight: bolder;
		text-align: center;
	}
	
	.style2 {
		font-family: "ChickenScratch AOE";
		font-size: large;
		color: #333333;
		font-weight: normal;
		text-align: center;
	}
	.style6 {
		font-family: Verdana;
		font-size: medium;
		color: #666666;
		font-weight: normal;
		text-align: center;
	}
	.pagingActive{
		color:red;
	}
	.pagingInactive{
		color:blue;

	}

	.shareFrnds{
		
		color: 
	}
	#shareFrndTable{
		background-color: #3F3F3F;
	}
	body {
		margin: 0px;
		text-align: center;
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		height: 100%;
	}
	
	
	.style3 {
		font-size: small;
		font-weight: normal;
		font-family: "Book Antiqua";
		color: #FF6600;
	}
	.style4 {
	  font-size: small;
  	  font-weight: normal;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #666600;
	}
	.style3 {
	  font-size: medium;
	  font-weight: normal;
	  font-family: "Book Antiqua";
	  color: #333333;
	}
	.style5 {
	font-size: x-large;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: center;
	color: #009933;
	vertical-align: bottom;
	font-style: normal;
	text-decoration: underline;
	}
	.style7 {
	  color: #33CC33;
	  font-size: medium;
	  font-weight: bold;
	}
	.style8 {
		font-family: Verdana;
		font-size: medium;
		color: #666666;
		font-weight: bold;
		text-align: center;
	}
    .style11 {
	  font-family: Verdana;
	  font-size: small;
	  color: #FFFFFF;
	  font-weight: bold;
	  text-align: left;
	}
    .style10 {
	  font-size: medium;
	  font-weight: normal;
	  font-family: "Book Antiqua";
      color: #64A1EF;
	}
    .style12 {
	font-size: small;
	font-weight: bold;
	font-family: "Book Antiqua";
	color: #333333;
	}
	
	.img {
		border: 0px none;
	}
	.style4 #button10 {
	}
	
	html,
	body {
	   margin:0;
	   padding:0;
	   height:100%;
	}
	#container {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}
	#header {
	   padding:10px;
	}
	#body {
	padding-bottom:60px;   /* Height of the footer */
	}
	#footer {
	position: absolute;
	left: 0px;
	/*bottom: 0px; */
	width: 100%;
	display: block;
	height: auto;
	z-index: 999;
	padding: 0px;
	margin: 0px;
	background-color: #313131;
	}
</style>
.temp {
}
.modTable {
	border: 1px;
	border-color: #666600;
	border-style: solid;
}

#contentwrapper{
width: 500px;
margin:auto;
}

.rating {
	border: 0px solid #ccc;
	margin: 0px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: bottom;
}

table.root-table input {
	background-color:#fff;
	font:12px bold;
	width:20px;
	border:0px solid #fff;
	text-align: center;
}
table.root-table-sud   input {
	background-color:#fff;
	font:21px bold;
	width:30px;
	border:0px solid #fff;
	text-align: center;
	color: #666666;
}
/*<style>*/
.box {
	border:1px solid;
	color: #A8C6EA;
}


/*The Cells that has error*/
.problem-cell {
	color:#f00;
}
/*<style>*/
.possibilities-entry {
	font-size:12px 
}
.control-button {
	width:60px;
}
#control-area label {
	padding-right:10px;
	font-weight:bold;
}
#control-area {
	width:150px
}

