input, textarea {
border-style: solid; 
border-width: 0px; 
border-color: #E3E3E3; 
padding-left: 1px;
height: 25px;

	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

}
input.buttonlogin {
	border: 0;
	height: 23px;
        width: 90px;
        font-family : Arial, Helvetica, sans-serif;
        font-size : 13px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        background: #25B2DF;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }
input.buttonlogin:hover{		
    background: #0320E7;
    }	
input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }

body {
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
background-image : url(../image/body.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color : #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
text-align:center;
}
#outline {
padding : 1px 1px 1px 1px;
background-color:#FFFFFF;
border: 1px solid #B4C7D7;
}
#wrapper {
margin :0 auto;
width : 100%;
height : 100%;
}
#outer_header {
margin :0 auto;
width : 100%;
height : 90px;
float : left;
margin : 0 0 0 0;
}
#header {
width : 1001px;
margin :0 auto;
 }
#login {
width : 327px;
height : 140px;
float : right;
text-align:left;
font-family : Arial;
font-size : 16px;
color : #FFFFFF;
}
#outer_navigation {
margin :0 auto;
width : 100%;
float : left;
height : 48px;
margin : 0 0 0 0;
text-align:center;
}
#navigation {
margin :0 auto;
width : 1002px;
}
#separator {
margin :0 auto;
width : 100%;
float : left;
height : 10px;
text-align:center;
background-image : url(../image/separator.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#outer_banner {
margin :0 auto;
width : 100%;
float : left;
margin : 0 0 0 0;
text-align:center;
}
#banner {
margin :0 auto;
width : 1000px;
background-color: #FFFFFFF;
}
#outer_countdown {
margin :0 auto;
width : 100%;
float : left;
height : 25px;
margin : 0 0 0 0;
text-align:center;
}
#countdown {
font-weight:bold;
text-align:center;
margin :0 auto;
width : 1000px;

}
/*----------------*/
#mainNav {
    padding: 0 ;
    margin-top: 1px;
    margin-bottom: 1px;
    xbackground-color: #36C;
}
#mainNav ul, #mainNav ul li {
    padding: 0 ;
    margin:  0 ;
    list-style: none outside;
}
#mainNav ul li a span {
    display: none;
}
#mainNav ul li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #000;
    font-weight: bold;
    display: block;
    height: 50px;
}
#mainNav ul li a:hover {
    color: #666;
}
#mainNav ul li a.active {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #000;
    font-weight: bold;
}
#mainNav a span {
    xdisplay: none;
}
#mainNav li.nLU a {
    background: url(../image/OutNavLamanUtama.png) no-repeat;
    width: 130px;
    height: 31px;
}
#mainNav li.nLU a:hover , #mainNav li.nLU a.active {
    background: url(../image/ActiveNavLamanUtama.png) no-repeat;
    color: #666;
}
#mainNav li.nAktiviti a {
    background: url(../image/OutNavProduk.png) no-repeat;
    width: 74px;
    height: 31px;
}
#mainNav li.nAktiviti a:hover , #mainNav li.nAktiviti a.active {
    background: url(../image/ActiveNavProduk.png) no-repeat;
    color: #666;
}
#mainNav li.nPrebiu a {
    background: url(../image/OutNavPrebiuVideo.png) no-repeat;
    width: 124px;
    height: 31px;
}
#mainNav li.nPrebiu a:hover , #mainNav li.nPrebiu a.active {
    background: url(../image/ActiveNavPrebiuVideo.png) no-repeat;
    color: #666;
}
#mainNav li.nBiodata a {
    background: url(../image/OutNavBiodataCikgu.png) no-repeat;
    width: 130px;
    height: 31px;
}
#mainNav li.nBiodata a:hover , #mainNav li.nBiodata a.active {
    background: url(../image/ActiveNavBiodataCikgu.png) no-repeat;
    color: #666;
}
#mainNav li.nJaguh a {
    background: url(../image/OutNavJaguhKita.png) no-repeat;
    width: 106px;
    height: 31px;
}
#mainNav li.nJaguh a:hover , #mainNav li.nJaguh a.active {
    background: url(../image/ActiveNavJaguhKita.png) no-repeat;
    color: #666;
}
#mainNav li.nWTS a {
    background: url(../image/OutNavWTS.png) no-repeat;
    width: 153px;
    height: 31px;
}
#mainNav li.nWTS a:hover , #mainNav li.nWTS a.active {
    background: url(../image/ActiveNavWTS.png) no-repeat;
    color: #666;
}
#mainNav li.nBerita a {
    background: url(../image/OutNavBerita.png) no-repeat;
    width: 71px;
    height: 31px;
}
#mainNav li.nBerita a:hover , #mainNav li.nBerita a.active {
    background: url(../image/ActiveNavBerita.png) no-repeat;
    color: #666;
}
#mainNav li.nSoalan a {
    background: url(../image/OutNavSoalanLazim.png) no-repeat;
    width: 123px;
    height: 31px;
}
#mainNav li.nSoalan a:hover , #mainNav li.nSoalan a.active {
    background: url(../image/ActiveNavSoalanLazim.png) no-repeat;
    color: #666;
}
#mainNav li.nHubungi a {
    background: url(../image/OutNavHubungi.png) no-repeat;
    width: 90px;
    height: 31px;
}
#mainNav li.nHubungi a:hover , #mainNav li.nHubungi a.active {
    background: url(../image/ActiveNavHubungi.png) no-repeat;
    color: #666;
}
#mainNav li.nFacebook a {
    background: url(../image/navFacebook.png) no-repeat;
    width: 51px;
    height: 51px;
}
#mainNav li.nTwitter a {
    background: url(../image/navTwitter.png) no-repeat;
    width: 51px;
    height: 51px;
}
#mainNav li.nYouTube a {
    background: url(../image/navYouTube.png) no-repeat;
    width: 51px;
    height: 51px;
}
#mainNav ul {
    padding: 0px;
    margin: 0px;
}
#mainNav ul li {
    padding: 0px;
    margin: 0px;
    float: left;
}
#tbl_t_wrapper {
width : 520px;
/*height : 140px;
*/background-color : #F5F8FA;
padding : 2px 2px 2px 2px;
border: 1px solid #D6E0E8;
}
#outer_maincolumn {
margin :0 auto;
width : 100%;
float : left;
margin : 0 0 0 0;
}
#maincolumn {
margin :0 auto;
height : 100%;
width : 1000px;
background : #EBEBEB;
}
#title_bc {
margin :0 auto;
width : 800px;
font-family : Arial;
font-size : 16px;
font-weight:bold;
color : #000000;
}
#upper_footer {
/*position:absolute;
bottom:0;
*/margin :0 auto;
width : 100%;
height : 1px;
float : left;
background-color : #FF3300;
}
#outer_footer {
margin :0 auto;
width : 100%;
float : left;
margin : 0 0 0 0;
text-align:center;
}
#footer {
background: url(../image/footer_box_10px.png);
background-repeat:repeat-x;
margin :0 auto;
width : 984px;
padding: 0px 0px 0px 20px;
height: 280px;
font-family : Arial;
font-size : 12px;
text-align:left;
color : #787878;
}

