div.game{
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 195px;    
}

table.sudoku {
    border: 2px solid #666699;
    margin: 20px 0;
    border-collapse: collapse;
}

table.sudoku td {
    font-size: 16px;
    border: 1px solid #DDDDEE;
    text-align: center; 
    padding: 4px;
    width: 24px;
    height: 24px;   
    font-weight: bold;
}

table.sudoku td.bright {
    border-right:2px solid #666699;   
}

table.sudoku td.bbottom {
    border-bottom:2px solid #666699;   
}

table.sudoku input {
    width: 20px;
    text-align: center; 
    color: #003399;
    font-weight: bold;
    font-size: 16px;
    border: 0;
}

@media print {
    #header {
        display: none;
    }
    
    #footer {
        display: none;
    }    
    
    table.sudoku input {
        border: 0;        
    }    
    
    .buttons {
        display: none;        
    }

    #top_elements {
        display: none;
    }

    .link {
    	display: none;
    }

    #sidebar {
    	display: none;
    }

    .levels {
        display: none;
    }
}

table.score {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 10px;     
}

table.score th, table.score td {
    padding: 4px;
}
    
table.score th {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

table.score td {
    border-right: 1px solid black;
}

.pager {
    text-align: center;
}

.pager a.current {
    color: black;    
}

#table-set
{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-family: Cambria;
	font-size: 14px;
	background: #fff;
	margin: 15px;
	width: 600px;
	border-collapse: collapse;
	text-align: left;
}
#table-set th
{
	font-size: 14px;
	font-weight: bold;
	color: #003300;
	/*color: #039;*/
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#table-set td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#table-set tbody tr:hover td
{
	color: #000000;
	/*color: #009;*/
}

/*body {
   margin: 0;
   padding: 0;
}*/

#container-login {
   margin: 1%;
   padding: 0;
   width: 97%;
   background-color: #ffffff;
}
#left, #right {
   float: left;
   width: 45%;
   margin: 1% 0 1% 1%;
   padding: 1%;
   background-color: #ffffff;
   color: #000;
}
#right {
   border-left: 1px dotted;
   float: right;
   margin: 1% 1% 1% 0;
}
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

div.Outer {
width: 100%;
border:none;
position: relative;
clear: both;
}

div.InnerLeft {
margin: 10px;
width: 20%;
position: relative;
background: #ffffff;        
float: left;
}

div.InnerRight {
width: 75%;
margin: 0 1em;
border-left: dashed 1px black;
position: relative;
background: #FFFAD4;        
float: right;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    left: 35%;
    position: relative;
    margin: 0 5px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Trebuchet MS", Tahoma, Cambria, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

textarea.special {
font-family:arial;
font-size:14px;
}
textarea.special:first-line {
font-weight: bold;
}

.textinput
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

/* Style for Usual tabs */
.usual {
  /*background:#181818;*/
  background:#FFFFFF;
  color:#111;
  padding:15px 20px;
  width:600px;
  border:0px solid #222;
  margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px Trebuchet MS;
  color:#FFF;
  /*background:#FFE5AF;*/
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  /*background:snow;*/
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#FFE5AF;
  /*background:snow;*/
  font:12pt Cambria;
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/*p {
	padding: 0 0 1em;
}*/
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 383px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#FFCCCC;
	margin:1px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}