ÿþ

* {line-height:1.2em;margin:0;padding:0}



/* //////// Start Shared Content Style /////////// */

/* Clip Contetn */

.clipTitle{width:52%;height:15px;font-size:12px;color:#000;padding:2px 0;margin:8px 0 0 0 ;background:url(http://yallabina.com/NTOimages/clipTitleBG.gif) no-repeat left center #f8d941}

.clipTitleLong{width:82%;height:15px;font-size:12px;color:#000;padding:2px 0;margin:8px 0 0 0 ;background:url(http://yallabina.com/NTOimages/clipTitleBG.gif) no-repeat right center #f8d941}

.cliptiltlelink{font-size:100%;display:block;margin:6px 0 0 0}



/* clipInnerTabs */

.clipInnerTabs{width:100%;margin:3px; text-align:right;border-bottom:0px solid #666;padding:2px;font-size:90%}

.clipInnerTabs li{display:inline;padding:2px;border-right:0px solid #666}

.clipInnerTabs .selected a{color:#FF9900}



/* Misc Styles */



.mainContainer{padding:2px 1px 20px 1px;height:100%;border:0px solid #666;margin:5px 0 2px}

.hide{display:none}

.show{display:block}



/* Clip Restaurants */

.ResClip{width:42%;margin:2px 15px 2px 2px ; text-align:right;float:right;border-bottom:1px dotted #E4B386;height:182px}

.ResClip img{float:right;margin:5px 10px 0 5px;clear:left}

.ResClip #inner{padding:0;margin:0;float:right}

.ResClip #inner img{float:right;padding:0 0 0 2px;margin:0}

.ResClip p{padding:5px;float:right}

.ResClip h3{font-size:95%;margin:5px 5px 2px 10px;}

.ResClip #rating{float:right;margin:0;padding:0}

.ResClip2{ width:100%;margin:2px; height:1%; float:right;border-bottom:1px dotted #b8dbea;}

.ResClip2 img{ float:right; border:1px solid #000;margin:5px;}

.ResClip2 #inner{ margin:0; padding:0;clear:left}

.ResClip2 #ResDisc{width:80%; margin:5px; height:1%;clear:left}

-------------------------





/* /Clip Restaurants */



/* Restaurant Info */

#ResInfo{border:0px solid #c6e8f4;clear:right;margin:2px 0 0 0; padding:1px 2px 10px 0}

#ResInfoNavBar { padding:0 }

#ResInfo #Showcase{ float:right;margin:5px}

#ResInfo p{padding:0px;margin:2px;}

#ResInfoNavBar a {padding:2px;}

#ResInfo #FastFacts {margin:10px 0 0 0; width:100%}

#ResInfo #FastFacts h4 {clear:both;padding:2px 3px 0 0;margin-bottom:5px; font-size:100%; padding:3px 5px 0 0; height:19px} 

#ResInfo #FastFacts p{margin:0 6px 0 0; direction:rtl}

.boldFont{ font-weight:bold}





.clr{clear:both;line-height:1px}



/*amr*/

.table{ text-align:center;padding:0; margin:0; width:95%;  background:#FFFCF5; direction:ltr}

.tr{background:url(../Restaurant_List/images/masrawy/clipheaderpic.jpg) repeat-x ; color:#61461B }

.table td { text-align:center; padding:2px; border:1px solid #F9EAD5; direction:rtl}

.main{ padding:3px; text-align:center ;width:100%; border:0px solid #000}

.main p{ text-align:right}

.main h2{ font-size:100%; margin:10px 0 5px 0; color:#61461B}

.main ul,.main ol{ margin:0 18px 0 0}

.contentstyle li h2{ margin:0 }

.contentstyle li{ float:right; list-style:none; margin:1px 10px 0 0; display:inline }

.contentstyle li img{ clear:both; border:1px solid #B3865C}

.contentstyle ul { border-bottom:1px  dotted  #E4B386; clear:both; padding-bottom:2px; height:100%; background:#FFFCF5; margin:5px 0 0 0}

.sep{ border-right:1px  dotted  #E4B386; padding-right:10px}

.fatawa li{ margin:15px 0}

.fawazir ul{ border:1px solid #000; margin:0 5px }

.fawazir li{ list-style:none}

.fawazir img{ float:none; border:0px solid #000; clear:both}

.qbtn{ width:140px ; height:44px ; background:url(../Restaurant_List/images/masrawy/btn-bg.jpg) bottom repeat-x; color:#FFF; text-align:center; border:1px solid #9C6016; margin:30px 50px 0 0}

.txt-f{ background:url(../Restaurant_List/images/masrawy/input-txt.gif) top  no-repeat; text-align:center; width:142px; height:25px; border:0; margin:0; padding: 5px 0 0}

.chat li{ display:inline}

.chat-btn{ margin:0 ; padding:0 5px; height:24px; background:url(images/masrawy/btn-bg.jpg) repeat-x center #8CD3F2 ;color:#FFF; text-align:center; cursor:pointer; font-weight:bold; border:0}

.img1{ margin:4px 19px 0 0}



.center li{ text-align:center}

.height{ height:600px}

.yallabina{ border:0; margin:0; padding:0 ; margin:0 3px 0 0; float:left}

.pageing{ direction:rtl; color:#f00}

.pageing a:link,.pageing a:visited{}

.pageing a:hover{}

.linkcolor{ color:#674B1C}

.linkcolor a:link,.linkcolor a:vistited {text-decoration:underline}

.linkhover{color:#f00!important; text-decoration:none}

h1,h4{ font-size:100%; background:url(images/masrawy/h14.jpg) repeat-x; height:24px; margin:5px 0px; width:100%; border:0px solid #000}



#Search1_ddlAreaRestaurant,#Search1_ddlCuisineRestaurant{width:150px}

.search{text-align:center; border:0px solid #000; direction:rtl; margin:0 0 10px 0}





body{ font: arial medium ; font-weight:bold; color:#333;margin:0; padding:0;}

a{font:x-medium Tahoma}

h1,div,p{margin:0; padding:0}

ul{margin:0; padding:6px}

ol{margin:0 10px 0 0; padding:6px}

li{margin:0 5px; padding:0px; direction:rtl}

p{ direction:rtl}

.conn{ clear:both; text-align:center}



#container{margin-left:auto; margin-right:auto; position:relative; width:779px}

#content{text-align:center; height:100%; width:100%}



/*clear*/

.clear{ clear:both; text-align:center}



/* Header */

#header{ width:100%; background:#fff; text-align:center;  font-size:90%; height:25px; margin:0 0 5px 0; border-bottom:1px solid #93B4FF; color:#333}

#header a:link,#header a:visited,#footer a:link,#footer a:visited {  text-decoration:none;font-size:90%;}

#header a:hover,#footer a:hover{ text-decoration:underline;font-size:90%;}

#topmenu{ width:40% ; float:left; text-align:left; padding:3px 0 0 5px}

#defaultpage{ float:left; width:25%; padding:3px 0 0 0}

#sso{ width:22% ; float:right; height:20px; text-align:right}



/* Footer */

#footer{ clear:both; text-align:center;border-top:1px solid #93B4FF; margin:5px 0 ;background:#fff;}

#footer p{ font:small normal; direction:ltr}

.inline li{ display:inline ; margin:5px}

.logo{clear:both; width:98%; text-align:right; padding:0 10px 0px 0; margin:0 }

.maslogo{ width:145px ; height:34px; margin:2px; float:right}

.date{ float:right; margin:18px 3px 0 0; text-align:right; font-size:90%}

.trial{ float:right; margin:18px 3px 0 0; text-align:right; font-size:90%; font-weight:normal}





/* Banners */

#leaderBoard{width:728px;margin:5px auto; clear:both}





/*form*/



#ticker{width:100%; border:0px solid #000; height:100% ; clear:both;  background:url(images/masrawy/top-line.jpg) repeat-x top; text-align:right; padding:15px 10px 0 0; font-size:85%;border-top:1px solid #81CAEA;}

.back{ background:url(images/masrawy/h14.jpg) repeat-x bottom ; padding:2px 5px; border:1px solid #81CAEA; margin:0}





a:link,a:visited { color:#006287; text-decoration:none}

a:hover{ color:#F6513E; text-decoration:underline}



#right{ width:460px;float:right}

#left{ width:300px;float:left}