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

 	@import "banner_arabic.css";	/*banner*/	
	@import "boxes_arabic.css";	/*layout*/
	@import "modules_arabic.css";	/*modules customise*/
	@import "lms_arab.css";	/*design baru*/
	@import "box_arab.css";	/*design baru*/
	
	/*MOHE KSA*/
	@import "/portal/templates/lms_mohe2/css/templates_arabic.css";
	
	#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:tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		background-color:#FFFFFF;
		direction : rtl;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left : 0px;
		margin-right : 0px;
	}

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

	}
	.body2 {
		background-color:#FFFFFF;
		direction : rtl;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.body3 {
		background-color:#FFFFFF;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		direction : rtl;
		
	}
	.body4 {
		background-color:#FFFFFF;
		direction : rtl;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		
	}
	/*login page*/
	.bdmain {
		background-color:#FFFFFF;
		direction : rtl;
	}

	a:link {
		color:#0D479D;
		font-size:11px;
		text-decoration:none;
	}
	a:active{
		color:#333333;
		text-decoration:none;
	}
	a:hover	{
		color:#FCB955;
		text-decoration:none;
	}
	a:visited {
		font-size:11px;
		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: tahoma,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 0px 1px 0px;
	}
	#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) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#msg {
		background: url(../images/icons/icon_msg.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#news {
		background: url(../images/icons/icon_news.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#community {
		background: url(../images/icons/icon_community.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#tips {
		background: url(../images/icons/icon_tips.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#poll {
		background: url(../images/icons/icon_poll.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#myprofile {
		background: url(../images/icons/icon_myprofile.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#extension {
		background: url(../images/icons/icon_icube.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#icube {
		background: url(../images/icons/icon_icube02.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#announcement {
		background: url(../images/icons/icon_announcement.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#epublication {
		background: url(../images/icons/icon_epublication.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#latestnews {
		background: url(../images/icons/icon_latestnews.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}
	#oum {
		background: url(../images/icons/icon_oum.png) no-repeat;
		margin-bottom:10px;
		background-position: right;
	}

	/* 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/bullet.jpg) no-repeat;
		background-position: right;
		padding-right: 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:tahoma,Georgia, "Lucida Sans Unicode", "Trebuchet MS", Verdana;
	}
	a.pathway:hover {
		color:#999999;
	}