/** ---------------------------------------	**
 **	stuff: side menu 2006 06 16 $madie		**
 **	last modified: 2006 11 14 - 20061206 	**
 ** - 20070124 - 20070223					**
 **	THEME based on ARAB MOHE - green		**
 **	--------------------------------------- **/

 	@import "banner.css";	/*banner*/
	@import "boxes.css";	/*layout*/
	@import "modules.css";	/*modules customise*/
	@import "lms.css";	/*design baru*/
	@import "box.css";	/*design baru*/
	@import "tablecss.css";	/*midt baru*/

	/*MOHE KSA*/
	
	#title {
		font-size:12px;
		font-weight:bold;
		color:#eeeeee;
	}


	/* body */
	.encik_madie {
		color:#dddddd;
		font-weight:bold;
		letter-spacing:1px;
	}
	/*.bodymohe {
		margin-left:0cm;
		margin-top:0cm;
		margin-width:0cm;
		margin-height:0cm;
		background: url('../images2/bgsmall.jpg');

	}*/
	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		direction : ltr;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left : 0px;
		margin-right : 0px;

	}

	/* customise body */
	.body1 {
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		direction : ltr;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

	}
	.body2 {
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		direction : ltr;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

	}

	.body3 {
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		direction : ltr;
	}
	
	.bodycontent {
		/*asal:background-color:#ECF3F8;*/
		background-image: url(headerclass/images/leftbg.gif);
		background-repeat:repeat;
		background-color:#FFFFFF;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		direction : ltr;
	}
	
	bodyheader {
		font-size:10px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-image: url();

	}
	.body4 {
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		direction : ltr;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

	}
	.bodydemo {
		background-color:#e7e5e6;
		direction : ltr;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

	}
	/*login page*/
	.bdmain {
		/*asal:background-color:#ECF3F8;*/
		background-color:#FFFFFF;
		direction : ltr;

	}

	a:link {
		color:#8B9000;
		font-weight:bold;
		font-size:10px;
		text-decoration:none;
	}
	a:active{
		color:#333333;
		text-decoration:none;
	}
	a:hover	{
		color:#FF9900;
		text-decoration:none;
	}
	a:visited {
		color:#833D1A;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
	}

	h3 {font-size:11px;}
	td {font-size:10px;}
	hr { border:1px solid #eeeeee;}

	/* style code lama ni, masa 1st time setup kat taipan lagi */

	/* tema kelabu utk set table */
	.tbtitle {
		font-weight: bold;
		color: #333333;
		background-color: #f1f1f1;
	}
	.tbmenu {
		font-weight: bold;
		color: #333333;
		background-color: #F9F9F9;
		border-bottom: 1px solid #f3f3f3;
	}
	.tbmain {
		background-color: #FFFFFF;
		border-bottom: 1px solid #f3f3f3;
	}
	.tbsub {
		background-color: #eeeeee;
	}
	.tbfoot {
		background-color: #eeeeee;
	}
	td.style {
		color:#3366FF;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
	}
	td.style2 {
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
	}
	/* top menu */
	.topmenu {
		background-color: #4C7FA6;
		color:#ffffff;
		letter-spacing:1px;
		font-weight:bold;
		height:15px;
		font-size:11px;
		width:100%;
		display:block;
		border-bottom:4px solid orange;
	}
	.topmenuc {
		background-color: #4C7FA6;
		color:#ffffff;
		letter-spacing:1px;
		font-weight:bold;
		height:15px;
		font-size:11px;
		width:100%;
		display:block;
		border-bottom:4px solid orange;
	}

	a.top:link, a.top:visited {
		color:#FF9900;
	}
	a.top:hover {
		color:orange;
	}
	/* abih takat ni utk maintain saja la class ni */

	.button, #button, input, .input {
		border: 1px solid #A7A7A7;
		color : #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;
		font-size : 11px;
		background: url(../images/button.png) repeat-x;
		-moz-border-radius: 2px;	/*mozilla only
	}

	.data_border, #data_border {
		border:1px solid #DDDDDD;
	}
	.display_border, #display_border {
		border:1px solid #DDDDDD;
		-moz-border-radius: 8px;	/*mozilla only*/
	}

	.bottom {
		border-bottom:1px solid #DDD;
	}
	.line {
		border-bottom: 1px dotted #000000;
		padding:4px;
	}
	.linegb {
		border-bottom: 1px solid #000000;
		padding:1px;
	}
	.pg {	/*paging style*/
		background-color:#F9F9F9;
		color:#bbbbbb;
		font-size:9px;
	}
	.small, #small {
		font-size:9px;
	}
	.optional {
		font-size:9px;
		color:brown;
		font-weight:normal;
		text-decoration:underline;
	}
	.legend {
		font-weight:bold;
	}
	.infotext { /*biru*/
		color:blue;
	}
	.warntext { /*red*/
		color:red;
	}
	.info { /*kelabu keputihan*/
		background-color:#F9F9F9;
		display: block;
		border:1px dashed #eeeeee;
		padding: 5px 5px 5px 5px;
		margin-left:5px;
	}
	/* bgcolor */
	.data {
		background-color: #FFFFFF;
		padding-left:5px;
	}
	.bgwhite {	/*ofcoz putih*/
		background-color:#FFFFFF;
	}
	.bgmiddle { /*kelabu keputihan*/
		background-color:#F9F9F9;
	}
	.bgfoot {	/*light kelabu*/
		background-color:#eeeeee;
	}
	.bgmenu {	/*ijau flor*/
		background-color: #F3FDEC;
		padding:3px 0px 3px 0px;
	}
	.tochome {
		background: #dddddd;	/*kelabu windows*/
		font-weight:bold;
		cursor : pointer;
	}

	/* change bgcolor on-off onMouseOver/Out */
	.tocmain {
		cursor : pointer;
		background-color: #FFFFFF;
		border-bottom: 1px solid #f3f3f3;
	}
	.bgoff {}
	.bgon {
		background: #F4F3D3;	/*kuning kekelabuan: sempoi*/
	}

	/* set message position - ajax */
	#message {
	  position: absolute;
	  top: -1px;
	  left: 200px;
	  right: 200px;
	  z-index: 5000;
	  opacity: 0.85;
	}
	#message div {
	  width: 400px;
	  margin: 0px auto;
	  height: 24px;
	  min-height: 24px;
	  padding: 8px 10px 8px 46px;
	}
	#message #showproc {
	  background: url(../images/loading.gif) 6px 3px no-repeat;
	  background-color: #A6EF7B;
	  border: 1px solid #76C83F;
	  opacity: 0.5;
	  font-weight:bold;
	}

	/** ----------- new defined --------------- **/

	#default_width {	/*set default width*/
		width:250px;
	}
	#sel {	/*multiple select option*/
		width:100%;
		min-height:350px;
	}
	#sel_alter {	/*multiple select option*/
		width:420px;
		max-height:300px;
	}
	#sel_span {
		border:1px #DDDDDD solid;
		padding:2px 5px 1px 5px;
		width:100%;
	}
	#flangs {
		height:18px;
		font-size:9px;
		background-color:lightyellow;
	}

	/* looks like button aa */
	#sub_button {	/*kuning orange*/
		border:1px #FFC407 solid;
		padding:2px 5px 1px 5px;
		background: #FFFBBA;
	}
	#sub_button1 {	/*gray more*/
		border:1px #cccccc solid;
		padding:2px 5px 1px 5px;
		background: #f9f9f9;
	}
	#sub_button1_on {	/*gray more*/
		border-top:1px #cccccc solid;
		border-left:1px #cccccc solid;
		border-right:1px #cccccc solid;
		padding:2px 5px 1px 5px;
		background: #fff;
	}

	/* icons arrow */
	a.indent:link, a.indent:visited  {
		color:#333333;
	}
	a.indent:hover {
		border: 1px solid #dddddd;
	}
	#iup {
		background: url(../images/icons/iup.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	#idown {
		background: url(../images/icons/idown.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	#iright {
		background: url(../images/icons/iright.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	#ileft {
		background: url(../images/icons/ileft.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	#iplus {
		background: url(../images/icons/iplus.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	#icross {
		background: url(../images/icons/icross.png) 3px no-repeat;
		padding: 0px 0px 0px 15px;
	}

	/* icons on boxes */
	#home {
		background: url(../images/icons/icon_home.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#msg {
		background: url(../images/icons/icon_msg.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#news {
		background: url(../images/icons/icon_news.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#community {
		background: url(../images/icons/icon_community.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#tips {
		background: url(../images/icons/icon_tips.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#poll {
		background: url(../images/icons/icon_poll.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#myprofile {
		background: url(../images/icons/icon_myprofile.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#extension {
		background: url(../images/icons/icon_icube.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#icube {
		background: url(../images/icons/icon_icube02.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#announcement {
		background: url(../images/icons/icon_announcement.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#epublication {
		background: url(../images/icons/icon_epublication.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#latestnews {
		background: url(../images/icons/icon_latestnews.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#oum {
		background: url(../images/icons/icon_oum.png) 5px 1px no-repeat;
		margin-bottom:10px;
	}
	#rss {
		margin-left: 0px;
		padding: 0 0 0 25px;
		background: url(../images/icons/icon_rss.png) no-repeat 0 50%;
	}

	/* icon on block menu */
	#item_block {
		background: url(../images/icons/arrow_grey.png) 1px 2px no-repeat;
		padding-left: 15px;
		padding-bottom:2px;
	}
	#item_menu {
		background: url(../images/icons/small_arrow.gif) no-repeat;
		background-position: left;
		padding-left: 10px;
	}

	/* login page */
	#login_username {
		padding: 2px;
		width: 150px;
		color: #3B4B5B;
		background: #FFFFFF url(../images/icons/icon_user.png) no-repeat right;
	}
	#login_password {
		padding: 2px;
		width: 150px;
		color: #3B4B5B;
		background: #FFFFFF url(../images/icons/icon_key.png) no-repeat right;
	}

	/* icon on misc */
	#i_owner {
		background: url(../images/icons/icon_user_green.png) 1px 1px no-repeat;
		padding: 0px 0px 0px 20px;
	}
	#link_new {
		background: url(../images/icons/link.gif) 1px 1px no-repeat;
		padding: 0px 0px 0px 15px;
	}
	/* eol icons */

	dl#prop {
		padding: 0 5px 0 0px;
		margin: 5px 0px 0 -30px;
	}

	ul#mainlevel {
		list-style: square outside url(../images/icons/arrow_grey.png);
		padding-left:25px;
	}

	.mainmenu {	}

	.clr {clear: both;}

	#area {padding-top: 0;}

	#leftcolumn {
		padding: 0;
		margin: 2px;
		width: 90%;
		float:left;
	}

	/* community block*/
	a.mainlevel:link, a.mainlevel:visited {
		padding-left: 17px;
		font-weight: bold;
	}
	a.mainlevel:hover {
		font-weight: bold;
	}
	div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
		background: none;
		padding-left: 0;
	}

	/* folder tree shows nodes */
	div#domRoot, div#folder, div#item{
		background: none;
		padding: 0 0 0 0;
	}

	/* pathway */
	.pathway_bg {
		background: #eeeeee;
		padding-left: 5px;
	}
	a.pathway:link, a.pathway:visited {
		color: #333399;
		font-weight:bold;
		text-decoration:none;
		font-family:Georgia, "Lucida Sans Unicode", "Trebuchet MS", Verdana;
	}
	a.pathway:hover {
		color:#999999;
	}

	#whitebox {
		margin: 5px 0px 0px 0px;
		background-color: #FFFFFF;
		width: auto !important;
		width: 100%;
	}
	#whitebox div {
		text-align: left;
	}
	#whitebox_t {
		background: url(../images/box/greyline.png) 0 0 repeat-x;
	}
	#whitebox_tl {
		background: url(../images/box/box_white_tl.png) 0 0 no-repeat;
	}
	#whitebox_tr {
		height: 8px;
		overflow: hidden;
		background: url(../images/box/box_white_tr.png) 100% 0 no-repeat;
	}
	#whitebox_m2 {
		height: 15px;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		background-color: #126fb4;
		width: auto !important;
		width: 100%;
		padding: 1px 0px;

	}
	#whitebox_m {
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		width: auto !important;
		width: 100%;
		padding: 1px 8px;
	}
	#whitebox_b {
		background: url(../images/box/greyline.png) 0 100% repeat-x;
	}
	#whitebox_bl {
		background: url(../images/box/box_white_bl.png) 0 0 no-repeat;
	}
	#whitebox_br {
		height: 8px;
		overflow: hidden;
		background: url(../images/box/box_white_br.png) 100% 0 no-repeat;
	}


	#bluebox {
		margin: 5px 0px 0px 0px;
		background-color: #ffffff;
		/*background-color: #c3d9ff;*/
		/*background-color: #e8eef7;*/

		width: auto !important;
		width: 100%;
	}
	#bluebox div {
		text-align: left;
	}
	#bluebox_t {
		background: url(../images/box/greyline.png) 0 0 repeat-x;
		background-color: #c3d9ff;
	}
	#bluebox_tl {
		background: url(../images/box/box_blue_tl.gif) 0 0 no-repeat;
	}
	#bluebox_tr {
		height: 8px;
		overflow: hidden;
		background: url(../images/box/box_blue_tr.gif) 100% 0 no-repeat;
	}
	#bluebox_m {
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;

		background: url(../images/box/greyline.png) 0 100% repeat-x;
		background-color: #c3d9ff;

		color: #0000FF;
		font-weight:bold;

		width: auto !important;
		width: 100%;
		height: 16px;
		padding: 1px 8px;
	}
	#bluebox_m2 {

		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		background-color: #ffffff;
		width: auto !important;
		width: 100%;
		padding: 1px 0px;

	}
	#bluebox_m3 {

		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		width: auto !important;
		width: 100%;
		padding: 1px 8px;

	}

	#bluebox_ml {
		background: url(../images/box/box_blue_ml.gif) 0 0 repeat-y;
	}
	#bluebox_mr {
		height: 8px;
		overflow: hidden;
		background: url(../images/box/box_blue_mr.gif) 100% 0 repeat-y;
	}

	#bluebox_b {
		background: url(../images/box/greyline.png) 0 100% repeat-x;
		background-color: #e8eef7;/
	}
	#bluebox_bl {
		background: url(../images/box/box_blue_bl.gif) 0 0 no-repeat;
	}
	#bluebox_br {
		height: 8px;
		overflow: hidden;
		background: url(../images/box/box_blue_br.gif) 100% 0 no-repeat;
	}