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

body
{
  font-family: Verdana, Geneva, sans-serif; 
  font-size:12px;
  line-height: 1.3;
  color:#222222;   /* Very dark gray */  
}

h1 {
  font-family: Verdana, Geneva, sans-serif;
  font-size:17px;
  font-weight:normal;
  color:#008484;   
  margin:0px;
}

h2, h2 a {
  font-family: Verdana, Geneva, sans-serif;
  font-size:15px;
  font-weight:normal;
  color:#008484;   
  margin:20px 0px 5px 0px;
}

h3 {
  font-family: Verdana, Geneva, sans-serif;
  font-size:13px;
  font-weight: bold; 
  color:#008484;   
  margin:0px;
  margin-bottom:3px;
}

hr {
  border: none 0; 
  border-top: 1px solid #D8D8D8;
  width: 100%;
  height: 1px;
  text-align: left;
}

a {
  color:rgb(49,49,200);
  font-weight:normal;
  text-decoration:none;
}

/*
  color:rgb(49,49,255);
  color:rgb(49,49,222);
*/

a:hover {
  color:OrangeRed;
  font-weight: normal;
  text-decoration:none;
}

a img {
  border:none;
}

td.alignLinks a {
  display:table-cell; 
  vertical-align:middle;
}

.levelUpColor {
  color:#008484; 
}

.regionUnderline {
  border-bottom:solid 1px #bbb;
}

.thinBorder {
  border:1px solid #bbb;  
}

.smallText {
  font-size:88%;
  padding:1px;
  color:gray;
}

.preferences {
  font-size:88%;
  padding:1px;
  color:rgb(80,80,80);
}

.preferences a {
  padding:1px;
  color: rgb(80,80,80);
  text-decoration: none;
}

.preferences a:hover { 
  color:rgb(80,80,80);
  font-weight: normal;
  text-decoration:none;
}

.current {
  color:rgb(0,181,0); 
}

img.tutorial {
  border:1px solid #c0c0c0;
}

/*--------------------------------------------------------------------------------------------------
/* Title */

#lish {
  font-size:30px; 
  color:#008484; 
  text-transform:lowercase;
  margin-left:10px;
  border-bottom:solid 2px #008484;
}

#levelUp {
  font-size:18px;
  color:#008484; 
  text-transform:lowercase; 
}

#levelUpBeta {
  font-size:18px;
  color:red; 
  border-bottom:solid 2px red;
}

/*--------------------------------------------------------------------------------------------------
/* Top menu box */
.topMenu {
  background:rgb(230,238,255);
  border:1px solid #bbb;    
  height:28px;
}

/*
  background:#e6e7e7;
  background:rgb(214,255,214);
  background:rgb(230,238,255);
  background:rgb(232,244,255) ;
*/

.topMenu ul
{
  margin: 0;
}

.topMenu li
{
  display: inline;
  float:left; 
  padding-right: 30px;
}

.topMenu li a {
  color:gray;
}

.topMenu li a.current {
  color:rgb(0,181,0); 
}

.topMenu li a:hover {
  color:orangered;
}

.topMenu li.current {
  color:rgb(0,181,0); 
}


/*--------------------------------------------------------------------------------------------------
/* Contents List */

.contentsHeader {
  font-size:95%;
  font-weight: bold;
}

.contents {
  font-size:95%;
  list-style-type: none;
  color:rgb(0,0,165);
  padding:0px;
  margin:0px;
}

.contents li {
  list-style-position: inside; 
  padding:1px;
  padding-left:6px;
}

.contents li.current {
  color:rgb(0,181,0); 
  font-weight: normal;
}

.contentsCurrent {
  font-size:95%;
  color:rgb(0,181,0); 
  font-weight: bold;
}


/*--------------------------------------------------------------------------------------------------
/* Data table */

.tableData {
  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px 1px;
  border-spacing: 0px; 
  font-size:10px;
}

.tableData th {
  border-style:solid;
  border-color:#ccc;  
  border-width: 1px 1px 0 0;
  color:rgb(82,82,82);
  background:rgb(214,231,255) ;
  font-weight:bold;
  padding:2px;  
}

.tableData td {
  background: #F9F9F9;
  border-width: 1px 1px 0 0;
  border-style:solid;
  border-color:#ccc;
  padding:1px 3px 1px 3px;
}


/*--------------------------------------------------------------------------------------------------
/* Result Set table */
/*   background: #CEF6CE; */

