/*  ai4games.css

This was adapted from the MoinMoin Default Styles

*/

/* content styles */

html {
	background-color: white;
	color: black;
	font-family: Arial, Lucida Grande, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

body {
	margin: 0;
}

/* Links */

a {color: #0044B3;}
a:visited {color: #597BB3;}

/* green links:
a {color: #006600;}
a:visited {color: #497649;} {color: #79B379;} */

a.nonexistent, a.badinterwiki {color: gray;}
a.internal {color: black;
        background: white;
        text-decoration: none;}

/* Headings */

h1 {
	margin: 0;
	padding: 0;
	color: black;
	font-size: 2em;
	font-weight: bold; 
	line-height: 1.2em;
}

h1 a, h1 a:visited {
	text-decoration: none;    
	color: black;
}

h2, h3, h4, h5, h6
{
	margin: 1.5em 0 0 0;
	padding: 0;
	color: black;
	line-height: 1.2em;
}	

h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

li p {
	margin: .25em 0;
}

li.gap {
    margin-top: 0.5em;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd {
    margin-top: 0;
    margin-bottom: 0;
}

dd p {
    margin: 0.25em 0;
}
   
a, img, img.drawing {
	border: 0;
}

pre 
{
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
/*
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
*/
    /* end css 3 or browser specific rules */
}

table
{
	margin: 0px;
        border: 0px;
}

td
{
	margin: 0px;
	border: 0px;
}

td p {
	margin: 0;
	padding: 0;
}

.footnotes div {
	width: 5em;
	border-top: 1pt solid gray;
}

.footnotes ul {
	padding: 0 2em;
	margin: 0 0 1em;
	list-style: none;
}

.footnotes li {
}

.info {
    font-size: 0.85em;
    color: gray;
}

#pageinfo {
    margin-top: 2em;
}

.seperator {
    color: gray;
}

/* standard rule ---- */
hr {
    clear: both;
    height: 1pt;
    background-color: #9C9C9C;
    border: 0;
}

/* custom rules ----- to ---------- */
.hr1 {height: 2pt;}
.hr2 {height: 3pt;}
.hr3 {height: 4pt;}
.hr4 {height: 5pt;}
.hr5 {height: 6pt;}
.hr6 {height: 7pt;}

/* Replacement for html 3 u tag */
.u {text-decoration: underline;}

/* eye catchers */
.warning 
{
	color: red;
}

.error 
{
	color: red;
}

.correct
{
        color: green;
}

strong.highlight 
{
	background-color: #CCE0FF;
	padding: 1pt;
}


/* Recent changes */

.rcrss {
	float: right;
	margin: 0;
}

.recentchanges[dir="rtl"] .rcrss {
	float: left;
}

.recentchanges table {
	clear: both;
}

.recentchanges td {
	vertical-align: top;
	border: none;
	border-bottom: 1pt solid #E6EAF0;
	background: #F2F4F7;
}

.rcdaybreak td {
	background: #B8C5D9;
	border: none;
}

.rcdaybreak td a {
	font-size: 0.88em;
}

.rcicon1, .rcicon2 {
	text-align: center;
}

.rcpagelink {
	width: 33%;
}

.rctime {
	font-size: 0.88em;
	white-space: nowrap;
}

.rceditor {
	white-space: nowrap;
	font-size: 0.88em;
}

.rccomment {
	width: 66%;
	color: gray;
	font-size: 0.88em;
}


/* User Preferences */

.userpref table, .userpref td {
	border: none;
}

/* CSS for new code_area markup used by Colorizer and ParserBase */

div.date {
  background-color: #E7E7E7;
  padding: 0.3em 1em;
  margin: 1em 0 0 0; /* 0 2em; */
  border: thin solid #353535;
  color: black;
}

div.newsitem {
  background-color: white;
  padding: 0.3em 1em;
  margin: 0; /* 0 2em 2em 2em; */
  border-left: thin solid #353535;
  border-right: thin solid #353535;
  border-bottom: thin solid #353535;
  border-top: none;
}

div.correction {
  background-color: white;
  padding: 0.3em 0em;
  margin: 0; /* 0 2em 2em 2em; */
  border-left: thin solid #353535;
  border-right: thin solid #353535;
  border-bottom: thin solid #353535;
  border-top: none;
}

div.codearea { /* the div makes the border */
	margin: 0.5em 0;
	padding: 0;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	color: black;
}

div.codearea pre { /* the pre has no border and is inside the div */
	margin: 0;
	padding: 10pt;
	border: none;
}

a.codenumbers { /* format of the line numbering link */
	margin: 0 10pt;
	font-size: 0.85em;
	color: gray;
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray;}
div.codearea pre span.ID         {color: #000000;}
div.codearea pre span.Operator   {color: #0000C0;}
div.codearea pre span.Char       {color: #004080;}
div.codearea pre span.Comment    {color: #008000;}
div.codearea pre span.Number     {color: #0080C0;}
div.codearea pre span.String     {color: #004080;}
div.codearea pre span.SPChar     {color: #0000C0;}
div.codearea pre span.ResWord    {color: #A00000;}
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
div.codearea pre span.Special    {color: #0000ff;}
div.codearea pre span.Preprc     {color: #803999;}


/* Search results */

.searchresults dt {
    margin-top: 1em;
	font-weight: normal;
}

.searchresults dd {
	font-size: 0.85em;
}



/* content styles */

/* debug 
* {border: 1px dotted blue;}
*/

a:hover, h1 a:hover {color: #0044B3;}

/* green links:
a:hover, h1 a:hover {color: #006600;} */

input {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
}

textarea {
    font-size: 1em;
    font-family: monospace;
}

.disabled {
    /* IE ignore disabled attribute, but at least show items in gray */
    color: gray;
}

/* user interface styles */

#header {
    margin: 0;
    padding: 0;
    /* background: #3D4551; */
    background: #E7E7E7;
}

#searchbox {
  position: absolute;
  left: 560px;
  top: 16px;
  margin: 0;
  padding: 0;
/*
   float: right;
   margin: 5px 5px;
   padding: 0;
*/
}

#logo {
    float: left;
    margin: 0px 0px;
    padding: 0;
    /* For text only logo */
    font-size: 22px;
    line-height: 1em;
    font-weight: bold;
}

#logo img {
    vertical-align: middle;
}

#logo a {
    color: black;
    text-decoration: none;
}

*[dir="rtl"] #logo {
    float: right;
}

#coverimage {
   float: right;
   margin: 0px 0px;
   padding: 0 0 0 0;
}

#username {
    margin: 0 10px;
    padding: 8px 0 0 0;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
}

*[dir="rtl"] #username {
    text-align: left;
}

#username li {
    display: inline;
    padding: 0 2px;
}

#username li:before {
	content: "| ";
    color: black;
}

#username li:first-child:before {
	content: "";
}

#searchform {
	float: right;
	margin: 5px 10px;
	padding: 0;
	white-space: nowrap;
	font-size: 13px;
}

*[dir="rtl"] #searchform {
	float: left;
}

