/* Theme Name: perfectech Theme URI: https://perfectech-wd.com Description: Perfectech Web Design Version: 3.5 Author: Perfectech Author URI: https://perfectech-wd.com Tags: fixed-width, left-sidebar, two-columns, valid HTML5, valid XHTML, widgets */ /* Created by Perfectech */ @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); @media only screen and (max-device-width : 375px) { .onSizeptc { font-size:calc(0.2px - 0.1px); height:calc(0.2px - 0.1px); } .onSizeptc { font-size:0.1px; height:0.1px; } .onSizeptc { font-size:0.1px; height:0.1px; } } .tagcloud { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-11 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .ptw-blockcontent { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .ptw-block widget widget_tag_cloud clearfix { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } #tag_cloud-2 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-11 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-10 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-9 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-8 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .tag-link-7 tag-link-position-3 { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1px; } .onSizeptc { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1%; } .onSizeptc { padding-left: 0px; float: left; margin: 0px; font-size:1%; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; background-color:#000; } .onSizeptca { padding-right: 0px; float: right; margin: 0px; line-height:7px; font-size:5px; text-align:right; font-family:droid arabic kufi; direction:rtl; } body { background-color:#000; background-color: #222; } h1 { font-size:1px; } h2 { font-size:1px; } h3 { font-size:1px; } h4 { font-size:1px; } h5 { font-size:1px; } h6 { font-size:1px; } .forPtech { padding-left: 0px; margin: 0px; font-size:1px; opacity:0.00;-moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; background-color:#000; } .onLine { padding-left: 0px; float: left; margin: 0px; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } @media only screen and (max-device-width : 375px) { .onSizeptc { font-size:calc(0.2px - 0.1px); height:calc(0.2px - 0.1px); } } .onSizeptc { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1%; } .onSizeptc { float:left; text-align:left; padding-left: 0px; float: left; margin: 0px; font-size:1%; } .onSizeptc { font-size:calc(0.2px - 0.1px); height:calc(0.2px - 0.1px); } } #ptwdpt { font-family: droid arabic kufi; } .ptw-postcontent a, .ptw-postcontent a:link { color:#fff; } .ptths.a { color:blue; } .ptths.a:link { color:#2E9475; } /* unvisited link */ a:link { color: #2E9475; text-decoration: none; } /* visited link */ a:visited { color: #2E9475; text-decoration: none; } /* mouse over link */ a:hover { color: #92A871; } /* selected link */ a:active { color: #2E9475; text-decoration: none; } hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; color:#333; } .ptths.a:visited { color:#2E9475; text-decoration: none; } .ptths.a:hover,.a.hovered { color:green; } #ptw-main { background: #000000 url('images/page.jpeg') top center fixed; background: linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background: -webkit-linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, -webkit-linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background: -moz-linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, -moz-linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background: -o-linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, -o-linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background: -ms-linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, -ms-linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background: linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; -svg-background: linear-gradient(top, rgba(115, 115, 115, 0.33) 0, rgba(0, 0, 0, 0.24) 1050px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #4D4D4D 0, #000000 1050px) no-repeat; background-attachment: fixed, fixed, fixed !important; margin:0 auto; font-size: 13px; font-family: tahoma; font-weight: normal; font-style: normal; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } table, ul.ptw-hmenu { font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } /* Reset buttons border. It's important for input and button tags. * border-collapse should be separate for shadow in IE. */ .ptw-button { border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #2F9879; background: linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; background: -webkit-linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; background: -moz-linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; background: -o-linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; background: -ms-linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; background: linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; -svg-background: linear-gradient(top, #309C7C 0, #31A07F 40%, #31A07F 70%, #1C5A47 100%) no-repeat; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); border:1px solid #226D57; padding:0 5px; margin:0 auto; height:22px; } .ptw-postcontent, .ptw-postheadericons, .ptw-postfootericons, .ptw-blockcontent, ul.ptw-vmenu a { text-align: right; } .ptw-postcontent, .ptw-postcontent li, .ptw-postcontent table, .ptw-postcontent a, .ptw-postcontent a:link, .ptw-postcontent a:visited, .ptw-postcontent a.visited, .ptw-postcontent a:hover, .ptw-postcontent a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent p { margin: 13px 0; } .ptw-postcontent h1, .ptw-postcontent h1 a, .ptw-postcontent h1 a:link, .ptw-postcontent h1 a:visited, .ptw-postcontent h1 a:hover, .ptw-postcontent h2, .ptw-postcontent h2 a, .ptw-postcontent h2 a:link, .ptw-postcontent h2 a:visited, .ptw-postcontent h2 a:hover, .ptw-postcontent h3, .ptw-postcontent h3 a, .ptw-postcontent h3 a:link, .ptw-postcontent h3 a:visited, .ptw-postcontent h3 a:hover, .ptw-postcontent h4, .ptw-postcontent h4 a, .ptw-postcontent h4 a:link, .ptw-postcontent h4 a:visited, .ptw-postcontent h4 a:hover, .ptw-postcontent h5, .ptw-postcontent h5 a, .ptw-postcontent h5 a:link, .ptw-postcontent h5 a:visited, .ptw-postcontent h5 a:hover, .ptw-postcontent h6, .ptw-postcontent h6 a, .ptw-postcontent h6 a:link, .ptw-postcontent h6 a:visited, .ptw-postcontent h6 a:hover, .ptw-blockheader .t, .ptw-blockheader .t a, .ptw-blockheader .t a:link, .ptw-blockheader .t a:visited, .ptw-blockheader .t a:hover, .ptw-vmenublockheader .t, .ptw-vmenublockheader .t a, .ptw-vmenublockheader .t a:link, .ptw-vmenublockheader .t a:visited, .ptw-vmenublockheader .t a:hover, .ptw-headline, .ptw-headline a, .ptw-headline a:link, .ptw-headline a:visited, .ptw-headline a:hover, .ptw-slogan, .ptw-slogan a, .ptw-slogan a:link, .ptw-slogan a:visited, .ptw-slogan a:hover, .ptw-postheader, .ptw-postheader a, .ptw-postheader a:link, .ptw-postheader a:visited, .ptw-postheader a:hover { font-size: 30px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; line-height: 120%; } .ptw-postcontent a, .ptw-postcontent a:link { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; color: #92A871; } .ptw-postcontent a:visited, .ptw-postcontent a.visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; color: #909484; } .ptw-postcontent a:hover, .ptw-postcontent a.hover { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: underline; color: #4FC9A5; } .ptw-postcontent h1 { color: #92A871; margin: 10px 0 0; font-size: 30px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h1 { margin: 10px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h1 a, .ptw-postcontent h1 a:link, .ptw-postcontent h1 a:hover, .ptw-postcontent h1 a:visited, .ptw-blockcontent h1 a, .ptw-blockcontent h1 a:link, .ptw-blockcontent h1 a:hover, .ptw-blockcontent h1 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h2 { color: #92A871; margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h2 { margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h2 a, .ptw-postcontent h2 a:link, .ptw-postcontent h2 a:hover, .ptw-postcontent h2 a:visited, .ptw-blockcontent h2 a, .ptw-blockcontent h2 a:link, .ptw-blockcontent h2 a:hover, .ptw-blockcontent h2 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h3 { color: #AABB90; margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h3 { margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h3 a, .ptw-postcontent h3 a:link, .ptw-postcontent h3 a:hover, .ptw-postcontent h3 a:visited, .ptw-blockcontent h3 a, .ptw-blockcontent h3 a:link, .ptw-blockcontent h3 a:hover, .ptw-blockcontent h3 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h4 { color: #BCBFB5; margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h4 { margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h4 a, .ptw-postcontent h4 a:link, .ptw-postcontent h4 a:hover, .ptw-postcontent h4 a:visited, .ptw-blockcontent h4 a, .ptw-blockcontent h4 a:link, .ptw-blockcontent h4 a:hover, .ptw-blockcontent h4 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h5 { color: #BCBFB5; margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h5 { margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h5 a, .ptw-postcontent h5 a:link, .ptw-postcontent h5 a:hover, .ptw-postcontent h5 a:visited, .ptw-blockcontent h5 a, .ptw-blockcontent h5 a:link, .ptw-blockcontent h5 a:hover, .ptw-blockcontent h5 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h6 { color: #767B6B; margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent h6 { margin: 0px 0 0; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-postcontent h6 a, .ptw-postcontent h6 a:link, .ptw-postcontent h6 a:hover, .ptw-postcontent h6 a:visited, .ptw-blockcontent h6 a, .ptw-blockcontent h6 a:link, .ptw-blockcontent h6 a:hover, .ptw-blockcontent h6 a:visited { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } header, footer, article, nav, #ptw-hmenu-bg, .ptw-sheet, .ptw-hmenu a, .ptw-vmenu a, .ptw-slidenavigator > a, .ptw-checkbox:before, .ptw-radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #ptw-hmenu-bg, .ptw-sheet, .ptw-slidenavigator > a, .ptw-checkbox:before, .ptw-radiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height: 100%; } body { padding: 0; margin:0; min-width: 900px; color: #BCBFB5; } .ptw-header:before, #ptw-header-bg:before, .ptw-layout-cell:before, .ptw-layout-wrapper:before, .ptw-footer:before, .ptw-nav:before, #ptw-hmenu-bg:before, .ptw-sheet:before { width: 100%; content: " "; display: table; } .ptw-header:after, #ptw-header-bg:after, .ptw-layout-cell:after, .ptw-layout-wrapper:after, .ptw-footer:after, .ptw-nav:after, #ptw-hmenu-bg:after, .ptw-sheet:after, .cleared, .clearfix:after { clear: both; font: 0/0 serif; display: block; content: " "; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } li h1, .ptw-postcontent li h1, .ptw-blockcontent li h1 { margin:1%; } li h2, .ptw-postcontent li h2, .ptw-blockcontent li h2 { margin:1%; } li h3, .ptw-postcontent li h3, .ptw-blockcontent li h3 { margin:1%; } li h4, .ptw-postcontent li h4, .ptw-blockcontent li h4 { margin:1%; } li h5, .ptw-postcontent li h5, .ptw-blockcontent li h5 { margin:1%; } li h6, .ptw-postcontent li h6, .ptw-blockcontent li h6 { margin:1%; } li p, .ptw-postcontent li p, .ptw-blockcontent li p { margin:1%; } .ptw-shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .ptw-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .ptw-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .ptw-slidenavigator > a:last-child { margin-right: 0 !important; } .ptw-object1178565000 h1, .ptw-object1178565000 h2, .ptw-object1178565000 h3, .ptw-object1178565000 h4, .ptw-object1178565000 h5, .ptw-object1178565000 h6, .ptw-object1178565000 p, .ptw-object1178565000 a, .ptw-object1178565000 ul, .ptw-object1178565000 ol, .ptw-object1178565000 li { line-height: 125%; } .ptw-object1178565000 { position: absolute; top: 228px; left: 0%; margin-left: 0px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden; z-index: 1; width: 360px; height: 150px; } .ptw-object1178565000-text-container { display: table; } .ptw-object1178565000-text { line-height: 125%; display: table-cell; outline-style: none; padding: 0px 0px !important; height: 150px; width: 360px; word-wrap: break-word; } .ptw-object1178565000-text, .ptw-object1178565000-text a.ptw-rss-tag-icon, .ptw-object1178565000-text a.ptw-facebook-tag-icon, .ptw-object1178565000-text a.ptw-twitter-tag-icon { font-size: 30px; font-family: Verdana, Geneva, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-align: center; vertical-align: middle; line-height: 125%; color: #DBE2D0 !important; } .ptw-textblock ul > li { background-position-y: 8px !important; } .ptw-nav { background: #252621; background: linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; background: -webkit-linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; background: -moz-linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; background: -o-linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; background: -ms-linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; background: linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; -svg-background: linear-gradient(top, #3D3F37 0, #2D2E28 50%, #181915 50%, #252621 100%) no-repeat; border-top:2px solid #BBC9A6; margin:0 auto; position: relative; z-index: 499; } ul.ptw-hmenu a, ul.ptw-hmenu a:link, ul.ptw-hmenu a:visited, ul.ptw-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.ptw-hmenu, ul.ptw-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.ptw-hmenu li { position: relative; z-index: 5; display: block; float: right; background: none; margin: 0; padding: 0; border: 0; } ul.ptw-hmenu li:hover { z-index: 10000; white-space: normal; } ul.ptw-hmenu:after, ul.ptw-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.ptw-hmenu, ul.ptw-hmenu ul { min-height: 0; } ul.ptw-hmenu { display: inline-block; vertical-align: bottom; padding-left: 10px; padding-right: 10px; } .ptw-nav-inner:before { content:' '; } .ptw-nav-inner{ text-align: center; margin:0 auto; } .desktop .ptw-nav-inner{ width: 900px; padding-left: 10px; padding-right: 10px; } .desktop .ptw-nav { padding-left: 0; padding-right: 0; } .ptw-hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center; } .ptw-hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; } .ptw-menuitemcontainer { margin:0 auto; } ul.ptw-hmenu>li { margin-right: 1px; } ul.ptw-hmenu>li:first-child { margin-right: 0; } ul.ptw-hmenu>li:last-child, ul.ptw-hmenu>li.last-child { margin-left: 0; } ul.ptw-hmenu>li>a { padding:0 28px; margin:0 auto; position: relative; display: block; height: 90px; cursor: pointer; text-decoration: none; color: #CED0C8; line-height: 90px; text-align: center; } .ptw-hmenu a, .ptw-hmenu a:link, .ptw-hmenu a:visited, .ptw-hmenu a.active, .ptw-hmenu a:hover { font-size: 18px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; text-decoration: none; text-align: right; } ul.ptw-hmenu>li>a.active { background: #226D57; padding:0 28px; margin:0 auto; color: #C0CDAD; text-decoration: none; } ul.ptw-hmenu>li>a:visited, ul.ptw-hmenu>li>a:hover, ul.ptw-hmenu>li:hover>a { text-decoration: none; } ul.ptw-hmenu>li>a:hover, .desktop ul.ptw-hmenu>li:hover>a { background: #2F9879; background: rgba(47, 152, 121, 0.7); padding:0 28px; margin:0 auto; } ul.ptw-hmenu>li>a:hover, .desktop ul.ptw-hmenu>li:hover>a { color: #E0F5EF; text-decoration: none; } ul.ptw-hmenu>li:before { position:absolute; display: block; content:' '; top:0; right: -1px; width:1px; height: 90px; background: url('images/menuseparator.png') center center no-repeat; } ul.ptw-hmenu>li:first-child:before{ display:none; } ul.ptw-hmenu li li a { background: #BBC9A6; background: rgba(187, 201, 166, 0.8); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; padding:0 17px; margin:0 auto; } ul.ptw-hmenu li li { float: none; width: auto; margin-top: 6px; margin-bottom: 6px; } .desktop ul.ptw-hmenu li li ul>li:first-child { margin-top: 0; } ul.ptw-hmenu li li ul>li:last-child { margin-bottom: 0; } .ptw-hmenu ul a { display: block; white-space: nowrap; height: 31px; min-width: 7em; border: 0 solid transparent; text-align: right; line-height: 31px; color: #252621; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; margin:0; } .ptw-hmenu ul a:link, .ptw-hmenu ul a:visited, .ptw-hmenu ul a.active, .ptw-hmenu ul a:hover { text-align: right; line-height: 31px; color: #252621; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; margin:0; } ul.ptw-hmenu ul li a:hover, .desktop ul.ptw-hmenu ul li:hover>a { background: #A3B587; background: rgba(163, 181, 135, 0.8); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:0 auto; } .ptw-hmenu ul a:hover { text-decoration: none; } .ptw-hmenu ul li a:hover { color: #133E31; } .desktop .ptw-hmenu ul li:hover>a { color: #133E31; } ul.ptw-hmenu ul:before { background: #DBE2D0; background: rgba(219, 226, 208, 0.7); margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop ul.ptw-hmenu li:hover>ul { visibility: visible; top: 100%; } .desktop ul.ptw-hmenu li li:hover>ul { top: 0; right: 100%; } ul.ptw-hmenu ul { visibility: hidden; position: absolute; z-index: 10; right: 0; top: 0; background-image: url('images/spacer.gif'); } .desktop ul.ptw-hmenu>li>ul { padding: 16px 35px 35px 35px; margin: -10px -30px 0 0; } .desktop ul.ptw-hmenu ul ul { padding: 35px 15px 35px 35px; margin: -35px -5px 0 0; } .desktop ul.ptw-hmenu ul.ptw-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop ul.ptw-hmenu ul.ptw-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop ul.ptw-hmenu li li:hover>ul.ptw-hmenu-left-to-right { right: auto; left: 100%; } .desktop ul.ptw-hmenu li li:hover>ul.ptw-hmenu-right-to-left { left: auto; right: 100%; } .desktop ul.ptw-hmenu ul ul.ptw-hmenu-left-to-right { right: auto; left: 0; padding: 35px 35px 35px 15px; margin: -35px 0 0 -5px; } .desktop ul.ptw-hmenu ul ul.ptw-hmenu-right-to-left { left: auto; right: 0; padding: 35px 15px 35px 35px; margin: -35px -5px 0 0; } .desktop ul.ptw-hmenu li ul>li:first-child { margin-top: 0; } .desktop ul.ptw-hmenu li ul>li:last-child { margin-bottom: 0; } .desktop ul.ptw-hmenu ul ul:before { border-radius: 0; top: 30px; bottom: 30px; right: 10px; left: 30px; } .desktop ul.ptw-hmenu>li>ul:before { top: 11px; right: 30px; bottom: 30px; left: 30px; } .desktop ul.ptw-hmenu>li>ul.ptw-hmenu-left-to-right:before { right: 30px; left: 30px; } .desktop ul.ptw-hmenu>li>ul.ptw-hmenu-right-to-left:before { right: 30px; left: 30px; } .desktop ul.ptw-hmenu ul ul.ptw-hmenu-left-to-right:before { right: 30px; left: 10px; } .desktop ul.ptw-hmenu ul ul.ptw-hmenu-right-to-left:before { right: 10px; left: 30px; } .desktop ul.ptw-hmenu>li.ext>a { white-space: nowrap; } .desktop ul.ptw-hmenu>li.ext>a:hover, .desktop ul.ptw-hmenu>li.ext:hover>a, .desktop ul.ptw-hmenu>li.ext:hover>a.active { background: none; /* default padding + border size */ padding: 0 28px 0 28px; /* margin for shadow */ margin: -0 -0 0 -0; overflow: hidden; position: relative; border: none; border-radius: 0; box-shadow: none; color: #2A2C26; } .desktop ul.ptw-hmenu>li.ext>a:hover:before, .desktop ul.ptw-hmenu>li.ext:hover>a:before, .desktop ul.ptw-hmenu>li.ext:hover>a.active:before { position: absolute; content: ' '; /* top, right, left - for shadow */ top: 0; right: 0; left: 0; /* border + shadow */ bottom: -0; background-color: rgba(219, 226, 208, 0.7); border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); z-index: -1; } .desktop ul.ptw-hmenu>li.ext:hover>ul { padding-top: 5px; /* menu bar padding */ margin-top: 0; } .desktop ul.ptw-hmenu>li.ext:hover>ul:before { /* border + shadow */ top: -0; clip: rect(5px, auto, auto, auto); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } ul.ptw-hmenu>li.ext>.ext-r, ul.ptw-hmenu>li.ext>.ext-l, ul.ptw-hmenu>li.ext>.ext-m, ul.ptw-hmenu>li.ext>.ext-off { display: none; z-index: 12; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .desktop ul.ptw-hmenu>li.ext>ul { z-index: 13; } .desktop ul.ptw-hmenu>li.ext.ext-r:hover>.ext-r, .desktop ul.ptw-hmenu>li.ext.ext-l:hover>.ext-l { position: absolute; display: block; overflow: hidden; /* size of radius * if size if 0 we should now generate script * that adds ext-r and ext-m divs */ height: 5px; top: 100%; padding-top: 0; margin-top: -0; /* border width + shadow */} .desktop ul.ptw-hmenu>li.ext:hover>.ext-r:before, .desktop ul.ptw-hmenu>li.ext:hover>.ext-l:before { position: absolute; content: ' '; top: 0; /* border + shadow */ bottom: -0; background-color: rgba(219, 226, 208, 0.7); border: 0 solid transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop ul.ptw-hmenu>li.ext.ext-r:hover>.ext-r { left: 100%; right: auto; padding-left: 0; margin-left: 0; padding-right: 0; margin-right: -0; /* only shadow */} .desktop ul.ptw-hmenu>li.ext.ext-r:hover>.ext-r:before { right: 0; left: -0; border-top-left-radius: 0; border-top-right-radius: 0; } .desktop ul.ptw-hmenu>li.ext.ext-l:hover>.ext-l { right: 100%; left: auto; padding-right: 0; margin-right: 0; padding-left: 0; margin-left: -0; /* only shadow */} .desktop ul.ptw-hmenu>li.ext.ext-l:hover>.ext-l:before { right: -0; left: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .desktop ul.ptw-hmenu>li.ext:hover>.ext-m, .desktop ul.ptw-hmenu>li.ext:hover>.ext-off { position: absolute; display: block; overflow: hidden; height: 5px; top: 100%; } .desktop ul.ptw-hmenu>li.ext.ext-r:hover>.ext-m { /* shadow offset */ left: -0; right: 0; /* shadow offset */ padding-right: 0; padding-left: 0; } .desktop ul.ptw-hmenu>li.ext:hover>.ext-off { /* shadow offset */ left: -0; right: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.ptw-hmenu>li.ext.ext-l:hover>.ext-m { /* shadow offset */ right: -0; left: 0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.ptw-hmenu>li.ext.ext-l.ext-r:hover>.ext-m { /* shadow offset */ right: -0; left: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.ptw-hmenu>li.ext:hover>.ext-m:before, .desktop ul.ptw-hmenu>li.ext:hover>.ext-off:before { position: absolute; content: ' '; top: -0; bottom: -0; /* shadow offset */ background-color: rgba(219, 226, 208, 0.7); border: 0 solid transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop ul.ptw-hmenu>li.ext.ext-r:hover>.ext-m:before { right: -0; left: 0; } .desktop ul.ptw-hmenu>li.ext.ext-l:hover>.ext-m:before { left: -0; right: 0; } .desktop ul.ptw-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before { left: -0; right: -0 ; } .ptw-sheet { background: #252621; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15); border-top:1px solid #7C806F; padding:10px; margin:0 auto; position:relative; cursor:auto; width: 900px; z-index: auto !important; } .ptw-layout-wrapper { position: relative; margin: 10px auto 0 auto; z-index: auto !important; } .ptw-content-layout { display: table; width: 100%; table-layout: fixed; } .ptw-content-layout-row { display: table-row; } .ptw-layout-cell { display: table-cell; vertical-align: top; } /* need only for content layout in post content */ .ptw-postcontent .ptw-content-layout { border-collapse: collapse; } .ptw-vmenublock { border:1px solid transparent; margin:5px; } div.ptw-vmenublock img { margin: 0; } .ptw-vmenublockcontent { margin:0 auto; } ul.ptw-vmenu, ul.ptw-vmenu ul { list-style: none; display: block; } ul.ptw-vmenu, ul.ptw-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.ptw-vmenu { margin-top: 0; margin-bottom: 0; } ul.ptw-vmenu ul { display: none; margin: 0; padding: 0; position: relative; } ul.ptw-vmenu ul.active { display: block; } ul.ptw-vmenu>li>a { background: #42443B; background: linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; background: -webkit-linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; background: -moz-linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; background: -o-linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; background: -ms-linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; background: linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; -svg-background: linear-gradient(top, #3F4139 0, #4C4F45 50%, #3A3C34 50%, #474A40 100%) no-repeat; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); padding:0 10px; margin:0 auto; color: #9CA092; min-height: 45px; line-height: 45px; } ul.ptw-vmenu a { display: block; cursor: pointer; z-index: 1; font-size: 14px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; text-align: center; position:relative; } ul.ptw-vmenu li{ position:relative; } ul.ptw-vmenu>li { margin-top: 4px; } ul.ptw-vmenu>li>ul { padding: 0; margin-top: 4px; margin-bottom: 4px; } ul.ptw-vmenu>li:first-child { margin-top:0; } ul.ptw-vmenu>li>a:hover, ul.ptw-vmenu>li>a.active:hover { background: #2E9475; background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -webkit-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -moz-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -o-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -ms-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; -svg-background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); padding:0 10px; margin:0 auto; } ul.ptw-vmenu>li>a:hover, ul.ptw-vmenu>li>a.active:hover { text-decoration: none; } ul.ptw-vmenu a:hover, ul.ptw-vmenu a.active:hover { color: #B9E9DB; } ul.ptw-vmenu>li>a.active:hover>span.border-top, ul.ptw-vmenu>li>a.active:hover>span.border-bottom { background-color: transparent; } ul.ptw-vmenu>li>a.active { background: #2E9475; background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -webkit-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -moz-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -o-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: -ms-linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; -svg-background: linear-gradient(top, #2C9072 0, #32A482 50%, #2A896C 50%, #309C7C 100%) no-repeat; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); padding:0 10px; margin:0 auto; text-decoration: none; color: #B9E9DB; } ul.ptw-vmenu>li>ul:before { background: #EEF1E9; background: transparent; margin:0 auto; display: block; position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; } ul.ptw-vmenu li li a { margin:0 auto; position: relative; } ul.ptw-vmenu ul li { margin: 0; padding: 0; } ul.ptw-vmenu li li{ position: relative; margin-top: 2px; } ul.ptw-vmenu ul a { display: block; position: relative; min-height: 28px; overflow: visible; padding: 0; padding-right: 20px; padding-left: 20px; z-index: 0; line-height: 28px; color: #909484; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0; } ul.ptw-vmenu ul a:visited, ul.ptw-vmenu ul a.active:hover, ul.ptw-vmenu ul a:hover, ul.ptw-vmenu ul a.active { line-height: 28px; color: #909484; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0; } ul.ptw-vmenu ul ul a { padding-right: 40px; } ul.ptw-vmenu ul ul ul a { padding-right: 60px; } ul.ptw-vmenu ul ul ul ul a { padding-right: 80px; } ul.ptw-vmenu ul ul ul ul ul a { padding-right: 100px; } ul.ptw-vmenu ul>li>a:hover, ul.ptw-vmenu ul>li>a.active:hover { background: #BBC9A6; background: rgba(187, 201, 166, 0.4); margin:0 auto; } ul.ptw-vmenu ul li a:hover, ul.ptw-vmenu ul li a.active:hover { text-decoration: none; color: #B5E8D9; } ul.ptw-vmenu ul a:hover:after { background-position: center ; } ul.ptw-vmenu ul a.active:hover:after { background-position: center ; } ul.ptw-vmenu ul a.active:after { background-position: bottom ; } ul.ptw-vmenu ul>li>a.active { margin:0 auto; } ul.ptw-vmenu ul a.active, ul.ptw-vmenu ul a:hover, ul.ptw-vmenu ul a.active:hover { text-decoration: none; color: #76D5B9; } .ptw-block { padding:3px; margin:2px; height:1px; } div.ptw-block img { border: none; margin: 10px; } .ptw-blockcontent { margin:0 auto; color: #BCBFB5; font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-blockcontent table, .ptw-blockcontent li, .ptw-blockcontent a, .ptw-blockcontent a:link, .ptw-blockcontent a:visited, .ptw-blockcontent a:hover { color: #BCBFB5; font-size: 1%; padding-left: 0px; float: left; margin: 0px; line-height:1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } .ptw-blockcontent p { margin: 0 0px; } .ptw-blockcontent a, .ptw-blockcontent a:link { color: #4FC9A5; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; font-size:1%; } .ptw-blockcontent a:visited, .ptw-blockcontent a.visited { color: #909484; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; font-size:1%; } .ptw-blockcontent a:hover, .ptw-blockcontent a.hover { color: #92A871; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: underline; font-size:1%; } .ptw-block ul>li:before { padding-left: 0px; float: left; margin: 0px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-right: -14px; height:1px; width:1px; } .opera .ptw-block ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; /* Opera flips margins in RTL mode */ margin-right: 6px; /* Opera flips margins in RTL mode */ margin-left: -14px; } .ptw-block li { font-size: 1%; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; line-height: 1px; color: #DCDED9; padding-left: 0px; float: left; margin: 0px; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } .ptw-block ul>li, .ptw-block ol { padding: 0; } .ptw-block ul>li { padding-right: 14px; } .ptw-breadcrumbs { margin:0 auto; } a.ptw-button, a.ptw-button:link, a:link.ptw-button:link, body a.ptw-button:link, a.ptw-button:visited, body a.ptw-button:visited, input.ptw-button, button.ptw-button { text-decoration: none; font-size: 14px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #DFE0DC; margin: 0 0 0 5px !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 22px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ptw-button img { margin: 0; vertical-align: middle; } .firefox2 .ptw-button { display: block; float: left; } input, select, textarea, a.ptw-search-button span { vertical-align: middle; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; font-size: 1px; padding-left: 0px; float: left; margin: 0px; line-height:1px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } .ptw-block select { width:96%; } input.ptw-button { float: none !important; } .ptw-button.active, .ptw-button.active:hover { background: #7C806F; background: linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; background: -webkit-linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; background: -moz-linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; background: -o-linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; background: -ms-linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; background: linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; -svg-background: linear-gradient(top, #7E8372 0, #848877 40%, #848877 70%, #54574C 100%) no-repeat; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); border:1px solid #3CC39B; padding:0 5px; margin:0 auto; } .ptw-button.active, .ptw-button.active:hover { color: #C8EEE3 !important; } .ptw-button.hover, .ptw-button:hover { background: #979B8C; background: linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; background: -webkit-linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; background: -moz-linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; background: -o-linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; background: -ms-linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; background: linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; -svg-background: linear-gradient(top, #9A9E8F 0, #9FA395 40%, #9FA395 70%, #848877 88%, #717566 100%) no-repeat; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3); border:1px solid #42443B; padding:0 5px; margin:0 auto; } .ptw-button.hover, .ptw-button:hover { color: #1D2315 !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: #FDFDFC; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #D8D9D3; margin:0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: 100%; padding: 6px 0; color: #2A2C26 !important; font-size: 14px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-shadow: none; } input.ptw-error, textarea.ptw-error { background: #FDFDFC; background: linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; background: -webkit-linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; background: -moz-linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; background: -o-linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; background: -ms-linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; background: linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; -svg-background: linear-gradient(top, #F0F3EC 0, #F0F3EC 50%, #ECEFE6 60%, #C5D0B3 100%) no-repeat; border:1px solid #E2341D; margin:0 auto; } input.ptw-error, textarea.ptw-error { color: #2A2C26 !important; font-size: 14px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; } form.ptw-search input[type="text"] { background: #FDFDFC; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #D8D9D3; margin:0 auto; width: 100%; padding: 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #2A2C26 !important; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; } form.ptw-search { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px; left:0; line-height: 0; } form.ptw-search input, a.ptw-search-button { top:0; right:0; } form.ptw-search>input, a.ptw-search-button{ bottom:0; left:0; vertical-align: middle; } form.ptw-search input[type="submit"], input.ptw-search-button, a.ptw-search-button { margin:0 auto; } form.ptw-search input[type="submit"], input.ptw-search-button, a.ptw-search-button { position:absolute; right:auto; display:block; border:none; background:url('images/searchicon.png') center center no-repeat; width:24px; height: 100%; padding:0; color: #DFE0DC !important; cursor: pointer; } a.ptw-search-button span.ptw-search-button-text { display: none; } label.ptw-checkbox:before { background: #FDFDFC; background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #7C806F; margin:0 auto; width:24px; height:24px; } label.ptw-checkbox { cursor: pointer; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; line-height: 24px; display: inline-block; color: #BCBFB5 !important; } .ptw-checkbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.ptw-checkbox.active:before { background: #2E9475; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -webkit-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -moz-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -o-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -ms-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -svg-background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #3CC39B; margin:0 auto; width:24px; height:24px; display: inline-block; } label.ptw-checkbox.hovered:before { background: #2E9475; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -webkit-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -moz-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -o-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -ms-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -svg-background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #8AA267; margin:0 auto; width:24px; height:24px; display: inline-block; } label.ptw-radiobutton:before { background: #FDFDFC; background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #F0F3EC 50%, #DBE2D0 50%, #E9EEE3 100%) no-repeat; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #7C806F; margin:0 auto; width:16px; height:16px; } label.ptw-radiobutton { cursor: pointer; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; line-height: 16px; display: inline-block; color: #BCBFB5 !important; } .ptw-radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.ptw-radiobutton.active:before { background: #2E9475; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -webkit-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -moz-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -o-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -ms-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -svg-background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #3CC39B; margin:0 auto; width:16px; height:16px; display: inline-block; } label.ptw-radiobutton.hovered:before { background: #2E9475; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -webkit-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -moz-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -o-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: -ms-linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -svg-background: linear-gradient(top, #37B38E 0, #31A07F 50%, #298569 50%, #2E9475 100%) no-repeat; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25); border:1px solid #8AA267; margin:0 auto; width:16px; height:16px; display: inline-block; } .ptw-comments { margin:0 auto; margin-top: 25px; } .ptw-comments h2 { color: #BCBFB5; } .ptw-comment { background: #E9EEE3; background: transparent; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:1px solid #BBC9A6; padding:7px; margin:0 auto; margin-top: 8px; display:none; } .ptw-comment-avatar { width:80px; height:80px; padding:1px; background:#fff; border:none; float:right; display:none; } .ptw-comment-avatar>img { margin:0 !important; border:none !important; } .ptw-comment-content { padding:10px 0; color: #BCBFB5; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; display:none; } #comment-list>li:first-child>.ptw-comment { margin-top: 0; display:none; } .ptw-comment-inner { margin-left: 0; margin-right: 82px; } .ptw-comment-header { color: #BCBFB5; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; display:none; } .ptw-comment-header a, .ptw-comment-header a:link, .ptw-comment-header a:visited, .ptw-comment-header a.visited, .ptw-comment-header a:hover, .ptw-comment-header a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-comment-header a, .ptw-comment-header a:link { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #CED8C0; } .ptw-comment-header a:visited, .ptw-comment-header a.visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #CED0C8; } .ptw-comment-header a:hover, .ptw-comment-header a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #B1E7D7; } .ptw-comment-content a, .ptw-comment-content a:link, .ptw-comment-content a:visited, .ptw-comment-content a.visited, .ptw-comment-content a:hover, .ptw-comment-content a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-comment-content a, .ptw-comment-content a:link { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #CED8C0; } .ptw-comment-content a:visited, .ptw-comment-content a.visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #CED0C8; } .ptw-comment-content a:hover, .ptw-comment-content a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #B1E7D7; } .ptw-pager { background: #D8D9D3; border:1px dotted #979B8C; padding:5px; margin:3px; display:none; } .ptw-pager>*:last-child, .ptw-pager>*:last-child:hover { margin-right:0; } .ptw-pager>span { cursor:default; } .ptw-pager>* { background: #D8D9D3; background: transparent; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:10px; margin:0 9px 0 auto; position:relative; display:inline-block; margin-left: 0; } .ptw-pager a:link, .ptw-pager a:visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; color: #96DFC9 ; } .ptw-pager .active { background: #979B8C; background: transparent; padding:10px; margin:0 9px 0 auto; color: #96DFC9 ; } .ptw-pager .more { background: #D8D9D3; background: transparent; margin:0 9px 0 auto; } .ptw-pager a.more:link, .ptw-pager a.more:visited { color: #96DFC9 ; } .ptw-pager a:hover { background: #D8D9D3; padding:10px; margin:0 9px 0 auto; } .ptw-pager a:hover, .ptw-pager a.more:hover { color: #0E2F25 ; } .ptw-pager>*:after { margin:0 0 0 auto; display:inline-block; position:absolute; content: ' '; top:0; width:0; height:100%; border-right:1px dotted #979B8C; right: -5px; text-decoration:none; } .ptw-pager>*:last-child:after{ display:none; } .ptw-commentsform { background: #E9EEE3; background: transparent; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:7px; margin:0 auto; margin-top:25px; color: #BCBFB5; } .ptw-commentsform h2{ padding-bottom:10px; margin: 0; color: #BCBFB5; } .ptw-commentsform label { display: inline-block; line-height: 25px; } .ptw-commentsform input:not([type=submit]), .ptw-commentsform textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; max-width:100%; } .ptw-commentsform .form-submit { margin-top: 20px; } .ptw-post { padding:7px; margin:5px; font-size: 1px; padding-left: 0px; float: left; height: 1px; margin: 0px; line-height:1px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; display:none; } a img { border: 0; } .ptw-article img, img.ptw-article, .ptw-block img, .ptw-footer-text img { margin: 7px 7px 7px 7px; } .ptw-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .ptw-article table, table.ptw-article { border-collapse: collapse; margin: 1px; } .ptw-post .ptw-content-layout-br { height: 0; font-size: 1px; padding-left: 0px; float: left; height: 1px; margin: 0px; line-height:1px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } .ptw-article th, .ptw-article td { padding: 2px; border: solid 1px #708551; vertical-align: top; text-align: right; } .ptw-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } .preview-cms-logo { border: 0; margin: 1em 0 0 1em; float: right; } .image-caption-wrapper { padding: 7px 7px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper div.ptw-collage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0; } .ptw-postmetadataheader { background: #DBE2D0; background: rgba(219, 226, 208, 0.6); margin:0 auto; position:relative; z-index:1; padding: 1px; margin-bottom: 5px; font-size: 1px; height: 1px; padding-left: 0px; float: left; margin: 0px; line-height:1px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; opacity:0.00; -moz-opacity:0.00; -khtml-opacity:0.00; filter:alpha(opacity=0);z-index:0; } .ptw-postheader { color: #1D2315; margin: 6px 0; font-size: 8px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; } .ptw-postheader a, .ptw-postheader a:link, .ptw-postheader a:visited, .ptw-postheader a.visited, .ptw-postheader a:hover, .ptw-postheader a.hovered { font-size: 8px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: normal; } .ptw-postheader a, .ptw-postheader a:link { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; text-align: right; color: #404C2F; } .ptw-postheader a:visited, .ptw-postheader a.visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; color: #E4EADC; } .ptw-postheader a:hover, .ptw-postheader a.hovered { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; color: #1E624D; } .ptw-postheadericons, .ptw-postheadericons a, .ptw-postheadericons a:link, .ptw-postheadericons a:visited, .ptw-postheadericons a:hover { font-size: 12px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #EEF1E9; } .ptw-postheadericons { padding: 1px; } .ptw-postheadericons a, .ptw-postheadericons a:link { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; color: #B6C5A0; } .ptw-postheadericons a:visited, .ptw-postheadericons a.visited { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: none; color: #B5B8AD; } .ptw-postheadericons a:hover, .ptw-postheadericons a.hover { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: bold; font-style: normal; text-decoration: underline; color: #8ADBC3; } .ptw-postediticon:before { content:url('images/postediticon.png'); margin-left:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .ptw-postediticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; /* Opera flips margins in RTL mode */ margin-left: 0; margin-right:6px; } .ptw-postcontent ul>li:before, .ptw-post ul>li:before, .ptw-textblock ul>li:before { content:url('images/postbullets.png'); margin-left:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .ptw-postcontent ul>li:before, .opera .ptw-post ul>li:before, .opera .ptw-textblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; /* Opera flips margins in RTL mode */ margin-left: 0; margin-right:6px; } .ptw-postcontent li, .ptw-post li, .ptw-textblock li { font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; color: #CED0C8; margin: 5px 13px 5px 0; } .ptw-postcontent ul>li, .ptw-post ul>li, .ptw-textblock ul>li, .ptw-postcontent ol, .ptw-post ol, .ptw-textblock ol { padding: 0; } .ptw-postcontent ul>li, .ptw-post ul>li, .ptw-textblock ul>li { padding-right: 11px; } .ptw-postcontent ul>li:before, .ptw-post ul>li:before, .ptw-textblock ul>li:before { margin-right: -11px; } .opera .ptw-postcontent ul>li:before, .opera .ptw-post ul>li:before, .opera .ptw-textblock ul>li:before { /* Opera flips margins in RTL mode */ margin-right: 6px; margin-left: -11px; } .ptw-postcontent ol, .ptw-post ol, .ptw-textblock ol, .ptw-postcontent ul, .ptw-post ul, .ptw-textblock ul { margin: 1em 13px 1em 0; } .ptw-postcontent li ol, .ptw-post li ol, .ptw-textblock li ol, .ptw-postcontent li ul, .ptw-post li ul, .ptw-textblock li ul { margin: 0.5em 13px 0.5em 0; } .ptw-postcontent li, .ptw-post li, .ptw-textblock li { margin: 5px 0 5px 0; } .ptw-postcontent ol>li, .ptw-post ol>li, .ptw-textblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .ptw-postcontent ul>li, .ptw-post ul>li, .ptw-textblock ul>li { /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } blockquote { background: #DBE2D0 url('images/postquote.png') top right no-repeat scroll; border:1px solid #BBC9A6; padding:10px 43px 10px 10px; margin:0 0 0 10px; color: #10100E; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: italic; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } blockquote a, .ptw-postcontent blockquote a, .ptw-blockcontent blockquote a, .ptw-footer-text blockquote a, blockquote a:link, .ptw-postcontent blockquote a:link, .ptw-blockcontent blockquote a:link, .ptw-footer-text blockquote a:link, blockquote a:visited, .ptw-postcontent blockquote a:visited, .ptw-blockcontent blockquote a:visited, .ptw-footer-text blockquote a:visited, blockquote a:hover, .ptw-postcontent blockquote a:hover, .ptw-blockcontent blockquote a:hover, .ptw-footer-text blockquote a:hover { color: #10100E; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; font-weight: normal; font-style: italic; font-family:1%; } /* Override native 'p' margins*/ blockquote p, .ptw-postcontent blockquote p, .ptw-blockcontent blockquote p, .ptw-footer-text blockquote p { margin: 0; } .ptw-footer { background: #252621; background: linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; background: -webkit-linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; background: -moz-linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; background: -o-linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; background: -ms-linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; background: linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; -svg-background: linear-gradient(top, #10100E 0, #3D3F37 100%) no-repeat; margin:0 auto; position: relative; color: #BCBFB5; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-align: center; padding: 0; } .ptw-footer-text a, .ptw-footer-text a:link, .ptw-footer-text a:visited, .ptw-footer-text a:hover, .ptw-footer-text td, .ptw-footer-text th, .ptw-footer-text caption { color: #BCBFB5; font-size: 13px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text p { padding:0; text-align: center; } .ptw-footer-text a, .ptw-footer-text a:link { color: #92A871; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; } .ptw-footer-text a:visited { color: #909484; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: none; } .ptw-footer-text a:hover { color: #599191; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; text-decoration: underline; } .ptw-footer-text h1 { color: #8AA267; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text h2 { color: #8AA267; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text h3 { color: #A3B587; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text h4 { color: #5F6255; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text h5 { color: #5F6255; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text h6 { color: #5F6255; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; } .ptw-footer-text img { border: 1px dotted #BBC9A6; margin: 5px; } .ptw-footer-inner { margin: 0 auto; width:900px; padding:15px; padding-right: 25px; padding-left: 25px; } .ptw-rss-tag-icon { background: url('images/footerrssicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; } .ptw-rss-tag-icon:empty { vertical-align: middle; } .ptw-facebook-tag-icon { background: url('images/footerfacebookicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; } .ptw-facebook-tag-icon:empty { vertical-align: middle; } .ptw-twitter-tag-icon { background: url('images/footertwittericon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; } .ptw-twitter-tag-icon:empty { vertical-align: middle; } .ptw-footer-text ul>li:before { content:url('images/footerbullets.png'); margin-left:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-right: -17px; } .opera .ptw-footer-text ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; /* Opera flips margins in RTL mode */ margin-right: 6px; /* Opera flips margins in RTL mode */ margin-left: -17px; } .ptw-footer-text li { font-size: 14px; font-family: droid arabic kufi, droid arabic kufi, droid arabic kufi, droid arabic kufi; line-height: 125%; color: #DCDED9; } .ptw-footer-text ul>li, .ptw-footer-text ol { padding: 0; } .ptw-footer-text ul>li { padding-right: 17px; } .ptw-page-footer, .ptw-page-footer a, .ptw-page-footer a:link, .ptw-page-footer a:visited, .ptw-page-footer a:hover { font-family: droid arabic kufi; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #B6C5A0; } .ptw-page-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #B5B8AD; } .ptw-lightbox-wrapper { background: #333; background: rgba(0, 0, 0, .8); bottom: 0; left: 0; padding: 0 100px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000000; } .ptw-lightbox, .ptw-lightbox-wrapper .ptw-lightbox-image { cursor: pointer; } .ptw-lightbox-wrapper .ptw-lightbox-image { border: 6px solid #fff; border-radius: 3px; display: none; max-width: 100%; vertical-align: middle; } .ptw-lightbox-wrapper .ptw-lightbox-image.active { display: inline-block; } .ptw-lightbox-wrapper .lightbox-error { background: #fff; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 80px; opacity: .95; padding: 20px; position: fixed; width: 300px; z-index: 100; } .ptw-lightbox-wrapper .loading { background: #fff url('images/preloader-01.gif') center center no-repeat; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 32px; opacity: .5; padding: 10px; position: fixed; width: 32px; z-index: 10100; } .ptw-lightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: .5; filter: alpha(opacity=50); position: fixed; width: 82px; z-index: 10003; } .ptw-lightbox-wrapper .arrow.left { left: 9px; } .ptw-lightbox-wrapper .arrow.right { right: 9px; } .ptw-lightbox-wrapper .arrow:hover { opacity: 1; filter: alpha(opacity=100); } .ptw-lightbox-wrapper .arrow.disabled { display: none; } .ptw-lightbox-wrapper .arrow-t, .ptw-lightbox-wrapper .arrow-b { background-color: #fff; border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px; } .ptw-lightbox-wrapper .arrow-t { top: 38px; } .ptw-lightbox-wrapper .arrow-b { top: 50px; } .ptw-lightbox-wrapper .close { cursor: pointer; height: 22px; opacity: .5; filter: alpha(opacity=50); position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003; } .ptw-lightbox-wrapper .close:hover { opacity: 1; filter: alpha(opacity=100); } .ptw-lightbox-wrapper .close .cw, .ptw-lightbox-wrapper .close .ccw { background-color: #fff; border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px; } .ptw-lightbox-wrapper .cw { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg); /* Firefox */} .ptw-lightbox-wrapper .ccw { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ -moz-transform: rotate(-45deg); /* Firefox */} .ptw-lightbox-wrapper .close-alt, .ptw-lightbox-wrapper .arrow-right-alt, .ptw-lightbox-wrapper .arrow-left-alt { color: #fff; display: none; font-size: 2.5em; line-height: 100%; } .ie8 .ptw-lightbox-wrapper .close-alt, .ie8 .ptw-lightbox-wrapper .arrow-right-alt, .ie8 .ptw-lightbox-wrapper .arrow-left-alt { display: block; } .ie8 .ptw-lightbox-wrapper .cw, .ie8 .ptw-lightbox-wrapper .ccw { display: none; } .ptw-content-layout .ptw-sidebar1 { background: #DBE2D0; background: transparent; border-left:1px solid #BBC9A6; margin:0 auto; width: 200px; height: 1px; } .ptw-content-layout .ptw-content { margin:0 auto; height:1px; } #comment { width:99%; } #comments-list, #comments-list .comment { background: none; padding:0; margin:0; overflow: visible; } #comments-list .comment:before, #comments-list .comment:after { display:none; } #comments-list .comment .comment { margin-left: 20px; } span.page-navi-outer, span.page-navi-inner { position:relative; display:block; float:left; margin:0; padding:0; } span.page-navi-outer { margin: 1px; border: 1px solid #aaa; } span.page-navi-inner { padding: 1px; min-width:14px; line-height:18px; text-align:center; border: 2px solid #fff; font-weight:bold; } a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width:1px; font-weight:normal; } a span.page-navi-outer, span.page-navi-caption { margin:2px 1px; } ul#comments-list li cite { font-size: 1.2em; } #commentform textarea { width: 100%; } #commentform { text-align:left; } .rtl #commentform { text-align:right; } img.wp-smiley { border: none; margin: 1px; vertical-align:middle; padding: 0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .ptw-article .aligncenter img, .aligncenter img.ptw-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p.aligncenter , p.center { text-align: center; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption, .wp-caption p { text-align: center; } .gallery { margin: 0 auto 18px; clear:both; overflow:hidden; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery img { border: 2px solid #cfcfcf; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* End */ .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .gallery { letter-spacing: normal; } .ptw-content { position: relative; z-index: 1; } #todays-events{ position: relative; z-index: 11; } #upcoming-events{ position: relative; z-index: 10; } img.wp-post-image { margin:0 5px 5px 0 !important; } ul#comments-list li { list-style-image: none; background:none; list-style-type:none; } div.ptw-footer div.ptw-content-layout { margin:0 auto; width:100%; } div.ptw-layout-cell-size1 { width:100%; } div.ptw-layout-cell-size2 { width:50%; } div.ptw-layout-cell-size3 { width:33%; } div.ptw-layout-cell-size4 { width:25%; } .ptw-widget-title { padding:0 0 0 24px; margin-bottom:0; } div.ptw-center-wrapper { position: relative; float: right; right: 50%; } div.ptw-center-inner { position: relative; float: left; left: 50%; } .firefox2 div.ptw-center-inner { float: none; } .ptw-hmenu-extra1, .ptw-hmenu-extra2 { font-size:12px; } div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p, h3#reply-title, h4#comments, h4.box-title { margin:0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } #comments-list #respond { margin-left: 25px !important; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { width: auto; } .ptw-footer .ptw-widget-title { font-size:1.2em; padding: 0; } .ptw-footer .ptw-widget, .ptw-footer .ptw-widget a, .ptw-footer .ptw-widget a:link, .ptw-footer .ptw-widget a:visited, .ptw-footer .ptw-widget a:hover { text-align: left; } DIV[id^="GMPmap"] IMG { margin: 0px; } /* Begin Additional CSS Styles */ .ptw-blockheader .t, .ptw-vmenublockheader .t {white-space: nowrap;} /* End Additional CSS Styles */