.resultSetData {
  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px 1px;
  border-spacing: 0px; 
  font-size:10px;
}

.resultSetData th {
  border-style:solid;
  border-color:#ccc;  
  border-width: 1px 1px 0 0;
  color:rgb(82,82,82);
  background: #EAFFEA;
  font-weight:bold;
  padding:2px;
}

.resultSetData td {
  border-width: 1px 1px 0 0;
  border-style:solid;
  border-color:#ccc;
  padding:1px 3px 1px 3px;
}



/*--------------------------------------------------------------------------------------------------
/* Headed Box */

.headedBox {
  border:solid 1px #ccc; 
  padding:0px;
  padding-bottom:5px;
  border-spacing:0px;
}

.headedBox th {
  border:none;
  color:gray;
  border-bottom:solid 1px #ccc; 
  background:rgb(230,238,255);
  padding:1px 2px 1px 2px;  
}

/* background:rgb(247,247,247) ; */

.headedBox td {
  border:none;
  padding:1px 2px 1px 2px;
}

/*--------------------------------------------------------------------------------------------------
/* Resources */

ul.resources {
  list-style-type: none;
  padding:0px;
  margin:0px;
}

ul.resources li {
  padding:2px;
  padding-left:20px;
}

/*--------------------------------------------------------------------------------------------------
/* Vertical List */
.verticalListx li {
  background: none;  
  list-style-image: url(../images/bullet.png);
  list-style-position: inside;  
  padding: 0px;
  margin:0px;
}

.verticalList {
  list-style-type: none;
  padding:0px;
  padding-top:10px;
  margin:0px;
}

.verticalList li {
  list-style-position: inside; 
  list-style-image: url(../images/bullet.png);
  padding:1px;
  padding-left:6px;
}

.verticalList a {
  color:gray;
  font-weight:bold;
}

.verticalList a:hover {
  color:orangered;
  font-weight:bold;
}

/*--------------------------------------------------------------------------------------------------
/* Info Box */

div.infoBox {
  background:rgb(255,252,239);
  padding:5px;
  border:1px solid #bbb;  
  border-style:dashed;
  width:98%;
  text-align:left;
}

div.infoBoxRight {
  float:right;
  width:40%;  
  color:rgb(99,99,99);  
  background:rgb(255,252,239);
  padding:7px;
  margin-left:5px;
  margin-bottom:5px;
  border:1px solid #bbb;  
  border-style:dashed;
  text-align:left;
  font-size:90%;
}

div.infoBoxRightSmall {
  float:right;
  width:24%;    
  background:rgb(255,252,239);
  padding:7px;
  margin-right: 50px;
  margin-left:5px;
  margin-bottom:5px;
  border:1px solid #bbb;  
  border-style:dashed;
  text-align:left;
  font-size:90%;
}

img.floatLeft { 
    float: left; 
    margin-right: 4px;
    margin-bottom: 2px;
}


/*--------------------------------------------------------------------------------------------------
/* Info Box (New) - merge these */

div.infoRight40 {
  float:right;
  width:40%;  
  color:rgb(88,88,88);  
  background:rgb(255,252,239);
  padding:7px;
  margin-left:5px;
  margin-bottom:5px;
  border:1px solid #bbb;  
  border-style:dashed;
  text-align:left;
  font-size:90%;
}

div.infoRight30 {
  float:right;
  width:30%;  
  color:rgb(88,88,88);  
  background:rgb(255,252,239);
  padding:7px;
  margin-left:5px;
  margin-bottom:5px;
  border:1px solid #bbb;  
  border-style:dashed;
  text-align:left;
  font-size:90%;
}

.infoImage {
  float: left; 
  margin-right: 4px;
  margin-top: 4px;
}

/*--------------------------------------------------------------------------------------------------
/* Tip (these settings work best for single line tips) */

.tipImage {
  float: left; 
  margin-top: 0px;
  margin-right: 4px;
}

.tipText {
  margin-top: 0px;
}

/*--------------------------------------------------------------------------------------------------
/* Footer */
.footer {
  font-size:9px;
  padding:1px 5px;
  color:#777777;
  background:rgb(230,238,255);
  border:1px solid #bbb;  
}

/*--------------------------------------------------------------------------------------------------
/* IE 6 code area */

.ie6Code {
  border: 1px solid #bbb; 
  padding: 4px;
}