/*-----------------------------*/#wrapper_inner_contact {
margin : 0 auto;
width : 280px;
padding : 2px 2px 2px 2px;
border: 1px solid #F5D4B4;
}
#wrapper_inner_content_contact {
background-image : url(../image/bgl_02.jpg);
background-repeat : repeat-x;
 text-align : left;
padding : 2px 2px 2px 2px;
}
/*-----------------------------*/#wrapper_inner_payConfirm {
margin : 0 auto;
width : 580px;
padding : 2px 2px 2px 2px;
border: 1px solid #F5D4B4;
}
#wrapper_inner_title_payConfirm{
padding : 2px 2px 2px 2px;
background-color : #F5AF07;
font-size : 15px;
color : #000000;
text-decoration : none;
text-align : left;
font-weight : bold;
height: 20px;
}
#wrapper_inner_content_payConfirm {
background-image : url(../image/bgl_02.jpg);
background-repeat : repeat-x;
 text-align : left;
padding : 2px 2px 2px 2px;
}
/*-----------------------------*/
#wrapper_inner_counter {
margin : 0 auto;
width : 80px;
height: 18px;
padding : 2px 2px 2px 2px;
border: 0px solid #F5D4B4;
}
#wrapper_inner_content_counter {
background-image : url(../image/bgl_04.jpg);
background-repeat : repeat-x;
 text-align : center;
