/****************************************************************************
 * style.css
 *
 *
 ***************************************************************************/

/* ----------------------------------------------------------------------- */
/* ---- HTML Elements ---------------------------------------------------- */
/* ----------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
}

html {
  background: #eee;
  color: #444;
  margin: 0;
  padding: 0;
}

body {
  margin: 8px;
  padding: 0;
  text-align: center;
  font-size: 11px;
  font-family: Tahoma, Verdana, Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

img { border: 0px; }

a         { color: #8d3600; text-decoration: none; }
a:hover   { color: #8d3600; text-decoration: underline; cursor: pointer; }
a:visited { color: #802C00; }
a:link    { cursor: pointer; }

/* external (absolute) links within paragraphs get an icon */
p a[href ^='http'], li a[href ^='http'] {
  padding-right: 8px;
  background: url('/static/img/ext_link.gif') no-repeat center right;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  color: #f93;
  margin: 4px 4px 8px 4px;
  padding: 0px 4px 1px 4px;
  border-bottom: #bbb solid thin;
  border-width: 1px;
}

h2.nomargin {
  margin: 4px 4px 0px 4px;
}

h2.secondary {
  margin-top: 24px;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 12px 4px 4px 4px;
}

h4 {
  font-size: 11px;
  font-weight: bold;
  color: #f93;
  padding: 4px 4px 2px 4px;
  border-bottom: #bbb solid thin;
  border-width: 1px;
}

h5 {
  font-size: 11px;
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  color: #444;
  margin:0px;
}

h6 {
  font-size: 11px;
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  color: #444;
  margin:0px;
}

p {
  font-size: 11px;
  padding: 4px;
  margin: 2px 0px 6px 0px;
}

blockquote {
  font-size: 11px;
  padding: 4px;
  margin: 0px 16px 8px 16px;
}

/* ----------------------------------------------------------------------- */
/* ---- End of HTML Elements --------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Layers and Positioning ------------------------------------------- */
/* ----------------------------------------------------------------------- */

#header {
  clear: both;
  width: 840px;
  height: 56px;
  overflow:hidden;
  padding: 0px 8px 0px 8px;
  margin: auto;
  text-align: left;
  background-image: url("../img/background_top.gif");
}

#wrapper {
  margin: 0px auto;
  width: 840px;
  text-align: left;
  padding: 0px 8px 0px 8px;
  background-image: url("../img/background.gif");
}

#sidebar {
  clear: right;
  float: right;
  color: #666;
  width: 208px;
  padding: 4px;
}

#maincontent {
  clear: left;
  float:left;
  width: 624px;
  padding: 0px;
  margin: 0px;
}

#maincontent div.singleColumn {
  float:left;
  width:200px;
  position:relative;
  padding:4px;
}

#maincontent div.doubleColumn {
  float:left;
  width:200px;
  position:relative;
  padding:4px;
}

#maincontent div.tripleColumn {
  float:left;
  width:616px;
  position:relative;
  padding:4px;
}

#maincontent ul {
  margin: 0px 32px 8px 24px;
}

#maincontent li {
  padding: 2px;
}

#footer {
  clear: both;
  width: 840px;
  height: 56px;
  padding: 0px 8px 0px 8px;
  margin: 0px auto;
  text-align: left;
  background-image: url("../img/background_bottom.gif");
}

/* ----------------------------------------------------------------------- */
/* ---- End of Layers and Positioning ------------------------------------ */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Main Menu -------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#mainmenu {
  clear: both;
  background-color: #efefef;
  overflow: hidden;
  width: 840px;            /* ie6 */
}

#mainmenu ul { list-style-type: none; font-weight: bold; }
#mainmenu li { display: inline; }

#mainmenu li.active a {
  background-color: #ddd;
  color: #000;
}

#mainmenu a {
  display:block;
  float: left;
  white-space: nowrap;
  padding: 6px 16px 8px 16px;
  text-decoration: none;
  font-size: 11px;
  color: #666;
}

#mainmenu a:hover {
  text-decoration: none;
  background-color: #ddd;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Main Menu ------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Sub Menu --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#submenu {
  clear: both;
  background: #ddd;
  overflow: hidden;
  width: 840px;     /* ie6 */
}

#submenu ul { list-style-type: none; margin-left:24px; }
#submenu li { display: inline; }

#submenu a {
  display: block;
  float: left;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  white-space: nowrap;
  color: #666;
}

#submenu li.active {
  font-weight: bold;
  display: block;
  float: left;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  white-space: nowrap;
}

#submenu a:hover {
  text-decoration: underline;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Sub Menu -------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Header ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#logo {
  position: relative;
  float:left;
  top: 13px;
  left: 6px;
  background: url("../img/logo.gif") no-repeat;
}

