/*fonts*/
.menuHeader
{
  font-size: 1.8em;
  color: #e5001c;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 130%;
  font-weight: bolder;
}

.menuItem
{
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2em;
}

.menuDescr
{
  font-family: "Times New Roman", Times, serif;
  font-size: 1.1em;
}

.menuTip
{
  font-family: "Times New Roman", Times, serif;
  font-size: 1.1em;
  color: #e5001c;
  font-style: italic;
}

.sectionheading
{
  font-size: 3.0em;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 100%;
  background: #e5001c;
  color: #f9a132;
  padding: 5px 20px 5px 20px;
  font-weight: bolder;
}

.sectiontext
{
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5em;
}

.titletext
{
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5em;
  background: rgba(255,255,255,0.6);
  padding: 0px 5px 0px 5px;
}

.blue
{
  color: #4c6fb6;
}

.red
{
  color:#e5001c;
}

a:link, a:visited
{
 color: black;
}

a:hover, a:active {
    color: #e5001c;
}

/* dot leaders*/
ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:after {
    float: left;
    padding: 0;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    padding-left: -20px;
    background: #ffe1e1;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: #ffe1e1;
    position: relative;
    z-index: 1}


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

.footer {
  text-align: left;
  background-color: #dedede;
  color: #000000;
  padding: 10px;
  margin-top: 50px 0px 0px 0px;
  bottom: 0px;
}
*/
/* top images
 *  * --------------------------------------------------- */
.imgoverlay
{
   position: relative;
   width: 100%;
}

.txtoverlay
{
   position: absolute;
   bottom: 0px;
   left: 0px;
   height: 100px;
   width: 100%;
   padding: 10px 0px 10px 0px;
   background: #1c3f95; /* fallback color */
   background: rgba(28, 63, 149, 0.4);
   font-size: 2em;
   color: #ffffff;
}

.txtoverlaynormal
{
   position: absolute;
   bottom: 0px;
   left: 0px;
   height: 100px;
   width: 100%;
   padding: 10px 0px 10px 0px;
   background: #1c3f95; /* fallback color */
   background: rgba(28, 63, 149, 0.4);
   font-size: 1em;
   color: #ffffff;
}

.text-right-overlay {
   padding: 0px 10px 0px 0px;
}

.text-left-overlay {
   padding:0px 0px 0px 20px;
}

.titletxtoverlay
{
  height: 50px;
}

/* top info
 * ----------------------------------------------------------*/
.topInfo
{
  position:absolute;
  top: 0px;
  height: 90px;
  font-size: 0.8em;
  color: #ffffff;
  z-index:-2;
}


/* full width backgrounds
 * ---------------------------------------------------------*/
#bgflatlay {
    background-image: url('/images/bg-flatlay.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}

#bgwindow {
    background-image: url('/images/bg-window.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
}

#bgmahjong {
    background-image: url('/images/bg-mahjong.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

#bgtable {
    background-image: url('/images/bg-table.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

#divmenubg
{
  /*background-color:rgba(255,230,230,1);*/
    background: #ffe1e1;
    margin-top: 10px;
    padding: 40px;
    margin-left: -50px;
    margin-right: -20px;
}

.divwhitearea
{
    background-color:rgba(255,255,255,0.6);
    margin-top: 10px;
    padding: 40px;
    margin-left: -50px;
    margin-right: -20px;
}

.redBG {
    background: #e5001c;
    color: #f9a132;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -100px;
    padding-bottom: -100px;
}

.GreyBG {
    background-color: #cdcdcd;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    color: black;
}

.BlackBG {
    background-color: #000000;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -100px;
    margin-left: -20px;
    margin-right: -20px;
    color: #ffffff;
}