body {
	
	background-image: url(gambar/tooplates.png);
	background-repeat: repeat-x;
	background-position: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	}

a:link {
	color: #FFFFFF;
}

a:visited {
  color: #3366FF;
}

a:hover {
	text-decoration: none;
}

a:active {
	color:#F0D100;
}

a.hidden {
  color: #000000;
}

a.hidden:visited {
  color: #000000;
}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  color: #000000;
}



a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;

	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tgravi thead th {background: url(image/elemen/welcome-bg.png) 100% no-repeat ; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ; z-index:-1} 
.tpetir thead th {background: url(image/elemen/welcome-bg.png) 100% no-repeat ; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ; z-index:-1}

#kepala {width: 1000px; height: 200px; float:none; border:thick; border-color: #0033FF; elevation: above;  margin-left: auto ; margin-right:auto }
#kepala .kepala1 {width: 1000px; height: 200px; float:none; elevation: below }
#kepala .kepala2 {       
        position: relative;
        display: inline-block;  
	top:100;
		bottom:20;
        left:0;
    }
    #kepala .kepala2 a .dobel {
        display: none;
        position: absolute;
        top:100;
		bottom:20;
        left:0;
        z-index: 99;
    }
    #kepala .kepala2 a:hover .dobel {
        display: inline;
		position: absolute;
		
		
    }
#kepala_gravitasi {width: 1200px; float:none; border:thick; border-color: #0033FF; elevation: above;  margin-left: auto ; margin-right:auto }
#kepala_gravitasi .kepala1 {width: 1200px; float:none; elevation: below }
#kepala_petir {width: 1200px; float:none; border:thick; border-color: #0033FF; elevation: above;  margin-left: auto ; margin-right:auto }
#kepala_petir .kepala1 {width: 1200px; float:none; elevation: below }