#logo a {
  display: block;
  text-indent: -9000px;
  height: 44px;
  width: 194px;
}

#toplinks { float: right; margin: 25px 20px 0px 0px; }
#toplinks ul { list-style-type: none; }
#toplinks li { display:inline; padding-left: 24px; }

/* ----------------------------------------------------------------------- */
/* ---- End of Header ---------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Sidebar ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#sidebar ul {
  margin: 0px 0px 16px 16px;
  padding: 0px;
}

#sidebar li {
  margin-bottom: 8px;
  padding: 0px;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Sidebar --------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Footer ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#bottomlinks    { float: left; margin: 13px 0px 0px 16px; }
#bottomlinks ul { list-style-type: none; }
#bottomlinks li { display:inline; padding-right: 24px; }

#copyright { float: right; margin: 14px 16px 0px 0px; }

/* ----------------------------------------------------------------------- */
/* ---- End of Footer ---------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Screenshots and Samples ------------------------------------------ */
/* ----------------------------------------------------------------------- */

#screenshots {
  float:left;
  width:616px;
  position:relative;
  padding:4px;
  clear: both;
}

#screenshots ul { list-style-type: none; margin:12px; }
#screenshots li { display:inline; padding: 0px 8px 0px 8px; }

#screenshots ul.nomargins li { padding: 0px 2px }

#screenshots img {
  padding: 8px;
  background-color: #ddd;
  border: 1px #999 dotted;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Screenshots and Samples ----------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Definition Lists ------------------------------------------------- */
/* ----------------------------------------------------------------------- */

dl {
  margin: 8px;
}

dl.image {
  margin : 8px auto;
  border : none;
  padding : 0px ;
  text-align: center;
}

dl.image dt {
  margin  : 0;
  padding : 0;
  border  : none;
}
dl.image dt img {
  display : block ;
  margin : 0 auto ;
  border : 1px dotted #bbb;
  padding : 4px ;
  background : #efefef ;
}
dl.image dd {
  margin : 0px;
  border : none;
  padding : 2px;
  color : #444;
}

dl dd {
  margin-bottom: 8px;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Definition Lists ------------------------------------------ */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- General Styles --------------------------------------------------- */
/* ----------------------------------------------------------------------- */

div.clear { clear: both; width:100%; height:1px; background-color: #ccc; overflow:hidden; line-height: 1px; }

div.softentry { margin: 4px; background-color: #f4f4f4; padding:2px 8px; border: #eee solid thin; border-width: 1px; }
div.softicon { margin: 4px 0; float: right; }

p.placeholder { height: 240px; }

p.right  { text-align: right; }
p.center { text-align: center; }

p.errors  { margin-bottom: 0px; color: #a00 }
ul.errors { margin: 0px 0px 16px 24px; color: #a00 }

p.under_construction {
  margin: 64px;
  background-color: #f4f4f4;
  padding:32px;
  border: 1px #ddd solid;
  font-size: 12px;
  text-align: center;
}

p.banner {
  margin: 0px;
  background-color: #f4f4f4;
  padding:8px;
  border: 1px #ddd solid;
  text-align: center;
  font-size: 11px;
}

p.footnote {
  margin: 0px;
  background-color: #f4f4f4;
  padding:8px;
  border: 1px #ddd solid;
  font-size: 11px;
}

p.copyright  { color: #999; text-align: right; }

.md5 { color: #999 }

div.version_history { margin: 0px 32px 0px 16px; }
div.version_history p { margin-bottom: 0px; }
div.version_history ul { padding-left: 16px; }

code {
  font-family: "Andale Mono", "Courier New", monospace;
  font-size: 10px;
  background-color: #efefef;
  color: #070;
  padding: 0px 4px;
}

pre {
  font-family: "Andale Mono", "Courier New", monospace;
  font-size: 10px;
  line-height:  10px;
  background-color: #efefef;
  color: #070;
  display: block;
  overflow: hidden;
  border: 1px solid #bbb;
  margin: 8px 8px;
  padding: 8px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

ul.software {
  padding: 0px 48px;
  color: #666;
}

ul.features {
  padding: 0px 16px;
  color: #444;
}

div.cmdline {
  padding-left: 16px;
}

div.cmdline h4 { padding-top: 16px; }

p.promo { margin: 0; }

p.promo img {
  display : block;
  margin : 0 auto;
  border : 1px dotted #bbb;
  padding : 4px;
  background : #efefef;
}

p.correct_version { padding: 8px; background-color: #cfc; color: #295; border: 1px solid #295;}
p.old_version     { padding: 8px; background-color: #fec; color: #f93; border: 1px solid #f93; }
p.warning         { padding: 8px; background-color: #eee; color: #999; border: 1px solid #666; }
p.warning a {color: #666;}
p.info            { padding: 8px; background-color: #def; color: #339; border: 1px solid #39f; }
p.info a {color: #39f;}

table.downloads {
  border: 1px solid #d0d0d0;
  border-collapse:collapse;
}

table.downloads tr.header {
  background-color: #e0e0e0;
}

table.downloads tr.row0 {
  background-color: #fefefe;
}

table.downloads tr.row1 {
  background-color: #f8f8f8;
}

table.downloads td, table.downloads th  {
  padding: 2px 8px 2px 2px;
}

table.downloads td.right, table.downloads th.right {
  text-align:right;
}

.gray {
  color: #aaa;
}

/* ----------------------------------------------------------------------- */
/* ---- End of General Styles -------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Table Styles ----------------------------------------------------- */
/* ----------------------------------------------------------------------- */

table.container td      { padding: 0 6px 0 0; }
table.container td.last { padding: 0; }

table.report {
  border: 1px solid #e5e2dc;
  border-collapse: collapse;
  margin: 0px 0px 6px 0px;
}

table.report th,
table.report thead td,
table.report tfoot td {
  padding: 2px 12px 2px 2px;
  font-weight: bold;
  text-align:left;
  color: #5c544b;
  background-color: #e5e2dc;
}

form table tfoot td { padding: 4px !important; }
form table tfoot td.right { text-align: right; }

table.report td { padding: 2px 12px 2px 2px; }

td.label { font-weight: bold; vertical-align: top; }

td.right { padding: 2px 8px 2px 6px !important; text-align: right !important; }
th.right { padding: 2px 8px 2px 6px !important; text-align: right !important; }
td.centre { padding: 2px 4px 2px 4px !important; text-align: center !important; white-space: nowrap; }
th.centre { padding: 2px 4px 2px 4px !important; text-align: center !important; white-space: nowrap; }

tr.top th { vertical-align: top; }
tr.top td { vertical-align: top; }

th.top { vertical-align: top; }
td.top { vertical-align: top; }

th.nowrap,
td.nowrap { white-space: nowrap; }

tr.row0 { background-color: #fff; }
tr.row1 { background-color: #f1f1f1; }
tr.columnHeaderLight{ background-color: #d2e1f5; color: #000 }
tr.columnHeader     { background-color: #a3b9d8; color: #fff }
tr.columnHeaderDark { background-color: #718fb8; color: #fff }

button, input.button_right, input.button_left  {
  display: block;
  margin: 0px;
  padding-bottom: 2px;
  background-color: #c1baab;
  border: 1px solid #5c544b;
  width: 80px;
  height: 18px;
  overflow: hidden;

  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  color: #5c544b;
  cursor: pointer;
}

button.small {
  width: 50px;
  height: 15px;

  font-size: 7pt;
}

button.right {
  float: right;
  margin: 0 10px 0 0;
}

input.button_right { float:right; margin: 0 }
input.button_left  { float:left;  margin: 0 }

button.disabled {
  color:gray;
}

td.right button {
   float: right;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Table Styles ---------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Social Bookmarking Styles ---------------------------------------- */
/* ----------------------------------------------------------------------- */

#bookmarks {
  padding: 4px;
}

#bookmarks img {
  background-color: white;
  border: 1px solid #bbb;
  padding: 1px;
}

/* ----------------------------------------------------------------------- */
/* ---- End of Social Bookmarking Styles --------------------------------- */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ---- Online-games Styles ---------------------------------------------- */
/* ----------------------------------------------------------------------- */

#board a:focus {
  outline: none;
}

table.game_gallery {
  margin: 0 !important;
}

table.game_gallery td {
  padding: 0 4px;
}

td.center { text-align: center; }

div.gameBest {
  width : 320px;
  padding: 8px;
  margin: 8px;
  border: 1px solid #cdc;
  background-color: #efe;
  color: #060;
}

div.gameNotBest {
  width : 320px;
  padding: 8px;
  margin: 8px;
  border: 1px solid #ddc;
  background-color: #ffe;
  color: #660;
} 

table.gameInfo {
  margin-bottom: 20px;
}
table.gameInfo td      { padding: 0 6px 0 0; }
table.gameInfo td.last { padding: 0; }
table.gameInfo td.right { padding: 0px 6px 0px 2px !important;  }

/* ----------------------------------------------------------------------- */
/* ---- End of Online-games Styles --------------------------------------- */
/* ----------------------------------------------------------------------- */