﻿
body {
	margin:0px;
	color:#444;
	background: #F1EFE2;
	font: 78% "Trebuchet MS", verdana, "Lucida Grande", tahoma, helvetica, sans-serif;
}
.click {
	cursor:pointer;
}
div#main {
	margin: 10 10 10 10;
	text-align: left;
	background: #fff;
	border: 2px solid #E8E5D4;
	border-radius: 8px; -moz-border-radius:8px;
	padding:2px;

}
div#img{
    margin-left:0px;
    margin-top:0px;
}

div#map {
    position:relative;
    z-index:1;
}

img#imap {
    border:1px solid black;
}

div#pointer {
    position:relative;
    z-index:10;
	visibility:hidden;
}

div#login {
	font-size:11px;
	padding:2px;
	white-space:nowrap;
}

div#pub {
	margin-top:10px;
	text-align:center;
	font-size:90%;
	width:350px;
}


div#login form{
	display:inline;
}

input{
	background:#EEE;
	border:1px solid #AAA;
}

input.btn, button.btn{
	background:#FC0;
	border:1px solid #AAA;
    cursor: hand;
    cursor: pointer;
}



div#main {

	margin-left:20px;
	margin-right:20px;
}

div.menu {
	background:#98A697;
	padding-left:10px;
	border-bottom: 2px solid #879586;
}
div.menu a{
	color:white;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
}
div.menu a.tjeu{
	font-size:150%;
}

div.menu a.sel{
	color:black !important;
	background:#FC0;
	border-bottom:2px solid #EEBB22;
}

div.menu a:hover{
	color:#FC0;
}

.big {font-size:5em;}
.doc {}

/*
.start {font-size:2em;
	background:#FC0;
	border-radius: 10px; -moz-border-radius:10px;
	padding-left:14px;
	padding-right:14px;
	text-decoration:none !important;
}
.start:hover {color:black;}
*/

div.score {
	width:210px;
	float:left;
	margin:4px;
}
div.score *{font-size:0.9em;}
div.score h1 {
	margin:0px;
	padding:4px;
	background:#98A697;
}
div.score h1 a{
	color:white !important;
}
div.score td {
	text-align:center;
}

td.tal {
	text-align:left !important;
}


div.rank {
	width:260px;
	float:left;
	margin:4px;
}
div.rank *{font-size:0.9em;}
div.rank h1 {
	margin:0px;
	padding:4px;
	background:#FC0;
}
div.rank h1 a{
	color:#666;
}
div.rank td {
	text-align:center;
}

table.rank th {text-align:left;padding-right:40px;}

a{color:#768475;font-weight:bold}

hr{border:1px solid #768475;}
h2 {margin:0px;}
img.icon {float:left;border:1px solid black;margin:5px;margin-right:30px}


    button.button, a.button, button.sbutton, a.sbutton {
            width:auto;
            border:none;
            background:none;
            cursor: hand;
            cursor:pointer;
            overflow:visible;
            white-space:nowrap;
            display:-moz-inline-box;
            display:inline-block;
            text-decoration:none;
            color:white;
            vertical-align:baseline;

            padding:0px;
            margin:0px;
            }


    button.button div, a.button div{
            line-height:40px;
            padding:0 0 0 20px;
            background:url(button.png);
            font-size:20px;
            }


    button.button div div, a.button div div{
            padding:0 20px 0 0;
            background-position:right;
            }


    button.sbutton div, a.sbutton div{
            line-height:18px;
            padding:0 0 0 10px;
            background:url(sbutton.png);
            font-size:13px;
            }
    button.sbutton div div, a.sbutton div div{
            padding:0 10px 0 0;
            background-position:right;
            }


    button.button:hover , a.button:hover, button.sbutton:hover , a.sbutton:hover {
        color:#EEE;
    }



#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  padding:6px;
  height:200px;
  width:600px;
  left:50%;
  top:15%;
  margin-left:-300px;
  background-color:#FFF;
  border:6px solid #FC0;
  -moz-border-radius:10;
}

#modalContainer a.modalCloseImg {
  background: #FC0;
  -moz-border-radius:10;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-6px;
  right:-6px;
  cursor:pointer;
  text-align:center;
  font-size:22px;
}
