body {
	padding:0px;
	margin:0px;
	font-family: Verdana;
	color:#444444;
	background:#FFFFFF;
	font-size:13px;
}

body img {
border:none;
}

a {
color:#3B5998;
}

#sudokuPuzzle {
	width:760px;	
	/*height:1000px;*/
	margin:10px auto;	
	/* border:1px solid #000000; */
	/*background:#CCCCCC;*/
	background:url(/i/buttons/top_bgr.png) top left no-repeat;
	
}

#container {
	background:#E0F9FF /*url(/i/buttons/top_bgr.png) top left no-repeat*/;
	border:1px solid #1198B9;
	padding:5px;
	
}

table.sudoku {

	border-collapse: collapse;
	border-spacing:0px;
	border: solid black 3px;

	width:466px; 

	/*background:white url(i/bgr.png);*/
	background:#fff;
	cursor:default;
}

#ColorNavDiv {
	margin:0 auto;
	height:155px;
}

table.ColorNav {
	border-spacing:0px;
	border-collapse: collapse;
	border: solid black 3px;
	background-color: white;
	/*margin-left:5px;*/
}

table.sudoku td, table.ColorNav td {
	line-height:50px;
	width:50px;
	text-align: center;
	font-size: 30px;
	color:#000000;
}


table.ColorNav td {
	cursor:hand;
	cursor:pointer;
	border:1px solid #000000;
}

table.ColorNav td.db {
	cursor:hand;
	cursor:pointer;
	border-top:2px solid #000000;
}



div.sudoku_cell {

	color:#4169E1 !important;
	padding:0px 0px !important;
}

div.sudoku_cell_sel {
	/*border:2px solid #cc0000 !important;*/
	background:#ffcc00 /*!important*/;
	/*height:48px;*/
	padding:0px 0px !important;
	color:#4169E1 !important;
	/*background:url(i/bgr_s.png);*/
}

div.sudoku_cell_static {
	/*border:2px solid #fff !important;*/
	background:#F0F8FF ; 
	padding:0px 0px !important;
	cursor:hand !important;
	cursor:pointer !important;
}

#error, #error1 {
	background:#cc0000 !important;
	background:url(/i/bgr_e.png);
	color:#fff;
	font-weight:bold;
	width:50px;	
	height:50px;	
	position:absolute !important;
	display:none;
	z-index:2;
	text-align:center;
	
	opacity:0.4;
	filter:alpha(opacity=40);
}

a.toplink {
	display:block;
	padding:10px 0px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

#lh1, #lh2, #lh4, #lh5 {
	color:#fff;
} 

a.toplink:hover {
	text-decoration:underline;
}

div.spacer {
	background:url(/i/buttons/spacer.png) top left no-repeat;
	height:3px;
	line-height:1px;
}

#pause {
	display:block;
	background:url(/i/buttons/pause.png) top left no-repeat;
	width:64px;
	height:60px;
}

#reset {
	display:block;
	background:url(/i/buttons/reset_u.png) top left no-repeat;
	width:64px;
	height:60px;
}

#reset:hover {
	background:url(/i/buttons/reset_d.png) top left no-repeat;
}

.link {
	padding:5px;
	cursor:hand;
	cursor:pointer;
	color:#666666;
	font-weight:bold;
}

.link_sel {
	padding:5px;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	color:#000 !important;

}



hr {
	width:95%;
	height:1px;
	border:none;
	background:#6E6C67;
}

.pencil {
	position:absolute;
	font-size:10px;
	/*width:8px;
	height:8px;*/
	color:#000 !important;
	/*border:1px solid #000;*/
	cursor:hand;
	cursor:pointer;
	z-index:100;
}

.pencil_sel {
	position:absolute;
	font-size:10px;
	/*width:8px;
	height:8px;*/
	color:#eee !important;
	/*text-decoration:line-through !important;*/
	/*border:1px solid #000;*/
	cursor:hand;
	cursor:pointer;
	z-index:100;
}

div.hilitedNumber {
	background:#ff0000 !important;
}

div.hilitedCell, table.ColorNav td.hilitedCell {
	/* background:#ff6633 url(/i/bgr_e.png); */
	background:#ff6633;
}



.LeftNav {
	background:#333333;
	
	color: #CCCCCC;
	font-size:15px;
	/*padding:2px;*/
	width:134px;
}

#thecell {
	text-align:center;
	/*background:#000;*/
}

.LeftNav img {
border:none;
}

.LeftNav hr {
	width:100%;
	height:1px;
	border:none;
	background:#6E6C67;
}

#easy {
	display:block;
	/*height:85px;*/
	/*width:134px;*/
	background:url(/i/buttons/easy_u.png) top left no-repeat;
	color:#999999;
	text-decoration:none;
	font-size:15px;
	text-align:right;
	padding:35px 5px 32px 5px;
}