.jam {width:1000px ; background-size:80%; }
.jalan_sesi {width: 1200px ; border:thick ; border-color: #0033FF;  margin-left: auto ; margin-right:auto ; background-color: #0099FF ; background-position: center ; padding-bottom:3px; padding-top:3px}
.jalan_sesi marquee a {color:#FFFFFF; text-shadow: 2px 2px black; text-decoration:none ; font:x-large; font-style:oblique; font-size:18px }
.jalan_sesi marquee a:hover {color:#FFFF00; text-shadow: 2px 2px black; text-decoration:underline; font:x-large; font-style:oblique ;font-size:18px }

.jalan {width: 1000px ; border:thick ; border-color: #0033FF;  margin-left: auto ; margin-right:auto ; background-color: #0099FF ; background-position: center ; padding-bottom:3px; padding-top:3px}
.jalan marquee a {color:#FFFFFF; text-shadow: 2px 2px black; text-decoration:none ; font:x-large; font-style:oblique; font-size:18px }
.jalan marquee a:hover {color:#FFFF00; text-shadow: 2px 2px black; text-decoration:underline; font:x-large; font-style:oblique ;font-size:18px }

/*#tombs {background: url(gambar/lesetr.png) 100% no-repeat ; background-size:100%;  width:1000px ; height: 100%; margin-left: auto ; margin-right:auto ;  }*/
#tombs_gravi {background: url(image/wave.png) 100% no-repeat ; background-size:100%;  width:1200px ; height: 100%; margin-left: auto ; margin-right: auto ; background-position:center;}

#tombs_petir {background: url("image/pulsar.png") 100% no-repeat ; background-size:100%;  width:1200px ; height: 100%; margin-left: auto ; margin-right: auto ; background-position:center;}

#tombs_petir .petir .tbl_petir {background:url("image/purple.png") 150% no-repeat ; background-size:150%;  width:1200px ; height: 150%; margin-left: auto ; margin-right: auto ; margin-top: 10px; top: 200px; background-position: center}

.detil_gravi {background: url(image/kaca.png) 100% no-repeat ; background-size:100%;  width:100% ; height: 100%; margin-left: auto ; margin-right:auto ;}
#members table.members {background: url(image/auk1.png) 100% no-repeat ; background-size:100%;  width:1300px; }
#tombs_gravi table {background: url(image/kaca.png) 100% no-repeat ; background-size:100%;  width:1200px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#tombs_petir table {background: url(image/kaca.png) 100% no-repeat ; background-size:100%;  width:1200px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#tombs_petir .petir .tbl_petir table {background: url(image/kaca.png) 100% no-repeat ; background-size:100%;  width:1200px ; height: 800px; margin-left: auto ; margin-right:auto ;}
#plat .tgravi {background: url(image/indah2.png) 100% no-repeat ;z-index:-1; visibility:0.2; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat .an {background: url(image/elemen/frame.png) 100% no-repeat ; visibility:0.2; background-size:100%; top:100px; width:450px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat {background: url(image/elemen/gravitationalwaves.jpg) 100% no-repeat ; background-size:100%;  width:1500px ; height: 100%; margin-left: auto ; margin-right:auto ; bottom:15px;}
#plat2 {background: url(image/sambar.jpg) 100% no-repeat; background-size:100%;  height: 100%; width:1500px; margin-left: auto ; margin-right:auto ; top:0px; margin-top: 0px;}
#plat2 .tpetir {background: url(image/indah2.png) 100% no-repeat ;z-index:-1; visibility:0.2; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat2 .an {background: url(image/elemen/frame.png) 100% no-repeat ; visibility:0.2; background-size:100%; top:100px; width:450px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat3 {background: url(image/magnet.png) 100% no-repeat ; background-size:100%; width:1500px;  height: 100%; margin-left: auto ; margin-right:auto ; bottom:15px;}
#plat3 .tmagnet {background: url(image/indah2.png) 100% no-repeat ;z-index:-1; visibility:0.2; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat3 .an {background: url(image/elemen/frame.png) 100% no-repeat ; visibility:0.2; background-size:100%; top:100px; width:450px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat4 {background: url(image/space.png) 100% no-repeat ; background-size:100%; width:1500px;  height: 100%; margin-left: auto ; margin-right:auto ; bottom:15px;}
#plat4 .twaktu {background: url(image/indah2.png) 100% no-repeat ;z-index:-1; visibility:0.2; background-size:100%;  width:1400px ; height: 100%; margin-left: auto ; margin-right:auto ;}
#plat4 .an {background: url(image/elemen/frame.png) 100% no-repeat ; visibility:0.2; background-size:100%; top:100px; width:450px ; height: 100%; margin-left: auto ; margin-right:auto ;}

.dboard table#dashboard {background: url(gambar/space.jpg) 100% no-repeat ; visibility:0.2; background-size:100%; top:100px; width:450px ; height: 100%; margin-left: auto ; margin-right:auto ;}


#spoiler {background: url(image/dashboard.jpg) 100% no-repeat ; background-size:100%;  width:1000px ; height: 100%; margin-left: auto ; margin-right:auto ; }
     
#tombs .tbl {               
        display: inline-block;		 
  		width: 200px;
  		height: 100px;        
    }
#tombs .tbl a .img-top {
        display: none;
        position: relative;
	    bottom: -30px;
        z-index: 99;
    }
#tombs .tbl:hover a .img-top {
        display: inline;
	    position: relative;
	    bottom: 70px;        
		    }
	
			
#tooplate_footer {background:url(image/tooplate_menu.png) no-repeat ;
    background-position:top;
	height: 100px;
	padding: 0px 0px;
	border:thick ; 
	text-align: center;
	margin-left: auto ; 
	margin-right:auto}
	
	#tooplate_footer h4 {position: inherit;
    left: 0px;
    top: -45px;
	outline-color: #000000;
	color: #FFFF00;
	 }
	#tooplate_footer h4 a {position: inherit;
    left: 0px;
    top: -35px;
	outline-color: #000000;
	color: #FFFFFF;
	 } 
	 
	#tooplate_footer_utama {background:url(image/tooplate_menu.png) no-repeat ;
    background-position:top;
	height: 100px;
	padding: 0px 0px;
	border:thick ; 
	text-align: center;
	margin-left: auto ; 
	margin-right:auto}
	
	#tooplate_footer_utama h4 {position: inherit;
    left: 0px;
    top: -45px;
	outline-color: #000000;
	color: #FFFF00;
	 }
	 
	 #tooplate_footer_utama h4 a {position: inherit;
    left: 0px;
    top: -35px;
	outline-color: #000000;
	color: #FFFFFF;
	 }
	
	#login {background: url(gambar/log.png) no-repeat bottom center ; background-size:100%;  width:1000px ; height: 100%; margin-left: auto ; margin-right:auto ; z-index:20;position: center }
	#login2 {background: url(gambar/dasar.png) no-repeat top center ; background-position:top; background-size:100%;  width:1000px ; height: 120%; margin-left: auto ; margin-right:auto ; }
	#login .form {background:url(gambar/dasar.png) ; margin-bottom:-15px;   width:975px ; height: 100%; background-position:center; visibility: visible; z-index:-1 }
    #login .form2 {background:url(gambar/dasar.png) ; width:975px ; height: 300px; background-size:100%; background-position:center; visibility: visible; z-index:22 }
	