#searchform form div {
    display: inline;
}

#pagetrail {
	clear: both;
	margin: 0;
	padding: 0 10px;
	font-size: 13px;
}

#pagetrail li {
	float: left;
	display: block;
	padding: 0 2px;
	margin: 0 0 5px 0;
}

*[dir="rtl"] #pagetrail {
	float: right;
}

/* XXX Warning: non-ascii characters! */
#pagetrail li:after {
	content: " » ";
	color: black;
}

*[dir="rtl"] #pagetrail li:after {
	content: " « ";
}

#navibar {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 10px;
	font-size: 13px;
}

#navibar li {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 2px 5px;
	border: 1px solid #9C9C9C;
	border-bottom: none;
	white-space: nowrap;
}

*[dir="rtl"] #navibar li {
	float: right;
}

#navibar li.wikilink {
	background: white; /*url(../img/tab-wiki.png) repeat-x;*/
}

#navibar li.userlink {
	background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
}

#navibar a, #navibar a:visited {
	color: #555555;
        font-weight: bold;
	text-decoration: none;    
}

#navibar li.current a {
        color: black;
	font-weight: bold;
}

#navibar li:hover {
	background: #CCCCCC;
}

#navibar li.current, #navibar li.current:hover {
	background: #81BBF2; /* url(../img/tab-selected.png) repeat-x; */
}

#pageline {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	/* sync these values, line-height is needed for IE */
		height: 4px;
		line-height: 4px;
	border-bottom: 1px solid #9C9C9C;
	background: #81BBF2;
/* green links:
        background: #adaf7e; */
}

.editbar {
	clear: both;
	margin: 0;
	padding: 0 8px;
	white-space: nowrap;
	height: 26px;
	background: white;
	font-size: 13px;
}

.editbar form, .editbar form div {
    display: inline;
	margin: 0;
}

.editbar li {
	float: left;
	display: block;
	padding: 0;
	margin: 2px 6px;
}

*[dir="rtl"] .editbar li {
	float: right;
}

#header .editbar {
	border-bottom: 1px dotted #9C9C9C;
}

#footer .editbar {
	border-top: 1px dotted #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
}

.editbar a, .editbar a:visited {color: #0044B3;}
/* green links:
.editbar a, .editbar a:visited {color: #006600;} */

#message {
	clear: both;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #c9c9c9;
	background: #E6EAF0;
}

#message p{
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
}

#message div.buttons {
	font-weight: normal;
}

.dialog form {
    margin: 0 15px;
}

.dialog td {
    border: none;
    padding: 5px;
}

.dialog td.label {
    text-align: right;
    font-weight: bold;
    width: 25%;
}

*[dir="rtl"] .dialog td.label {
    text-align: left;
}

.dialog td.content input {
    width: 100%;
}

#page {
	background-color: white;
	margin: 0;
        width: 770px;
	padding: 10px 30px 20px 30px;
}

#pagecontent {
        background-color: white;
        margin: 0;
        float: left;
        width: 100%;
        padding: 0px 0px 0px 0px;
}

#pageadverts {
        background-color: white;
        margin: 0;
        float: right;
        vertical-align: top;
        padding: 0px 0px 0px 0px;
}

/* We use here dumb css1 ids because of IE suckiness */
#editor-textarea, #editor-comment {
    width: 100%;
}

#preview {
	border: 1px solid #6C7680;
	padding: 10px 30px 20px 30px;
	background: url(../img/draft.png);
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
}

#credits, #version, #timings{
	margin: 5px 10px;
	padding: 0;
	text-align: center;
	font-size: 0.88em;
	color: #6C7680;
	font-size: 12px;
}

#credits li, #timings li {
	display: inline;
	padding: 0 2px;
	margin: 0 4px;
}

#credits img {
	vertical-align: middle;
}

.diff {
	width:99%;
}

.diff-header {
	font-weight: bold;
}

.diff-title {
	background-color: #C0C0C0;
}

.diff-added {
	background-color: #E0FFE0;
	vertical-align: sub;
}

.diff-removed {
	background-color: #FFFFE0;
	vertical-align: sub;
}

.diff-added span {
	background-color: #80FF80;
}

.diff-removed span {
	background-color: #FFFF80;
}