/*   
  By MO7AMMAD LAJAAN ALQAHANI
*/

body {font : normal 12px 'Droid Arabic Kufi', Tahoma ;
      *font-size:small;
      **font:x-small;
      color:#0464BB; 
      margin:0;
      padding:0;   
              direction:rtl;  

   }
.demoHead {   
    margin-bottom:            0px;   
    border: 0;
    padding:            0px;


    width:auto;
    font: normal 9pt 'Droid Arabic Kufi', Tahoma; 
}

.stContainer {
    position:relative;
    margin:0;
    padding:5;     
    left:0%;     
    font: normal 9pt 'Droid Arabic Kufi', Tahoma; 
    color:              #5A5655;
    background-color:   #FFF;
    border:             0px solid #CCC;
    width:760px;
}
.stContainer div {
	position: static;
	margin: 0;
	padding: 15px;
/*height: 300px;     */	width: 525px;
	height: 460px;
	font: normal 9pt Tahoma, Arial, Helvetica, sans-serif;
	color: #5A5655;
	background-color: #FFF;
	text-align: right;
	overflow: auto;
	float:  left;
	border: 0px solid #5d9732;
}
.stContainer_3 div {
	position: static;
	margin: 0;
	padding: 15px;
/*height: 300px;     */	width: 530px;
	height: 460px;
	font: normal 9pt Tahoma, Arial, Helvetica, sans-serif;
	color: #5A5655;
	background-color: #FFF;
	text-align: right;
	overflow: auto;
	float:  left;
	border: 0px solid #5d9732;
}
.stContainer ul {
    display:block;
    list-style: none;    
    float: right;
    position: relative;    
    padding: 0px ;
    padding-top: 3px;   
    padding-right: 1px; 
    padding-left: 0;     
    margin: 0;     
    width:200px;
    height:400px; 
    clear: both;
    border: 0px solid #CCCCCC;    
    background: #FFF;
 
}
.stContainer ul li{ 
    position: relative; 
    margin: 0;
    padding: 0;    
   /* border-bottom: 0px solid #E0E0E0 !important; */ 
    border-top: 0px solid #f1f1f1;  
    border-bottom: 0px solid #E0E0E0;      
    float: right;

}
.stContainer ul li a {
	border-color: #C0C0C0 #ccc #C0C0C0 #C0C0C0;
	border-width: 1px 4px 1px 1px;
	border-style: solid;
	background-position: center center;
	display: block;
	margin: 0;
	padding-right: 0px;
	text-decoration: none;
	height: 30px;
	width: 200px;
	color: #999999;
	outline-style: none;
	background-image: url('../images/bg1.gif');
	background-repeat: no-repeat;
	padding-right: 3px;

}
.stContainer ul li a img { 
  display:block;
  margin:0;
  padding:1px;
  height:30px;
  width:20px;
  float:right;
  direction:rtl;  

}
.stContainer ul li a h2 {
	display: block;
	font: bold 9pt Tahoma, Arial, Helvetica, sans-serif;
	float: right;
}
.stContainer ul li a small { 
  font: normal 9pt Tahoma, Arial, Helvetica, sans-serif;
}
.stContainer_1 ul li a.sel {
	height: 30px;
	color: #c59200;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #c59200 #c59200 #c59200 #c59200 ;
	border-width: 1px 4px 1px 1px;
}
.stContainer_1 ul li a:hover {   
	color: #c59200;
		background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	padding-right: 1px;
	border-right-style: solid;
	border-right-color: #c59200;
	border-right-width: 4px;

}
.1stContainer_1 ul li a.sel {
	height: 30px;
	color: #c59200;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #c59200 #c59200 #c59200 #c59200;
	border-width: 1px 4px 1px 1px;
}

.stContainer_2 ul li a:hover {   
	color: #5d9732;
		background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	padding-right: 1px;
	border-right-style: solid;
	border-right-color: #5D9732;
	border-right-width: 4px;

}
.stContainer_2 ul li a.sel {
	height: 30px;
	color: #5d9732;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #5d9732 #5d9732 #5d9732 #5d9732;
	border-width: 1px 4px 1px 1px;
}
.stContainer_3 ul li a.sel {
	height: 30px;
	color: #832725;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #832725 #832725 #832725 #832725 ;
	border-width: 1px 4px 1px 1px;
}
.stContainer_3 ul li a:hover {   
	color: #832725;
		background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	padding-right: 1px;
	border-right-style: solid;
	border-right-color: #832725;
	border-right-width: 4px;

}
.1stContainer_3 ul li a.sel {
	height: 30px;
	color: #832725;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #5d9732 #5d9732 #5d9732 #5d9732;
	border-width: 1px 4px 1px 1px;
}
.stContainer_4 ul li a.sel {
	height: 30px;
	color: #007c92;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #007c92 #007c92 #007c92 #007c92 ;
	border-width: 1px 4px 1px 1px;
}
.stContainer_4 ul li a:hover {   
	color: #007c92;
		background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	padding-right: 1px;
	border-right-style: solid;
	border-right-color: #007c92;
	border-right-width: 4px;

}
.1stContainer_4 ul li a.sel {
	height: 30px;
	color: #007c92;
	background: #FFF;
	background-image: url('../images/bg2.gif');
	background-repeat: no-repeat;
	cursor: text;
	padding-right: 3px;
	border-color: #007c92 #007c92 #007c92 #007c92;
	border-width: 1px 4px 1px 1px;
}
.stContainer ul li a.dis {
  color:#CCCCCC;  
  background: #F8F8F8;  
  cursor:text;   
}