/* 
This CSS 2.1 compliant sheet sets the basic style for all FAQ pages from 
Version 9a and upwards.

Version 4.9a       5 July 2008 
Version 4.10      28 August 2010
Version 4.11      25 June 2011
Version 4.11.1    15 July 2011


============================================================================ 

The 'span' construct used in the Q&A element of the FAQ pages has a specific 
purpose and therefore many nested elements are not allowed.  This means that 
it is inconvenient to replace deprecated constructs with modern equivalents 
or insert in-line style changes. These limitations are acceptable to ensure 
that the underlying code is compliant with XHTML Transitional as far as 
possible.

Similar restrictions apply to embedding divs within an 'answer' to present a 
well-formed display. 

Deprecated constructs are used in certain page calls, particularly where the 
'&' character should, strictly, be replaced by the correct character entity.
Several workarounds are possible to help resolve these issues and these are 
defined below.

The specific validation issues reported are ignored as the browser can handle these. 

============================================================================= 

'ins'    used to force an underline, 'u' is deprecated. 
'em'     used to force italics, 'i' is deprecated.
'del'        reserved for future use
'sub'        reserved for future use
'sup'        reserved for future use

As the tags <strong> and <em> are interpreted differently to <b> and <i>, it 
is possible to develop workarounds for specific issues which arise due to 
the special construct of the FAQ pages. These are used, based upon common 
classes, consistently through all pages.

Body font default is set to 11pt. All other font sizes are relative and defined in 'em' values.   

Checked in Explorer, FireFox and Opera.

Version 4.10 now styles CW buttons with rounded ends

===================================================================== 
 */



#allcontent {
font-family: Arial, sans-serif;  
font-size: 11pt;
width:75%;
text-align:left;
padding-top:0px;
padding-bottom:0px;
margin-left:auto;
margin-right:auto;
}


/*
body {
font-family: Arial, sans-serif;  
font-size: 11pt;
margin-left: 12%;
margin-right:12%;
}
*/


#allcontent a:link { 
color: #0000ff;
background-color:inherit;
}

#allcontent a:visited {
color: #ff0000;
background-color:inherit;
}

#allcontent a:hover {
color: #696969;
background-color:inherit;
}

#allcontent a:active { 
color: #d3d3d3;
background-color:inherit;
}

/*

a:link { 
color: #0000ff;
background-color:inherit;
}

a:visited {
color: #ff0000;
background-color:inherit;
}

a:hover {
color: #696969;
background-color:inherit;
}

a:active { 
color: #d3d3d3;
background-color:inherit;
}
*/



.menubar { /* used for the page top menu bar for v12 and below */
font-size: 0.85em;
}

.menubarfaq { /* used for the page top menu bar for version 13 and above*/
font-family:Tahoma;
font-size: 8pt;
padding-left:30px;
}


.menutitle { /* used in page construct */
cursor: pointer;
margin-bottom: 0.5em;
color: #0000ff;
background-color:inherit;
}

.submenu { /* used in page construct */
margin-bottom: 0.5em;
}

.goback { /* for return to top construct */
color:#0000ff;
background-color:inherit;
font-size: 0.65em;
}


strong.button { /* indicates CW button */
font-size:0.75em;
font-style:normal;
font-weight:normal;
border-style:outset;
border-width:2px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-color:#c0c0c0;
color:inherit;
background-color:#f5f5f5;
vertical-align:2px;
}

strong.browbutton { /* indicates browser button  */
font-size:0.75em;
font-style:normal;
font-weight:normal;
border-style:dotted;
border-width:1px;
vertical-align:2px;
}

strong.tabtop { /* indicates tab tab */
font-size:0.75em;
font-style:normal;
font-weight:normal;
border-style:solid;
border-width:2px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px/;
-webkit-border-top-right-radius:5px/;
border-color:#c0c0c0;
color:inherit;
background-color:#f5f5f5;
vertical-align:2px;
}

strong.white { /* player to move icon */
background-color:white;
color:black;
border-style:solid;
border-color:black;
border-width:1px;
font-weight:normal;
font-size:0.65em;
vertical-align:2px;
}

strong.black { /* player to move icon */
background-color:black;
color:white;
font-weight:normal;
font-size:0.65em;
vertical-align:2px;
}


.smallmono { /* small version of monospace font*/
font-size:0.85em;
font-style:normal;
font-weight:normal;
font-family:"courier New", monospace;
}

.mono { /* monospace for on screen inputs and some displays */
font-size:1.0em;
font-style:normal;
font-weight:normal;
font-family:"courier New", monospace;
}

.small { /* small version of default font */
font-size:0.85em;
font-style:normal;
font-weight:normal;
}

.prompt {  /* italic and prompt text on CW pages */
font-size:0.85em;
font-style:italic;
font-weight:normal;
}

.verinfo { /* code version info reference only - min visibility*/
font-size:0.50em;
color: #dddddd;
background-color:inherit;
}


div.footer  { /* common footer styles include file */
font-size:0.60em;
text-align:center;
}

div.clear { /* used after all floats */
clear:both;
}


div.toptable  { /* used in Top 10 sub index table */
font-size:0.75em;
}

div.topcol1 { 
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.topcol2 {
float:left;
width:10%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.topcol3 {
float:left;
width:5%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.topcol4 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.topcol5 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.topcol6 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}


div.helpline { /* standard can't find help strap */
font-size:0.85em;
}

div.helpcol1 {
float:left;
width:40%;
}

div.helpcol2 {
float:left;
width:30%;
}



div.selector  { /* used on Chess General Features Preferences */
font-size:0.85em;
}

div.selcol1 {
float:left;
width:10%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.selcol2 {
float:left;
width:22%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.selcol3 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.selcol4 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.selcol5 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}

div.selcol6 {
float:left;
width:15%;
margin-left:5px;
margin-right:5px;
padding:0px;
}


div.tourn { /* norm display table */
font-size:0.85em;
}

div.tourncol1 {
float:left;
width:15%;
}

div.tourncol2 {
float:left;
width:35%;
}

div.tourncol3 {
float:left;
width:10%;
}

div.tourncol4 {
float:left;
width:5%;
text-align:right;
}



div.vartime { /* var time limit display table */
font-size:0.75em;
}

div.vartimecol1 {
float:left;
width:15%;
}

div.vartimecol2 {
float:left;
width:5%;
}

div.vartimecol3 {
float:left;
width:15%;
}

div.vartimecol4 {
float:left;
width:7%;
}

div.vartimecol5 {
float:left;
width:10%;
text-align:right;
}

div.vartimecol6 {
float:left;
width:10%;
text-align:right;
}

div.vartimecol7 {
float:left;
width:12%;
text-align:center;
}


div.preftab { /* movelog display table */
font-size:0.85em;
}

div.preftabcol1 {
float:left;
width:7%;
text-align:center;
}

div.preftabcol2 {
float:left;
width:3%;
text-align:left;
}

div.preftabcol3 {
float:left;
width:5%;
text-align:left;
}

div.preftabcol4 {
float:left;
width:5%;
text-align:left;
}