.landScapet { 
width: 100%;  
height: 100%;  
margin: 0% 0% 0% 0%;  
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}

.highlight_word	{	background-color: #95addb;	font-weight: bold; }


.font8 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }
.font9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.font10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.font10biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3366CC; }
.font10red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; }
.font11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.font11putih { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
.font11gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.font11red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #AE0505; }
.font11biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3366CC; }
.font11bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
.font12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.font12bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
.font12red { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;  color: #AE0505; }
.font12blue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; }
.font12gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.font12putih { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.font12boldputih { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; }
.font12boldredblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #660000; }
.font12boldhijau { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #006600; }
.font12boldkuning { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFCC00; }
.font12merah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; }
.font12hijau { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #006600; }
.font12kuning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e28210; }
.font12boldmerah { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #CC0000; }
.font14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;  }
.font14biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3366CC; }
.font14gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
.font14bold { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold; }
.font14boldmerah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; font-weight: bold; }
.font14merah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000;  }
.font14boldputih { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.font14boldbiru { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; font-weight: bold; }
.font15 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; }
.font16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.font16oren { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ea6520; }
.font16bold { font-family: Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bold; }
.font16boldputih { font-family: Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bold; color: #FFFFFF; }
.font16putih { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }
.font16kelabu {font-size: 16px; color: #666666;}
.font16boldbiru { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000066; font-weight: bold; }
.font18 { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.font18bold { font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.font18red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; }
.font65bold { font-size: 65px; font-weight: bold; font-family: ITC Zapf Chancery; }




a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.borderhitam {
border-bottom-color: #B3B2B7; 
border-right-color: #B3B2B7;
border-top-color: #010005;
border-left-color: #010005;
background-color: #EAEDF4;
}

.borderputih1 {
border-right-color: #FFFFFF;
}

.borderputih2 {
border-bottom-color: #FFFFFF;
}

.borderputih3 {
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
}

.borderputih4 {
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

.borderputih3 {
border-bottom-color: #000000;
}

.borderputih {
border-bottom-color: #FFFFFF; 
border-right-color: #FFFFFF;
}

.bordercorners {
  border-radius: 15px;  
}

.whiteBackground { 
background-color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
}

.creamBackground { 
background-color: #FFFFCC; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
}

.grayBackground { 
background-color: #FFFF99;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
 }
 
.secondBackground { 
background-color: #FFFF99;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
 }
 

 
.paginate {
font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
	text-align:center;
}
 
.paginate {
font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
}
 
.paginate a {
    padding:2px 5px 2px 5px;
    margin:2px;
    border:1px solid #999;
    text-decoration:none;
    color: #666;
}
.paginate a:hover, .paginate a:active {
    border: 1px solid #999;
    color: #000;
}
.paginate span.current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
        border: 1px solid #999;
         
        font-weight: bold;
        background-color: #999;
        color: #FFF;
    }
    .paginate span.disabled {
        padding:2px 5px 2px 5px;
        margin:2px;
        border:1px solid #eee;
        color:#DDD;
    }
     
    li{
        padding:4px;
        margin-bottom:3px;
        background-color:#FCC;
        list-style:none;}
         
    ul{margin:6px;
    padding:0px;}   

/* input type*/	
input[type=text], textarea, select {
  width:100%;
  font-size: 14px;
  padding: 8px 20px;
  margin: 1px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  
}


input[type=password], select {
  width: 100%;
  padding: 8px 20px;
  margin: 1px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
}

input[type=submit] {
  border-radius: 4px;
  background-color:#03F;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 8px;
  width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

input[type=submit]:hover {
  background-color:#999;
}

input[type=button] {
  border-radius: 4px;
  background-color:#03F;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 8px;
  width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

input[type=button]:hover {
  background-color:#999;
}	
	
/* butang panduan pengguna */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}

li.a {
  list-style-type: circle;
  background-color:#FFF;
  margin-left:60px;
  margin-top:1px;
  margin-bottom:-10px;
  font-size: 15px;
  font-weight:300;
  font-family:Arial, Helvetica, sans-serif;
  
  
}

ol li.c {
  list-style-type: lower-roman;
  background-color:#FFF;
  margin-bottom:-10px;
  font-size: 15px;
  font-weight:300;
  font-family:Arial, Helvetica, sans-serif;
  
  
}

p.text{
   font-size: 15px;
  font-weight:300;
  font-family:Arial, Helvetica, sans-serif;
  margin-left:20px;
  margin-top : 10px;

	
	}

h2.tajuk{
	
	margin-top:20px; 
	margin-bottom:5px;
	margin-left:20px;
	color:#2f80ed;
	font-size: 20px;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid rgba(0, 0, 0, 0.06);
	text-transform:uppercase;
}

ul.tepi {
 
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
}

li.b{
	 background-color:#2f80ed;
	
	}

li.b a {
  display: block;
  color: #ffffff;
  padding: 8px 16px;
  text-decoration: none;
  background-color:#2f80ed;
  border: 2px solid #2f80ed;
}

/* Change the link color on hover */
li.b:hover {
  background-color: #ffffff;
  color: #2f80ed;
  border: 2px solid #ffffff;
}

li.b a:hover {
  background-color: #ffffff;
  color: #2f80ed;
  border: 2px solid #ffffff;
}


li.b a:hover > ul.dropdown {
    display: block;
	float:right;
	background-color: #262626;
  padding-left: 8px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

}

table.roundedCorners 
{ 
  border: 1px solid DarkOrange;
  border-radius: 13px; 
  border-spacing: 0;
  
}
table.roundedCorners td, 
table.roundedCorners th { 
  border-bottom: 1px solid DarkOrange;
  padding: 10px; 
  }
table.roundedCorners tr:last-child > td {
  border-bottom: none;
}

table.roundedCorners:hover {background-color:#f5f5f5; cursor: pointer; }

table.menu:hover {cursor: pointer; }

table.shadow  {box-shadow: 10px 10px 5px #888; }

table.menushadow  
{
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

table.photoshadow  
{
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}

tr.list:hover {background-color:#f5f5f5; }

a { cursor: pointer; }