color : #FFFFFF;
height: 15px;
font-weight : bold;
font-size : 15px;
padding : 2px 2px 2px 2px;
}
/*-----------------------------*//*-----------------------------*/
#wrapper_inner_login {
background-image : url(../image/bg_login.png);
background-repeat : no-repeat;
 margin : 0 auto;
width : 192px;
height : 132px;
padding : 8px 8px 8px 0px;
border: 0px solid #F5D4B4;
}
#wrapper_inner_title_login{
background-image : url(../image/icon_login.png);
background-repeat : no-repeat;
 margin : 0 auto;
padding : 0px 4px 2px 8px;
width : 162px;
background-color : #F5AF07;
font-size : 15px;
color : #000000;
text-decoration : none;
text-align : center;
font-weight : bold;
height: 32px;
}
#wrapper_inner_title_login_trial{
background-image : url(../image/icon_login_trial.png);
background-repeat : no-repeat;
 margin : 0 auto;
padding : 0px 4px 2px 8px;
width : 162px;
background-color : #F5AF07;
font-size : 15px;
color : #000000;
text-decoration : none;
text-align : center;
font-weight : bold;
height: 32px;
}
#wrapper_inner_content_login {
/*background-image : url(../image/bgl_02.jpg);
background-repeat : repeat-x;
 */margin : 0 auto;
padding : 0px 4px 2px 8px;
width : 171px;
height : 95px;
background-color : #D0E8F2;
text-align : center;
padding : 2px 2px 2px 2px;
}
#wrapper_inner_content_login_ {
/*background-image : url(../image/bgl_02.jpg);
background-repeat : repeat-x;
 */margin : 0 auto;
padding : 4px 5px 0px 0px;
text-align : center;
}
/*-----------------------------*//*-----------------------------*//*-----------------------------*/#wrapper_inner_demo {
margin : 0 auto;
width : 600px;
padding : 2px 2px 2px 2px;
border: 1px solid #F5D4B4;
}
#wrapper_inner_title_demo{
padding : 2px 2px 2px 2px;
background-color : #F5AF07;
font-size : 15px;
color : #000000;
text-decoration : none;
text-align : center;
font-weight : bold;
height: 22px;
}
#wrapper_inner_content_demo {
background-image : url(../image/bgl_02.jpg);
background-repeat : repeat-x;
 text-align : center;
padding : 2px 2px 2px 2px;
}
/*-----------------------------*//*-----------------------------*/#wrapper_inner {
margin : 0 auto;
width : 195px;
padding : 2px 2px 2px 2px;
border: 1px solid #CBCBCD;
}
#wrapper_inner_title{
padding : 2px 2px 2px 2px;
background-color : #5FA44B;
font-size : 15px;
color : #000000;
text-decoration : none;
text-align : center;
font-weight : bold;
height: 25px;
}
#wrapper_inner_content {
background-image : url(../image/bgl_01.jpg);
background-repeat : repeat-x;
 text-align : center;
padding : 2px 2px 2px 2px;
}
/*-----------------------------*/A {
color : #ffffff;
text-decoration : none;
}
A:hover {
color : #FFFF00;
text-decoration : none;
}
#link_menu {
color : #FF9900;
text-decoration : none;
}
#link_menu a {
color : #FF9900;
text-decoration : none;
}
#link_menu a:link {
color : #FF9900;
text-decoration : none;
}
#link_menu a:hover {
color : #000000;
text-decoration : none;
}
.tekstajukputih {
font-family : Arial;
font-size : 13px;
font-weight : bold;
color : #ffffff;
}
.teksputih {
font-family : Arial;
font-size : 13px;
color : #ffffff;
}
td {
color : #000000;
font-family : Arial, Geneva, Arial, helvetica, sans-serif;
font-size : 13px;
}