@charset "UTF-8";
/* yellow: #fad332
   blue: #00498f */

td {
width:150px;
padding-bottom:3px;
}

sup {
font-size: 20pt;
}

sub {
font-size: 9pt;
font-family: Oswald,Arial,sans-serif;
}

a {
	text-decoration: none;
	color: #404040;
}

a:hover {
	text-decoration: none;
	color: #fad332;
}

a:active {
	text-decoration: none;
	color: #fad332;
}


#toolbar {
	top:20px;
	left:20px;
	padding-bottom:0px;
	vertical-align:central;
	width:98%;
	position: absolute;
    background: #ebebeb;
}

#toolbar:after {
	content: "";
    position: absolute;
    left: 120px;
    bottom: 0;
    width: 90%;
    height: 4px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: -10;
}

#footer {
	position: absolute;
	bottom:-250px;
	width:95%;
    background: #ebebeb;
	color:#404040;
	font-family: Merriweather,Georgia,serif;
	letter-spacing:1px;
	font-size: 10pt;
	text-align:center;
}


#body {
	background: #ebebeb;
	position: relative;
	display:block;
	color:#404040;
	font-family: Merriweather,Georgia,serif;
	letter-spacing:1px;
	font-size: 10pt;
	width:95%;   
	}

#body:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 98%;
    height: 4px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: -1;
}

#left { 
	float:left;
	margin-top:110px;
	margin-left:10px;
	margin-right:5px;
	text-align:left;
	width:26%;
	height:780px;
	
}

div.gallery {
	position: relative;
}

#login_pop1 { 
	position: absolute;
	top:140px;
	left:20px;
	}
#login_pop2 {
	position: absolute;
	top:100px;
	left:160px;
	}
#login_pop3 {
	position: absolute;
	top:450px;
	left:100px;
	}
#login_pop4 {
	position: absolute;
	top:200px;
	left:120px
	}
#login_pop5 {
	position: absolute;
	top:170px;
	left:140px;
	}
#login_pop6 {
	position: absolute;
	top:300px;
	left:100px;
	}
#login_pop7 {
	position: absolute;
	top:125px;
	left:160px;
	}
#login_pop8 {
	position: absolute;
	top:10px;
	left:200px;
	}



#right {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:57%;
    background: #ebebeb;
}

#tabs {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#radio {
    padding:3px;
	padding-top:5px;
	    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#label {
    padding-top:7px;
	padding-bottom:7px;
}

#header {
display: block;
font-size: 12pt;
padding-bottom:2px;
font-family: Oswald,Arial,sans-serif;
font-weight:lighter;
letter-spacing:1px;
}

#big {
display:inline;
font-size: 50pt;
font-family: Oswald,Arial,sans-serif;
font-weight:lighter;
margin-right:5px;
letter-spacing:1px;
line-height:20pt;
color:#fad332;
}


#amount {
border:0;
background: #ebebeb;
color:#404040;
font-family: Oswald,Arial,sans-serif;
font-weight:lighter;
font-size: 12pt;
width:650px;
text-align:center;
margin-bottom:10px;
margin-top:10px;
}

#add {
border:none;
padding:5px;
padding-left:10px;
background: #ebebeb;
color:#404040;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:90%;
height:20px;
text-align:left;
margin-bottom:10px;
margin-top:5px;

	-webkit-border-radius: 1%;
            border-radius: 1%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#older {
border:none;
letter-spacing: 1px;
padding:1px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 8pt;
width:90%;
height:20px;
text-align:right;
}

#add2 {
border:none;
letter-spacing: 1px;
padding:1px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:20%;
height:20px;
text-align:left;
}

#add3med {
border:none;
letter-spacing: 1px;
padding:1px;
margin-right:10px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:50%;
height:20px;
text-align:center;
}

#add3big {
border:none;
letter-spacing: 1px;
padding:1px;
margin-right:10px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:70%;
height:20px;
text-align:center;
}

#add3 {
border:none;
letter-spacing: 1px;
padding:1px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:30%;
height:20px;
text-align:center;
}

#add4 {
border:none;
letter-spacing: 1px;
padding:1px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:18%;
height:20px;
text-align:center;
}

#add5 {
border:none;
letter-spacing: 1px;
padding:1px;
background: #ebebeb;
color:#999;
font-family: Merriweather,Georgia,serif;
font-weight:lighter;
font-size: 10pt;
width:20%;
height:20px;
text-align:center;
}

#inputs {
	text-align:left;
	padding-left:10px;
	}

#graph {
	padding-left:20px;
	text-align:center;
	}


div.gallery.hidden {
display: none;
}

*{
    margin:0;
    padding:0;
}
header {
    background-color:#111111;
    box-shadow: 0 -1px 2px #111111;
    color:#fff;
    display:block;
    height:70px;
    position:relative;
    width:100%;
    z-index:100;
}
header h2{
    font-size:22px;
    font-weight:normal;
    left:50%;
    margin-left:-400px;
    padding:22px 0;
    position:absolute;
    width:540px;
}
header a.stuts,a.stuts:visited{
    border:none;
    text-decoration:none;
    color:#fcfcfc;
    font-size:14px;
    left:50%;
    line-height:31px;
    margin:23px 0 0 110px;
    position:absolute;
    top:0;
}
header .stuts span {
    font-size:22px;
    font-weight:bold;
    margin-left:5px;
}
.panel {
    height: 34px;
    padding: 10px;
}
.panel a#login_pop {
    color: #fff;
	position: absolute;
	top: 60px;
	left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.panel a#login_pop2 {
    color: #fff;
    display: block;
	position: absolute;
	top: 60px;
	right: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

a#login_pop, a#login_pop2 {
  margin:0;
  padding:0;
  background: url(../img/point_hover.png) no-repeat;
}

a#login_pop:link, a#login_pop:link,{
  display:block;
  width: 100px;
  height: 100px; 
}

a#login_pop:hover img, a#login_pop2:hover img {
	visibility:hidden;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #111111;
    border: 3px solid #111111;
    display: inline-block;
    right: 0px;
	top: 0px;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
	background-color: rgba(0, 0, 0, 0.8);
	height: 20px;
	line-height: 20px;
	position: absolute;
	right:10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color:#00498f;
}
.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
}

#gallery {
	position: relative;
}