/* 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; }

small a.plink:link {color:#A67E50; text-decoration:none;}      /* unvisited link */
small a.plink:visited {color:#A67E50; text-decoration:none;}  /* visited link */
small a.plink:hover {color:#EBF1F4; text-decoration:none;}  /* mouse over link */
small a.plink:active {color:#0000FF; text-decoration:none;}  /* selected link */ 

#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*/

#adpanel {
	position: absolute;
	height: 114px;
	left: 0px;
	top: 75px;
	background-color: #EBF1F4;
	width: 100%;
	z-index: 2;
}

.tablewrapper {
	 display: table;
	height: 90px;
	width: 100%;
}

#thead {
       display: table-cell;
       vertical-align: middle;
       text-align: center;
       width: 100%;
}

.adpanelborder {
	height: 12px;
	width: 100%;
	background-color: #75b9ff;
}


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

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 {
    min-width: 165px;
	position:relative;/*ie needs this to show float */
	width: 165px;
	float:right;
	margin-right:-174px;
	margin-top:190px;/* to clear header*/
	left:1px;
	margin-bottom:22px;/* clear footer*/
	padding-left:10px;
}
 
#afooter {
	width:100%;
	clear:both;
	height:100px;
	text-align:center;
	position:relative;
}

#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;
	z-index:5;
	padding-bottom:22px;/* clear footer*/
	margin-left:-6px;
	padding-right:5px;
}
#outerwrap {
	float: left;	
	width: 100%;
	padding-top:190px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
  font-family: Arial;
	position:relative;
	z-index: 1;
  font-size: 13px;
}

#adcontainer {
	     max-height: 90px;
	     overflow: hidden;
}
#adcontainer > * {
	     margin-left: auto;
	     margin-right: auto;
}
.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;
}

div.vma {
	margin: 4px;
	background-color: #EBF1F4;
}

div.vcad {
	 position: absolute;
	 top: 100px;
	 left: 440px;
}

