BODY {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  width: 100%;
        background: #1b1c1e url("bg_abstract.jpg"/*tpa=http://www.shbabalqatin.com/images/bg_abstract.jpg*/) no-repeat center top;
        PADDING-BOTTOM: 0px; PADDING-TOP: 0px;  MARGIN: 0px;  COLOR: #000000;}

.munedfg { background: url("bg_menu_inactive.png"/*tpa=http://www.shbabalqatin.com/images/bg_menu_inactive.png*/)}

/* جداول وصناديق */
.box2t	{  background: url("tab_active_right.png"/*tpa=http://www.shbabalqatin.com/images/tab_active_right.png*/); PADDING-TOP: 3px 10px 3px 10px; margin-right: 15px; margin-top: 5px;}
.box2	{  background: #3d3d3d; PADDING: 3px 10px 3px 10px; border-left: 10px #3c9bce outset;}
.box3cell	{ border-left: 1px solid #6db5dc; border-bottom: 1px solid #6db5dc;
padding-left: 3px; padding-right: 3px; padding-bottom: 8px; padding-top: 8px;}

/* commnts */
.commhead	{ background: #3d3d3d; PADDING: 3px 10px 5px 10px; border-left: 10px #3c9bce outset; margin-right: 2px; letter-spacing: 4px; } /*صندوق العليقات*/
.commhead2	{ background: #ffffff; PADDING: 3px 10px 3px 10px; margin-right: 5px; letter-spacing: 2px; } /*صندوق العليقات*/
.commbody	{ background: #EEEEEE; color: #000000; text-align: justify; FONT-SIZE: 12px; FONT-FAMILY: tahoma; font-weight: normal; PADDING: 3px 10px 3px 10px; margin-right: 15px;} /*صندوق العليقات*/
.commbodysig { background: #EEEEEE; PADDING: 3px 10px 3px 10px; margin-right: 15px; text-align: center;} /*صندوق العليقات*/
.commhead_admin	{ background: #3d3d3d; PADDING: 3px 10px 5px 10px; border-left: 10px #3c9bce groove; margin-right: 2px; letter-spacing: 4px; } /*صندوق العليقات*/
.commhead2_admin	{ background: #ffffff; PADDING: 3px 10px 3px 10px; margin-right: 5px; letter-spacing: 2px; } /*صندوق العليقات*/
.commbody_admin	{ background: #3c9bce; color: #ffffff; text-align: justify; FONT-SIZE: 18px; FONT-FAMILY: arial; font-weight: bold; PADDING: 3px 10px 3px 10px; margin-right: 5px;} /*صندوق العليقات*/
.commbodysig_admin { background: #3c9bce; PADDING: 3px 10px 3px 10px; margin-right: 5px; text-align: center;} /*صندوق العليقات*/

/*خلفية تلجهه اليسرى من الصفحة الرئيسية*/
.insetbg	{ background: #2d2f31; }
.insetbg2	{ background:transparent url("bg_module.png"/*tpa=http://www.shbabalqatin.com/images/bg_module.png*/) repeat-x left bottom; }
.moduletable_dark { height: 46px; background: transparent url("moduletable_h3.png"/*tpa=http://www.shbabalqatin.com/images/moduletable_h3.png*/) repeat-x right bottom; }
.moduletable_dark2 { text-align: right; color: #3c9bce; background: transparent url("moduletable_h3_shape.png"/*tpa=http://www.shbabalqatin.com/images/moduletable_h3_shape.png*/) no-repeat 15px bottom; }
.moduletable_light { height: 46px; background: transparent url("bg_moduletable_h3_light.png"/*tpa=http://www.shbabalqatin.com/images/bg_moduletable_h3_light.png*/) repeat-x right bottom; }
.moduletable_light2 { text-align: right; color: #3c9bce; background: transparent url("moduletable_h3_light_shape.png"/*tpa=http://www.shbabalqatin.com/images/moduletable_h3_light_shape.png*/) no-repeat 15px bottom; }
.moduletable_light_cell { text-align: right; color: #3c9bce; border-bottom: 1px solid #474747; padding: 5px 5px 5px 5px; }
.slider_cell { text-align: right; color: #3c9bce; border-bottom: 1px solid #474747; padding: 5px 5px 5px 5px; display: inline-block;   }
/* جهة الدوري */
.ligaclass { background: #cccccc; }
.ligaset	{ background: #8e8e8e; }
.ligatop { height: 46px; background: transparent url("inset_header.png"/*tpa=http://www.shbabalqatin.com/images/inset_header.png*/) repeat-x right bottom; }
.ligashep { text-align: right; color: #3c9bce; background: transparent url("inset_h3_shape.png"/*tpa=http://www.shbabalqatin.com/images/inset_h3_shape.png*/) no-repeat 15px bottom; }
/* صفحة الاخبار */
.news_headline { color: #3c9bce; FONT-SIZE: 30px; FONT-FAMILY: arial; FONT-WEIGHT: bold;  padding: 0px 5px 0px 5px;}
.news_cat { color: #666666; FONT-SIZE: 12px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; text-align: left; padding: 0px 0px 0px 10px;}
.news_cat A:link { color: #666666; FONT-SIZE: 12px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; text-align: left; padding: 0px 0px 0px 10px;}
.news_cat A:visited { color: #666666; FONT-SIZE: 12px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; text-align: left; padding: 0px 0px 0px 10px;}
.news_cat A:hover { color: #666666; FONT-SIZE: 12px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; text-align: left; padding: 0px 0px 0px 10px;}
.newslastbox_text { color: #666666; text-align: justify; FONT-SIZE: 12px; FONT-FAMILY: tahoma; font-weight: normal; padding: 0px 5px 0px 5px;}
.news_daitel { color: #000000; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; padding: 5px 5px 0px 1px;}
.news_daitel A:link { color: #000000; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; padding: 5px 5px 0px 1px;}
.news_daitel A:visited { color: #000000; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; padding: 5px 5px 0px 1px;}
.news_daitel A:hover { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: normal; padding: 0px 5px 0px 1px;}

/* قائمة الاخبار */
.newslastbox { border-top: 1px solid #EEEEEE; padding: 4px 0px 4px 0px; }
.newslastbox_taitl { color: #3c9bce; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold;  padding: 0px 5px 0px 5px;}
.newslastbox_text { color: #666666; text-align: justify; FONT-SIZE: 12px; FONT-FAMILY: tahoma; font-weight: normal;  padding: 0px 5px 0px 5px;}
.newslastbox_more { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.newslastbox_more A:link { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.newslastbox_more A:visited { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.newslastbox_more A:hover { color: #000000; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 0px 5px 0px 1px;}
.newslastbox_pic {  }
.newslastbox_morenews { border-left: 8px solid #3c9bce; border-top: 1px solid #EEEEEE; padding: 2px 2px 2px 2px; }

/* خلية العناوين لمربعات*/
.taitalcell { BACKGROUND: #3c9bce; COLOR: #ffffff; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold;
              BORDER-LEFT: #E5E5E5 2px solid; BORDER-BOTTOM: #E5E5E5 2px solid; padding:4px;}
/* بداية ستايل القائمة الرئيسية */
.suckertreemenu ul{ margin: 0; padding: 0; list-style-type: none; }
/*Top level menu link items style*/
.suckertreemenu ul li{position: relative; z-index: 100; display: inline; padding-left: 30px;
 padding-right: 30px; padding-top: 10px; padding-bottom: 10px; border-left:1px solid #3c9bce;}
.suckertreemenu ul li a{ FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Times New Roman; COLOR: #ffffff; text-decoration: none; }
.suckertreemenu ul li a:active{ FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Times New Roman; COLOR: #ffffff; text-decoration: none; }
.suckertreemenu ul li a:visited{ FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Times New Roman; COLOR: #ffffff; text-decoration: none; }
/*1st sub level menu*/
.suckertreemenu ul li ul{ right: 0; position: absolute; top: 1em; /* no need to change */ display: block; visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{ display: list-item; float: none; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ right: 159px; /* no need to change */ top: 0; }
/* Sub level menu links style */
.suckertreemenu ul li ul li a{ display: block; width: 200px; /*width of sub menu levels*/ color: #ffffff; text-decoration: none;
FONT-FAMILY: tahoma; FONT-WEIGHT: normal; FONT-SIZE: 12px; padding: 8px 5px 8px;  background-color: #000000; border-bottom: 1px solid #999999;}
.suckertreemenu ul li ul li a:active{ display: block; width: 200px; /*width of sub menu levels*/ color: #ffffff; text-decoration: none;
FONT-FAMILY: tahoma; FONT-WEIGHT: normal; FONT-SIZE: 12px; padding: 8px 5px 8px; background-color: #000000; border-bottom: 1px solid #999999;}
.suckertreemenu ul li ul li a:visited{ display: block; width: 200px; /*width of sub menu levels*/ color: #ffffff; text-decoration: none;
FONT-FAMILY: tahoma; FONT-WEIGHT: normal; FONT-SIZE: 12px; padding: 8px 5px 8px;  background-color: #000000; border-bottom: 1px solid #999999;}
.suckertreemenu ul li ul li a:hover{ display: block; width: 200px; /*width of sub menu levels*/ color: #ffffff; text-decoration: none;
FONT-FAMILY: tahoma; FONT-WEIGHT: normal; FONT-SIZE: 12px; padding: 8px 5px 8px; background-color: #111111; border-bottom: 1px solid #999999;}
/* عند المرور على القائمة الرئيسية */
.suckertreemenu ul li a:hover{ FONT-SIZE: 16px; font-weight: bold; FONT-FAMILY: arial; COLOR: #ffffff; text-decoration: none; }
/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{ }
/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{ background: white; }
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em; }
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: right; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* نهاية القائمة الرئيسية */

/* خاص لدخول الاعضاء */
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white; width: 980px; background: #3c9bce; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-left: 40px;  font: bold 18px arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: white;
background: #3c9bce; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 0px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent ;
padding: 1px 12px 4px 6px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #ffffff; color: #000000; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
/* tab style */
.underlinemenu{
margin: 0;
padding: 0;
}

.underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: center;
font-weight: bold;
width: 100%;
border: 0px solid #DFDFDF;
border-width: 0px 0;
}

* html .underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

.underlinemenu ul li{
display: inline;
}


.underlinemenu ul li a{    margin-left: 5px;
 BACKGROUND: #3c9bce; COLOR: #ffffff; FONT-SIZE: 10px; font-family: Tahoma; font-weight: normal;
              BORDER-LEFT: #E5E5E5 2px solid; BORDER-BOTTOM: #E5E5E5 2px solid; padding:4px;
float: right;
padding: 8px 8px 8px 8px;
/*color: gray;
font-family: Arial;
font-size: 16px;
font-weight: bold;
text-decoration: none;
background: white url(modules/Studio/menudivide.gif) top right repeat-y;*/
}

.underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 2px solid gray;
padding: 8px 8px 8px 8px;
}

.tab {
margin: 2;
margin-bottom: 1em;
padding: 2px 2px 2px 2px;
float: center;
width: 100%;
}

/* الدفجين الداخل في التاب */
.tablastbox { display: inline-block; border-top: 1px solid #EEEEEE; padding: 4px 0px 4px 0px; }
.tablastbox_taitl { color: #3c9bce; FONT-SIZE: 16px; FONT-FAMILY: arial; FONT-WEIGHT: bold;  padding: 0px 5px 0px 5px;}
.tablastbox_text { color: #666666; text-align: justify; FONT-SIZE: 12px; FONT-FAMILY: tahoma; font-weight: normal;  padding: 0px 5px 0px 5px;}
.tablastbox_more { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.tablastbox_more A:link { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.tablastbox_more A:visited { color: #3c9bce; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 5px 5px 0px 1px;}
.tablastbox_more A:hover { color: #000000; FONT-SIZE: 10px; letter-spacing: 1px; FONT-FAMILY: tahoma; font-weight: bold; text-align: left; padding: 0px 5px 0px 1px;}
.tablastbox_pic {  }
.tablastbox_morenews { border-left: 8px solid #3c9bce; border-top: 1px solid #EEEEEE; padding: 2px 2px 2px 2px; }
/* tab style END */

.goldsmol {COLOR: #3c9bce; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldsmol A:link {COLOR: #3c9bce; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldsmol A:visited {COLOR: #3c9bce; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldsmol A:active {COLOR: #3c9bce; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldsmol A:hover {COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}

.goldmid {COLOR: #3c9bce; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldmid A:link {COLOR: #3c9bce; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldmid A:visited {COLOR: #3c9bce; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldmid A:active {COLOR: #3c9bce; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal;}
.goldmid A:hover {COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}

.goldbig { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.goldbig A:link { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.goldbig A:visited { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.goldbig A:active { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.goldbig A:hover { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: non;}

.whaitbig2 { COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 42px; FONT-WEIGHT: bold; }
.blackbig2 { COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 42px; FONT-WEIGHT: bold; }
.infobig2 { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 42px; FONT-WEIGHT: bold; }
.grybig2 { COLOR: #666666; FONT-FAMILY: arial; FONT-SIZE: 42px; FONT-WEIGHT: bold; }
.goldbig2 { COLOR: #3c9bce; FONT-FAMILY: arial; FONT-SIZE: 42px; FONT-WEIGHT: bold; }