img { border:0; outline:0; } body { background:url(images/body.jpg) repeat; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0px; padding: 0px; } a:hover { outline:none; } a:active { outline:none; } a:visited { outline:none; } a:link, body_alink { color: #747474; font-weight:bold; font-size:11px; font-family:tahoma; outline:none; text-decoration:none; } a:visited, body_avisited { color: #494949; outline:none; } a:hover, a:active, body_ahover { color: #494949; outline:none; text-decoration:underline; } .page { background:url(images/body.jpg) repeat; color: #000000; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #D1D1E1; color: #000000; border: 7px solid #e4e4e4; } .tcat { background: #676767 url(images/repeat/3.jpg) repeat-x top left; color: #ececec; font: bold 12px tahoma; } .tcat a:link, .tcat_alink { color: #ececec; text-decoration: none; font:bold 12px tahoma; } .tcat a:visited, .tcat_avisited { color: #ececec; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #e0e0e0; text-decoration: none; } .thead { background:#2fc2c2 url(images/repeat/2.jpg) repeat-x top left; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #FFFFFF; } .thead a:visited, .thead_avisited { color: #FFFFFF; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFF00; } .tfoot { background: #2fc2c2 url(images/repeat/4.jpg) repeat-x top left; color: #9d9d9d; } .tfoot a:link, .tfoot_alink { color: #9d9d9d; text-decoration:none; } .tfoot a:visited, .tfoot_avisited { color: #9d9d9d; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #757575; } .alt1, .alt1Active { background: #fcfcfc; color: #000000; } .alt2, .alt2Active { background: #f4f4f4; color: #000000; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #f0f0f0; color: #000000; font: 10px tahoma; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #22229C; } .wysiwyg a:visited, .wysiwyg_avisited { color: #22229C; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; } textarea, .bginput { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #666686; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #f1f1f1; color: #000000; padding: 10px; border-top: 2px solid #fff; border-bottom: 2px solid #d9d9d9; } .panelsurround { background: #f1f1f1 ; color: #000000; } legend { color: #22229C; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #616161 url(images/repeat/3.jpg) repeat-x top left; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 8px 6px 8px 6px; white-space: nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color: #f1f1f1; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #ededed; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #ededed; text-decoration: none; } .vbmenu_popup { background: #ededed; color: #000000; border: 0px solid #0B198C; } .vbmenu_option { background: #e9e9e9 url(images/repeat/4.jpg) repeat-x top left; color: #000000; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #868686; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #868686; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #454545; text-decoration: none; } .vbmenu_hilite { background: #c5c5c5; color: #FFFFFF; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: none; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } /*===============================MAIN STYLE BY AMRABDELAZIZ ( STBLACK )====================================*/ #rheader { background:url(images/rheader.jpg) repeat-x; height:454px; width:auto; clear:both; } #header { width:1000px; height:454px; margin:auto; background:url(http://i1094.photobucket.com/albums/i454/kingmazigh/header.jpg) no-repeat; } #header .htop { width:1000px; height:52px; position:relative; } .loginbox { height:52px; width:586px; float:right; position:relative; } .loginhere { background:url(images/loginhere.jpg); height:52px; width:540px; } .inputusername { position:absolute; right:60px; top:17px; } .inputusername input { width:115px; height:20px; background:none; border:none; outline:none; color:#838080; font:normal 11px tahoma; } .inputpassword { position:absolute; right:220px; top:17px; } .inputpassword input { width:115px; height:20px; background:none; border:none; outline:none; color:#838080; font:normal 11px tahoma; } .checkk { position:absolute; right:457px; top:18px; font:bold 12px tahoma; color:#a1a2a2; } .inputsubmit { width:82px; height:32px; position:absolute; right:365px; top:9px; } .inputsubmit input { background:url(images/png/submitloginbg.png) no-repeat; width:82px; height:32px; } .inputsubmit input:hover { background:url(images/png/submitloginbghover.png) no-repeat; } /*=====Before loginbox======*/ .husername { background:url(images/userbox/usernamebg.jpg) repeat-x; height:52px; width:140px; display:block; line-height:52px; text-align:center; text-decoration:none; color:#black; float:right; } .husername a { text-decoration:none; color:#black; } .husername:hover { background:url(images/userbox/usernamebghover.jpg) repeat-x; } .lastvisite { background:url(images/userbox/lastvisitebg.jpg) repeat-x; float:right; height:52px; width:218px; text-align:center; line-height:52px; margin-right:2px; } .lastvisite:hover { background:url(images/userbox/lastvisitebghover.jpg) repeat-x; } .hiddenuser { background:url(images/userbox/notbg.jpg) repeat-x; width:218px; height:52px; float:right; margin-right:2px; text-align:center; line-height:52px; font-size:9px; font-family:tahoma; color:#fff; } .hiddenuser:hover { background:url(images/userbox/notbghover.jpg) repeat-x; } .hiddenuser a { font-size:9px; color:#f5d49e; text-decoration:none; color:#c9c9c9; } .pmbox { background:url(images/userbox/notbg.jpg) repeat-x; width:218px; height:52px; float:right; margin-right:2px; text-align:center; line-height:52px; font-size:8px; font-family:tahoma; } .pmbox:hover { background:url(images/userbox/notbghover.jpg) repeat-x; } .pmbox a { font-size:9px; color:#f5d49e; text-decoration:none; } #notifications { z-index:10; background:url(images/userbox/lastvisitebghover.jpg) repeat-x; float:right; text-align:center; height:52px; width:218px; line-height:52px; margin-right:2px; display:block; text-decoration:none; } #notifications strong { text-decoration:none; } .noti { text-decoration:none; } /*========================SearchBox===========================*/ .searchbox { width:270px; position:relative; height:27px; float:left; margin-left:55px; margin-top:12px; } .searchbox .text { background:none; border:none; outline:none; height:27px; width:184px; color:#bdbdbd; font:normal 11px tahoma; line-height:26px; position:absolute; right:26px; } .searchbox .submit { background:url(images/search/submit.png) no-repeat; width:56px; height:25px; position:absolute; left:2px; top:2px;} .searchbox .submit:hover { background:url(images/search/submithover.png) no-repeat; } /*====================Hlogo======================*/ .hlogo { height:125px; width:1000px; position:relative; } .hlogo .infouser { width:333px; height:19px; position:absolute; left:102px; top:2px; color:#fff; } .hlogo .infouser a { font:bold 10.6px tahoma; color:#7b8111; text-decoration:none; } .hlogo .infouser a:hover { color:#666b0d; } .banheader { position:absolute; left:46px; top:37px; } .hfeed { width:242px; height:18px; position:absolute; right:93px; top:2px; } .hfeed a { margin-left:6px; } .hfeed a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .hfeed a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .logo { width:275px; height:66px; position:absolute; right:115px; top:12px; } .textlogo { width:283px; height:31px; position:absolute; top:81px; right:115px; } .textlogo .infosite { color:#58dad8; font:bold 11px tahoma; text-shadow:2px 2px 2px #000; } .textlogo .linksite { color:#a2a3a3; font:bold 11px tahoma; letter-spacing:10px; text-shadow:2px 2px 2px #000; } /*=================nav==================*/ .nav { width:820px; height:47px; margin:auto; margin-top:1px; } .nav ul { margin:0px; padding:0px; margin-top:5px; } .nav ul li { list-style-type:none; float:right; margin-left:6px; } .nav ul li a { display:block; width:130px; height:39px; line-height:39px; text-align:center; color:#737373; text-decoration:none; font:bold 13px tahoma; line-height:39px; } .nav ul li a:hover { background:url(images/png/navbg.png) no-repeat; color:#fff; } .nav ul li a.activenav { background:url(images/png/navbg.png) no-repeat; color:#fff; } /*=====================Navigation=====================*/ .navigation { width:930px; height:20px; margin-right:39px; margin-top:16px; } .navigation ul { margin:0; padding:0; list-style-type:none; } .navigation ul li { float:right;} .navigation ul li a { color:#b6b6b6; text-decoration:none; font:bold 12px tahoma; display:block; width:115px; text-align:center; line-height:18px; } .navigation ul li a:hover { color:#dedbdb; } .navigation ul li ul { display:none; } .navigation ul li:hover ul { display:block; position:absolute; z-index:15; padding-top:7px; background:#504f4f; padding-bottom:5px; } .navigation ul li:hover ul li { float:none; margin-bottom:2px; } .navigation ul li:hover ul li a { background:#5a5a5a; display:block; height:30px; line-height:30px; width:150px; } .navigation ul li:hover ul li a:hover { background:#e9e9e9 url(images/repeat/4.jpg) repeat-x top left; color:#7b7b7b; } /*=========================banners=================================*/ .hads { height:135px; width:1000px; margin-top:30px; padding-right:6px; } .hads .bann { float:right; width:185px; height:130px; margin-left:15px; } .hads .conimg { background:#f1f1f1; width:185px; height:108px; border:1px solid #cecccc; } .hads .conimg .bannimg { width:169px; height:92px; margin:8px; } .hads .conimg .bannimg a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .hads .conimg .bannimg a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .hads .bann .infoimg { background:#f1f1f1; width:185px; border:1px solid #cecccc; height:18px; font:normal 9px tahoma; text-align:center; line-height:18px; color:#6f6f6f; } /*=========================FOOTER=================================*/ #rfooter { width:auto; height:360px; background:url(images/bgfooter.jpg) repeat-x; clear:both; } #footer { width:1000px; height:360px; background:url(images/footer.jpg); margin:auto; position:relative; } a#scrlTop { display:block; width:62px; height:34px; position:absolute; right:470px; top:2px; outline:none } a#scrlTop:active { outline:none; } .copyright { width:1000px; height:52px; position:absolute; top:300px; } .rightcopyright { float:right; color:#afaeae; font:bold 12px tahoma; line-height:50px; margin-right:20px; } .leftcopyright { float:left; color:#afaeae; font:bold 12px tahoma; line-height:50px; margin-left:10px; } .iconcopyright { text-align:right; } /*==================poweredby===============*/ .poweredby { width:273px; height:51px; position:absolute; top:60px; left:37px; text-align:justify; color:#a9a9a9; } .poweredby a { color:#a9a9a9; text-decoration:none; } /*================linkuserf============*/ .linkuserf { position:absolute; width:265px; height:151px; left:40px; top:133px; } .linkuserf a { display:block; width:265px; text-align:center; height:30px; line-height:30px; border-bottom:1px solid #fff; border-top:1px solid #e5e2e2; font:bold 12px Tahoma; line-height:30px; text-decoration:none; color:#6e6e6e; margin-bottom:1px; } .linkuserf a:hover { color:#979797; border-bottom:1px solid #fff; border-top:1px solid #c0c0c0; } /*=================watsupuser===============*/ .watsupuser { width:559px; overflow:hidden; height:30px; position:absolute; right:78px; top:58px; font:bold 12px tahoma; line-height:30px; direction:rtl; color:#aea8a9; } .watsupuser span { color:#1cb4c6; text-shadow:1px 1px 2px #fff; } /*===============clockf======================*/ .clockf { width:150px; height:25px; background:#ebebeb; position:absolute; right:35px; top:104px; font:bold 12px tahoma; line-height:25px; text-align:center; color:#1cb4c6; border:1px solid #dedede; } .clockf span { color:#9d9d9d; } /*==========choosestyle======================*/ .choosestyle { background:#ebebeb; width:150px; height:25px; text-align:center; position:absolute; right:200px; top:104px; line-height:25px; border:1px solid #dedede; z-index:105; position:relative; } .chooselang { background:#ebebeb; width:150px; height:25px; text-align:center; position:absolute; right:367px; top:104px; line-height:25px; border:1px solid #dedede; z-index:105; } /*=====================menuf=====================*/ .menuf { width:539px; height:151px; position:absolute; top:142px; right:34px; } .menu1 { width:265px; height:151px; float:right; } .menu2 { width:265px; height:151px; float:left; } .menu1 a { display:block; width:265px; text-align:center; height:30px; line-height:30px; border-bottom:1px solid #fff; border-top:1px solid #e5e2e2; font:bold 12px Tahoma; line-height:30px; text-decoration:none; color:#6e6e6e; margin-bottom:1px; } .menu1 a:hover { color:#979797; border-bottom:1px solid #fff; border-top:1px solid #c0c0c0; } .menu2 a { display:block; width:265px; text-align:center; height:30px; line-height:30px; border-bottom:1px solid #fff; border-top:1px solid #e5e2e2; font:bold 12px Tahoma; line-height:30px; text-decoration:none; color:#6e6e6e; margin-bottom:1px; } .menu2 a:hover { color:#979797; border-bottom:1px solid #fff; border-top:1px solid #c0c0c0; } /*=====================statis============================*/ #statis { width:1000px; height:auto; clear:both; position:relative; } .topstatis { width:1000px; height:168px; background:url(images/statis/topstatis.jpg) no-repeat; position:relative; } .centerstatis { width:1000px; height:auto; background:url(images/statis/centerstatis.jpg) repeat-y; } .bottomstatis { width:1000px; height:77px; background:url(images/statis/bottomstatis.jpg) no-repeat; position:relative; } .onlinenowstatis { width:930px; height:auto; margin:0px 37px 0px 29px; color:#000; direction:rtl; } .onlinenowstatis a { color:#656d0c; text-decoration:none; } .onlinenowstatis a:hover { color:#fff; } /*========================topstatis===============*/ .statisword { font:bold 14px tahoma; color:#929090; text-shadow:1px 1px 2px #fff; position:absolute; right:20px; top:7px; } .welcomeherestatis { width:345px; height:18px; position:absolute; left:158px; top:33px; font:bold 11px tahoma; color:#fff; text-shadow:1px 1px 2px #000; text-align:center; } .welcomeherestatis:hover { font:bold 11.3px tahoma; } .infostatis { width:890px; height:36px; position:absolute; right:50px; top:73px; } .infost { width:178px; height:36px; background:url(images/statis/bginfo1.png) no-repeat; text-align:right; font:bold 9px tahoma; text-indent:10px; line-height:32px; color:#e7f268; float:right; margin-left:5px; } .weonlinest {width:290px; height:20px; position:absolute; z-index:15; top:139px; right:119px; font:bold 11px tahoma; line-height:20px; color:#747c12; text-shadow:1px 1px 2px #fff; } .weonlinest span { color:#fff; text-shadow:1px 1px 1px #6b7311; } .infost:hover { background:url(images/statis/bginfo1hover.png) no-repeat; color:#646c08; } .infost:hover span { color:#000; } .infost span { font:bold 16px tahoma; color:#fff; } /*========bottominfost================*/ .bottominfost { width:890px; height:26px; position:absolute; top:108px; right:50px; } .weluser { height:26px; background:url(images/statis/repeattopinfo.jpg) repeat-x; width:290px; text-indent:8px; float:right; font:bold 12px tahoma; line-height:23px; color:#989696; } .weluser a { color:#468cac; text-decoration:none; font:bold 12px tahoma; } .weluser a:hover { color:#286581; } .akbaronline { height:26px; background:url(images/statis/repeattopinfo.jpg) repeat-x; width:430px; text-indent:8px; float:right; font:bold 12px tahoma; line-height:23px; color:#989696; margin-right:5px; } .imgtopst { background:url(images/statis/img.jpg) no-repeat; width:105px; height:75px; position:absolute; left:55px; top:69px; /*opacity*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .imgtopst:hover { /*opacity*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; } /*==================bottom======================*/ .showparts { width:170px; height:20px; position:absolute; background:#4184a3; text-align:center; font:bold 12px tahoma; line-height:20px; color:#b7e3f7; right:330px; top:21px; } .showparts a { text-decoration:none; color:#b7e3f7; } .showparts:hover { background:#a9b610; color:#f1fb7a; } .showparts:hover a { color:#f1fb7a; } .showmoder { width:170px; height:20px; position:absolute; background:#4184a3; text-align:center; font:bold 12px tahoma; line-height:20px; color:#b7e3f7; right:510px; top:21px; } .showmoder a { text-decoration:none; color:#b7e3f7; } .showmoder:hover { background:#a9b610; color:#f1fb7a; } .showmoder:hover a { color:#f1fb7a; } /*===========welcomeghost=======================*/ .welcomeghostt { width:995px; height:42px; background:url(images/welcome/bgrepeat.jpg) repeat-x; margin-bottom:10px; border:2px solid #c0c0c0; } .welcomeghostt:hover { background:url(images/welcome/bgrepeathover.jpg) repeat-x; border:2px solid #c45a5a; } .welcomeghostt:hover .contentghost { color:#ffb2b2; } .welcomeghostt:hover .contentghost a { color:#fff; } .welcomeghostt img { float:right; padding-top:4px; padding-right:8px; } .welcomeghostt .contentghost { width:945px; float:left; height:42px; font:bold 12.5px tahoma; line-height:42px; color:#888888; } .welcomeghostt .contentghost a { color:#c54a4a; text-decoration:none; }