﻿body,td{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;padding-top:1px !important;
	background-color:#fff;
	color:#333;
}
a
{
	color: #1f75cc;
	text-decoration: none;
}
a:hover
{
	color: #0b4d71;
}

a:active
{
	color: #003888;
}
a img
{
	border: none;
}
h1
{
	font-size:2em;
	color:#1f75cc;
	padding:0px;
}
h2{
	font-size:18px;
	color:#1f75cc;
	padding:0px;
}
h3{
	font-size:10px;
	color:#1f75cc;
	padding:0px;
}
/*Main page*/
.smain{margin-top:50px; width:100%;}
.smain h2
{
	font-size:18px;
	margin-bottom:10px;
}
.smain h3 
{
	font-size:15px;
}
.smain h3 a
{
	font-size:15px;
	border-bottom:dashed 1px red;
}
/*Content Page*/
.smainc{margin-top:20px}
.smainc h2
{
	font-size:18px;
	margin-bottom:10px;
}
.smainc h3 
{
	font-size:16px;color:Red;font-style:italic;
}
.smainc h3 a
{
	font-size:14px;
	border-bottom:solid 2px red;
}
.smainc h3 a:hover
{
	font-size:14px;
	border-bottom:none;
}
.txtinput
{
	height: 28px;
	padding: 0;
	background-image: url(/Images/input_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c1c1c1;
	border-top-color: #a1a1a1;
	border-bottom-color: #d1d1d1;
	font-weight: normal;
	font-size: 14px;
	width:30%;
	vertical-align: middle;	
	padding-left: 3px;
	font-size: 20px;
	color:#333;
}
.txtinput{#width:37%}
#im{
	color:red;
}
.butinput{
	width:75px;
	height:30px;
    background: transparent url(/Images/button.gif) center right no-repeat;
    font-size:15px; color:#fff; font-weight:bold;
    border:none;
    padding-left: 10px;
	padding-right: 10px;
}
.butinput:active
{
	position: relative;
	top: 1px;
	left: 1px;
}

/*Menu*/
ul#ddmenu h1, h2, h3, h4, h5, h6, p, ul, li
    {
        font-size: 1em;
        margin: 0;
        padding: 0;
    }
    ul#ddmenu
    {
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
         
    }
    ul#ddmenu
    {
        background: #fff;
        color: #1f75cc;
        margin: 0;
        padding: 0em 0em;
        font-size: 12px;
    }
    ul#ddmenu li
    {
        display: inline;
        margin: 0em em;
        position: relative;
    }
    ul#ddmenu h2, ul#ddmenu h3
    {
        font-size: 100%;
        font-weight: normal;
        display: inline;
    }
    ul#ddmenu li a
    {
        color: #1f75cc;
        text-decoration: none;
        padding: 0 0.1em;
        text-decoration: underline;
    }
    ul#ddmenu li a:hover
    {
        text-decoration: underline;
    }
    ul#ddmenu li#lprpm
    {
        padding:0 1.0em 0 1.5em;
        text-decoration: underline;
    }
    ul#ddmenu li.menu a
    {
        background: transparent url(/Images/ae.png) center right no-repeat;
        padding: 0 1.5em;
        text-decoration: underline;
    }
    ul#ddmenu li.menu a:hover
    {
        text-decoration: underline;
    }
    ul#ddmenu div
    {
        display: none;
    }
    ul#ddmenu li.menu div
    {
        border: 1px solid #c1c1c1;
        width: 25em;
        position:absolute;
        top: 1.6em;
        left: 0em;
        padding: 1em;
        background: #FAFFF5;
        color: #1f75cc;
        text-align:left;
    }
    ul#ddmenu li.hovering div
    {
        display: block;
    }
    ul#ddmenu li.menu div a
    {
        color: #1f75cc;
        padding: 0;
        background-image: none;
        text-decoration: none;
    }
    ul#ddmenu li.menu div a:hover
    {
        color: #1f75cc;
        padding: 0;
        background-image: none;
        text-decoration: underline;
    }
  /*  Feedback form*/
.feedback 
{
	color:#333;
	font-size:10px;
	/*height:500; vertical-align:top;*/

}
.feedback
{
	color:#333;
	font-size:10px;
	#height:500; #vertical-align:top; /*IE6+ hack*/
}
.feedback th h3 
{
	font-size:16px;
}
.feedback td 
{
	font-size:12px;
}
  
    #ltop{position:relative;z-index:9999;float:left}
    #rtop{float:right; position:relative; vertical-align:text-bottom}
    #lbody{z-index: 2;}
    /*#lfooter{position: relative; width: 50%; z-index: 3; text-align:center; margin-top:20px;margin-left:60px}*/
    #lfooter{position: relative;z-index: 2;margin:30px auto;width:100%;text-align:center; vertical-align:middle }
    #lfooter{#margin:30px 25% 0px 25%;#left:50px;}
    #llogo{position: relative; z-index: 1;vertical-align: middle;width:90%;margin-left:60px;text-align:center}
    #llogo{#width:100%}
    #llogo1{position:relative;z-index:1;text-align:center;vertical-align:middle;width:90%}
    #llogo1{#width:100%}
    #lsearch{position: relative; z-index: 1;margin-top:2px;text-align: center}
    #lsearch{#width:100%;#margin-left:60px;}
    #lsearchb{margin-top: 5px;text-align:center;width:100%}
    #lproduct{position: relative;z-index: 2;margin:15px auto;width:600px;border:dashed 1px #e0e7ff;text-align:center}
    #lproduct{#margin:15px 0px 0px 30%;#width:70%;}/*#left:110px;*/
    
    /*#lproduct #slider{text-align:center;margin-left:30%}*/
    #leg{margin-top:5px;width:95%}
    #msg{position: relative; z-index: 1; text-align: center;margin-top:2px}
    #msg{#width:100%;#margin-left:60px;}
    #msg h3 {color:Red}
    .info{color:#1f75cc;font-style:italic;text-align:center}
 /*   .tblSlider{width:50%;}*/
  .bg-disabled,.bg-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  /*Template Style*/
table.result {
	border: solid 1px #a6c9e2;
	/*padding: 2px;*/
	width: 100%;
	border-collapse: collapse;
	
}
table.result {
	border: solid 1px #a6c9e2;
	/*padding: 2px;*/
	#width: 98%;
	border-collapse: collapse;
}
/*
// table.result tr.even 
// {
// 	padding: 3px; border:solid 1px #a6c9e2;
// 	white-space:pre-wrap;
//  	background-color:#fbfcfc;	
// }
// table.result tr.odd 
// {
// 	padding: 3px; border:solid 1px #a6c9e2;
// 	white-space:pre-wrap;
//  	background-color:#000;	
// }
*/
table.result th {
	font-size: small;
	padding-top: 6px;
	padding-bottom: 2px;
/*
//  	padding-left: 0px;
//  	padding-right: 2px;
*/
	text-align: left;
	height: 25px;
	color: #f5fafe;font-weight:bolder; background-color:#1f75cc; /*background-color:#4297d7;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.result th {
	#font-size: 12px;
	padding-top: 6px;
	padding-bottom: 2px;
/*
//  	padding-left: 0px;
//  	padding-right: 2px;
*/
	text-align: left;
	height: 25px;
	color: #f5fafe;font-weight:bolder; background-color:#1f75cc; /*background-color:#4297d7;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.result th a 
{
	color:#FFFFE1;
	text-decoration:underline;
}
table.result th a:hover 
{
	color:#FCE6A9;
	text-decoration:none;
}
table.result tr.normal td
{
	padding: 3px; border:solid 1px #a6c9e2;
	white-space:pre-wrap;
 	background-color:#fff;	
}
table.result tr.alternate td
{
	padding: 3px; border:solid 1px #a6c9e2;
	white-space:pre-wrap;
 	background-color:#fbfcfc;	
}
table.result tr.alternate td p 
{min-height:20px; 
height:auto;
	}
table.result td h3
{
	font-size:16px;
	color:#1f75cc;
	padding:0px;
}
table.result td h3 a
{
	font-size:18px;
	color:#1f75cc;
	padding:0px;
}
/*Progress*/
.progress
{
	background: transparent url(/Images/progress.gif) center center no-repeat;
	text-align:center; padding:4px;
}
.paging
{
	font-size:small;
	padding:5px 5px 5px 5px;
}
.paging
{
	#font-size:12px;
	padding:5px 5px 5px 5px;
}
.paging a
{
	padding:0px 10px 0px 10px;
	text-align:center;
	border:solid 1px #fff;
}
.paging a:hover
{
	padding:0px 10px 0px 10px;
	text-align:center;
	color:Black;
	border:solid 1px silver;
	background:#a8bbf9;
}
.selected
{
	font-size:large;
	font-weight:bold;
	background:#4c76ff;
	color:#fff;
}
table.info
{
	border: solid 1px #a6c9e2;
	border-collapse:collapse;
	padding:5px;width:195px;
}
table.info th 
{
	background:url(~/Images/sprite.png) #2647a0 repeat-x left -1400px;
	color:#fff;
}
table.info td
{
	background-color:#fbfcfc;
}
/*
// table.puisi
// {
// 	background: transparent url(/Images/pantun_panel.jpg) left top no-repeat;
// }
// table.puisi td
// {
// 	background-color:Transparent;
// }
// table.peribahasa
// {
// 	background: transparent url(/Images/peribahasa_panel.jpg) left top no-repeat;
// }
// table.peribahasa td
// {
// 	background-color:Transparent;
// }
*/
.hightlighter
{
	background-color:#feff8d;
	color: #000;
	font-weight: bold;
}
 
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    #font-size:12px;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(/Images/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(/Images/sprite.png) #bfdaff repeat-x left -1300px;cursor:pointer;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(/Images/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#fff;    
    border:solid 1px #a6c9e2;
    border-top-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    #font-size:10px;
    padding:0.25em 0.5em;
    background-color:#fff;    
    border:solid 1px #a6c9e2;
    border-top-width:0px;
}
 
#davaiable
{
	border-top:solid 1px #a6c9e2;
	background-color:#fbfcfc;
}
#content
{
	margin-top:20px;width: 755px; vertical-align: top;
}

