@font-face { font-family:'masdar2-font-normal'; src:url('masdar2-normal.woff'); font-weight:normal;}@font-face { font-family:'arabic_bold'; src:url('bold.woff'); }@font-face { font-family:'arabic_regular'; src:url('regular.woff'); font-weight:normal;} body{ direction:rtl; text-align:right; padding:0px; margin:0px; font-size:14px; color:#222; } body,textarea{ font-family: "arabic_bold", Georgia, serif;} #most_nav,#latest-news form input,#nav_bar,#comments,#statistics,#article-meta,#featured_pag,#subject-title,#intro-title,#send_to_friend{ font-family: "arabic_bold", Georgia, serif;} #article-meta.author-data{ float: right;} #article-meta li span{ font-size: 18px; } #most_nav{ font-size: 17px;} #main-menu,#top-bar,#footer{ font-family: "masdar2-font-normal"; } .spacer{ clear:both !important; line-height:0px !important; height:0px !important; margin: 0px !important; font-size: 0px !important; padding:0px !important; border:0px none !important; display: block !important; float:none !important;} /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;}.clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ a{ text-decoration:none; color: #000;} #main-container { background-color: #F3F3F1;} .sitewidth11{ width:1008px; background-color: #F3F3F1; height:153px; margin:0px auto;} .sitewidth0{ width:1008px; background-color: #1A639F; margin:0px auto;} .sitewidth{ width:1008px; background-color: #F3F3F1; margin:0px auto;} .sitewidth1{ width:100%; background-color: #1A639F; margin:0px auto;} #site-holder { /* background:url("../images/body-bg.png") center top repeat-y;*/ padding: 5px 0px; position:relative; background-color: #FFF;} #header { position: relative; /*overflow: hidden;*/ /* height: 102px;*/ padding: 0px 0 0; z-index: 11111;} #header .latest-news.sitewidth { background-color: #3e3e3e;} #top-bar{ background-color: #0066B3; padding: 0px; overflow: hidden; background-color: #0066B3; } #main-menu{ display: block; height: 17px; margin-bottom: 0px; border: 0px solid #d4d4d4; /*border: 5px solid #EEE;*/ padding: 0px 0 0px; width: 1008px; position: relative;} #top-bar ul,#main-menu ul{ list-style: none;} #top-bar ul{ display: block; float: right; width: 500px;} #top-bar li a,#main-menu li a{ height: 17px; display: block; float: right; padding: 0px 20px; line-height: 1.1; color: #494949; /* font-weight: bold;*/ text-align: center;} #top-bar li:last-child a,#main-menu li:last-child a{}#top-bar li a{ padding: 4px 7px; font-size: 12px; color: #fff;} #main-menu li a:hover{ color: #a00}#top-bar li a:hover{ color: #ccc; } #logo { width: 207px; display: block; position: relative; margin: 0 20px 15px 10px; float: right;} .logo_side_right,.logo_side_left{ float: right; height: 87px; width: 380px;} .logo_side_left{ float: left;} #site-title{ display: none;}#login form{ display: block; margin: 0px auto;} #login form div{ padding-right: 508px;} #login input,#login a{ float: right; border: solid 1px #959595; height: 10px; padding: 5px; background-color: #c7c7c7; color: #fff; margin-left: 10px; width: 150px; display: block;} #login a#submit{ width: 75px; margin-left: 0px; height: 10px; display: block; text-align: center;} #latest-update{ color: #fff; display: block; float: right; border-left:1px solid #fff; padding: 2px 10px;} #top-right-ad-1,#top-left-ad-1,#top-right-ad-2,#top-left-ad-2{ float: right; width: 490px; padding: 10px 0px 0;} #top-right-ad-1,#top-right-ad-2{ margin-left: 20px;}#top-left-ad-1,#top-left-ad-2{ float: left;} #header-ad{ float: left; width: 750px; padding: 10px 0;} .col{ line-height: 1.4; overflow: hidden; /*background-color: #EEE;*/} .tba1{ background-color: #EEE; valign=top;} .col#right-col{ /* padding: 5px; width: 1008px;*/ } .col#home-col{ padding: 5px 5px 5px 0; vertical-align:top; } .col.right{ width:245px; margin-left: 7px;} .col.mid{ width:496px; margin-left: 7px;} .col#mid-col{ width:496px; margin-left: 7px;} .col.left{ width:342px; font-family: "arabic_bold", Georgia, serif; float: left; } .col.content{ width:645px; border-bottom: 1px dotted #c8c8c8; border-left: 1px dotted #c8c8c8; border-right:1px dotted #c8c8c8; margin-left: 5px; margin-right: 5px; float: right; /*padding-left: 10px;*/} .box{ border: solid 1px #c8c8c8; margin-bottom: 5px; margin-left: 5px; position: relative; float: right; width:330px; background-color: #fff;} .col .box:last-child{ margin-bottom: 0px;} .col.left .box .slider{ /*background: url(images/left-slides-box-bg.gif) center top no-repeat;*/} .col .box .tabs{ top: 0px;}.col .box .tabs>.tab_warp{ top: 5px; padding-top: 55px;} .col .box .tabs>.tab_warp .slides .next,.col .box .tabs>.tab_warp .slides .prev{ top: 9px; } #most_nav,.col .box .taber{ top: 0px; height: 41px; border-bottom: 5px solid #eee; border-bottom: solid 1px #C8C8C8; margin-bottom: 10px;} #most_nav{ height: 41px; } #most_nav a,.col .box .taber h2{ float: right; border-left: 1px dotted #c8c8c8; border-right:1px dotted #c8c8c8; border-collapse: collapse; height: 29px; padding: 11px; width: auto; color: #c8c8c8; border-bottom: 0px none; margin-left: -1px; font-size: 18px; line-height: 1.3;} #most_nav a{ height: 19px; width: 63px; text-align: center; font-size: 15px; line-height: 1.4; font-family: "arabic_bold", Georgia, serif; font-weight: bold;} #most_nav a:last-child{ border-left: 0px none;} .col .box .taber h2 a{ color: #FFF;} .col .box .taber h2:hover{background: #1A639F} .col .box .taber h2:hover a{color: #0066B3} #most_nav a.selected,.col .box .taber h2.active{ color: #FFF; background: url(images/down-arraw.png) center bottom no-repeat; width:640px; height: 36px; border-left: 0px none; border-right: 0px none;} #most_nav a.selected{ height: 28px;} .col .box .taber h2.active a,.col .box .taber h2 a:hover{ color: #fff;} .col .box .taber h2.active a{color: #FFF} .col .box .taber h2 a:hover{ color: #FFF;} .col.right .box .slides-box{ /*background: url(images/right-slides-box-bg.gif) center top no-repeat;*/} .col .box .slides-box{ overflow: hidden;} .slides{ margin-top: -42px;} .slides .warp{ top: 5px;} .tabs .slides{ margin-top: -55px; padding-top: 10px;} .tabs .slides .warp{ top: 0px; padding-top: 55px;} .slides .next,.slides .prev{ display: block; position: absolute; left:12px; top: 5px; background-repeat: no-repeat; background-image: url(images/btns-sprit.png); width: 20px; height: 20px; border: 1px solid #c8c8c8; text-indent: -999px; overflow: hidden; z-index: 2000;} .slides .next{ background-position: 0 0;} .slides .next:hover{ background-position: -20px 0;} .slides .next.disabled,.slides .next.disabled:hover{ background-position: -40px 0;} .slides .prev{ background-position: 0 -20px; left:33px;} .slides .prev:hover{ background-position: -20px;} .slides .prev.disabled,.slides .prev.disabled:hover{ background-position: -100px -200px;} .box .slider{ position: absolute; bottom: 5px; height: 25px; padding:0; left: 5px;} .poll{ padding: 10px;}.poll h3{ font-size: 16px; color: #6c6c6c; margin-bottom: 5px} .poll label{ padding: 5px; font-size: 14px; font-weight: bold;} .sub_sec_item{ font-weight: bold;} .box .slider a{ display: block; width: 9px; height: 9px; float: right; text-indent: -9999px; margin-left: 5px; overflow: hidden; background: none #CE071E;} .box .slider a:hover,.box .slider a.active{ background: url(images/bullet-active.png) center center no-repeat;} .box .slider a:hover,.box .slider a.active{ background: #fff; border: 2px solid #CE071E; width: 5px; height: 5px;} .box.noborder{ border: none 0px #afafaf; }.box ul{ display: block; padding: 0px 0px;} .box ul li{ display: block; padding:0 15px 0 5px; clear: both; overflow: hidden; position: relative;} .box ul#videos li{ padding:0px;} .box ul li.snippet{ padding-bottom: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; /* background: url(images/snippet-bg.png) right bottom no-repeat;*/} .box ul.old li.snippet{ padding: 0 10px 5px 6px; margin-bottom: 5px; border-bottom: 0px none;}.box ul li.snippet{ font-weight: bold;} .ui-datepicker{ margin: auto;}.btns{ margin-top: 5px;}.btns a,.poll_results a{ display: inline-block; margin-left: 10px; padding: 5px; background-color: #929292; color: #fff; width: 71px; text-align: center;} .btns a:last-child{ margin-left: 0px; width: 75px;}.btns a,.poll_results a{ background-color: #ce071e;} .poll_results a:hover{ background-color: #929292;} #most_slides .warp{ top:50px;} #most_slides ul,#past_articles ul, #section_most_slides ul{ display: block; float: left; clear: none; width: 326px; padding: 5px 0; text-align: right; } #past_articles ul,#section_most_slides ul{ float: none; width: 335px; margin-top: 25px; margin-bottom: 25px;}#past_articles ul li, #section_most_slides ul li{ margin-bottom: 25px} #past_articles a.read-more,#section_most_slides a.read-more{ display: block; position: absolute; width: 75px; background: url(images/most-read-more.png) center top repeat-x; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; height: 18px; padding: 5px 8px; bottom: 10px; text-align: center; left: 128px; cursor: pointer;} #past_articles a.read-more:hover,#section_most_slides a.read-more:hover{ background: url(images/most-read-more.png) center bottom repeat-x; } .pagination{ padding: 10px 0px; text-align: center;}.pagination a,.pagination strong{ display:inline-block; /* float:left;*/ width:35px; height: 20px; color: #868686; text-align: center; font-size: 16px;} .pagination .prev a,.pagination .next a{ text-indent: -9999px; overflow: hidden; } .pagination .next a{ background:url(images/gallery-left-arraw.png) no-repeat center; }.pagination .next a:hover{ background:url(images/gallery-left-arraw-hover.png) no-repeat center; } .pagination .prev a{ background:url(images/gallery-right-arraw-hover.png) no-repeat center; }.pagination .prev a:hover{ background:url(images/gallery-right-arraw.png) no-repeat center; } .pagination { text-align: center; margin: 10px 0 0;}.pagination a { background-color: white; width: 20px; height: 20px; margin: 0 5px 0 0; display: inline-block; padding: 5px;} .pagination a.selected { background-color: #ce071e; cursor: default; color: #fff;}/*.pagination a span { display: none;} */.box ul li.snippet div{ /* padding-left: 160px;*/ padding-top: 10px; overflow: hidden; height: auto; position: relative;} .box ul.old li.snippet div{ padding-top: 0px; } .box ul li.snippet div div.fb-like{ padding-left: 0px; overflow: hidden; height: 29px; position: relative;} .box ul li a.img{ position: relative; display: block; width: 80px; height: 95px; margin-left: 5px; overflow: hidden; float: right; /* border: solid 1px #d4d3d3;*/} .box ul.old li a.img,.col.mid .box ul li a.img{ height: 55px; } .box ul li.snippet a{ background: none; padding-right: 0;} .box ul.old li.snippet h4 a{ color: #CE071D; } .box ul li.snippet span{ display: block; float: none; clear: both; text-align: right; font-family: "arabic_bold", Georgia, serif;} .box ul li.snippet span a{ font-size: 13px;} .box ul li.snippet span a.date{ float: left;}.box ul li img{ width: 80px ;}.box ul li a.img:hover{ /* border: solid 1px #929292;*/} .box ul li a{ color: #9E9E9E; font-weight: bold;} .col.left .box ul li a { font-weight: normal; color:#000;} .box ul li.snippet a{ color: #000;} .box ul li h3 a{ font-size: 16px;}.box ul li a:hover{ color: #000;} .box h2,.box h1, .box #pagination{ display: block; /* background-color: #CE071D;*/ padding: 10px 16px 10px 10px; font-size: 15px; line-height: 1.3; height: 21px; color: #a00; } .box h2 a,.box h1 a,.box #pagination a{ color: #FFF; font-size: 23px; line-height: 1.0;}.box h2 a,.box h1 a{ display: block;} .box h2,.box h1{ background-color: #0066B3; border-bottom: solid 5px #EEE; border-bottom: solid 0px #C8C8C8; font-family: "arabic_bold", Georgia, serif; font-weight: bold; font-size: 18px; line-height: 1.3; position: relative; z-index: 999;} /*.col.content .box{ width: }*/ .col.content .box:first-child h2{ margin-bottom: 0px;} .col.content .box h2.doc-date{ background-image: none; margin-bottom: 7px; margin-bottom: -5px;} .col.content .box h2.doc-date span,.col.content .box h2.doc-date a{ display: block; float: left; } .col.content .box h2.doc-date span{ float: right;} .col.content .box h2.doc-date a{ padding: 0 10px;} .col.content .box #article{ /* border: 1px solid #bbbbbb;*/ padding: 20px 15px 15px;} .col.content .box ul li a.img { height: 70px;}.col.mid .box h2,.box h1{ /* width: 350px;*/}.col.latest-news{ overflow: hidden; float: left;} .col.breaking-news{ width: 991px; /*background: url(images/breaking-bg.png) repeat-x #A80000;*/ background: #A80000; padding: 5px; clear: both;} .box #pagination{ text-align: center; border-top: solid 1px #c6cedd;} .box.latest-news{ position: relative; margin-bottom: 1px; color: #d4d4d4; float: left; margin-left: 0; width: auto;} .box.breaking-news.sitewidth{ color: #fff; margin-bottom: 0px; font-size: 15px; font-weight: bold;} #header .box.breaking-news.sitewidth{ background-color:transparent;} .box.breaking-news h2,.box.latest-news h2{ float: right; width: 80px; border-bottom: 0px none; background: inherit; margin-bottom: 0px;} .box.breaking-news .breaking-news-content{ float: right; padding: 0px 10px; width: 975px; font-size: 23px;} .box.breaking-news .breaking-news-content.page_content{ background-color:transparent; color: #fff;} .box.breaking-news .breaking-news-content.page_content p{ margin: 0 0 1em 0; } .box.breaking-news h2{ width: 80px; font-size: 35px; line-height: 1.3; padding-bottom: 20px; color: #000;}#wrapper { width: 616px;}dl#news-ticker { display: block; margin: 0 0 0 5px; width: 610px; float: right; font-family: "arabic_regular", Georgia, serif; padding: 0px;}#news-ticker dt, #news-ticker dd { display: block; float: left; margin: 0 10px; padding: 5px 10px;}#news-ticker dt { background-color: #f66; color: #fff;}#news-ticker dd { color: #fff;}#news-ticker dd a{ color: #494949; }#secondary_news li a{ padding: 3px 0; font-weight: normal;} #secondary_news li h3 a{ /* color: #0082C1;*/ padding: 3px 0; background: none; font-weight: bold;}#secondary_news li h3 a:hover{ padding: 3px 0;}#secondary_news li{ display: block; border-bottom: 1px solid #ccc; padding: 8px 3px;} /*.box.breaking-news div,.box.latest-news div,.box.latest-news ul{ display: block; width: 616px; height: 29px; padding: 0px; overflow: hidden; z-index: 150; float: right;}.box.breaking-news div{ padding: 10px; height: auto; width: 754px;} */.box.latest-news ul li{ display: block; height: 29px;}.box.latest-news ul li a{ display: block; padding: 7px 15px 7px 30px; background-position: right 10px; height: 15px; color: #fff; line-height: 1.2;} .box.latest-news .next,.box.latest-news .prev{ z-index: 153; display: block; width: 20px; height: 29px; float: right; overflow: hidden; background-color: #ce071e; text-indent: -9999px; background: url(images/left-arraw.png) center no-repeat;} .box.latest-news .next{ margin-left: 5px; background: url(images/right-arraw.png) center no-repeat;}#latest-news form{ display: block; height: 26px; overflow: hidden; width: 220px; float: left; background-color: white;} #latest-news form input{ display: block; float: right; border: 0px none; display: block;}#latest-news form input#search-text{ height: 16px; width: 179px; background-color: #fff; margin-left: 0px; border-left: 1px dotted #ccc; padding: 0; line-height: 1; font-size: 13px; font-family: "arabic_bold", Georgia, serif;} #latest-news form input#search-button{ height: 16px; width: 23px; color: #fff; background: url(images/search-btn.png) left top no-repeat; text-indent: -999px; overflow: hidden; padding: 0px; margin-left: 0px;} #latest-news form input#search-button:hover{ color: #fff; background: url(images/search-btn.png) left bottom no-repeat; cursor: pointer;}#latest-news form p{ border: 1px solid #ccc; padding:4px 7px; height: 16px;} #sec-title { display:block; padding:7px 0px; font-size:15px;}#sec-title a { display:block; border-bottom:solid 1px #d8d8d8; padding:5px 0px; color:#3e5877; font-family: serif;}#sec-title a:hover{ color:#6F8EB5;} #subject-title,#intro-title { display: block; color:#ce071e; margin: 10px 0px; line-height:1.4; background: none transparent; border: 0px none; height: auto; font-weight: bold; font-size: 30px; width: auto; padding-right: 0;} #intro-title { font-size: 16px; color:#7d7d7d; padding: 0 10px; margin-bottom: -10px; font-weight: bold;}.survey_overlay,.comment_overlay{ display:none; position:absolute; background-color:#FEFEFE; height:100%; width:100%; background:url(images/ajax-loader.gif) center center no-repeat #FFF; padding: 0px; border: none 0px !important; border-left: none 0px; border-right: none 0px; z-index: 9999;} .comment_overlay{ /* width: 564px;*/}#comments form{ display: block; /*width:630px;*/} #send_subject p,#comment p { float:none; clear:both; display: block; border:1px solid #dcdcdc; padding: 0px 0; margin-bottom: 20px;}#send_subject p:last-child,#comment p:last-child{ border:0px;} #send_subject p label,#comment p label { display:none; width:90px; float:none; height:14px; padding: 5px 15px 5px 5px; font-size: 14px; color: #7a7a7a;}#send_subject p input[type=text],#send_subject p textarea,#comment p input[type=text], #comment p textarea{ display:block; font-size: 14px; width:601px; padding:5px 10px; height:22px; border:none 0px; font-family: "arabic_regular", Georgia, serif;}#send_subject p textarea,#comment p textarea{ height:100px; /* margin-bottom: 10px;*/} .box div.comment { border:none 0px; margin-bottom:10px; padding: 0px 10px 10px; margin-top: 10px;}.box div.comment:last-child{ border-bottom:0 none; margin-bottom:0;}.box div.comment h4 { color: #096398; font-size: 16px; padding: 7px 35px 5px 10px; font-family: "arabic_bold", Georgia, serif; background: url(images/comments.png) right center no-repeat #f4f4f4; margin-bottom: 5px; font-weight: bold;} .box div.comment span { padding: 0px 0px 0px 5px; color: #CE071E; font-weight: bold;} .box div.comment p { padding: 5px 0px; font-family: tahoma; line-height: 1.4;} .box div#comments{ padding:10px;}/******* typo ********/ .page_content { color:#222; font-family: "arabic_bold", Georgia, serif; line-height: 1.6; padding: 10px 10px; font-size: 18px; clear: both; text-align: justify /* overflow: hidden;*/} .page_content.contents.print{ padding: 5px 40px 0;} .page_content.contents.print h1,.page_content.contents.print .date,.page_content.contents.print .author{ color: #be202f;} .page_content.contents.print .date{ display: block; padding: 5px 10px; font-size: 16px; border-top: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; margin-bottom: 20px;} .page_content.contents.print .main-image{ border: 0px none; background-color: transparent; margin: 0px 0px 20px 20px; text-align: right; padding-bottom: 0px} @media only print{ .page_content.contents.print .print-btn{ display: none; }} .page_content.contents a{ color: #0066b2; }.page_content.contents a:hover{ color: #3B5998;}body.page_content{ background-color:#fff; } .page_content .highlight-1 { background-color:#FFFFDA;}.page_content .highlight-2 { background-color:#F1F1F1;} .page_content .highlight-3 { background-color:#272727; color:#FFFFFF;}.page_content .highlight-4 { background-color:#3e5877; color:#FFFFFF;} .page_content .highlight-1,.page_content .highlight-2, .page_content .highlight-3, .page_content .highlight-4 { padding:1px 5px;} .page_content span.color-1 { background-color:#FFFFEE; border-bottom:1px solid #E9E9A1; border-top:1px solid #E9E9A1; color:#666666;} .page_content span.color-2 { background-color:#3e5877; border-bottom:1px solid #1A5EA1; border-top:1px solid #1A5EA1; color:#FFFFFF;} .page_content span.color-1,.page_content span.color-2 { display:block; margin-bottom:10px; line-height: 1.3; padding:5px 10px;} .page_content ul,.page_content ol,.page_content p,.page_content pre,.page_content blockquote,.page_content h1,.page_content h2,.page_content h3,.page_content h4,.page_content h5,.page_content h6 { margin:.5em 0 !important; padding:0;} .page_content .info,.page_content .tips,.page_content .warning,.page_content .email,.page_content .help,.page_content .feed,.page_content .pdf, .page_content .doc,.page_content .ppt,.page_content .xls,.page_content h1,.page_content h2,.page_content h3,.page_content h4,.page_content h5, .page_content h6,.page_content h1 a,.page_content h2 a,.page_content h3 a,.page_content h4 a,.page_content h5 a, .page_content h6 a{ color:#0082C1; line-height: 1.3; text-decoration:none; background: none; /* margin: 5px 0px;*/ border: 0px none; height: auto;} .page_content h1,.page_content h2,.page_content h3,.page_content h4,.page_content h5,.page_content h6,.page_content h1 a,.page_content h2 a,.page_content h3 a,.page_content h4 a,.page_content h5 a,.page_content h6 a{ font-family: "arabic_bold", Georgia, serif;} #section-cont{ padding: 10px;}#section-cont h2{ font-size: 18px; margin: 5px 0px;}#section-cont p{ padding: 10px 0px; line-height: 1.4;} #section-cont span{ clear: both; text-align: right; display: block; border-bottom: solid #7d7d7d 1px; padding-bottom: 10px; margin-bottom: 15px;} #section-cont span:last-child{ border-bottom:none 0px;}#section-cont h2 a,#section-cont span a{ color: #3e5877;}#section-cont h2 a:hover, #section-cont span a:hover{ color: #6F8EB5;}.page_content.search_page h3{ margin:0.5em 0;} .page_content.search_page h3 a{ font-size:16px; font-weight:normal;} .page_content.search_page p{ border-bottom:1px solid #CCC; padding-bottom:10px; margin:0;} .page_content a:hover{ color:#6F8EB5;}.page_content .img-border { border:5px solid #B9B7B5;}.page_content h1 { font-size:140%;}.page_content h2 { font-size:130%;} .page_content h3 { font-size:120%;}.page_content h4 { font-size:115%;}.page_content h5 { font-size:105%;}.page_content h6 { font-size:105%;} .page_content ol{ list-style:decimal;}.page_content ol li{ margin-right:35px;}.page_content ul{ list-style: none outside;} .page_content ul li { background:url(images/bullet2.png) no-repeat scroll center right transparent; padding-right:30px;} .page_content.form ul li { background:none; padding-right:30px;}.page_content .info,.page_content .tips,.page_content .warning,.page_content .email, .page_content .help,.page_content .feed,.page_content .pdf,.page_content .doc,.page_content .ppt,.page_content .xls{ padding:5px 30px 5px 5px;} .page_content p.info { background:url(images/info.gif) no-repeat scroll right center #d4e8f8; border: 1px solid #87b0d2;} .page_content p.tips { background:url(images/tips.gif) no-repeat scroll right center #fbfce4; border: 1px solid #dadf8b;} .page_content p.warning { background:url(images/warning.gif) no-repeat scroll right center #ffebef; border: 1px solid #df8b9d; color:#CC0000;} .page_content a.email { background:url(images/email.gif) no-repeat scroll right center transparent; } .page_content p.help { background:url(images/help.gif) no-repeat scroll right center transparent; } .page_content a.feed { background:url(images/feed.gif) no-repeat scroll right center transparent;} .page_content a.pdf { background:url(images/pdf.jpg) no-repeat scroll right center transparent;} .page_content a.doc { background:url(images/doc.jpg) no-repeat scroll right center transparent;} .page_content a.ppt { background:url(images/ppt.jpg) no-repeat scroll right center transparent;} .page_content a.xls { background:url(images/xls.jpg) no-repeat scroll right center transparent;} .page_content img{ padding: 7px; margin: 5px 10px; border: 1px solid #e5e5e5;} .page_content img:hover{ border: 1px solid #a5a5a5; } .page_content div.side{ float:left; width:250px; padding:10px 20px 10px 10px; margin:10px 15px 10px 0; font-size: 30px; line-height: 40px; background:url(images/side-border.png) repeat-y right center #f5f5f5; }.page_content div.bubble1,.page_content div.bubble2, .page_content div.bubble3, .page_content div.bubble4 { margin:15px 0;} .page_content div.bubble1 span.author, .page_content div.bubble2 span.author, .page_content div.bubble3 span.author, .page_content div.bubble4 span.author { font-weight:bold; margin-right:10px; padding-right:0;} .page_content div.bubble1 div { background:url(images/bub1-br.gif) no-repeat scroll left bottom transparent; margin:0; width:100%;} .page_content div.bubble1 div div { background:url(images/bub1-bl.gif) no-repeat scroll right bottom transparent;} .page_content div.bubble1 div div div { background:url(images/bub1-tr.gif) no-repeat scroll left top transparent;} .page_content div.bubble1 div div div div { background:url(images/bub1-tl.gif) no-repeat scroll right top transparent;} .page_content div.bubble1 div div div div div { margin:0; padding:10px 15px 20px; width:auto;} /******* typo end ********/#contact-slider{ display: block; float: left; width: 57px; margin-right: 30px; list-style: none; padding-left: 15px;} #contact-slider li a{ display: block; height: 59px; margin-bottom: 1px; text-indent: -9999px; text-decoration: none; overflow: hidden; background-color: #1e1e1e; background-repeat: no-repeat; background-position: center}#contact-slider li a:hover,#contact-slider li.active a,#contact-slider li a .active{ background-color: #11657d;}#contact-slider li a#location{ background-image: url(images/contact-location.png);} #contact-slider li a#form{ background-image: url(images/contact-form.png);} #contact-slider li a#social{ background-image: url(images/contact-social.png);} #contacts{ float: left; width: 750px; /* padding: 20px;*/ position: relative; overflow: hidden; background:#d9d9d9 url(images/content-bg.png) no-repeat left top ;} #contacts div.slide{ /* height: 282px;*/ padding: 0 20px;}#social-sec{ padding: 10px 20px 0; list-style: none;} #social-sec a{ display: block; height: 32px; padding: 10px 10px 10px 115px; background-color: #efefef; margin-bottom: 15px;} #social-sec a#twitter{ background: #efefef url(images/contact-twitter.png) left center no-repeat} #social-sec a#facebook{ background: #efefef url(images/contact-facebook.png) left center no-repeat} #social-sec a#youtube{ background: #efefef url(images/contact-youtube.png) left center no-repeat} #social-sec a#fliker{ background: #efefef url(images/contact-fliker.png) left center no-repeat} .contact #right-col{ width: 270px; }.contact #side-menu{ background-image: none; padding: 50px 15px 40px 20px;} .contact #side-menu h2{ background: url(images/contact-details.png) top left no-repeat; display: block; text-indent: -9999px; height: 20px;} .contact #side-menu p{ padding: 15px 10px; background-color: #fff; font-size: 10.5pt; line-height: 1.3;}.contact #content-body{ width: 690px; } .contact #content{ padding-right: 0px;}#address{ /* padding: 40px;*/} #address div h3{ color: #0E6D02; font-size: 16px; margin-bottom: 10px;} #address div{ /* float: right;*/ width: 240px; padding: 20px;}#address div.left{ /* border-left: 1px solid #5e5e5e*/} #address div.right{ width: 279px; padding: 0 20px;} #contacts span.arrow{ left: 0px; top: 0px; height: 59px; width: 28px; position: absolute; overflow: hidden; text-indent: -999px; background: url(images/contact-slider.png) top left no-repeat;}#contacts span.arrow.form{ top: 345px;} #contacts span.arrow.social{ top: 685px;}#get-in-touch{ float: right; width: 640px; margin-left: 25px; color: #545454;} #get-in-touch span#note{ padding: 10px 10px 10px 65px; color: #0E6D02; display: block;}#join-us{ float: left; width: 165px; background: url(images/join-us.png) top left no-repeat; padding: 35px 0 0; margin-bottom: 20px; }#get-in-touch label,#comments form .btn,#send_to_friend form .btn,#get-in-touch input,#get-in-touch textarea{ display: block; width: 90px; float: right; height: 14px; padding: 0px; margin-bottom: 8px; padding: 5px 0px 5px 5px; }#get-in-touch label[for=Company],#get-in-touch label[for=Email]{ width: 90px;} #get-in-touch label{ text-align: left;}#comments form .btn,#send_to_friend form .btn,#get-in-touch input, #get-in-touch textarea{ padding: 15px; width: 270px; height: 16px; font-family: "masdar2-font-normal"; border: 0px none; float: right; background-color:#f4f4f4 ; color: #8d8d8d; margin: 0 0 15px 20px;}#get-in-touch input:focus,#get-in-touch textarea:focus{ color: #8d8d8d;}#get-in-touch textarea{ width: 590px; height: 200px;} #get-in-touch h1 a{ font-size: 20px; color: #a00; margin:10px; display: block;}#address{ background-color:#f4f4f4 ; padding:60px 0 35px 0; width: 340px; float: right; font-family: "masdar2-font-normal"; margin-top: 41px;} #address img{ display: block; padding-right: 30px; margin-bottom: 10px;} #address p{ display: block; padding: 10px 30px; border-top:1px dotted #BBB; line-height: 1.5; /* border-bottom:1px dotted #BBB;*/} #comments form .btn,#send_to_friend form .btn,#get-in-touch form .btn{ float: left; width: 170px; height: 45px; border: 0px none; margin-right: 10px; background: url(images/botton.png) -342px center no-repeat; color: #222; font-family: "arabic_regular", Georgia, serif;} #comments form .btn:hover,#send_to_friend form .btn:hover,#get-in-touch form .btn:hover{ background: url(images/botton.png) -171px center no-repeat; cursor: pointer;} #comments form .btn:active,#send_to_friend form .btn:active,#get-in-touch form .btn:active{ cursor: pointer; background: url(images/botton.png) 0 center no-repeat;}form .error{ color: #991d21; display: block;} .send-success{ display: block; padding: 10px; }#error_message{ color: #991d21; padding: 10px; border: 1px solid #bd484d; margin-bottom: 10px;} #error_message h3{ padding: 5px;}#contact-form{ color:#990000} #contact-form p { display:block; height:23px; padding:5px; background:url(images/input_text_bg.png) right center no-repeat; margin-bottom:6px;} #contact-form span{ display: block; padding: 5px 5px 10px;} #contact-form p.textarea { height:151px; background:url(images/textarea_bg.png) right center no-repeat;} #contact-form p input,#contact-form p textarea{ display:inline-block; height:23px; width:325px; border:0px none; background:none; color:#7d7d7d; margin-right: 10px;} #contact-form p textarea{ width:377px; height:151px;}#addresses { padding:10px; border-bottom:1px solid #d8d8d8; display: block;} #contact-form a { background:url(images/post_btn.png) right center no-repeat; display:block; height:25px; width:119px; text-indent:-9999px; margin-left: 370px;} #z{ border-top: 3px solid #bbb; padding: 10px 0 0; color: #bbb; margin-top: 10px; background-color: #383838;} #footer p{ background-color: #0066B3; display: block; line-height: 1; height: 31px;} #footer a{ color: #FFF; background-color: #0066B3; transition:0.5s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;} #footer a:hover{ color: #FFF; background-color: #0066B3;} #footer-cont span{ background-color: #0066B3; color: #FFF; display: block; font-size: 15px; margin: 10px 0; font-weight: bold;} #footer-cont{ background-color: #0066B3; border-top: 1px solid #FFF; } #footer-cont ul{ background-color: #0066B3; display: block; width: auto; margin-bottom: 10px; margin-right: 119px;} #copyrights{ background-color: #0066B3; color: #FFF; padding: 10px 0 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; /* background-color: #333;*/ /* font-family: tahoma;*/ line-height: 1.4;} #copyrights p{ background-color: #0066B3; margin-bottom: 5px;} #copyrights p a{ background-color: #0066B3; display: inline-block; } #copyrights div div{ background-color: #0066B3; text-align: left;} #footer-cont ul li{ background-color: #0066B3; display:block; float: right; width: 200px; padding: 5px 20px; list-style: none; border-right: 1px solid #FFF} #footer-cont ul li a{ background-color: #0066B3; font-size: 13px; }#nav_bar{ padding:0 10px 10px;} .page_content ul#article-meta li{ background: none;} .content .box{ border: 0px none; width: 100%; } .box.comments{ /* background-color: #eeeeee;*/ border: 0px none; padding-bottom: 15px;} .box.comments.send{ display: none; margin-bottom: 0; padding-bottom: 0; float: none;} .box.comments.send #send_to_friend{ /* width: 630px;*/ padding: 10px;}.box.comments h2{} .box.comments ul{ padding: 10px 20px;}.box.comments ul li{ background: url(images/bullet.png) no-repeat scroll right 8px transparent; font-family: "arabic_regular", Georgia, serif; padding: 5px 20px 5px;} .main-image{ width: auto; overflow: hidden; background-color: #EEE; float: right; padding-bottom: 5px; margin-bottom: 10px; border: 1px solid #545454; text-align: center;}.main-image.author{ margin-left: 10px; padding-bottom: 0px;} .main-image img{ max-width: 600px; display: block; margin-bottom: 5px;}.main-image.author img{ margin-bottom: 0px;} .main-image span{ padding: 5px; width: auto;}.main-image.no_caption{ padding-bottom: 0px;} .main-image.no_caption img{ margin-bottom: 0px;}.main-image.no_caption span{ display: none;}#inside-article-top-ad{ float: left; margin-right: 10px} #char_counter{ display: block; padding: 5px; color: #11657d;} .read-more-btn{ position: absolute; bottom: 0px; left: 0px; border: 2px solid #A00; z-index: 9999; background-color: #fff; padding: 0px 10px; font-weight: bold; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;} .read-more-btn:hover{ border: 2px solid #fff;}.page_content.about{ float: right; width: 623px; margin-left: 25px; font-family: "masdar2-font-normal";} .page_content.about hr{ display: block; border:0px none; border-top: 1px dotted #6c6c6c} .page_content.about h1 { color: #a00; font-size: 24px; font-weight: normal;}.page_content.about h1,.page_content.about h2,.page_content.about h3 { font-family: "masdar2-font-normal";} .page_content.about h2,.page_content.about h3 { color: #494949 ;}.page_content.about h2{ font-size: 18px;} .page_content.about h3{ font-size: 16px;}.ui-datepicker .ui-datepicker-title select,.ui-datepicker th,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-family: "masdar2-font-normal"; font-weight: normal; text-align: center;} .ui-datepicker .ui-datepicker-title select{ box-sizing: content-box; font-family: "arabic_regular", Georgia, serif;} #gallery-page{ position: relative;}#gallery-page ul#gallery-menu{ margin: 10px 0;} #gallery-page ul#gallery-menu li{ display: inline-block; background-color: #b34242; padding: 0px 10px; float: right} #gallery-page ul#gallery-menu li a{ display: block; display: inline-block; padding: 10px 30px 10px 10px; font-family: "masdar2-font-normal"; color: #fff; } #gallery-page ul#gallery-menu li.all a{ background: url(images/g-all.png) no-repeat right center; }#gallery-page ul#gallery-menu li.video{ background-color: #9e2929;} #gallery-page ul#gallery-menu li.video a{ background: url(images/g-video.png) no-repeat right center; } #gallery-page ul#gallery-menu li.images{ background-color: #7e1e1e;}#gallery-page ul#gallery-menu li.images a{ background: url(images/g-images.png) no-repeat right center; } #gallery-page ul#gallery-menu li.char{ background-color: #470505;}#gallery-page ul#gallery-menu li.char a{ background: url(images/g-char.png) no-repeat right center; } #gallery-page ul#gallery-menu li:hover,#gallery-page ul#gallery-menu li.active{ background-color: #cb5353} #gallery-page ul.sections{ display: block; width: 100%;} #gallery-page ul.sections li{ background: url(images/gallery-img-bg.png) no-repeat top right; width: 220px; height: 142px; float: right; margin-left: 12px; padding: 10px 14px 0 0; list-style: none;}#gallery-page ul.sections li img{ display: block; width: 192px; height: 123px; margin-bottom: 10px;}#gallery-page ul.sections.video li{ background: url(images/g-video-bg.png) no-repeat top right; width: 317px; height: 187px; margin-left: -3px; padding: 13px 21px 0 0;} #gallery-page a.close,.album_content a.close{ display: block; width: 30px; height: 20px; background-color: #aaa; overflow: hidden; position: absolute; top: 10px; left:10px; text-align: center; line-height: 1.5;}.album_content{ width: 968px; position: absolute; top: 10px; right: 0; border: 0px solid white; background-color: #000; background-color: rgba(0, 0, 0, 0.95); color: #fff; display: none; padding: 30px 25px 25px;} #gallery { padding: 0px; /*background: #e1eef5;*/}#gallery-page.video{}/** * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/) * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * * Version: 1.2.7 * * Demo and documentation: http://coffeescripter.com/code/ad-gallery/*/.ad-gallery { width: 968px;}.ad-gallery, .ad-gallery * { margin: 0; padding: 0;}.ad-gallery .ad-image-wrapper { width: 100%; height: 450px; margin-bottom: 10px; position: relative; overflow: hidden;}.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200;}.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200;}.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(images/trans.gif);}.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101;}.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto;}.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}.ad-gallery .ad-image-wrapper .ad-image a img { border: 0;}.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: right; width: 100%; z-index: 2; background: url(images/opa75.png); color: #000;}.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; margin-bottom: 7px;}.ad-gallery .ad-controls { height: 20px;} .ad-gallery .ad-info { float: left;}.ad-gallery .ad-slideshow-controls { float: right;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer;} .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em;} .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic;} .ad-gallery .ad-nav { width: 100%; position: relative;}.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10;}/* IE 6 doesn't like height: 100% */* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px;}.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(images/ad_scroll_back.png) 0px 40px no-repeat;}.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(images/ad_scroll_forward.png) 0px 40px no-repeat;}.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%;}.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none;}.ad-gallery .ad-thumbs li { float: left; padding-right: 5px;}.ad-gallery .ad-thumbs li a { display: block;}.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block;}.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161;}/* Can't do display none, since Opera won't load the images then */.ad-preloads { position: absolute; left: -9000px; top: -9000px;}/*#gallery-page ul.sections li:nth-child(3){ margin-left: 0px}*//* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.*/#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block;}.cboxIframe{width:100%; height:100%; display:block; border:0;}/* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/#cboxOverlay{background:#fff;}#colorbox{}#cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}#cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}#cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}#cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}#cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}#cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}#cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}#cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}#cboxContent{background:#fff; overflow:hidden;}.cboxIframe{background:#fff;}#cboxError{padding:50px; border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:20px;}#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}#cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}.out-ads{ width: 120px; /*height: 1000px;*/ /*position: absolute; top: 0px;*/ overflow: hidden; position: fixed; top: 40px;}.out-ads p{ padding: 5px;}.out-ads img{ width: 120px; /*height: 1000px;*/}.out-ads.right{ /*right: -125px; */ margin-right: -126px;}.out-ads.left{ /*left: -165px;*/ margin-right: 1016px; top: 40px;}. sitewidth.ads{ margin-bottom: 20px}#urgent{ position: fixed; top: -100px; width: 100%; background-color: #500001; color: #fff; height: 90px; z-index: 99999; overflow: visible}#urgent h2{ display: block; width: 130px; float: right; padding: 15px 5px; background-color: #8E0402; font-size: 50px; height: 70px; margin-left: 20px; text-align: center;}#urgent ul{ display: block; width: 775px; float: right; list-style: none; height: 90px; overflow: hidden; }#urgent li{ display: block; height: 90px; vertical-align: top;}#urgent li div{ display: table-cell; vertical-align: top; valign: top; height: 1090px; width: 775px;} #urgent a{ color: #fff; font-size: 28px}#urgent h3{ font-size: 20px; padding: 10px 0; line-height: 1.5; display: block;} #urgent p{ font-size: 15px;}#issues{ display: block; float: right;} .issues{ display: none; padding: 10px; position: absolute; top: 34px; left: -1px; width: 475px; background-color: #fff; border: 1px solid #d4d4d4;}.issues li{ display: block; float: right; width: 75px; height: 110px; padding:3px 10px 2px; border-bottom: 1px dotted #929292;}#main-menu .issues li a{ display: block; width: 75px; height: 110px; padding: 0;}.issues li img{ display: block; width: 75px; height: 95px;}.issues li.first{ width: 170px; height: 230px; border: 0px none;}#main-menu .issues li.first a{ display: block; width: 170px; height: 230px; padding: 0;}.issues li.first img{ width: 170px; height: 210px;} #top-right-ad-3{ float: right; width: 490px; padding: 10px 0px 0; margin-left: 20px; } #box-3 #inside_bottom_right{ height: 298px !important; } .box.featured{ background: #383838 !important; } #featured_pag.pagination a{ color: #D0D0D0 !important; } .box.featured ul#featured_pag.pagination li.activeSlide a,.box.featured #main-title a{ color: #fff !important; } #box-2.authors{ background-color: #383838 !important; } #box-2.authors ul li.snippet h3 a:hover, .box-2.authors ul li.snippet span a:hover,#box-2 ul li.snippet a,#box-2.authors ul li.snippet h3 a{ color: #fff !important; } .tba{ background-color: #EEE; valign=top;}