تسعدني مشاركاتكم في استايل اليوم الوطني 1444

هده الاكواد ام هتان الخاصه بمنتداكي كي اس اس
ادا تريدين اغيرلك عليها حتا تكون مثل الفكره اللي قلتلك عليها قوليلي
وتقدرين انتي كمان تغيرين حاولي ادا ما قدرتي بلغيني اعدلك عليهم

body
{
	background: #1f0619;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #a9a192;
}
a:visited, body_avisited
{
	color: #a9a192;
}
a:hover, a:active, body_ahover
{
	color: #FFFFFF;
}
.page
{
	background: #1f0619;
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.page a:link, .page_alink
{
	color: #660066;
}
.page a:visited, .page_avisited
{
	color: #660066;
}
td, th, p, li
{
	color: #660066;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #000000;
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tcat
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #FFFFFF;
	font: bold 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.thead
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.tfoot
{
	background: url(../../hpop/ss.png);
	color: #a9a192;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.tfoot a:link, .tfoot_alink
{
	color: #E0E0F6;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #E0E0F6;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66;
}
.alt1, .alt1Active
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #a9a192;
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #a9a192;
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #FFFFFF;
}
.alt2, .alt2Active
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #a9a192;
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #a9a192;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #FFFFFF;
}
.inlinemod
{
	background: #FFFFCC;
	color: #660066;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.inlinemod a:link, .inlinemod_alink
{
	color: #FF99CC;
}
.inlinemod a:visited, .inlinemod_avisited
{
	color: #FF99CC;
}
.wysiwyg
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #a9a192;
	text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #a9a192;
	text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #FFFFFF;
}
textarea, .bginput
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FFCCCC;
	font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	background: #000000;
	color: #FFCCCC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
select
{
	background: #000000;
	color: #FFCCCC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
option, optgroup
{
	font-size: 11px;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	color: #6699FF;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #669966;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
	color: #660066;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
	color: #660066;
}
.navbar a:visited, .navbar_avisited
{
	color: #660066;
}
.highlight
{
	color: #990099;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-weight: bold;
}
.fjsel
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #CC66FF;
}
.fjdpth0
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #CC66FF;
}
.panel
{
	background: #11020d url(../../hpop/s.png) repeat-x;
	color: #FFCCFF;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.panel a:link, .panel_alink
{
	color: #660066;
}
.panel a:visited, .panel_avisited
{
	color: #660066;
}
.panelsurround
{
	background: url(../../hpop/ss.png);
	color: #FF99CC;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
legend
{
	color: #22229C;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFCCCC;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFCCFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #663366;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #660066;
	font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_option
{
	background: #000000 url(../../hpop/s.png) repeat-x;
	color: #FF99CC;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #FFCCCC;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #0099FF;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: url(../../hpop/ss.png);
	color: #FFFFFF;
	font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px #000000;  
	
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	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; }
.gh1{
       background-image:url('../../hpop/gh1.png');
   	background-repeat:repeat-x;
	height:141px;
}
.gh2{
          background-image:url('../../hpop/gh2.png');
     background-repeat:no-repeat;
	 height:141px;
	 width:96px;
	 float:right;
	
}
.gh3{
       background-image:url('../../hpop/gh3.png');
 	background-repeat:no-repeat;
	height:141px;
	width:174px;
	  float:left;



	
}
.gh4{
       background-image:url('../../hpop/gh4.png');
 	background-repeat:no-repeat;
	height:141px;
	width:507px;
	   margin:auto;

}
.gf1{
    background-image:url('../../hpop/gf1.png');
    background-repeat:repeat-x; 
    height:94px;
 	  
}
 .gf2{
        background-image:url('../../hpop/gf2.png');
      	background-repeat:no-repeat;
	height:94px;
	 width:156px;
	  float:right;
	 
	
	 
}
.gf3{
    background-image:url('../../hpop/gf3.png');
	background-repeat:no-repeat;
    	height:94px;
	   width:223px;
	   float:left;	
	

}
.gf4{
     background-image:url('../../hpop/gf4.png');
	background-repeat:no-repeat;
    	height:94px;
	   width:407px;
 margin:auto;	
	

}

.g{
	background:transparent;
	color:#ffffff;
}

.ga{
    background: url('../../hpop/ga.png') repeat-y  right center;
   padding-right:20px;

   
}
	 
.gaa{
     background:url('../../hpop/gaa.png') repeat-y  left center; 
      padding-left:19px;
}




.hd1{
       background-image:url('../../hpop/hd1.gif');
   
		background-repeat:repeat-x;
	height:425px;
}

.hd2{
	   background-image:url('../../hpop/hd2.gif');
	background-repeat:no-repeat;
	height:425px;
	width:56px;
	 float:right;

}

.hd3{
	      background-image:url('../../hpop/hd3.gif');
	background-repeat:no-repeat;
	height:425px;
	width:89px;
	  float:left;
}

.hd4{
	       background-image:url('../../hpop/hd4.gif');
	background-repeat:no-repeat;
	height:425px;
	width:673px;
	 margin:auto;
}

.fo1{
   background-image:url('../../hpop/fo1.png');
		background-repeat:repeat-x;
	height:128px;
}
.fo2{
	     background-image:url('../../hpop/fo2.png');
	background-repeat:no-repeat;
	height:128px;
	width:618px;
 margin: auto;

}
/*
* Droid Arabic Kufi (Arabic) http://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');
}