/*  
Theme Name: FINAS V4
Description: Finas.gov Version 4
Author: Nezam Mustakim (I-INSAN MULTIMEDIA SDN BHD.)
Author URL: http://www.insanmultimedia.com

*/
/* General
---------------------------------------------------------------------------------*/
BODY {margin:0px; background-color:#7c0115; background-image:url(images/bg.jpg);background-attachment: fixed; background-repeat:repeat-x; background-position:top; font: 75%/140% Arial, Helvetica, sans-serif; color:#000000; line-height: normal}

.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 */

.clear {clear:both;}

.border {outline: 1px solid #ddd;	border-top: 1px solid #fff;	padding: 10px; background: #f0f0f0;}

.float_left {float:left;}

/* Layout
---------------------------------------------------------------------------------*/
#body_container {width:1000px; margin:auto; height:100%; padding-left:10px}
#top_container {width:1000px; height:498px; background-image:url(images/centerbg.png);}

#inbody_container {width:1000px; background-image:url(images/inbody_bg.png); margin-top:-460px}

/* Left Frame--------*/
#left_frame {width:240px; height:100%; float:left; margin-top:-35px}
#main_menu {width:240px; height:100%;}

.menu_frame {width:240px; height:100%; border-bottom-style:solid; border-bottom-color:#9d0474; border-bottom-width:1px; padding: 10px 0 5px 0}
.menu_icon {width:55px; height:50px;float:left;}
.menu_text {width:180px; height:100%; float:left; padding-left:5px; padding-top:8px}

.submenu_ac {width:176px; background-color:#FFFFFF; display:block; padding:2px; margin:3px 2px 3px 0; color:#660037}
.submenu_x {width:176px; background-color:#ac067f; display:block; padding:2px; margin:2px 2px 2px 0; color:#FFFF00;}

.subsubmenu_ac {width:176px; background-color:#FFFFFF; display:block; padding:2px 2px 2px 17px; margin:3px 2px 3px 0; color:#660037}
.subsubmenu_x {width:156px; background-color:#c3028e; display:block; padding:2px 2px 2px 17px; margin:2px 2px 2px 0;}

#services {width:223px; margin-left:17px;}
#services .top {width:223px; height:11px; background-image:url(images/online_top-bg.png);}
#services .center {width:223px; background-image:url(images/online_ctr-bg.png);}
#services .bottom {width:223px; height:11px; background-image:url(images/online_btm-bg.png);}
#services .title {width:20px; float:left}
#services .detail {width:193px; float:left; padding-left:10px}

/* Center Frame--------*/
#center_frame {width:760px; height:100%; float:left;}

#tools {width:715px; height:25px; margin-top:-30px}
#left_tools {float:left;}
#right_tools {float:right; }
.tool {float:left; padding:0 5px 0;}
#header { width:717px; height:149px;}

#content_frame_main {width:715px; min-height:400px}
#content_frame {width:715px; min-height:400px; margin-left:5px;}
#TV {width:353px; height:282px; float:right; position: absolute; margin-left:380px; margin-top:-110px; background-image:url(images/TV_bg.png); display:inline}
#TV_content {width:333px; height:260px; margin-left:5px; margin-top:13px;}

#front_center {width:400px; height:100%; background-image:url(images/bg_front_center.jpg); background-repeat:repeat-x; background-position:top; float:left}
.front_news {border:1px; border-color:#999999; border-right-style:solid; border-bottom-style:solid; width:375px; margin-left:15px; padding:10px 10px 10px 0;}
.news_img {float:left; width:100px;}
.img_news {display: block; padding:5px; margin:0; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}
.news_text {float:left; width:260px; padding-left:15px;}

#front_right { width:305px; float:left; margin-top:170px; padding-right:10px}
.right_title { height:38px; border:1px; border-color:#999999; border-top-style: solid; border-left-style: solid; font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;text-transform:uppercase; padding-left:10px; background-image:url(images/bg_title-right.jpg); background-repeat:no-repeat; padding-top:8px}
.right_block { padding-left:10px; padding-top:10px;}
.block_gallery {width:140px; height:130px; float:left; margin:0 0 5px 5px;} 

#activity {width:320px; background-color:#ece4e4; float:left; margin-left:10px; padding:0 10px; min-height:350px;}
#activity h2 {font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;text-transform:uppercase; display:block; border:1px; border-style:solid; border-color:#d0c6c6; padding:5px; background-image:url(images/bg_activity.jpg)}
.thumb {width:60px; float:left;}
.intro_desc {width:220px; float:left}
.intro_album {margin: 0 1px 2px 0; padding: 5px 5px 5px 5px; width: 280px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%;}


#training {width:320px; background-color:#ece4e4; float:left;margin-left:10px; padding:0 10px; min-height:350px;}
#training h2 {font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;text-transform:uppercase; display:block; border:1px; border-style:solid; border-color:#d0c6c6; padding:5px; background-image:url(images/bg_activity.jpg)}

#training .listbox {margin: 0 1px 2px 0; padding: 5px 5px 5px 5px; width: 310px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%;}

/* ----------------LINKS------------- */
#LINKS_outer {width:1000px; margin:10px auto 10px; position:relative;}
/* create custom forward-backward buttons for this container */
#LINKS_outer .SlideItMoo_forward,
#LINKS_outer .SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width:25px; height:50px; bottom:0px; right:5px; background:url(images/LINKS_forward.png) no-repeat center; }
#LINKS_outer .SlideItMoo_back { left:5px; background:url(images/LINKS_back.png) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#LINKS_inner{ position:relative ; overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;}
	
/* the thumbnails container; set a width on it so everything will be fine */
#LINKS_items { display:block; position:relative; padding-top:5px;}

/* single element design */
#LINKS_items div.LINKS_element { display:block; position:relative; float:left; margin:0px 5px 0px; }
#LINKS_items a img{ border:none; width:90px; height:77px;}

#link2 {width:695px; text-align:center; margin:10px auto 10px;}
#link2 h2 {font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;text-transform:uppercase;}

/* --------------------BANNER --------------------- */
#BANNERS_banners_outer { display:block; position:relative; width:290px; height:120px; margin:0px 0px 0px 10px; border:1px #CCCCCC solid; }
#BANNERS_banners_inner { position:relative ; overflow:hidden ; width:290px ; height:120px ; margin:0px auto 0px;  }
#BANNERS_banners_items { white-space:nowrap; display:block; position:relative; }
#BANNERS_banners_items a img { 	border:none; }


#bottom_content {width:1000px; height:20px; background-image:url(images/bottom_bg.png) }

/* Footer--------*/
#footer_container {width:1000px; margin:auto; height:100%; padding-left:10px}
#footer {width:695px; margin-left:240px; background-color:#b00e84; padding:10px; color:#CCCCCC}
#footer .stat {width:260px; float:left; padding-left:10px;}
#footer .copy {width:400px; float:left; padding-right:10px;border-width:1px; border-color:#CCCCCC; border-right-style:solid}

/* CONTENT
---------------------------------------------------------------------------------*/
.news_list {width:100%; height:100%; padding:10px 0 10px; border:1px; border-color:#999999; border-bottom-style:solid;}
.news_list-text {float:left; width:520px; padding-left:55px;}

#SubMenu { height:30px;}
#SubMenu ul {list-style:none; margin:0; padding:0}
#SubMenu li {float:left;}
#SubMenu a,
#SubMenu a:link,
#SubMenu a:visited,
#SubMenu a:active {display:block; padding:4px 10px 4px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#ac067f; color:#ffffff; text-decoration:none; margin:1px}
#SubMenu a:hover {display:block; padding:4px 10px 4px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#CCCCCC; color:#000000; text-decoration:none; margin:1px}
#SubMenu .ac {display:block; padding:4px 10px 4px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;background-image:url(../images/bgtitle01.jpg); margin:3px 3px 0 3px; height:20px}

#bgcontent {width:650px; padding:10px; height:100%; background-color:#ece4e4;}
#bgcontent h2 {font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;text-transform:uppercase; display:block; border:1px; border-style:solid; border-color:#d0c6c6; padding:5px; background-image:url(images/bg_activity.jpg)}

.item_list {margin:2px; padding: 5px 5px 5px 5px; border: 1px solid #E7F0F5; background: #F7F9FD;}

/* TEXT
---------------------------------------------------------------------------------*/

.frontnews {font-size:18px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;}
.frontnewslist {font-size:14px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal;}

a.info_link:link,
a.info_link:visited,
a.info_link:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
a.info_link:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration: underline;}


a.foot_link:link,
a.foot_link:visited,
a.foot_link:active {font-size:14px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal; color:#FFFFFF; text-decoration:none;}
a.foot_link:hover {font-size:14px;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; letter-spacing:-1px;font-weight:normal; color:#FFFF00; text-decoration: underline;}

/*--------------------------------------------------------------------------------
 V1 CSS
---------------------------------------------------------------------------------*/

.tdchart1 {padding:5px; color:#FFFFFF}

SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
a:link {
	color: #1956c5;
	text-decoration: none;
}
a:visited {
	color: #1956c5;
	text-decoration: none;
}
a:hover {
	color: #1956c5;
	text-decoration: underline;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.verdana9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a2a0a0;
}
.gray2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.gray3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e3e3e3;
}
.lang {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	cursor:pointer;
}
.menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #f5e705;
	text-decoration: none;
	line-height: 20px;
}

.section {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #660037;
	text-decoration: none;
	font-weight: bold;
}
.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #660037;
	text-decoration: none;
	font-weight: bold;
}
.title2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #660037;
	font-weight: bold;
}
.title3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.title_big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.title_big2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.title_film {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.title_film_link:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #660037;
	text-decoration: underline;
	font-weight: bold;
}
a.title_film_link:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #660037;
	text-decoration: underline;
	font-weight: bold;
}
a.title_film_link:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a.home:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.home:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.home:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f5e705;
	text-decoration: none;
}
a.menu:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
a.menu:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
a.menu:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #f5e705;
	text-decoration: none;
	line-height: 20px;
}
a.submenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}
a.submenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}
a.submenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f5e705;
	text-decoration: none;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #660037;
}
.newstitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #660037;
	font-weight: bold;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.loginmenu {
	background-color:#333333;
	padding-left:15px;
	padding-right:15px;
}
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.title_white {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}
.rightblock {
	border:solid;
	border-width:thin;
	border-color:#670037;
	width:95%;
}
.img {display: block; padding:5px; margin: 2px 5px 5px 10px; line-height: 0px; border: 1px solid #e6e6e6; background-color: #f6f6f6;}

/*--------------------------------------------------------------------------------
 JQUERY Slider CSS
---------------------------------------------------------------------------------*/
#slider {
    width: 290px; /* important to be same as image width */
    height: 218px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding:0;
	margin-left:10px;
}
#sliderContent {
    width: 290px; /* important to be same as image width or wider */
    position: absolute;	top: 0;	margin-left: 0;}
.sliderImage {float: left; position: relative;display: none;}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 264px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.sliderImage span strong {  font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
#slider ul { list-style-type: none; margin:0; padding:0}