/* Copyright (c) 2008, killersudokuonline.com */
/* generated on Tue Jun 24 18:13:24 2008, mw: 560, : 175 */
/* commented backslash hack v2 \*/ 
html, body{height:100%;
      margin:0;
      padding:0;
} 
/* end hack */ 
img {
    border: 0;
}

body {
  background-color: #EBF1F4;
	color: #000;
	position:relative;/* for ie7*/
	background-image: url(/widgets/gen_7-129.GIF);
	background-repeat: repeat-y;
	min-width: 800px;
      margin:0;
      padding:0;
}
a:link { color:  #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
#outer{
	min-width: 560px;
	min-height:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 140px;
	margin-right: 175px;
	border-left:1px solid #EBF1F4;
	border-right:1px solid #77B7FD;
}

#outertwo{
	min-height:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 140px;
	margin-right: 0px;
	border-left:1px solid #EBF1F4;
}

* html #outer{height:100%;} /*IE treats height as min-height anyway*/

div#toppanel {
  position: absolute;
  height: 90px;
  left: 0px;
  top: 0px;
  width: 100%;
  min-width: 600px;
  white-space: nowrap;
  overflow:hidden;
  padding: 0px;
  background-color: #EBF1F4;
}
div#toppanel > div {
   height: 90px;	     
}

div#topleft {
   float:left; width:155px; background-image:url(/widgets/kso-banner-left.PNG);
}

div#topmid {
   position:absolute; top:0px; left:155px; right: 380px; background-image:url(/widgets/kso-banner-middle.PNG);
}

div#topright {
   float:right; width:380px;
	    background-image:url(/widgets/kso-banner-right.PNG);
	    background-repeat: no-repeat;
}

div#topright > form {
	     margin-top: -3px;
	     text-align: right;
		border: 0;
}

div#topright > form > p {
	     margin: 0;
}

#left {
	position:relative;/*ie needs this to show float */
	width:140px;
	float:left;
	margin-left:-139px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	color:#fff;
	left:-1px;
	padding-bottom:22px;/* clear footer*/
}


#right {
	position:relative;/*ie needs this to show float */
	width: 165px;
	float:right;
	margin-right:-174px;
	margin-top:91px;/* to clear header*/
	left:1px;
	margin-bottom:22px;/* clear footer*/
	padding-left:10px;
}
 
#footer {
	width:100%;
	clear:both;
	height:20px;
	text-align:center;
	position:relative;
	background-color: #EBF1F4;
	margin-top:-20px;/*drag footer from below the fold*/
  font-family: verdana, arial, helvetica;
  font-size: 10pt;
}
#allcontent {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:22px;/* clear footer*/
	margin-left:-6px;
	padding-right:5px;
}

#mainpanel {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:22px;/* clear footer*/
	margin-left:-6px;
	padding-right:5px;
}
#outerwrap {
	float: left;	
	width: 100%;
	padding-top:91px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
  font-family: Arial;
  font-size: 13px;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#gameerrors {
	    color: red;
}

.logrow {
  width: 100%;
  white-space: nowrap;
  clear:left;
  vertical-align: bottom;
  height: 1.4em;
}

.logleft {
   position: relative;
   float:left;
   vertical-align: bottom;
}

.logright {
  vertical-align: bottom;
	 float:right;
	 position: relative;
}

.logleft > p {
   display: inline;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
}
.logright > input {
   font-size: 80%;
}

.logclear {
  margin: 0;
  padding: 0;
  clear:both;
  width: 0;
  height: 1em;
}

.gamebutton {
  width: 100px;
  margin-left: 1em;
}

#confirmModal {
width:100%;
height:100%;
left: 0px;
top: 0px;
position:absolute;
z-index:1;
visibility:hidden;
background:none;
}
#confirmBox {
position:absolute; top:25%; left:25%; 
width:30em;
height:6em;
z-index:2;
visibility:hidden;
background:white;
color:black;
border:6px double blue;
text-align:center;
}