FONT { FONT-FAMILY: Arial; FONT-SIZE: 8pt } TD { FONT-FAMILY: Arial; FONT-SIZE: 8pt } BODY { SCROLLBAR-ARROW-COLOR: #277eb3; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-COLOR: #73337d; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #277eb3; FONT-SIZE: 8pt; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; aSCROLLBAR-HIGHLIGHT-COLOR: #ffffff } P { FONT-FAMILY: Arial; outline:0; color: #666; text-decoration: none; } DIV { FONT-FAMILY: Arial; FONT-SIZE: 8pt; outline:0; color: #666; text-decoration: none; } A:link { font-family: Arial; font-size:13px; color: #333; text-decoration: none; font-weight: bold; } A:active { font-family: Arial; font-size: 13px; font-weight: bold; color: #333; text-decoration: none; } A:visited { font-family: Arial; font-size: 13px; font-weight: bold; color: #333; text-decoration: none;} A:hover { font-family: Arial; font-size: 13px; color: #F00; text-decoration: none; font-weight: bold; } A.big:link { FONT-FAMILY: Arial; COLOR: #0066cc; FONT-SIZE: 15px; TEXT-DECORATION: none } A.big:active { FONT-FAMILY: Arial; COLOR: #0066cc; FONT-SIZE: 15px; TEXT-DECORATION: none } A.big:visited { FONT-FAMILY: Arial; COLOR: #0066cc; FONT-SIZE: 15px; TEXT-DECORATION: none } A.big:hover { FONT-FAMILY: Arial; COLOR: #007cf9; FONT-SIZE: 15px; TEXT-DECORATION: none } .title { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #993399; } .title2 { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #993399; } .content { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px } .block-title { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px } .storytitle { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #1266a5; FONT-SIZE: 8px; TEXT-DECORATION: none } .storycat { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px; TEXT-DECORATION: none } .boxtitle { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px; TEXT-DECORATION: none } .boxcontent { FONT-FAMILY: Verdana BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px } .option { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px; TEXT-DECORATION: none } .tiny { FONT-FAMILY: Arial; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; TEXT-DECORATION: none } .small { FONT-FAMILY: Verdanaf; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; TEXT-DECORATION: none } .ds { FILTER: dropshadow(color=#9FC4DC,offx=1, offy=1, positive=2), glow(color=#9FC4DC, strength=0); WIDTH: 100%; COLOR: #1266a5 } .ds2 { FILTER: dropshadow(color=#9FC4DC,offx=1, offy=1, positive=1), glow(color=#9FC4DC, strength=0); WIDTH: 100%; COLOR: #e4c35e; FONT-SIZE: 8px } .menuOut { BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: right; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; CURSOR: pointer; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 2px } .menuOver { BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: right; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; CURSOR: pointer; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 2px } .submenu { PADDING-LEFT: 15px } .submenu A { TEXT-DECORATION: none } .anv_1 { BACKGROUND-COLOR: #f7f7f7 } .anv_2 { BACKGROUND-COLOR: #fcfcfc } .slider_active { BACKGROUND-IMAGE: url(file:///D|/Aliraqis_css/images/tabs_shade.gif); BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #fff; MARGIN: 0px 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: right; HEIGHT: 15px; COLOR: #000; FONT-SIZE: 10pt; BORDER-TOP: #aaa 1px solid; CURSOR: default; FONT-WEIGHT: bold; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 3px; -moz-border-radius: 5px 5px 0px 0px } .slider_inactive { BORDER-BOTTOM: #aaa 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #ddd; MARGIN: 0px 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: right; HEIGHT: 15px; COLOR: #777; FONT-SIZE: 10pt; BORDER-TOP: #aaa 1px solid; CURSOR: hand; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 3px; -moz-border-radius: 5px 5px 0px 0px } .slider_btnz { WIDTH: 25px; CURSOR: hand } .small { FONT-FAMILY: Tahoma; COLOR: #c0c0c0; FONT-SIZE: 7pt } .headtop { font: 12px Arial; color: #333333; text-decoration: none; } .double_border { border: 1px solid #bbb; padding: 5px 5px 5px; /*Inner border size*/ background: #FFFFFF; /*Inner border color*/ } .cont { font: bold 12pt Arial; color: #000000; text-decoration: none; } .imga { border: 1px solid #666666; } .top_tabel { width: 99%; margin-right: 4px; margin-left: 4px; } .data_time { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; margin-bottom: -5px; padding-left: -20px; } --> /* Start Navbar Menu */ .navbar { } .navbar ul { list-style-type:none; margin:0px; padding: 0px; overflow:hidden; } .navbar ul li { float:right; } .navbar ul li a { display:block; font-family: Arial; font-size: 16px; text-align:center; text-decoration: none; color:#FFF; outline:0px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; font-weight: bold; } .navbar ul li a:visited { display:block; font-family: Arial; font-size: 16px; text-align:center; text-decoration: none; color:#FFF; outline:0px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; font-weight: bold; } .navbar ul li a:active { display:block; font-family: Arial; font-size: 16px; text-align:center; text-decoration: none; color:#FFF; outline:0px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; font-weight: bold;; } .navbar ul li a:hover { display:block; font-family: Arial; font-size: 16px; text-align:center; text-decoration: none; color:#FFF; outline:0px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; font-weight: bold; background-color: #af49bf; } /* End Navbar Menu */ /* Start Intresse Form */ .frm { font-family: Verdana, Geneva, sans-serif; font-size: 18px; } .frm input { border:1px solid #d1d0d0; height: 30px; width:200px; background: #FFFFFF url(http://www.aliraqis.com/images/frm_bg.jpg) repeat-x center top; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 5px; } .frm span { color:#00AEC4; } .frm textarea{ border:1px solid #d1d0d0; margin:0 0 0 0px; padding:5px 0 0 5px; background: #FFFFFF url(http://www.aliraqis.com/images/frm_bg2.jpg) repeat-x center top; } #submit { width:10px; height:30px; color:#333333; font-size:14px; font-weight:bold; border:1px solid #e0e0e0; cursor:pointer; padding:0px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 4px; } .form_tabel { clear: right; } /* End Intresse Form */ .sup{ height: 25px; width:60px; font-family: Arial; font-size: 16px; color: #FFF; text-decoration: none; background-color: #641964; text-align: center; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .sup a:link { height: 25px; width:60px; font-family: Arial; font-size: 16px; color: #FFF; text-decoration: none; background-color: #9e2c9e; text-align: center; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .sup a:hover { height: 25px; width:60px; font-family: Arial; font-size: 16px; color: #FFF; text-decoration: none; background-color: #9e2c9e; text-align: center; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .votes_title{ font-family: Arial; font-size: 12pt; font-weight: bold; color: #333; text-decoration: none; margin-right: 10px; margin-top: 5px; } .votes_allt{ font-family: Arial; font-size: 12pt; font-weight: bold; color: #666; text-decoration: none; margin-right: 10px; margin-top: 5px; } .votes_title2 { font-family: Arial; font-size: 18px; color: #FFF; text-decoration: none; margin-top: 2px; margin-right: 20px; margin-bottom: 2px; text-align: right; } .tabel_botom { border: 1px solid #73337d; } .iraq_title { display:block; font-family: Arial; font-size: 16px; text-align:right; text-decoration: none; color:#FFF; outline:0; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; font-weight: bold; } .iraq_title a:link { display:block; font-family: Arial; font-size: 16px; text-align:right; text-decoration: none; color:#FFF; outline:0; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; font-weight: bold; } .iraq_title a:hover { display:block; font-family: Arial; font-size: 16px; text-align:right; text-decoration: none; color:#FFF; outline:0; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; font-weight: bold; } .iraq_title a:active { display:block; font-family: Arial; font-size: 16px; text-align:right; text-decoration: none; color:#FFF; outline:0; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; font-weight: bold; } .iraq_title a:visited { display:block; font-family: Arial; font-size: 16px; text-align:right; text-decoration: none; color:#FFF; outline:0; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; font-weight: bold;} .title5 { word-wrap: break-word; width: 80%; margin-right: 6px; margin-left: 6px; } .title5 a:link { font-family: Arial; font-size: 14px; color: #553366; text-decoration: none; font-weight: bold; text-align: center; word-wrap: break-word; width: 100%; margin-right: 6px; margin-left: 6px; } .title5 a:visited { font-family: Arial; font-size: 14px; color: #553366; text-decoration: none; font-weight: bold; text-align: center; word-wrap: break-word; width: 100%; margin-right: 6px; margin-left: 6px } .title5 a:active { font-family: Arial; font-size: 14px; color: #553366; text-decoration: none; font-weight: bold; text-align: center; word-wrap: break-word; width: 100%; margin-right: 6px; margin-left: 6px; } .title5 a:hover { font-family: Arial; font-size: 14px; color: #553366; text-decoration: underline; font-weight: bold; text-align: center; word-wrap: break-word; width: 100%; margin-right: 6px; margin-left: 6px; } .title_in_news { font-size: 22px; color: #993399; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news2 { font-size: 22px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news2 a:link { font-size: 22px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news2 a:visited { font-size: 22px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news2 a:hover { font-size: 22px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news3 { font-size: 18px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news3 a:link { font-size: 18px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news3 a:visited { font-size: 18px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_news3 a:hover { font-size: 18px; color: #553366; text-decoration: none; text-align: right; line-height: 1.5; margin: 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .title_in_data { font-family: Arial; font-size: 12px; color: #b1b1a0; text-decoration: none; text-align: right; } .title_in_writer{ font-family: Arial; font-size: 15px; color: #993399; text-decoration: none; text-align: right; font-weight: bold; } .title_ut_news{ font-family: Arial; font-size: 20px; color: #993399; text-decoration: none; } .title_ut_news a:link { font-family: Arial; font-size: 20px; color: #993399; text-decoration: none; } .title_ut_news a:visited { font-family: Arial; font-size: 20px; color: #993399; text-decoration: none; } .title_ut_news a:hover { font-family: Arial; font-size: 20px; color: #993399; text-decoration: none; } .content_ut_news{ font-family: Tahoma; font-size: 13px; color: #646363; text-decoration: none; text-align: right; vertical-align: top; display: block; word-spacing: 3px; line-height: 22px; } .content_ut_news a:link { font-family: Tahoma; font-size: 13px; text-decoration: none; color: #ff0017; font-weight: bold; } .content_ut_news a:visited{ font-family: Tahoma; font-size: 13px; text-decoration: none; color: #ff0017; font-weight: bold; } .content_ut_news a:hover{ font-family: Tahoma; font-size: 13px; text-decoration: none; color: #ff0017; font-weight: bold; } .data_ut_news{ font-family: "Courier New", Courier, monospace; font-size: 12px; color: #757575; text-decoration: none; text-align: right; vertical-align: top; display: block; word-spacing: 3px; line-height: 10px; } .browse_in_news{ font-family: Arial; font-size: 14px; color: #993399; text-decoration: none; float: right; } .browse_in_news a:link{ font-family: Arial; font-size: 14px; color: #993399; text-decoration: underline; float: right; } .browse_in_news a:visited { font-family: Arial; font-size: 14px; color: #993399; text-decoration: none; float: right; } .browse_in_news a:hover { font-family: Arial; font-size: 14px; color: #993399; text-decoration: none; float: right; } .voite_div { background-color: #FFF; width: 100%; margin-top: -10px; } .online_text { font-family: Arial; font-size: 13px; color: #333; text-decoration: none; text-align: center; } .print_bg{ float: left; margin-top: 4px; } .print_bg2{ margin-top: -1px; } .social { top: -30px; position: relative; float: left; } .most { background-color: #FFF; } .most ul { } .most ul li { clear: right; } .foter_bg { background-image: url(http://www.aliraqis.com/images/foter_bg.jpg); background-position: right; background-repeat: no-repeat; background-color: #000; margin-bottom: 2px; } .foter { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-style: normal; color: #FFF; text-decoration: none; } .imgs { text-align: center; border: 1px solid #CCC; } .in_news_new { font-family: Arial; font-size: 12px; font-weight: bold; color: #FFF; text-decoration: none; } ul.tabs { margin: 0; padding: 0; float: right; list-style: none; height: 25px; width: 100%; border-right-width: 1px; border-right-style: solid; border-right-color: #cdcdcd; } ul.tabs li { float: right; padding: 0; height: 25px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 25px; margin-bottom: 0px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #c6c6c6; border-right-color: #c6c6c6; border-left-color: #c6c6c6; background-color: #d5d2d7; margin-top: 0; margin-right: 0; margin-left: 0; } ul.tabs li a { text-decoration: none; display: block; font-family: Tahoma; font-size: 15px; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; border-left-width: 1px; border-left-style: solid; border-left-color: #c6c6c6; border-top-width: 1px; border-top-style: solid; border-top-color: #c6c6c6; color: #993399; padding-top: 0; padding-right: 21px; padding-bottom: 0; padding-left: 29px; } ul.tabs li a:hover { background-color: #d9d5da; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background-image: url(file:///D|/Aliraqis_css/images/bg.png); } .tab_container { overflow: hidden; clear: both; float: right; width: 100%; background: #fff; } .tab_content { font-size: 16px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .title_tab { font-family: Arial; font-size: 13px; color: #666; text-decoration: none; font-weight: bold; margin-top: 5px; margin-bottom: 5px; } .title_tab a:link { font-family: Arial; font-size: 13px; color: #666; text-decoration: none; font-weight: bold; } .title_tab a:hover { font-family: Arial; font-size: 13px; color: #333; text-decoration: none; font-weight: bold; } .title_tab a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #666; text-decoration: none; font-weight: bold; } .tdma { padding-left: 5px; } .wri { font-family: Arial; font-size: 13px; color: #993399; text-decoration: none; font-weight: bold; } .wri a:link { font-family: Arial; font-size: 13px; color: #993399; text-decoration: none; font-weight: bold; } .wri a:hover { font-family: Arial; font-size: 13px; color: #993399; text-decoration: none; font-weight: bold; } .wri a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 15px; color: #993399; text-decoration: none; font-weight: bold; } .det { font-family: Arial; font-size: 9px; color: #0C6; } .tit_tab { font-family: Arial; font-size: 13px; color: #0C0; text-decoration: none; font-weight: bold; margin: 5px; } .tit_tab a:link { font-family: Arial; font-size: 13px; color: #0F0; text-decoration: none; font-weight: bold; } .tit_tab a:hover { font-family: Arial; font-size: 13px; color: #0F3; text-decoration: none; font-weight: bold; } .tit_tab a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #666; text-decoration: none; font-weight: bold; } .linje_tab { font-family: Arial; font-size: 9px; color: #efefef; text-decoration: none; margin-right: 5px; margin-left: 5px; margin-top: -10px; margin-bottom: 5px; } .detta { font-weight: bold; text-decoration: none; text-align: right; font-family: Arial; font-size: 12pt; color: #696969; } .title_video { font-family: Arial; font-size: 13px; color: #993399; text-decoration: none; text-align: center; height: auto; width: 115px; overflow: hidden; } .title_video a:link { font-family: Arial; font-size:13px; color: #553366; text-decoration: none; font-weight: bold; } .title_video a:hover { font-family: Arial; font-size: 13px; color: #553366; text-decoration: underline; font-weight: bold; } .title_video a:active { font-family: Arial; font-size: 13px; font-weight: bold; color: #553366; text-decoration: none; } .title_video a:visited { color: #553366; } .ut_more { font-family: Arial; font-size: 15px; color: #F00; text-decoration: none; overflow: hidden; } .ut_more a:link { font-family: Arial; font-size:15px; color: #F00; text-decoration: none; font-weight: bold; } .ut_more a:hover { font-family: Arial; font-size: 15px; color: #F00; text-decoration: none; font-weight: bold; } .ut_more a:active { font-family: Arial; font-size: 15px; font-weight: bold; color: #F00; text-decoration: none; } .ut_more a:visited { font-family: Arial; font-size: 15px; font-weight: bold; color: #F00; text-decoration: none; } .ut_more2 { font-family: Arial; font-size: 15px; color: #F00; text-decoration: none; padding-left: 14px; } .ut_more2 a:link { font-family: Arial; font-size:15px; color: #F00; text-decoration: none; font-weight: bold; padding-left: 14px; padding-top: -10px; } .ut_more2 a:hover { font-family: Arial; font-size: 15px; color: #F00; text-decoration: none; font-weight: bold; padding-left: 14px; padding-top: -10px; } .ut_more2 a:active { font-family: Arial; font-size: 15px; font-weight: bold; color: #F00; text-decoration: none; padding-left: 14px; padding-top: -10px; } .ut_more2 a:visited { font-family: Arial; font-size: 15px; font-weight: bold; color: #F00; text-decoration: none; padding-left: 14px; padding-top: -10px; } .katorgi_in_news{ font-family: Arial; font-size: 9px; font-weight: bold; color: #553366; text-decoration: none; padding-right: 10px; padding-top: -250px; } .katorgi_in_news a{ font-family: Arial; font-size: 13px; font-weight: bold; color: #553366; text-decoration: none; } .katorgi_in_news a:visited{ font-family: Arial; font-size: 13px; font-weight: bold; color: #553366; text-decoration: none; } .katorgi_in_news a:hover{ font-family: Arial; font-size: 13px; font-weight: bold; color: #553366; text-decoration: underline; } .katorgi_in_news a:active{ color: #553366; } .bild_border{ border: 1px solid #e1e1e1; } .bild_border a{ border: 1px solid #e1e1e1; } .bild_border a:visited{ border: 1px solid #e1e1e1; } .bild_border a:hover{ border: 1px solid #73337d; } .bild_border a:active{ border: 1px solid #e1e1e1; } #nav-n{ margin: 0; padding: 0; list-style:none; } /*خصائص عناصر القائمة*/ #nav-n li{ float:right; position:relative; } /* تنسيق روابط القائمة الأساسية */ #nav-n li a{ color: #fff; background: #46114c; text-decoration: none; font: 12px Tahoma; display: block; text-align:center; border-right-width: 1px; border-right-style: solid; border-right-color: #420848; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; } /* عند مرور الماوس */ #nav-n li a:hover{ color:#ffffff; background: #73337d; } /******************************************/ /* اي عنصر يحتوي على قائمة داخلية سيأخذ هذه الخصائص */ #nav-n li ul { margin:0; padding:0; display: none; position: absolute; right: 0; } /* عن مرور الماوس على عنصر يحتوي على قائمة داخلية سيجعلها ظاهرة */ #nav-n li:hover ul { display: block; } /*جسم القائمة الفرعية */ #nav-n li li { margin: 0; padding: 0; float: right; list-style:none; } /*العناصر داخل القائمة الفرعية */ #nav-n li ul li a{ color:#fff; background: #46114c; border-top: 1px #fff solid; margin: 0; padding: 5px 8px 5px 8px; width: 70px;/* من هنا تتحكم في عرض القائمة الفرعية */ text-align:right; } /* عند مرور الماوس */ #menu li ul li a:hover{ background: #73337d; color: #ffffff; }