#profil .profiltbl {background-image: url("gambar/dashboard.jpg") ; background-size:100%; position:relative; bottom:-50px}

#portal .portaltbl {background: url(image/elemen/chemic.png) no-repeat bottom center ; background-size:100%;  width: 1000px; margin-left: auto ; margin-right:auto ; z-index:-99; }
#portal .portaltbl2 {background: url(image/kubik.png) no-repeat center center ; background-size:100%;  width: 1000px; margin-left: auto ; margin-right:auto ; z-index:-99; }

#gerbangtbl th.gerbangs1 {background: url(image/elemen/bar1.png) no-repeat center center ; background-size:100%; width:1000px;  margin-left: auto ; margin-right:auto ; z-index:-99; }
#gerbangtbl th.gerbangs2 {background: url(image/elemen/bar2.png) no-repeat center center ; background-size:100%; width:1000px;  margin-left: auto ; margin-right:auto ; z-index:-99; } 
#portal tr.gerbangs1 {background: url(image/elemen/bar1.png) no-repeat center center ; background-size:100%; width:1000px;  margin-left: auto ; margin-right:auto ; z-index:-99; } 

#gerbangtbl {background: url(image/elemen/spyral.png) no-repeat center center ; background-size:100%; width:1000px;  margin-left: auto ; margin-right:auto ; z-index:-99; }

   #gerbangtbl tr td a {
       
        position: relative;
        display: inline-block;
        
    }
    #gerbangtbl  tr td a .gerbang {
        display: none;
        position: absolute;
        top:0;
        left:0;
        z-index: 99;}
			
	#gerbangtbl  tr td a .gerbang1 {
        display: none;
        position: absolute;
        top:0;
        left:0;
        z-index: 100; }
					
    #gerbangtbl tr td a:hover .gerbang{
        display: inline;
		position: absolute;}
		
	#gerbangtbl tr td a:active .gerbang1{
        display: inline;
		position: absolute;}

.button
		{
			position: relative;
			display: inline-block;
			margin-top: 2em;
			padding: 0.8em 1.5em;
			background: #1d1d1d;
			border-radius: 6px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 1em;
			color: #FFF;
			-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			cursor: pointer;
		}

			.button:hover
			{
				background: #141414;
				color: #FFF !important;
			}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		position:relative;
		padding: 2em 2em;
		text-align: center;
		color:#E0FF00;
		background-color:#383838;
		width: 100%;
        font-size: 10px;
        margin-bottom: 0px;
        top : 70px;
        bottom : -110px;
        align-content: center;
        float :none;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;       
	}
	
	#copyright .container h4
	{background-color: #blue;
		color: #D3FF00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
        font-size: 20px;
        margin-bottom: 0px;
        margin-top:auto;	
		top : 0px;
        bottom : 10px;
	}
	
	#copyright .container h4 a
	{
		text-decoration: none;
		color: blue;
		top: 30px;
        font-size: 20px;
        align-content: center;
	}
   #copyright .container
	{
		text-decoration: none;
		color: yellow;
		top: -30px;
        font-size: 20px;
        align-content: center;
        float: none;
        width: 1200px;
        overflow:hidden;
        margin-left: auto;
        margin-right: auto;
		top : 0px;
        bottom : 10px;
	}