/* $Id: chess.css,v 1.2 2009/02/20 03:51:19 kgarcia Exp $ */


/* Helpers and base rules */
img  {
/*  display: block; */
  border: 0;
  padding: 0;
  }

div#boardsection   {
  float: left;
  width: 400px;
  padding: 0;
  border: 0;
  margin: 0;
  /* False margin value for all versions of IE Win, including 6.0 */
  margin-left: 6px;
  background-color: #fff;
  }

div#promoteForm   {
  width: 435px;
  padding: 0;
  margin: 0;
  background-color: #EEE;
  }


div#content  {
  margin: 0 0 0 477px;
  padding: 0;
  width: 255px;
  border: 0;
  background-color: #fff;
}


/************************ *****************/
#gamebody {
  margin: 0;
  padding:0;
  border:0;
  height:210px;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
/*  font-size: 1.15em; */
}

#chessjs{
}

#boardsection{
  width: 800px;
  height: 550px;
}

#gamenav{
  position: relative;
  top: -15px;
}

#castling-message{
  position: relative;
  top: -30px;
  font-size: 8px;	
}

#heading {
  font-family: Verdana, helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}

#gameid {
/*  font-size: 1em; */
  text-align:center;
  }

#players {
/*  font-size: 1.4em; */
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align:center;
  }

#moveinfo {
  width:95%;
  padding-right:10px;
  padding-left: 10px;
  margin-bottom:5px;
  background-color:#3C86F6;
  font-size: .8em; 
  font-weight: bold;
  line-height: 1.5;
  }

#curmove {
  float: left;
  width: 60%;
  cursor: pointer;
  text-align: left;
  }

#curmove:hover {color:white;}

#whosmove {
  text-align: right;
  }

#PGN{
  position: absolute;
  left: 530px;
  top: -60px;
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  border: solid 1px #000000;
}


#block-chess_messages-0{
  position: absolute;
  left: 450px;
  top: 280px;
  width: 350px;
  background-color: #ffffff;
  border: solid 1px #000000;
  overflow: auto;
  overflow-x: hidden;
  height: 200px;
}

.webchess_messages { background-color: #ffffff; text-align: left; }

#captdiv {
  position: absolute;
  top: 490px;
  left: 450px;
  width: 350px;
  height: 80px;
  background-color: #ffffff;
  border: solid 1px #000000;
}

#captheading {
/*  font-size: 1.15em; */
  font-weight: bold;
  background-color:#eee;
  line-height: 1.5;
  }

#captures {
  text-align:left;
  margin-left: 10px;
  }
#checkmsg {
/*  font-size: 1.15em; */
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background-color: #FF0B0B;
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: small;
  }

#statusmsg {
/*  font-size: 1.1em; */
  font-weight: bold;
  text-align: center;
  font-size: small;
  }



div#boardsection {
  font-size: small;
  }

div#gamebody {
  font-size: .9em;
  }

A:visited, :link {text-decoration: underline}
A:link {color : navy}
A:link:hover, :visited:hover {text-decoration: none}
A:visited {color: navy}
A:link:active, :visited:active {color: green}

.button {
  font-size : 11px;
}

.move_header  {background-color: #F5F5DC}
.header_enabled  {background-color: #F5F5DC; text-align: center; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #888;}
.header_disabled {background-color: #DDDDDD; text-align: center; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #888;}
.light_disabled {background-color: #444444; text-align: center; font-family: Arial, sans-serif; font-weight: bold; color: #888;}
.dark_disabled {background-color: #BBBBBB; text-align: center; font-family: Arial, sans-serif; font-weight: bold; color: #888;}
.light_enabled {background-color: #772222; text-align: center; font-family: Arial, sans-serif; font-weight: bold; color: #888;}
.dark_enabled {background-color: #CCBBBB; text-align: center; font-family: Arial, sans-serif; font-weight: bold; color: #888;}
.nowrap {white-space: nowrap}
.wm {cursor: pointer; white-space: nowrap;}
.bm {cursor: pointer; padding-right: 5px; white-space: nowrap;}
.mn {font-weight: bold;}

H1 {color : navy; text-align: center}
H2 {color : navy; text-align: center}
H3 {font-family: Arial, sans-serif; font-weight: bold; text-align: left; text-indent: 80px;}

HR {width: 50%}
.fullwidth {width: 100%}

.imgtitle {background-color: #800080; color: yellow}
.shortdescription {font-size: 1em; font-family: Arial, sans-serif; font-style: italic}
.parenthesis {font-size: 10px}
.goback {font-size: smaller}