a.navbar {
	        font-family: Arial;
	        font-size: 14px;
	        text-decoration: none;
	        color: #ffffff;
	        font-weight: bold; 
        }
        a.navbar2 {
			font-family: Arial;
			font-size: 13px;
			text-decoration: none;
			color: #ffffff;
			padding:5px;
		}

        a.navbar2:hover 
		{
			font-family: Arial;
			font-size: 13px;
			color:#ffffff;
		}
		a.navbar3 {
			font-family: Arial;
			font-size: 14px;
			text-decoration: none;
			font-weight:normal;
			color: #ffffff
		}
        body, html{padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:12px; background-color:#DDD8F9; width:100%; height:100%;}        
        a{text-decoration:none;color:#000; font-family:Tahoma; font-size:15x}
        img{border:0;border-style:none} 
       .Error{font-family: Tahoma, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: red;}     
       .btnLogin{background:url(img/btn/login.png) no-repeat;}
        /* <Marquee> */
        td.time{text-align:center;}
        #timecontainer{font-family:Arial; font-size:13px;color:#fff;}
		#frmimages{padding-bottom:10px; padding-left:35px;}
        .Message
		{
			font-family:Arial;
            font-size:14px;
			color:#fff;
			font-weight:bold;
			font-style:italic;
			text-transform: uppercase;
        }

        a.Message:link    {
            color:#fff;
        }

        a.Message:visited {
            color:#fff;
        }

        a.Message:active  {
            color:#fff;
        }

        a.Message:hover   {            
            color:#fff;
        }       
		a.menuText
    {
        font-family: Tahoma, Helvetica, sans-serif;
        cursor: pointer;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
		font-size:14px
    }
	/* </Marquee> */
	table.tblLogin input{color:#ccc}
	{
		background: url(images/batasnav.png) right no-repeat;
	}
	.btnLogout a{
		background:#D31220;
	}
	/*@-moz-document url-prefix() { 
	  td.menu li {
		 padding: 0 20px;
	  }
	}
	@-moz-document url-prefix() { 
	  li.afterlogin{
		padding: 0 26px !important;
		}
	}*/
li{list-style:none}
li a{text-transform:uppercase}
.menubefor{float: left;padding: 0px 0 0 0px;margin: 0px 0 0 0px;}
.menubefor>li{float: left;text-align: center;}
.menubefor>li>a{padding: 0px 16px;font-family:Arial;font-size:15px;text-decoration:none;display:block;text-transform:uppercase;color:#fff;height:40px;line-height:40px;font-weight: 700;}

.menuaf{float: left;padding: 0px 0 0 0px;margin: 0px 0 0 0px;}
.menuaf>li{float: left;text-align: center;}
.menuaf>li>a{padding: 0px 10px;font-size:15px;text-decoration:none;display:block;text-transform:uppercase;color:#fff;height:40px;line-height:40px;letter-spacing:1px;font-weight: 700;}

.menubefor li:first-child a {
background:url(img/menu1.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li a {
background:url(img/menu2.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li a {
background:url(img/menu3.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li + li a {
background:url(img/menu4.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li + li + li a {
background:url(img/menu5.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li + li + li + li a {
background:url(img/menu6.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li + li + li + li + li a {
background:url(img/menu7.png) no-repeat center left;
padding-left:25px;
}

.menubefor li:first-child + li + li + li + li + li + li + li a {
background:url(img/menu8.png) no-repeat center left;
padding-left:25px;
}