@charset "iso-8859-1";

@font-face { font-family:Pixel Classic ; src:local(Pixel Classic), url(http://www.userwear.de/fonts/PixelClassic.TTF) format(TrueType); }

@font-face { font-family:Micro ; src:local(Micro), url(http://www.userwear.de/fonts/micro___.TTF) format(TrueType); }


TABLE, BODY, P, DIV {
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #660000;

   }
.arthead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#660000;
  font-weight: bold;
   }
.artsubhead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
   }
.art {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
   }
.menuehead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold;
   }



INPUT, TEXTAREA, SELECT {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
   }


A:active { text-decoration : none; font-weight : bold; color : #330066; font-family: Verdana, Arial, Helvetica, sans-serif; }
A:link { text-decoration : none; font-weight : bold; color : #330066; font-family: Verdana, Arial, Helvetica, sans-serif; }
A:visited { text-decoration : none; font-weight : bold; color : #330066; font-family: Verdana, Arial, Helvetica, sans-serif; }
A:hover { text-decoration : underline overline; font-weight : bold; color : #660099; font-family: Verdana, Arial, Helvetica, sans-serif; }

A.BOX, A.BOX:ACTIVE, A.BOX:VISITED {
        color: #696969;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

A.NOIR, A.NOIR:VISITED, A.NOIR:ACTIVE {
        color: #3A3A3A;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

A.NOIR:HOVER {
        color: #626262;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline overline;
}

A.ROUGE:HOVER {
        color: #FF0000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline overline;
}

A.BOX:HOVER {
        color: #757575;
        font-family: Tahoma, Verdana, sans-serif;
        text-decoration: underline overline;
        font-size: 11px;
}

A.HEADA, A.HEADA:VISITED, A.HEADA:ACTIVE {
        color: #636363;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

HR {
        color: #000000;
        height: 1px;
        margin-left: 0px;
        margin-right: 0px;
}

LI {
        margin: 0px;
        padding-left: 2px;
}

P {
        margin: 0px 0px 0px 5px;
}


.AIDE {
        background-color: #E8E8EC;
        margin: 0px 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
}

.BOX {
      color: #545454;
      font-family: Tahoma, Verdana, sans-serif;
      font-size: 9px;
      margin-left: 5px;
      margin-right: 5px;
}

.BOXB {
      color: #000000;
      font-family: Tahoma, Verdana, sans-serif;
      font-size: 9px;
      margin-left: 5px;
      margin-right: 5px;
}

.BOXC {
        background-color: #9999CC;
        color: #660000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 10px;
        margin: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
}

.BOXMENU {
        color: #7B7B7B;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
}

.LIGNA, A.ONGL, A.ONGL:VISITED, A.ONGL:ACTIVE {
        background-color: #9999CC;
        color: #660000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

.LIGNB {
        background-color: #DEDEE6;
        color: #404040;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

.ONGL {
        border-bottom: #9999CC 1px solid;
        color: #707070;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.HEADER, A.ONGL:HOVER {
        background-color: none transparent;
        color: #282828;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.ROUGE, A.ROUGE, A.ROUGE:VISITED, A.ROUGE:ACTIVE {
        color: #FF0000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.SEPAR {
        background-image: url('ligne.gif');
        background-position: right 50%;
        background-repeat: repeat-x;
        color: #000000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 5px;
        height: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 180px;
        padding-top: 0px
}

.INPUTA {
        background-color: none transparent;
        border-bottom: #000040 1px solid;
        border-left: #000040 1px solid;
        border-right: #000040 1px solid;
        border-top: #000040 1px solid;
        color: #DEDEE6;
        font-size: 9px;
        height: 15px;
        vertical-align: middle;
        width: 80px;
}
.TEXTBOX {
        font-family: Tahoma, Verdana, sans-serif;
        background-color: none transparent;
        border-bottom: none transparent 1px solid;
        border-left: none transparent 1px solid;
        border-right: none transparent 1px solid;
        border-top: none transparent 1px solid;
        color: #45445B;
        font-size: 11px;
        width: 90%;
}
.TEXTBOX_STANDARD {
        font-family: Tahoma, Verdana, sans-serif;
        background-color: none transparent;
        border-bottom: none transparent 1px solid;
        border-left: none transparent 1px solid;
        border-right: none transparent 1px solid;
        border-top: none transparent 1px solid;
        color: #45445B;
        font-size: 11px;
}
.BOUTON_STANDARD {
        font-family: Tahoma, Verdana, sans-serif;
        background-color: #9999CC;
        color: #404040;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: #000000 1px solid;
        border-left: #000000 1px solid;
        border-right: #000000 1px solid;
        border-top: #000000 1px solid;
}

.TITBOXC {
        background-color: #DEDEE6;
        color: #660000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

.TITBOXCONT {
        background-color: #9999CC;
        color: #0E0E0E;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

.TITRE {
        background: #DEDEE6;
        color: #660000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.TITREA {
        background: none transparent;
        color: #330066;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
}

.TITREB {
        background: #DEDEE6;
        color: #660000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.TITREC {
        background: none transparent;
        color: #FF0000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}


/* Aide en Ligne */
a.AIDEAns, a.AIDEAns:visited, a.AIDEAns:active {
                  cursor:help;
        background: none transparent;
        color: #000000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
#ad{
		padding-left:5px;
		padding-bottom:4px;
	}
	#boardAndMoves{
		width:520px;
		clear:both;
		padding-bottom:5px;
		margin-left:5px;
	}
	
	#number_18{	/* Number 1 - 8 */
		width:20px;
		float:left;
		color: #FFF;
	}
	#number_18 div{	/* Div for each number */
		text-align:center;
		height:38px;
		line-height:38px;
		vertical-align:middle;	
	}
	#number_AH{	/* Number A-H */
		padding-left:20px;
		clear:both;	
		color: #FFF;	
	}
	#number_AH div{	/* Div for each letter */
		width:38px;
		text-align:center;
		line-height:20px;
		vertical-align:middle;
		float:left
	}
		
	#headerText{	/* Header above board */
		margin:0px;
		height:30px;
		background-color:#408080;
		color:#FFF;
		width:520px;
		margin-bottom:10px;
		text-align:center;
		line-height:30px;
		font-size:0.8em;
		margin-left:5px;
	}
	
	#boardContainer{	/* Container for the board  + numbers/letters*/
		width:340px;
		font-family:arial;
		font-weight:bold;
		float:left;
		border:1px solid #000;
		margin-right:5px;
		background-color:#408080;
		padding-top:5px;
	}

	#theBoard{	/* The board */
		float:left;
		width:304px;
		height:304px;
		background-image:url('/modules/chessdb/images/board.gif');
		background-repeat:no-repeat;
		background-position: top left;
		position:relative;
		border:2px solid #FFF;
	}
	#theBoard div{
		width:38px;
		height:38px;
		position:absolute;
	}

	#buttons form{
		display:inline;
	}
	#buttons input{
		width:30px;
	}
	#buttons input.playButtons{
		width:65px;
	}
	#buttons{
		text-align:right;
		width:520px;
		padding-bottom:10px;
	}
	#notation{	/* Div for notations */
		width:150px;
		float:right;
		height:341px;
	}
	
	#notation,#games{	/* General rules for both notations and games */
		border:1px solid #000;
		font-family:arial;
		font-size:0.8em;
		overflow:auto;
		overflow-y:auto;
		overflow: -moz-scrollbars-vertical;	
	}

	#games{
		width:500px;
		clear:both;
		height:200px;
		margin-left:5px;
	}
	#notation,#games tr{
		vertical-align:top;
		border-bottom:1px solid #CCC;
	}
	#notation table,#games table{
		width:100%;
		padding:0px;
		margin:0px;
	}
	
	#notation td,#games td{
		cursor:pointer;
		border-bottom:1px solid #CCC;
	}
	
	#notation .activeRow,#games .activeRow{
		color:#FFF;
		background-color:#316AC5;
	}
	#notation .activeMoveCell{
		font-weight:bold;
	}

	#notation thead tr,#games thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}
	tbody.scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
	}

	#notation th,#games th{
		text-align:left;
		background-color:#ECE9D8;
		padding:1px;
		margin:0px;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		font-weight:normal;
	}
	#notation .moveNo{	/* First column of notation table */
		text-align:right;
		padding-right:5px;
	}
	.clear{
		clear:both;
	}

	/* Firefox rules */
	
	html>body div#games,html>body div#notation {
		overflow: hidden;
	}
	html>body #games tbody{
		height:180px;
	}
	html>body #notation tbody{
		height:310px;
		width:100%;
	}
	html>body #notation{
		height:330px;
	}
	html>body #games{
		width:520px;
	}