* {line-height:1.2em;margin:0;padding:0}
body{font-family:Verdana;color:#6F6969;font-size:9pt;background:url(../images/smartBg.jpg) repeat-x center #fff;margin:0;padding:0}
a{color:#0C7D9E;text-decoration:none}
a:hover, a:current{color:#747474; text-decoration:underline}


/*layout*/
#doc2{ width:950px; margin:5px auto; background:url(../images/wraperby.jpg) center repeat-y #fff ; padding:0 0px }
#content{ border:0px solid; width:96%; margin:0 auto }
#header{ background:url(../images/headertopbg.jpg) top repeat-x; padding-top:3px }
#headerlink{ background:#FCFDFC url(../images/topheaderright.jpg) right repeat-y; width:42%;float:right; height:75px; margin:8px 0 0;padding:6px 20px 0 0; text-align:right }
#headerlink a{background:url(../images/cluster.gif) no-repeat right -181px; padding:2px 20px 0 0}
#logo{ background:url(../images/headerslice.jpg) no-repeat 150px 0; height:89px}
#logo img{ float:left; margin:20px 0 0 30px}


#menu{ background: url(../images/re-bg.gif) repeat-x top #EBEBEB; height:29px; clear:both; width:100%}
#menu a{ display:block;padding:6px 25px 9px; font-weight:bold}
#menu li{ list-style:none; float:left;display:block;border-right:1px solid #DFDDDD}
.selected{ background:/*url(../images/arrow.gif) no-repeat center bottom*/url(../images/re-bg.gif) repeat-x bottom}
.selected a{ color:#fff;background:url(../images/cluster.gif) no-repeat center -143px} 


#headerlink ul{background:url(../images/headerlinks.jpg) repeat-x bottom; width:108px; height:75px; float:right; }
#menu li.pro-li{ float:left; margin:0 0 0 14px; background:url(../images/prod-button-bg.jpg) repeat-x; width:106px; padding:7px 0; text-align:center; height:15px;color:#fff; font-weight:bold; display:none}




#footer{ background:url(../images/footerbg.gif) repeat-x bottom; padding:30px}



.firstdata,.seconddata{ clear:both}

.product li,.g3 li{ background:url(../images/bullet.jpg) no-repeat 2px 11px; list-style:none; padding:4px 0 0 12px}





.firstdata{height:100%; margin:2px 0}
.clr{ clear:both; height:1px; content:""}
.mclip{ background:#fff}
.mclip img{ float: right; margin:5px}
h1{ font-size:110%; margin:5px 0 }


.seconddata{position:relative; margin:10px auto 20px;background:url(../images/secondclip-bg.jpg) repeat-y; width:910px}
.seconddata .header{ background:url(../images/headertopbg.jpg) top repeat-x; padding-top:3px; height:20px }
.seconddata .footer{background:url(../images/footerbg.gif) repeat-x bottom; height:20px}

/*curves*/
.header-rightcorner{ float:right; right:0; top:0; position:absolute; background:url(../images/cluster.gif) no-repeat 0 -31px; width:22px; height:21px}
.header-leftcorner{ float:left; left:0; top:0; position:absolute;background:url(../images/cluster.gif) no-repeat 0 0; width:22px; height:21px}
.footer-rightcorner{ float:right; right:0; bottom:0; position:absolute; background:url(../images/cluster.gif) no-repeat 0 -94px; width:22px; height:21px}
.footer-leftcorner{ float:left; left:0; bottom:0; position:absolute; background:url(../images/cluster.gif) no-repeat 0 -62px; width:22px; height:21px}
.relativeclip{position:relative}
.g3 .b .c-left{ float:left; left:0; top:0; position:absolute; background:url(../images/cluster.gif) no-repeat 0 -125px; width:6px; height:6px}
.g3 .b .c-right{ float:left; right:0; top:0; position:absolute; background:url(../images/cluster.gif) no-repeat right -137px; width:6px; height:6px}
.g3 h1{ font:normal 100% arial; color:#1B408D; font-weight:bold }
.g3 h2,h3{ font:bold 110% arial; margin:13px 0 3px }
.g3 p.img{ text-align:center; margin:10px auto}
.g3 img{ border:1px solid #C9C9C9}




/*platform*/
.g2 .b{ width:48%; padding:5px; float:left }
.g3 .b{ width:29%; padding:10px; margin:5px 0 0 14px ; float:left; background:#F1FBFF  url(../images/g3-bg.jpg) repeat-x bottom; height:350px; position:relative}
.g3 .b2{width:61%;padding:10px;margin:5px 0 0 14px;float:left;position:relative}

.g3 p{ margin:12px 0 6px}
.g3 .b2 img{ margin:5px; float:right; border:0}

.g3 .b2 .b{ margin:5px 7px 0 0 ; width:28%; background-position:top bottom; height:170px}
.noheight .b{ height:auto}

/*career*/
.g3 .b2 .eg-bar img{ float:none; margin:0 2px 0 0 }
.career table{ width:100%; margin:10px 0; border:0 }
.career table table{  margin:0 }
.career td{ padding:5px 0; vertical-align:top }
.career table table td{  padding:0 }
.btn{ cursor:pointer;background:url(../images/prod-button-bg.jpg) repeat-x 0 0; color:#fff; padding:2px 5px ; border:0}
.g3 .cr .b{ width:100%; float:none;}
.cr{float:left; width:29%}

/*news*/
.clip{ background:url(../images/news-bg.jpg) no-repeat bottom ; padding:10px 0}
.clip h2{ margin:0}
.g3 .b2 .clip img{ border:1px solid #DFDDDD; padding:2px}

/*partners*/
.partners .b2 .b{ height:172px}

.g3 .b2 .nomargin{ margin:0}
.smaller{ font-size:90%}

.contact{ background:url(../images/contact-US.jpg) no-repeat right 0}
.red{ color:#F00}
.g3 .portals .clip img{ border:0;margin:0; padding:0}

/**/
.thanksmsg{ text-align:center; font:bold 110% verdana; background:url(../images/thanks.jpg) no-repeat center 5px; padding:120px 0 0; margin:50px 0 0}
.g3 .b2 ul.flag img{ float:none; margin:0; vertical-align:middle}
.g3 .b2 ul.flag li { background:none}

.lollogos{ padding:2px 8px; position:relative}
.lollogos a{width:127px; height:65px;background:url(../images/lol-logos.jpg) no-repeat 0 0; float:left; margin:4px 6px 0}
a.msnlogo{ background-position: 4px 0px}
a.masrawylogo{ background-position: -145px 0px}
a.yallakoralogo{ background-position: -301px 0px}
a.msnmlogo{ background-position: -449px 0px}
a.mazikalogo{ background-position: -583px 0}
a.el3ablogo{ background-position: -719px 0}
a.yallabinalogo{ background-position: 0 -76px}
a.careermideastlogo{ background-position: -145px -76px}
a.shofhalogo{ background-position: -300px -76px}
a.otloblogo{ background-position: -449px -76px}
a.barcaarabialogo{ background-position: -583px -76px}
.lollogos-title{ position:absolute; top:-38px ;left:26px}
.lollogos-title a{ width:141px; height:31px; background-position:-699px -85px}