.firstlogin
 {width:400px;height: 200px;background-color:#fff;padding-right:11px;border:solid 1px #fff;text-align:right;vertical-align:middle;background-repeat:repeat-x;}

.SSO
{background-color: Transparent;background-position:center;border:none;cursor:hand;font-size:11px;width:84px;height:26px;padding-left: 13pt;background:url(http://sso.linkonlineworld.com/images/SSOButton.gif) no-repeat;}

.btn {width:70px;padding:0 7px;border: 1px solid #6AA200;cursor:pointer;color:#fff;height:19px;text-align:center;background:#6AD003}

/* Default CSS */
body,ul,li,p,div,h1,h2{margin:0;padding:0}
input{ font-weight:normal; font-size:85%; direction:rtl}
body{font:medium arial; font-weight:bold; color:#494949}
a:link{font:95% Times New Roman;font-weight:bold ;color:#16387C; text-decoration:none}
a:visited{font:95% Times New Roman;font-weight:bold;color:#69789C; text-decoration:none}
a:hover{font:95% Times New Roman;font-weight:bold; color:#16387C; text-decoration:underline }
sup{ font-size:90%; color:#C00; direction:rtl; text-align:left}
/* Lauout */
#container{margin-left:auto;margin-right:auto;position:relative;width:775px;text-align:center;}
#l-con{ width:49.2%; float:left; border:0px solid #D7E4EC}
#r-con{ width:49.5%; float:right;border:0px solid #D7E4EC}


/*header*/
#header{ width:100%; border:1px solid #D7E4EC; background:#E7EEF9; height:22px ; font-size:90%}
#date{ float:left; width:40%; text-align:left; padding:0 0 0 5px}
#controls{ float:right; width:57%; text-align:right; padding:0 3px 0 0}
#h-page{ width:140px; float:right; text-align:right}
#h-page a:link,#h-page a:hover,#h-page a:visited{color:#494949; }
.aone{ font-size:110%}
.atwo{ font-size:95%}
.athree{ font-size:80%}


#font{ width:130px; float:left; text-align:center}
#navtheme{width:140px; float:left; text-align:center}
.orange{background:url(green.jpg) no-repeat}
.red{background:url(orange.jpg) no-repeat}
.blue{background:url(blue.jpg) no-repeat}
.blue2{background:url(blue2.jpg) no-repeat}
.d{background-color:#fff;margin:2px }
#navtheme img {border:0px solid #000; vertical-align:bottom; margin:3px 2px 2px 2px}

.test{ width:40%; border:1px solid #000; float:left}

/*search*/
#component{ height:100%; background:#F4F7FA; border:1px solid #D4E2EB; clear:both; margin:0px 0 3px 0px; background:url(componentbg.jpg)}
#search{ float:left; width:55%;border:0px solid #D7E4EC; margin-top:5px; height:100%; text-align:right}
#button{float:left; width:20%;border:0px solid #D7E4EC; margin:5px 0 0 0; text-align:center; padding:0 0 0 3px; height:100%}
.con-nav{font-size:90%;border:1px solid #D3E1F8;clear:both;background:background:#EFF2F9; background-position:0 80px; height:100%; margin:0; text-align:center}
/*.con-nav input{border:0px solid #999}*/
.con-nav table {}
.signin{ margin:0 5px 0 0;background:url(search.jpg) no-repeat;cursor:pointer;width:50px;color:#fff;border:none;height:17px;font-weight:bold }
.translateBtn{direction:ltr}
.mar{ margin:0 3px 0 3px }
/*vote*/
.vote div{ width:auto !important}
.vote li{ list-style:none}
.vote hr{ clear:both}
.votebgbutton{ background:url(vote-buttonbg.jpg) repeat-x; height:19px; color:#fff; border:1px solid #FF0000}
.vote-con-b{ margin:3px 10px 3px 0}
.voteb{ text-align:center; padding:2px 0px 0px 45px}
.votebutton{background:url(tableheadbg.jpg) repeat-x;border:1px solid #D7E4EC;padding:0 5px 0 5px ;margin:3px; width:100%; cursor:pointer  }
.VoteQuestion{white-space:nowrap;width:300px}
.VoteAnswers{white-space:nowrap;width:300px}
.fontbutton{background:url(tableheadbg.jpg) repeat-x; padding:0 5px 0 5px;border:1px solid #D7E4EC;margin:0px; cursor:pointer}
.clr {font-size:1px;height:1px;line-height:1px; clear:both}
#voting table{ height:auto !important; }
#voting div{ height:auto !important;}
/**/
#logo{ width:176px; height:65px;/*background:url(logo.gif) 13px 20px no-repeat;*/ float:right; margin:3px 3px 0 0 ; vertical-align:middle}
#logo img{ padding:20px 0 0 3px }
#logo p{ font-size:80% ; text-align:left; margin:35px 5px 0 0}
#h-light{ color:#F90; clear:both ; margin:0 0 10px 0;width:49%; float:left; border:0px solid #D7E4EC}

/*menu*/
#menuone{border:0px solid #D7E4EC; width:49%; float:left; margin:6px 0 0 0}
#menu{ background:url(clipbg.jpg);border:1px solid #D7E4EC;/*border-bottom:2px solid #DADBDB;*/ color:#FA651E/*#36A61F*/; font-size:100%; height:100%; padding:3px 3px 2px 0px; margin:0 0 3px 0}
#menu li{ direction:rtl; width:100%}
/*#menu ul{ width:24.5%; float:right;border:0px solid #D7E4EC; list-style:none; text-align:right; margin:0; padding:1px height:100%}*/
#menu ul{ width:23.5%; float:right;border:0px solid #D7E4EC; list-style:none; text-align:right; margin:0; padding:1px ;height:100%}
#menu a:link,#menu a:visited{ text-decoration:none;color:#597688; font-size:93% }
#menu a:hover{ text-decoration:none; color:#000099; font-size:93%}
/* Banners */
#leaderBoard{clear:both;margin:0 auto; width:728px}
#leaderBoard img{ float:left}
#skyScraper{width:160pxmargin:5px;float:left}
#skyScraper img{ float:none}
#showcase{margin:0 auto; float:none; width:300px; text-align:center}
#showcase img{ !float:left; clear:both}
#LayerName{right:0}/* Don't edit or change this id */


.clip{ direction:rtl; text-align:right;border:1px solid #D7E4EC;margin:6px 0 3px 0; padding:0 0 3px 0; background:url(clipbg.jpg); height:100%}
.clip h1{ direction:rtl;color:#496271; text-align:right;background:url(tableheadbg.jpg) bottom repeat-x; padding:2px 12px 0 0;height:16px; border-bottom:1px solid #D7E4EC; margin-bottom:5px; font-size:105%}
.clip h1 a:link,.clip h1 a:visited{ font-size:100%; text-decoration:none}
.clip h1 a:hover{font-size:100%; text-decoration:underline}

/*+ -*/
.clip h1 span{border:1px solid #CCCCCC;background:url(tableheadbg.jpg) repeat-x; width:12px; min-height:12px; font-size:60%; margin:0 1px 1px 1px; cursor:pointer; padding:0px 1px 5px 1px; float:left; text-align:center; vertical-align:middle}



/*mainnews tabs*/
.clip h1 label{font-size:75%; margin:0 1px 0px 1px;width:auto; cursor:pointer; padding:0px 2px 0px 2px; float:left; text-align:center}
.clip h1 label a:link,.clip h1 label a:visited{ font-size:100%; text-decoration:none}
.clip h1 label a:hover{font-size:100%; text-decoration:underline}




.clip h2{ color:#496271; text-align:right;padding:0 3px 0 0; font-size:120%; clear:both}
.clip h2 a:link,.clip h2 a:visited{ font-size:100%; text-decoration:none}
.clip h2 a:hover{font-size:100%; text-decoration:underline}
.clip p{ padding:3px}
.clip img{ float:left; margin:3px 2px 2px 5px;border:1px solid #9FB8C6; padding:2px}


.clip ul{ margin:0 5px 0 0}
.clip li{ direction:rtl ;margin:0 2px 0 0; padding:0 10px 0; background:url(bullets.gif) no-repeat right 0.5em; list-style:none }

.clip li{ direction:rtl ;margin:0 2px 0 0 }


.clip li a:hover{text-decoration:underline}
.fix ul{ width:67%;float:right; border:0px solid #999999}

/*div*/
/*dynamic service*/
.d-service{ color:#597688; height:130%; padding:3px 0 0 0}
.d-service img{ text-align:center; float:none;border:1px solid #9FB8C6; margin:2px 0 1px 0; padding:2px }
.d-service p{ text-align:center; margin:2px }
.d-width{ width:31%; float:left;border:1px solid #D7E4EC; margin:2px; padding:5px 0;text-align:center }


/*goha*/
#d-service img{ text-align:center; float:none;border:1px solid #9FB8C6; margin:2px 0 1px 0; padding:2px }
#d-service p{ text-align:center; margin:2px }
.goha-width{ width:49%; float:left;margin:0 0 4px 0 }
.goha{ height:100%}
/*weather*/
.weather{ height:100%; width:100%; clear:both}
.weather li{ background:none; display:inline; padding:0 0px 0 0; direction:ltr}
.weather img{ border:0;float:right; margin:0 5px 0 0; padding:0}
.weather ul{ float:right; margin:1px 2px 1px 1px}
/*classified*/
#c-service{ color:#597688; height:130%; padding:3px 0 0 0}
#c-service img{ text-align:center; float:none;border:1px solid #9FB8C6; margin:2px 0 1px 0; padding:2px }
#c-service p{ text-align:center; margin:2px }
.c-width{ width:31%; float:right; margin:2px; text-align:center }
#classified h1{ position:relative}
#classified h1 img.cads{position:absolute;left:0;top:0; margin:0; padding:0; border:0}
#classified .paidimg img{ padding:0; margin:0; border:0} 
.clip hr{ width:80%; text-align:center; color:#9FB8C6; height:0.5px; clear:both}

/*featured area*/
.feature{text-align:right; border:1px solid #D7E4EC;background:url(featuredbg.jpg) 0 2px repeat-x #F5FAFF; margin:4px 0 3px 0; padding:2px 0 0 0;}
.feature a:link,.feature a:visited{color:#16387C; text-decoration:none}
.feature a:hover{color:#16387C; text-decoration:underline }
.feature h1{ font-size:110%; color:#F00;padding:4px; }
.contentdiv p{padding:4px}
.contentdiv { height:100px}
.contentdiv img{ float:left}
.f-bottom{text-align:center;border:1px solid #D7E4EC; background:#F1F4F9; height:18px}
#l-featured{ float:left; border:0; width:100px;}
#r-featured input{ background:none; text-align:right; float:right; width:18px ; height:18px; background:url(f-right.jpg); border:0; cursor:pointer}
#l-featured input{ text-align:left; float:left; width:18px ; height:18px; background:url(f-left.jpg); border:0; cursor:pointer}
#r-featured{ float:right; border:0; width:100px}


.f-bottom img{ border:0; vertical-align:middle;}
.f-txt{ text-align:right; padding:0 3px 0 3px; direction:rtl; height:121px}
.f-txt img{ float:left}
.feature ul{ float:right; clear:none ; direction:rtl;!width:auto;width:65%; border:0px solid}
.feature ul li{list-style:inside; padding:2px}
#RadWindow4{ width:400px; height:550px}
/*table*/
.finance-table th{background:url(tableheadbg.jpg) repeat-x;border-bottom:1px solid #D7E4EC}
.finance-table{ border:1px solid #CCCCCC; direction:rtl}
.finance-tr{ background:#F3F6FD}
/*pp*/
.padright{ padding-right:10px; border:1px solid #000}
.r-align{ float:right}
.clearboth{clear:both }
.centers { text-align:center}
.centers img{float:none;text-align:center}
/*footer*/
#footer{ padding:5px 0 0 0; background:url(footer.jpg) repeat-x; clear:both; height:50px; border:1px solid #D7E4EC; margin:4px 0 3px 0; height:100%}
#footer li { display:inline; margin-left:10px}
#c-right{ font-size:small; font-family:Tahoma; margin:5px; font-weight:normal}
.lightsmall{display:block; height:auto; margin:0 0 3px 0}
.lightbig{ display:none; height:0; margin:0 0 3px 0}

/*afrer*/
.tabledsl:after,.con-nav:after,.weather:after,.d-service:after,.clip:after,#component:after,#menu:after,ol:after,ul:after,p:after,#search:after,#button:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden}
/*filter*/
.more {float:right; vertical-align:middle}
.more-news{ text-align:left; border:0px solid; width:95%; margin:0; padding:0}
.red-link{color:#F02225}
.red-link a:link,.red-link a:visited{ text-decoration:none; color:#F02225; font-size:93% }
.red-link a:hover{ text-decoration:none; color:#F02225; font-size:93%}
.padding{padding:3px}

/*new tabs*/
#tabsJ {FONT-SIZE: 70%}
#tabsJ UL {MARGIN:0px; PADDING-TOP: 10px 0 0 0;LIST-STYLE-TYPE: none}
#tabsJ LI {DISPLAY: inline; PADDING: 0px}
#tabsJ A { PADDING:0; border:1px solid  #D3E1F8;FLOAT: right; MARGIN: 0px; TEXT-DECORATION: none}
#tabsJ A SPAN {cursor:pointer;PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND:url(tabOff.gif); FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #24618e; PADDING-TOP: 5px}
#tabsJ A SPAN {FLOAT: none}
#tabsJ A:hover SPAN {COLOR:#0066FF}
#tabsJ A:hover span{BACKGROUND:url(tabOn.gif)}
#tabsJ A:Active SPAN {BACKGROUND:url(tabOn.gif);COLOR:#001E50}
.shadow{background:url(shadow.jpg) bottom repeat-x; width:100%}

.orange,.red,.blue,.blue2,.lightsmall,.lightbig,.fontbutton.featurearrow{ cursor:pointer}
img{ border:0}
/* Chat*/
.chat{  padding:0 12px 0 0}
.chat ul li {display:inline; list-style:none}
.chat ul{float:right; width:33%; border:0px solid}
/*  icons*/
.classified{ text-align:center}
.classified ul{width:100%;margin:0}
.classified li{ background:none; float:right; margin-right:10px; padding:0 2px 0 0}
.v-space{ margin-top:0}
.lightsmall img,.lightbig img{ vertical-align:middle}
.margin-fix{ margin-right:auto; margin-left:auto}
.inputnews{ width:230px}
.inputclassifieds{ width:230px}
.inputtorgoman{ width:200px ; direction:ltr; text-align:left}
.borderblue{ border:1px solid #ccc }
.sendnail{ float:left; font-size:90%; margin:0 }
.sendnail img{ float:none; border:0; vertical-align:bottom; margin:0 1px 0 1px}


/*top news*/
#topnews p{ clear:both; padding:0 30px 0 0 }
#topnews ul{ width:auto}
.viewed{ background:url(kitab.jpg) no-repeat right; height:18px}
.newscomment{ background:url(comm.jpg) no-repeat right;height:18px}

/* video clip*/
#videos{background:url(footer.jpg) repeat-x bottom #E5ECFE}
#videos li{float:right; background:none; margin:2px 2px 2px 6px; width:45%; padding:0}
#videos .d-service ul li img{ vertical-align:middle; margin:0 2px 0 5px;border:0}
#videos ul{ clear:both}
#videos p { padding:0}
.upload{clear:both;margin:8px}
.upload input{width:91px; height:25px;background:url(uploads.jpg) no-repeat;color:#fff;padding:0 20px 0 0;float:left;margin:0 0 0 6px; border:0;cursor:pointer;font:bold 85% arial}

/*EURO*/
#sport-euro{ background:#FFFFFF url(bg-euro.jpg) repeat-x bottom; text-align:right;}
#sport-euro h1{background:url(bgti-euro.jpg) repeat-x;color:#FFFFFF;direction:rtl; font-size:100%;padding-right:5px}
#sport-euro img{border:0;float:none;vertical-align:middle}
#sport-euro #icon a{padding: 0px 20px}
#sport-euro .title ul li{color:#990000;font-size:50%; list-style-type:none; border:1px solid #000 }
.icon a{float:right;vertical-align:middle}
.icon a img{vertical-align:middle;border:0;float:right}

/*ramadan*/
#ramadan h1 {background: url(bg_ram.jpg) repeat-x;height:22px}
#ramadan h1 a{color:#fff}
#ramadan{background:#e3eef5 url(ramadan.jpg) no-repeat 0 100px}
#ramadan ul{width:67% }
#ramadan h1 span{color:#000}

/*World Cup U20*/
#WCup h1 {background: url(bg_WCup.jpg) repeat-x;height:22px}
#WCup h1 a{color:#fff}
#WCup{background:#e3eef5 url(WCupImg.jpg) no-repeat 0 bottom}
#WCup ul{width:67% }
#WCup h1 span{color:#000}

/*Notification Icon*/
img.picon{ border:0;float:none;margin:0; padding:0}

/*Caf */
#Sports{ background:#2F2F29 url(can-bg.jpg) repeat-x 0 0}
#Sports .clip h1{ background:url(can-h1-bg.jpg) repeat-x 0 0; height:23px; border:0}
#Sports  h1 span{color:#fff; border:1px solid #000; background:#000}
#Sports ul{width:67% }
#Sports .clip{background:url(can-logo.jpg) no-repeat 0 bottom; border-color:#D69800}
#Sports .clip li{ background:url(redbullet.jpg) no-repeat scroll right 0.5em}
#Sports a:link,#Sports a:visited{ color:#FFF}
#Sports a:hover{ color:#FF0}

/*tabclip*/
.tabclip{ background:#D8E5F8; text-align:right}
ul.tabclip {/*background:url(n-tab-bg.jpg) repeat-x; */ background:#fff;height:28px; border-top:0px solid #E6E6E8}
ul.tabclip  li{ display:inline; list-style:none; float:right; height:28px; background:url(tab-bg.jpg) repeat-x; margin-left:2px}
ul.tabclip  li span{ display:block; padding:4px 15px; outline:none;cursor:pointer;border:1px solid #E6E6E8 }
ul.tabclip  li.selected span{ background:url(n-tab-hover.jpg) repeat-x;border-right:1px solid #E6E6E8;border-left:1px solid #E6E6E8; cursor:text}

#tabclip .clip,#tabclipa .clip{ margin:5px}
#tabclip,#tabclipa{ background:#D8E5F8; margin-top:5px}
span.spart{ font:normal 70% tahoma; display:block; padding-bottom:5px}
ul#customList{ width:100%; float:none}
.clip ul#customList img{ float:right; width:35px}
ul#customList li{ border-bottom:1px solid #D8E5F8; float:none; clear:both; background:none; height:47px; padding:0}

ul#moraselonList{ width:100%; float:none}
.clip ul#moraselonList img{ float:right; width:35px}
ul#moraselonList li{ border-bottom:1px solid #D8E5F8; float:none; clear:both; background:none; height:47px; padding:0}

a.link-add{ width:100px; height:26px; background:url(add-aticle.gif) no-repeat; display:block; float:left; margin:5px}

a.add-new{ width:100px; height:26px; background:url(add-new.gif) no-repeat; display:block; float:left; margin:5px}

.ketabatcatogry{color:#545454; margin:5px; font:normal 14px arial}
.relative{ position:relative}

/*dslict*/
.dslict{ padding:3px 0; border:1px solid #FF0000; background:/*url(componentbg.jpg) repeat 0 0*/#FF0000 url(dsloffer.jpg) repeat-x  center top; color:#fff; width:100%; clear:both; position:relative; text-align:center; font-size:120%}
.dslict a{ color:#FF0000}
.close{ position:absolute; top:4px; right:5px}

/*upgrade-div*/
.upgrade-div{ background: url(upgrade-div.jpg) repeat-x; height:28px;color:#fff; direction:rtl; padding:0 5px; text-align:right}
a.firefox-logo{background:url(firefox-logo.jpg) no-repeat;height:24px;width:168px; display:inline-block; margin:2px 5px 0 5px}
a.IE-8-logo{background:url(ie8-logo.jpg) no-repeat;height:24px;width:168px;display:inline-block;margin:2px 5px 0 5px}


/*POLL*/
.poll-box{ direction:rtl; padding:5px}
.poll-question{margin-bottom:5px;}
.poll-total{font-size:12px; background:#F0EEEF}
.poll-result{font-size:12px; padding-left:4px; }
.poll-chart{background:#FBFBFB ; padding:0; height: 15px; overflow: hidden; vertical-align: middle;margin-bottom:10px;}
.poll-chart img{border:0; float:right}


/*Ramadan 2010*/
#islamic{background:#faf9ff url(ramadan2010-bg.jpg) bottom left no-repeat;padding-bottom:35px;border:none}
#islamic h1{ background:url(ramadan2010-h1-bg.jpg) no-repeat; height:25px; border:0;margin:0;padding:27px 10px 0 5px}
#islamic h1 a {color:#FFF; display:none}
#islamic  h1 span{color:#fff; border:1px solid #000; background:#000}
#islamic ul{width:67% }
#islamic .clip{border-color:#D69800}
#islamic .clip li{ background:url(redbullet.jpg) no-repeat scroll right 0.5em}

#election{background:#faf9ff url(election2010-bg.jpg) no-repeat bottom left;padding-bottom:20px;border:none}
#election h1{ background:url(election2010-h1-bg.jpg) no-repeat; height:25px; border:0;margin:10px 0 0 0;padding:5px 10px 0 5px}
#election h1 a {color:#fff;font-size:18px}
#election h1 a span{color:red}

.ie9Pin{ background:#FFFFF2;margin:0;padding:5px 10px;height:22px; text-align:right}
.ie9Pin a{color:#16387C; cursor:pointer; font:bold 15px arial }
/*Hassad Clip*/
#hasaad {background:#faf9ff url(hasaad-bg.jpg) no-repeat bottom left; padding-bottom:60px; border:none }
#hasaad li {background: url("bullets-2.gif") no-repeat scroll right 8px transparent; }
#hasaad h1 {background:url(hasaad-h1-bg.jpg) no-repeat; height:25px; border:0; padding:3px 10px 0 5px }
#hasaad h1 a {color:#fff; font-size:18px }
#hasaad h1 a span {color:red }
#hasaad a {color: #fff }
/*#hasaad p { color::#CCC }*/
#hasaad ul{width:260px}
#hasaad h1 a span{display:none}