#easy:hover,  #easy.selected {
	background:url(/i/buttons/easy_d.png) top left no-repeat;
	color:#00CCFF;
	text-decoration:underline;
}

#normal {
	display:block;
	/*height:85px;*/
	/*width:134px;*/
	background:url(/i/buttons/mid_u.png) top left no-repeat;
	color:#999999;
	text-decoration:none;
	font-size:15px;
	text-align:right;
	padding:35px 5px 32px 5px;
}

#normal:hover, #normal.selected {
	background:url(/i/buttons/mid_d.png) top left no-repeat;
	color:#00CCFF;
	text-decoration:underline;
}

#hard {
	display:block;
	/*height:85px;*/
	/*width:134px;*/
	background:url(/i/buttons/hard_u.png) top left no-repeat;
	color:#999999;
	text-decoration:none;
	font-size:15px;
	text-align:right;
	padding:35px 5px 32px 5px;
}

#hard:hover, #hard.selected {
	background:url(/i/buttons/hard_d.png) top left no-repeat;
	color:#00CCFF;
	text-decoration:underline;
}





.newPuzzleBtn {
	display:block;
	width:128px;
	height:42px;
	line-height:42px;
	text-align:center;
	margin: 0 auto;
	background:url(i/buttons/new_game_u.png) top left no-repeat;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;	
}

.newPuzzleBtn:hover {
	background:url(i/buttons/new_game_d.png) top left no-repeat;
}

.colorBtn {
	display:block;
	width:130px;
	height:40px;
	text-align:center;
	margin: 0px 0px 0px 5px;
	background:url(i/buttons/orange.png) top left no-repeat;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.TimeDiv {
	color:#00CCFF;
	font-size:21px;
}



table.sudoku td.rtl {

	border-top: solid black 3px;
	border-bottom: solid black 1px;
	border-left: solid black 3px;
	border-right: solid black 1px;

}

table.sudoku td.rml {

	border-top: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 3px;
	border-right: solid black 1px;

}

table.sudoku td.rbl {

	border-top: solid black 1px;
	border-bottom: solid black 3px;
	border-left: solid black 3px;
	border-right: solid black 1px;

}

table.sudoku td.rtm {

	border-top: solid black 3px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}

table.sudoku td.rmm {

	border-top: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}

table.sudoku td.rbm {

	border-top: solid black 1px;
	border-bottom: solid black 3px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}

table.sudoku td.rtr {

	border-top: solid black 3px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 3px;
}

table.sudoku td.rmr {

	border-top: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 3px;
}

table.sudoku td.rbr {

	border-right: solid black 3px;
	border-bottom: solid black 3px;
}

.sudtab_container {
	padding:5px;
	background:#CCCCCC;
	border:1px solid #666;
	border-top:none;
	width:736px;
	height:170px;
	display:none;
	overflow:auto;
}

#helpA {
	color:#ff6600;
	text-decoration:underline;
	font-weight:bold;
}

/* tabs */

unknown {
  font-size: 13px;
}

.tabdiv {
	background:#fff;
}

.div_tabs {
	/*background:#e6e6e6;*/
	padding-top:5px;
}

#tab_header {
        font-size: 13px;
        /*float: left;*/
        width: 100%;
        line-height: normal;
}
#tab_header ul {
        padding-right: 10px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 0px;
        padding-top: 10px;
        list-style-type: none;
}
#tab_header td {
        padding-right: 0px;
        padding-left: 9px;
        background: url(/i/tabs/left.gif) no-repeat left top;
        float: left;
        padding-bottom: 0px;
        margin: 0px;
        padding-right:2px;
        padding-top: 0px;
        border-bottom:1px solid #666666;
}
#tab_header a {
        padding-right: 9px; 
        display: block;
        padding-left: 0px; 
        font-weight: bold; 
        background: url(/i/tabs/right.gif) no-repeat right top; 
        float: left; 
        padding-bottom: 4px; 
        color: #999; 
        padding-top: 5px; 
        text-decoration: none
}
#tab_header a {
        float: none;
}
#tab_header a:hover {
        /*color: #fff;*/
}
#tab_header .current {
        background-image: url(/i/tabs/left_on.gif);
        border-bottom:none;
}
#tab_header .current a {
        background-image: url(/i/tabs/right_on.gif); 
        padding-bottom: 5px; 
        color: #666;
        font-weight:bold;
}

#divsp0,#divsp1,#divsp2,#divsp3,#divsp4,#divsp4,#divsp5 {
	color:#333;
	font-size:13px;
}

/* tabs */

.box1 {
float:left; 
width:240px; 
height:138px; 
border:1px solid #888888;
margin:0px 5px;
background:#FFFFFF; 
padding:5px;

font-size:12px;
}

.box1 img {
	float:left;
	margin:0px 5px 0px 0px;
}

/* Polzva se za Solved */
.box2 {
float:left; width:160px; height:100px; border:1px solid #888 ; margin:5px; padding:5px; background:#FFFFFF; text-align:center;
}