body{
font-family:Arial;
text-align:center;
padding:0px;
margin:0px;
font-size:0.86em;
}

#mainwrapper{
position:relative;
margin: auto;
text-align:center;
width:780px;
}



#header{
position:relative;
float:left;
display:block;
width:600px;
padding:0px;
padding-top:10px;
margin-bottom:15px;
padding-left:10px;
}

#header h1{
font-size:2.9em;
margin: 0px;
font-weight: normal;
}

#header h1 .headerref{
text-decoration:none;
}

#p{
display:block;
color: #fff;
background: #9f9;
margin:1px;
margin-left: 0px;
margin-top:5px;
padding-top:2px;
height:53px;
width:53px;
float:left;
border: #000 1px solid;
}

#u{
color: #fff;
background: #f99;
margin:1px;
margin-top:5px;
padding-top:2px;
height:53px;
width:53px;
float:left;
border: #000 1px solid;
}

#z{
color: #fff;
background: #99f;
margin:1px;
margin-top:5px;
padding-top:2px;
height:53px;
width:53px;
float:left;
border: #000 1px solid;
}

#p .headerref, #u .headerref, #z .headerref{
color: #fff;
}


#l{
color: #000;
margin:1px;
margin-top:5px;
padding-top:2px;
height:53px;
width:53px;
float:left;
border: #000 1px solid;
}

#l .headerref{
color: #000;
}


#sudokumenu{
	
	text-align:right;
}



#sudokumenu  a{
	font-size: 0.8em;
	color:#00c;
}


#gamelabel{
position: absolute;
top:48px;
left:250px;
color:#ddd;
font-size:2em;
width: 200px;
text-align:left;
}


#content{
position: relative;
left:10px;
float:left;
width:600px;

}

#funcnav{
width:600px;
}


#gamehelp{

display:block;
padding:0px;
margin:0px;
width:600px;
}


#gamehelp .gamehelptabs{
display:block;
list-style:none;
margin:0px;
padding:0px;
margin:0px;
}

#gamehelp .gamehelptabs li{
position:relative;
float:left;
width: 118px;
height: 18px;
font-size:0.8em;
padding: 0px;
padding-top:2px;
margin-left:0px;
border: #aaa dotted 2px;
border-left:none;
color:#999;
}

#gamehelp .gamehelptabs li img{
position:absolute;
top: -15px;
left:10px;
}

#gamehelp .gamehelptabs li.first{
width: 116px;
border: #aaa dotted 2px;
border-bottom:none;
}

.headlinkr{
color:#0c0;
text-decoration:none;
}

.headlinkg{
color:#c00;
text-decoration:none;
}

.headlinkb{
color:#00c;
text-decoration:none;
}

.headlinkz{
color:#000;
text-decoration:none;
}

.headlinkb:hover, .headlinkg:hover, .headlinkz:hover, .headlinkr:hover{
text-decoration:underline;
}


#step0{
display:block;
clear:both;
width: 596px;
font-size:0.8em;
margin: 0px;
padding: 0px;
padding-top:4px;
border: #aaa dotted 2px;
border-top:none;
text-align:left;
background: #fff;

}

#step0 h2{
display:block;
color:#4a4;
margin:6px;
font-size:1.1em;
}


#step1{

display:block;
clear:both;
width: 596px;
height:170px;
min-height:170px;
font-size:0.8em;
margin: 0px;
padding: 0px;
padding-top:4px;
border: #aaa dotted 2px;
border-top:none;
text-align:left;
background: url('step1_bg.gif') top no-repeat;

}

#step1 h2{

display:block;
color:#4a4;
margin:6px;
font-size:1.1em;
}

#step2{
display:block;
clear:both;
width: 596px;
min-height:170px;
font-size:0.8em;
margin: 0px;
padding: 0px;
padding-top:4px;
border: #aaa dotted 2px;
border-top:none;
text-align:left;
background: url('step2_bg.gif') top no-repeat;
}

#step2 h2{
display:block;
color:#f44;
margin:6px;
font-size:1.1em;
}

#step3{
display:block;
clear:both;
width: 596px;
height:170px;
font-size:0.8em;
margin: 0px;
padding: 0px;
padding-top:4px;
border: #aaa dotted 2px;
border-top:none;
text-align:left;
background: url('step3_bg.gif') top no-repeat;
}

#step3 h2{
display:block;
color:#44f;
margin:6px;
font-size:1.1em;
}

#step4{
display:block;
clear:both;
width: 596px;
height:170px;
font-size:0.8em;
margin: 0px;
padding: 0px;
padding-top:4px;
border: #aaa dotted 2px;
border-top:none;
text-align:left;
background: url('step3_bg.gif') top no-repeat;
}

#step4 h2{
display:block;
color:#44f;
margin:6px;
font-size:1.1em;
}


#step0 p, #step3 p, #step1 p, #step2 p{
margin:5px;
padding:0px;
border:none;
}

#step0 p a, #step3 p a, #step1 p a, #step2 p a{
display: block;
margin:2px;
margin-left:10px;
border:none;
color:#44f;
}


.button a{
display: block;
margin:2px;
line-height:25px;
margin-left:10px;
border:none;
color:#44f;
}

.button img {
display: block;
float:left;
margin:2px;
border:none;
}









#gamewrapper{
display:block;
position:relative;
width:596px;
border: #aaa dotted 2px;
text-align:center;
padding:0px;
margin-top:10px;
padding-top:10px;
padding-bottom:0px;
}

.clear{
clear:both;
height:1px;
}


/* puzl styles */

#puzl{
margin: auto;
width:276px;
height:276px;
border: #666 1px solid;
}

.grid{
float:left;
width:90px;
height:90px;
border: #666 1px solid;
}

.field{
position:relative; 
float:left;
width:29px;
height:29px;
border: none 0px;
border-right: #666 1px solid;
border-bottom: #666 1px solid;
}

.textfield{
width:16px;
height:22px;
border: none 0px;
font-family: Comic;
font-size: 1.1em;
padding:0px;
padding-left:9px;
padding-top:2px;
}



#step1status1{
display:block;
padding:4px;
margin: 10px;
margin-left: 30px;
font-size:1em;
}


.gameoption{
margin:10px;
}

#challangetext{
	font-weight:bold;
}

#challangetext .button{
	font-weight:normal;
	margin-left: 10px;
}

#urltocopy{
	display:block;
	text-align:center;
}

#copyurldiv{
	font-size:1em;
	margin: 4px;
	text-align: left; 
}

#copydiv{
	text-align: center; 
	font-style:italic;
}

.symbol{
	font-family: Arial;
	font-weight:bold;
}

form{
	margin:0px;
}






#skyscraper{
position: absolute;
top:90px;
left:620px;
color:#ddd;
font-size:5em;
width: 80px;
text-align:left;
}