.headerimage {
	background:transparent url(/images/Screenshot.png) no-repeat scroll center center;
	width:900px;
	height:128px;
	margin-left: auto ;
  	margin-right: auto ;
	}
.menuitems{
	position:relative;
	float:left;
	margin-top: 94px;
	margin-left:24px;
	height:23px;
	width:660px;
	font-size:14px;
}
.solveonline-yellow_info {
	width:880px;
		margin-left: auto ;
  	margin-right: auto ;
	background-color:yellow;
	padding:4px 4px 4px 18px !important;
	border-style:dashed;
	
}


.menuitems A:link {text-decoration:none ;color: white; margin-left:10px ;font-weight:bold; }
.menuitems A:visited {text-decoration:none ;color: white;margin-left:10px ;font-weight:bold; }
.menuitems A:active {text-decoration:none ;color: white;margin-left:10px ;font-weight:bold; }
.menuitems A:hover {text-decoration:none ;  color: green;margin-left:10px ;font-weight:bold; }



a.link-easy:link {color: black; text-decoration: none; background-color: #CEF6E3 ;}
a.link-easy:visited {color: black; text-decoration: none; background-color: #CEF6E3;}
a.link-easy:hover {text-decoration: none; background-color: white;  }
a.link-easy:active {color: black; } 

a.link-medium:link {color: black; text-decoration: none; background-color: #D0F5A9 ;}
a.link-medium:visited {color: black; text-decoration: none; background-color: #D0F5A9;}
a.link-medium:hover {text-decoration: none; background-color: white;  }
a.link-medium:active {color: black; } 

a.link-hard:link {color: black; text-decoration: none; background-color: #F7FE2E ;}
a.link-hard:visited {color: black; text-decoration: none; background-color: #F7FE2E;}
a.link-hard:hover {text-decoration: none; background-color: white;  }
a.link-hard:active {color: black; } 

a.link-veryhard:link {color: black; text-decoration: none; background-color: #FA5858 ;}
a.link-veryhard:visited {color: black; text-decoration: none; background-color: #FA5858;}
a.link-veryhard:hover {text-decoration: none; background-color: white;  }
a.link-veryhard:active {color: black; } 

.solveonline, .center_div {
	width:880px;
		margin-left: auto ;
  	margin-right: auto ;
}
.footerpart {
	width:900px;
	margin-left: auto ;
  	margin-right: auto ;
}
.ads {
	width:880px;
	margin-left: auto ;
  	margin-right: auto ;	
	
}
.sudokuonline-login {
border:2px dotted #DEDEDE;
display:block;
margin:0 1em 0 0.8em !important;
padding:4px 4px 4px 18px !important;
 position:relative;



}
.facebooklogout {
 position:absolute;
 top:0;
 right:0;

}


.mainreview{
	width:880px;
	margin-left: auto ;
  	margin-right: auto ;
	border:2px dotted #DEDEDE;
	display:block;
	background-color:white;

}

body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;

}
.small {
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}

.yourtimediv{
margin:1em 1em 0 0.8em !important;
padding:4px 4px 4px 18px !important;
	display:block;
	position:relative;
	//background-color:#DEDEDE;
	border:2px dotted green;
		background-color:white;

}
.yourtime {
	color: blue ;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:lighter;
	
}
.pause-div{
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:15px 4px 66px 18px !important;
}
.pause-button {
   position: relative;
	background: url('/images/pause-32x32.png') no-repeat top left;
	 border: none;
	 	 height:32px;
	 width:32px;
}

.unpause-button {
	 position: relative;
background: url('/images/play-32x32.png') no-repeat top left;
	 border: none;
	 display: none;
	 height:32px;
	 width:32px;
}

.input_small:hover
{
background-color: #EFEFFB;
}

.big_cell_input:hover
{
background-color: #EFEFFB;
}
.tiptext {
	color: #FF00CC;
}
.mistaketext {
	color: red;
}
.tiptext:hover
{
background-color: #EFEFFB;
}
.mistaketext:hover
{
background-color: #EFEFFB;
}


.board td {
border-bottom:1px solid #7777DD;
border-right:1px solid #7777DD;
height:1.2em;
margin:0;
padding:1px;
width:1px;
}
.board td.leftLine {
border-left:1.5px solid #000000;
padding-left:0;
}
.board td.rightLine {
border-right:1.5px solid #000000;
padding-right:0;
}
.board td.topLine {
border-top:1.5px solid #000000;
padding-top:0;
}
.bigtable-td-topLine {
padding-top:0;
	border-top:2px dotted #DEDEDE;
	
	
}
.board td.bottomLine {
border-bottom:1.5px solid #000000;
padding-bottom:0;
}
.cell {
color:#0000FF;
}
.style17 {
color:white;
}
.style1 {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:lighter;
}
.style18 {
color:#FF0000;
font-size:16px;
font-weight:bold;
}
.style1 {
color:#FFFFFF;
}
.style4 {
font-size:14px;
}
.style5 {
font-size:16px;
}
.style6 {
font-size:24px;
}

.notice-wrap {
	position: fixed;
	top: 30px;
	width: 250px;
	z-index: 9999;
	left: 60%;

}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
	height: 60px;
	background: #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #eee;
	padding: 6px 6px 0 6px;
	font-family: lucida Grande;
	font-size: 16px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.notice-item-close {
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	right: 6px;
	top: 6px;
	cursor: pointer;
}

.success {
	width: 450px;
	height: 160px;
	background: blue;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	padding: 6px 6px 0 6px;
	font-family: lucida Grande;
	font-size: 22px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;	
}

table.tableusertime {
	border-width: medium medium medium medium;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: green green green green;
	border-collapse: separate;
	background-color: white;
}
table.tableusertime th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: blue blue blue blue;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tableusertime td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: dotted dotted dotted dotted;
	border-color: blue blue blue blue;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(/images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 300px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(/images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 350px;
	clear: both;
}
.toggle_container_open {
	margin: 0 0 5px;
	padding: 10px;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(/images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 350px;
	clear: both;
}

.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(/images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
.online-usertime-table, .online-usertime-tableyes{
	width: 330px;
	text-align:center;
	height:28px;
	background-color: #EFEFFB;
	border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #900; 
padding-top:5px;


}
.online-usertime-tableyes{
	background-color: white;
	
}

#online-usertime-table-left{
width: 80px;
float: left;

height:25px;
}
#online-usertime-table-middle{
width: 200px;
float: left;
height:25px;

}
#online-usertime-table-right{
width: 50px;
float: left;
height:25px;

}
.facebook-login{
	text-align:center;
background-color: #EFEFFB;
	width: 250px;
	float: right;
		
}
.facebook-login-text{
	width: 200px;
	float: left;
	
}
#completed-div {
	
	}
			.popup {background:#FFF; border:1px solid #333; padding:1px;}
			.popup-header {height:24px; padding:7px; background:url("bgr_popup_header.jpg") repeat-x;}
			.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
			.popup-header .close-link {float:right; font-size:11px;}
			.popup-body {padding:10px;}



.hidden{display:none;}

.input-popup{
  
  font-size:12pt;
  font-weight:bold;
  background-color:336699;
  border-color:336699;
  border-style:inset;
  border-width:2px;
  color:FFFFFF; 
  }
  
table.sudokumembers {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: rgb(250, 240, 230);
}
table.sudokumembers th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sudokumembers td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
	padding-left:10px;
	padding-right:10px; 
}  
table.selecttable {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	width:80px;
	display:none;
}
table.selecttable th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 9px 9px 9px 9px;
}
table.selecttable td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 9px 9px 9px 9px;
	text-align:center;
}
</style>