        a.navbar {
        	font-family: Tahoma;
        	font-size: 14px;
        	text-decoration: none;
        	color: #ffffff;
        	font-weight: bold;
        	padding: 6px 9px 6px 9px;
        }

        a.navbar2 {
        	font-family: Arial, Helvetica, sans-serif, Tahoma;
        	font-size: 12px;
        	text-decoration: none;
        	color: #fff;
        }

        a.navbar2:hover {
        	font-family: Arial, Helvetica, sans-serif, Tahoma;
        	font-size: 12px;
        	color: #fff;
        }

        a.navbar3 {
        	font-family: Arial, Helvetica, sans-serif, Tahoma;
        	font-size: 13px;
        	text-decoration: none;
        	color: #ffffff;
        	-moz-transition-duration: 0.5s;
        	-o-transition-duration: 0.5s;
        	-webkit-transition-duration: 0.5s;
        	transition-duration: 0.5s;
        }

        a.navbar3:hover {
        	-moz-transform: skew(-15deg);
        	-o-transform: skew(-15deg);
        	-webkit-transform: skew(-15deg);
        	transform: skew(-15deg);
        }

        body,
        html {
        	padding: 0;
        	margin: 0;
        	color: #fff;
        	font-family: Tahoma;
        	font-size: 12px;
        	background-color: #000000;
        	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(images/login.png) no-repeat;
        	text-transform: uppercase;
        	font-weight: bold;
        	color: #fff;
        	display: block !important;
        	border: none
        }

        .btnLogin:hover {
        	background-image: url(images/login.png);
        	background-position: 0px -36px
        }

        .btnLogin a {
        	color: #fff
        }

        /* <Marquee> */
        td.time {
        	text-align: center;
        }

        #timecontainer {
        	font-family: Arial;
        	font-size: 12px;
        	font-weight: normal;
        	color: #fff;
        }

        #frmimages {
        	padding-bottom: 10px;
        	padding-left: 35px;
        }

        .Message {
        	font-family: "trebuchet MS";
        	font-size: 13px;
        	font-weight: normal;
        	font-style: normal;
        	color: #fff;
        }

        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
        }

        td.menu li {
        	font-family: arial;
        	font-weight: normal;
        	float: left;
        	list-style: none;
        	height: 45px;
        	padding: 0 20px;
        	line-height: 48px;
        	text-transform: uppercase;
        }

        /*td.menu li:hover {background: url(images/bgtopnav_hover.png) repeat-x;}
	td.menu li a:hover{color:yellow;}*/
        ul.Bg li {
        	background: url(images/batasnav.png) right no-repeat;
        }

        ul.Bg li a {
        	/*padding-left:20px;*/
        	background-repeat: no-repeat;
        	background-position: center left;
        }

        li.afterlogin {
        	padding: 0 26px !important;
        	line-height: 48px !important;
        }

        /*.btnLogout{
		background:url(images/btnLogout.jpg) no-repeat;
	} */
        .btnLogout a {
        	/* IE10 Consumer Preview */
        	background-image: -ms-linear-gradient(top, #FFFF33 0%, #FFD633 100%);

        	/* IE8 Consumer Preview */
        	background-image: -ms-linear-gradient(top, #FFFF33 0%, #FFD633 100%);

        	/* Mozilla Firefox */
        	background-image: -moz-linear-gradient(top, #FFFF33 0%, #FFD633 100%);

        	/* Opera */
        	background-image: -o-linear-gradient(top, #FFFF33 0%, #FFD633 100%);

        	/* Webkit (Safari/Chrome 10) */
        	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFF33), color-stop(1, #FFD633));

        	/* Webkit (Chrome 11+) */
        	background-image: -webkit-linear-gradient(top, #FFFF33 0%, #FFD633 100%);

        	/* W3C Markup, IE10 Release Preview */
        	background-image: linear-gradient(to bottom, #FFFF33 0%, #FFD633 100%);

        }

        /*@-moz-document url-prefix() { 
	  td.menu li {
		 padding: 0 20px;
	  }
	}
	@-moz-document url-prefix() { 
	  li.afterlogin{
		padding: 0 26px !important;
		}
	}*/
        .bgtopnav {
        	height: 44px;
        	background: url(images/bgtopnav.png);
        	z-index: 1;
        	margin-top: 0px;
        }

        .bgtopnav td {
        	height: 34px;
        	background: url(images/batasnav.png) no-repeat center left;
        	padding-left: 5px;
        }

        .bgtopnav td:first-child {
        	background: none;
        }

        .bgtopnav td a {
        	display: block;
        	height: 34px;
        	line-height: 34px;
        	font-weight: normal;
        	padding: 0 33px;
        	font-size: 12px;
        	color: #fff;
        	font-family: Arial;
        	text-transform: uppercase;



        	-moz-transition-duration: 0.5s;
        	-o-transition-duration: 0.5s;
        	-webkit-transition-duration: 0.5s;
        	transition-duration: 0.5s;
        }