/*  
CSS: Basic V2
Description: Portal Muzium Negara (www.muziumnegara.gov.my)
Author: Nezam Mustakim : nezam@insanmultimedia.com (I-INSAN MULTIMEDIA SDN BHD.)
Author URL: http://www.insanmultimedia.com
*/

/* GENERAL
------------------------------------------------*/
body {margin:0; padding:0; background-image:url(../images/Basic/bg.jpg); background-repeat:repeat-x; font: 75%/140% Arial, Helvetica, sans-serif;}
.clear {clear:both;}
.float_left {float:left;}
.float_right {float:right;}

.img_padding {padding-bottom:2px;}

.thumb_left {display: block; padding: 9px; margin: 0px 9px 9px 0px;	line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;	width:100px; float:left;}
.thumb_right {display: block; padding: 9px;	margin: 0px 9px 9px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6; width:100px; float:right;}

.top_p {margin:0; padding:0}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* TEXT
------------------------------------------------*/
.info {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 100%;}
.title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
.small_title {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#5d5118;}
.big_title {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#5d5118; font-weight:bold;}

a:link {color:#d82d04; text-decoration:none}
a:visited {color:#d82d04; text-decoration:none}
a:hover {color:#fd3404; text-decoration:underline;}

a.breadcrumb:link {text-decoration:none; font-family:tahoma; font-size:11px;}
a.breadcrumb:visited {text-decoration:none; font-family:tahoma; font-size:11px;}
a.breadcrumb:hover {text-decoration:underline; font-family:tahoma; font-size:11px;}

.title_date {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;	color:#000000;}

a.title_list:link {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-decoration:none;}
a.title_list:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-decoration:none;}
a.title_list:hover {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-decoration:underline;}


/* LAYOUT
------------------------------------------------*/
#bodyContainer {width:913px; margin:auto; background-image:url(../images/Basic/bg_main.png)}
#MainContainer {width:881px; margin:auto;}

/* HEADER
------------------------------------------------*/
#HeaderContainer {width:881px; height:339px; margin:auto; position:relative; }
#HeaderContainerSub {width:881px; height:134px; margin:auto; position:relative; }

#Header_top {width:881px; height:134px; margin:auto; background-image:url(../images/bg_header/rotate.php); background-repeat:no-repeat;position:relative;}

#logoswf {width:407px; height:134px; z-index:1; position:relative}
#tool {width:350px; height:100%; z-index:3; top:0px; position:absolute; right:0px;}
#accessibility {width: 334px; padding: 5px 10px 1px 10px; position: absolute; margin-top: 0px; background-repeat: no-repeat; background-position: center bottom;}
#search {height:30px; float:right; margin-top:70px;}

#Header_flash {width:881px; height:250px; z-index:1; top:90px; position:absolute;}


/* MENU
------------------------------------------------*/
#main_menu {height:36px; background-image:url(../images/Basic/menu_bg.png); background-repeat:no-repeat; background-position:left; top:98px; z-index:3; position: absolute; right:0px}

#menu {padding-top:10px; margin-left:15px; margin-right:10px}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul li{position: relative; display: inline; float: left; }
#menu ul li a{display: block;  text-decoration: none; color: #787878; padding: 2px 15px; font-family: tahoma; font-size:11px; text-transform:uppercase; height:20px;}

/*Sub level menu*/
#menu ul li ul{left: 0; top: 0; position: absolute; display: block; visibility: hidden; z-index: 100;}

/*Sub level menu list items*/
#menu ul li ul li{display: inline; float: none; }

/* Sub level menu links style */
#menu ul li ul li a{ height:15px; font-weight: normal; padding: 2px 5px; background: #f3ecc0; border-width: 0 1px 1px 1px; border: 1px solid #cccccc; border-top-width:0; 
width: 200px; /*width of sub menu levels*/ }

#menu ul li a:hover{ background-color:#e1d792; color:#000000}
#menu ul li ul li a:hover{background: #e1d792;}
#menu .arrowdiv{position: absolute; right: 0; background: transparent url(menuarrow.gif) no-repeat center left;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;}

/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


/* INTRO
------------------------------------------------*/
#intro_frame {width:881px; z-index:4; margin-top:-39px; position:relative }
#intro_left {width:389px; float:left; margin-top:40px;}
#intro_right {width:492px; float:left; background-image:url(../images/Basic/bg_intro_right.png); background-repeat:no-repeat;}
.intro_album {margin: 0 1px 2px 0; padding: 5px 5px 5px 5px; width: 260px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%;}
.intro_album .thumb {float: left; margin-right: 6px; text-align:center;}
.imgthumb {width:70px; height:55px; border:0;}

#intro_artifak {width:389px; background-image:url(../images/Basic/bg_artifak.jpg); background-repeat:no-repeat; background-position:bottom;}
#artifak_img {padding-top:20px;}
#artifak_desc {margin:10px; padding-bottom:20px;}
#banner { width:450px; height:100%; margin:auto; margin-top:10px;}
#intro_content {margin:15px;}


/* CONTENT
------------------------------------------------*/
#content_frame {height:100%; margin:auto;}
#content_container {width:850px; height:100%; margin:auto; margin-top:5px;}
#page_container {width:645px; height:100%; float:left;}
#breadcrumb {width:100%; height:20px; font-family:tahoma; font-size:11px; color:#666666; padding-left:15px;}
#top_page {width:645px; height:66px; background-image:url(../images/Basic/page_top_bg.jpg);}
#top_page .page_title {font-family:Georgia, "Times New Roman", Times, serif; color:#4c4211; font-size:24px; padding: 5px 0 0 15px; font-weight:bold; line-height:normal; float:left}
#top_page .page_title_small {font-family:Georgia, "Times New Roman", Times, serif; color:#4c4211; font-size:18px; padding: 15px 0 0 15px; font-weight:bold; line-height:normal; float:left}
#top_page .page_menu {float:right; padding:18px 5px 0 0; }
#center_page {width:645px; min-height:333px;}
#center_page .content {width:620px; padding-left:15px; margin:0;}
#bottom_page {width:645px; height:38px; }

#center_page .content_desc {width:100%; height:100%;}
#item_related {width:570px; height:100px; background-color:#eee; padding:10px;}
#item_related .item_box {}
.img {display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}
.img_relate { width:75px; height:75px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6; float:left}

/* LEFT BLOCK
------------------------------------------------*/
#left_block {width:195px; height:10%; float:left; padding-top:50px; margin-right:10px;}
.title_leftnav {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#000; padding-left:15px;}

#navMenu ul {list-style: none; margin: 0; padding: 0;}
#navMenu {width: 194px;}
#navMenu li {display:inline;}

#navMenu li a:link, #navMenu li a:visited {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-decoration: none;height: 18px;display: block;background: url(../images/Basic/backMenu.jpg);padding: 0 0 0 20px;margin-top:2px; font-size:11px;color:#907c47}
#navMenu li a:hover {background: url(../images/Basic/backMenu.jpg) 0 -18px;padding: 0 0 0 20px;margin-top:2px; color:#d82d04}
#navMenu ul li.act a:link, #navMenu ul li.act a:visited {background: url(../images/Basic/backMenu.jpg) 0 -18px;padding: 0 0 0 20px;margin-top:2px; color:#000000}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {font-weight: normal;background: url(../images/Basic/backSubMenu.jpg);padding: 0 0 0 30px;}
#navMenu li.act li a:link, #navMenu li.act li a:visited {font-weight: normal;background: url(../images/Basic/backSubMenu.jpg);padding: 0 0 0 30px; color:#907c47}
#navMenu li.act li a:hover {background: url(../images/Basic/backSubMenu.jpg) 0 -18px;padding: 0 0 0 30px; color:#d82d04}
#navMenu li.act li.act a:link, #navMenu li.act li.act a:visited{background: url(../images/Basic/backSubMenu.jpg) 0 -18px;padding: 0 0 0 30px;color:#000000}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;}
#navMenu li.act li li a:link, #navMenu li.act li li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;}
#navMenu li.act li.act li a:link, #navMenu li.act li.act li a:visited {background: url(../images/Basic/backSubSubMenu.jpg);padding: 0 0 0 40px;color:#907c47}
#navMenu li.act li li a:hover {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px;color:#d82d04}
#navMenu li.act li.act li a:hover {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px; color:#d82d04}
#navMenu li.act li.act li.act a:link, #navMenu li.act li.act li.act a:visited {background: url(../images/Basic/backSubSubMenu.jpg) 0 -18px;padding: 0 0 0 40px; color:#000000}

/* RIGHT BLOCK
------------------------------------------------*/
#right_block {width:195px; height:10%; float:left; padding-top:50px; margin-left:10px;}

/* EXHIBITION/GALLERY
------------------------------------------------*/
#exhibition {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; min-height:170px; border: 1px solid #E7F0F5; background: #fef7d1;}
#exhibition .thumb {float: left; margin-right: 6px;text-align:center; width:220px; height:150px} 
#exhibition h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif}

#itemlist_container {width:100px; height:100px; float:left; margin-bottom:20px;}
.img_list { width:75px; height:75px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}

/* COLLECTION
------------------------------------------------*/
#collection {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; min-height:130px; border: 1px solid #E7F0F5; background: #fef7d1;}
#collection .thumb {float: left; margin-right: 6px;text-align:center; width:170px; height:100px;} 
#collection h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.img_collection {width:150px; display: block; padding: 5px; margin: 0px 5px 5px 0px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}

/* ACTIVITY
------------------------------------------------*/
#activity {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; border: 1px solid #E7F0F5; background: #fef7d1;}
#activity .thumb {float: left; margin-right: 6px;text-align:center; width:90px; height:75px;} 
#activity h3 {padding: 3px;margin: 0; font-family:Georgia, "Times New Roman", Times, serif;}

#activity .desc {width:410px; height:100%; float:left; margin-left:5px;}

/* ITEM
------------------------------------------------*/
.item_front {max-width:370px; max-height:250px}
.item_view	{max-width:300px;}
#item_note	{float:right; width:300px; height:100%; background-color:#CCCCCC;}
#item_note .top_note {background: url(../images/Basic/note_bg.jpg); width:300px; height:20px;}
#item_note .bottom_note {background: url(../images/Basic/note_bg.jpg); background-position:bottom; width:300px; min-height:100px;}
#item_note .bottom_note .note_desc {padding:10px 10px 30px 15px;}

/* BLOCK
------------------------------------------------*/
.content_block {padding:5px;}
.centerbg {width:195px; height:100%; background: url(../images/Basic/block_center_bg.jpg);}
.bottombg {width:195px; height:12px; background: url(../images/Basic/block_bottom_bg.jpg);}

/* CONTACT US
------------------------------------------------*/
.form_bg {margin: 0 12px 8px 0; padding: 10px 8px 2px 10px; width:590px; border: 1px solid #E7F0F5; background: #fef7d1;}
#form_div {height:80px;}

/* FOOTER
------------------------------------------------*/

#footer_frame {width:100%; height:100%; margin:auto; background-color:#f1e9c0;}
#footer_container {width:870px; height:100%; margin:auto; background-color:#f1e9c0;}
#footer_content {width:870px; height:100%; background-color:#e9e0b3; padding-top:10px; padding-bottom:10px;}

/*	SITEMAP
---------------------------------------------------*/
#site_map {display:none;width:800px; height:400px;background-color:#FFFFFF; border: 0px solid #cccccc; padding-top:10px; padding-bottom:10px; color: #AF0000}
#site_map_div ul li{ margin-left:-40px;  font-weight: normal; text-transform: uppercase;  }
/*	Carta Organisasi
---------------------------------------------------*/
.cart4 {font-family: Arial, Helvetica, sans-serif;	font-size: 9px; height: 50px; background-color:#ede8cc;}
.cart3 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.cart2 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.cart1 {font-family:"Times New Roman", Times, serif;font-size: 11px; height: 50px; background-color:#e7dc9c; font-weight:bold;}
.carta_line {background-image:url(../images/Basic/carta_line.jpg); background-position:center; height:10px;}
.carta_line_cross {background-image:url(../images/Basic/carta_line_cross.jpg); background-position:center; height:25px;}
.carta_line_2 {background-image:url(../images/Basic/carta_line_2.jpg); background-position:center; height:25px;}
.carta_line_2right {background-image:url(../images/Basic/carta_line_right.jpg); background-position:left; height:25px; background-repeat:no-repeat}
.carta_line_2left {background-image:url(../images/Basic/carta_line_left.jpg); background-position:right; height:25px; background-repeat:no-repeat}
.carta_line_double {background-image:url(../images/Basic/carta_line_double.jpg); background-position:center; height:25px; background-repeat:no-repeat}



/*	CHAT
---------------------------------------------------*/
#top_bar {
margin:0 auto; 
width: 600px; 
float:left; 
padding: 5px; 
border: 1px solid #000000;
}
#top_bar .top-bar-button { padding: 3px; width: 100px; float: left; border: 1px solid #000000 }
#spacer {
float: left; 
width: 5px;
}

#progress{
	background: #FFFFFF url('../images/Basic/bar.gif') repeat-x right;
	height: 20px;
	width: 0px;	
}

.carta { margin-left:50px;}
.clear { clear:both}
.chart01 {width:250px; background-color:#fedb77; padding:10px; clear:both; border:1px; border-style:solid; border-color:#a9a9a9; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px}
.chartline1 {width:100px; height:25px; margin-left:100px; border-color:#000000; border-width:1px; border-left-style:solid; }
.chartline2 {width:150px; height:10px; margin-left:100px; border-color:#000000;border-width:1px; border-style:solid; border-bottom-style:none;}
.chartline3 {width:75px; height:50px; margin-left:100px; float:left; border-color:#000000; border-width:1px; border-left-style:solid; }
.chart02 {width:150px; background-color:#FFFF99; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9}
.chartline4 {width:50px; height:30px; margin-left:100px; float:left; border-color:#000000; border-width:1px; border-left-style:solid; border-bottom-style:solid; }
.chartline5 {width:50px; height:50px; margin-left:100px; margin-top:-20px; float:left; border-color:#000000; border-width:1px; border-left-style:solid; border-bottom-style:solid; }
.chart03 {width:300px; margin-top:10px; background-color:#baeafe; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart04 {width:300px; margin-top:10px; background-color:#fe9499; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart05 {width:300px; margin-top:10px; background-color:#fd96d3; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart06 {width:300px; margin-top:10px; background-color:#fec480; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart07 {width:300px; margin-top:10px; background-color:#fdb6f1; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart08 {width:300px; margin-top:10px; background-color:#a5c4d5; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}
.chart09 {width:300px; margin-top:10px; background-color:#dbfba2; float:left; padding:10px; border:1px; border-style:solid; border-color:#a9a9a9;}

/*-------------impromptu---------- */
.jqifade{ position: absolute; background-color: #BFAB3B; }
div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
/*-------------------------------- */


rss
{
    display:block;
    margin:10px;
}

channel
{
    display:block;
    height:300px;
    width:280px;
    border:1px solid #000;
    overflow:auto;
    background-color:#eee;
    font: 12px verdana;
}

item
{
    display: block;
    padding:10px;
    margin-bottom:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#fff;
}




channel>title, channel>description
{
    display: block;
    margin-left:10px;
    margin-top:10px;
    background-color:#eee;
    font-weight:bold;
}

channel>title
{
    font-size:16px;
}

channel>description
{
    font-size:10px;
    margin-bottom:10px;
}

item>title
{
    font-weight:bold;
}

item>link, channel>link, channel>language
{
    display: none;
}