/* Touch Up */
/*-------------------------*/
/* CSS Document */
#spanHeader {
}
.column5css{
height:500%;
overflow:visible;
position: relative;
}
#layout-column_column-8 {
color:#fff;
}
.styletime{
    font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
}
body {
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
.headerBM {
background:url(/html/themes/jheoa/images/main/headerBM.png) no-repeat center;
height:137px;
}
.headerBI {
background:url(/html/themes/jheoa/images/main/headerBM.png) no-repeat;
height:137px;
}
.style1 { color:#FFFFFF; }
.theColorInner {
background-color:#e7e7e7;
padding:5px;
}
a {
font-size: 11px;
color: red;
font-weight:bold;
}
a:link {
font-size: 11px;
text-decoration: none;
color: #442516;
font-weight:bold;
}
a:visited {
font-size: 11px;
text-decoration: none;
color: #442516;
font-weight:bold;	
}
a:hover {
font-size: 11px;
text-decoration: underline;
color: #9933cc;
font-weight:bold;
}
a:active {
font-size: 11px;
text-decoration: none;
color: #442516;
font-weight:bold;
}
a.header:link {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a.header:visited {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.header:hover {
color: #7EACD6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a.header:active {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a.yellowh:link {
color: yellow;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.yellowh:visited {
color: yellow;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.yellowh:hover {
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a.yellowh:active {
color: yellow;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
.header1  {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.header1:link {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.header1:visited {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.header1:hover {
color: yellow;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a.header1:active {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.menu:link {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.menu:visited {
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.menu:hover {
color: #3366FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.menu:active {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.bottomlink:link {
color:#FFFF00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
a.bottomlink:visited {
color:#ffff00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
a.bottomlink:hover {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;
}
a.bottomlink:active {
color: #ffff00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
SELECT {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 10px;
}
h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #656565;
   padding-top: 10px;
   padding-bottom: 5px;
   margin: 0px;
}
h4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #333399;
   padding-top: 10px;
   padding-bottom: 5px;
   margin: 0px;
}
h6 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: darkblue;
   padding-top: 5px;
   margin: 0px;
}
input {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 10px;
   margin-right: 8px;
}
.menu_bg {
background-image: url(/html/themes/jheoa/images/main/menu_tile.png);
background-repeat: repeat-x;
background-position: left top;
height:44px;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 9999999;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/* jheoa Version 2 CSS - By Poscorp Sdn Bhd */
.background_image {
background-image:url(/html/themes/jheoa/images/main/bg.png);	
}
.colorUtama {
background-color: #244973;
}
.left_shadow {
background-image:url(/html/themes/jheoa/images/main/shadow_l.png);	
width:7px;
background-repeat:repeat-y;
}
.right_shadow {
background-image:url(/html/themes/jheoa/images/main/shadow_r.png);	
width:7px;
background-repeat:repeat-y;
}
.left_bottom_shadow {
background-image:url(/html/themes/jheoa/images/main/shadow_lb.png);	
width:19px;
height:19px;
background-repeat:no-repeat;
}
.center_bottom_shadow {
background-image:url(/html/themes/jheoa/images/main/shadow_cb.png);	
height:19px;
background-repeat:repeat-x;
}
.right_bottom_shadow {
background-image:url(/html/themes/jheoa/images/main/shadow_rb.png);	
width:19px;
height:19px;
background-repeat:no-repeat;
}
.lfr-dock {
background-color:#e8FA7CD;
border-left:solid #000 1px;
border-top:solid #000 1px;
border-right:solid #000 1px;
border-bottom:solid #000 1px;
}
.CalendarHeader {
background-image: url(/html/themes/jheoa/images/main/calendar.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.CalendarHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/calendaroff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.CalendarText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
}
.PollHeader {
background-image: url(/html/themes/jheoa/images/main/poll.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.PollHeaderbi{
background-image: url(/html/themes/jheoa/images/main/menu/polloff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.PollText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
}
.PrayerHeader {
background-image: url(/html/themes/jheoa/images/main/prayer.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.PrayerHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/prayertimeoff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.PrayerText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.QuickLinkHeader {
background-image: url(/html/themes/jheoa/images/main/pautanpantas.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.QuickLinkHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/quicklinkoff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.QuickLinkText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.AplicationDalamanHeader {
background-image: url(/html/themes/jheoa/images/main/aplikasidalaman.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.AplicationDalamanHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/internaloff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.AplicationDalamanText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.EAduanHeader {
background-image: url(/html/themes/jheoa/images/main/e-aduan.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.EAduanHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/ecomplaintoff.png);
background-repeat:no-repeat;
width:100%;
height:56px;
cursor:pointer;
}
.EAduanText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.MuziumHeader {
background-image: url(/html/themes/jheoa/images/main/muzium.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.MuziumHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/museumoff.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.MuziumText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.WebMelHeader {
background-image: url(/html/themes/jheoa/images/main/webmel.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.WebMelHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/webmailoff.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.WebMelText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
.PerpustakaanHeader {
background-image: url(/html/themes/jheoa/images/main/perpustakaan.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.PerpustakaanHeaderbi {
background-image: url(/html/themes/jheoa/images/main/menu/libraryoff.png);
background-repeat:no-repeat;
width:100%;
height:55px;
cursor:pointer;
}
.PerpustakaanText {
font-weight:bold;
color:#FFFFFF;
padding-left:50px;
text-transform:uppercase;
}
#spanHeader a {
 color:#FFFFFF;
}
#spanHeader a:hover {
 color:#FFFF00;
}
#spanHeader a:visited {
 color:#FFFFFF;
}
#box
{
margin: auto;
left:0; right:0;
top:0; bottom:0;
position: absolute;
text-align: center;
}
.theBullet {
background-image: url(/html/themes/jheoa/images/main/bullet.png);
background-repeat:no-repeat;
width:17px;
height:15px;
float:left;
}
.corner_up_left {
background-image: url(/html/themes/jheoa/images/main/corner_up_left.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_up_right {
background-image: url(/html/themes/jheoa/images/main/corner_up_right.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_bot_left {
background-image: url(/html/themes/jheoa/images/main/corner_bot_left.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_bot_right {
background-image: url(/html/themes/jheoa/images/main/corner_bot_right.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_up_left_blue {
background-image: url(/html/themes/jheoa/images/main/corner_up_left_blue.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_up_right_blue {
background-image: url(/html/themes/jheoa/images/main/corner_up_right_blue.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_bot_left_blue {
background-image: url(/html/themes/jheoa/images/main/corner_bot_left_blue.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
.corner_bot_right_blue {
background-image: url(/html/themes/jheoa/images/main/corner_bot_right_blue.png);
background-repeat:no-repeat;
width:5px;
height:5px;
}
/* --------------------------------------------------------- */
/* ####################### THIS SECTION FOR COLOR / SCHEME CHANGE ################# */
/* ---- Ajax Drop Menu Change Color --------- */
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #262626; /*background of menu items (default state)*/
}
.theColor {
background-color:#04438a;
}
/* ---- END --------- */