/*----------------------------------------------------------
Page Body
------------------------------------------------------------*/
body {
	background:#e0e0e0;
	margin:0;
	padding:0;
	color:#000;
	font:x-small Verdana, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>body {font-size:small;}


/*----------------------------------------------------------
Page Content
------------------------------------------------------------*/

#content {
	padding: 30px 20px 20px 20px;
	font-family:'Trebuchet MS', 'Bitstream Vera Sans', verdana, lucida, arial, helvetica, sans-serif; 
	font-size:100%;
}

#content a:link {  color: #990033; text-decoration: none; border-bottom:1px dashed #d0d0d0;}
#content a:hover {  color: #0000CC; text-decoration: none; border-bottom:1px dashed #FF0000;}
#content a:visited { color: #993399; text-decoration: none; }
#content a:active {  color: #FF0000; text-decoration: none; border-bottom:1px dashed #FF0000;}

#content a.hd:link    { color: #006600; text-decoration: none; border-bottom:none; border-bottom:1px dotted #d0d0d0;}
#content a.hd:hover   { color: #FF0000; text-decoration: none; border-bottom:none; border-bottom:1px dotted #0000FF;}
#content a.hd:visited { color: #009999; text-decoration: none; border-bottom:none; border-bottom:1px dotted #d0d0d0;}
#content a.hd:active  { color: #993399; text-decoration: none; border-bottom:none; border-bottom:1px dotted #d0d0d0;}

#content a.imghref:link    { color: #990033; text-decoration: none; border-bottom:none; }
#content a.imghref:hover   { color: #FF0000; text-decoration: none; border-bottom:none; }
#content a.imghref:visited { color: #808080; text-decoration: none; border-bottom:none; }
#content a.imghref:active  { color: #FF0000; text-decoration: none; border-bottom:none; }

#content h1 {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', verdana, lucida, arial, helvetica, sans-serif;
	color: #000099;
	text-align: center;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-weight: normal;
	padding: 0px;
}

h2 {
	border-bottom: 1px solid #aaa;
}

