/* ستايل الحاوية الرئيسية للـ Accordion */
#dc_jqaccordion_widget-2 {
  background-color: #405fa0;
}

/* العنصر الرئيسي للـ Accordion */
#dc_jqaccordion_widget-2-item {
  font: 1.1em "Droid Arabic Kufi", sans-serif;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* ضبط قائمة العناصر داخل الـ Accordion */
#dc_jqaccordion_widget-2-item ul,
#dc_jqaccordion_widget-2-item ul li {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}

/* روابط العناصر */
#dc_jqaccordion_widget-2-item ul a {
  display: block;
  padding: 10px 10px 10px 50px;
  background: #ececec;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  position: relative;
  text-shadow: 1px 1px 1px #fff;
}

/* روابط الآباء (القابلة للطي) */
#dc_jqaccordion_widget-2-item ul a.dcjq-parent {
  background: #D7D4D4 url(../images/bg_grey.png) repeat-x 0 -1px;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
  background: #D7D4D4 url(../images/bg_grey1.png) repeat-x 0 -1px;
}

/* أيقونة السهم */
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: url(../images/arrow_grey_right.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {
  background: url(../images/arrow_grey_down.png) no-repeat 0 center;
}

/* حالة hover على الرابط */
#dc_jqaccordion_widget-2-item ul a:hover {
  background: #00aa64;
  color: #fefefe;
}

/* إخفاء الـ accordion على الشاشات الضيقة */
@media (max-width: 767px) {
  #dc_jqaccordion_widget-2 {
    display: none;
  }
}