مفاجئة

body
{
 background: #110c08;
 color: #b88627;
 font: bold 9pt Droid Arabic Kufi;
 margin:0px 0px 0px 0px;
 padding: 0px;
}
a:link, body_alink
{
 color: #b88627;
 text-decoration: none;
}
a:visited, body_avisited
{
 color: #b88627;
 text-decoration: none;
}
a:hover, a:active, body_ahover
{
 color: #b88627;
 text-decoration: none;
}
.page
{
 background: #110c08;
 color: #b88627;
 font: bold 9pt Droid Arabic Kufi;
}
.page a:link, .page_alink
{
 color: #b88627;
 text-decoration: none;
}
.page a:visited, .page_avisited
{
 color: #b88627;
 text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
 color: #b88627;
 text-decoration: none;
}
td, th, p, li
{
 font: 9pt Droid Arabic Kufi;
}
.tborder
{
 background: #000000;
}
.tcat
{
 background: url(../../Ramadan-al7b2022/back.gif) repeat;
 color: #b88627;
 font: bold 14px Droid Arabic Kufi;
 padding: 3px 6px 3px 6px;
 white-space: nowrap;
}
.tcat a:link, .tcat_alink
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.thead
{
 background: url(../../Ramadan-al7b2022/back4.gif) repeat;
 color: #FFFFFF;
 font: bold 11px Droid Arabic Kufi;
}
.thead a:link, .thead_alink
{
 color: #b88627;
}
.thead a:visited, .thead_avisited
{
 color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
 color: #5a3f28;
}
.tfoot
{
 color: #5a3f28;
 font-family: Droid Arabic Kufi;
}
.tfoot a:link, .tfoot_alink
{
 color: #b88627;
}
.tfoot a:visited, .tfoot_avisited
{
 color: #b88627;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
 color: #b88627;
}
.alt1, .alt1Active
{
 background: #000000;
 color: #b88627;
 font: bold 15px Droid Arabic Kufi;
 border-bottom:1px #5a3f28 dashed;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
 color: #b88627;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
 color: #b88627;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
 color: #5a3f28;
}
.alt2, .alt2Active
{
 background: #000000;
 color: #b88627;
 font: bold 15px Droid Arabic Kufi;
 border-bottom:1px #5a3f28 dashed;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
 color: #b88627;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
 color: #b88627;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
 color: #5a3f28;
}
.inlinemod
{
 background: #000000;
 color: #b88627;
}
.inlinemod a:link, .inlinemod_alink
{
 color: #b88627;
}
.inlinemod a:visited, .inlinemod_avisited
{
 color: #b88627;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
 color: #b88627;
}
.wysiwyg
{
 background: #000000;
 color: #FFFFFF;
 font: bold 10pt Droid Arabic Kufi;
 border-bottom:1px #5a3f28 dashed;
}
.wysiwyg a:link, .wysiwyg_alink
{
 color: #FFFFFF;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
 color: #FFFFFF;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
 color: #b88627;
}
textarea, .bginput
{
 font: bold 10pt Droid Arabic Kufi;
}
.bginput option, .bginput optgroup
{
 font-size: 10pt;
 font-family: Droid Arabic Kufi;
}
.button
{
 background: url(../../Ramadan-al7b2022/back5.gif) repeat;
 color: #b88627;
 font: bold 11px Droid Arabic Kufi;
 border: 1px solid #110300;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius:3px;
 padding:3px 3px 3px 3px;
 text-shadow: 0px 1px 0px #000000;
}
select
{
 background: #000000;
 color: #b88627;
 font: bold 9pt Droid Arabic Kufi;
 border: 0px solid #110c08;
 border-right: medium solid #110c08;
 border-left: medium solid #110c08;
}
option, optgroup
{
 font-size: 9pt;
 font-family: Droid Arabic Kufi;
}
.smallfont
{
 color: #5a3f28;
 font: bold 10px Droid Arabic Kufi;
}
.time
{
 background: url(../../Ramadan-al7b2022/back5.gif) repeat;
 color: #b88627;
 font: bold 11px Droid Arabic Kufi;
}
.navbar
{
 color: #b88627;
 font: bold 10px Droid Arabic Kufi;
}
.navbar a:link, .navbar_alink
{
 color: #b88627;
}
.navbar a:visited, .navbar_avisited
{
 color: #b88627;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
 color: #5a3f28;
}
.highlight
{
 color: #5a3f28;
 font-family: Droid Arabic Kufi;
 font-weight: bold;
}
.fjsel
{
 background: #000000;
 color: #b88627;
}
.fjdpth0
{
 background: #000000;
 color: #5a3f28;
}
.panel
{
 color: #b88627;
}
.panel a:link, .panel_alink
{
 color: #b88627;
}
.panel a:visited, .panel_avisited
{
 color: #b88627;
}
.panel a:hover, .panel a:active, .panel_ahover
{
 color: #b88627;
}
.panelsurround
{
 background: #000000;
 color: #b88627;
}
legend
{
 color: #b88627;
 font: 11px Droid Arabic Kufi;
}
.vbmenu_control
{
 background: url(../../Ramadan-al7b2022/back.gif) repeat;
 color: #b88627;
 font: bold 13px Droid Arabic Kufi;
 padding: 4px 6px 4px 6px;
 white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
 background: #000000;
 color: #b88627;
 text-decoration: none;
}
.vbmenu_popup
{
 background: #000000;
 border: 1px solid #cececc;
}
.vbmenu_option
{
 background: #000000;
 color: #b88627;
 font: bold 11px Droid Arabic Kufi;
 white-space: nowrap;
 cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
 color: #b88627;
 text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
 color: #b88627;
 text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
 color: #b88627;
 text-decoration: none;
}
.vbmenu_hilite
{
 background: #000000;
 color: #5a3f28;
 font: bold 11px Droid Arabic Kufi;
 white-space: nowrap;
 cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
 color: #5a3f28;
 text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
 color: #5a3f28;
 text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
 color: #b88627;
 text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/*
 * Droid Arabic Kufi (Arabic) https://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
.HG-HT {
 background-image:url('../../#');
 background-repeat:repeat-x;
 height:676px;
}
.HG-H1 {
 background-image:url('../../Ramadan-al7b2022/hd3.gif');
 background-repeat:repeat-x;
 height:683px;
 width:1200px;
 margin-right:auto;
 margin-left:auto;
}

.HG-H2 {
 background-image:url('../../Ramadan-al7b2022/hd2.gif');
 background-repeat:no-repeat;
 height:676px;
 width:165px;
 float:left;
 position:relative;
}
.FG-FT {
 background-image:url('../../#');
 background-repeat:repeat-x;
 height:596px;
}
.FG-F1 {
 background-image:url('../../Ramadan-al7b2022/fotr1.gif');
 background-repeat:repeat-x;
 height:596px;
 width:1095px;
 float:left;
 position:relative;
}
a.u1 {
 position:absolute;
 height:0px;
 width:0px;
 left:0px;
 top:0px;
}








#head {
 height:210px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-ht.gif');
 background-repeat:repeat-x;
}

#head .right {
 height:210px;
 width:711px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-h1.gif');
 background-repeat:no-repeat;
 float:right;
}
#head .left {
 height:210px;
 width:117px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-h2.gif');
 background-repeat:no-repeat;
 float:left;;
}

.coll {
 background:transparent;
 color:maroon;
}

.colleft {
 padding-left: 8px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-p2.gif');
 background-repeat:repeat-y;
 background-position:left;
}
.collright {
 padding-right: 13px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-p1.gif');
 background-repeat:repeat-y;
 background-position:right;
}

#do {
 height:196px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-ft.gif');
 background-repeat:repeat-x;
}
#do .right {
 height:196px;
 width:711px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-f1.gif');
 background-repeat:no-repeat;
 float:right;
}
#do .left {
 height:196px;
 width:117px;
 background-image:url('../../Ramadan-al7b2022/nav/nav-f2.gif');
 background-repeat:no-repeat;
 float:left;
}




.quo-H-t {
    background-image:url('../../Ramadan-al7b2022/quote/quotes-ht.gif');
   background-repeat: repeat-x;
 height: 219px;
 }
 
 .quo-H-r {
    background-image:url('../../Ramadan-al7b2022/quote/quotes-h1.gif');
    background-repeat: no-repeat;
 float: right;
 width:356px;
 height:219px;
 }
.quote_bg {
    background-image:url('../../Ramadan-al7b2022/quote/quotes-pt.gif');
 text-align: justify;
}
.quote_Col-l {
 padding-left: 10px;
    background-image:url('../../Ramadan-al7b2022/quote/quotes-p2.gif');
 background-repeat:repeat-y;
 background-position:left;
}
.quote_col-R {
 padding-right: 13px;
    background-image:url('../../Ramadan-al7b2022/quote/quotes-p1.gif');
 background-repeat:repeat-y;
 background-position:right;
}
 .quo-F-t {
    background-image:url('../../Ramadan-al7b2022/quote/quotes-ft.gif');
 background-repeat: repeat-x;
 height:78px;
 }
 .quo-F-r{
    background-image:url('../../Ramadan-al7b2022/quote/quotes-f1.gif');
   background-repeat: no-repeat;
 height:78px;
 width:356px;
 float: right;

}