h1 { font-size: 200%; color: #000099; font-weight: normal;}
h2 { font-size: 150%; color: #000099; font-weight: normal;}
h3 { font-size: 125%; color: #000099; font-weight: normal;}
h4 { font-size: 110%; color: #000099; font-weight: normal;}
h5 { font-size: 100%; color: #000099; font-weight: normal;}
h6 { font-size: 80%;  color: #000099; font-weight: normal;}

/* Some space under the headers in the content area */
#content h1, #content h2 {
	margin-bottom: .6em;
}

#content h3, #content h4, #content h5 {
	margin-bottom: .3em;
}


#content ul
{
	list-style-image: url(listblack.gif); 
}

#content li
{
	margin-bottom: 4px; 
}

#content #ayatnav { text-align: right; }
#content #ayatnav a { border:0px;}
#content #ayatnav a:link { text-decoration: none;border:0px;}
#content #ayatnav a:hover { text-decoration: none;border:0px;}
#content #ayatnav a:visited{ text-decoration: none;border:0px;}
#content #ayatnav a:active { text-decoration: none;border:0px;}

/*----------------------------------------------------------
Form
------------------------------------------------------------*/
.inp {
	border: 1px solid #D0D0D0; 
	font-size:9pt; 
	font-weight:normal; 
	font-family: Arial,Helvetica,sans-serif;
}

.inp2 {
	border: 1px solid #D0D0D0; 
	font-size:9pt; 
	font-weight:normal; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.btn {
	color: #000088;
	border: 1px solid #D0D0D0; 
	font-size:9pt; 
	font-weight:normal; 
	font-family: Arial,Helvetica,sans-serif;
}


/*----------------------------------------------------------
Tab
------------------------------------------------------------*/
#tab {
	float:left;
	width:100%;
	background:#DAE0D2 url("tab_bg.gif") repeat-x bottom;
	font-size:8pt;
	font-family: Arial; 
	line-height:normal;
	margin-bottom:0px;
}

#tab ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#tab li {
	float:left;
	background:url("tab_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
}

#tab a {
	float:left;
	display:block;
	background:url("tab_right.gif") no-repeat right top;
	padding:5px 6px 4px 3px;
	text-decoration:none;
	font-weight:bold;
	color:#6699FF;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab a {float:none;}
/* End IE5-Mac hack */
#tab a:hover {
	color:#333;
}

#tab #current {
	background-image:url("tab_left.gif");
}

#tab #current a {
	background-image:url("tab_right.gif");
	color:#333;
	padding-bottom:5px;
}



/*----------------------------------------------------------
Image Shadow
------------------------------------------------------------*/
.img-shadow-left {
	clear: both;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 4px 8px 4px 0px  !important;
	margin: 4px 8px 4px 0px;
	float: left;
	}

.img-shadow-left div {
  background: url(shadow.png) no-repeat left top !important;
  background: url(shadow.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.img-shadow-left img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  }

.img-shadow-right {
	clear: both;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 4px 0px 4px 8px;
	float: right;
	}

.img-shadow-right div {
  background: url(shadow.png) no-repeat left top !important;
  background: url(shadow.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.img-shadow-right img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  }


/*----------------------------------------------------------
Nice Table
------------------------------------------------------------*/
.ztable { 
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}

.zcelltitle { 
	border-left:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	background:#F0F0F0;
	color:#000000;
	font-weight:bold;
	text-align: center;
}

.zcell-1 { 
	border-left:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	background:#FFFFFF;
	color:#000000;
}

.zcell-2 { 
	border-left:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	background:#F5F5F5;
	color:#000000;
}

.zcell-2tmp { 
	border-left:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	background:#F7FDF8;
	color:#000000;
}

/*----------------------------------------------------------
mytable
------------------------------------------------------------*/

#mytable {
	border: 1px solid #e0e0e0;
}

#mytable tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}
	
#mytable tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}

/*----------------------------------------------------------
table
------------------------------------------------------------*/
.table {
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding:0px;
}

.cell {
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding:4px;
}


/*----------------------------------------------------------
Special Frame
------------------------------------------------------------*/
.quote
{
	margin: 4px 30px 4px 30px; 
	padding:4px; 
	background-color: #F2F2F2;
	background-image: url(quote.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.quote p { margin: 0px 0px 0px 36px; }

.info
{
	margin: 4px 30px 4px 30px; 
	padding:4px; 
	background-color: #F2F2F2;
	background-image: url(info.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.info p { margin: 0px 0px 0px 36px; }

.idea
{
	margin: 4px 30px 4px 30px; 
	padding:4px; 
	background-color: #F2F2F2;
	background-image: url(bulb.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.idea p { margin: 0px 0px 0px 36px; }

.note
{
	margin: 4px 30px 4px 30px; 
	padding:4px; 
	background-color: #F2F2F2;
	background-image: url(note.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.note p { margin: 0px 0px 0px 48px; }

.catatan {
	width:120px; 
	border:1px solid #E5E5E5; 
	padding:4px; 
	background-color:#FFFFF0; 
	color:#333333; 
	float:right; 
	margin-left:8px;
	font-size:8pt;
	font-weight:normal;
	font-family: Arial,Comic Sans MS,Helvetica,sans-serif;
}
.catatan p { margin: 2px 0px 0px 0px; }

/*----------------------------------------------------------
Arabic Keyboard
------------------------------------------------------------*/

.kbarab {
	font-size:24px; 
	height:32px;
	border:1px solid #C0C0C0;
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: right;
	padding: 2px;
}


.kbarabtbl { 
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}

.kbarab1 { 
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: center;
	font-size: 24pt; 
	font-family: 'Arabic Transparent';
	width:40px;
	background:#DCDCED;
	color:#000000;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
}

.kbarab2 { 
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: center;
	font-size: 24pt; 
	font-family: 'Arabic Transparent';
	width:40px;
	background:#D5FFDF;
	color:#000000;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
}

.kbarab3 { 
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: center;
	font-size: 24pt; 
	font-family: 'Arabic Transparent';
	width:40px;
	background:#FFFFFF;
	color:#FF0000;
	border-left:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
}

/*----------------------------------------------------------
arab
------------------------------------------------------------*/

.arab { 
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: right;
	font-size: 18pt; 
	font-family: 'Arabic Transparent';
}

#content .arab a:link {  color: #0033CC; text-decoration: none; border-bottom:1px dashed #d0d0d0;}
#content .arab a:hover {  color: #0033CC; text-decoration: none; border-bottom:1px dashed #FF0000;}
#content .arab a:visited { color: #0033CC; text-decoration: none; }
#content .arab a:active {  color: #0033CC; text-decoration: none; border-bottom:1px dashed #FF0000;}

.latin {
	direction: rtl; 
	font-family: Arial; 
	mso-bidi-font-family: Arial;
}

.arab_title {
	direction: rtl; 
	unicode-bidi: embed; 
	text-align: center;
	font-size: 32pt; 
	font-family: 'Arabic Transparent';
	margin-bottom:0px;
}

.sub_title {
	text-align: center;
	font-weight: bold;
	margin-top:-6px;
	margin-bottom:10px; 
	color:#880000;
}

/*----------------------------------------------------------
Misc
------------------------------------------------------------*/
#dvspace { margin-top:0px;margin-bottom:0px; margin-left:100px; margin-right:100px;}
#vspace { margin-top:0px; }
#vspace2 { margin:12px 0px; }

.frame  { 
	border:1px solid #cccccc; 
	padding:2px 4px; 
	background-color:#f9f9f9; 
}

.lfloat { float:left; margin-right:0.5em; }
.rfloat { float:right; margin-left:0.5em; }


hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

.wingdings {
	color : #FF0000;
	font-size: 12px; 
	font-family: wingdings,Arial;
}

.article_attr {
	color : #008800;
}

/*----------------------------------------------------------
Hilight (Stabilo)
------------------------------------------------------------*/
.hired    { background-color: #FEEAE9; color:#000000 }
.higreen  { background-color: #F3FDEC; color:#000000 }
.hiblue   { background-color: #F3F7FE; color:#000000 }
.hiyellow { background-color: #FDFDE8; color:#000000 }
.hipurple { background-color: #FBEDFE; color:#000000 }
.higrey   { background-color: #F5F5F5; color:#000000 }

.hired2    { background-color: #E8C7BD; color:#000000 }
.higreen2  { background-color: #C5E9C7; color:#000000 }
.hiblue2   { background-color: #C4E4EA; color:#000000 }
.hiyellow2 { background-color: #FFFFCC; color:#000000 }
.hipurple2 { background-color: #FFDDFF; color:#000000 }
.higrey2   { background-color: #E0E0E0; color:#000000 }