		@font-face{font-family: RobotoSlab; src:url(media/font/RobotoSlab-Regular.ttf);}

	   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: #000;
        }

        a.navbar2:hover 
		{
	        font-family: Arial,Helvetica,sans-serif,Tahoma;
	        font-size: 12px;
	        color:#000;
        }
        a.navbar3 {
	        font-family: sans-serif;
	        font-size: 14px;
	        text-decoration: none;
			font-weight:bold;
	        color: #000
        }
        body, html{padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:12px; background-color:#00C0FF; width:100%; height:100%;}        
        a{text-decoration:none;color:#fff; 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/btnlogin.png) no-repeat; text-transform:uppercase; font-weight:bold; color:#fff; display:block !important; border:0; cursor:pointer;font-family: RobotoSlab;}
	   .btnLogin a{color:#fff}
        /* <Marquee> */
        td.time{text-align:center;}
        #timecontainer{font-family:Arial; font-size:10px; font-weight:normal;color:white;}
		#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: sans-serif;
		font-weight: normal;
		float: left;
		list-style:none;
		height: 30px;
		padding: 0 11px;
		line-height: 30px;
		font-size:16px;
		text-transform: uppercase;
		}
	ul.Bg li
	{
		background: url(images/li.png) right no-repeat;
	}
	/*.btnLogout{
		background:url(images/btnLogout.jpg) no-repeat;
	} */
	.btnLogout a{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #D60333 0%, #851C1C 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #D60333 0%, #851C1C 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top, #D60333 0%, #851C1C 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D60333), color-stop(1, #851C1C));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #D60333 0%, #851C1C 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #D60333 0%, #851C1C 100%);
		
		background:#851C1C;
	}
	/*@-moz-document url-prefix() { 
	  td.menu li {
		 padding: 0 20px;
	  }
	}
	@-moz-document url-prefix() { 
	  li.afterlogin{
		padding: 0 26px !important;
		}
	}*/
	
.bgtopnav {
height:30px;
background:url(images/menu.png);
z-index:1;
margin-top:0px;
}

.bgtopnav td {
height:34px;
background:url(images/li.png) no-repeat center left;
}

.bgtopnav td:first-child {
background:none;
}

.bgtopnav td a {
display:block;
height:34px;
line-height:34px;
font-weight:bold;
padding:0 13px;
font-size:16px;
font-family:sans-serif;
text-transform: uppercase;
}

/*@font-face{font-family: RobotoSlab;src: url(../font/RobotoSlab-Regular.ttf);}*/
form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUserName"]{width: 123px;height: 29px;border: none;background: url(images/textbox.png) center no-repeat;font-family: arial;font-size: 11px;text-align: center;color: #000;}
form input[name="txtPassword"]{width: 123px;height: 29px;border: none;background: url(images/textbox.png) center no-repeat;font-family: arial;font-size: 11px;text-align: center;color: #000;}
#Text1{width: 123px;height: 29px;border: none;background: url(images/textbox.png) center no-repeat;font-family: arial;font-size: 11px;text-align: center;color: #000;}
form input[name="txtCode"]{width:93px;height: 29px;border: none;background: url(images/code.png) center no-repeat;font-family: arial;font-size: 11px;text-align: center;color: #000;}
form input[name="code"]{width: 96px;height: 29px;border: none;background: url(images/code.png) center no-repeat;font-family: arial;font-size: 11px;text-align: center;color: #000;}
#btnLogin{width: 102px;height: 31px;background: url(images/btnlogin.png) center no-repeat;color: white;border: none;font-family: RobotoSlab;font-size: 12px;margin-top: 10px;}
#btnDaftar a{width: 102px;height: 31px;background: url(images/btnlogin.png) center no-repeat;color: white;display: block;text-decoration: none;text-align: center;font-family: RobotoSlab; font-weight:bold;font-size: 12px;line-height: 28px;margin-right: 5px;margin-top: 2px;}
#btnLogin:hover{color:gray;}
#btnDaftar a:hover{color:gray;}

.social{margin: 15px 10px 18px 0;padding: 0px;}
.social>li{display: inline-block;color: white;margin-left: 30px;font-family: RobotoSlab;font-size: 16px;font-weight: bold;}
@-moz-document url-prefix() { 
	  .social>li{margin-left: 19px !important}
	}
.social>li>img{vertical-align: middle;}
.social>li:first-child>img{margin: 0 0 10px 50px;vertical-align: middle;}
.social>li:nth-child(2)>img{margin: 0 0 10px 40px;vertical-align: middle;}
.social>li:nth-child(3)>img{margin: 0 0 10px 20px;vertical-align: middle;}
.social>li:nth-child(4)>img{margin: 0 0 10px 30px;vertical-align: middle;}
.social>li:nth-child(5)>img{margin: 0 0 10px 30px;vertical-align: middle;}
.social>li:last-child>img{margin: 0 0 10px 30px;vertical-align: middle;}
li{list-style:none}
li a{text-transform:uppercase}
.menu{padding: 0px;margin: 0px;width: 990px;height: 41px;background: url(images/menu_bg.png) repeat-x;}
.menu1{width: 1024px}
.menu>li{float: left;text-align: center; background:url(images/menu_divider.png) no-repeat center left}
.menu>li>a{padding: 8px 20px;font-family: RobotoSlab;font-size: 15px;font-weight: bold;text-decoration: none;color: #004992;display: block;line-height: 20px;}
.menu1>li>a{padding: 8px 16px}
.menu>li:hover>a{text-decoration: none;color: gray;display: block;}

.content{height: auto;}

.slideshow{width: 990px;height: 341px;margin-top: 5px;}

.footer{height: auto;}

.footer-bg{width: 994px;height: 279px;background: url(images/contact-bg.png) center no-repeat;position: relative;margin-top: 10px;}

.contact-div{width: auto;height: auto;position: absolute;top: 25px;left: 30px;}
.contact-header{margin: 0 0 10px 0;font-family: RobotoSlab;font-size: 29px;font-weight: bold;color: white;}

#contact{width: 230px;height: 170px;padding: 0px;margin: 0px;}
#contact>li{height: 55px;font-family: RobotoSlab;font-size: 25px;font-weight: bold;}
#contact>li>a>img{vertical-align: middle;padding-right: 30px;}
#contact>li>a{text-decoration: none;color: white;}

.follow-div{width: auto;height: auto;position: absolute;top: 25px;left: 350px;}

.bank-bg{width: 994px;height: 93px;background: url(images/bank-bg.png) center no-repeat;margin: 10px 0;}
.bank{padding: 30px 0 0 60px;}

.copyright{margin: 0 0 10px 330px;margin-top: 16px;color: white;font-family: RobotoSlab;font-size: 15px;}
        