body, html {
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}

body {
  font-family:Arial;
  font-size:12px;
  color:#465661;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  }

td,th {
      font:Arial;
	  font-size:12px;
	  color:#465661;
	  }

a.menu:link {
	color:#7e5439;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
a.menu:visited {
	text-decoration:none;;
	color:#7e5439;
	font-size:12px;
	font-weight:bold;
	}
a.menu:hover {
    color:#c49609;
	text-decoration:none;
    font-size:12px;
	font-weight:bold;
}

a.menu:active {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
	
.headmenu{
background-image:url(images/arabic.gif);
background-repeat:no-repeat;
background-position:top right;
cursor: pointer;
	
	}
.headmenu:hover {
    background-image:url(images/arabic_over.gif);
    background-repeat:no-repeat;
	background-position:top right;
	cursor: pointer;
}

a.grey:link {
	color:#465661;
	font-size:13px;
	text-decoration:none;
	}
a.grey:visited {
	text-decoration:none;;
	color:#465661;
	font-size:13px;
	}
a.grey:hover {
    color:#465661;
	text-decoration:underline;
    font-size:13px;
	}

a.grey:active {
	font-size:13px;
	text-decoration:none;
	}

a.green:link {
	color:#6a973f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
a.green:visited {
	text-decoration:none;;
	color:#6a973f;
	font-weight:bold;
	font-size:11px;
	}
a.green:hover {
    color:#6a973f;
	font-weight:bold;
	text-decoration:underline;
    font-size:11px;
	}

a.green:active {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}

.line{
background-image:url(images/seprator.gif);
background-repeat:repeat-y;
}

.footer{
font-size:11px;
color:#e3e6e7;
}

.greybg{
  background-color:#e3e6e7;
  font-family:Arial;
  font-size:12px;
  color:#465661;
  }
  
.header{
  font-family:Arial;
  font-size:24px;
  color:#465661;
}  

.data{
background-color:#6b4506;
font-family:Arial;
color:#f2e8c6;
font-size:13px;
padding-left:30px;
padding-right:30px;
}


.header_bg{
background-image:url(images/header_bg1.gif);
background-repeat:repeat-x;
background-position:bottom left;
}

.inputstyle {
	font-family: Arial;
	font-size: 11px;
	border-top-width: 1px;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aca899;
	border-right-color: #ece9d8;
	border-bottom-color: #ece9d8;
	border-left-color: #aca899;
	height: 16px;
	width:435px;
	}
	
.form_inputstyle {
	font-family: Arial;
	font-size: 11px;
	border-top-width: 1px;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aca899;
	border-right-color: #ece9d8;
	border-bottom-color: #ece9d8;
	border-left-color: #aca899;
	height: 16px;
	width:230px;
	}


.button {
	cursor: hand;
	height:25px;
	width:60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color:#7e5439;
	color:#e4dcb8;
}


div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:100%; height:340px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:15px; height:361px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
  position:absolute; left:0; top:10px;
  width:15px; height:340px;
  background: #566974;
  }

div#dragBar {
  position:absolute; left:1px; top:1px; right:1px; bottom:1px;
  width:13px;
  background-color:#91c758;
  } 

div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
 }