BODY {
	margin: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
    padding-bottom: 0px; 
	padding-top: 0px; 
	width: 100%;
	line-height: 1;
	background-image:url('bg.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	}
FONT		{FONT-FAMILY: tahoma,Helvetica; FONT-SIZE: 10px FONT-WEIGHT: normal;}
TD		{COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}

A:link {text-decoration: none;  color: #000000;}
A:visited {text-decoration: none;  color: #000000;}
A:active {text-decoration: none;  color:#000000; }
A:hover { color: #c8171a;}

P		{}
DIV		{}
FORM 		{ margin: 0px; }

/* خطوط للكتابة */
.tiny {BACKGROUND: #ffffff; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: tahoma; TEXT-DECORATION: none;}
.tiny A:link {BACKGROUND: #ffffff; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: tahoma; TEXT-DECORATION: none;}
.tiny A:visited {BACKGROUND: #ffffff; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: tahoma; TEXT-DECORATION: none;}
.tiny A:active {BACKGROUND: #ffffff; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: tahoma; TEXT-DECORATION: none;}
.tiny A:hover {BACKGROUND: #000000; COLOR: #ffffff; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: tahoma; TEXT-DECORATION: none;}

/* info يعني احمر صغير */
.info {COLOR: #D90000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.info A:link {COLOR: #D90000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.info A:visited {COLOR: #D90000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.info A:active {COLOR: #D90000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.info A:hover {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}

.infomid {COLOR: #D90000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.infomid A:link {COLOR: #D90000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.infomid A:visited {COLOR: #D90000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.infomid A:active {COLOR: #D90000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.infomid A:hover {COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}

.infobig {COLOR: #D90000; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.infobig A:link {COLOR: #D90000; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.infobig A:visited {COLOR: #D90000; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.infobig A:active {COLOR: #D90000; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.infobig A:hover {COLOR: #000000; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold; TEXT-DECORATION: none;}

.info2 {COLOR: #666666; FONT-SIZE: 10px;  FONT-WEIGHT: normal;}

.whaitsmol {COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitsmol A:link {COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitsmol A:visited {COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitsmol A:active {COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitsmol A:hover {COLOR: #d6d6d6; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}

.whaitmid {COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitmid A:link {COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitmid A:visited {COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitmid A:active {COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.whaitmid A:hover {COLOR: #d6d6d6; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}

.whaitbig { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 18px; FONT-WEIGHT: bold; }
.whaitbig A:link { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.whaitbig A:visited { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.whaitbig A:active { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.whaitbig A:hover { COLOR: #d6d6d6; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold;}

.whaitbig2 { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 35px; FONT-WEIGHT: bold; }
.whaitbig2 A:link { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 35px; FONT-WEIGHT: bold; }
.whaitbig2 A:visited { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 35px; FONT-WEIGHT: bold; }
.whaitbig2 A:active { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 35px; FONT-WEIGHT: bold; }
.whaitbig2 A:hover { COLOR: #d6d6d6; FONT-FAMILY: arial; FONT-SIZE: 35px; FONT-WEIGHT: bold;}

.blacksmol {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.blacksmol A:link {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.blacksmol A:visited {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.blacksmol A:active {COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.blacksmol A:hover {COLOR: #c8171a; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}

.blackmid {COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; }
.blackmid A:link {COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; }
.blackmid A:visited {COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; }
.blackmid A:active {COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; }
.blackmid A:hover {COLOR: #c8171a; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}

.blackbigx { COLOR: #000000; FONT-FAMILY: Simplified Arabic; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbigx A:link { COLOR: #000000; FONT-FAMILY: Simplified Arabic; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbigx A:visited { COLOR: #000000; FONT-FAMILY: Simplified Arabic; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbigx A:active { COLOR: #000000; FONT-FAMILY: Simplified Arabic; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbigx A:hover { COLOR: #c8171a; FONT-FAMILY: Simplified Arabic; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.blackbig { COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbig A:link { COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbig A:visited { COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbig A:active { COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.blackbig A:hover { COLOR: #c8171a; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
          /* #505050 */
.grysmol {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grysmol A:link {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grysmol A:visited {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grysmol A:active {COLOR: #666666; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grysmol A:hover {COLOR: #c8171a; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}

.grymid {COLOR: #666666; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grymid A:link {COLOR: #666666; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grymid A:visited {COLOR: #666666; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grymid A:active {COLOR: #666666; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}
.grymid A:hover {COLOR: #c8171a; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-ALIGN: justify;}

.grybig { COLOR: #666666; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.grybig A:link { COLOR: #666666; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.grybig A:visited { COLOR: #666666; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.grybig A:active { COLOR: #666666; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.grybig A:hover { COLOR: #c8171a; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold;}
/* نهاية خطوط للكتابة */

/* مجموعات المستخدمين */
.groups1  {COLOR: #666666; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups1 A:link {COLOR: #666666; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups1 A:visited {COLOR: #666666; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups1 A:active {COLOR: #666666; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups1 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}

.groups2  {COLOR: #CC3300; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups2 A:link {COLOR: #CC3300; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups2 A:visited {COLOR: #CC3300; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups2 A:active {COLOR: #CC3300; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups2 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}

.groups3  {COLOR: #00CC00; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups3 A:link {COLOR: #00CC00; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups3 A:visited {COLOR: #00CC00; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups3 A:active {COLOR: #00CC00; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups3 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}

.groups4  {COLOR: #0D378C; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups4 A:link {COLOR: #0D378C; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups4 A:visited {COLOR: #0D378C; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups4 A:active {COLOR: #0D378C; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
.groups4 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: normal;}

.groups5  {COLOR: #FF0000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups5 A:link {COLOR: #FF0000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups5 A:visited {COLOR: #FF0000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups5 A:active {COLOR: #FF0000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups5 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}

.groups6  {COLOR: #663333; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups6 A:link {COLOR: #663333; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups6 A:visited {COLOR: #663333; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups6 A:active {COLOR: #663333; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.groups6 A:hover {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold;}

.admincolor {COLOR: #9933FF; FONT-FAMILY: tahoma; FONT-SIZE: 12px; FONT-WEIGHT: bold; }

/* نهاية اللوان المجموعات */
.adipoli-wrapper
{
    margin:auto;
    position:relative;
    display: inline-block;
}
.adipoli-wrapper>img
{
    position: absolute;
    z-index: 1;
}
.adipoli-before
{
    position: absolute;
    z-index: 5;
}
.adipoli-after
{
    position: absolute;
    z-index: 10;
}
.adipoli-slice {
    display:block;
    position:absolute;
    z-index:15;
    height:100%;
}
.adipoli-box
{
    display:block;
    position:absolute;
    z-index:15;
}