body{font-family:helvetica;text-align:center;}
#timeline{width:100%;height:100%;overflow :auto;}
#wave{width:100%;height:100%;overflow :auto;}
#wavecontent{font-family:helvetica;position:relative;}
#timelinecontent{font-family:helvetica;position:relative;}
#tzolkinhead{margin-left:80px;width:303px;height:93px;background-image:url(images/tzolkinexplorer.png);}
#galactic{top:10px;left:450px;}
#main{position :relative;width:450px;height:450px;overflow:hidden;}
#mainback{position:absolute;top:0px;left:0px;width:450px;height:450px;}
#daysigns{position:absolute;left:0px;top:0px;width:450px;height:450px;}
#tones{position:absolute;left:69px;top:76px;width:312px;height:312px;}
#gods{position:absolute;left:115px;top:146px;width:220px;height:220px;}
#trecena{position:absolute;left:190px;top:190px;width:70px;height:70px;}
#kinoverlay{position:absolute;left:0px;top:0px;width:450px;height:450px;}
#flameoverlay{position:absolute;left:46px;top:201px;width:390px;height:390px;opacity:0.5;background:transparent url(images/flameleft.png) 0px 0px no-repeat;}
#dayDesc{text-align:center;width:436px;}
#seltone{width:68px;height:68px;float:left;}
#selday{width:68px;height:68px;float:left;}
#seltrecena{width:68px;height:68px;float:left;}
#selgod{width:68px;height:68px;float:left;}
#tabpanel{position:relative;width :460px;height :800px;}
#panel1{position:absolute;left:0px;top:0px;width:100%;height:100%;visibility:hidden;}
#panel2{position:absolute;left:0px;top:0px;width:100%;height:100%;}
#panel3{position:absolute;visibility:hidden;left:0px;top:0px;width:100%;height:100%;}
#panel4{position:absolute;visibility:hidden;left:0px;top:0px;width:100%;height:100%;}
#footer{font-size:0.8em;background-color:gray;color:white;text-align:right;}
#wrapper{width:960px;margin:0 auto;text-align:left;box-shadow:4px 4px 15px silver;-moz-box-shadow:4px 4px 15px silver;-webkit-box-shadow:4px 4px 15px silver;background-color:white;}
#advert{background-color:white;height:150px;}
#overlay{visibility:hidden;position:absolute;background:rgba(0,0,0,0.5);left:0px;top:0px;width:100%;height:100%;text-align:center;z-index:1000;}
#splash{visibility:visible;position:absolute;background:rgba(0,0,0,0.5);left:0px;top:0px;width:100%;height:100%;text-align:center;z-index:1000;}
#calendarcontent{position:relative;padding:2px 2px;width:960px;margin:42px auto;background-color:white;text-align:left;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.5);-webkit-user-select:none;-moz-box-shadow:5px 5px 10px rgba(0,0,0,.5);-moz-user-select:none;}
#calendarwin{visibility:hidden;position:absolute;background:rgba(0,0,0,0.5);left:0px;top:0px;width:100%;height:100%;text-align:center;z-index:1000;}
#boxcontent{position:relative;margin:10px;}
.tlhigh{background-color:#c6e4fe !important;}
.high{border-color:red !important;}
.past{border-color:green !important;}
.future{border-color:orange !important;}
.feminine{border-color:pink !important;}
.masculine{border-color:blue !important;}
.kinno{font-size:10px;text-align:center;position:relative;top:-1;}
.dd{text-align:center;height:28px;width:28px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid silver;}
.core{background-color:#f7f8cf;}
.activator{background-color:#b4e1f4;}
.head{font-size:1.5em;font-weight:bold;text-shadow:rgba(0,0,0,.01) 0 0 1px;}
.nl{color:silver;}
.trecena{font-style :italic;}
.sechead{font-size:13pt;}
.secbody{font-size:11pt;}
.orangetitle{color:orange;}
.dateBox{color:gray;font-style:italic;}
.kinel{color:silver;}
.tabs{padding-top:8px;padding-bottom:8px;}
.tabs a{text-decoration :none;font-size :1.3em;color :white;background-color:silver;border-radius:8px;-moz-border-radius:8px;padding:4px 4px;}
.tabs a:hover{color :red;}
.tabSelect{color :black !important;background-color:white !important;}
.tabSelect{background-color:white;}
.splashbox{position:relative;padding:2px 30px;width:700px;margin:10% auto;background-color:white;text-align:left;border-radius:10px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.5);-webkit-user-select:none;-moz-box-shadow:5px 5px 10px rgba(0,0,0,.5);-moz-user-select:none;}
.boxy{position:relative;padding:20px;width:700px;height:90%;margin:15px auto;background-color:white;padding:8px;text-align:left;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.5);-webkit-user-select:none;-moz-box-shadow:5px 5px 10px rgba(0,0,0,.5);-moz-user-select:none;}
.closebtn{float:right;width:24px;height:24px;background-image:url(images/closebtn.png);}
.desctext{font-weight:bold;color:black;}
.alpha{opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */}